jj

frontend/src/services/supabaseClient.js

@@ -1,36 +1,44 @@
 import { createClient } from '@supabase/supabase-js';
 
 // Supabase configuration from environment variables
-const supabaseUrl = import.meta.env.VITE_SUPABASE_URL;
-const supabaseAnonKey = import.meta.env.VITE_SUPABASE_ANON_KEY;
+// Try VITE_ prefixed variables first (for local development)
+// Fall back to non-prefixed variables (for Hugging Face deployment)
+const supabaseUrl = import.meta.env.VITE_SUPABASE_URL || import.meta.env.SUPABASE_URL;
+const supabaseAnonKey = import.meta.env.VITE_SUPABASE_ANON_KEY || import.meta.env.SUPABASE_KEY;
 
 // Validate configuration
 if (!supabaseUrl) {
-  console.error('Missing VITE_SUPABASE_URL environment variable');
+  console.error('Missing SUPABASE_URL environment variable. Please check your environment variables or .env file.');
 }
 
 if (!supabaseAnonKey) {
-  console.error('Missing VITE_SUPABASE_ANON_KEY environment variable');
+  console.error('Missing SUPABASE_KEY environment variable. Please check your environment variables or .env file.');
 }
 
 // Create Supabase client instance
-export const supabase = createClient(supabaseUrl, supabaseAnonKey, {
-  // Optional: Add any additional configuration options here
-  auth: {
-    // Automatically refresh the session if it's close to expiring
-    autoRefreshToken: true,
-    // Persist the session in local storage
-    persistSession: true,
-    // Detect changes to the session (e.g., token refresh)
-    detectSessionInUrl: true
-  },
-  // Global fetch options
-  global: {
-    // Set a default timeout for requests (in milliseconds)
-    headers: {
-      'X-Client-Info': 'lin-app/1.0'
+// If environment variables are not set, we'll still create the client but it won't work
+// This allows the app to load but will show errors when trying to use Supabase
+export const supabase = createClient(
+  supabaseUrl || 'https://your-project.supabase.co', 
+  supabaseAnonKey || 'your-anon-key',
+  {
+    // Optional: Add any additional configuration options here
+    auth: {
+      // Automatically refresh the session if it's close to expiring
+      autoRefreshToken: true,
+      // Persist the session in local storage
+      persistSession: true,
+      // Detect changes to the session (e.g., token refresh)
+      detectSessionInUrl: true
+    },
+    // Global fetch options
+    global: {
+      // Set a default timeout for requests (in milliseconds)
+      headers: {
+        'X-Client-Info': 'lin-app/1.0'
+      }
     }
   }
-});
+);
 
 export default supabase;