kitchen-simulator 2.0.56 → 2.0.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -19,7 +19,7 @@ import replaceCabinetPayload from "./mocks/replaceCabinetPayload.json";
19
19
  import ReactDOM from 'react-dom';
20
20
  import LiteRenderer from "./LiteRenderer";
21
21
  import { Button } from 'antd';
22
- import { LEFT, RIGHT, TOP, BOTTOM, EXTERNAL_EVENT_ADD_ITEM, EXTERNAL_EVENT_ADD_WALL, EXTERNAL_EVENT_TOGGLE_TO_3D, EXTERNAL_EVENT_TOGGLE_TO_2D, EXTERNAL_EVENT_TOGGLE_TO_ELEVATION, EXTERNAL_EVENT_MOVE_PAN, EXTERNAL_EVENT_NEW_PROJECT, EXTERNAL_EVENT_CHANGE_DOORSTYLE, EXTERNAL_EVENT_ADD_ROOM_SHAPE, EXTERNAL_EVENT_ZOOM_IN, EXTERNAL_EVENT_ZOOM_OUT, EXTERNAL_EVENT_UNDO, EXTERNAL_EVENT_REDO, EXTERNAL_EVENT_SET_MOLDING, EXTERNAL_EVENT_PROJECT_SETTING, PROJECT_SETTING_OPTION, EXTERNAL_EVENT_SYNC_SCENE, EXTERNAL_EVENT_UPDATE_ATTRIBUTE, BACK_DIST_ANG, ATT_ITEM_POS, ATT_ITEM_ROTATION, ATT_LINE_LENGTH, EXTERNAL_EVENT_UPDATE_PROPERTY, PROP_FLIP_DOOR_HANDLE, PROP_OPEN_DOORS, EXTERNAL_EVENT_LOAD_PROJECT, INTERNAL_EVENT_ITEMS_CATALOG, EXTERNAL_EVENT_ADD_HOLE, HOLE_NAMES, EXTERNAL_EVENT_CENTERING_2D, PROP_ALTITUDE, EXTERNAL_EVENT_DUPLICATE_ELEMENT, ELEMENT_ITEM, EXTERNAL_EVENT_DELETE_ELEMENT, PROP_RESIZE_WIDTH, EXTERNAL_EVENT_REPLACE_CABINET, PROP_RESIZE_HEIGHT, PROP_RESET_OFFSET_LEFT, ATT_HOLE_OFFSET_A, ATT_HOLE_OFFSET_B } from "./constants";
22
+ import { LEFT, RIGHT, TOP, BOTTOM, EXTERNAL_EVENT_ADD_ITEM, EXTERNAL_EVENT_ADD_WALL, EXTERNAL_EVENT_TOGGLE_TO_3D, EXTERNAL_EVENT_TOGGLE_TO_2D, EXTERNAL_EVENT_TOGGLE_TO_ELEVATION, EXTERNAL_EVENT_MOVE_PAN, EXTERNAL_EVENT_NEW_PROJECT, EXTERNAL_EVENT_CHANGE_DOORSTYLE, EXTERNAL_EVENT_ADD_ROOM_SHAPE, EXTERNAL_EVENT_ZOOM_IN, EXTERNAL_EVENT_ZOOM_OUT, EXTERNAL_EVENT_UNDO, EXTERNAL_EVENT_REDO, EXTERNAL_EVENT_SET_MOLDING, EXTERNAL_EVENT_PROJECT_SETTING, PROJECT_SETTING_OPTION, EXTERNAL_EVENT_SYNC_SCENE, EXTERNAL_EVENT_UPDATE_ATTRIBUTE, BACK_DIST_ANG, ATT_ITEM_POS, ATT_ITEM_ROTATION, ATT_LINE_LENGTH, EXTERNAL_EVENT_UPDATE_PROPERTY, PROP_FLIP_DOOR_HANDLE, PROP_OPEN_DOORS, EXTERNAL_EVENT_LOAD_PROJECT, INTERNAL_EVENT_ITEMS_CATALOG, EXTERNAL_EVENT_ADD_HOLE, HOLE_NAMES, EXTERNAL_EVENT_CENTERING_2D, PROP_ALTITUDE, EXTERNAL_EVENT_DUPLICATE_ELEMENT, ELEMENT_ITEM, EXTERNAL_EVENT_DELETE_ELEMENT, PROP_RESIZE_WIDTH, EXTERNAL_EVENT_REPLACE_CABINET, EXTERNAL_EVENT_SET_FINISHING, FINISHING_TYPE } from "./constants";
23
23
 
