kitchen-simulator 3.16.2-test-renderer-fix → 3.16.3-test-renderer-fix

package/lib/index.js

@@ -29,18 +29,12 @@ function nextFrame() {
     return requestAnimationFrame(resolve);
   });
 }
-function sleep(ms) {
-  return new Promise(function (resolve) {
-    return setTimeout(resolve, ms);
-  });
-}
 
 /**
  * Track GLTF/GLB network activity via XHR + fetch.
- * Returns { getInFlight, waitForIdle, uninstall }.
+ * Ref-counted global install so multiple instances don't clobber each other.
  */
 function installGltfTracker() {
-  var _XHR$prototype, _XHR$prototype2;
   if (typeof window === 'undefined') {
     return {
       getInFlight: function getInFlight() {
@@ -66,15 +60,36 @@ function installGltfTracker() {
       uninstall: function uninstall() {}
     };
   }
-  var inFlight = 0;
-  var listeners = new Set();
+  var GLOBAL_KEY = '__kitchenSimulatorGltfTracker__';
+  if (!window[GLOBAL_KEY]) {
+    window[GLOBAL_KEY] = {
+      refCount: 0,
+      inFlight: 0,
+      listeners: new Set(),
+      installed: false,
+      originalFetch: null,
+      originalOpen: null,
+      originalSend: null
+    };
+  }
+  var g = window[GLOBAL_KEY];
+  var isGltfUrl = function isGltfUrl(url) {
+    try {
+      var _url$toString, _url$toString2;
+      var s = typeof url === 'string' ? url : (_url$toString = url === null || url === void 0 || (_url$toString2 = url.toString) === null || _url$toString2 === void 0 ? void 0 : _url$toString2.call(url)) !== null && _url$toString !== void 0 ? _url$toString : '';
+      var u = s.toLowerCase();
+      return u.includes('.gltf') || u.includes('.glb');
+    } catch (_unused) {
+      return false;
+    }
+  };
   var notify = function notify() {
-    var _iterator = _createForOfIteratorHelper(listeners),
+    var _iterator = _createForOfIteratorHelper(g.listeners),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var fn = _step.value;
-        fn(inFlight);
+        fn(g.inFlight);
       }
     } catch (err) {
       _iterator.e(err);
@@ -82,150 +97,199 @@ function installGltfTracker() {
       _iterator.f();
     }
   };
-  var isGltfUrl = function isGltfUrl(url) {
-    try {
-      var _url$toString, _url$toString2;
-      var s = typeof url === 'string' ? url : (_url$toString = url === null || url === void 0 || (_url$toString2 = url.toString) === null || _url$toString2 === void 0 ? void 0 : _url$toString2.call(url)) !== null && _url$toString !== void 0 ? _url$toString : '';
-      var u = s.toLowerCase();
-      return u.includes('.gltf') || u.includes('.glb');
-    } catch (_unused) {
-      return false;
-    }
+  var subscribe = function subscribe(fn) {
+    g.listeners.add(fn);
+    fn(g.inFlight); // sync emit
+    return function () {
+      return g.listeners["delete"](fn);
+    };
   };
+  var installIfNeeded = function installIfNeeded() {
+    var _XHR$prototype, _XHR$prototype2;
+    if (g.installed) return;
 
-  // ---- XHR hook ----
-  var XHR = window.XMLHttpRequest;
-  var originalOpen = null;
-  var originalSend = null;
-  if (XHR !== null && XHR !== void 0 && (_XHR$prototype = XHR.prototype) !== null && _XHR$prototype !== void 0 && _XHR$prototype.open && XHR !== null && XHR !== void 0 && (_XHR$prototype2 = XHR.prototype) !== null && _XHR$prototype2 !== void 0 && _XHR$prototype2.send) {
-    originalOpen = XHR.prototype.open;
-    originalSend = XHR.prototype.send;
-    XHR.prototype.open = function (method, url) {
-      var _originalOpen;
-      this.__isGltfRequest = isGltfUrl(url);
-      for (var _len = arguments.length, rest = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-        rest[_key - 2] = arguments[_key];
-      }
-      return (_originalOpen = originalOpen).call.apply(_originalOpen, [this, method, url].concat(rest));
-    };
-    XHR.prototype.send = function () {
-      var _this = this;
-      if (this.__isGltfRequest) {
-        inFlight += 1;
-        notify();
-        var _done = function done() {
-          inFlight -= 1;
-          if (inFlight < 0) inFlight = 0;
+    // ---- XHR hook ----
+    var XHR = window.XMLHttpRequest;
+    if (XHR !== null && XHR !== void 0 && (_XHR$prototype = XHR.prototype) !== null && _XHR$prototype !== void 0 && _XHR$prototype.open && XHR !== null && XHR !== void 0 && (_XHR$prototype2 = XHR.prototype) !== null && _XHR$prototype2 !== void 0 && _XHR$prototype2.send) {
+      g.originalOpen = XHR.prototype.open;
+      g.originalSend = XHR.prototype.send;
+      XHR.prototype.open = function (method, url) {
+        var _g$originalOpen;
+        this.__isGltfRequest = isGltfUrl(url);
+        for (var _len = arguments.length, rest = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+          rest[_key - 2] = arguments[_key];
+        }
+        return (_g$originalOpen = g.originalOpen).call.apply(_g$originalOpen, [this, method, url].concat(rest));
+      };
+      XHR.prototype.send = function () {
+        var _this = this;
+        if (this.__isGltfRequest) {
+          g.inFlight += 1;
           notify();
-          _this.removeEventListener('loadend', _done);
-        };
-        this.addEventListener('loadend', _done);
-      }
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-      return originalSend.apply(this, args);
-    };
-  }
+          var _done = function done() {
+            g.inFlight -= 1;
+            if (g.inFlight < 0) g.inFlight = 0;
+            notify();
+            _this.removeEventListener('loadend', _done);
+          };
+          this.addEventListener('loadend', _done);
+        }
+        for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+          args[_key2] = arguments[_key2];
+        }
+        return g.originalSend.apply(this, args);
+      };
+    }
+
+    // ---- fetch hook ----
+    g.originalFetch = window.fetch;
+    if (typeof g.originalFetch === 'function') {
+      window.fetch = /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+        var _len3,
+          args,
+          _key3,
+          url,
+          track,
+          _args2 = arguments;
+        return _regenerator["default"].wrap(function (_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              for (_len3 = _args2.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+                args[_key3] = _args2[_key3];
+              }
+              url = args === null || args === void 0 ? void 0 : args[0];
+              track = isGltfUrl(url);
+              if (track) {
+                _context2.next = 1;
+                break;
+              }
+              return _context2.abrupt("return", g.originalFetch.apply(this, args));
+            case 1:
+              g.inFlight += 1;
+              notify();
+              _context2.prev = 2;
+              _context2.next = 3;
+              return g.originalFetch.apply(this, args);
+            case 3:
+              return _context2.abrupt("return", _context2.sent);
+            case 4:
+              _context2.prev = 4;
+              g.inFlight -= 1;
+              if (g.inFlight < 0) g.inFlight = 0;
+              notify();
+              return _context2.finish(4);
+            case 5:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, this, [[2,, 4, 5]]);
+      }));
+    }
+    g.installed = true;
+  };
 
-  // ---- fetch hook ----
-  var originalFetch = window.fetch;
-  if (typeof originalFetch === 'function') {
-    window.fetch = /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
-      var _len3,
-        args,
-        _key3,
-        url,
-        track,
-        _args2 = arguments;
-      return _regenerator["default"].wrap(function (_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+  // ✅ “No grace” but safe: require idle to remain idle across 2 RAF frames.
+  function waitStableIdle2Frames() {
+    return _waitStableIdle2Frames.apply(this, arguments);
+  }
+  function _waitStableIdle2Frames() {
+    _waitStableIdle2Frames = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5() {
+      return _regenerator["default"].wrap(function (_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
           case 0:
-            for (_len3 = _args2.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-              args[_key3] = _args2[_key3];
-            }
-            url = args === null || args === void 0 ? void 0 : args[0];
-            track = isGltfUrl(url);
-            if (track) {
-              _context2.next = 1;
+            _context5.next = 1;
+            return nextFrame();
+          case 1:
+            if (!(g.inFlight !== 0)) {
+              _context5.next = 2;
               break;
             }
-            return _context2.abrupt("return", originalFetch.apply(this, args));
-          case 1:
-            inFlight += 1;
-            notify();
-            _context2.prev = 2;
-            _context2.next = 3;
-            return originalFetch.apply(this, args);
+            return _context5.abrupt("return", false);
+          case 2:
+            _context5.next = 3;
+            return nextFrame();
           case 3:
-            return _context2.abrupt("return", _context2.sent);
+            return _context5.abrupt("return", g.inFlight === 0);
           case 4:
-            _context2.prev = 4;
-            inFlight -= 1;
-            if (inFlight < 0) inFlight = 0;
-            notify();
-            return _context2.finish(4);
-          case 5:
           case "end":
-            return _context2.stop();
+            return _context5.stop();
         }
-      }, _callee2, this, [[2,, 4, 5]]);
+      }, _callee5);
     }));
+    return _waitStableIdle2Frames.apply(this, arguments);
   }
-  var subscribe = function subscribe(fn) {
-    listeners.add(fn);
-    // IMPORTANT: emits synchronously
-    fn(inFlight);
-    return function () {
-      return listeners["delete"](fn);
-    };
-  };
-
-  /**
-   * Wait until inFlight becomes 0 (with grace window).
-   * Safe even when already idle.
-   */
   var waitForIdle = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
+    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
       var _ref3,
         _ref3$timeoutMs,
         timeoutMs,
-        _ref3$graceMs,
-        graceMs,
         start,
-        _args3 = arguments;
-      return _regenerator["default"].wrap(function (_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+        _args4 = arguments;
+      return _regenerator["default"].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, _ref3$graceMs = _ref3.graceMs, graceMs = _ref3$graceMs === void 0 ? 50 : _ref3$graceMs;
-            start = Date.now();
-            if (!(graceMs > 0)) {
-              _context3.next = 1;
+            _ref3 = _args4.length > 0 && _args4[0] !== undefined ? _args4[0] : {}, _ref3$timeoutMs = _ref3.timeoutMs, timeoutMs = _ref3$timeoutMs === void 0 ? 30000 : _ref3$timeoutMs;
+            start = Date.now(); // fast-ish path: already stable idle
+            _context4.next = 1;
+            return waitStableIdle2Frames();
+          case 1:
+            if (!_context4.sent) {
+              _context4.next = 2;
               break;
             }
-            _context3.next = 1;
-            return sleep(graceMs);
-          case 1:
-            return _context3.abrupt("return", new Promise(function (resolve, reject) {
+            return _context4.abrupt("return", true);
+          case 2:
+            return _context4.abrupt("return", new Promise(function (resolve, reject) {
               var unsub = null;
-              var onChange = function onChange(count) {
-                if (count === 0) {
-                  if (unsub) unsub();
-                  resolve(true);
-                  return;
-                }
-                if (Date.now() - start > timeoutMs) {
-                  if (unsub) unsub();
-                  reject(new Error('GLTF did not become idle within timeout'));
-                }
-              };
+              var onChange = /*#__PURE__*/function () {
+                var _ref4 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(count) {
+                  var stable;
+                  return _regenerator["default"].wrap(function (_context3) {
+                    while (1) switch (_context3.prev = _context3.next) {
+                      case 0:
+                        if (!(count !== 0)) {
+                          _context3.next = 1;
+                          break;
+                        }
+                        if (Date.now() - start > timeoutMs) {
+                          if (unsub) unsub();
+                          reject(new Error('GLTF did not become idle within timeout'));
+                        }
+                        return _context3.abrupt("return");
+                      case 1:
+                        _context3.next = 2;
+                        return waitStableIdle2Frames();
+                      case 2:
+                        stable = _context3.sent;
+                        if (!stable) {
+                          _context3.next = 3;
+                          break;
+                        }
+                        if (unsub) unsub();
+                        resolve(true);
+                        return _context3.abrupt("return");
+                      case 3:
+                        if (Date.now() - start > timeoutMs) {
+                          if (unsub) unsub();
+                          reject(new Error('GLTF did not become idle within timeout'));
+                        }
+                      case 4:
+                      case "end":
+                        return _context3.stop();
+                    }
+                  }, _callee3);
+                }));
+                return function onChange(_x) {
+                  return _ref4.apply(this, arguments);
+                };
+              }();
               unsub = subscribe(onChange);
             }));
-          case 2:
+          case 3:
           case "end":
-            return _context3.stop();
+            return _context4.stop();
         }
-      }, _callee3);
+      }, _callee4);
     }));
     return function waitForIdle() {
       return _ref2.apply(this, arguments);
@@ -233,34 +297,42 @@ function installGltfTracker() {
   }();
   var uninstall = function uninstall() {
     var _XHR$prototype3, _XHR$prototype4;
-    if (XHR !== null && XHR !== void 0 && (_XHR$prototype3 = XHR.prototype) !== null && _XHR$prototype3 !== void 0 && _XHR$prototype3.open && originalOpen) XHR.prototype.open = originalOpen;
-    if (XHR !== null && XHR !== void 0 && (_XHR$prototype4 = XHR.prototype) !== null && _XHR$prototype4 !== void 0 && _XHR$prototype4.send && originalSend) XHR.prototype.send = originalSend;
-    if (typeof originalFetch === 'function') window.fetch = originalFetch;
-    listeners.clear();
-    inFlight = 0;
+    g.refCount -= 1;
+    if (g.refCount > 0) return;
+    var XHR = window.XMLHttpRequest;
+    if (XHR !== null && XHR !== void 0 && (_XHR$prototype3 = XHR.prototype) !== null && _XHR$prototype3 !== void 0 && _XHR$prototype3.open && g.originalOpen) XHR.prototype.open = g.originalOpen;
+    if (XHR !== null && XHR !== void 0 && (_XHR$prototype4 = XHR.prototype) !== null && _XHR$prototype4 !== void 0 && _XHR$prototype4.send && g.originalSend) XHR.prototype.send = g.originalSend;
+    if (typeof g.originalFetch === 'function') window.fetch = g.originalFetch;
+    g.listeners.clear();
+    g.inFlight = 0;
+    g.installed = false;
+    g.originalFetch = null;
+    g.originalOpen = null;
+    g.originalSend = null;
   };
+  g.refCount += 1;
+  installIfNeeded();
   return {
     getInFlight: function getInFlight() {
-      return inFlight;
+      return g.inFlight;
     },
     waitForIdle: waitForIdle,
     uninstall: uninstall
   };
 }
 function renderKitchenSimulator(container) {
-  var _props$framesPerEvent, _props$waitForGltfIdl, _props$gltfTimeoutMs, _props$gltfGraceMs, _props$syncGltfGraceM, _props$syncExtraFrame;
+  var _props$framesPerEvent, _props$waitForGltfIdl, _props$gltfTimeoutMs, _props$syncExtraFrame;
   var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   if (!container) throw new Error('renderKitchenSimulator: container is required');
 
-  // ✅ Reuse existing API for same container
+  // ✅ Reuse existing API
   if (container[API_KEY]) {
     var _container$API_KEY$__, _container$API_KEY;
-    // update render with latest props (safe)
     (_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];
   }
 
-  // ✅ Reuse root for same container
+  // ✅ Reuse root
   var root = container[ROOT_KEY];
   if (!root) {
     root = (0, _client.createRoot)(container);
@@ -268,90 +340,83 @@ function renderKitchenSimulator(container) {
   }
   var setExternalEventFn = null;
   var destroyed = false;
-
-  // queue + marker handling
   var queue = [];
   var pendingMarkers = new Set();
   var MARKER = Symbol('marker');
   var gltfTracker = installGltfTracker();
 
-  // defaults
-  var defaultFramesPerEvent = (_props$framesPerEvent = props.framesPerEvent) !== null && _props$framesPerEvent !== void 0 ? _props$framesPerEvent : 2;
+  // ---- FAST defaults (still safe) ----
+  var defaultFramesPerEvent = (_props$framesPerEvent = props.framesPerEvent) !== null && _props$framesPerEvent !== void 0 ? _props$framesPerEvent : 1; // was 2
   var waitForGltf = (_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 defaultGrace = (_props$gltfGraceMs = props.gltfGraceMs) !== null && _props$gltfGraceMs !== void 0 ? _props$gltfGraceMs : 50;
-  var syncGrace = (_props$syncGltfGraceM = props.syncGltfGraceMs) !== null && _props$syncGltfGraceM !== void 0 ? _props$syncGltfGraceM : 350; // SyncScene uses larger grace
-  var syncExtraFrames = (_props$syncExtraFrame = props.syncExtraFrames) !== null && _props$syncExtraFrame !== void 0 ? _props$syncExtraFrame : 2;
+  var syncExtraFrames = (_props$syncExtraFrame = props.syncExtraFrames) !== null && _props$syncExtraFrame !== void 0 ? _props$syncExtraFrame : 1; // was 2
+
   var draining = false;
   function isSyncScene(ev) {
     var _ev$payload;
-    return (ev === null || ev === void 0 ? void 0 : ev.type) === 'EXTERNAL_EVENT_SYNC_SCENE' || (ev === null || ev === void 0 || (_ev$payload = ev.payload) === null || _ev$payload === void 0 ? void 0 : _ev$payload.mode) === 'sync-scene' ||
-    // if you pass mode sometimes
-    (ev === null || ev === void 0 ? void 0 : ev.__sync) === true;
+    return (ev === null || ev === void 0 ? void 0 : ev.type) === 'EXTERNAL_EVENT_SYNC_SCENE' || (ev === null || ev === void 0 || (_ev$payload = ev.payload) === null || _ev$payload === void 0 ? void 0 : _ev$payload.mode) === 'sync-scene' || (ev === null || ev === void 0 ? void 0 : ev.__sync) === true;
   }
-  function settle(_x) {
+  function settle(_x2) {
     return _settle.apply(this, arguments);
   }
   function _settle() {
-    _settle = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(ev) {
-      var _ev$framesPerEvent, _ev$gltfGraceMs, _ev$gltfTimeoutMs;
-      var frames, i, graceMs, timeoutMs, _i;
-      return _regenerator["default"].wrap(function (_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+    _settle = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee7(ev) {
+      var _ev$framesPerEvent, _ev$gltfTimeoutMs;
+      var frames, i, timeoutMs, _i;
+      return _regenerator["default"].wrap(function (_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
           case 0:
-            frames = (_ev$framesPerEvent = ev === null || ev === void 0 ? void 0 : ev.framesPerEvent) !== null && _ev$framesPerEvent !== void 0 ? _ev$framesPerEvent : defaultFramesPerEvent; // 1) allow React + reducers to run
+            frames = (_ev$framesPerEvent = ev === null || ev === void 0 ? void 0 : ev.framesPerEvent) !== null && _ev$framesPerEvent !== void 0 ? _ev$framesPerEvent : defaultFramesPerEvent; // 1) allow reducers/react to run
             i = 0;
           case 1:
             if (!(i < frames)) {
-              _context5.next = 3;
+              _context7.next = 3;
               break;
             }
-            _context5.next = 2;
+            _context7.next = 2;
             return nextFrame();
           case 2:
             i += 1;
-            _context5.next = 1;
+            _context7.next = 1;
             break;
           case 3:
             if (waitForGltf) {
-              _context5.next = 4;
+              _context7.next = 4;
               break;
             }
-            return _context5.abrupt("return");
+            return _context7.abrupt("return");
           case 4:
-            // 2) wait for gltf idle
-            graceMs = isSyncScene(ev) ? syncGrace : (_ev$gltfGraceMs = ev === null || ev === void 0 ? void 0 : ev.gltfGraceMs) !== null && _ev$gltfGraceMs !== void 0 ? _ev$gltfGraceMs : defaultGrace;
+            // 2) wait for gltf idle (stable-idle 2 frames, no time grace)
             timeoutMs = (_ev$gltfTimeoutMs = ev === null || ev === void 0 ? void 0 : ev.gltfTimeoutMs) !== null && _ev$gltfTimeoutMs !== void 0 ? _ev$gltfTimeoutMs : defaultTimeout;
-            _context5.next = 5;
+            _context7.next = 5;
             return gltfTracker.waitForIdle({
-              graceMs: graceMs,
               timeoutMs: timeoutMs
             });
           case 5:
-            _context5.next = 6;
+            _context7.next = 6;
             return nextFrame();
           case 6:
             if (!isSyncScene(ev)) {
-              _context5.next = 9;
+              _context7.next = 9;
               break;
             }
             _i = 0;
           case 7:
             if (!(_i < syncExtraFrames)) {
-              _context5.next = 9;
+              _context7.next = 9;
               break;
             }
-            _context5.next = 8;
+            _context7.next = 8;
             return nextFrame();
           case 8:
             _i += 1;
-            _context5.next = 7;
+            _context7.next = 7;
             break;
           case 9:
           case "end":
-            return _context5.stop();
+            return _context7.stop();
         }
-      }, _callee5);
+      }, _callee7);
     }));
     return _settle.apply(this, arguments);
   }
@@ -359,57 +424,60 @@ function renderKitchenSimulator(container) {
     return _drain.apply(this, arguments);
   }
   function _drain() {
-    _drain = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6() {
+    _drain = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee8() {
       var item;
-      return _regenerator["default"].wrap(function (_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
+      return _regenerator["default"].wrap(function (_context8) {
+        while (1) switch (_context8.prev = _context8.next) {
           case 0:
             if (!(draining || destroyed)) {
-              _context6.next = 1;
+              _context8.next = 1;
               break;
             }
-            return _context6.abrupt("return");
+            return _context8.abrupt("return");
           case 1:
             draining = true;
-            _context6.prev = 2;
+            _context8.prev = 2;
           case 3:
-            if (!(queue.length && !destroyed)) {
-              _context6.next = 8;
+            if (!(!destroyed && queue.length)) {
+              _context8.next = 8;
               break;
             }
-            item = queue.shift(); // marker?
-            if (!(item && item.__marker === MARKER)) {
-              _context6.next = 4;
+            if (setExternalEventFn) {
+              _context8.next = 5;
               break;
             }
-            pendingMarkers["delete"](item.token);
-            return _context6.abrupt("continue", 3);
+            _context8.next = 4;
+            return nextFrame();
           case 4:
             if (setExternalEventFn) {
-              _context6.next = 6;
+              _context8.next = 5;
               break;
             }
-            _context6.next = 5;
-            return nextFrame();
+            return _context8.abrupt("continue", 3);
           case 5:
-            queue.unshift(item); // put back and retry
-            return _context6.abrupt("continue", 3);
+            item = queue.shift();
+            if (!(item && item.__marker === MARKER)) {
+              _context8.next = 6;
+              break;
+            }
+            pendingMarkers["delete"](item.token);
+            return _context8.abrupt("continue", 3);
           case 6:
             setExternalEventFn(item);
-            _context6.next = 7;
+            _context8.next = 7;
             return settle(item);
           case 7:
-            _context6.next = 3;
+            _context8.next = 3;
             break;
           case 8:
-            _context6.prev = 8;
+            _context8.prev = 8;
             draining = false;
-            return _context6.finish(8);
+            return _context8.finish(8);
           case 9:
           case "end":
-            return _context6.stop();
+            return _context8.stop();
         }
-      }, _callee6, null, [[2,, 8, 9]]);
+      }, _callee8, null, [[2,, 8, 9]]);
     }));
     return _drain.apply(this, arguments);
   }
@@ -453,14 +521,9 @@ function renderKitchenSimulator(container) {
     }]);
   }(_react["default"].Component);
   var api = {
-    // internal: rerender wrapper with latest props if host calls renderKitchenSimulator again
     __render: function __render(nextProps) {
       root.render(/*#__PURE__*/_react["default"].createElement(Wrapper, nextProps));
     },
-    /**
-     * Send one or many events (in order).
-     * Resolves when this batch has been delivered + settled.
-     */
     sendExternalEvents: function sendExternalEvents(eventOrEvents) {
       var events = Array.isArray(eventOrEvents) ? eventOrEvents : [eventOrEvents];
       var _iterator2 = _createForOfIteratorHelper(events),
@@ -482,37 +545,39 @@ function renderKitchenSimulator(container) {
         token: token
       });
       drain();
+
+      // keep same semantics (resolve when marker cleared)
       return new Promise(function (resolve) {
         var check = /*#__PURE__*/function () {
-          var _ref4 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
-            return _regenerator["default"].wrap(function (_context4) {
-              while (1) switch (_context4.prev = _context4.next) {
+          var _ref5 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6() {
+            return _regenerator["default"].wrap(function (_context6) {
+              while (1) switch (_context6.prev = _context6.next) {
                 case 0:
                   if (destroyed) {
-                    _context4.next = 3;
+                    _context6.next = 3;
                     break;
                   }
                   if (!pendingMarkers.has(token)) {
-                    _context4.next = 2;
+                    _context6.next = 2;
                     break;
                   }
-                  _context4.next = 1;
+                  _context6.next = 1;
                   return nextFrame();
                 case 1:
-                  return _context4.abrupt("continue", 0);
+                  return _context6.abrupt("continue", 0);
                 case 2:
                   resolve(true);
-                  return _context4.abrupt("return");
+                  return _context6.abrupt("return");
                 case 3:
                   resolve(false);
                 case 4:
                 case "end":
-                  return _context4.stop();
+                  return _context6.stop();
               }
-            }, _callee4);
+            }, _callee6);
           }));
           return function check() {
-            return _ref4.apply(this, arguments);
+            return _ref5.apply(this, arguments);
           };
         }();
         check();
@@ -529,8 +594,6 @@ function renderKitchenSimulator(container) {
       destroyed = true;
       api.clearQueue();
       gltfTracker.uninstall();
-
-      // ✅ defer unmount to avoid "unmount while React is rendering"
       var doUnmount = function doUnmount() {
         try {
           root.unmount();
@@ -539,16 +602,10 @@ function renderKitchenSimulator(container) {
           container[API_KEY] = null;
         }
       };
-
-      // Prefer microtask when available, otherwise macrotask
       if (typeof queueMicrotask === 'function') queueMicrotask(doUnmount);else setTimeout(doUnmount, 0);
     }
   };
-
-  // first render
   api.__render(props);
-
-  // store api on container so repeated calls reuse it
   container[API_KEY] = api;
   return api;
 }