From 7081aa1d506921566e3090561d77f0690e9f031a Mon Sep 17 00:00:00 2001
From: Jerald-Golden-B <jerald@hexrfactory.com>
Date: Thu, 11 Sep 2025 18:33:16 +0530
Subject: [PATCH] added screenSpace for point

---
 app/src/modules/builder/point/point.tsx       | 26 ++++++++++---------
 .../selection2D/moveControls2D.tsx            | 18 +++++++++++--
 app/src/types/world/worldConstants.ts         |  2 +-
 3 files changed, 31 insertions(+), 15 deletions(-)

diff --git a/app/src/modules/builder/point/point.tsx b/app/src/modules/builder/point/point.tsx
index a1f8420..a2bddfc 100644
--- a/app/src/modules/builder/point/point.tsx
+++ b/app/src/modules/builder/point/point.tsx
@@ -1,4 +1,4 @@
-import { DragControls } from "@react-three/drei";
+import { Box, DragControls, ScreenSizer } from "@react-three/drei";
 import * as Constants from "../../../types/world/worldConstants";
 
 import BoxMaterial from "../wrappers/materials/boxMaterial";
@@ -49,26 +49,28 @@ function Point({ point }: { readonly point: Point }) {
         <>
             {!isSelected ? (
                 <DragControls axisLock="y" autoTransform={false} onDragStart={handleDragStart} onDrag={handleDrag} onDragEnd={handleDragEnd}>
-                    <mesh
+                    <ScreenSizer
                         key={point.pointUuid}
                         uuid={point.pointUuid}
                         name={`${point.pointType}-Point`}
+                        scale={1}
                         position={[...point.position]}
                         onClick={handlePointClick}
                         onPointerOver={handlePointerOver}
                         onPointerOut={handlePointerOut}
                         userData={point}
                     >
-                        <boxGeometry args={boxScale} />
-                        <BoxMaterial
-                            variant="box1"
-                            uOuterColor={colors.defaultOuterColor}
-                            uInnerColor={colors.defaultInnerColor}
-                            uDeleteColor={colors.defaultDeleteColor}
-                            isHovered={isHovered}
-                            isDeleteHovered={isDeleteHovered}
-                        />
-                    </mesh>
+                        <Box args={boxScale}>
+                            <BoxMaterial
+                                variant="box1"
+                                uOuterColor={colors.defaultOuterColor}
+                                uInnerColor={colors.defaultInnerColor}
+                                uDeleteColor={colors.defaultDeleteColor}
+                                isHovered={isHovered}
+                                isDeleteHovered={isDeleteHovered}
+                            />
+                        </Box>
+                    </ScreenSizer>
                 </DragControls>
             ) : (
                 <group
diff --git a/app/src/modules/scene/controls/selectionControls/selection2D/moveControls2D.tsx b/app/src/modules/scene/controls/selectionControls/selection2D/moveControls2D.tsx
index c45631b..231ff1e 100644
--- a/app/src/modules/scene/controls/selectionControls/selection2D/moveControls2D.tsx
+++ b/app/src/modules/scene/controls/selectionControls/selection2D/moveControls2D.tsx
@@ -278,7 +278,14 @@ function MoveControls2D({ movedObjects, setMovedObjects, pastedObjects, setPaste
                                     type: "Aisle",
                                     lineData: {
                                         ...updatedAisle,
-                                        points: [initialStates[updatedAisle.points[0].pointUuid] ? { ...updatedAisle.points[0], position: initialStates[updatedAisle.points[0].pointUuid].position } : updatedAisle.points[0], initialStates[updatedAisle.points[1].pointUuid] ? { ...updatedAisle.points[1], position: initialStates[updatedAisle.points[1].pointUuid].position } : updatedAisle.points[1]] as [Point, Point],
+                                        points: [
+                                            initialStates[updatedAisle.points[0].pointUuid]
+                                                ? { ...updatedAisle.points[0], position: initialStates[updatedAisle.points[0].pointUuid].position }
+                                                : updatedAisle.points[0],
+                                            initialStates[updatedAisle.points[1].pointUuid]
+                                                ? { ...updatedAisle.points[1], position: initialStates[updatedAisle.points[1].pointUuid].position }
+                                                : updatedAisle.points[1],
+                                        ] as [Point, Point],
                                     },
                                     newData: updatedAisle,
                                     timeStamp: new Date().toISOString(),
@@ -330,7 +337,14 @@ function MoveControls2D({ movedObjects, setMovedObjects, pastedObjects, setPaste
                                     type: "Wall",
                                     lineData: {
                                         ...updatedWall,
-                                        points: [initialStates[updatedWall.points[0].pointUuid] ? { ...updatedWall.points[0], position: initialStates[updatedWall.points[0].pointUuid].position } : updatedWall.points[0], initialStates[updatedWall.points[1].pointUuid] ? { ...updatedWall.points[1], position: initialStates[updatedWall.points[1].pointUuid].position } : updatedWall.points[1]] as [Point, Point],
+                                        points: [
+                                            initialStates[updatedWall.points[0].pointUuid]
+                                                ? { ...updatedWall.points[0], position: initialStates[updatedWall.points[0].pointUuid].position }
+                                                : updatedWall.points[0],
+                                            initialStates[updatedWall.points[1].pointUuid]
+                                                ? { ...updatedWall.points[1], position: initialStates[updatedWall.points[1].pointUuid].position }
+                                                : updatedWall.points[1],
+                                        ] as [Point, Point],
                                     },
                                     newData: updatedWall,
                                     timeStamp: new Date().toISOString(),
diff --git a/app/src/types/world/worldConstants.ts b/app/src/types/world/worldConstants.ts
index e2640e5..acc3cc6 100644
--- a/app/src/types/world/worldConstants.ts
+++ b/app/src/types/world/worldConstants.ts
@@ -316,7 +316,7 @@ export const pointConfig: PointConfig = {
     defaultInnerColor: "#ffffff", // Default inner color of the points
     defaultOuterColor: "#ffffff", // Default outer color of the points
     deleteColor: "#ff0000", // Color of the points when deleting
-    boxScale: [0.5, 0.5, 0.5], // Scale of the points
+    boxScale: [20, 20, 20], // Scale of the points
     wallOuterColor: "#C7C7C7", // Outer color of the wall points
     floorOuterColor: "#808080", // Outer color of the floor points
     aisleOuterColor: "#FBBC05", // Outer color of the aisle points