feat: Add frontend pages for Hardware Status, Process Control, Recipe Management, System Settings, and User Management

feat: Implement API service for handling system, recipe, process, hardware, safety, and user management endpoints feat: Create Zustand store for managing system state and connection status feat: Define TypeScript types for system, recipe, process, hardware, safety, user, and API responses chore: Configure Vite for React development with TypeScript and Tailwind CSS feat: Implement CSV migration tools for importing legacy data into the new system
2025-08-06 22:36:59 +02:00
parent 196b6fff06
commit c047a1e4a2
34 changed files with 3167 additions and 23 deletions
--- a/python_rewrite/frontend/src/stores/systemStore.ts
+++ b/python_rewrite/frontend/src/stores/systemStore.ts
@@ -0,0 +1,94 @@
+import { create } from 'zustand'
+import { persist } from 'zustand/middleware'
+import { api } from '../services/api'
+import type { SystemInfo, SystemStatus } from '../types'
+
+interface SystemState {
+  // System information
+  systemInfo: SystemInfo | null
+  systemStatus: SystemStatus | null
+  isInitialized: boolean
+  isConnected: boolean
+  
+  // Loading states
+  isLoading: boolean
+  error: string | null
+  
+  // Actions
+  initializeSystem: () => Promise<void>
+  updateSystemStatus: (status: SystemStatus) => void
+  updateConnectionStatus: (connected: boolean) => void
+  clearError: () => void
+  setError: (error: string) => void
+}
+
+export const useSystemStore = create<SystemState>()(
+  persist(
+    (set, get) => ({
+      // Initial state
+      systemInfo: null,
+      systemStatus: null,
+      isInitialized: false,
+      isConnected: false,
+      isLoading: false,
+      error: null,
+
+      // Initialize system - called on app startup
+      initializeSystem: async () => {
+        const { isInitialized } = get()
+        if (isInitialized) return
+
+        set({ isLoading: true, error: null })
+
+        try {
+          // Fetch system information
+          const systemInfo = await api.getSystemInfo()
+          
+          // Fetch initial system status
+          const systemStatus = await api.getSystemStatus()
+
+          set({
+            systemInfo,
+            systemStatus,
+            isInitialized: true,
+            isLoading: false,
+            error: null,
+          })
+        } catch (error) {
+          console.error('Failed to initialize system:', error)
+          set({
+            isLoading: false,
+            error: error instanceof Error ? error.message : 'Failed to initialize system',
+          })
+        }
+      },
+
+      // Update system status (called from WebSocket)
+      updateSystemStatus: (status: SystemStatus) => {
+        set({ systemStatus: status })
+      },
+
+      // Update connection status
+      updateConnectionStatus: (connected: boolean) => {
+        set({ isConnected: connected })
+      },
+
+      // Clear error
+      clearError: () => {
+        set({ error: null })
+      },
+
+      // Set error
+      setError: (error: string) => {
+        set({ error })
+      },
+    }),
+    {
+      name: 'system-store',
+      partialize: (state) => ({
+        systemInfo: state.systemInfo,
+        // Don't persist connection status or loading states
+      }),
+    }
+  )
+)