door_models 5.4.0 → 5.4.2

package/dist/index.cjs.js

@@ -8,6 +8,7 @@ var csg = require('@react-three/csg');
 var three = require('@react-spring/three');
 var THREE = require('three');
 var drei = require('@react-three/drei');
+var fiber = require('@react-three/fiber');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -102,8 +103,7 @@ const ConfiguratorProvider = _ref => {
   let {
     children,
     initialIs2D = false,
-    initialMaterials = {},
-    totalDepth
+    initialMaterials = {}
   } = _ref;
   const [materials, setMaterials] = React.useState(initialMaterials);
   const [is2D, setIs2D] = React.useState(initialIs2D);
@@ -600,35 +600,13 @@ const ConfiguratorProvider = _ref => {
         };
         break;
     }
-    const baseTotalDepth = 103; // Define the reference depth for scaling (103mm is a common default)
-    const scaleFactor = totalDepth !== undefined && baseTotalDepth > 0 ? totalDepth / baseTotalDepth : 1;
-
-    // Apply the scaling factor to all depth-related settings
-    if (scaleFactor !== 1) {
-      if (newSettings.frameDepth !== undefined) newSettings.frameDepth *= scaleFactor;
-      if (newSettings.doorDepth !== undefined) newSettings.doorDepth *= scaleFactor;
-      if (newSettings.doorStopDepth !== undefined) newSettings.doorStopDepth *= scaleFactor;
-      if (newSettings.secondDoorStopDepth !== undefined) newSettings.secondDoorStopDepth *= scaleFactor;
-      if (newSettings.gasketDepth !== undefined) newSettings.gasketDepth *= scaleFactor;
-
-      // Handle string-based depths like "40mm" for notchDepth
-      if (typeof newSettings.notchDepth === "string") {
-        const num = parseInt(newSettings.notchDepth, 10);
-        if (!isNaN(num)) {
-          newSettings.notchDepth = "".concat(num * scaleFactor, "mm");
-        }
-      }
-    }
     const isMxCaf = frameType.startsWith("MXCAF");
     setFrontCoverPanel(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
-      visible: isMxCaf,
-      depth: 12 * scaleFactor
+      visible: isMxCaf
     }));
     setBackCoverPanel(prev => _objectSpread2(_objectSpread2({}, prev), {}, {
-      visible: isMxCaf,
-      depth: 12 * scaleFactor
+      visible: isMxCaf
     }));
-    setGlassDepth(8 * scaleFactor);
     const {
         doorDepth
       } = newSettings,
@@ -639,7 +617,7 @@ const ConfiguratorProvider = _ref => {
         theDoorDepth: doorDepth
       }));
     }
-  }, [frameType, totalDepth]);
+  }, [frameType]);
 
   // ---  Exterior Fanlight Logic ---
   React.useEffect(() => {
@@ -749,61 +727,74 @@ const useConfigurator = () => {
 
 const availableMaterials = {
   black: new THREE__namespace.MeshStandardMaterial({
-    color: "#000000"
+    color: "#000000",
+    side: THREE__namespace.DoubleSide
   }),
   metal: new THREE__namespace.MeshStandardMaterial({
     color: "#aaaaaa",
     metalness: 1.0,
-    roughness: 0.4
+    roughness: 0.4,
+    side: THREE__namespace.DoubleSide
   }),
   darkgrey: new THREE__namespace.MeshStandardMaterial({
-    color: "#5e5e5e"
+    color: "#5e5e5e",
+    side: THREE__namespace.DoubleSide
   }),
   grey: new THREE__namespace.MeshStandardMaterial({
-    color: "#cccccc"
+    color: "#cccccc",
+    side: THREE__namespace.DoubleSide
   }),
   yellow: new THREE__namespace.MeshStandardMaterial({
-    color: "#ffff00"
+    color: "#ffff00",
+    side: THREE__namespace.DoubleSide
   }),
   darkBrown: new THREE__namespace.MeshStandardMaterial({
-    color: "#a0522d"
+    color: "#a0522d",
+    side: THREE__namespace.DoubleSide
   }),
   brown: new THREE__namespace.MeshStandardMaterial({
-    color: "#d2b48c"
+    color: "#d2b48c",
+    side: THREE__namespace.DoubleSide
   }),
   glass: new THREE__namespace.MeshStandardMaterial({
     color: "#ffffff",
     roughness: 0.1,
     transparent: true,
-    opacity: 0.7
+    opacity: 0.7,
+    side: THREE__namespace.DoubleSide
   }),
   aluminum: new THREE__namespace.MeshStandardMaterial({
     color: "#abb0aa",
     metalness: 0.8,
     roughness: 0.5,
-    envMapIntensity: 1.2
+    envMapIntensity: 1.2,
+    side: THREE__namespace.DoubleSide
   }),
   aluminumBrighter: new THREE__namespace.MeshStandardMaterial({
     color: "#cdcdcd",
     metalness: 0.8,
     roughness: 0.5,
-    envMapIntensity: 1.2
+    envMapIntensity: 1.2,
+    side: THREE__namespace.DoubleSide
   }),
   aluminumExtraBrighter: new THREE__namespace.MeshStandardMaterial({
     color: "#ececec",
     metalness: 0.8,
     roughness: 0.5,
-    envMapIntensity: 1.2
+    envMapIntensity: 1.2,
+    side: THREE__namespace.DoubleSide
   }),
   silver: new THREE__namespace.MeshStandardMaterial({
     color: "#c0c0c0",
     metalness: 1.0,
-    roughness: 0.2
+    roughness: 0.2,
+    side: THREE__namespace.DoubleSide
   }),
   gold: new THREE__namespace.MeshStandardMaterial({
     color: "#ffd700",
     metalness: 1.0,
-    roughness: 0.3
+    roughness: 0.3,
+    side: THREE__namespace.DoubleSide
   }),
   diamond: new THREE__namespace.MeshStandardMaterial({
     color: "#e0f7fa",
@@ -811,20 +802,24 @@ const availableMaterials = {
     roughness: 0.05,
     transparent: true,
     opacity: 0.9,
-    envMapIntensity: 1.5
+    envMapIntensity: 1.5,
+    side: THREE__namespace.DoubleSide
   }),
   test_material: new THREE__namespace.MeshStandardMaterial({
     color: "red",
-    roughness: 0.1
+    roughness: 0.1,
+    side: THREE__namespace.DoubleSide
   })
 };
 new THREE__namespace.MeshStandardMaterial({
   color: "#cccccc",
-  roughness: 0.8
+  roughness: 0.8,
+  side: THREE__namespace.DoubleSide
 });
 new THREE__namespace.MeshStandardMaterial({
   color: "#000",
-  roughness: 0.8
+  roughness: 0.8,
+  side: THREE__namespace.DoubleSide
 });
 
 // Helper function to check for hex color codes
@@ -837,7 +832,8 @@ const isHexColor = str => /^#([0-9A-F]{3}){1,2}$/i.test(str);
  * @param textures - A map of URL -> THREE.Texture, provided by useTexture.
  * @returns A THREE.MeshStandardMaterial instance.
  */
-const buildMaterial = (prop, textures) => {
+const BuildMaterial = (prop, textures) => {
+  const texture = fiber.useLoader(THREE.TextureLoader, "https://threejs.org/examples/textures/hardwood2_diffuse.jpg");
   if (!prop) {
     return new THREE__namespace.MeshStandardMaterial({
       color: "#cccccc",
@@ -847,15 +843,14 @@ const buildMaterial = (prop, textures) => {
   const sourceValue = typeof prop === "string" ? prop : prop.value;
   const opacity = typeof prop === "object" ? prop.opacity : 1;
   const params = {
-    roughness: 0.8,
-    side: THREE__namespace.DoubleSide
+    roughness: 0.8
   };
   if (isHexColor(sourceValue)) {
     params.color = sourceValue;
   } else if (textures && textures[sourceValue]) {
-    params.map = textures[sourceValue];
+    params.map = texture;
   } else {
-    params.color = "yellow";
+    params.color = "#cccccc";
   }
   if (opacity !== undefined && opacity < 1) {
     params.transparent = true;
@@ -909,7 +904,7 @@ const useDoorMaterials = function () {
   // 4. Now that textures are guaranteed to be loaded, build all materials.
   // This memo ensures the materials are only created when props or textures change.
   return React.useMemo(() => {
-    const build = prop => buildMaterial(prop, textureMap);
+    const build = prop => BuildMaterial(prop, textureMap);
     return {
       doorMaterial: build(materialsProp.Body),
       frameMaterial: build(getFirstValidValue([materialsProp.D_PRF_COLOR, materialsProp.D_FR_SRF_DECOR, materialsProp.D_FR_SRF_DECOR_S2])),
@@ -2294,24 +2289,20 @@ const DoorConfigurator = _ref => {
     is2D = false,
     totalWidth,
     totalHeight,
-    totalDepth // Destructure the new prop
+    frameDepth
   } = _ref;
-  return (
-    /*#__PURE__*/
-    // Pass the totalDepth prop to the Provider
-    jsxRuntime.jsx(ConfiguratorProvider, {
-      initialIs2D: is2D,
-      totalDepth: totalDepth,
-      children: /*#__PURE__*/jsxRuntime.jsx(DoorModels, {
-        doorName: doorName,
-        materials: materials,
-        doorPivot: doorPivot,
-        doorOpening: doorOpening,
-        totalWidth: totalWidth,
-        totalHeight: totalHeight
-      })
+  return /*#__PURE__*/jsxRuntime.jsx(ConfiguratorProvider, {
+    initialIs2D: is2D,
+    children: /*#__PURE__*/jsxRuntime.jsx(DoorModels, {
+      doorName: doorName,
+      materials: materials,
+      doorPivot: doorPivot,
+      doorOpening: doorOpening,
+      totalWidth: totalWidth,
+      totalHeight: totalHeight,
+      frameDepth: frameDepth
     })
-  );
+  });
 };
 
 exports["default"] = DoorConfigurator;