kitchen-simulator 3.1.15 → 4.0.0-alpha.12

package/es/catalog/areas/area/planner-element.js

@@ -1,9 +1,4 @@
 import { AreaFactory } from "../../factories/export";
-import parquetTexture from "./textures/parquet.jpg";
-import tile1Texture from "./textures/tile1.jpg";
-import ceramicTexture from "./textures/ceramic-tile.jpg";
-import strandPorcelainTexture from "./textures/strand-porcelain.jpg";
-import grassTexture from "./textures/grass.jpg";
 var info = {
   title: 'area',
   tag: ['area'],
@@ -13,31 +8,31 @@ var info = {
 var textures = {
   parquet: {
     name: 'Parquet',
-    uri: parquetTexture,
+    uri: require("./textures/parquet.jpg"),
     lengthRepeatScale: 0.004,
     heightRepeatScale: 0.004
   },
   tile1: {
     name: 'Tile1',
-    uri: tile1Texture,
+    uri: require("./textures/tile1.jpg"),
     lengthRepeatScale: 0.01,
     heightRepeatScale: 0.01
   },
   ceramic: {
     name: 'Ceramic Tile',
-    uri: ceramicTexture,
+    uri: require("./textures/ceramic-tile.jpg"),
     lengthRepeatScale: 0.02,
     heightRepeatScale: 0.02
   },
   strand_porcelain: {
     name: 'Strand Porcelain Tile',
-    uri: strandPorcelainTexture,
+    uri: require("./textures/strand-porcelain.jpg"),
     lengthRepeatScale: 0.02,
     heightRepeatScale: 0.02
   },
   grass: {
     name: 'Grass',
-    uri: grassTexture,
+    uri: require("./textures/grass.jpg"),
     lengthRepeatScale: 0.01,
     heightRepeatScale: 0.01
   }

package/es/catalog/catalog.js

@@ -247,7 +247,10 @@ var Catalog = /*#__PURE__*/function () {
       if (name === '') {
         throw new Error('Category has empty name');
       }
-      return !this.hasCategory(name);
+      if (this.hasCategory(name)) {
+        throw new Error('Category has already been registered');
+      }
+      return true;
     }
 
     /**

package/es/catalog/factories/area-factory-3d.js

@@ -1,9 +1,9 @@
-import * as Three from "three";
-import { Box3, Mesh, MeshBasicMaterial, MeshPhysicalMaterial, RepeatWrapping, Shape, TextureLoader, Vector2 } from "three";
+import * as Three from 'three';
+import { Box3, Mesh, MeshBasicMaterial, MeshPhysicalMaterial, RepeatWrapping, Shape, TextureLoader, Vector2 } from 'three';
 import * as SharedStyle from "../../shared-style";
-import { RGBELoader } from "three/examples/jsm/loaders/RGBELoader";
+import { RGBELoader } from 'three/examples/jsm/loaders/RGBELoader';
 var params = {
-  envMap: "HDR",
+  envMap: 'HDR',
   roughness: 0.9,
   metalness: 0.8,
   exposure: 1.0
@@ -58,7 +58,7 @@ var assignUVs = function assignUVs(geometry) {
     var y3 = position.getY(i + 2);
     uvArray.push((x1 + offset.x) / range.x, (y1 + offset.y) / range.y, (x2 + offset.x) / range.x, (y2 + offset.y) / range.y, (x3 + offset.x) / range.x, (y3 + offset.y) / range.y);
   }
-  geometry.setAttribute("uv", new Three.BufferAttribute(new Float32Array(uvArray), 2));
+  geometry.setAttribute('uv', new Three.BufferAttribute(new Float32Array(uvArray), 2));
   geometry.needsUpdate = true;
 };
 export function createArea(element, layer, scene, textures) {
@@ -69,15 +69,14 @@ export function createArea(element, layer, scene, textures) {
   var texture = element.texture;
   texture.lengthRepeatScale = 0.01;
   texture.heightRepeatScale = 0.01;
-  var color = element.properties.get("patternColor");
+  var color = element.properties.get('patternColor');
   if (element.selected) {
     color = SharedStyle.AREA_MESH_COLOR.selected;
   } else {
     color = SharedStyle.AREA_MESH_COLOR.unselected;
   }
-  if (texture.uri === undefined || texture.uri == "") {
-    // @todo THIS IS A TEMPORARY FIX TO HAVE A DEFAULT FLOOR TEXTURE
-    texture.uri = layer.floorStyle.uri || "https://media.test.diydesignspace.com/uploads/CountTop/202203162950_2/texture/oak-barcelona-s.jpg";
+  if (texture.uri === undefined || texture.uri == '') {
+    texture.uri = layer.floorStyle.uri;
   }
   var shape = new Shape();
   shape.moveTo(vertices[0].x, vertices[0].y);
@@ -85,7 +84,7 @@ export function createArea(element, layer, scene, textures) {
     shape.lineTo(vertices[i].x, vertices[i].y);
   }
   function loadFloorENV() {
-    return new RGBELoader().load("/assets/Window.hdr", function (texture) {
+    return new RGBELoader().load('/assets/Window.hdr', function (texture) {
       texture.mapping = Three.EquirectangularReflectionMapping;
       return texture;
     });
@@ -105,8 +104,8 @@ export function createArea(element, layer, scene, textures) {
   /* Create holes for the area */
   element.holes.forEach(function (holeID) {
     var holeCoords = [];
-    layer.getIn(["areas", holeID, "vertices"]).forEach(function (vertexID) {
-      var _layer$getIn = layer.getIn(["vertices", vertexID]),
+    layer.getIn(['areas', holeID, 'vertices']).forEach(function (vertexID) {
+      var _layer$getIn = layer.getIn(['vertices', vertexID]),
         x = _layer$getIn.x,
         y = _layer$getIn.y;
       holeCoords.push([x, y]);
@@ -133,7 +132,7 @@ export function createArea(element, layer, scene, textures) {
   var area = new Mesh(shapeGeometry, areaMaterial);
   area.rotation.x -= Math.PI / 2;
   area.receiveShadow = true;
-  area.name = "floor";
+  area.name = 'floor';
   // This mesh is use for creating ceiling mesh
 
   var shapeGeometry2 = new Three.ShapeGeometry(shape);
@@ -144,7 +143,7 @@ export function createArea(element, layer, scene, textures) {
   area2.castShadow = true;
   area2.rotation.x -= Math.PI / 2;
   area2.receiveShadow = true;
-  area2.name = "floorSupport";
+  area2.name = 'floorSupport';
   var floorSupport = area2.clone();
   area.userData.floorSupport = floorSupport;
   return Promise.resolve(area);
@@ -154,13 +153,13 @@ export function updatedArea(element, layer, scene, textures, mesh, oldElement, d
     selfDestroy();
     return selfBuild();
   };
-  var floor = mesh.getObjectByName("floor");
+  var floor = mesh.getObjectByName('floor');
   floor.receiveShadow = true;
-  if (differences[0] == "selected") {
+  if (differences[0] == 'selected') {
     var color = element.selected ? SharedStyle.AREA_MESH_COLOR.selected : SharedStyle.AREA_MESH_COLOR.unselected;
     floor.material.color.set(color);
-  } else if (differences[0] == "properties") {
-    if (differences[1] === "texture") {
+  } else if (differences[0] == 'properties') {
+    if (differences[1] === 'texture') {
       return noPerf();
     }
   } else return noPerf();

package/es/catalog/factories/wall-factory-3d.js

@@ -25,13 +25,13 @@ var halfPI = Math.PI / 2;
 var applyTexture = function applyTexture(material, texture, length, height) {
   var loader = new TextureLoader();
   if (texture) {
-    material.map = loader.load(texture.uri);
+    material.map = loader.load(texture.uri["default"]);
     material.map.colorSpace = Three.SRGBColorSpace, material.needsUpdate = true;
     material.map.wrapS = RepeatWrapping;
     material.map.wrapT = RepeatWrapping;
     material.map.repeat.set(length * texture.lengthRepeatScale, height * texture.heightRepeatScale);
     if (texture.normal) {
-      material.normalMap = loader.load(texture.normal.uri);
+      material.normalMap = loader.load(texture.normal.uri["default"]);
       material.normalScale = new Vector2(texture.normal.normalScaleX, texture.normal.normalScaleY);
       material.normalMap.wrapS = RepeatWrapping;
       material.normalMap.wrapT = RepeatWrapping;

package/es/catalog/factories/wall-factory.js

@@ -16,11 +16,11 @@ var STYLE_LINE = {
   // strokeWidth:1
 };
 var STYLE_INTERIOR_LINE = {
-  strokeWidth: 2,
+  strokeWidth: 1,
   stroke: SharedStyle.INTERIOR_LINE.unselected
 };
 var STYLE_INTERIOR_LINE_SELECTED = {
-  strokeWidth: 4,
+  strokeWidth: 2,
   stroke: SharedStyle.INTERIOR_LINE.selected,
   fill: SharedStyle.INTERIOR_LINE.selected,
   rx: '2px'
@@ -213,9 +213,9 @@ export default function WallFactory(name, info, textures) {
       })));
       return !element.selected ? /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("polygon", {
         points: "".concat(x1, ",").concat(y1, " ").concat(related0x, ",").concat(related0y, " ").concat(related1x, ",").concat(related1y, " ").concat(x2, ",").concat(y2),
-        fill: "#CFD8DC"
-        // fillRule="evenodd"
-      }), /*#__PURE__*/React.createElement("line", {
+        fill: "url(#pat)",
+        fillRule: "evenodd"
+      }), outwall, /*#__PURE__*/React.createElement("line", {
         x1: x1,
         y1: y1,
         x2: x2,
@@ -223,9 +223,9 @@ export default function WallFactory(name, info, textures) {
         style: STYLE_INTERIOR_LINE
       })) : /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("polygon", {
         points: "".concat(x1, ",").concat(y1, " ").concat(related0x, ",").concat(related0y, " ").concat(related1x, ",").concat(related1y, " ").concat(x2, ",").concat(y2),
-        fill: "#CFD8DC"
-        // fillRule="evenodd"
-      }), /*#__PURE__*/React.createElement("line", {
+        fill: "url(#pat)",
+        fillRule: "evenodd"
+      }), outwall, /*#__PURE__*/React.createElement("line", {
         x1: x1,
         y1: y1,
         x2: x2,

package/es/catalog/lines/wall/planner-element.js

@@ -1,18 +1,9 @@
 import { WallFactory } from "../../factories/export";
-import wallImage from "./wall.png";
-import plasterTexture from "./textures/plaster.jpg";
-import plasterNormal from "./textures/plaster-normal.jpg";
-import bricksTexture from "./textures/bricks.jpg";
-import bricksNormal from "./textures/bricks-normal.jpg";
-import paintedTexture from "./textures/painted.jpg";
-import paintedNormal from "./textures/painted-normal.jpg";
-import mordenTexture from "./textures/morden.jpg";
-import mordenNormal from "./textures/morden-normal.jpg";
 var info = {
   title: 'wall',
   tag: ['wall'],
   description: 'Wall with bricks or painted',
-  image: wallImage,
+  image: require("./wall.png"),
   visibility: {
     catalog: true,
     layerElementsVisible: true
@@ -21,11 +12,11 @@ var info = {
 var textures = {
   plaster: {
     name: 'Plaster',
-    uri: plasterTexture,
+    uri: require("./textures/plaster.jpg"),
     lengthRepeatScale: 0.005,
     heightRepeatScale: 0.005,
     normal: {
-      uri: plasterNormal,
+      uri: require("./textures/plaster-normal.jpg"),
       lengthRepeatScale: 0.005,
       heightRepeatScale: 0.005,
       normalScaleX: 0.4,
@@ -35,11 +26,11 @@ var textures = {
   },
   bricks: {
     name: 'Bricks',
-    uri: bricksTexture,
+    uri: require("./textures/bricks.jpg"),
     lengthRepeatScale: 0.009,
     heightRepeatScale: 0.009,
     normal: {
-      uri: bricksNormal,
+      uri: require("./textures/bricks-normal.jpg"),
       lengthRepeatScale: 0.009,
       heightRepeatScale: 0.009,
       normalScaleX: 0.4,
@@ -49,11 +40,11 @@ var textures = {
   },
   painted: {
     name: 'Painted',
-    uri: paintedTexture,
+    uri: require("./textures/painted.jpg"),
     lengthRepeatScale: 0.005,
     heightRepeatScale: 0.005,
     normal: {
-      uri: paintedNormal,
+      uri: require("./textures/painted-normal.jpg"),
       lengthRepeatScale: 0.005,
       heightRepeatScale: 0.005,
       normalScaleX: 0.4,
@@ -63,11 +54,11 @@ var textures = {
   },
   morden: {
     name: 'Morden',
-    uri: mordenTexture,
+    uri: require("./textures/morden.jpg"),
     lengthRepeatScale: 0.005,
     heightRepeatScale: 0.005,
     normal: {
-      uri: mordenNormal,
+      uri: require("./textures/morden-normal.jpg"),
       lengthRepeatScale: 0.005,
       heightRepeatScale: 0.005,
       normalScaleX: 0.4,

package/es/catalog/utils/exporter.js

@@ -19,12 +19,10 @@ export default function (_ref) {
     is_corner = _ref.is_corner,
     alti = _ref.alti,
     obj_property = _ref.obj_property,
-    outlineSVGData = _ref.outlineSVGData,
-    cds = _ref.cds;
+    outlineSVGData = _ref.outlineSVGData;
   var _length = alti || 0;
-  var length = convert(_length).from('in').to('cm');
-  // const length = _length;
-
+  // const length = convert(_length).from("in").to("cm");
+  var length = _length;
   var additional_props = [];
   if (type === 'cabinet' && long_name.toLowerCase().includes('filler')) {
     additional_props = {
@@ -136,7 +134,6 @@ export default function (_ref) {
     }),
     img: base,
     obj: obj_property,
-    cds: cds,
     render2D: function render2D(element, layer, scene) {
       return render2DItem.call(this, element, layer, scene, sizeinfo, layoutpos, is_corner, shape_svg);
     },