Fix static file serving for Hugging Face deployment

Dockerfile

@@ -13,10 +13,18 @@ RUN pip install --no-cache-dir -r requirements.txt
 
 # Copy application files
 COPY app.py .
-COPY static/ static/
+
+# Copy static folder with all contents
+COPY static/ ./static/
+
+# Debug: List files to verify copy
+RUN ls -la && ls -la static/ && ls -la static/assets/ || true
 
 # Expose port 7860 (Hugging Face default)
 EXPOSE 7860
 
+# Set environment variable
+ENV FLASK_ENV=production
+
 # Run Flask app
 CMD ["python", "app.py"]

app.py

@@ -5,7 +5,7 @@ Deployed: December 2024
 """
 
 import os
-from flask import Flask, request, jsonify, send_from_directory, send_file
+from flask import Flask, request, jsonify, send_from_directory
 from flask_cors import CORS
 from groq import Groq
 import json
@@ -18,7 +18,17 @@ from PyPDF2 import PdfReader
 API_KEY = os.getenv('GROQ_API_KEY', '')
 GROQ_MODEL = 'llama-3.3-70b-versatile'
 
-app = Flask(__name__, static_folder='static', static_url_path='')
+# Get the directory where app.py is located
+BASE_DIR = os.path.dirname(os.path.abspath(__file__))
+STATIC_DIR = os.path.join(BASE_DIR, 'static')
+
+print(f"BASE_DIR: {BASE_DIR}")
+print(f"STATIC_DIR: {STATIC_DIR}")
+print(f"Static dir exists: {os.path.exists(STATIC_DIR)}")
+if os.path.exists(STATIC_DIR):
+    print(f"Static contents: {os.listdir(STATIC_DIR)}")
+
+app = Flask(__name__, static_folder=STATIC_DIR, static_url_path='/static')
 CORS(app)
 
 client = None
@@ -72,30 +82,40 @@ def generate_content_with_groq(prompt):
 # Serve main page - redirect to signup first
 @app.route('/')
 def home():
-    return send_file('static/signup.html')
+    return send_from_directory(STATIC_DIR, 'signup.html')
 
 # Serve dashboard
 @app.route('/dashboard')
 @app.route('/index.html')
 def dashboard():
-    return send_file('static/index.html')
+    return send_from_directory(STATIC_DIR, 'index.html')
 
 # Serve login page
 @app.route('/login')
 @app.route('/login.html')
 def login():
-    return send_file('static/login.html')
+    return send_from_directory(STATIC_DIR, 'login.html')
 
 # Serve signup page
 @app.route('/signup')
 @app.route('/signup.html')
 def signup():
-    return send_file('static/signup.html')
+    return send_from_directory(STATIC_DIR, 'signup.html')
 
-# Serve static assets
+# Serve static assets - CSS and JS
 @app.route('/assets/<path:filename>')
 def serve_assets(filename):
-    return send_from_directory('static/assets', filename)
+    assets_dir = os.path.join(STATIC_DIR, 'assets')
+    return send_from_directory(assets_dir, filename)
+
+# Catch-all for any other static files in root
+@app.route('/<path:filename>')
+def serve_static(filename):
+    # Check if file exists in static directory
+    file_path = os.path.join(STATIC_DIR, filename)
+    if os.path.exists(file_path):
+        return send_from_directory(STATIC_DIR, filename)
+    return jsonify({'error': 'Not found'}), 404
 
 # API Endpoints
 @app.route('/upload_resume', methods=['POST'])