Spaces:

AntDX316
/

HF-Map

Running

App Files Files Community

AntDX316 commited on Mar 30

Commit

335d8f4

1 Parent(s): d6b652b

updated

Browse files

Files changed (5) hide show

Dockerfile +18 -5
app.py +60 -27
healthcheck.html +23 -0
interface.py +46 -0
requirements.txt +1 -0

Dockerfile CHANGED Viewed

@@ -2,19 +2,32 @@ FROM python:3.10-slim
 WORKDIR /app
 # Copy application files
 COPY index.html /app/
 COPY styles.css /app/
 COPY script.js /app/
 COPY app.py /app/
-# Expose port 8080 which is what HF Spaces expects
 EXPOSE 8080
-# Set environment variables for HF Spaces
-ENV PORT=8080
 ENV PYTHONUNBUFFERED=1
 ENV DOCKER_CONTAINER=true
-# Run the Python application
-CMD ["python", "app.py"]

 WORKDIR /app
+# Copy requirements first for better caching
+COPY requirements.txt /app/
+RUN pip install --no-cache-dir -r requirements.txt
 # Copy application files
 COPY index.html /app/
 COPY styles.css /app/
 COPY script.js /app/
 COPY app.py /app/
+COPY healthcheck.html /app/
+COPY interface.py /app/
+# Set proper permissions
+RUN chmod -R 755 /app
+# Expose ports (Gradio uses 7860 by default)
+EXPOSE 7860
 EXPOSE 8080
+# Set environment variables
 ENV PYTHONUNBUFFERED=1
 ENV DOCKER_CONTAINER=true
+ENV HF_SPACE=true
+# Print environment for debugging
+RUN echo "Files in container:" && ls -la /app/
+# Run the Gradio interface
+CMD ["python", "-u", "interface.py"]

app.py CHANGED Viewed

@@ -1,34 +1,67 @@
 import os
 import http.server
 import socketserver
-from urllib.parse import urlparse
-# This file is used by Hugging Face Spaces to properly identify the app
-# The port that the app will be served on
 PORT = int(os.environ.get("PORT", 8080))
-# Use the directory containing index.html
-web_dir = os.path.dirname(os.path.abspath(__file__))
-os.chdir(web_dir)
-# Create a simple HTTP request handler
-class SimpleHTTPRequestHandler(http.server.SimpleHTTPRequestHandler):
-    def log_request(self, code='-', size='-'):
-        # Override to reduce logging noise
-        if isinstance(code, str):
-            pass
-        elif code >= 400:
-            print(f"HTTP Error {code}: {self.requestline}")
-        else:
-            pass  # Don't log successful requests
-# Print startup message
-print(f"Starting Battle Simulator on port {PORT}")
-print(f"Serving from directory: {web_dir}")
-print("App can be accessed at the 'App' tab in the Space UI")
-# Start the server
-with socketserver.TCPServer(("", PORT), SimpleHTTPRequestHandler) as httpd:
-    print(f"Serving HTTP on 0.0.0.0 port {PORT}")
-    httpd.serve_forever()

 import os
 import http.server
 import socketserver
+import threading
+import time
+# This file is for serving our static app on Hugging Face Spaces
+# Configuration
 PORT = int(os.environ.get("PORT", 8080))
