feat: Integrate undo/redo functionality for aisle and line creation; enhance selection controls for better state management

app/src/modules/builder/line/line.tsx

@@ -43,6 +43,13 @@ function Line({ points }: Readonly<LineProps>) {
     const { hoveredLine, setHoveredLine, hoveredPoint } = useBuilderStore();
     const { selectedPoints } = useSelectedPoints();
 
+    const [initialPositions, setInitialPositions] = useState<{
+        aisles?: Aisle[],
+        walls?: Wall[],
+        floors?: Floor[],
+        zones?: Zone[]
+    }>({});
+
     const path = useMemo(() => {
         const [start, end] = points.map(p => new THREE.Vector3(...p.position));
         return new THREE.LineCurve3(start, end);
@@ -353,6 +360,17 @@ function Line({ points }: Readonly<LineProps>) {
 
             const offset = new THREE.Vector3().subVectors(midPoint, hit);
             setDragOffset(offset);
+
+            if (points[0].pointType === 'Wall') {
+                const walls = getWallsByPointId(points[0].pointUuid);
+                setInitialPositions({ walls });
+            } else if (points[0].pointType === 'Floor') {
+                const floors = getFloorsByPointId(points[0].pointUuid);
+                setInitialPositions({ floors });
+            } else if (points[0].pointType === 'Zone') {
+                const zones = getZonesByPointId(points[0].pointUuid);
+                setInitialPositions({ zones });
+            }
         }
     };
 
@@ -370,9 +388,7 @@ function Line({ points }: Readonly<LineProps>) {
 
                     // API
 
-                    // upsertWallApi(projectId, selectedVersion?.versionId || '', updatedWall).catch((error) => {
-                    //     console.error('Error updating wall:', error);
-                    // });
+                    // upsertWallApi(projectId, selectedVersion?.versionId || '', updatedWall);
 
                     // SOCKET
 
@@ -386,6 +402,23 @@ function Line({ points }: Readonly<LineProps>) {
 
                     socket.emit('v1:model-Wall:add', data);
                 })
+
+                if (initialPositions.walls && initialPositions.walls.length > 0) {
+                    const updatedPoints = initialPositions.walls.map((wall) => ({
+                        type: "Wall" as const,
+                        lineData: wall,
+                        newData: updatedWalls.find(w => w.wallUuid === wall.wallUuid),
+                        timeStamp: new Date().toISOString(),
+                    }));
+
+                    push2D({
+                        type: 'Draw',
+                        actions: [{
+                            actionType: 'Lines-Update',
+                            points: updatedPoints,
+                        }]
+                    });
+                }
             }
         } else if (points[0].pointType === 'Floor' && points[1].pointType === 'Floor') {
             const updatedFloors1 = getFloorsByPointId(points[0].pointUuid);
@@ -397,9 +430,7 @@ function Line({ points }: Readonly<LineProps>) {
 
                     // API
 
-                    // upsertFloorApi(projectId, selectedVersion?.versionId || '', updatedFloor).catch((error) => {
-                    //     console.error('Error updating floor:', error);
-                    // });
+                    // upsertFloorApi(projectId, selectedVersion?.versionId || '', updatedFloor);
 
                     // SOCKET
 
@@ -413,6 +444,23 @@ function Line({ points }: Readonly<LineProps>) {
 
                     socket.emit('v1:model-Floor:add', data);
                 })
+
+                if (initialPositions.floors && initialPositions.floors.length > 0) {
+                    const updatedPoints = initialPositions.floors.map((floor) => ({
+                        type: "Floor" as const,
+                        lineData: floor,
+                        newData: updatedFloors.find(f => f.floorUuid === floor.floorUuid),
+                        timeStamp: new Date().toISOString(),
+                    }));
+
+                    push2D({
+                        type: 'Draw',
+                        actions: [{
+                            actionType: 'Lines-Update',
+                            points: updatedPoints,
+                        }]
+                    });
+                }
             }
         } else if (points[0].pointType === 'Zone' && points[1].pointType === 'Zone') {
             const updatedZones1 = getZonesByPointId(points[0].pointUuid);
@@ -424,9 +472,7 @@ function Line({ points }: Readonly<LineProps>) {
 
                     // API
 
-                    // upsertZoneApi(projectId, selectedVersion?.versionId || '', updatedZone).catch((error) => {
-                    //     console.error('Error updating zone:', error);
-                    // });
+                    // upsertZoneApi(projectId, selectedVersion?.versionId || '', updatedZone);
 
                     // SOCKET
 
@@ -440,6 +486,23 @@ function Line({ points }: Readonly<LineProps>) {
 
                     socket.emit('v1:zone:add', data);
                 })
+
+                if (initialPositions.zones && initialPositions.zones.length > 0) {
+                    const updatedPoints = initialPositions.zones.map((zone) => ({
+                        type: "Zone" as const,
+                        lineData: zone,
+                        newData: updatedZones.find(z => z.zoneUuid === zone.zoneUuid),
+                        timeStamp: new Date().toISOString(),
+                    }));
+
+                    push2D({
+                        type: 'Draw',
+                        actions: [{
+                            actionType: 'Lines-Update',
+                            points: updatedPoints,
+                        }]
+                    });
+                }
             }
         }
     }