Spaces:

Seth0330
/

DocClassify

Sleeping

Seth commited on 26 days ago

Commit

25bda12

1 Parent(s): 7dfcef5

Update

Files changed (9) hide show

Dockerfile ADDED Viewed

+# ---------- build frontend ----------
+FROM node:20-bookworm AS frontend-build
+WORKDIR /frontend
+COPY frontend/package.json frontend/package-lock.json* ./
+RUN npm install
+COPY frontend/ .
+RUN npm run build
+# ---------- runtime ----------
+FROM python:3.11-slim
+WORKDIR /app
+# Backend deps
+COPY backend/requirements.txt /app/backend/requirements.txt
+RUN pip install --no-cache-dir -r /app/backend/requirements.txt
+# Copy backend code
+COPY backend /app/backend
+# Copy frontend build into /app/frontend/dist
+COPY --from=frontend-build /frontend/dist /app/frontend/dist
+# HF Spaces uses port 7860
+EXPOSE 7860
+CMD ["uvicorn", "backend.app.main:app", "--host", "0.0.0.0", "--port", "7860"]

README.md CHANGED Viewed

@@ -1,8 +1,8 @@
 ---
-title: DocClassify
-emoji: 😻
-colorFrom: pink
-colorTo: red
 sdk: docker
 pinned: false
 ---

 ---
+title: PostGen
+emoji: 🐨
+colorFrom: yellow
+colorTo: green
 sdk: docker
 pinned: false
 ---

backend/app/main.py ADDED Viewed

+from fastapi import FastAPI
+from fastapi.responses import FileResponse
+from fastapi.staticfiles import StaticFiles
+from fastapi.middleware.cors import CORSMiddleware
+from pathlib import Path
+app = FastAPI()
+app.add_middleware(
+    CORSMiddleware,
+    allow_origins=["*"],
+    allow_credentials=True,
+    allow_methods=["*"],
+    allow_headers=["*"],
+)
+# ---- API ----
+@app.get("/api/health")
+def health():
+    return {"status": "ok"}
+@app.get("/api/hello")
+def hello():
+    return {"message": "Hello from FastAPI"}
+# ---- Frontend static serving ----
+FRONTEND_DIST = Path(__file__).resolve().parents[2] / "frontend" / "dist"
+INDEX_FILE = FRONTEND_DIST / "index.html"
+if FRONTEND_DIST.exists():
+    app.mount("/", StaticFiles(directory=str(FRONTEND_DIST), html=True), name="static")
+    # SPA fallback: any non-/api route should return React index.html
+    @app.get("/{full_path:path}")
+    def spa_fallback(full_path: str):
+        if full_path.startswith("api/"):
+            return {"detail": "Not Found"}
+        return FileResponse(str(INDEX_FILE))

backend/requirements.txt ADDED Viewed

frontend/index.html ADDED Viewed

+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>HF React + FastAPI by Seth</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>

frontend/package.json ADDED Viewed

+{
+  "name": "hf-react",
+  "private": true,
+  "version": "0.0.1",
+  "type": "module",
+  "scripts": {
+    "dev": "vite --host 0.0.0.0 --port 5173",
+    "build": "vite build",
+    "preview": "vite preview --host 0.0.0.0 --port 5173"
+  },
+  "dependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^4.3.1",
+    "vite": "^5.4.2"
+  }
+}

frontend/src/App.jsx ADDED Viewed

+import React, { useEffect, useState } from "react";
+export default function App() {
+  const [apiMsg, setApiMsg] = useState("");
+  useEffect(() => {
+    fetch("/api/hello")
+      .then((r) => r.json())
+      .then((d) => setApiMsg(d.message))
+      .catch(() => setApiMsg("API not reachable yet"));
+  }, []);
+  return (
+    <div style={{ fontFamily: "system-ui", padding: 24, lineHeight: 1.5 }}>
+      <h1>React + FastAPI (Docker, HF Spaces)</h1>
+      <p>This is a plain starter page. Customize freely.By Seth</p>
+      <div style={{ marginTop: 16, padding: 12, border: "1px solid #ddd", borderRadius: 8 }}>
+        <strong>API says:</strong> {apiMsg}
+      </div>
+    </div>
+  );
+}

frontend/src/main.jsx ADDED Viewed

+import React from "react";
+import ReactDOM from "react-dom/client";
+import App from "./App.jsx";
+ReactDOM.createRoot(document.getElementById("root")).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);

frontend/vite.config.js ADDED Viewed

+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+// IMPORTANT: proxy API calls to backend when running both inside one container
+export default defineConfig({
+  plugins: [react()],
+  server: {
+    proxy: {
+      "/api": "http://127.0.0.1:8000"
+    }
+  }
+});