add initial components and utility functions for simulation and builder modules

app/src/modules/scene/controls/selection/duplicationControls.tsx

@@ -0,0 +1,190 @@
+import * as THREE from "three";
+import { useEffect, useMemo } from "react";
+import { useFrame, useThree } from "@react-three/fiber";
+import { useFloorItems, useSelectedAssets, useSocketStore, useToggleView } from "../../../../store/store";
+import { toast } from "react-toastify";
+// import { setFloorItemApi } from '../../../../services/factoryBuilder/assest/floorAsset/setFloorItemApi';
+import * as Types from "../../../../types/world/worldTypes";
+
+const DuplicationControls = ({ itemsGroupRef, duplicatedObjects, setDuplicatedObjects, setpastedObjects, selectionGroup, movedObjects, setMovedObjects, rotatedObjects, setRotatedObjects, boundingBoxRef }: any) => {
+    const { camera, controls, gl, scene, pointer, raycaster } = useThree();
+    const { toggleView } = useToggleView();
+    const { selectedAssets, setSelectedAssets } = useSelectedAssets();
+    const plane = useMemo(() => new THREE.Plane(new THREE.Vector3(0, 1, 0), 0), []);
+    const { floorItems, setFloorItems } = useFloorItems();
+    const { socket } = useSocketStore();
+
+
+    useEffect(() => {
+        if (!camera || !scene || toggleView) return;
+        const canvasElement = gl.domElement;
+        canvasElement.tabIndex = 0;
+
+        let isMoving = false;
+
+        const onPointerDown = () => {
+            isMoving = false;
+        };
+
+        const onPointerMove = () => {
+            isMoving = true;
+        };
+
+        const onPointerUp = (event: PointerEvent) => {
+            if (!isMoving && duplicatedObjects.length > 0 && event.button === 0 && movedObjects.length === 0 && rotatedObjects.length === 0) {
+                event.preventDefault();
+                addDuplicatedAssets();
+            }
+        };
+
+        const onKeyDown = (event: KeyboardEvent) => {
+            if (event.key.toLowerCase() === "d") {
+                event.preventDefault();
+                if (event.ctrlKey && event.key.toLowerCase() === "d" && selectedAssets.length > 0 && duplicatedObjects.length === 0 && movedObjects.length === 0 && rotatedObjects.length === 0) {
+                    duplicateSelection();
+                }
+            }
+        };
+
+        if (!toggleView) {
+            canvasElement.addEventListener("pointerdown", onPointerDown);
+            canvasElement.addEventListener("pointermove", onPointerMove);
+            canvasElement.addEventListener("pointerup", onPointerUp);
+            canvasElement.addEventListener("keydown", onKeyDown);
+        }
+
+        return () => {
+            canvasElement.removeEventListener("pointerdown", onPointerDown);
+            canvasElement.removeEventListener("pointermove", onPointerMove);
+            canvasElement.removeEventListener("pointerup", onPointerUp);
+            canvasElement.removeEventListener("keydown", onKeyDown);
+        };
+
+    }, [camera, controls, scene, toggleView, selectedAssets, duplicatedObjects, movedObjects, socket, floorItems, rotatedObjects]);
+
+    useFrame(() => {
+        if (duplicatedObjects.length > 0) {
+            const intersectionPoint = new THREE.Vector3();
+            raycaster.setFromCamera(pointer, camera);
+            const point = raycaster.ray.intersectPlane(plane, intersectionPoint);
+            if (point) {
+                const position = new THREE.Vector3();
+                if (boundingBoxRef.current) {
+                    boundingBoxRef.current?.getWorldPosition(position)
+                    selectionGroup.current.position.set(point.x - (position.x - selectionGroup.current.position.x), selectionGroup.current.position.y, point.z - (position.z - selectionGroup.current.position.z));
+                } else {
+                    const box = new THREE.Box3();
+                    duplicatedObjects.forEach((obj: THREE.Object3D) => box.expandByObject(obj.clone()));
+                    const center = new THREE.Vector3();
+                    box.getCenter(center);
+                    selectionGroup.current.position.set(point.x - (center.x - selectionGroup.current.position.x), selectionGroup.current.position.y, point.z - (center.z - selectionGroup.current.position.z));
+                }
+            }
+        }
+    });
+
+    const duplicateSelection = () => {
+        if (selectedAssets.length > 0 && duplicatedObjects.length === 0) {
+            const newClones = selectedAssets.map((asset: any) => {
+                const clone = asset.clone();
+                clone.position.copy(asset.position);
+                return clone;
+            });
+
+            selectionGroup.current.add(...newClones);
+            setDuplicatedObjects(newClones);
+
+            const intersectionPoint = new THREE.Vector3();
+            raycaster.setFromCamera(pointer, camera);
+            const point = raycaster.ray.intersectPlane(plane, intersectionPoint);
+
+            if (point) {
+                const position = new THREE.Vector3();
+                boundingBoxRef.current?.getWorldPosition(position)
+                selectionGroup.current.position.set(point.x - (position.x - selectionGroup.current.position.x), selectionGroup.current.position.y, point.z - (position.z - selectionGroup.current.position.z));
+            }
+        }
+    };
+
+    const addDuplicatedAssets = () => {
+        if (duplicatedObjects.length === 0) return;
+        duplicatedObjects.forEach(async (obj: THREE.Object3D) => {
+            const worldPosition = new THREE.Vector3();
+            obj.getWorldPosition(worldPosition);
+            obj.position.copy(worldPosition);
+
+            if (itemsGroupRef.current) {
+
+                const newFloorItem: Types.FloorItemType = {
+                    modeluuid: obj.uuid,
+                    modelname: obj.userData.name,
+                    modelfileID: obj.userData.modelId,
+                    position: [worldPosition.x, worldPosition.y, worldPosition.z],
+                    rotation: { x: obj.rotation.x, y: obj.rotation.y, z: obj.rotation.z, },
+                    isLocked: false,
+                    isVisible: true
+                };
+
+                setFloorItems((prevItems: Types.FloorItems) => {
+                    const updatedItems = [...(prevItems || []), newFloorItem];
+                    localStorage.setItem("FloorItems", JSON.stringify(updatedItems));
+                    return updatedItems;
+                });
+
+                const email = localStorage.getItem("email");
+                const organization = email ? email.split("@")[1].split(".")[0] : "default";
+
+                //REST
+
+                // await setFloorItemApi(
+                //     organization,
+                //     obj.uuid,
+                //     obj.userData.name,
+                //     [worldPosition.x, worldPosition.y, worldPosition.z],
+                //     { "x": obj.rotation.x, "y": obj.rotation.y, "z": obj.rotation.z },
+                //     obj.userData.modelId,
+                //     false,
+                //     true,
+                // );
+
+                //SOCKET
+
+                const data = {
+                    organization,
+                    modeluuid: newFloorItem.modeluuid,
+                    modelname: newFloorItem.modelname,
+                    modelfileID: newFloorItem.modelfileID,
+                    position: newFloorItem.position,
+                    rotation: { x: obj.rotation.x, y: obj.rotation.y, z: obj.rotation.z },
+                    isLocked: false,
+                    isVisible: true,
+                    socketId: socket.id,
+                };
+
+                socket.emit("v1:FloorItems:set", data);
+
+                itemsGroupRef.current.add(obj);
+            }
+        });
+
+        toast.success("Object duplicated!");
+        clearSelection();
+    }
+
+    const clearSelection = () => {
+        selectionGroup.current.children = [];
+        selectionGroup.current.position.set(0, 0, 0);
+        selectionGroup.current.rotation.set(0, 0, 0);
+        setMovedObjects([]);
+        setpastedObjects([]);
+        setDuplicatedObjects([]);
+        setRotatedObjects([]);
+        setSelectedAssets([]);
+    }
+
+    return (
+        <></>
+    );
+};
+
+export default DuplicationControls;