Optimize Hugging Face deploy: Add HF user permissions & push pre-built React dist

.gitignore

@@ -9,4 +9,3 @@ pip_list.txt
 *.mp3
 dataset/
 frontend/node_modules/
-frontend/dist/

Dockerfile

@@ -4,7 +4,7 @@ FROM python:3.10-slim
 # Set the working directory in the container
 WORKDIR /app
 
-# Install system dependencies + Node.js for React build
+# Install system dependencies
 RUN apt-get update && apt-get install -y \
     build-essential \
     libasound2-dev \
@@ -12,9 +12,6 @@ RUN apt-get update && apt-get install -y \
     libportaudio2 \
     libportaudiocpp0 \
     ffmpeg \
-    curl \
-    && curl -fsSL https://deb.nodesource.com/setup_20.x | bash - \
-    && apt-get install -y nodejs \
     && rm -rf /var/lib/apt/lists/*
 
 # Copy the requirements file into the container
@@ -24,17 +21,23 @@ COPY requirements.txt .
 RUN pip install --no-cache-dir -r requirements.txt
 
 # Copy the rest of the application code
+# (This now includes frontend/dist because we removed it from .gitignore)
 COPY . .
 
-# Build the React frontend
-WORKDIR /app/frontend
-RUN npm install && npm run build
-
-# Back to app root
-WORKDIR /app
-
 # Expose the port the app runs on (Hugging Face uses 7860)
 EXPOSE 7860
 
+# Hugging Face Spaces requires running as a non-root user
+# Create user and set permissions for writable directories
+RUN useradd -m -u 1000 user
+RUN mkdir -p /app/static/uploads /app/.cache && \
+    chmod -R 777 /app
+
+# Set environment variables for model caching in a writable directory
+ENV TRANSFORMERS_CACHE=/app/.cache/huggingface
+ENV TORCH_HOME=/app/.cache/torch
+
+USER user
+
 # Command to run the application with increased timeout for model loading
 CMD ["gunicorn", "--bind", "0.0.0.0:7860", "--timeout", "300", "--workers", "1", "app:app"]