kitchen-simulator 6.0.1-react.18 → 6.0.2-react.18

package/es/index.js

@@ -5,344 +5,334 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 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; }
 import _regeneratorRuntime from "@babel/runtime/regenerator";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+// kitchen-simulator/index.js (or wherever renderKitchenSimulator lives)
 import React from 'react';
-import * as Three from 'three';
-import LiteRenderer from "./LiteRenderer";
 import { createRoot } from 'react-dom/client';
+import LiteRenderer from "./LiteRenderer";
+import * as Three from 'three';
 var ROOT_KEY = '__kitchenSimulatorRoot__';
 var API_KEY = '__kitchenSimulatorApi__';
+function makeLogger(getEnabled) {
+  var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '[kitchen-simulator]';
+  var now = function now() {
+    return (typeof performance !== 'undefined' && performance.now ? performance.now() : Date.now()).toFixed(1);
+  };
+  var safe = function safe(v) {
+    try {
+      if (v == null) return v;
+      if (typeof v === 'string') return v;
+      if (typeof v === 'number' || typeof v === 'boolean') return v;
+      return JSON.stringify(v, function (k, val) {
+        if (k === 'children' || k === 'parent') return '[omitted]';
+        if (typeof val === 'function') return '[fn]';
+        return val;
+      });
+    } catch (_unused) {
+      return '[unserializable]';
+    }
+  };
+  var log = function log() {
+    var _console;
+    if (!getEnabled()) return;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    (_console = console).log.apply(_console, ["".concat(prefix, " ").concat(now(), "ms")].concat(_toConsumableArray(args.map(safe))));
+  };
+  var warn = function warn() {
+    var _console2;
+    if (!getEnabled()) return;
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    (_console2 = console).warn.apply(_console2, ["".concat(prefix, " ").concat(now(), "ms")].concat(_toConsumableArray(args.map(safe))));
+  };
+  var error = function error() {
+    var _console3;
+    if (!getEnabled()) return;
+    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      args[_key3] = arguments[_key3];
+    }
+    (_console3 = console).error.apply(_console3, ["".concat(prefix, " ").concat(now(), "ms")].concat(_toConsumableArray(args.map(safe))));
+  };
+  return {
+    log: log,
+    warn: warn,
+    error: error
+  };
+}
 
-// ---------------- URL rewrite (keep if needed) ----------------
+// ---- Your URL rewrite + TextureLoader patch stays as you had it ----
 var API_HOST_REGEX = /(https?:\/\/)?(api\.diydesignspace\.com|api\.addovisuals\.com|127\.0\.0\.1:4002)/;
 var API_HOST_REPLACEMENT = 'https://api-old.diydesignspace.com';
 function rewriteApiUrl(url) {
   return typeof url === 'string' ? url.replace(API_HOST_REGEX, API_HOST_REPLACEMENT) : url;
 }
-
-// texture rewrite
 var originalTextureLoad = Three.TextureLoader.prototype.load;
 Three.TextureLoader.prototype.load = function (url, onLoad, onProgress, onError) {
-  return originalTextureLoad.call(this, rewriteApiUrl(url), onLoad, onProgress, onError);
+  var newUrl = rewriteApiUrl(url);
+  return originalTextureLoad.call(this, newUrl, onLoad, onProgress, onError);
 };
 
-// ---------------- minimal gltf tracker (same idea, but smaller) ----------------
-function installGltfTracker() {
-  if (typeof window === 'undefined') {
-    return {
-      getInFlight: function getInFlight() {
-        return 0;
-      },
-      subscribe: function subscribe() {
-        return function () {};
-      },
-      waitForIdle: function () {
-        var _waitForIdle = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-          return _regeneratorRuntime.wrap(function (_context) {
-            while (1) switch (_context.prev = _context.next) {
-              case 0:
-                return _context.abrupt("return", true);
-              case 1:
-              case "end":
-                return _context.stop();
-            }
-          }, _callee);
-        }));
-        function waitForIdle() {
-          return _waitForIdle.apply(this, arguments);
-        }
-        return waitForIdle;
-      }(),
-      uninstall: function uninstall() {}
-    };
+// ---- keep your installGltfTracker exactly as you have it ----
+// import / paste your installGltfTracker(debug) here
+// (omitted in this snippet for brevity)
+
+export function renderKitchenSimulator(container) {
+  var _props$framesPerEvent, _props$waitForGltfIdl, _props$gltfTimeoutMs;
+  var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  if (!container) throw new Error('renderKitchenSimulator: container is required');
+  var DEBUG_KEY = '__kitchenSimulatorDebug__';
+  var debugEnabled = !!props.debug || typeof window !== 'undefined' && !!window[DEBUG_KEY];
+  var _makeLogger = makeLogger(function () {
+      return debugEnabled;
+    }),
+    log = _makeLogger.log,
+    warn = _makeLogger.warn,
+    error = _makeLogger.error;
+
+  // ✅ Reuse existing API
+  if (container[API_KEY]) {
+    var _container$API_KEY$__, _container$API_KEY;
+    log('Reusing existing API; calling __render with new props');
+    (_container$API_KEY$__ = (_container$API_KEY = container[API_KEY]).__render) === null || _container$API_KEY$__ === void 0 || _container$API_KEY$__.call(_container$API_KEY, props);
+    return container[API_KEY];
   }
-  var KEY = '__kitchenSimulatorGltfTracker__';
-  if (!window[KEY]) {
-    window[KEY] = {
-      refCount: 0,
-      inFlight: 0,
-      listeners: new Set(),
-      installed: false,
-      originalFetch: null
-    };
+
+  // ✅ Root
+  var root = container[ROOT_KEY];
+  if (!root) {
+    root = createRoot(container);
+    container[ROOT_KEY] = root;
+    log('Created new React root');
   }
-  var g = window[KEY];
-  var is3dAssetUrl = function is3dAssetUrl(url) {
-    var _ref, _url$url, _url$toString;
-    var s = typeof url === 'string' ? url : (_ref = (_url$url = url === null || url === void 0 ? void 0 : url.url) !== null && _url$url !== void 0 ? _url$url : url === null || url === void 0 || (_url$toString = url.toString) === null || _url$toString === void 0 ? void 0 : _url$toString.call(url)) !== null && _ref !== void 0 ? _ref : '';
-    var u = String(s).toLowerCase().split('?')[0];
-    return u.endsWith('.gltf') || u.endsWith('.glb') || u.endsWith('.bin') || u.endsWith('.ktx2') || u.endsWith('.hdr') || u.endsWith('.exr') || u.endsWith('.png') || u.endsWith('.jpg') || u.endsWith('.jpeg') || u.endsWith('.webp');
-  };
-  var notify = function notify() {
-    var _iterator = _createForOfIteratorHelper(g.listeners),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var fn = _step.value;
-        fn(g.inFlight);
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-  };
-  var subscribe = function subscribe(fn) {
-    g.listeners.add(fn);
-    fn(g.inFlight);
-    return function () {
-      return g.listeners["delete"](fn);
-    };
-  };
-  var nextFrame = function nextFrame() {
-    return new Promise(function (r) {
-      return requestAnimationFrame(r);
+  var setExternalEventFn = null;
+  var destroyed = false;
+  var queue = [];
+  var pendingMarkers = new Set();
+  var MARKER = Symbol('marker');
+
+  // ✅ keep your tracker
+  var gltfTracker = installGltfTracker(debugEnabled);
+  var defaultFramesPerEvent = (_props$framesPerEvent = props.framesPerEvent) !== null && _props$framesPerEvent !== void 0 ? _props$framesPerEvent : 1;
+  var waitForAssets = (_props$waitForGltfIdl = props.waitForGltfIdleAfterEachEvent) !== null && _props$waitForGltfIdl !== void 0 ? _props$waitForGltfIdl : true;
+  var defaultTimeout = (_props$gltfTimeoutMs = props.gltfTimeoutMs) !== null && _props$gltfTimeoutMs !== void 0 ? _props$gltfTimeoutMs : 30000;
+  var draining = false;
+
+  // ---- Ready gate: mounted & setExternalEventFn installed ----
+  var readyResolve = null;
+  var readyReject = null;
+  var readyPromise = new Promise(function (res, rej) {
+    readyResolve = res;
+    readyReject = rej;
+  });
+
+  // ---- Catalog-ready gate (NEW) ----
+  var catalogReadyResolve = null;
+  var catalogReadyPromise = new Promise(function (res) {
+    catalogReadyResolve = res;
+  });
+  var catalogReady = false;
+  function nextFrame() {
+    return new Promise(function (resolve) {
+      return requestAnimationFrame(resolve);
     });
-  };
-  function waitStableIdle2Frames() {
-    return _waitStableIdle2Frames.apply(this, arguments);
   }
-  function _waitStableIdle2Frames() {
-    _waitStableIdle2Frames = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
-      return _regeneratorRuntime.wrap(function (_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+  function settle(_x) {
+    return _settle.apply(this, arguments);
+  }
+  function _settle() {
+    _settle = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(ev) {
+      var _ev$framesPerEvent, _ev$waitForGltfIdleAf, _ev$gltfTimeoutMs;
+      var frames, shouldWait, timeoutMs, i;
+      return _regeneratorRuntime.wrap(function (_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            _context5.next = 1;
-            return nextFrame();
+            frames = (_ev$framesPerEvent = ev === null || ev === void 0 ? void 0 : ev.framesPerEvent) !== null && _ev$framesPerEvent !== void 0 ? _ev$framesPerEvent : defaultFramesPerEvent;
+            shouldWait = (_ev$waitForGltfIdleAf = ev === null || ev === void 0 ? void 0 : ev.waitForGltfIdleAfterEachEvent) !== null && _ev$waitForGltfIdleAf !== void 0 ? _ev$waitForGltfIdleAf : waitForAssets;
+            timeoutMs = (_ev$gltfTimeoutMs = ev === null || ev === void 0 ? void 0 : ev.gltfTimeoutMs) !== null && _ev$gltfTimeoutMs !== void 0 ? _ev$gltfTimeoutMs : defaultTimeout; // RAF frames
+            i = 0;
           case 1:
-            if (!(g.inFlight !== 0)) {
-              _context5.next = 2;
+            if (!(i < frames)) {
+              _context3.next = 3;
               break;
             }
-            return _context5.abrupt("return", false);
-          case 2:
-            _context5.next = 3;
+            _context3.next = 2;
             return nextFrame();
+          case 2:
+            i++;
+            _context3.next = 1;
+            break;
           case 3:
-            return _context5.abrupt("return", g.inFlight === 0);
+            if (!shouldWait) {
+              _context3.next = 4;
+              break;
+            }
+            _context3.next = 4;
+            return gltfTracker.waitForIdle({
+              timeoutMs: timeoutMs
+            });
           case 4:
+            _context3.next = 5;
+            return nextFrame();
+          case 5:
           case "end":
-            return _context5.stop();
+            return _context3.stop();
         }
-      }, _callee5);
+      }, _callee3);
     }));
-    return _waitStableIdle2Frames.apply(this, arguments);
+    return _settle.apply(this, arguments);
   }
-  var waitForIdle = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-      var _ref3,
-        _ref3$timeoutMs,
-        timeoutMs,
-        _args3 = arguments;
-      return _regeneratorRuntime.wrap(function (_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+  function drain() {
+    return _drain.apply(this, arguments);
+  }
+  function _drain() {
+    _drain = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+      var item, _err$message, _t;
+      return _regeneratorRuntime.wrap(function (_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            _ref3 = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : {}, _ref3$timeoutMs = _ref3.timeoutMs, timeoutMs = _ref3$timeoutMs === void 0 ? 30000 : _ref3$timeoutMs;
-            _context3.next = 1;
-            return waitStableIdle2Frames();
-          case 1:
-            if (!_context3.sent) {
-              _context3.next = 2;
+            if (!(draining || destroyed)) {
+              _context4.next = 1;
               break;
             }
-            return _context3.abrupt("return", true);
-          case 2:
-            return _context3.abrupt("return", new Promise(function (resolve, reject) {
-              var done = false;
-              var timer = setTimeout(function () {
-                if (done) return;
-                done = true;
-                unsub === null || unsub === void 0 || unsub();
-                reject(new Error('3D assets did not become idle within timeout'));
-              }, timeoutMs);
-              var unsub = subscribe(/*#__PURE__*/function () {
-                var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(count) {
-                  var stable;
-                  return _regeneratorRuntime.wrap(function (_context2) {
-                    while (1) switch (_context2.prev = _context2.next) {
-                      case 0:
-                        if (!done) {
-                          _context2.next = 1;
-                          break;
-                        }
-                        return _context2.abrupt("return");
-                      case 1:
-                        if (!(count !== 0)) {
-                          _context2.next = 2;
-                          break;
-                        }
-                        return _context2.abrupt("return");
-                      case 2:
-                        _context2.next = 3;
-                        return waitStableIdle2Frames();
-                      case 3:
-                        stable = _context2.sent;
-                        if (stable) {
-                          done = true;
-                          clearTimeout(timer);
-                          unsub();
-                          resolve(true);
-                        }
-                      case 4:
-                      case "end":
-                        return _context2.stop();
-                    }
-                  }, _callee2);
-                }));
-                return function (_x) {
-                  return _ref4.apply(this, arguments);
-                };
-              }());
-            }));
+            return _context4.abrupt("return");
+          case 1:
+            draining = true;
+            _context4.prev = 2;
+            _context4.next = 3;
+            return readyPromise;
           case 3:
+            if (!(!destroyed && queue.length)) {
+              _context4.next = 10;
+              break;
+            }
+            if (setExternalEventFn) {
+              _context4.next = 5;
+              break;
+            }
+            _context4.next = 4;
+            return nextFrame();
+          case 4:
+            return _context4.abrupt("continue", 3);
+          case 5:
+            item = queue.shift();
+            if (!(item && item.__marker === MARKER)) {
+              _context4.next = 6;
+              break;
+            }
+            pendingMarkers["delete"](item.token);
+            return _context4.abrupt("continue", 3);
+          case 6:
+            _context4.prev = 6;
+            setExternalEventFn(item);
+            _context4.next = 7;
+            return settle(item);
+          case 7:
+            _context4.next = 9;
+            break;
+          case 8:
+            _context4.prev = 8;
+            _t = _context4["catch"](6);
+            error('drain:event failed', {
+              err: (_err$message = _t === null || _t === void 0 ? void 0 : _t.message) !== null && _err$message !== void 0 ? _err$message : _t,
+              type: item === null || item === void 0 ? void 0 : item.type
+            });
+          case 9:
+            _context4.next = 3;
+            break;
+          case 10:
+            _context4.prev = 10;
+            draining = false;
+            return _context4.finish(10);
+          case 11:
           case "end":
-            return _context3.stop();
+            return _context4.stop();
         }
-      }, _callee3);
+      }, _callee4, null, [[2,, 10, 11], [6, 8]]);
     }));
-    return function waitForIdle() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var installIfNeeded = function installIfNeeded() {
-    if (g.installed) return;
-    g.originalFetch = window.fetch;
-    if (typeof g.originalFetch === 'function') {
-      window.fetch = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-        var _len,
-          args,
-          _key,
-          input,
-          init,
-          track,
-          _args4 = arguments;
-        return _regeneratorRuntime.wrap(function (_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
-            case 0:
-              for (_len = _args4.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-                args[_key] = _args4[_key];
-              }
-              input = args[0], init = args[1]; // rewrite
-              if (typeof input === 'string') input = rewriteApiUrl(input);else if (input instanceof Request) input = new Request(rewriteApiUrl(input.url), input);
-              track = is3dAssetUrl(input);
-              if (track) {
-                _context4.next = 1;
-                break;
-              }
-              return _context4.abrupt("return", g.originalFetch.call(this, input, init));
-            case 1:
-              g.inFlight += 1;
-              notify();
-              _context4.prev = 2;
-              _context4.next = 3;
-              return g.originalFetch.call(this, input, init);
-            case 3:
-              return _context4.abrupt("return", _context4.sent);
-            case 4:
-              _context4.prev = 4;
-              g.inFlight -= 1;
-              if (g.inFlight < 0) g.inFlight = 0;
-              notify();
-              return _context4.finish(4);
-            case 5:
-            case "end":
-              return _context4.stop();
-          }
-        }, _callee4, this, [[2,, 4, 5]]);
-      }));
-    }
-    g.installed = true;
-  };
-  var uninstall = function uninstall() {
-    g.refCount -= 1;
-    if (g.refCount > 0) return;
-    if (typeof g.originalFetch === 'function') window.fetch = g.originalFetch;
-    g.listeners.clear();
-    g.inFlight = 0;
-    g.installed = false;
-    g.originalFetch = null;
-  };
-  g.refCount += 1;
-  installIfNeeded();
-  return {
-    getInFlight: function getInFlight() {
-      return g.inFlight;
-    },
-    subscribe: subscribe,
-    waitForIdle: waitForIdle,
-    uninstall: uninstall
-  };
-}
-
-// ---------------- simple render + simple API ----------------
-export function renderKitchenSimulator(container) {
-  var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  if (!container) throw new Error('renderKitchenSimulator: container is required');
-
-  // reuse API if already mounted
-  if (container[API_KEY]) {
-    container[API_KEY].__render(props);
-    return container[API_KEY];
+    return _drain.apply(this, arguments);
   }
-
-  // reuse root
-  var root = container[ROOT_KEY];
-  if (!root) {
-    root = createRoot(container);
-    container[ROOT_KEY] = root;
-  }
-  var gltfTracker = installGltfTracker();
-  var destroyed = false;
-  var setExternalEvent = null;
-
-  // mounted gate (first-event safety)
-  var mountedResolve;
-  var mounted = new Promise(function (res) {
-    return mountedResolve = res;
-  });
-  var nextFrame = function nextFrame() {
-    return new Promise(function (r) {
-      return requestAnimationFrame(r);
-    });
-  };
   var Wrapper = /*#__PURE__*/function (_React$Component) {
     function Wrapper(p) {
       var _this;
       _classCallCheck(this, Wrapper);
       _this = _callSuper(this, Wrapper, [p]);
       _this.state = {
-        externalEvent: null
+        externalEvent: p.externalEvent || null
       };
+      _this._mounted = false;
       return _this;
     }
     _inherits(Wrapper, _React$Component);
     return _createClass(Wrapper, [{
       key: "componentDidMount",
       value: function componentDidMount() {
-        var _this2 = this,
-          _mountedResolve;
-        setExternalEvent = function setExternalEvent(ev) {
-          return _this2.setState({
-            externalEvent: ev
+        var _this2 = this;
+        this._mounted = true;
+        log('Wrapper mounted -> ready');
+        setExternalEventFn = function setExternalEventFn(newEvent) {
+          if (!_this2._mounted) return;
+          _this2.setState({
+            externalEvent: newEvent
           });
         };
-        (_mountedResolve = mountedResolve) === null || _mountedResolve === void 0 || _mountedResolve();
-        mountedResolve = null;
+        if (readyResolve) {
+          readyResolve(true);
+          readyResolve = null;
+        }
       }
     }, {
       key: "componentWillUnmount",
       value: function componentWillUnmount() {
-        setExternalEvent = null;
+        this._mounted = false;
+        setExternalEventFn = null;
+        if (readyReject) {
+          readyReject(new Error('Wrapper unmounted before ready'));
+          readyReject = null;
+        }
       }
     }, {
       key: "render",
       value: function render() {
+        var userOnInternalEvent = this.props.onInternalEvent;
+
+        // ✅ Wrap internal event to detect catalog readiness
+        var onInternalEventWrapped = /*#__PURE__*/function () {
+          var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(evt, callback) {
+            return _regeneratorRuntime.wrap(function (_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  // IMPORTANT: first time we see INTERNAL_EVENT_ITEMS_CATALOG,
+                  // it means catalog init path ran and tool is requesting items.
+                  if (!catalogReady && (evt === null || evt === void 0 ? void 0 : evt.type) === 'INTERNAL_EVENT_ITEMS_CATALOG') {
+                    catalogReady = true;
+                    if (catalogReadyResolve) {
+                      catalogReadyResolve(true);
+                      catalogReadyResolve = null;
+                    }
+                    log('Catalog is ready (observed INTERNAL_EVENT_ITEMS_CATALOG)');
+                  }
+                  return _context.abrupt("return", userOnInternalEvent === null || userOnInternalEvent === void 0 ? void 0 : userOnInternalEvent(evt, callback));
+                case 1:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          return function onInternalEventWrapped(_x2, _x3) {
+            return _ref.apply(this, arguments);
+          };
+        }();
         return /*#__PURE__*/React.createElement(LiteRenderer, _extends({}, this.props, {
+          onInternalEvent: onInternalEventWrapped,
           externalEvent: this.state.externalEvent
         }));
       }
@@ -352,106 +342,97 @@ export function renderKitchenSimulator(container) {
     __render: function __render(nextProps) {
       root.render(/*#__PURE__*/React.createElement(Wrapper, nextProps));
     },
-    // subscribe to gltf inFlight
-    subscribeGltfInFlight: function subscribeGltfInFlight(cb) {
-      return gltfTracker.subscribe(cb);
+    // ✅ Host can await mount
+    whenReady: function whenReady() {
+      return readyPromise;
+    },
+    // ✅ Host can await catalog init (NEW)
+    whenCatalogReady: function whenCatalogReady() {
+      return catalogReadyPromise;
     },
     getGltfInFlight: function getGltfInFlight() {
       return gltfTracker.getInFlight();
     },
-    // VERY SIMPLE batch sender
-    sendExternalEvents: function sendExternalEvents(events) {
-      var _arguments = arguments;
-      return _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
-        var opts, _opts$framesPerEvent, framesPerEvent, _opts$heavyPredicate, heavyPredicate, _opts$gltfTimeoutMs, gltfTimeoutMs, list, _iterator2, _step2, ev, i, isHeavy, _t;
-        return _regeneratorRuntime.wrap(function (_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
-            case 0:
-              opts = _arguments.length > 1 && _arguments[1] !== undefined ? _arguments[1] : {};
-              _opts$framesPerEvent = opts.framesPerEvent, framesPerEvent = _opts$framesPerEvent === void 0 ? 2 : _opts$framesPerEvent, _opts$heavyPredicate = opts.heavyPredicate, heavyPredicate = _opts$heavyPredicate === void 0 ? function (ev) {
-                var _ev$type;
-                return /ADD_ITEM|LOAD_PROJECT|REPLACE|CHANGE_DOORSTYLE|SET_FINISHING|SET_MOLDING|ADD_ROOM_SHAPE/.test((_ev$type = ev === null || ev === void 0 ? void 0 : ev.type) !== null && _ev$type !== void 0 ? _ev$type : '');
-              } : _opts$heavyPredicate, _opts$gltfTimeoutMs = opts.gltfTimeoutMs, gltfTimeoutMs = _opts$gltfTimeoutMs === void 0 ? 30000 : _opts$gltfTimeoutMs;
-              list = Array.isArray(events) ? events : [events]; // ensure mounted before first event
-              _context6.next = 1;
-              return mounted;
-            case 1:
-              if (!(destroyed || !setExternalEvent)) {
-                _context6.next = 2;
-                break;
-              }
-              return _context6.abrupt("return", false);
-            case 2:
-              _iterator2 = _createForOfIteratorHelper(list);
-              _context6.prev = 3;
-              _iterator2.s();
-            case 4:
-              if ((_step2 = _iterator2.n()).done) {
-                _context6.next = 11;
-                break;
-              }
-              ev = _step2.value;
-              if (!destroyed) {
-                _context6.next = 5;
-                break;
-              }
-              return _context6.abrupt("return", false);
-            case 5:
-              // push event
-              setExternalEvent(ev);
-
-              // allow react/redux to process
-              i = 0;
-            case 6:
-              if (!(i < framesPerEvent)) {
-                _context6.next = 8;
-                break;
-              }
-              _context6.next = 7;
-              return nextFrame();
-            case 7:
-              i++;
-              _context6.next = 6;
-              break;
-            case 8:
-              // optional gltf wait only for heavy events
-              isHeavy = !!heavyPredicate(ev);
-              if (!isHeavy) {
-                _context6.next = 9;
-                break;
+    subscribeGltfInFlight: function subscribeGltfInFlight(cb) {
+      return gltfTracker.subscribe(cb);
+    },
+    sendExternalEvents: function sendExternalEvents(eventOrEvents) {
+      var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+        _ref2$timeoutMs = _ref2.timeoutMs,
+        timeoutMs = _ref2$timeoutMs === void 0 ? 60000 : _ref2$timeoutMs;
+      var events = Array.isArray(eventOrEvents) ? eventOrEvents : [eventOrEvents];
+      var token = Symbol('batch');
+      var _iterator = _createForOfIteratorHelper(events),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var e = _step.value;
+          queue.push(e);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      pendingMarkers.add(token);
+      queue.push({
+        __marker: MARKER,
+        token: token
+      });
+      drain();
+      return new Promise(function (resolve) {
+        var start = Date.now();
+        var check = /*#__PURE__*/function () {
+          var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+            return _regeneratorRuntime.wrap(function (_context2) {
+              while (1) switch (_context2.prev = _context2.next) {
+                case 0:
+                  if (destroyed) {
+                    _context2.next = 4;
+                    break;
+                  }
+                  if (pendingMarkers.has(token)) {
+                    _context2.next = 1;
+                    break;
+                  }
+                  resolve(true);
+                  return _context2.abrupt("return");
+                case 1:
+                  if (!(Date.now() - start > timeoutMs)) {
+                    _context2.next = 2;
+                    break;
+                  }
+                  error('sendExternalEvents timed out', {
+                    timeoutMs: timeoutMs
+                  });
+                  pendingMarkers["delete"](token); // fail-open
+                  resolve(false);
+                  return _context2.abrupt("return");
+                case 2:
+                  _context2.next = 3;
+                  return nextFrame();
+                case 3:
+                  _context2.next = 0;
+                  break;
+                case 4:
+                  resolve(false);
+                case 5:
+                case "end":
+                  return _context2.stop();
               }
-              _context6.next = 9;
-              return gltfTracker.waitForIdle({
-                timeoutMs: gltfTimeoutMs
-              });
-            case 9:
-              _context6.next = 10;
-              return nextFrame();
-            case 10:
-              _context6.next = 4;
-              break;
-            case 11:
-              _context6.next = 13;
-              break;
-            case 12:
-              _context6.prev = 12;
-              _t = _context6["catch"](3);
-              _iterator2.e(_t);
-            case 13:
-              _context6.prev = 13;
-              _iterator2.f();
-              return _context6.finish(13);
-            case 14:
-              return _context6.abrupt("return", true);
-            case 15:
-            case "end":
-              return _context6.stop();
-          }
-        }, _callee6, null, [[3, 12, 13, 14]]);
-      }))();
+            }, _callee2);
+          }));
+          return function check() {
+            return _ref3.apply(this, arguments);
+          };
+        }();
+        check();
+      });
     },
     unmount: function unmount() {
       destroyed = true;
+      queue.length = 0;
+      pendingMarkers.clear();
       gltfTracker.uninstall();
       root.unmount();
       container[ROOT_KEY] = null;

package/package.json

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