kitchen-simulator 5.10.2-react.18 → 5.10.4-react.18

package/es/catalog/holes/door-double/planner-element.js

@@ -0,0 +1,315 @@
+import React from 'react';
+import * as Three from 'three';
+var black = new Three.MeshLambertMaterial({
+  color: 0x000000
+});
+var metalBlue = new Three.MeshLambertMaterial({
+  color: 0xb7ceec
+});
+var grey = new Three.MeshLambertMaterial({
+  color: 0xd2b06a
+});
+var darkGrey = new Three.MeshLambertMaterial({
+  color: 0xffefce
+});
+var boxMaterials = [grey, grey, grey, grey, darkGrey, darkGrey];
+function makeDoor(width, height, thickness) {
+  var door_double = new Three.Mesh();
+  var LongDoorGeometry = new Three.BoxGeometry(0.75 * width, height, thickness);
+  var longDoor = new Three.Mesh(LongDoorGeometry, boxMaterials);
+  longDoor.position.x -= width * 0.25;
+  door_double.add(longDoor);
+  var ShortDoorGeometry = new Three.BoxGeometry(0.25 * width, height, thickness);
+  var shortDoor = new Three.Mesh(ShortDoorGeometry, boxMaterials);
+  shortDoor.position.x += width * 0.25;
+  shortDoor.position.z += thickness / 10;
+  door_double.add(shortDoor);
+  var handle = makeHandle(width);
+  handle.position.set(width / 20, height / 40, thickness / 2 + thickness / 10);
+  handle.rotation.z += Math.PI;
+  handle.rotation.x += Math.PI / 2;
+  door_double.add(handle);
+  var handleBase = makeHandleBase();
+  handleBase.position.set(width / 20, 0, thickness / 2);
+  handleBase.rotation.x = 0;
+  door_double.add(handleBase);
+  var handle2 = makeHandle(width);
+  handle2.position.set(width / 20, height / 40, -thickness / 2 - thickness / 10);
+  handle2.rotation.z += Math.PI;
+  handle2.rotation.x -= Math.PI / 2;
+  door_double.add(handle2);
+  var handleBase2 = makeHandleBase();
+  handleBase2.position.set(width / 20, 0, -thickness / 2);
+  handleBase2.rotation.x = 0;
+  door_double.add(handleBase2);
+  return door_double;
+}
+function makeHandle(width) {
+  var handle = new Three.Object3D();
+  var geometry_p1 = new Three.CylinderGeometry(width / 100, width / 100, width / 32.5, Math.round(32));
+  var geometry_p2 = new Three.SphereGeometry(width / 100, Math.round(32), Math.round(32));
+  var geometry_p3 = new Three.CylinderGeometry(width / 100, width / 100, width / 14.5, Math.round(32));
+  var p1 = new Three.Mesh(geometry_p1, black);
+  var p2 = new Three.Mesh(geometry_p2, black);
+  var p3 = new Three.Mesh(geometry_p3, black);
+  var p4 = new Three.Mesh(geometry_p2, black);
+  p3.rotation.z = Math.PI / 2;
+  p3.position.x = width / 14.5 / 2;
+  p2.position.y = -width / 32.5 / 2;
+  p4.position.y = -width / 14.5 / 2;
+  p3.add(p4);
+  p2.add(p3);
+  p1.add(p2);
+  handle.add(p1);
+  return handle;
+}
+function makeHandleBase() {
+  var handleBase = new Three.Object3D();
+  var geometryBase1 = new Three.BoxGeometry(7.6, 28, 2);
+  var geometryBase2 = new Three.CylinderGeometry(3.6, 3.6, 2, Math.round(32));
+  var lock = makeLock();
+  var handleBase1 = new Three.Mesh(geometryBase1, black);
+  var handleBase2 = new Three.Mesh(geometryBase2, black);
+  lock.rotation.x = Math.PI / 2;
+  lock.position.y = -3;
+  handleBase2.rotation.x = Math.PI / 2;
+  handleBase2.position.y = -3.3;
+  handleBase2.scale.z = 1.5;
+  handleBase1.add(lock);
+  handleBase1.add(handleBase2);
+  handleBase.add(handleBase1);
+  return handleBase;
+}
+function makeLock() {
+  var lock = new Three.Object3D();
+  var LockGeometry1 = new Three.CylinderGeometry(1.5, 1.5, 4, Math.round(32));
+  var lockGeometry2 = new Three.BoxGeometry(1.6, 4, 4);
+  var lockGeometry3 = new Three.BoxGeometry(1.4, 4.06, 0.36);
+  var lock_p1 = new Three.Mesh(LockGeometry1, metalBlue);
+  var lock_p2 = new Three.Mesh(lockGeometry2, metalBlue);
+  var lock_p3 = new Three.Mesh(lockGeometry3, grey);
+  lock_p2.position.z = 1;
+  lock_p1.add(lock_p2);
+  lock_p1.add(lock_p3);
+  lock.add(lock_p1);
+  return lock;
+}
+export default {
+  name: 'Double Door',
+  prototype: 'holes',
+  info: {
+    tag: ['door'],
+    title: 'Double Door',
+    description: 'iron door',
+    image: '/assets/img/svg/doors_patio.svg'
+  },
+  properties: {
+    width: {
+      label: 'width',
+      type: 'length-measure',
+      defaultValue: {
+        length: 200,
+        unit: 'cm'
+      }
+    },
+    height: {
+      label: 'height',
+      type: 'length-measure',
+      defaultValue: {
+        length: 215,
+        unit: 'cm'
+      }
+    },
+    thickness: {
+      label: 'thickness',
+      type: 'length-measure',
+      defaultValue: {
+        length: 6,
+        unit: 'cm'
+      }
+    },
+    altitude: {
+      label: 'altitude',
+      type: 'length-measure',
+      defaultValue: {
+        length: 0,
+        unit: 'cm'
+      }
+    },
+    flip_horizontal: {
+      label: 'flip',
+      type: 'checkbox',
+      defaultValue: false,
+      values: {
+        none: false,
+        yes: true
+      }
+    }
+  },
+  render2D: function render2D(element, layer, scene) {
+    var STYLE_HOLE_BASE = {
+      stroke: 'rgb(73, 73, 73)',
+      strokeDasharray: '9,5',
+      strokeWidth: '1px',
+      fill: 'rgb(73, 73, 73)'
+    };
+    var STYLE_HOLE_SELECTED = {
+      stroke: '#0096fd',
+      strokeWidth: '1px',
+      strokeDasharray: '9,5',
+      fill: '#0096fd',
+      cursor: 'move'
+    };
+    var STYLE_ARC_BASE = {
+      stroke: 'rgb(73, 73, 73)',
+      strokeWidth: '1px',
+      strokeDasharray: '9,5',
+      fill: 'none'
+    };
+    var STYLE_ARC_SELECTED = {
+      stroke: '#0096fd',
+      strokeWidth: '1px',
+      strokeDasharray: '9,5',
+      fill: 'none',
+      cursor: 'move'
+    };
+    var STYLE_STR0 = {
+      fill: 'rgb(185, 185, 185)',
+      stroke: '#494949',
+      strokeWidth: '1',
+      strokeMiterlimit: '2.61313'
+    };
+    var STYLE_STR0_S = {
+      fill: 'rgb(185, 185, 185)',
+      stroke: '#0096fd',
+      strokeWidth: '1',
+      strokeMiterlimit: '2.61313'
+    };
+    var STYLE_STR1 = {
+      fill: 'none',
+      stroke: '#494949',
+      strokeWidth: '1',
+      strokeLinecap: 'round',
+      strokeLinejoin: 'round',
+      strokeMiterlimit: '2.61313',
+      strokeDasharray: '23.860041 11.930021'
+    };
+    var STYLE_FILL2 = {
+      fill: '#1183B7'
+    };
+    var STYLE_FNT0 = {
+      fill: 'white',
+      fontWeight: 'normal',
+      fontSize: '13px',
+      fontFamily: 'Proxima Nova Rg'
+    };
+    var lineWidth = 15;
+    var epsilon = 3;
+    var flip = element.properties.get('flip_horizontal');
+    var holeWidth = element.properties.get('width').get('length');
+    var holePath = "M".concat(0, " ", -epsilon, "  L").concat(holeWidth, " ").concat(-epsilon, "  L").concat(holeWidth, " ").concat(epsilon, "  L", 0, " ").concat(epsilon, "  z");
+    var arcPath = "M".concat(0, ",", 0, "  A", holeWidth / 4, ",").concat(holeWidth / 4, " 0 0,1 ").concat(holeWidth / 4, ",").concat(holeWidth / 4);
+    var arcPath2 = "M".concat(0, ",", 0, "  A", holeWidth / 2 + holeWidth / 4, ",").concat(holeWidth / 2 + holeWidth / 4, " 0 0,0 ").concat(holeWidth / 2 + holeWidth / 4, ",").concat(holeWidth / 2 + holeWidth / 4);
+    var holeStyle = element.selected ? STYLE_HOLE_SELECTED : STYLE_HOLE_BASE;
+    var arcStyle = element.selected ? STYLE_ARC_SELECTED : STYLE_ARC_BASE;
+    var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
+    var length = element.properties.get('width').get('length');
+    if (flip) {
+      return /*#__PURE__*/React.createElement("g", {
+        transform: "translate(".concat(-element.properties.get('width').get('length') / 2, ", 0)")
+      }, /*#__PURE__*/React.createElement("path", {
+        key: "1",
+        d: arcPath,
+        style: arcStyle,
+        transform: "translate(".concat(0, ",", -holeWidth / 4, ")")
+      }), /*#__PURE__*/React.createElement("line", {
+        key: "2",
+        x1: 0,
+        y1: 0 - epsilon,
+        x2: 0,
+        y2: -holeWidth / 4 - epsilon,
+        style: holeStyle
+      }), /*#__PURE__*/React.createElement("path", {
+        key: "3",
+        d: arcPath2,
+        style: arcStyle,
+        transform: "translate(".concat(holeWidth, ",").concat(-holeWidth / 2 - holeWidth / 4, ") rotate(90)")
+      }), /*#__PURE__*/React.createElement("line", {
+        key: "4",
+        x1: holeWidth,
+        y1: 0 - epsilon,
+        x2: holeWidth,
+        y2: -holeWidth / 2 - holeWidth / 4 - epsilon,
+        style: holeStyle
+      }), /*#__PURE__*/React.createElement("rect", {
+        style: rectStyle,
+        x: "0",
+        y: -lineWidth / 2,
+        width: holeWidth,
+        height: lineWidth
+      }));
+    } else {
+      return /*#__PURE__*/React.createElement("g", {
+        transform: "translate(".concat(-element.properties.get('width').get('length') / 2, ", 0)")
+      }, /*#__PURE__*/React.createElement("path", {
+        key: "1",
+        d: arcPath,
+        style: arcStyle,
+        transform: "translate(".concat(holeWidth, ",").concat(holeWidth / 4, ") rotate(180)")
+      }), /*#__PURE__*/React.createElement("line", {
+        key: "2",
+        x1: 0,
+        y1: 0 - epsilon,
+        x2: 0,
+        y2: holeWidth / 2 + holeWidth / 4 - epsilon,
+        style: holeStyle
+      }), /*#__PURE__*/React.createElement("path", {
+        key: "3",
+        d: arcPath2,
+        style: arcStyle,
+        transform: "translate(".concat(0, ",", holeWidth / 2 + holeWidth / 4, ") rotate(270)")
+      }), /*#__PURE__*/React.createElement("line", {
+        key: "4",
+        x1: holeWidth,
+        y1: 0 - epsilon,
+        x2: holeWidth,
+        y2: holeWidth / 4 - epsilon,
+        style: holeStyle
+      }), /*#__PURE__*/React.createElement("rect", {
+        style: rectStyle,
+        x: "0",
+        y: -lineWidth / 2,
+        width: holeWidth,
+        height: lineWidth
+      }));
+    }
+  },
+  render3D: function render3D(element, layer, scene) {
+    var flip = element.properties.get('flip_horizontal');
+    var width = element.properties.get('width').get('length');
+    var height = element.properties.get('height').get('length');
+    var thickness = element.properties.get('thickness').get('length');
+    var newAltitude = element.properties.get('altitude').get('length');
+    var door_double = new Three.Object3D();
+    door_double.add(makeDoor(width, height, thickness).clone(width, height, thickness));
+    var valuePosition = new Three.Box3().setFromObject(door_double);
+    var deltaX = Math.abs(valuePosition.max.x - valuePosition.min.x);
+    var deltaY = Math.abs(valuePosition.max.y - valuePosition.min.y);
+    var deltaZ = Math.abs(valuePosition.max.z - valuePosition.min.z);
+    if (element.selected) {
+      var bbox = new Three.BoxHelper(door_double, 0x99c3fb);
+      bbox.material.linewidth = 5;
+      bbox.renderOrder = 1000;
+      bbox.material.depthTest = false;
+      door_double.add(bbox);
+    }
+    if (flip) {
+      door_double.rotation.y += Math.PI;
+      door_double.position.x -= width / 4;
+    }
+    door_double.position.y += newAltitude;
+    door_double.position.x += width / 8;
+    door_double.scale.set(width / deltaX, height / deltaY, thickness / deltaZ);
+    return Promise.resolve(door_double);
+  }
+};

