kitchen-simulator 5.10.12-react.18 → 5.10.14-react.18

package/es/LiteKitchenConfigurator.js

@@ -20,8 +20,7 @@ import React, { Component } from 'react';
 import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
 import * as constants from "./constants";
-import { base64Decode } from "./utils/helper";
-import actions, { projectActions } from "./actions/export";
+import actions from "./actions/export";
 import Catalog from "./catalog/catalog";
 import { Content } from "./components/export";
 import Translator from "./translator/translator";
@@ -43,10 +42,20 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
     var _this;
     _classCallCheck(this, LiteKitchenConfigurator);
     _this = _callSuper(this, LiteKitchenConfigurator, [props]);
+
+    // ---- guards / schedulers ----
     _this._catalogInitRequested = false;
     _this._lastHandledExternalEvent = null;
     _this._handlingExternalEvent = false;
-    _this._scheduledExternalEventRaf = null;
+    _this._scheduledExternalEventTimeout = null;
+
+    // viewer2D init guard (prevents dispatch loops)
+    _this._viewer2DInitKeyDone = null;
+
+    // cache for viewer2D init (no merging in render)
+    _this._lastExtractedStateRef = null;
+    _this._cachedViewer2DKey = null;
+    _this._cachedExtractedState = null;
     _this.state = {
       savePopupVisible: false,
       quotePopupVisible: false,
@@ -98,13 +107,10 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
     _this.setDownloadPopupVisible = _this.setDownloadPopupVisible.bind(_this);
     _this.neverShowInput = /*#__PURE__*/React.createRef(null);
     _this.setShowProperty = _this.setShowProperty.bind(_this);
-
-    // cache for viewer2D init so we don't allocate merges every render
-    _this._lastExtractedStateRef = null;
-    _this._cachedViewer2DKey = null;
-    _this._cachedExtractedState = null;
     return _this;
   }
