Add MQTT URL to environment variables and refactor simulation components

app/src/store/store.ts

@@ -2,7 +2,6 @@ import * as THREE from "three";
 import * as Types from "../types/world/worldTypes";
 import { create } from "zustand";
 import { io } from "socket.io-client";
-import { ComponentType, SVGProps } from "react";
 
 export const useSocketStore = create<any>((set: any, get: any) => ({
   socket: null,
@@ -31,8 +30,8 @@ export const useSocketStore = create<any>((set: any, get: any) => ({
 }));
 
 export const useLoadingProgress = create<{ loadingProgress: number; setLoadingProgress: (x: number) => void }>((set) => ({
-    loadingProgress: 1,
-    setLoadingProgress: (x: number) => set({ loadingProgress: x }),
+  loadingProgress: 1,
+  setLoadingProgress: (x: number) => set({ loadingProgress: x }),
 }));
 
 export const useOrganization = create<any>((set: any) => ({
@@ -311,30 +310,14 @@ export const useSelectedPath = create<any>((set: any) => ({
   setSelectedPath: (x: any) => set({ selectedPath: x }),
 }));
 
-interface Path {
-    modeluuid: string;
-    modelName: string;
-    points: {
-        uuid: string;
-        position: [number, number, number];
-        rotation: [number, number, number];
-        actions: { uuid: string; name: string; type: string; material: string; delay: number | string; spawnInterval: number | string; isUsed: boolean }[] | [];
-        triggers: { uuid: string; name: string; type: string; isUsed: boolean }[] | [];
-        connections: { source: { pathUUID: string; pointUUID: string }; targets: { pathUUID: string; pointUUID: string }[] };
-    }[];
-    pathPosition: [number, number, number];
-    pathRotation: [number, number, number];
-    speed: number;
-}
-
 interface SimulationPathsStore {
-  simulationPaths: Path[];
-  setSimulationPaths: (paths: Path[]) => void;
+  simulationPaths: (Types.ConveyorEventsSchema | Types.VehicleEventsSchema)[];
+  setSimulationPaths: (paths: (Types.ConveyorEventsSchema | Types.VehicleEventsSchema)[]) => void;
 }
 
 export const useSimulationPaths = create<SimulationPathsStore>((set) => ({
-    simulationPaths: [],
-    setSimulationPaths: (paths: Path[]) => set({ simulationPaths: paths }),
+  simulationPaths: [],
+  setSimulationPaths: (paths) => set({ simulationPaths: paths }),
 }));
 
 export const useIsConnecting = create<any>((set: any) => ({