fix(hf-space): add HF Spaces config and root Dockerfile

- Add YAML frontmatter to README.md (sdk: docker) so HF Space
recognises the repo as a Docker-based Space
- Add root Dockerfile: multi-stage build that compiles React with
VITE_API_BASE_URL="" then runs FastAPI on port 7860 (HF default)
- FastAPI now serves the built React SPA as a catch-all when
/app/static/ exists, keeping dev setup unchanged

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Dockerfile

@@ -0,0 +1,35 @@
+# Stage 1: build React frontend
+FROM node:22-alpine AS frontend-builder
+WORKDIR /frontend
+COPY frontend/package*.json ./
+RUN npm ci
+COPY frontend/ ./
+# Empty string = same-origin API calls (FastAPI serves both)
+ENV VITE_API_BASE_URL=""
+RUN npm run build
+
+# Stage 2: FastAPI backend (CPU, demo mode for HF Space)
+FROM python:3.11-slim
+WORKDIR /app
+
+RUN apt-get update && \
+    apt-get install -y --no-install-recommends ffmpeg git curl && \
+    rm -rf /var/lib/apt/lists/*
+
+COPY backend/pyproject.toml ./
+RUN pip install --no-cache-dir -e "."
+
+COPY backend/app ./app
+
+# Copy built frontend so FastAPI can serve it
+COPY --from=frontend-builder /frontend/dist ./static
+
+RUN mkdir -p /app/data
+
+ENV DEMO_MODE=true
+ENV STORAGE_DIR=/app/data
+ENV FRONTEND_ORIGIN=https://elevenclip-ai.hf.space
+
+EXPOSE 7860
+
+CMD ["uvicorn", "app.main:app", "--host", "0.0.0.0", "--port", "7860"]

README.md

@@ -1,3 +1,12 @@
+---
+title: ElevenClip AI
+emoji: 🎬
+colorFrom: purple
+colorTo: red
+sdk: docker
+pinned: false
+---
+
 # ElevenClip.AI
 
 ElevenClip.AI is an AI-powered clip studio for turning long-form videos into personalized short-form content for TikTok, YouTube Shorts, and Instagram Reels.

backend/app/main.py

@@ -1,3 +1,5 @@
+from pathlib import Path
+
 from fastapi import BackgroundTasks, FastAPI, File, Form, HTTPException, UploadFile
 from fastapi.middleware.cors import CORSMiddleware
 from fastapi.responses import FileResponse
@@ -32,6 +34,17 @@ app.add_middleware(
 )
 app.mount("/media", StaticFiles(directory=settings.storage_dir), name="media")
 
+_STATIC_DIR = Path(__file__).parent.parent.parent / "static"
+if _STATIC_DIR.is_dir():
+    app.mount("/assets", StaticFiles(directory=_STATIC_DIR / "assets"), name="frontend-assets")
+
+    @app.get("/{full_path:path}", include_in_schema=False)
+    async def serve_spa(full_path: str) -> FileResponse:
+        candidate = _STATIC_DIR / full_path
+        if candidate.is_file():
+            return FileResponse(candidate)
+        return FileResponse(_STATIC_DIR / "index.html")
+
 
 @app.get("/health", response_model=HealthResponse)
 async def health() -> HealthResponse: