kitchen-simulator 3.3.0 → 3.4.0

package/es/index.js

@@ -14,6 +14,8 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from 'react';
 import LiteRenderer from "./LiteRenderer";
 import { createRoot } from 'react-dom/client';
+var ROOT_KEY = '__kitchenSimulatorRoot__';
+var API_KEY = '__kitchenSimulatorApi__';
 function nextFrame() {
   return new Promise(function (resolve) {
     return requestAnimationFrame(resolve);
@@ -187,7 +189,7 @@ function installGltfTracker() {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
             _ref3 = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : {}, _ref3$timeoutMs = _ref3.timeoutMs, timeoutMs = _ref3$timeoutMs === void 0 ? 30000 : _ref3$timeoutMs, _ref3$graceMs = _ref3.graceMs, graceMs = _ref3$graceMs === void 0 ? 50 : _ref3$graceMs;
-            start = Date.now(); // Grace: give async pipelines a chance to start requests
+            start = Date.now();
             if (!(graceMs > 0)) {
               _context3.next = 1;
               break;
@@ -196,17 +198,19 @@ function installGltfTracker() {
             return sleep(graceMs);
           case 1:
             return _context3.abrupt("return", new Promise(function (resolve, reject) {
-              var unsub = subscribe(function (count) {
+              var unsub = null;
+              var onChange = function onChange(count) {
                 if (count === 0) {
-                  unsub();
+                  if (unsub) unsub(); // ✅ safe
                   resolve(true);
                   return;
                 }
                 if (Date.now() - start > timeoutMs) {
-                  unsub();
+                  if (unsub) unsub();
                   reject(new Error('GLTF did not become idle within timeout'));
                 }
-              });
+              };
+              unsub = subscribe(onChange);
             }));
           case 2:
           case "end":
@@ -237,7 +241,11 @@ function installGltfTracker() {
 export function renderKitchenSimulator(container) {
   var _props$framesPerEvent, _props$waitForGltfIdl, _props$gltfTimeoutMs, _props$gltfGraceMs;
   var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var root = createRoot(container);
+  var root = container[ROOT_KEY];
+  if (!root) {
+    root = createRoot(container);
+    container[ROOT_KEY] = root;
+  }
   var setExternalEventFn = null;
   var queue = [];
   var pendingMarkers = new Set();
@@ -269,7 +277,7 @@ export function renderKitchenSimulator(container) {
             _context5.prev = 2;
           case 3:
             if (!(queue.length && !destroyed)) {
-              _context5.next = 10;
+              _context5.next = 12;
               break;
             }
             ev = queue.shift(); // skip internal markers
@@ -280,46 +288,55 @@ export function renderKitchenSimulator(container) {
             pendingMarkers["delete"](ev.__batchMarker);
             return _context5.abrupt("continue", 3);
           case 4:
+            if (setExternalEventFn) {
+              _context5.next = 6;
+              break;
+            }
+            _context5.next = 5;
+            return nextFrame();
+          case 5:
+            return _context5.abrupt("continue", 3);
+          case 6:
             (_setExternalEventFn = setExternalEventFn) === null || _setExternalEventFn === void 0 || _setExternalEventFn(ev);
 
             // baseline spacing for react + legacy lifecycle
             i = 0;
-          case 5:
+          case 7:
             if (!(i < FRAMES_PER_EVENT)) {
-              _context5.next = 7;
+              _context5.next = 9;
               break;
             }
-            _context5.next = 6;
+            _context5.next = 8;
             return nextFrame();
-          case 6:
+          case 8:
             i += 1;
-            _context5.next = 5;
+            _context5.next = 7;
             break;
-          case 7:
+          case 9:
             if (!WAIT_FOR_GLTF_IDLE_AFTER_EACH_EVENT) {
-              _context5.next = 9;
+              _context5.next = 11;
               break;
             }
-            _context5.next = 8;
+            _context5.next = 10;
             return gltfTracker.waitForIdle({
               timeoutMs: (_ev$gltfTimeoutMs = ev === null || ev === void 0 ? void 0 : ev.gltfTimeoutMs) !== null && _ev$gltfTimeoutMs !== void 0 ? _ev$gltfTimeoutMs : GLTF_TIMEOUT_MS,
               graceMs: (_ev$gltfGraceMs = ev === null || ev === void 0 ? void 0 : ev.gltfGraceMs) !== null && _ev$gltfGraceMs !== void 0 ? _ev$gltfGraceMs : GLTF_GRACE_MS
             });
-          case 8:
-            _context5.next = 9;
+          case 10:
+            _context5.next = 11;
             return nextFrame();
-          case 9:
+          case 11:
             _context5.next = 3;
             break;
-          case 10:
-            _context5.prev = 10;
+          case 12:
+            _context5.prev = 12;
             draining = false;
-            return _context5.finish(10);
-          case 11:
+            return _context5.finish(12);
+          case 13:
           case "end":
             return _context5.stop();
         }
-      }, _callee5, null, [[2,, 10, 11]]);
+      }, _callee5, null, [[2,, 12, 13]]);
     }));
     return _drain.apply(this, arguments);
   }
@@ -331,16 +348,28 @@ export function renderKitchenSimulator(container) {
       _this2.state = {
         externalEvent: p.externalEvent || null
       };
-      setExternalEventFn = _this2.setExternalEvent.bind(_this2);
+      _this2._mounted = false;
       return _this2;
     }
     _inherits(Wrapper, _React$Component);
     return _createClass(Wrapper, [{
-      key: "setExternalEvent",
-      value: function setExternalEvent(newEvent) {
-        this.setState({
-          externalEvent: newEvent
-        });
+      key: "componentDidMount",
+      value: function componentDidMount() {
+        var _this3 = this;
+        this._mounted = true;
+        setExternalEventFn = function setExternalEventFn(newEvent) {
+          // ✅ ensure we never setState during render
+          if (!_this3._mounted) return;
+          _this3.setState({
+            externalEvent: newEvent
+          });
+        };
+      }
+    }, {
+      key: "componentWillUnmount",
+      value: function componentWillUnmount() {
+        this._mounted = false;
+        setExternalEventFn = null;
       }
     }, {
       key: "render",
@@ -424,6 +453,7 @@ export function renderKitchenSimulator(container) {
       (_this$clearQueue = this.clearQueue) === null || _this$clearQueue === void 0 || _this$clearQueue.call(this);
       gltfTracker.uninstall();
       root.unmount();
+      container[ROOT_KEY] = null;
     }
   };
 }

package/lib/index.js

@@ -22,6 +22,8 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 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; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+var ROOT_KEY = '__kitchenSimulatorRoot__';
+var API_KEY = '__kitchenSimulatorApi__';
 function nextFrame() {
   return new Promise(function (resolve) {
     return requestAnimationFrame(resolve);
@@ -195,7 +197,7 @@ function installGltfTracker() {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
             _ref3 = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : {}, _ref3$timeoutMs = _ref3.timeoutMs, timeoutMs = _ref3$timeoutMs === void 0 ? 30000 : _ref3$timeoutMs, _ref3$graceMs = _ref3.graceMs, graceMs = _ref3$graceMs === void 0 ? 50 : _ref3$graceMs;
-            start = Date.now(); // Grace: give async pipelines a chance to start requests
+            start = Date.now();
             if (!(graceMs > 0)) {
               _context3.next = 1;
               break;
@@ -204,17 +206,19 @@ function installGltfTracker() {
             return sleep(graceMs);
           case 1:
             return _context3.abrupt("return", new Promise(function (resolve, reject) {
-              var unsub = subscribe(function (count) {
+              var unsub = null;
+              var onChange = function onChange(count) {
                 if (count === 0) {
-                  unsub();
+                  if (unsub) unsub(); // ✅ safe
                   resolve(true);
                   return;
                 }
                 if (Date.now() - start > timeoutMs) {
-                  unsub();
+                  if (unsub) unsub();
                   reject(new Error('GLTF did not become idle within timeout'));
                 }
-              });
+              };
+              unsub = subscribe(onChange);
             }));
           case 2:
           case "end":
@@ -245,7 +249,11 @@ function installGltfTracker() {
 function renderKitchenSimulator(container) {
   var _props$framesPerEvent, _props$waitForGltfIdl, _props$gltfTimeoutMs, _props$gltfGraceMs;
   var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var root = (0, _client.createRoot)(container);
+  var root = container[ROOT_KEY];
+  if (!root) {
+    root = (0, _client.createRoot)(container);
+    container[ROOT_KEY] = root;
+  }
   var setExternalEventFn = null;
   var queue = [];
   var pendingMarkers = new Set();
@@ -277,7 +285,7 @@ function renderKitchenSimulator(container) {
             _context5.prev = 2;
           case 3:
             if (!(queue.length && !destroyed)) {
-              _context5.next = 10;
+              _context5.next = 12;
               break;
             }
             ev = queue.shift(); // skip internal markers
@@ -288,46 +296,55 @@ function renderKitchenSimulator(container) {
             pendingMarkers["delete"](ev.__batchMarker);
             return _context5.abrupt("continue", 3);
           case 4:
+            if (setExternalEventFn) {
+              _context5.next = 6;
+              break;
+            }
+            _context5.next = 5;
+            return nextFrame();
+          case 5:
+            return _context5.abrupt("continue", 3);
+          case 6:
             (_setExternalEventFn = setExternalEventFn) === null || _setExternalEventFn === void 0 || _setExternalEventFn(ev);
 
             // baseline spacing for react + legacy lifecycle
             i = 0;
-          case 5:
+          case 7:
             if (!(i < FRAMES_PER_EVENT)) {
-              _context5.next = 7;
+              _context5.next = 9;
               break;
             }
-            _context5.next = 6;
+            _context5.next = 8;
             return nextFrame();
-          case 6:
+          case 8:
             i += 1;
-            _context5.next = 5;
+            _context5.next = 7;
             break;
-          case 7:
+          case 9:
             if (!WAIT_FOR_GLTF_IDLE_AFTER_EACH_EVENT) {
-              _context5.next = 9;
+              _context5.next = 11;
               break;
             }
-            _context5.next = 8;
+            _context5.next = 10;
             return gltfTracker.waitForIdle({
               timeoutMs: (_ev$gltfTimeoutMs = ev === null || ev === void 0 ? void 0 : ev.gltfTimeoutMs) !== null && _ev$gltfTimeoutMs !== void 0 ? _ev$gltfTimeoutMs : GLTF_TIMEOUT_MS,
               graceMs: (_ev$gltfGraceMs = ev === null || ev === void 0 ? void 0 : ev.gltfGraceMs) !== null && _ev$gltfGraceMs !== void 0 ? _ev$gltfGraceMs : GLTF_GRACE_MS
             });
-          case 8:
-            _context5.next = 9;
+          case 10:
+            _context5.next = 11;
             return nextFrame();
-          case 9:
+          case 11:
             _context5.next = 3;
             break;
-          case 10:
-            _context5.prev = 10;
+          case 12:
+            _context5.prev = 12;
             draining = false;
-            return _context5.finish(10);
-          case 11:
+            return _context5.finish(12);
+          case 13:
           case "end":
             return _context5.stop();
         }
-      }, _callee5, null, [[2,, 10, 11]]);
+      }, _callee5, null, [[2,, 12, 13]]);
     }));
     return _drain.apply(this, arguments);
   }
@@ -339,16 +356,28 @@ function renderKitchenSimulator(container) {
       _this2.state = {
         externalEvent: p.externalEvent || null
       };
-      setExternalEventFn = _this2.setExternalEvent.bind(_this2);
+      _this2._mounted = false;
       return _this2;
     }
     (0, _inherits2["default"])(Wrapper, _React$Component);
     return (0, _createClass2["default"])(Wrapper, [{
-      key: "setExternalEvent",
-      value: function setExternalEvent(newEvent) {
-        this.setState({
-          externalEvent: newEvent
-        });
+      key: "componentDidMount",
+      value: function componentDidMount() {
+        var _this3 = this;
+        this._mounted = true;
+        setExternalEventFn = function setExternalEventFn(newEvent) {
+          // ✅ ensure we never setState during render
+          if (!_this3._mounted) return;
+          _this3.setState({
+            externalEvent: newEvent
+          });
+        };
+      }
+    }, {
+      key: "componentWillUnmount",
+      value: function componentWillUnmount() {
+        this._mounted = false;
+        setExternalEventFn = null;
       }
     }, {
       key: "render",
@@ -432,6 +461,7 @@ function renderKitchenSimulator(container) {
       (_this$clearQueue = this.clearQueue) === null || _this$clearQueue === void 0 || _this$clearQueue.call(this);
       gltfTracker.uninstall();
       root.unmount();
+      container[ROOT_KEY] = null;
     }
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kitchen-simulator",
-  "version": "3.3.0",
+  "version": "3.4.0",
   "description": "It is a kitchen simulator (self-contained micro-frontend).",
   "license": "MIT",
   "main": "lib/index.js",