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

package/es/LiteKitchenConfigurator.js

@@ -310,13 +310,26 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
-      var _this2 = this,
-        _extractedState$getIn2;
+      var _extractedState$getIn2,
+        _this2 = this,
+        _extractedState$getIn3;
       var _this$props2 = this.props,
         externalEvent = _this$props2.externalEvent,
         extractedState = _this$props2.extractedState,
         projectActions = _this$props2.projectActions,
         catalog = _this$props2.catalog;
+      var viewer2D = extractedState === null || extractedState === void 0 || (_extractedState$getIn2 = extractedState.getIn) === null || _extractedState$getIn2 === void 0 ? void 0 : _extractedState$getIn2.call(extractedState, ['viewer2D']);
+      if (viewer2D) {
+        var v = viewer2D.toJS();
+        if (v.e === 0 && v.f === 0) {
+          projectActions.updateViewer2D({
+            e: v.viewerWidth / 2 - v.SVGWidth / 2,
+            f: v.viewerHeight / 2 - v.SVGHeight / 2,
+            a: 0.99,
+            d: 0.99
+          });
+        }
+      }
 
       // ---- (A) External event handling (snapshot + defer) ----
       if (prevProps.externalEvent !== externalEvent && externalEvent) {
@@ -332,31 +345,26 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
           var propsSnapshot = this.props;
           var type = (externalEvent === null || externalEvent === void 0 ? void 0 : externalEvent.type) || 'unknown';
           if (this._scheduledExternalEventRaf) {
-            cancelAnimationFrame(this._scheduledExternalEventRaf);
+            clearTimeout(this._scheduledExternalEventRaf);
             this._scheduledExternalEventRaf = null;
           }
-          this._scheduledExternalEventRaf = requestAnimationFrame(function () {
+          this._scheduledExternalEventRaf = setTimeout(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);
+              _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']);
+      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;
@@ -409,18 +417,9 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
       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",

package/package.json

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