updated

app/src/modules/scene/sceneContext.tsx

@@ -1,4 +1,11 @@
 import { createContext, useContext, useMemo } from 'react';
+
+import { createAssetStore, AssetStoreType } from '../../store/builder/useAssetStore';
+import { createAisleStore, AisleStoreType } from '../../store/builder/useAisleStore';
+
+import { createEventStore, EventStoreType } from '../../store/simulation/useEventsStore';
+import { createProductStore, ProductStoreType } from '../../store/simulation/useProductStore';
+
 import { createMaterialStore, MaterialStoreType } from '../../store/simulation/useMaterialStore';
 import { createArmBotStore, ArmBotStoreType } from '../../store/simulation/useArmBotStore';
 import { createMachineStore, MachineStoreType } from '../../store/simulation/useMachineStore';
@@ -7,12 +14,20 @@ import { createVehicleStore, VehicleStoreType } from '../../store/simulation/use
 import { createStorageUnitStore, StorageUnitStoreType } from '../../store/simulation/useStorageUnitStore';
 
 type SceneContextValue = {
+
+    assetStore: AssetStoreType,
+    aisleStore: AisleStoreType,
+
+    eventStore: EventStoreType,
+    productStore: ProductStoreType,
+
     materialStore: MaterialStoreType;
     armBotStore: ArmBotStoreType;
     machineStore: MachineStoreType;
     conveyorStore: ConveyorStoreType;
     vehicleStore: VehicleStoreType;
     storageUnitStore: StorageUnitStoreType;
+
     layout: 'Main Layout' | 'Comparison Layout';
 };
 
@@ -25,6 +40,13 @@ export function SceneProvider({
     readonly children: React.ReactNode;
     readonly layout: 'Main Layout' | 'Comparison Layout';
 }) {
+
+    const assetStore = useMemo(() => createAssetStore(), []);
+    const aisleStore = useMemo(() => createAisleStore(), []);
+
+    const eventStore = useMemo(() => createEventStore(), []);
+    const productStore = useMemo(() => createProductStore(), []);
+
     const materialStore = useMemo(() => createMaterialStore(), []);
     const armBotStore = useMemo(() => createArmBotStore(), []);
     const machineStore = useMemo(() => createMachineStore(), []);
@@ -32,17 +54,26 @@ export function SceneProvider({
     const vehicleStore = useMemo(() => createVehicleStore(), []);
     const storageUnitStore = useMemo(() => createStorageUnitStore(), []);
 
+    const clearStores = useMemo(() => () => {
+        assetStore().clearAssets();
+    }, [assetStore]);
+
     const contextValue = useMemo(() => (
         {
+            assetStore,
+            aisleStore,
+            eventStore,
+            productStore,
             materialStore,
             armBotStore,
             machineStore,
             conveyorStore,
             vehicleStore,
             storageUnitStore,
+            clearStores,
             layout
         }
-    ), [materialStore, armBotStore, machineStore, conveyorStore, vehicleStore, storageUnitStore, layout]);
+    ), [assetStore, aisleStore, eventStore, productStore, materialStore, armBotStore, machineStore, conveyorStore, vehicleStore, storageUnitStore, clearStores, layout]);
 
     return (
         <SceneContext.Provider value={contextValue}>