door_models 5.2.7 → 5.2.8

package/dist/index.cjs.js

@@ -2002,36 +2002,37 @@ function DoorLeaf(_ref8) {
   }, [frameType, isGlassDoor]);
 
   // --- DYNAMIC TEXTURE MATERIALS ---
-  const dynamicFrontDoorPlaneMaterial = React.useMemo(() => {
-    const newMaterial = frontDoorPlaneMaterial.clone();
-    if (newMaterial.map) {
-      newMaterial.map = newMaterial.map.clone();
-      newMaterial.map.needsUpdate = true;
-      newMaterial.map.wrapS = THREE__namespace.RepeatWrapping;
-      newMaterial.map.wrapT = THREE__namespace.RepeatWrapping;
+  React.useEffect(() => {
+    // This effect runs when the material or dimensions change
+    if (frontDoorPlaneMaterial.map) {
+      const texture = frontDoorPlaneMaterial.map;
+
+      // Ensure the texture repeats
+      texture.wrapS = THREE__namespace.RepeatWrapping;
+      texture.wrapT = THREE__namespace.RepeatWrapping;
       const initialHeightM = initialDoorHeight.current ? initialDoorHeight.current / 1000 : mainDoorHeightM;
       const initialWidthM = initialDoorWidth.current ? initialDoorWidth.current / 1000 : doorWidthM;
       const repeatY = initialHeightM > 0 ? mainDoorHeightM / initialHeightM : 1;
       const repeatX = initialWidthM > 0 ? doorWidthM / initialWidthM : 1;
-      newMaterial.map.repeat.set(repeatX, repeatY * 2);
-      console.log(repeatX, repeatY);
+      texture.repeat.set(repeatX, repeatY * 2);
+
+      // Tell Three.js the texture needs to be updated
+      texture.needsUpdate = true;
     }
-    return newMaterial;
   }, [frontDoorPlaneMaterial, mainDoorHeightM, doorWidthM]);
-  const dynamicBackDoorPlaneMaterial = React.useMemo(() => {
-    const newMaterial = backDoorPlaneMaterial.clone();
-    if (newMaterial.map) {
-      newMaterial.map = newMaterial.map.clone();
-      newMaterial.map.needsUpdate = true;
-      newMaterial.map.wrapS = THREE__namespace.RepeatWrapping;
-      newMaterial.map.wrapT = THREE__namespace.RepeatWrapping;
+  React.useEffect(() => {
+    // Same logic for the back material
+    if (backDoorPlaneMaterial.map) {
+      const texture = backDoorPlaneMaterial.map;
+      texture.wrapS = THREE__namespace.RepeatWrapping;
+      texture.wrapT = THREE__namespace.RepeatWrapping;
       const initialHeightM = initialDoorHeight.current ? initialDoorHeight.current / 1000 : mainDoorHeightM;
       const initialWidthM = initialDoorWidth.current ? initialDoorWidth.current / 1000 : doorWidthM;
       const repeatY = initialHeightM > 0 ? mainDoorHeightM / initialHeightM : 1;
       const repeatX = initialWidthM > 0 ? doorWidthM / initialWidthM : 1;
-      newMaterial.map.repeat.set(repeatX, repeatY * 2);
+      texture.repeat.set(repeatX, repeatY * 2);
+      texture.needsUpdate = true;
     }
-    return newMaterial;
   }, [backDoorPlaneMaterial, mainDoorHeightM, doorWidthM]);
   return /*#__PURE__*/jsxRuntime.jsxs("group", {
     "position-x": xOffset,
@@ -2159,7 +2160,7 @@ function DoorLeaf(_ref8) {
           children: /*#__PURE__*/jsxRuntime.jsxs(csg.Geometry, {
             useGroups: true,
             children: [/*#__PURE__*/jsxRuntime.jsx(csg.Base, {
-              material: dynamicFrontDoorPlaneMaterial,
+              material: frontDoorPlaneMaterial,
               children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
                 args: [doorWidthM, mainDoorHeightM, 0.001]
               })
@@ -2176,7 +2177,7 @@ function DoorLeaf(_ref8) {
           children: /*#__PURE__*/jsxRuntime.jsxs(csg.Geometry, {
             useGroups: true,
             children: [/*#__PURE__*/jsxRuntime.jsx(csg.Base, {
-              material: dynamicBackDoorPlaneMaterial,
+              material: backDoorPlaneMaterial,
               children: /*#__PURE__*/jsxRuntime.jsx("boxGeometry", {
                 args: [doorWidthM, mainDoorHeightM, 0.0001]
               })