+HOST = "0.0.0.0"  # Listen on all interfaces
+DIRECTORY = os.path.dirname(os.path.abspath(__file__))
+# Change to the directory with our static files
+os.chdir(DIRECTORY)
+# Custom request handler with better error handling
+class CustomHTTPRequestHandler(http.server.SimpleHTTPRequestHandler):
+    # Set correct MIME types
+    extensions_map = {
+        '.html': 'text/html',
+        '.css': 'text/css',
+        '.js': 'application/javascript',
+        '.json': 'application/json',
+        '.png': 'image/png',
+        '.jpg': 'image/jpeg',
+        '.jpeg': 'image/jpeg',
+        '.gif': 'image/gif',
+        '.svg': 'image/svg+xml',
+        '': 'application/octet-stream',
+    }
+    def log_message(self, format, *args):
+        # Enhanced logging
+        print(f"[{self.log_date_time_string()}] {format % args}")
+    def do_GET(self):
+        # Handle specific paths
+        if self.path == '/' or self.path == '':
+            self.path = '/index.html'
+        # Print detailed request info for debugging
+        print(f"Handling request for: {self.path}")
+        # Serve the file
+        return http.server.SimpleHTTPRequestHandler.do_GET(self)
+# Print startup information
+print("=" * 60)
+print(f"Starting Battle Simulator Server")
+print(f"Current directory: {DIRECTORY}")
+print(f"Files in directory:")
+for file in os.listdir(DIRECTORY):
+    print(f"  - {file}")
+print(f"Listening on {HOST}:{PORT}")
+print("=" * 60)
+# Create and start the server
+handler = CustomHTTPRequestHandler
+httpd = socketserver.TCPServer((HOST, PORT), handler)
+# Print ready message
+print(f"Server started - Battle Simulator ready!")
+print(f"Open the 'App' tab to view the application")
+# Start serving
+httpd.serve_forever()

healthcheck.html ADDED Viewed

	@@ -0,0 +1,23 @@

+<!DOCTYPE html>
+<html>
+<head>
+    <title>Battle Simulator Health Check</title>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!-- Special meta tags for Hugging Face Spaces -->
+    <meta property="og:title" content="Battle Simulator">
+    <meta property="og:description" content="Interactive battle simulation with units on a map">
+</head>
+<body>
+    <h1>Battle Simulator is running!</h1>
+    <p>Status: OK</p>
+    <p>If you're seeing this page directly, please click on the "App" tab to view the simulation.</p>
+    <script>
+        // Redirect to index.html if accessed directly
+        if (window.location.pathname === '/healthcheck.html') {
+            window.location.href = '/';
+        }
+    </script>
+</body>
+</html>

interface.py ADDED Viewed

	@@ -0,0 +1,46 @@

+import gradio as gr
+import os
+import http.server
+import socketserver
+import threading
+import webbrowser
+# Define constants
+PORT = int(os.environ.get("PORT", 8080))
+HOST = "0.0.0.0"  # Listen on all interfaces
+DIRECTORY = os.path.dirname(os.path.abspath(__file__))
+# Start HTTP server in a separate thread
+def start_http_server():
+    os.chdir(DIRECTORY)
+    handler = http.server.SimpleHTTPRequestHandler
+    httpd = socketserver.TCPServer((HOST, PORT), handler)
+    print(f"Server started at http://{HOST}:{PORT}")
+    print(f"Current directory: {DIRECTORY}")
+    httpd.serve_forever()
+# Start server in a background thread
+server_thread = threading.Thread(target=start_http_server, daemon=True)
+server_thread.start()
+# Create a simple Gradio interface for Hugging Face
+with gr.Blocks() as demo:
+    gr.HTML(f"""
+    <iframe
+        src="http://{HOST}:{PORT}"
+        width="100%"
+        height="800px"
+        frameborder="0"
+        style="border: 1px solid #ddd; border-radius: 8px;"
+    ></iframe>
+    <div style="text-align: center; margin-top: 10px; padding: 10px; background-color: #f8f8f8; border-radius: 5px;">
+        <h3>Battle Simulator</h3>
+        <p>If the simulation doesn't appear above, you can access it directly at:
+           <a href="http://{HOST}:{PORT}" target="_blank">Battle Simulator</a>
+        </p>
+    </div>
+    """)
+# Launch the interface
+if __name__ == "__main__":
+    demo.launch(server_name=HOST, server_port=7860)

requirements.txt ADDED Viewed

	@@ -0,0 +1 @@


1	+ gradio>=3.50.2