fix: implement runtime environment variable injection for Hugging Face

Dockerfile

@@ -9,15 +9,8 @@ RUN npm install
 # Copy source and build
 COPY . .
 
-# Build-time arguments for Vite environment variables
-ARG VITE_SUPABASE_URL
-ARG VITE_SUPABASE_PUBLISHABLE_KEY
-
-# Set them as environment variables so Vite picks them up during 'npm run build'
-# if they are not already in a .env file copied in the step above
-ENV VITE_SUPABASE_URL=$VITE_SUPABASE_URL
-ENV VITE_SUPABASE_PUBLISHABLE_KEY=$VITE_SUPABASE_PUBLISHABLE_KEY
-
+# Note: We build with placeholders or local .env if present. 
+# Secrets will be injected at runtime via env.js
 RUN npm run build
 
 # Production stage
@@ -41,4 +34,7 @@ RUN rm /etc/nginx/conf.d/default.conf && \
 }\n' > /etc/nginx/conf.d/default.conf
 
 EXPOSE 7860
-CMD ["nginx", "-g", "daemon off;"]
+
+# At runtime, generate an env.js file that contains the environment variables
+# from Hugging Face Secrets, then start Nginx.
+CMD ["/bin/sh", "-c", "echo \"window.ENV = { VITE_SUPABASE_URL: '$VITE_SUPABASE_URL', VITE_SUPABASE_PUBLISHABLE_KEY: '$VITE_SUPABASE_PUBLISHABLE_KEY' };\" > /usr/share/nginx/html/env.js && exec nginx -g 'daemon off;'"]

index.html

@@ -4,6 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Source.AI — SOURCE TO YOUR STUDIES</title>
+    <script src="/env.js"></script>
     <meta name="description" content="Turn PDFs, videos, audio, YouTube and notes into AI-generated study notes, flashcards, quizzes, podcasts and chat.">
     
     

src/integrations/supabase/client.ts

@@ -2,8 +2,12 @@
 import { createClient } from '@supabase/supabase-js';
 import type { Database } from './types';
 
-const SUPABASE_URL = import.meta.env.VITE_SUPABASE_URL;
-const SUPABASE_PUBLISHABLE_KEY = import.meta.env.VITE_SUPABASE_PUBLISHABLE_KEY;
+// Support for runtime environment variable injection on Hugging Face Spaces
+// @ts-ignore
+const runtimeConfig = window.ENV || {};
+
+const SUPABASE_URL = runtimeConfig.VITE_SUPABASE_URL || import.meta.env.VITE_SUPABASE_URL;
+const SUPABASE_PUBLISHABLE_KEY = runtimeConfig.VITE_SUPABASE_PUBLISHABLE_KEY || import.meta.env.VITE_SUPABASE_PUBLISHABLE_KEY;
 
 if (!SUPABASE_URL || !SUPABASE_PUBLISHABLE_KEY) {
   console.error(