Configure full-stack Docker setup for Hugging Face Spaces

Dockerfile

@@ -1,19 +1,45 @@
-FROM python:3.13.5-slim
+# --- Build Stage for Frontend ---
+FROM node:20-alpine AS frontend-builder
+WORKDIR /app/frontend
 
+COPY frontend/package.json frontend/package-lock.json* ./
+RUN npm ci || npm install
+
+COPY frontend/ ./
+RUN npm run build
+
+# --- Build Stage for Backend ---
+FROM python:3.13-slim
 WORKDIR /app
 
+# Install system dependencies
 RUN apt-get update && apt-get install -y \
     build-essential \
     curl \
     git \
     && rm -rf /var/lib/apt/lists/*
 
-COPY requirements.txt ./
-COPY src/ ./src/
+# Copy backend requirements
+COPY backend/pyproject.toml backend/requirements.txt* ./backend/
+# Check if requirements.txt exists and install it, else install from pyproject.toml
+RUN cd backend && \
+    if [ -f requirements.txt ]; then pip install --no-cache-dir -r requirements.txt; fi && \
+    pip install --no-cache-dir uvicorn fastapi
+
+# Copy backend code
+COPY backend/ ./backend/
+RUN cd backend && pip install -e .
+
+# Copy built frontend from the frontend-builder stage
+COPY --from=frontend-builder /app/frontend/dist /app/frontend/dist
 
-RUN pip install --no-cache-dir uv
-RUN uv pip install --system -r requirements.txt
+# Also copy other necessary directories from root if the backend needs them
+COPY cop_analysis/ ./cop_analysis/
+COPY data/ ./data/
 
-EXPOSE 8501
+# Expose Hugging Face Space port
+EXPOSE 7860
 
-CMD streamlit run src/home.py --server.port=8501 --server.address=0.0.0.0 --server.enableXsrfProtection=false
+# Run uvicorn server
+WORKDIR /app/backend
+CMD ["uvicorn", "app.main:app", "--host", "0.0.0.0", "--port", "7860"]

README.md

@@ -3,7 +3,7 @@ title: Heattransplanapp
 colorFrom: red
 colorTo: red
 sdk: docker
-app_port: 8501
+app_port: 7860
 tags:
 - streamlit
 pinned: false

backend/app/main.py

@@ -32,3 +32,21 @@ app.include_router(assets.router, prefix="/api/assets", tags=["Assets"])
 @app.get("/api/health")
 async def health():
     return {"status": "ok"}
+
+# Serve frontend static files
+import os
+from fastapi.staticfiles import StaticFiles
+from fastapi.responses import FileResponse
+
+frontend_dist = os.path.join(os.path.dirname(os.path.dirname(os.path.dirname(__file__))), "frontend", "dist")
+if os.path.isdir(frontend_dist):
+    app.mount("/assets", StaticFiles(directory=os.path.join(frontend_dist, "assets")), name="assets")
+    
+    @app.get("/{full_path:path}")
+    async def serve_frontend(full_path: str):
+        # Serve specific files from root if they exist
+        target_file = os.path.join(frontend_dist, full_path)
+        if os.path.isfile(target_file):
+            return FileResponse(target_file)
+        # Otherwise fallback to index.html for SPA routing
+        return FileResponse(os.path.join(frontend_dist, "index.html"))