Update state.js

state.js

@@ -1,22 +1,77 @@
-// state.js - Manages Application State
-
+// state.js - Manages Application State with Supabase
+import { supabase } from './supabaseClient.js';
 import { MATERIALS_CONFIG, RECIPES_CONFIG } from './config.js';
+import { showToast } from './ui.js';
 
-export let appState = {};
+export let appState = {
+    user: null, // To store the logged-in user
+    materials: [],
+    productRecipes: RECIPES_CONFIG,
+    productionLog: []
+};
 
-export function saveState() {
-    localStorage.setItem('antennaTrackerState', JSON.stringify(appState));
+// Helper function to convert database material format to app format
+function dbMaterialToAppMaterial(dbMaterial) {
+    return {
+        id: dbMaterial.id,
+        name: dbMaterial.name,
+        unit: dbMaterial.unit,
+        currentStock: dbMaterial.current_stock,
+        reorderPoint: dbMaterial.reorder_point
+    };
 }
 
-export function loadState() {
-    const savedState = localStorage.getItem('antennaTrackerState');
-    if (savedState) {
-        Object.assign(appState, JSON.parse(savedState));
-        appState.productRecipes = RECIPES_CONFIG; // Always use latest recipes from config
-    } else {
-        // First time load: create a deep copy from config
-        appState.materials = JSON.parse(JSON.stringify(MATERIALS_CONFIG));
-        appState.productRecipes = RECIPES_CONFIG;
-        appState.productionLog = [];
+// Function to load initial application state from Supabase
+export async function loadInitialAppState() {
+    try {
+        const { data: { user } } = await supabase.auth.getUser();
+        if (!user) throw new Error("User not authenticated.");
+        appState.user = user;
+
+        const { data: materials, error: materialsError } = await supabase
+            .from('materials')
+            .select('*')
+            .order('name', { ascending: true });
+        if (materialsError) throw materialsError;
+
+        const { data: productionLog, error: logError } = await supabase
+            .from('production_log')
+            .select('*')
+            .order('produced_at', { ascending: false })
+            .limit(100); // Get latest 100 logs
+        if (logError) throw logError;
+
+        // If no materials in DB, initialize from config (first time setup)
+        if (materials.length === 0 && MATERIALS_CONFIG.length > 0) {
+            showToast('No materials found. Initializing from config...', 'info');
+            const { data: insertedMaterials, error: insertError } = await supabase
+                .from('materials')
+                .insert(MATERIALS_CONFIG.map(m => ({
+                    name: m.name,
+                    unit: m.unit,
+                    current_stock: m.currentStock,
+                    reorder_point: m.reorderPoint
+                })))
+                .select();
+
+            if (insertError) throw insertError;
+            appState.materials = insertedMaterials.map(dbMaterialToAppMaterial);
+        } else {
+            appState.materials = materials.map(dbMaterialToAppMaterial);
+        }
+
+        appState.productionLog = productionLog.map(log => ({
+            id: log.id,
+            productName: log.product_name,
+            quantity: log.quantity,
+            date: log.produced_at
+        }));
+        
+        console.log('App state loaded successfully from Supabase.');
+        return true;
+    } catch (error) {
+        console.error('Error loading app state:', error.message);
+        showToast(`Failed to load data: ${error.message}`, 'error');
+        return false;
     }
 }