kitchen-simulator 7.0.9-react-18 → 7.0.10-react-18

package/es/LiteKitchenConfigurator.js

@@ -303,18 +303,19 @@ var LiteKitchenConfigurator = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
-      var _extractedState$getIn2;
+      var _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,
+        onViewer2DChange = _this$props2.onViewer2DChange;
+      onViewer2DChange === null || onViewer2DChange === void 0 || onViewer2DChange(extractedState === null || extractedState === void 0 || (_extractedState$getIn2 = extractedState.getIn) === null || _extractedState$getIn2 === void 0 ? void 0 : _extractedState$getIn2.call(extractedState, ['viewer2D']).toJS());
       // same behavior: handle external event when it changes
       if (prevProps.externalEvent !== externalEvent) {
         handleExternalEvent(this.props);
       }
-      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) projectActions.initCatalog(catalog);
     }
   }, {

package/es/LiteRenderer.js

@@ -25,14 +25,12 @@ 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";
 import * as Holes from "./catalog/holes/export";
 import { ConsoleDebugger, Keyboard } from "./plugins/export";
 import LiteKitchenConfigurator from "./LiteKitchenConfigurator";
-import { toPlainObject } from "../es/utils/helper";
 var isBrowser = typeof window !== 'undefined';
 if (isBrowser) window.THREE = THREE;
 
@@ -157,10 +155,6 @@ function createInstanceStore() {
 function createPlugins() {
   return [Keyboard(), ConsoleDebugger()];
 }
-function shallowEqualViewer(a, b) {
-  if (!a || !b) return a === b;
-  return a.a === b.a && a.d === b.d && a.e === b.e && a.f === b.f && a.viewerWidth === b.viewerWidth && a.viewerHeight === b.viewerHeight && a.SVGWidth === b.SVGWidth && a.SVGHeight === b.SVGHeight;
-}
 export default function LiteRenderer(props) {
   ensureSentryInit();
   var width = props.width,
@@ -183,36 +177,6 @@ export default function LiteRenderer(props) {
   // ✅ instance-scoped store (no module singleton)
   var storeRef = useRef(null);
   if (!storeRef.current) storeRef.current = createInstanceStore();
-  var prevRef = useRef(null);
-  useEffect(function () {
-    var _state$viewer2D2, _state$get2;
-    if (!onViewer2DChange) return;
-    if (!storeRef.current) return;
-
-    // you must have `store` in scope here (however LiteRenderer gets it)
-    var unsub = storeRef.current.subscribe(function () {
-      var _state$viewer2D, _state$get;
-      var state = storeRef.current.getState();
-
-      // viewer2D might be immutable or plain
-      var viewer2D = toPlainObject((_state$viewer2D = state.viewer2D) !== null && _state$viewer2D !== void 0 ? _state$viewer2D : (_state$get = state.get) === null || _state$get === void 0 ? void 0 : _state$get.call(state, 'viewer2D'));
-
-      // emit only when changed
-      if (!shallowEqualViewer(prevRef.current, viewer2D)) {
-        prevRef.current = viewer2D;
-        onViewer2DChange(viewer2D);
-      }
-    });
-
-    // emit once immediately
-    var state = storeRef.current.getState();
-    var viewer2D = toPlainObject((_state$viewer2D2 = state.viewer2D) !== null && _state$viewer2D2 !== void 0 ? _state$viewer2D2 : (_state$get2 = state.get) === null || _state$get2 === void 0 ? void 0 : _state$get2.call(state, 'viewer2D'));
-    prevRef.current = viewer2D;
-    onViewer2DChange(viewer2D);
-    return function () {
-      return unsub();
-    };
-  }, [onViewer2DChange]);
 
   // ✅ instance-scoped catalog (no module singleton)
   var catalogRef = useRef(null);
@@ -374,7 +338,8 @@ export default function LiteRenderer(props) {
     },
     configData: configData,
     externalEvent: externalEvent,
-    onInternalEvent: onInternalEvent
+    onInternalEvent: onInternalEvent,
+    onViewer2DChange: onViewer2DChange
   }, passThrough))));
 }
 LiteRenderer.propTypes = {

package/es/components/viewer2d/utils.js

@@ -190,4 +190,8 @@ export var isWarningItem = function isWarningItem(item) {
   if (item.category === 'cabinet') return !(item !== null && item !== void 0 && (_item$toJS$doorStyle = item.toJS().doorStyle) !== null && _item$toJS$doorStyle !== void 0 && (_item$toJS$doorStyle = _item$toJS$doorStyle.doorStyles) !== null && _item$toJS$doorStyle !== void 0 && (_item$toJS$doorStyle = _item$toJS$doorStyle.cds) !== null && _item$toJS$doorStyle !== void 0 && _item$toJS$doorStyle.filter(function (cd) {
     return cd.itemID == (item === null || item === void 0 ? void 0 : item.getIn(['itemID']));
   }).length) > 0;else return false;
-};
+};
+export function shallowEqualViewer(a, b) {
+  if (!a || !b) return a === b;
+  return a.a === b.a && a.d === b.d && a.e === b.e && a.f === b.f && a.viewerWidth === b.viewerWidth && a.viewerHeight === b.viewerHeight && a.SVGWidth === b.SVGWidth && a.SVGHeight === b.SVGHeight;
+}

package/es/index.js

@@ -15,6 +15,7 @@ import React from 'react';
 import * as Three from 'three';
 import LiteRenderer from "./LiteRenderer";
 import { createRoot } from 'react-dom/client';
+import { shallowEqualViewer } from "./components/viewer2d/utils";
 var ROOT_KEY = '__kitchenSimulatorRoot__';
 var API_KEY = '__kitchenSimulatorApi__';
 function nextFrame() {
@@ -551,7 +552,9 @@ export function renderKitchenSimulator(container) {
         return /*#__PURE__*/React.createElement(LiteRenderer, _extends({}, this.props, {
           externalEvent: this.state.externalEvent,
           onViewer2DChange: function onViewer2DChange(v) {
-            latestViewer2D = v;
+            if (!shallowEqualViewer(v, latestViewer2D)) {
+              latestViewer2D = v;
+            }
           }
         }));
       }

package/package.json

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