kitchen-simulator 5.10.10-react.18 → 5.10.11-react.18

package/es/LiteKitchenConfigurator.js

@@ -43,6 +43,10 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
     var _this;
     _classCallCheck(this, LiteKitchenConfigurator);
     _this = _callSuper(this, LiteKitchenConfigurator, [props]);
+    _this._catalogInitRequested = false;
+    _this._lastHandledExternalEvent = null;
+    _this._handlingExternalEvent = false;
+    _this._scheduledExternalEventRaf = null;
     _this.state = {
       savePopupVisible: false,
       quotePopupVisible: false,
@@ -292,30 +296,86 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
     key: "componentDidMount",
     value: function componentDidMount() {
       var _extractedState$getIn;
-      window.forRedo = [];
       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']);
-      if (!catalogReady) projectActions.initCatalog(catalog);
+      if (!catalogReady && !this._catalogInitRequested) {
+        this._catalogInitRequested = true;
+        console.log('[LiteKitchenConfigurator] initCatalog (mount)');
+        projectActions.initCatalog(catalog);
+      }
     }
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
-      var _extractedState$getIn2;
+      var _this2 = this,
+        _extractedState$getIn2;
       var _this$props2 = this.props,
         externalEvent = _this$props2.externalEvent,
         extractedState = _this$props2.extractedState,
         projectActions = _this$props2.projectActions,
         catalog = _this$props2.catalog;
 
-      // same behavior: handle external event when it changes
-      if (prevProps.externalEvent !== externalEvent) {
-        handleExternalEvent(this.props);
+      // ---- (A) External event handling (snapshot + defer) ----
+      if (prevProps.externalEvent !== externalEvent && externalEvent) {
+        if (this._lastHandledExternalEvent === externalEvent) {
+          console.warn('[LiteKitchenConfigurator] externalEvent already handled (same ref), skipping');
+        } else if (this._handlingExternalEvent) {
+          console.warn('[LiteKitchenConfigurator] externalEvent handling already in progress, skipping');
+        } 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) {
+            cancelAnimationFrame(this._scheduledExternalEventRaf);
+            this._scheduledExternalEventRaf = null;
+          }
+          this._scheduledExternalEventRaf = requestAnimationFrame(function () {
+            _this2._scheduledExternalEventRaf = null;
+            console.time("[handleExternalEvent] ".concat(type));
+            try {
+              // IMPORTANT: use snapshot so handler sees matching props
+              handleExternalEvent(propsSnapshot);
+            } catch (e) {
+              console.error('[LiteKitchenConfigurator] handleExternalEvent crashed', e);
+            } finally {
+              console.timeEnd("[handleExternalEvent] ".concat(type));
+
+              // clear flag in a macrotask so we definitely yield once
+              setTimeout(function () {
+                _this2._handlingExternalEvent = false;
+              }, 0);
+            }
+          });
+        }
       }
+
+      // ---- (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']);
-      if (!catalogReady) projectActions.initCatalog(catalog);
+      if (catalogReady) {
+        if (this._catalogInitRequested) console.log('[LiteKitchenConfigurator] catalog ready');
+        this._catalogInitRequested = false;
+      } else {
+        if (!this._catalogInitRequested) {
+          this._catalogInitRequested = true;
+          console.log('[LiteKitchenConfigurator] initCatalog (update)');
+          projectActions.initCatalog(catalog);
+        }
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      // cleanup scheduled external event
+      if (this._scheduledExternalEventRaf) {
+        cancelAnimationFrame(this._scheduledExternalEventRaf);
+        this._scheduledExternalEventRaf = null;
+      }
     }
   }, {
     key: "isProjectEmpty",
@@ -365,7 +425,7 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this2 = this;
+      var _this3 = this;
       var _this$props3 = this.props,
         width = _this$props3.width,
         height = _this$props3.height,
@@ -381,7 +441,7 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
       var contentH = height;
       var extracted = this.getExtractedStateWithViewer2DInit(extractedState, width, height);
       var ctxValue = _objectSpread(_objectSpread({}, objectsMap(actions, function (actionNamespace) {
-        return _this2.props[actionNamespace];
+        return _this3.props[actionNamespace];
       })), {}, {
         translator: this.props.translator,
         catalog: this.props.catalog

package/package.json

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