Optimize for Hugging Face deployment

Multi-stage Docker build, static serving, and single-origin API config

server/Dockerfile → Dockerfile

@@ -1,7 +1,16 @@
-# Use Node.js 20 base image
+# Stage 1: Build the Client
+FROM node:20 AS client-builder
+WORKDIR /client
+COPY client/package*.json ./
+RUN npm install
+COPY client/ .
+RUN npm run build
+
+# Stage 2: Final Production Environment
 FROM node:20
+WORKDIR /app
 
-# Install Google Chrome stable and its dependencies for Puppeteer
+# Install Google Chrome for Puppeteer inside Docker
 RUN apt-get update && apt-get install -y \
     wget \
     gnupg \
@@ -10,40 +19,32 @@ RUN apt-get update && apt-get install -y \
     && apt-get update \
     && apt-get install -y \
     google-chrome-stable \
-    fonts-ipafont-gothic \
-    fonts-wqy-zenhei \
-    fonts-thai-tlwg \
-    fonts-kacst \
     fonts-freefont-ttf \
-    libxss1 \
     --no-install-recommends \
     && rm -rf /var/lib/apt/lists/*
 
-# Create app directory
-WORKDIR /app
-
-# Copy package files
-COPY package*.json ./
-
-# Install dependencies (ensure puppeteer downloads its own chrome if needed, or uses system)
+# Copy Server files
+COPY server/package*.json ./
 RUN npm install
+COPY server/ .
 
-# Copy app source
-COPY . .
+# Copy Client build (the server expects it at ../client/dist relative to server/src/index.js)
+# In this single container setup at /app, it will be at /app/../client/dist ??
+# Let's adjust server's clientPath logic slightly or copy it to /client/dist
+COPY --from=client-builder /client/dist /client/dist
 
-# Hugging Face Spaces default port
+# Environment
 ENV PORT=7860
-EXPOSE 7860
-
-# Puppeteer environment variables
-# Tell Puppeteer to use the installed Google Chrome
+ENV NODE_ENV=production
 ENV PUPPETEER_SKIP_CHROMIUM_DOWNLOAD=true
 ENV PUPPETEER_EXECUTABLE_PATH=/usr/bin/google-chrome-stable
 
-# Hugging Face requires a non-root user (id 1000)
+EXPOSE 7860
+
+# Hugging Face Spaces non-root user (id 1000)
 RUN useradd -m -u 1000 user
-RUN chown -R user:user /app
+RUN chown -R user:user /app /client
 USER user
 
-# Command to run the application
+# Run the server
 CMD ["node", "src/index.js"]

client/src/api/client.js

@@ -1,4 +1,6 @@
-const BASE_URL = process.env.NEXT_PUBLIC_API_URL || 'http://localhost:3001/api';
+const BASE_URL = typeof window !== 'undefined' && window.location.hostname === 'localhost'
+    ? 'http://localhost:3001/api'
+    : '/api';
 
 async function request(endpoint, options = {}) {
     const url = `${BASE_URL}${endpoint}`;

server/src/index.js

@@ -37,12 +37,24 @@ app.get('/', (req, res) => {
     });
 });
 
+const path = require('path');
+
 // Routes
 app.use('/api/search', searchRoutes);
 app.use(rateLimiter);
 
 app.use('/api', routes);
 
+// Serve Static Files for Deployment
+const clientPath = path.join(__dirname, '../../client/dist');
+app.use(express.static(clientPath));
+
+// Handle React SPA routing
+app.get('*', (req, res, next) => {
+    if (req.path.startsWith('/api')) return next();
+    res.sendFile(path.join(clientPath, 'index.html'));
+});
+
 app.use((req, res) => {
     res.status(404).json({ success: false, error: 'Route not found' });
 });