feat: Enhance simulation event handling and material management with new components and state management

2025-04-23 18:13:32 +05:30
parent 6f93fc36c2
commit 22fb00f731
16 changed files with 503 additions and 108 deletions
--- a/app/src/store/simulation/useMaterialStore.ts
+++ b/app/src/store/simulation/useMaterialStore.ts
@@ -0,0 +1,76 @@
+import { create } from 'zustand';
+import { immer } from 'zustand/middleware/immer';
+
+type MaterialsStore = {
+    materials: MaterialsSchema;
+
+    addMaterial: (material: MaterialSchema) => void;
+    removeMaterial: (materialId: string) => void;
+    updateMaterial: (materialId: string, updates: Partial<MaterialSchema>) => void;
+
+    setStartTime: (materialId: string, startTime: string) => void;
+    setEndTime: (materialId: string, endTime: string) => void;
+    setCost: (materialId: string, cost: number) => void;
+    setWeight: (materialId: string, weight: number) => void;
+
+    getMaterialById: (materialId: string) => MaterialSchema | undefined;
+};
+
+export const useMaterialStore = create<MaterialsStore>()(
+    immer((set, get) => ({
+        materials: [],
+
+        addMaterial: (material) => {
+            set((state) => {
+                state.materials.push(material);
+            });
+        },
+
+        removeMaterial: (materialId) => {
+            set((state) => {
+                state.materials = state.materials.filter(m => m.materialId !== materialId);
+            });
+        },
+
+        updateMaterial: (materialId, updates) => {
+            set((state) => {
+                const material = state.materials.find(m => m.materialId === materialId);
+                if (material) {
+                    Object.assign(material, updates);
+                }
+            });
+        },
+
+        setStartTime: (materialId, startTime) => {
+            set((state) => {
+                const material = state.materials.find(m => m.materialId === materialId);
+                if (material) material.startTime = startTime;
+            });
+        },
+
+        setEndTime: (materialId, endTime) => {
+            set((state) => {
+                const material = state.materials.find(m => m.materialId === materialId);
+                if (material) material.endTime = endTime;
+            });
+        },
+
+        setCost: (materialId, cost) => {
+            set((state) => {
+                const material = state.materials.find(m => m.materialId === materialId);
+                if (material) material.cost = cost;
+            });
+        },
+
+        setWeight: (materialId, weight) => {
+            set((state) => {
+                const material = state.materials.find(m => m.materialId === materialId);
+                if (material) material.weight = weight;
+            });
+        },
+
+        getMaterialById: (materialId) => {
+            return get().materials.find(m => m.materialId === materialId);
+        },
+    }))
+);
--- a/app/src/store/simulation/useSimulationStore.ts
+++ b/app/src/store/simulation/useSimulationStore.ts
@@ -0,0 +1,25 @@
+import { create } from 'zustand';
+import { immer } from 'zustand/middleware/immer';
+import * as THREE from 'three';
+
+interface SelectedEventSphereState {
+    selectedEventSphere: THREE.Mesh | null;
+    setSelectedEventSphere: (mesh: THREE.Mesh | null) => void;
+    clearSelectedEventSphere: () => void;
+}
+
+export const useSelectedEventSphere = create<SelectedEventSphereState>()(
+    immer((set) => ({
+        selectedEventSphere: null,
+        setSelectedEventSphere: (mesh) => {
+            set((state) => {
+                state.selectedEventSphere = mesh;
+            });
+        },
+        clearSelectedEventSphere: () => {
+            set((state) => {
+                state.selectedEventSphere = null;
+            });
+        },
+    }))
+);