first commit

app/src/modules/simulation/simulator/simulator.tsx

@@ -0,0 +1,38 @@
+import { useEffect } from 'react';
+import { useProductStore } from '../../../store/simulation/useProductStore';
+import { useActionHandler } from '../actions/useActionHandler';
+import { usePlayButtonStore, useResetButtonStore } from '../../../store/usePlayButtonStore';
+import { determineExecutionOrder } from './functions/determineExecutionOrder';
+import { useProductContext } from '../products/productContext';
+
+function Simulator() {
+    const { selectedProductStore } = useProductContext();
+    const { products, getProductById } = useProductStore();
+    const { handleAction } = useActionHandler();
+    const { selectedProduct } = selectedProductStore();
+    const { isPlaying } = usePlayButtonStore();
+    const { isReset } = useResetButtonStore();
+
+    useEffect(() => {
+        if (!isPlaying || isReset || !selectedProduct.productUuid) return;
+
+        const product = getProductById(selectedProduct.productUuid);
+        if (!product) return;
+
+        const executionOrder = determineExecutionOrder([product]);
+        executionOrder.forEach(point => {
+            const action = 'actions' in point ? point.actions[0] : point.action;
+            handleAction(action);
+        });
+    }, [products, isPlaying, isReset, selectedProduct]);
+
+    return (
+
+        <>
+
+        </>
+
+    );
+}
+
+export default Simulator;