24
24
  // --- renderer props ---
25
25
  var options = {
@@ -252,70 +252,70 @@ function WorkSpace(props) {
252
252
  doorStyles: {
253
253
  base: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
254
254
  counttop: 'https://media.test.diydesignspace.com/uploads/CountTop/202105074107_5/texture/Unique_Calcatta_texture.jpg',
255
- interior: 'http://127.0.0.1:4002/uploads/assets/default/maple.jpg',
255
+ interior: 'https://media.test.diydesignspace.com/uploads/assets/default/maple.jpg',
256
256
  base_door_1: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
257
257
  base_fixed_drawer_door_1: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
258
258
  base_drawer_1: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
259
259
  base_drawer_door_1: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
260
- door_handle_1: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
261
- fixed_drawer_door_handle_1: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
262
- drawer_door_handle_1: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
260
+ door_handle_1: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
261
+ fixed_drawer_door_handle_1: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
262
+ drawer_door_handle_1: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
263
263
  base_door_2: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
264
264
  base_fixed_drawer_door_2: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
265
265
  base_drawer_2: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
266
266
  base_drawer_door_2: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
267
- door_handle_2: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
268
- fixed_drawer_door_handle_2: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
269
- drawer_door_handle_2: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
267
+ door_handle_2: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
268
+ fixed_drawer_door_handle_2: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
269
+ drawer_door_handle_2: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
270
270
  base_door_3: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
271
271
  base_fixed_drawer_door_3: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
272
272
  base_drawer_3: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
273
273
  base_drawer_door_3: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
274
- door_handle_3: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
275
- fixed_drawer_door_handle_3: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
276
- drawer_door_handle_3: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
274
+ door_handle_3: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
275
+ fixed_drawer_door_handle_3: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
276
+ drawer_door_handle_3: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
277
277
  base_door_4: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
278
278
  base_fixed_drawer_door_4: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
279
279
  base_drawer_4: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
280
280
  base_drawer_door_4: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
281
- door_handle_4: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
282
- fixed_drawer_door_handle_4: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
283
- drawer_door_handle_4: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
281
+ door_handle_4: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
282
+ fixed_drawer_door_handle_4: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
283
+ drawer_door_handle_4: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
284
284
  base_door_5: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
285
285
  base_fixed_drawer_door_5: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
286
286
  base_drawer_5: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
287
287
  base_drawer_door_5: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
288
- door_handle_5: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
289
- fixed_drawer_door_handle_5: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
290
- drawer_door_handle_5: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
288
+ door_handle_5: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
289
+ fixed_drawer_door_handle_5: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
290
+ drawer_door_handle_5: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
291
291
  base_door_6: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
292
292
  base_fixed_drawer_door_6: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
293
293
  base_drawer_6: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
294
294
  base_drawer_door_6: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
295
- door_handle_6: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
296
- fixed_drawer_door_handle_6: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
297
- drawer_door_handle_6: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
295
+ door_handle_6: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
296
+ fixed_drawer_door_handle_6: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
297
+ drawer_door_handle_6: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
298
298
  base_door_7: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
299
299
  base_fixed_drawer_door_7: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
300
300
  base_drawer_7: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
301
301
  base_drawer_door_7: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
302
- door_handle_7: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
303
- fixed_drawer_door_handle_7: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
304
- drawer_door_handle_7: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
302
+ door_handle_7: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
303
+ fixed_drawer_door_handle_7: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
304
+ drawer_door_handle_7: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
305
305
  base_door_8: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
306
306
  base_fixed_drawer_door_8: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
307
307
  base_drawer_8: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
308
308
  base_drawer_door_8: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
309
- door_handle_8: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
310
- fixed_drawer_door_handle_8: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
311
- drawer_door_handle_8: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
309
+ door_handle_8: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
310
+ fixed_drawer_door_handle_8: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
311
+ drawer_door_handle_8: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
312
312
  base_door_9: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
313
313
  base_fixed_drawer_door_9: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
314
314
  base_drawer_9: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
315
315
  base_drawer_door_9: 'https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg',
316
- door_handle_9: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
317
- fixed_drawer_door_handle_9: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg',
318
- drawer_door_handle_9: 'http://127.0.0.1:4002/uploads/assets/default/steel.jpg'
316
+ door_handle_9: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
317
+ fixed_drawer_door_handle_9: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg',
318
+ drawer_door_handle_9: 'https://media.test.diydesignspace.com/uploads/assets/default/steel.jpg'
319
319
  },
320
320
  installation_types: [125, 124]
321
321
  }
@@ -417,6 +417,10 @@ function WorkSpace(props) {
417
417
  payload: {
418
418
  attributeName: ATT_ITEM_ROTATION,
419
419
  value: 45
420
+ },
421
+ callback: function callback(updatedAttributeForm) {
422
+ console.log(updatedAttributeForm);
423
+ // Do something here with new attributes
420
424
  }
421
425
  };
422
426
  setExternalEvent(evt);
@@ -553,74 +557,91 @@ function WorkSpace(props) {
553
557
  actionType: "danger",
554
558
  onClick: function onClick() {
555
559
  var evt = {
556
- type: EXTERNAL_EVENT_CENTERING_2D,
557
- payload: {}
560
+ type: EXTERNAL_EVENT_SET_FINISHING,
561
+ payload: {
562
+ category: FINISHING_TYPE.COUNTER_TOP,
563
+ texture: 'https://media.test.diydesignspace.com/uploads/CountTop/202111302746_7/texture/Arabescato_texture.jpg'
564
+ }
558
565
  };
559
566
  setExternalEvent(evt);
560
567
  }
561
- }, "Centering Viewer2D"), /*#__PURE__*/React.createElement(Button, {
568
+ }, "Set Finishing (CounterTop)"), /*#__PURE__*/React.createElement(Button, {
562
569
  actionType: "danger",
563
570
  onClick: function onClick() {
564
571
  var evt = {
565
- type: EXTERNAL_EVENT_UPDATE_PROPERTY,
572
+ type: EXTERNAL_EVENT_SET_FINISHING,
566
573
  payload: {
567
- propertyName: PROP_RESIZE_WIDTH,
568
- // this property should be Map
569
- value: new Map({
570
- length: 68.57999780544007,
571
- // cm
572
- _length: 27,
573
- // inch
574
- _unit: 'in'
575
- })
574
+ category: FINISHING_TYPE.BACKSPLASH,
575
+ texture: 'https://media.test.diydesignspace.com/uploads/CountTop/202305225249_14/texture/Unique_Marquina_texture.jpg'
576
576
  }
577
577
  };
578
578
  setExternalEvent(evt);
579
579
  }
580
- }, "Change width to 27\""), /*#__PURE__*/React.createElement(Button, {
580
+ }, "Set Finishing (Backsplash)"), /*#__PURE__*/React.createElement(Button, {
581
581
  actionType: "danger",
582
582
  onClick: function onClick() {
583
583
  var evt = {
584
- type: EXTERNAL_EVENT_UPDATE_PROPERTY,
584
+ type: EXTERNAL_EVENT_SET_FINISHING,
585
585
  payload: {
586
- propertyName: PROP_RESIZE_HEIGHT,
587
- // this property should be Map
588
- value: new Map({
589
- length: 68.57999780544007,
590
- // cm
591
- _length: 27,
592
- // inch
593
- _unit: 'in'
594
- })
586
+ category: FINISHING_TYPE.FLOOR_STYLE,
587
+ texture: 'https://media.test.diydesignspace.com/uploads/CountTop/202203163338_3/texture/oak-chestnut.webp'
595
588
  }
596
589
  };
597
590
  setExternalEvent(evt);
598
591
  }
599
- }, "Change height to 27\""), /*#__PURE__*/React.createElement(Button, {
592
+ }, "Set Finishing (Floor Style)"), /*#__PURE__*/React.createElement(Button, {
600
593
  actionType: "danger",
601
594
  onClick: function onClick() {
602
595
  var evt = {
603
- type: EXTERNAL_EVENT_UPDATE_ATTRIBUTE,
596
+ type: EXTERNAL_EVENT_SET_FINISHING,
604
597
  payload: {
605
- attributeName: ATT_HOLE_OFFSET_A,
606
- value: 100 // unit : 'in'
598
+ category: FINISHING_TYPE.WALL_COLOR,
599
+ color: '#bab863'
607
600
  }
608
601
  };
609
602
  setExternalEvent(evt);
610
603
  }
611
- }, "Change offestA(offset-left) to 100\""), /*#__PURE__*/React.createElement(Button, {
604
+ }, "Set Finishing (Wall Color)"), /*#__PURE__*/React.createElement(Button, {
612
605
  actionType: "danger",
613
606
  onClick: function onClick() {
614
607
  var evt = {
615
- type: EXTERNAL_EVENT_UPDATE_ATTRIBUTE,
608
+ type: EXTERNAL_EVENT_SET_FINISHING,
616
609
  payload: {
617
- attributeName: ATT_HOLE_OFFSET_B,
618
- value: 100 // unit : 'in'
610
+ category: FINISHING_TYPE.DOOR_HANDLE,
611
+ gltf: 'https://media.test.diydesignspace.com/uploads/DoorHandle/202107294150_29/gltf/Handle1.gltf'
619
612
  }
620
613
  };
621
614
  setExternalEvent(evt);
622
615
  }
623
- }, "Change offsetB(offset-right) to 100\""), /*#__PURE__*/React.createElement(Button, {
616
+ }, "Set Finishing (Door handle)"), /*#__PURE__*/React.createElement(Button, {
617
+ actionType: "danger",
618
+ onClick: function onClick() {
619
+ var evt = {
620
+ type: EXTERNAL_EVENT_CENTERING_2D,
621
+ payload: {}
622
+ };
623
+ setExternalEvent(evt);
624
+ }
625
+ }, "Centering Viewer2D"), /*#__PURE__*/React.createElement(Button, {
626
+ actionType: "danger",
627
+ onClick: function onClick() {
628
+ var evt = {
629
+ type: EXTERNAL_EVENT_UPDATE_PROPERTY,
630
+ payload: {
631
+ propertyName: PROP_RESIZE_WIDTH,
632
+ // this property should be Map
633
+ value: new Map({
634
+ length: 68.57999780544007,
635
+ // cm
636
+ _length: 27,
637
+ // inch
638
+ _unit: 'in'
639
+ })
640
+ }
641
+ };
642
+ setExternalEvent(evt);
643
+ }
644
+ }, "Change width to 27\""), /*#__PURE__*/React.createElement(Button, {
624
645
  actionType: "danger",
625
646
  onClick: function onClick() {
626
647
  var evt = {
@@ -667,4 +688,4 @@ ReactDOM.render(/*#__PURE__*/React.createElement(ContainerDimensions, null, func
667
688
  width: width,
668
689
  height: height
669
690
  });
670
- }), document.getElementById('app'));
691
+ }), document.getElementById('app') && document.getElementById('app'));
@@ -79,11 +79,13 @@ SVGLoader.prototype = Object.assign(Object.create(Loader.prototype), {
79
79
  case 'use':
80
80
  style = parseStyle(node, style);
81
81
  var usedNodeId = node.href.baseVal.substring(1);
82
- var usedNode = node.viewportElement.getElementById(usedNodeId);
83
- if (usedNode) {
84
- parseNode(usedNode, style);
85
- } else {
86
- console.warn("SVGLoader: 'use node' references non-existent node id: " + usedNodeId);
82
+ if (node.viewportElement.getElementById(usedNodeId)) {
83
+ var usedNode = node.viewportElement.getElementById(usedNodeId);
84
+ if (usedNode) {
85
+ parseNode(usedNode, style);
86
+ } else {
87
+ console.warn("SVGLoader: 'use node' references non-existent node id: " + usedNodeId);
88
+ }
87
89
  }
88
90
  break;
89
91
  default: