kitchen-simulator 7.0.7-react-18 → 7.0.9-react-18

package/es/LiteRenderer.js

@@ -6,7 +6,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-var _excluded = ["width", "height", "configData", "externalEvent", "onInternalEvent", "onError"];
+var _excluded = ["width", "height", "configData", "externalEvent", "onInternalEvent", "onError", "onViewer2DChange"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
@@ -32,6 +32,7 @@ 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;
 
@@ -156,6 +157,10 @@ 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,
@@ -164,6 +169,7 @@ export default function LiteRenderer(props) {
     externalEvent = props.externalEvent,
     onInternalEvent = props.onInternalEvent,
     onError = props.onError,
+    onViewer2DChange = props.onViewer2DChange,
     passThrough = _objectWithoutProperties(props, _excluded);
   useEffect(function () {
     return function () {
@@ -177,6 +183,36 @@ 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);

package/es/WorkSpaceHostMimic.js

@@ -38,6 +38,10 @@ export default function WorkSpaceHostMimic() {
     var _api$__render;
     var api = apiRef.current;
     if (!api) return;
+    console.log({
+      width: window.innerWidth,
+      height: window.innerHeight
+    });
     (_api$__render = api.__render) === null || _api$__render === void 0 || _api$__render.call(api, {
       width: window.innerWidth,
       height: window.innerHeight,

package/es/class/project.js

@@ -145,14 +145,26 @@ var Project = /*#__PURE__*/function () {
       var h = bb.maxY - bb.minY;
       if (w != 0 && Math.abs(w) != Infinity && h != 0 && Math.abs(h) != Infinity) {
         a = viewer.viewerHeight < h ? viewer.viewerHeight / h : (viewer.viewerHeight / h * 3 / 5 - 0.5) / constants.ZOOM_VARIABLE > 400 ? viewer.viewerHeight / h * 400 / ((viewer.viewerHeight / h - 0.5) / constants.ZOOM_VARIABLE) : viewer.viewerHeight / h * 3 / 5;
-        e = (viewer.viewerWidth - (bb.maxX + bb.minX) * a) / 2;
-        f = (viewer.viewerHeight - (viewer.SVGHeight * 2 - bb.maxY - bb.minY) * a) / 2;
-        var maxE = 10;
-        var minE = viewer.viewerWidth - (a * viewer.SVGWidth + 10);
-        e = Math.min(maxE, Math.max(minE, e));
-        var maxF = 80;
-        var minF = viewer.viewerHeight - (a * viewer.SVGHeight + 10);
-        f = Math.min(maxF, Math.max(minF, f));
+        var scaledWidth = a * viewer.SVGWidth;
+        var scaledHeight = a * viewer.SVGHeight;
+
+        // Horizontal
+        if (scaledWidth <= viewer.viewerWidth) {
+          e = (viewer.viewerWidth - scaledWidth) / 2;
+        } else {
+          var maxE = 10;
+          var minE = viewer.viewerWidth - (scaledWidth + 10);
+          e = Math.min(maxE, Math.max(minE, e));
+        }
+
+        // Vertical
+        if (scaledHeight <= viewer.viewerHeight) {
+          f = (viewer.viewerHeight - scaledHeight) / 2;
+        } else {
+          var maxF = 80;
+          var minF = viewer.viewerHeight - (scaledHeight + 10);
+          f = Math.min(maxF, Math.max(minF, f));
+        }
         _viewer2D = _viewer2D.merge({
           a: a,
           d: a,
@@ -171,6 +183,7 @@ var Project = /*#__PURE__*/function () {
         doorStyle: doorStyle,
         viewer2D: _viewer2D
       });
+      state = centering2D(state, viewer2DActions);
       state = Item.setCounterTop(state, counterTop).updatedState;
       state = Area.setFloorStyles(state, floorStyle).updatedState;
       this.updateZoomScale(state, a);

package/es/index.js

@@ -368,6 +368,7 @@ export function renderKitchenSimulator(container) {
 
   // ✅ Reuse root
   var root = container[ROOT_KEY];
+  var latestViewer2D = null;
   if (!root) {
     root = createRoot(container);
     container[ROOT_KEY] = root;
@@ -548,7 +549,10 @@ export function renderKitchenSimulator(container) {
       key: "render",
       value: function render() {
         return /*#__PURE__*/React.createElement(LiteRenderer, _extends({}, this.props, {
-          externalEvent: this.state.externalEvent
+          externalEvent: this.state.externalEvent,
+          onViewer2DChange: function onViewer2DChange(v) {
+            latestViewer2D = v;
+          }
         }));
       }
     }]);
@@ -557,6 +561,9 @@ export function renderKitchenSimulator(container) {
     __render: function __render(nextProps) {
       root.render(/*#__PURE__*/React.createElement(Wrapper, nextProps));
     },
+    getViewer2D: function getViewer2D() {
+      return latestViewer2D;
+    },
     // ✅ host can query current inFlight
     getGltfInFlight: function getGltfInFlight() {
       return gltfTracker.getInFlight();

package/es/reducers/viewer2d-reducer.js

@@ -1,5 +1,7 @@
 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 { convert } from "../utils/convert-units-lite";
+import { centering2D } from "../utils/helper";
+import * as viewer2DActions from "../actions/viewer2d-actions";
 export default function (state, action) {
   var _state = state,
     scene = _state.scene;

package/package.json

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