Change settings

src/lib/runtimeEnv.ts

@@ -0,0 +1,7 @@
+// src/lib/runtimeEnv.ts
+declare global {
+  interface Window { __RUNTIME_CONFIG__?: Record<string, string>; }
+}
+const cfg = (typeof window !== 'undefined' && window.__RUNTIME_CONFIG__) || {};
+export const SUPABASE_URL = cfg.VITE_SUPABASE_URL || import.meta.env.VITE_SUPABASE_URL;
+export const SUPABASE_ANON_KEY = cfg.VITE_SUPABASE_ANON_KEY || import.meta.env.VITE_SUPABASE_ANON_KEY;

src/lib/supabase.js

@@ -1,14 +1,7 @@
 import { createClient } from '@supabase/supabase-js'
+import { SUPABASE_URL, SUPABASE_ANON_KEY } from './runtimeEnv';
 
-const supabaseUrl = import.meta.env.VITE_SUPABASE_URL
-const anon = import.meta.env.VITE_SUPABASE_ANON_KEY
-const service = import.meta.env.VITE_SUPABASE_SERVICE_ROLE_KEY
-// For this visualization app, prefer service key if provided to bypass RLS for read-only endpoints
-const clientKey = service || anon
-
-export const supabase = createClient(supabaseUrl, clientKey, {
-  auth: { persistSession: false }
-})
+export const supabase = createClient(SUPABASE_URL!, SUPABASE_ANON_KEY!);
 
 // Helper to run GraphQL queries for features not available in REST
 export async function graphql(query, variables) {