Add Docker support with nginx and supervisor configuration, implement .dockerignore, and enhance local development script.

.dockerignore

@@ -0,0 +1,15 @@
+.git
+.gitignore
+.venv
+__pycache__
+*.pyc
+*.pyo
+*.pyd
+.Python
+.pytest_cache
+.coverage
+.ruff_cache
+.gradio
+*.md
+!README.md
+run_local.py

Dockerfile

@@ -0,0 +1,32 @@
+FROM python:3.12-slim
+
+# Install nginx and other dependencies
+RUN apt-get update && apt-get install -y \
+    nginx \
+    supervisor \
+    && rm -rf /var/lib/apt/lists/*
+
+# Set working directory
+WORKDIR /app
+
+# Copy requirements and install Python dependencies
+COPY requirements.txt .
+RUN pip install --no-cache-dir -r requirements.txt
+
+# Copy application code
+COPY . .
+
+# Copy nginx configuration
+COPY nginx.conf /etc/nginx/nginx.conf
+
+# Copy supervisor configuration
+COPY supervisord.conf /etc/supervisor/conf.d/supervisord.conf
+
+# Create necessary directories
+RUN mkdir -p /var/log/supervisor
+
+# Expose port 7860 (the only port HF Spaces allows)
+EXPOSE 7860
+
+# Start supervisor (which will start nginx, main app, and preview app)
+CMD ["/usr/bin/supervisord", "-c", "/etc/supervisor/conf.d/supervisord.conf"]

README.md

@@ -1,19 +1,31 @@
 ---
-title: Likable
+title: Likable GitHub
 emoji: 💗
-colorFrom: blue
-colorTo: purple
-sdk: gradio
-sdk_version: 5.33.0
-app_file: app.py
-pinned: false
-license: mit
-short_description: 💗Likable - it's almost lovable
+colorFrom: purple
+colorTo: pink
+sdk: docker
+app_port: 7860
 ---
 
-# 💗 Likable
+# 💗 Likable GitHub
 
-# TODOs:
-- [ ] venv
-- [ ] Deploy to HF Spaces
-- [ ] Session Management
+A powerful AI coding assistant that can create and preview Gradio applications in real-time.
+
+## Features
+
+- **Real-time Code Generation**: AI agent that can write and modify code
+- **Live Preview**: See your applications running instantly in an iframe
+- **Multiple AI Providers**: Support for Anthropic, OpenAI, Mistral, and more
+- **File Management**: Edit and save files directly in the interface
+- **API Key Management**: Secure configuration for different AI providers
+
+## Usage
+
+1. Configure your API keys in the Settings tab
+2. Ask the AI to create or modify applications
+3. View the live preview in the Preview tab
+4. Edit code directly in the Code tab
+
+## Architecture
+
+This Space uses nginx as a reverse proxy to serve both the main application and preview applications on a single port, making it compatible with Hugging Face Spaces' single-port limitation.

app.py

@@ -18,11 +18,13 @@ PREVIEW_PORT = 7861  # Different port from main app
 
 def get_preview_url():
     """Get the appropriate preview URL based on environment."""
+    # For Hugging Face Spaces with nginx proxy, use the /preview/ path
+    if os.getenv("SPACE_ID") or os.getenv("HF_SPACE"):
+        return "/preview/"
     # Check if running in Docker
-    if os.path.exists("/.dockerenv") or os.getenv("DOCKER_CONTAINER"):
-        # In Docker, use the host's IP for iframe access
-        host_ip = os.getenv("HOST_IP", "localhost")
-        return f"http://{host_ip}:{PREVIEW_PORT}"
+    elif os.path.exists("/.dockerenv") or os.getenv("DOCKER_CONTAINER"):
+        # In Docker with nginx proxy, use relative path
+        return "/preview/"
     else:
         # Local development
         return f"http://localhost:{PREVIEW_PORT}"
@@ -64,6 +66,10 @@ def save_file(path, new_text):
 
 def stop_preview_app():
     """Stop the preview app subprocess if it's running."""
+    # In HF Spaces, preview app runs as separate service, no need to manage subprocess
+    if os.getenv("SPACE_ID") or os.getenv("HF_SPACE"):
+        return
+
     global preview_process
     if preview_process and preview_process.poll() is None:
         print("🛑 Stopping preview app...")
@@ -90,6 +96,11 @@ def stop_preview_app():
 
 def start_preview_app():
     """Start the preview app in a subprocess."""
+    # In HF Spaces, preview app runs as separate service via supervisor
+    if os.getenv("SPACE_ID") or os.getenv("HF_SPACE"):
+        print("✅ Preview app managed by supervisor in HF Spaces")
+        return True, "Preview app running via supervisor"
+
     global preview_process
 
     # Stop any existing preview app
@@ -134,9 +145,12 @@ def start_preview_app():
         max_retries = 10
         for i in range(max_retries):
             try:
-                response = requests.get(PREVIEW_URL, timeout=1)
+                response = requests.get(f"http://localhost:{PREVIEW_PORT}", timeout=1)
                 if response.status_code == 200:
-                    print(f"✅ Preview app started successfully on {PREVIEW_URL}")
+                    print(
+                        f"✅ Preview app started successfully on \
+localhost:{PREVIEW_PORT}"
+                    )
                     return True, "App started successfully"
             except requests.exceptions.RequestException:
                 print(
@@ -145,7 +159,10 @@ def start_preview_app():
                 pass
             time.sleep(0.5)
 
-        print(f"⚠️ Preview app started but may not be fully ready. Check {PREVIEW_URL}")
+        print(
+            f"⚠️ Preview app started but may not be fully ready. \
+            Check localhost:{PREVIEW_PORT}"
+        )
         return True, "App started successfully"
 
     except Exception as e:
@@ -173,12 +190,16 @@ def create_iframe_preview():
 
 def is_preview_running():
     """Check if the preview app is running and accessible."""
+    # In HF Spaces, assume preview app is always running via supervisor
+    if os.getenv("SPACE_ID") or os.getenv("HF_SPACE"):
+        return True
+
     global preview_process
     if preview_process is None or preview_process.poll() is not None:
         return False
 
     try:
-        response = requests.get(PREVIEW_URL, timeout=2)
+        response = requests.get(f"http://localhost:{PREVIEW_PORT}", timeout=2)
         return response.status_code == 200
     except requests.exceptions.RequestException:
         return False
@@ -674,4 +695,13 @@ if __name__ == "__main__":
     from kiss_agent import KISSAgent
 
     agent = KISSAgent()
-    GradioUI(agent).launch(share=False, server_name="0.0.0.0", server_port=7860)
+
+    # Determine port based on environment
+    if os.getenv("SPACE_ID") or os.getenv("HF_SPACE"):
+        # In HF Spaces, run on 7862 (nginx will proxy to 7860)
+        port = 7862
+    else:
+        # Local development
+        port = 7860
+
+    GradioUI(agent).launch(share=False, server_name="0.0.0.0", server_port=port)

nginx.conf

@@ -0,0 +1,50 @@
+events {
+    worker_connections 1024;
+}
+
+http {
+    upstream main_app {
+        server 127.0.0.1:7862;
+    }
+
+    upstream preview_app {
+        server 127.0.0.1:7861;
+    }
+
+    server {
+        listen 7860;
+        server_name localhost;
+
+        # Main app - all requests except /preview/*
+        location / {
+            proxy_pass http://main_app;
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_set_header X-Forwarded-Proto $scheme;
+
+            # WebSocket support for Gradio
+            proxy_http_version 1.1;
+            proxy_set_header Upgrade $http_upgrade;
+            proxy_set_header Connection "upgrade";
+            proxy_read_timeout 86400;
+        }
+
+        # Preview app - all requests to /preview/*
+        location /preview/ {
+            # Remove /preview from the path when forwarding
+            rewrite ^/preview/(.*) /$1 break;
+            proxy_pass http://preview_app;
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_set_header X-Forwarded-Proto $scheme;
+
+            # WebSocket support for Gradio
+            proxy_http_version 1.1;
+            proxy_set_header Upgrade $http_upgrade;
+            proxy_set_header Connection "upgrade";
+            proxy_read_timeout 86400;
+        }
+    }
+}

run_local.py

@@ -0,0 +1,25 @@
+#!/usr/bin/env python3
+"""
+Local development runner for Likable GitHub.
+This script runs the app in local mode without Docker/nginx setup.
+"""
+
+import os
+
+if __name__ == "__main__":
+    # Ensure we're not in HF Spaces mode for local development
+    if "SPACE_ID" in os.environ:
+        del os.environ["SPACE_ID"]
+    if "HF_SPACE" in os.environ:
+        del os.environ["HF_SPACE"]
+
+    # Run the main app
+    from app import GradioUI
+    from kiss_agent import KISSAgent
+
+    agent = KISSAgent()
+    print("🚀 Starting Likable GitHub in local development mode...")
+    print("📱 Main app will be available at: http://localhost:7860")
+    print("🔍 Preview apps will be available at: http://localhost:7861")
+
+    GradioUI(agent).launch(share=False, server_name="0.0.0.0", server_port=7860)

supervisord.conf

@@ -0,0 +1,27 @@
+[supervisord]
+nodaemon=true
+user=root
+
+[program:nginx]
+command=nginx -g "daemon off;"
+autostart=true
+autorestart=true
+stdout_logfile=/var/log/supervisor/nginx.log
+stderr_logfile=/var/log/supervisor/nginx.log
+
+[program:main_app]
+command=python app.py
+directory=/app
+autostart=true
+autorestart=true
+stdout_logfile=/var/log/supervisor/main_app.log
+stderr_logfile=/var/log/supervisor/main_app.log
+environment=GRADIO_SERVER_PORT="7862",GRADIO_SERVER_NAME="0.0.0.0"
+
+[program:preview_app]
+command=python sandbox/app.py --server-port 7861 --server-name 0.0.0.0
+directory=/app
+autostart=true
+autorestart=true
+stdout_logfile=/var/log/supervisor/preview_app.log
+stderr_logfile=/var/log/supervisor/preview_app.log