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

import { useEffect } from "react";
import { useActionHandler } from "../actions/useActionHandler";
import { usePlayButtonStore, useResetButtonStore } from "../../../store/ui/usePlayButtonStore";
import { determineExecutionOrder } from "./functions/determineExecutionOrder";
import { useSceneContext } from "../../scene/sceneContext";
import SimulationHandler from "./SimulationHandler1";
import { useParams } from "react-router-dom";
import { useSimulationManager } from "../../../store/rough/useSimulationManagerStore";
import { getSimulationDataApi } from "../../../services/simulation/comparison/getSimulationDataApi";

function Simulator() {
    const { productStore, versionStore } = useSceneContext();
    const { products, getProductById, selectedProduct } = productStore();
    const { handleAction } = useActionHandler();
    const { isPlaying } = usePlayButtonStore();
    const { isReset } = useResetButtonStore();
    const { projectId } = useParams();
    const { selectedVersion } = versionStore();
    const { addSimulationRecord } = useSimulationManager();

    useEffect(() => {
        if (!isPlaying || isReset || !selectedProduct.productUuid) return;

        const product = getProductById(selectedProduct.productUuid);
        if (!product) return;

        const executionOrder = determineExecutionOrder([product]);

        executionOrder.forEach((action) => {
            handleAction(action);
        });
        // eslint-disable-next-line react-hooks/exhaustive-deps
    }, [products, isPlaying, isReset, selectedProduct]);

    useEffect(() => {
        if (!projectId || !selectedVersion || !selectedProduct?.productUuid) return;
        const fetchSimulateData = async () => {
            const getData = await getSimulationDataApi(projectId, selectedVersion.versionId, selectedProduct?.productUuid);

            const product = getProductById(selectedProduct.productUuid);
            if (!product) return;
            const products: ProductsSchema = [product];
            const getSimulate = getData?.data;

            if (getData.message !== "Simulated data not found" && getSimulate && getSimulate.productTimestamp === products[0]?.timestamp) {
                addSimulationRecord(projectId, selectedVersion?.versionId || "", selectedProduct?.productUuid || "", getSimulate.data);
                echo.log("Simulation data is up to date");
                return;
            } else {
            }
        };
        fetchSimulateData();
        // eslint-disable-next-line react-hooks/exhaustive-deps
    }, []);

    return (
        <>
            {/* <simulationHandler/> */}
            <SimulationHandler />
        </>
    );
}

export default Simulator;