+
+  // ---------------- UI setters (unchanged) ----------------
   _inherits(LiteKitchenConfigurator, _Component);
   return _createClass(LiteKitchenConfigurator, [{
     key: "setToolbar",
@@ -292,33 +298,74 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
       var el = document.getElementById('add_appliances_inactive');
       if (el !== null && el !== void 0 && (_el$parentElement0 = el.parentElement) !== null && _el$parentElement0 !== void 0 && _el$parentElement0.parentElement) el.parentElement.parentElement.style.zIndex = 6;
     }
+
+    // ---------------- viewer2D init (SAFE, guarded) ----------------
+  }, {
+    key: "maybeInitViewer2D",
+    value: function maybeInitViewer2D(extractedState, width, height) {
+      var _extractedState$getIn;
+      var viewer2DActions = this.props.viewer2DActions;
+      var viewer2D = extractedState === null || extractedState === void 0 || (_extractedState$getIn = extractedState.getIn) === null || _extractedState$getIn === void 0 ? void 0 : _extractedState$getIn.call(extractedState, ['viewer2D']);
+      if (!viewer2D || viewer2D.size <= 0) return;
+      var v = viewer2D.toJS();
+      if (!v) return;
+
+      // Only init when e/f are exactly zero
+      if (v.e !== 0 || v.f !== 0) return;
+      var key = "".concat(width, ":").concat(height, ":").concat(v.viewerWidth, ":").concat(v.viewerHeight, ":").concat(v.SVGWidth, ":").concat(v.SVGHeight);
+
+      // ✅ prevent dispatch loop: do it once per signature
+      if (this._viewer2DInitKeyDone === key) return;
+      this._viewer2DInitKeyDone = key;
+      var payload = {
+        e: v.viewerWidth / 2 - v.SVGWidth / 2,
+        f: v.viewerHeight / 2 - v.SVGHeight / 2,
+        a: 0.99,
+        d: 0.99
+      };
+      viewer2DActions.updateViewer2D(payload);
+    }
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _extractedState$getIn;
+      var _extractedState$getIn2;
       var _this$props = this.props,
         catalog = _this$props.catalog,
         extractedState = _this$props.extractedState,
-        projectActions = _this$props.projectActions;
-      var catalogReady = extractedState === null || extractedState === void 0 || (_extractedState$getIn = extractedState.getIn) === null || _extractedState$getIn === void 0 ? void 0 : _extractedState$getIn.call(extractedState, ['catalog', 'ready']);
+        projectActions = _this$props.projectActions,
+        width = _this$props.width,
+        height = _this$props.height;
+
+      // init catalog once
+      var catalogReady = extractedState === null || extractedState === void 0 || (_extractedState$getIn2 = extractedState.getIn) === null || _extractedState$getIn2 === void 0 ? void 0 : _extractedState$getIn2.call(extractedState, ['catalog', 'ready']);
       if (!catalogReady && !this._catalogInitRequested) {
         this._catalogInitRequested = true;
         console.log('[LiteKitchenConfigurator] initCatalog (mount)');
         projectActions.initCatalog(catalog);
       }
+
+      // viewer2D init (safe)
+      this.maybeInitViewer2D(extractedState, width, height);
     }
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var _this2 = this,
-        _extractedState$getIn2;
+        _extractedState$getIn3;
       var _this$props2 = this.props,
         externalEvent = _this$props2.externalEvent,
         extractedState = _this$props2.extractedState,
         projectActions = _this$props2.projectActions,
-        catalog = _this$props2.catalog;
+        catalog = _this$props2.catalog,
+        width = _this$props2.width,
+        height = _this$props2.height;
+
+      // viewer2D init only when relevant inputs change
+      if (prevProps.extractedState !== extractedState || prevProps.width !== width || prevProps.height !== height) {
+        this.maybeInitViewer2D(extractedState, width, height);
+      }
 
-      // ---- (A) External event handling (snapshot + defer) ----
+      // ---- (A) External event handling (defer OUTSIDE RAF) ----
       if (prevProps.externalEvent !== externalEvent && externalEvent) {
         if (this._lastHandledExternalEvent === externalEvent) {
           console.warn('[LiteKitchenConfigurator] externalEvent already handled (same ref), skipping');
@@ -327,16 +374,14 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
         } else {
           this._lastHandledExternalEvent = externalEvent;
           this._handlingExternalEvent = true;
-
-          // capture props snapshot corresponding to this event
           var propsSnapshot = this.props;
           var type = (externalEvent === null || externalEvent === void 0 ? void 0 : externalEvent.type) || 'unknown';
-          if (this._scheduledExternalEventRaf) {
-            clearTimeout(this._scheduledExternalEventRaf);
-            this._scheduledExternalEventRaf = null;
+          if (this._scheduledExternalEventTimeout) {
+            clearTimeout(this._scheduledExternalEventTimeout);
+            this._scheduledExternalEventTimeout = null;
           }
-          this._scheduledExternalEventRaf = setTimeout(function () {
-            _this2._scheduledExternalEventRaf = null;
+          this._scheduledExternalEventTimeout = setTimeout(function () {
+            _this2._scheduledExternalEventTimeout = null;
             console.time("[handleExternalEvent] ".concat(type));
             try {
               handleExternalEvent(propsSnapshot);
@@ -351,7 +396,7 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
       }
 
       // ---- (B) initCatalog: request once until ready ----
-      var catalogReady = extractedState === null || extractedState === void 0 || (_extractedState$getIn2 = extractedState.getIn) === null || _extractedState$getIn2 === void 0 ? void 0 : _extractedState$getIn2.call(extractedState, ['catalog', 'ready']);
+      var catalogReady = extractedState === null || extractedState === void 0 || (_extractedState$getIn3 = extractedState.getIn) === null || _extractedState$getIn3 === void 0 ? void 0 : _extractedState$getIn3.call(extractedState, ['catalog', 'ready']);
       if (catalogReady) {
         if (this._catalogInitRequested) console.log('[LiteKitchenConfigurator] catalog ready');
         this._catalogInitRequested = false;
@@ -366,56 +411,36 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      // cleanup scheduled external event
-      if (this._scheduledExternalEventRaf) {
-        cancelAnimationFrame(this._scheduledExternalEventRaf);
-        this._scheduledExternalEventRaf = null;
+      if (this._scheduledExternalEventTimeout) {
+        clearTimeout(this._scheduledExternalEventTimeout);
+        this._scheduledExternalEventTimeout = null;
       }
     }
-  }, {
-    key: "isProjectEmpty",
-    value: function isProjectEmpty(scene) {
-      var layers = scene.layers,
-        selectedLayer = scene.selectedLayer;
-      var layer = layers.get(selectedLayer);
-      return layer.areas.size + layer.lines.size + layer.holes.size + layer.items.size === 0;
-    }
+
+    // ✅ IMPORTANT: do NOT mutate/merge redux state in render
   }, {
     key: "getExtractedStateWithViewer2DInit",
     value: function getExtractedStateWithViewer2DInit(extractedState, width, height) {
       if (!extractedState) return extractedState;
-
-      // ✅ If the extractedState reference changed, drop cache immediately.
       if (this._lastExtractedStateRef !== extractedState) {
         this._lastExtractedStateRef = extractedState;
         this._cachedViewer2DKey = null;
         this._cachedExtractedState = null;
       }
-      var _viewer2D = extractedState.getIn(['viewer2D']);
-      if (!_viewer2D || _viewer2D.size <= 0) return extractedState;
-      var v = _viewer2D.toJS();
-
-      // Only do the "center viewer2D if e/f are zero" logic.
-      // ✅ No need to build keys from unrelated parts of state.
+      var viewer2D = extractedState.getIn(['viewer2D']);
+      if (!viewer2D || viewer2D.size <= 0) return extractedState;
+      var v = viewer2D.toJS();
+      if (!v) return extractedState;
       if (v.e !== 0 || v.f !== 0) return extractedState;
 
-      // Build a cache key ONLY for this viewer2D-centering computation.
+      // Keep cache (doesn't change state), mostly no-op now
       var cacheKey = "".concat(width, ":").concat(height, ":").concat(v.viewerWidth, ":").concat(v.viewerHeight, ":").concat(v.SVGWidth, ":").concat(v.SVGHeight);
       if (this._cachedViewer2DKey === cacheKey && this._cachedExtractedState) {
         return this._cachedExtractedState;
       }
-      var centeredViewer2D = _viewer2D.merge({
-        e: v.viewerWidth / 2 - v.SVGWidth / 2,
-        f: v.viewerHeight / 2 - v.SVGHeight / 2,
-        a: 0.99,
-        d: 0.99
-      });
-      var merged = extractedState.merge({
-        viewer2D: centeredViewer2D
-      });
       this._cachedViewer2DKey = cacheKey;
-      this._cachedExtractedState = merged;
-      return merged;
+      this._cachedExtractedState = extractedState;
+      return extractedState;
     }
   }, {
     key: "render",
@@ -429,9 +454,7 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
       var _this$state = this.state,
         savePopupVisible = _this$state.savePopupVisible,
         quotePopupVisible = _this$state.quotePopupVisible,
-        assistPopupVisible = _this$state.assistPopupVisible,
-        signOpen = _this$state.signOpen,
-        myProjectsOpen = _this$state.myProjectsOpen;
+        assistPopupVisible = _this$state.assistPopupVisible;
       var contentW = width - toolbarW;
       var contentH = height;
       var extracted = this.getExtractedStateWithViewer2DInit(extractedState, width, height);
@@ -494,7 +517,6 @@ LiteKitchenConfigurator.propTypes = {
   configData: PropTypes.object,
   onInternalEvent: PropTypes.func,
   extractedState: PropTypes.object,
-  // ✅ injected by connect
   externalEvent: PropTypes.object
 };
 LiteKitchenConfigurator.defaultProps = {
@@ -508,9 +530,6 @@ LiteKitchenConfigurator.defaultProps = {
   customContents: {},
   configData: {}
 };
-
-// ✅ Only select the slice you actually use.
-// This preserves behavior but massively reduces rerenders.
 function mapStateToProps(reduxState, ownProps) {
   var stateExtractor = ownProps.stateExtractor || function (s) {
     return s;

package/es/LiteRenderer.js

@@ -25,7 +25,6 @@ import * as THREE from 'three';
 import * as Models from "./models";
 import { State } from "./models";
 import PlannerReducer from "./reducers/reducer";
-import AppContext from "./AppContext";
 import Catalog from "./catalog/catalog";
 import * as Areas from "./catalog/areas/area/planner-element";
 import * as Lines from "./catalog/lines/wall/planner-element";

package/es/actions/viewer2d-actions.js

@@ -1,4 +1,4 @@
-import { UPDATE_CEIL_HEIGHT_UNIT, UPDATE_CEIL_HEIGHT, UPDATE_2D_CAMERA, SELECT_TOOL_PAN, SELECT_TOOL_ZOOM_IN, SELECT_TOOL_ZOOM_OUT, CHANGE_WALL_LENGTH_MEASURE, CHANGE_BASE_CABINET_MEASURE, CHANGE_WALL_CABINET_MEASURE, CHANGE_WINDOW_DOOR_MEASURE } from "../constants";
+import { UPDATE_CEIL_HEIGHT_UNIT, UPDATE_CEIL_HEIGHT, UPDATE_2D_CAMERA, SELECT_TOOL_PAN, SELECT_TOOL_ZOOM_IN, SELECT_TOOL_ZOOM_OUT, CHANGE_WALL_LENGTH_MEASURE, CHANGE_BASE_CABINET_MEASURE, CHANGE_WALL_CABINET_MEASURE, CHANGE_WINDOW_DOOR_MEASURE, UPDATE_VIEWER2D } from "../constants";
 export function updateCeilHeight(value) {
   return {
     type: UPDATE_CEIL_HEIGHT,
@@ -55,4 +55,10 @@ export function selectToolZoomIn() {
   return {
     type: SELECT_TOOL_ZOOM_IN
   };
+}
+export function updateViewer2D(viewer2D) {
+  return {
+    type: UPDATE_VIEWER2D,
+    viewer2D: viewer2D
+  };
 }

package/es/constants.js

@@ -12,6 +12,7 @@ export var NEW_PROJECT = 'NEW_PROJECT';
 export var LOAD_PROJECT = 'LOAD_PROJECT';
 export var SAVE_PROJECT = 'SAVE_PROJECT';
 export var OPEN_CATALOG = 'OPEN_CATALOG';
+export var UPDATE_VIEWER2D = 'UPDATE_VIEWER2D';
 export var SELECT_TOOL_EDIT = 'SELECT_TOOL_EDIT';
 export var UNSELECT_ALL = 'UNSELECT_ALL';
 export var SELECT_ALL = 'SELECT_ALL';

package/es/reducers/viewer2d-reducer.js

@@ -1,4 +1,4 @@
-import { CHANGE_BASE_CABINET_MEASURE, CHANGE_WALL_CABINET_MEASURE, CHANGE_WALL_LENGTH_MEASURE, CHANGE_WINDOW_DOOR_MEASURE, MODE_2D_PAN, MODE_2D_ZOOM_IN, MODE_2D_ZOOM_OUT, SELECT_TOOL_PAN, SELECT_TOOL_ZOOM_IN, SELECT_TOOL_ZOOM_OUT, UPDATE_2D_CAMERA, UPDATE_CEIL_HEIGHT, UPDATE_CEIL_HEIGHT_UNIT } from "../constants";
+import { CHANGE_BASE_CABINET_MEASURE, CHANGE_WALL_CABINET_MEASURE, CHANGE_WALL_LENGTH_MEASURE, CHANGE_WINDOW_DOOR_MEASURE, MODE_2D_PAN, MODE_2D_ZOOM_IN, MODE_2D_ZOOM_OUT, SELECT_TOOL_PAN, SELECT_TOOL_ZOOM_IN, SELECT_TOOL_ZOOM_OUT, UPDATE_2D_CAMERA, UPDATE_CEIL_HEIGHT, UPDATE_CEIL_HEIGHT_UNIT, UPDATE_VIEWER2D } from "../constants";
 import { convert } from "../utils/convert-units-lite";
 export default function (state, action) {
   var _state = state,
@@ -73,5 +73,13 @@ export default function (state, action) {
       return state.set('mode', MODE_2D_ZOOM_IN);
     case SELECT_TOOL_ZOOM_OUT:
       return state.set('mode', MODE_2D_ZOOM_OUT);
+    case UPDATE_VIEWER2D:
+      {
+        var current = state.get('viewer2D');
+        if (current && current.merge) {
+          return state.set('viewer2D', current.merge(action.viewer2D));
+        }
+        return state.set('viewer2D', state.constructor(action.viewer2D));
+      }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kitchen-simulator",
-  "version": "5.10.12-react.18",
+  "version": "5.10.14-react.18",
   "description": "It is a kitchen simulator (self-contained micro-frontend).",
   "license": "MIT",
   "module": "es/index.js",