package/es/catalog/holes/door-exterior/planner-element.js

@@ -0,0 +1,215 @@
+import React from 'react';
+import * as Three from 'three';
+import { loadGLTF } from "../../utils/load-obj";
+import path from 'path';
+import { OBJTYPE_MESH } from "../../../constants";
+var cached3DDoor = null;
+var STYLE_HOLE_BASE = {
+  stroke: 'rgb(73, 73, 73)',
+  strokeWidth: '1px',
+  strokeDasharray: '9,5',
+  fill: 'rgb(73, 73, 73)'
+};
+var STYLE_HOLE_SELECTED = {
+  stroke: '#0096fd',
+  strokeWidth: '1px',
+  strokeDasharray: '9,5',
+  fill: '#0096fd',
+  cursor: 'move'
+};
+var STYLE_ARC_BASE = {
+  stroke: 'rgb(73, 73, 73)',
+  strokeWidth: '1px',
+  strokeDasharray: '9,5',
+  fill: 'none'
+};
+var STYLE_ARC_SELECTED = {
+  stroke: '#0096fd',
+  strokeWidth: '1px',
+  strokeDasharray: '9,5',
+  fill: 'none',
+  cursor: 'move'
+};
+var STYLE_STR0 = {
+  fill: 'rgb(185, 185, 185)',
+  stroke: '#494949',
+  strokeWidth: '1',
+  strokeMiterlimit: '2.61313'
+};
+var STYLE_STR0_S = {
+  fill: 'rgb(185, 185, 185)',
+  stroke: '#0096fd',
+  strokeWidth: '1',
+  strokeMiterlimit: '2.61313'
+};
+var STYLE_STR1 = {
+  fill: 'none',
+  stroke: '#494949',
+  strokeWidth: '1',
+  strokeLinecap: 'round',
+  strokeLinejoin: 'round',
+  strokeMiterlimit: '2.61313',
+  strokeDasharray: '23.860041 11.930021'
+};
+var STYLE_FILL2 = {
+  fill: '#1183B7'
+};
+var STYLE_FNT0 = {
+  fill: 'white',
+  fontWeight: 'normal',
+  fontSize: '13px',
+  fontFamily: 'Proxima Nova Rg'
+};
+var EPSILON = 3;
+export default {
+  name: 'Exterior',
+  prototype: 'holes',
+  info: {
+    title: 'Exterior',
+    tag: ['door'],
+    description: 'Exterior door',
+    image: '/assets/img/svg/door/Exterior.svg',
+    url: '/assets/gltf/door_exterior.gltf'
+  },
+  properties: {
+    width: {
+      label: 'Width',
+      type: 'length-measure',
+      defaultValue: {
+        length: 91.44
+      }
+    },
+    height: {
+      label: 'Height',
+      type: 'length-measure',
+      defaultValue: {
+        length: 215
+      },
+      length: 215
+    },
+    altitude: {
+      label: 'Altitude',
+      type: 'length-measure',
+      defaultValue: {
+        length: 0
+      }
+    },
+    thickness: {
+      label: 'Thickness',
+      type: 'length-measure',
+      defaultValue: {
+        length: 6
+      }
+    },
+    flip_orizzontal: {
+      label: 'Flip Door',
+      type: 'checkbox',
+      defaultValue: false,
+      values: {
+        none: false,
+        yes: true
+      }
+    }
+  },
+  render2D: function render2D(element, layer, scene) {
+    var flip = element.properties.get('flip_orizzontal');
+    var lineWidth = 6;
+    var holeWidth = element.properties.get('width').get('length');
+    var holePath = "M".concat(0, " ", -EPSILON, "  L").concat(holeWidth, " ").concat(-EPSILON, "  L").concat(holeWidth, " ").concat(EPSILON, "  L", 0, " ").concat(EPSILON, "  z");
+    var arcPath = "M".concat(0, ",", 0, "  A", holeWidth, ",").concat(holeWidth, " 0 0,1 ").concat(holeWidth, ",").concat(holeWidth);
+    var holeStyle = element.selected ? STYLE_HOLE_SELECTED : STYLE_HOLE_BASE;
+    var arcStyle = element.selected ? STYLE_ARC_SELECTED : STYLE_ARC_BASE;
+    var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
+    var length = element.properties.get('width').get('length');
+    if (flip == false) {
+      return /*#__PURE__*/React.createElement("g", {
+        transform: "translate(".concat(-length / 2, ", 0)")
+      }, /*#__PURE__*/React.createElement("path", {
+        d: arcPath,
+        style: arcStyle,
+        transform: "translate(".concat(0, ",", holeWidth, ") scale(", 1, ",").concat(-1, ") rotate(", 0, ")")
+      }), /*#__PURE__*/React.createElement("line", {
+        x1: 0,
+        y1: holeWidth - EPSILON,
+        x2: 0,
+        y2: 0 - EPSILON,
+        style: holeStyle,
+        transform: "scale(".concat(-1, ",", 1, ")")
+      }), /*#__PURE__*/React.createElement("rect", {
+        style: rectStyle,
+        x: "0",
+        y: -lineWidth / 2,
+        width: holeWidth,
+        height: lineWidth
+      }));
+    } else {
+      return /*#__PURE__*/React.createElement("g", {
+        transform: "translate(".concat(-length / 2, ", 0)")
+      }, /*#__PURE__*/React.createElement("path", {
+        d: arcPath,
+        style: arcStyle,
+        transform: "translate(".concat(0, ",", -holeWidth, ") scale(", 1, ",", 1, ") rotate(", 0, ")")
+      }), /*#__PURE__*/React.createElement("line", {
+        x1: 0,
+        y1: -holeWidth - EPSILON,
+        x2: 0,
+        y2: 0 - EPSILON,
+        style: holeStyle,
+        transform: "scale(".concat(1, ",", 1, ")")
+      }), /*#__PURE__*/React.createElement("rect", {
+        style: rectStyle,
+        x: "0",
+        y: -lineWidth / 2,
+        width: holeWidth,
+        height: lineWidth
+      }));
+    }
+  },
+  render3D: function render3D(element, layer, scene) {
+    var onLoadItem = function onLoadItem(object) {
+      var boundingBox = new Three.Box3().setFromObject(object);
+      var initialWidth = boundingBox.max.x - boundingBox.min.x;
+      var initialHeight = boundingBox.max.y - boundingBox.min.y;
+      var initialThickness = boundingBox.max.z - boundingBox.min.z;
+      if (element.selected) {
+        var box = new Three.BoxHelper(object, 0x99c3fb);
+        box.material.linewidth = 2;
+        box.material.depthTest = false;
+        box.renderOrder = 1000;
+        object.add(box);
+      }
+      var params = {
+        envMap: 'HDR',
+        roughness: 0.9,
+        metalness: 0.1,
+        exposure: 1.0
+      };
+      var examplecolor = new Three.Color(0xffffff);
+      var mat2 = new Three.MeshStandardMaterial({
+        color: examplecolor,
+        metalness: params.metalness,
+        roughness: params.roughness
+      });
+
+      // mat2.envMap = textureCube;
+      for (var j = 0; j < object.children.length; j++) {
+        if (object.children[j].type === OBJTYPE_MESH) {
+          object.children[j].material = mat2;
+          object.children[j].receiveShadow = true;
+        }
+      }
+      var width = element.properties.get('width').get('length');
+      var height = element.properties.get('height').get('length');
+      var thickness = element.properties.get('thickness').get('length');
+      object.scale.set(width / initialWidth, height / initialHeight, thickness / initialThickness);
+      return object;
+    };
+    if (cached3DDoor) {
+      return Promise.resolve(onLoadItem(cached3DDoor.clone()));
+    }
+    return loadGLTF(element.url).then(function (object) {
+      cached3DDoor = object;
+      return onLoadItem(cached3DDoor.clone());
+    });
+  }
+};