@netless/app-slide 0.2.106-beta.3 → 0.2.106-beta.5

package/dist/main.es.js

@@ -37170,9 +37170,10 @@ geometry=${JSON.stringify(o2)}`;
           } catch (t4) {
           }
           try {
-            const t4 = null == l2 ? void 0 : l2.gl, e3 = null === (o2 = null === (r2 = null == t4 ? void 0 : t4.getExtension) || void 0 === r2 ? void 0 : r2.call(t4, "WEBGL_lose_context")) || void 0 === o2 ? void 0 : o2.loseContext;
-            e3 && true !== (null === (s2 = null == t4 ? void 0 : t4.isContextLost) || void 0 === s2 ? void 0 : s2.call(t4)) && e3();
+            const t4 = null == l2 ? void 0 : l2.gl, e3 = null === (r2 = null == t4 ? void 0 : t4.getExtension) || void 0 === r2 ? void 0 : r2.call(t4, "WEBGL_lose_context");
+            (null == e3 ? void 0 : e3.loseContext) && true !== (null === (o2 = null == t4 ? void 0 : t4.isContextLost) || void 0 === o2 ? void 0 : o2.call(t4)) && e3.loseContext(), console.info("[Slide][webgl] release requested", { hasContext: Boolean(t4), hasLoseContext: Boolean(null == e3 ? void 0 : e3.loseContext), contextLost: null === (s2 = null == t4 ? void 0 : t4.isContextLost) || void 0 === s2 ? void 0 : s2.call(t4) });
           } catch (t4) {
+            console.warn("[Slide][webgl] release failed", t4);
           }
           try {
             t3.destroy(true, { children: true, texture: true, baseTexture: true });
@@ -38751,35 +38752,38 @@ geometry=${JSON.stringify(o2)}`;
   }(), mw = function() {
     function t2() {
       var t3 = this;
-      this.tasks = [], this.isDestroy = false, this.schedule = function() {
-        if (!t3.runningTask && !t3.isDestroy) {
-          var e2 = t3.tasks.shift();
-          e2 && (e2.status = "running", t3.runningTask = e2, e2.fn.apply(null).then(e2.resolve, e2.reject).finally(function() {
-            t3.runningTask === e2 && (t3.runningTask = void 0), !t3.isDestroy && t3.tasks.length > 0 && setTimeout(t3.schedule);
-          }));
-        }
+      this.tasks = [], this.isDestroy = false, this.isScheduling = false, this.schedule = function() {
+        t3.isScheduling = true;
+        var e2 = t3.tasks.shift();
+        e2 && !t3.isDestroy ? (e2.status = "running", Promise.resolve().then(e2.fn).catch(function() {
+        }).finally(function() {
+          !t3.isDestroy && t3.tasks.length > 0 ? setTimeout(t3.schedule) : t3.isScheduling = false;
+        })) : t3.isScheduling = false;
       };
     }
-    return t2.prototype.addTask = function(t3, e2) {
-      var i2;
+    return t2.prototype.cancelPending = function(t3) {
+      for (var e2, i2 = 0, n2 = this.tasks.splice(0); i2 < n2.length; i2++) {
+        var r2 = n2[i2];
+        try {
+          null === (e2 = r2.onCancelled) || void 0 === e2 || e2.call(r2, new Error("Slide " + r2.type + " task " + t3));
+        } catch (t4) {
+          console.warn("[Slide] frozen task cancellation callback failed", t4);
+        }
+      }
+    }, t2.prototype.addTask = function(t3, e2, i2) {
       if (this.isDestroy)
-        return Promise.resolve();
-      var n2, r2, o2 = null !== (i2 = this.tasks[this.tasks.length - 1]) && void 0 !== i2 ? i2 : this.runningTask;
-      if ((null == o2 ? void 0 : o2.type) === t3)
-        return o2.promise;
-      var s2 = new Promise(function(t4, e3) {
-        n2 = t4, r2 = e3;
-      });
-      s2.catch(function() {
-      });
-      var a2 = { type: t3, status: "wait", fn: e2, promise: s2, resolve: n2, reject: r2 };
-      return this.tasks.push(a2), this.schedule(), s2;
+        try {
+          null == i2 || i2(new Error("Slide " + t3 + " task cancelled after destroy"));
+        } catch (t4) {
+          console.warn("[Slide] frozen task cancellation callback failed", t4);
+        }
+      else {
+        this.cancelPending("superseded");
+        var n2 = { type: t3, status: "wait", fn: e2, onCancelled: i2 };
+        this.tasks.push(n2), this.isScheduling || this.schedule();
+      }
     }, t2.prototype.destroy = function() {
-      var t3, e2;
-      return this.isDestroy = true, this.tasks.splice(0, this.tasks.length).forEach(function(t4) {
-        return t4.resolve();
-      }), null !== (e2 = null === (t3 = this.runningTask) || void 0 === t3 ? void 0 : t3.promise.catch(function() {
-      })) && void 0 !== e2 ? e2 : Promise.resolve();
+      this.isDestroy = true, this.cancelPending("cancelled after destroy");
     }, t2;
   }(), gw = function() {
     return (gw = Object.assign || function(t2) {
@@ -39461,7 +39465,7 @@ geometry=${JSON.stringify(o2)}`;
   }
   var Nw = { syncDispatch: "syncDispatch", syncReceive: "syncReceive", syncEventLag: "syncEventLag", renderStart: "renderStart", renderEnd: "renderEnd", renderError: "renderError", slideChange: "slideChange", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", animateStart: "animateStart", animateEnd: "animateEnd", stateChange: "stateChange", slideStepEnd: "slideEnd", slideStepStart: "slideStart", useraddLink: "useraddLink" }, Dw = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: /* @__PURE__ */ Object.create(null), interactiveSeqState: /* @__PURE__ */ Object.create(null) }, Fw = "";
   try {
-    Fw = "1.4.61";
+    Fw = "1.4.62-beta.1";
   } catch (t2) {
     Fw = "-dev-";
   }
@@ -39479,7 +39483,7 @@ geometry=${JSON.stringify(o2)}`;
       r3.iosResetCache = [], r3.iosResetPending = false, r3.version = Fw, r3.__slideState = hb()(Dw), r3.userInputTime = 0, r3.isSyncingSlideState = false, r3.frozenTaskManager = new mw(), r3.randomId = function() {
         const t3 = 4294967295 * Math.random() | 0, e3 = 4294967295 * Math.random() | 0, i4 = 4294967295 * Math.random() | 0, r4 = 4294967295 * Math.random() | 0;
         return (n[255 & t3] + n[t3 >> 8 & 255] + n[t3 >> 16 & 255] + n[t3 >> 24 & 255] + "-" + n[255 & e3] + n[e3 >> 8 & 255] + "-" + n[e3 >> 16 & 15 | 64] + n[e3 >> 24 & 255] + "-" + n[63 & i4 | 128] + n[i4 >> 8 & 255] + "-" + n[i4 >> 16 & 255] + n[i4 >> 24 & 255] + n[255 & r4] + n[r4 >> 8 & 255] + n[r4 >> 16 & 255] + n[r4 >> 24 & 255]).toUpperCase();
-      }(), r3.resize = false, r3.isAnimating = false, r3.renderingTaskManager = new tT(), r3.lifecycle = "alive", r3.lifecycleGeneration = 0, r3.renderVisibilityTimers = /* @__PURE__ */ new Set(), r3.isLoading = false, r3.isReleasing = false, r3.interactive = true, r3.canRetryWithoutPlayer = false, r3.syncCatchUpInputBlocked = false, r3.playerGeneration = 0, r3.playerGenerations = /* @__PURE__ */ new WeakMap(), r3.playerSwapRenderTimeoutMs = 6e4, r3.pptMediaPermissionCallbacks = /* @__PURE__ */ new Set(), r3.pptMediaPermissionNotified = false, r3.pptMediaPermissionRenotifyPending = false, r3.renderingIndex = 0, r3.frameWidth = 1, r3.frameHeight = 1, r3.frame = document.createElement("div"), r3.canvasContainer = document.createElement("div"), r3.medianController = document.createElement("div"), r3.frameResizeObserver = new Pw(function() {
+      }(), r3.resize = false, r3.isAnimating = false, r3.renderingTaskManager = new tT(), r3.lifecycle = "alive", r3.lifecycleGeneration = 0, r3.playerDestroyCallbacks = [], r3.renderVisibilityTimers = /* @__PURE__ */ new Set(), r3.isLoading = false, r3.isReleasing = false, r3.interactive = true, r3.canRetryWithoutPlayer = false, r3.syncCatchUpInputBlocked = false, r3.playerGeneration = 0, r3.playerGenerations = /* @__PURE__ */ new WeakMap(), r3.playerSwapRenderTimeoutMs = 6e4, r3.pptMediaPermissionCallbacks = /* @__PURE__ */ new Set(), r3.pptMediaPermissionNotified = false, r3.pptMediaPermissionRenotifyPending = false, r3.renderingIndex = 0, r3.frameWidth = 1, r3.frameHeight = 1, r3.frame = document.createElement("div"), r3.canvasContainer = document.createElement("div"), r3.medianController = document.createElement("div"), r3.frameResizeObserver = new Pw(function() {
         return r3.frameResizeHandler();
       }), r3.timestamp = function() {
         return Date.now();
@@ -39853,65 +39857,65 @@ geometry=${JSON.stringify(o2)}`;
           n2.frame.style.visibility = "visible";
         }, 32));
       }
-    }, e2.prototype.setSlideState = function(t3) {
-      var e3, i3;
+    }, e2.prototype.setSlideState = function(t3, e3) {
+      var i3, n2;
       return Mw(this, void 0, void 0, function() {
-        var n2, r3, o2, s2, a2, l2, h2 = this;
-        return Cw(this, function(u2) {
-          switch (u2.label) {
+        var r3, o2, s2, a2, l2, h2, u2, c2 = this;
+        return Cw(this, function(d2) {
+          switch (d2.label) {
             case 0:
               if ("alive" !== this.lifecycle)
                 return [2];
-              n2 = this.lifecycleGeneration, r3 = function() {
-                return "alive" === h2.lifecycle && h2.lifecycleGeneration === n2;
-              }, this.isSyncingSlideState = true, u2.label = 1;
+              r3 = this.lifecycleGeneration, o2 = this.player, s2 = function() {
+                return "alive" === c2.lifecycle && c2.lifecycleGeneration === r3 && c2.player === o2;
+              }, this.isSyncingSlideState = true, d2.label = 1;
             case 1:
-              if (u2.trys.push([1, , 15, 16]), this.logger.info("stateChange receive " + JSON.stringify(t3), this.taskId), t3.taskId && t3.taskId !== this.__slideState.taskId && (this.__slideState.taskId = t3.taskId, null === (e3 = this.player) || void 0 === e3 || e3.setResourceData(t3.taskId, this.__slideState.url)), t3.url && t3.url !== this.__slideState.url && (this.__slideState.url = t3.url, null === (i3 = this.player) || void 0 === i3 || i3.setResourceData(this.__slideState.taskId, t3.url)), !Number.isInteger(t3.currentSlideIndex) || t3.currentSlideIndex === this.__slideState.currentSlideIndex)
+              if (d2.trys.push([1, , 15, 16]), this.logger.info("stateChange receive " + JSON.stringify(t3), this.taskId), t3.taskId && t3.taskId !== this.__slideState.taskId && (this.__slideState.taskId = t3.taskId, null === (i3 = this.player) || void 0 === i3 || i3.setResourceData(t3.taskId, this.__slideState.url)), t3.url && t3.url !== this.__slideState.url && (this.__slideState.url = t3.url, null === (n2 = this.player) || void 0 === n2 || n2.setResourceData(this.__slideState.taskId, t3.url)), !Number.isInteger(t3.currentSlideIndex) || t3.currentSlideIndex === this.__slideState.currentSlideIndex)
                 return [3, 6];
-              u2.label = 2;
+              d2.label = 2;
             case 2:
-              return u2.trys.push([2, 4, , 5]), [4, this.enqueueRenderSlide(t3.currentSlideIndex)];
+              return d2.trys.push([2, 4, , 5]), [4, this.enqueueRenderSlide(t3.currentSlideIndex)];
             case 3:
-              return u2.sent(), [3, 5];
+              return d2.sent(), [3, 5];
             case 4:
-              if ((o2 = u2.sent()) instanceof Qb)
+              if ((a2 = d2.sent()) instanceof Qb)
                 return [2];
-              throw o2;
+              throw a2;
             case 5:
-              if (!r3())
+              if (!s2())
                 return [2];
-              this.__slideState.currentSlideIndex = t3.currentSlideIndex, u2.label = 6;
+              this.__slideState.currentSlideIndex = t3.currentSlideIndex, d2.label = 6;
             case 6:
-              return Number.isInteger(t3.currentSlideIndex) ? [4, null == (s2 = this.player) ? void 0 : s2.waitUntilActive(function() {
-                return s2.currentIndex === t3.currentSlideIndex && s2.currentStage;
+              return Number.isInteger(t3.currentSlideIndex) ? [4, null == (l2 = this.player) ? void 0 : l2.waitUntilActive(function() {
+                return l2.currentIndex === t3.currentSlideIndex && l2.currentStage;
               }, 3e3)] : [3, 8];
             case 7:
-              if (u2.sent(), !r3())
+              if (d2.sent(), !s2())
                 return [2];
-              u2.label = 8;
+              d2.label = 8;
             case 8:
-              if (a2 = false, Number.isInteger(t3.mainSeqStep) && t3.mainSeqStep !== this.__slideState.mainSeqStep && (a2 = true, this.__slideState.mainSeqStep = t3.mainSeqStep), t3.mainSeqState && t3.mainSeqState !== this.__slideState.mainSeqState && (a2 = true, this.__slideState.mainSeqState = t3.mainSeqState), a2 && this.setMainSeqStep(this.__slideState.mainSeqStep, "idle" === this.__slideState.mainSeqState ? "start" : "end"), t3.interactiveSeqState) {
-                if (!r3())
+              if (h2 = false, Number.isInteger(t3.mainSeqStep) && t3.mainSeqStep !== this.__slideState.mainSeqStep && (h2 = true, this.__slideState.mainSeqStep = t3.mainSeqStep), t3.mainSeqState && t3.mainSeqState !== this.__slideState.mainSeqState && (h2 = true, this.__slideState.mainSeqState = t3.mainSeqState), h2 && this.setMainSeqStep(this.__slideState.mainSeqStep, "idle" === this.__slideState.mainSeqState ? "start" : "end"), t3.interactiveSeqState) {
+                if (!s2())
                   return [2];
                 this.initInteractiveSeq(t3), this.__slideState.interactiveSeqState = t3.interactiveSeqState;
               }
-              return [4, Ow(1500)];
+              return null == e3 || e3(), [4, Ow(1500)];
             case 9:
-              if (u2.sent(), !r3())
+              if (d2.sent(), !s2())
                 return [2];
               if (!t3.mediaState)
                 return [3, 14];
-              l2 = t3.mediaState, this.pendingPptMediaState = l2, u2.label = 10;
+              u2 = t3.mediaState, this.pendingPptMediaState = u2, d2.label = 10;
             case 10:
-              return u2.trys.push([10, , 12, 13]), [4, this.initMedia(t3, r3)];
+              return d2.trys.push([10, , 12, 13]), [4, this.initMedia(t3, s2)];
             case 11:
-              return u2.sent(), [3, 13];
+              return d2.sent(), [3, 13];
             case 12:
-              return this.pendingPptMediaState === l2 && (this.pendingPptMediaState = void 0), [7];
+              return this.pendingPptMediaState === u2 && (this.pendingPptMediaState = void 0), [7];
             case 13:
-              if (!r3())
+              if (!s2())
                 return [2];
-              this.__slideState.mediaState = l2, u2.label = 14;
+              this.__slideState.mediaState = u2, d2.label = 14;
             case 14:
               return [3, 16];
             case 15:
@@ -40220,59 +40224,71 @@ geometry=${JSON.stringify(o2)}`;
             case 0:
               return this.logger.info("do frozen with player[" + !!this.player + "]", this.taskId), this.tracker({ name: "frozenSlide", reason: "", result: "", payload: { taskId: this.taskId } }), this.view && this.player ? [4, (i3 = this.player).waitUntilActive(function() {
                 return !s2.isLoading;
-              }, 6e4)] : [3, 3];
+              }, 6e4)] : [3, 2];
             case 1:
               if (a2.sent(), "alive" !== this.lifecycle || this.player !== i3)
                 return [2];
               for (r3 in n2 = i3.getSnapshot() || "", this.cacheImage.src = n2, this.cacheImage.style.display = "block", "hidden" === this.frame.style.visibility && (this.frame.style.visibility = "visible"), i3.destroy(), null === (e3 = this.playerController) || void 0 === e3 || e3.destroy(), this.player = void 0, this.pptMediaPermissionNotified = false, this.__slideState.mediaState)
                 o2 = this.__slideState.mediaState[r3], this.__slideState.mediaState[r3] = Ew(Ew({}, o2), { frozenTime: this.timestamp() });
-              return [4, ww(eb.platform)];
+              a2.label = 2;
             case 2:
-              a2.sent(), a2.label = 3;
-            case 3:
               return t3 && t3(), [2];
           }
         });
       });
-    }, e2.prototype.frozen = function(t3) {
-      var e3 = this;
-      return this.frozenTaskManager.addTask("frozen", function() {
-        return e3._doFrozen(t3);
-      });
-    }, e2.prototype._doRelease = function(t3) {
-      var e3, i3;
+    }, e2.prototype.frozen = function(t3, e3) {
+      var i3 = this;
+      this.frozenTaskManager.addTask("frozen", function() {
+        return i3._doFrozen(t3).catch(function(t4) {
+          throw null == e3 || e3(t4), t4;
+        });
+      }, e3);
+    }, e2.prototype._doRelease = function(t3, e3) {
+      var i3, n2;
       return Mw(this, void 0, void 0, function() {
-        var n2, r3, o2, s2, a2;
-        return Cw(this, function(l2) {
-          switch (l2.label) {
+        var r3, o2, s2, a2, l2, h2, u2, c2 = this;
+        return Cw(this, function(d2) {
+          switch (d2.label) {
             case 0:
               if (this.logger.info("do release slide", this.taskId), this.tracker({ name: "releaseSlide", reason: "", result: "", payload: { taskId: this.taskId } }), this.player)
-                return [2];
-              this.isReleasing = true, l2.label = 1;
+                return null == e3 || e3(), [2];
+              this.isReleasing = true, d2.label = 1;
             case 1:
-              return l2.trys.push([1, , 5, 6]), [4, ww(eb.platform)];
+              return d2.trys.push([1, 3, , 4]), [4, ww(eb.platform)];
             case 2:
-              if (l2.sent(), "alive" !== this.lifecycle || this.player)
-                return [2];
-              for (o2 in n2 = this.player = this.initPlayer(this.config), (null === (e3 = this.config) || void 0 === e3 ? void 0 : e3.controller) && this.createController(), this.player.view && (this.canvasContainer.appendChild(this.player.view), this.player.view.style.visibility = "hidden"), r3 = this.__slideState, this.__slideState = hb()(Dw), r3.mediaState)
-                "play" === (s2 = r3.mediaState[o2]).type && (a2 = Math.max(null !== (i3 = s2.frozenTime) && void 0 !== i3 ? i3 : 0, s2.time), s2.time = this.timestamp() - (a2 - s2.time), s2.frozenTime = void 0);
-              return [4, this.setSlideState(r3)];
+              if (d2.sent(), "alive" !== this.lifecycle || this.player)
+                throw new Error("Slide release cancelled before player creation");
+              for (s2 in r3 = this.player = this.initPlayer(this.config), (null === (i3 = this.config) || void 0 === i3 ? void 0 : i3.controller) && this.createController(), this.player.view && (this.canvasContainer.appendChild(this.player.view), this.player.view.style.visibility = "hidden"), o2 = this.__slideState, this.__slideState = hb()(Dw), o2.mediaState)
+                "play" === (a2 = o2.mediaState[s2]).type && (l2 = Math.max(null !== (n2 = a2.frozenTime) && void 0 !== n2 ? n2 : 0, a2.time), a2.time = this.timestamp() - (l2 - a2.time), a2.frozenTime = void 0);
+              return null == e3 || e3(), h2 = Promise.resolve(), this.setSlideState(o2, function() {
+                h2 = new Promise(function(t4) {
+                  return setTimeout(function() {
+                    "alive" === c2.lifecycle && c2.player === r3 && (r3.view && (r3.view.style.visibility = "visible"), "hidden" === c2.frame.style.visibility && (c2.frame.style.visibility = "visible"), c2.cacheImage.style.display = "none"), t4();
+                  }, 333);
+                });
+              }).then(function() {
+                return h2;
+              }).then(function() {
+                "alive" === c2.lifecycle && c2.player === r3 && (null == t3 || t3());
+              }).catch(function(t4) {
+                c2.logger.error("release state restore failed: " + String(t4), c2.taskId);
+              }).finally(function() {
+                c2.isReleasing = false, c2.notifyPptMediaPermissionRequest();
+              }), [3, 4];
             case 3:
-              return l2.sent(), "alive" !== this.lifecycle || this.player !== n2 ? [2] : [4, Ow(333)];
+              throw u2 = d2.sent(), this.isReleasing = false, this.notifyPptMediaPermissionRequest(), u2;
             case 4:
-              return l2.sent(), "alive" !== this.lifecycle || this.player !== n2 ? [2] : (n2.view && (n2.view.style.visibility = "visible"), "hidden" === this.frame.style.visibility && (this.frame.style.visibility = "visible"), this.cacheImage.style.display = "none", t3 && t3(), [3, 6]);
-            case 5:
-              return this.isReleasing = false, this.notifyPptMediaPermissionRequest(), [7];
-            case 6:
               return [2];
           }
         });
       });
-    }, e2.prototype.release = function(t3) {
-      var e3 = this;
-      return this.frozenTaskManager.addTask("release", function() {
-        return e3._doRelease(t3);
-      });
+    }, e2.prototype.release = function(t3, e3, i3) {
+      var n2 = this;
+      this.frozenTaskManager.addTask("release", function() {
+        return n2._doRelease(t3, e3).catch(function(t4) {
+          throw null == i3 || i3(t4), t4;
+        });
+      }, i3);
     }, e2.prototype._doDestroy = function() {
       var t3, i3, n2, r3, o2 = this;
       if ("disposed" !== this.lifecycle) {
@@ -40321,29 +40337,31 @@ geometry=${JSON.stringify(o2)}`;
       return this.player ? this.player.preload(t3) : Promise.resolve();
     }, e2.prototype.preloadResource = function(t3) {
       return this.player ? this.player.preloadResource(t3) : Promise.resolve();
-    }, e2.prototype.destroy = function() {
-      var t3, e3 = this;
-      return this.destroyPromise ? this.destroyPromise : "disposed" === this.lifecycle ? Promise.resolve() : (this.lifecycle = "disposing", this.lifecycleGeneration += 1, this.renderVisibilityTimers.forEach(function(t4) {
-        return clearTimeout(t4);
-      }), this.renderVisibilityTimers.clear(), this.renderingTaskManager.destroy(), null === (t3 = this.player) || void 0 === t3 || t3.destroy(), this.logger.info("pre destroy slide", ""), this.destroyPromise = Mw(e3, void 0, void 0, function() {
-        var t4;
-        return Cw(this, function(e4) {
-          switch (e4.label) {
-            case 0:
-              return [4, this.frozenTaskManager.destroy()];
-            case 1:
-              return e4.sent(), this.isLoading ? [4, this.waitLoadEnd()] : [3, 3];
-            case 2:
-              e4.sent(), e4.label = 3;
-            case 3:
-              return t4 = Boolean(this.player || this.iosNewPlayer), this._doDestroy(), t4 ? [4, ww(eb.platform)] : [3, 5];
-            case 4:
-              e4.sent(), e4.label = 5;
-            case 5:
-              return [2];
+    }, e2.prototype.destroy = function(t3, e3) {
+      var i3, n2, r3, o2, s2, a2 = this, l2 = { onDestroyed: t3, onError: e3 }, h2 = this.playerDestroyOutcome;
+      if (h2 ? h2.ok ? null == t3 || t3() : null == e3 || e3(h2.error) : (t3 || e3) && (null !== (i3 = this.playerDestroyCallbacks) && void 0 !== i3 ? i3 : this.playerDestroyCallbacks = []).push(l2), "alive" === this.lifecycle) {
+        this.lifecycle = "disposing", this.lifecycleGeneration += 1, this.renderVisibilityTimers.forEach(function(t4) {
+          return clearTimeout(t4);
+        }), this.renderVisibilityTimers.clear(), this.renderingTaskManager.destroy();
+        try {
+          null === (n2 = this.player) || void 0 === n2 || n2.destroy(), this.playerDestroyOutcome = { ok: true };
+        } catch (t4) {
+          this.playerDestroyOutcome = { ok: false, error: t4 };
+        }
+        for (var u2 = 0, c2 = (null !== (r3 = this.playerDestroyCallbacks) && void 0 !== r3 ? r3 : []).splice(0); u2 < c2.length; u2++) {
+          var d2 = c2[u2];
+          try {
+            this.playerDestroyOutcome.ok ? null === (o2 = d2.onDestroyed) || void 0 === o2 || o2.call(d2) : null === (s2 = d2.onError) || void 0 === s2 || s2.call(d2, this.playerDestroyOutcome.error);
+          } catch (t4) {
+            this.logger.error("player destroy callback failed: " + String(t4), this.taskId);
           }
-        });
-      }), this.destroyPromise);
+        }
+        if (!this.playerDestroyOutcome.ok)
+          throw this.playerDestroyOutcome.error;
+        this.logger.info("pre destroy slide", ""), this.isLoading ? this.waitLoadEnd().then(function() {
+          a2._doDestroy();
+        }) : this._doDestroy();
+      }
     }, e2.prototype.clearSlideCache = function() {
       var t3;
       null === (t3 = this.player) || void 0 === t3 || t3.clearLocalCache();
@@ -41189,6 +41207,38 @@ const EmptyAttributes = {
 };
 const noop$1 = function noop2() {
 };
+const slideWebGLTasks = [];
+let slideWebGLRunning = false;
+function runNextSlideWebGLTask() {
+  if (slideWebGLRunning)
+    return;
+  const task = slideWebGLTasks.shift();
+  if (!task)
+    return;
+  slideWebGLRunning = true;
+  const startedAt = performance.now();
+  log("[Slide][player-queue] start", task.label, "pending", slideWebGLTasks.length);
+  void Promise.resolve().then(task.run).then(() => {
+    log("[Slide][player-queue] done", task.label, "ms", Math.round(performance.now() - startedAt));
+    task.resolve();
+  }, (error) => {
+    log("[Slide][player-queue] failed", task.label, error);
+    task.reject(error);
+  }).finally(() => {
+    slideWebGLRunning = false;
+    runNextSlideWebGLTask();
+  });
+}
+function enqueueSlideWebGLTransition(run, priority = false, label = "unspecified") {
+  return new Promise((resolve, reject) => {
+    const task = { label, run, resolve, reject };
+    if (priority)
+      slideWebGLTasks.unshift(task);
+    else
+      slideWebGLTasks.push(task);
+    runNextSlideWebGLTask();
+  });
+}
 class SlideControllerBase {
   constructor(props) {
     this.sideEffect = new SideEffectManager();
@@ -41257,6 +41307,9 @@ class SlideControllerBase {
     };
     this._pageCount = 0;
     this.destroyed = false;
+    this.destroyedSignal = new Promise((resolve) => {
+      this.resolveDestroyedSignal = resolve;
+    });
     this.timestamp = () => {
       if (this.room && this.room.calibrationTimestamp) {
         return this.room.calibrationTimestamp;
@@ -41316,7 +41369,19 @@ class SlideControllerBase {
         if (this.ready) {
           log("[Slide] freeze", this.context.appId);
           if (this.invisibleBehavior === "frozen") {
-            await this.slide.frozen();
+            await enqueueSlideWebGLTransition(() => {
+              if (this.destroyed)
+                return Promise.resolve();
+              const destroyed = new Promise((resolve, reject) => {
+                const result = this.slide.frozen.call(this.slide, () => {
+                  log("[Slide][player] frozen callback", this.context.appId);
+                  resolve();
+                }, reject);
+                if (result)
+                  void result.then(resolve, reject);
+              });
+              return Promise.race([destroyed, this.destroyedSignal]);
+            }, false, `freeze:${this.context.appId}`);
           } else {
             this.slide.pause();
           }
@@ -41341,25 +41406,38 @@ class SlideControllerBase {
       this.isFrozen = false;
       try {
         if (this.ready) {
-          let isNeedSyncState = false;
           log("[Slide] unfreeze", this.context.appId);
           if (this.invisibleBehavior === "frozen") {
-            await this.slide.release(() => {
-              if (!this.isLazySetupMode() || this.shouldBeActive())
-                this.slide.notifyFrameResize();
-            });
-            isNeedSyncState = true;
+            await enqueueSlideWebGLTransition(() => {
+              if (this.destroyed)
+                return Promise.resolve();
+              const created = new Promise((resolve, reject) => {
+                const result = this.slide.release.call(this.slide, () => {
+                  log("[Slide][player] restored callback", this.context.appId);
+                  if (this.isLazySetupMode() && !this.shouldBeActive())
+                    return;
+                  this.slide.notifyFrameResize();
+                  const state = this.context.storage.state.state;
+                  if (state) {
+                    log("[Slide] sync storage", JSON.stringify(state));
+                    void this.slide.setSlideState(state).catch((error) => {
+                      this.resourceStateUnknown = true;
+                      logger.warn("[Slide] storage sync after release failed", this.context.appId, error);
+                    });
+                  }
+                }, () => {
+                  log("[Slide][player] created callback", this.context.appId);
+                  resolve();
+                }, reject);
+                if (result)
+                  void result.then(resolve, reject);
+              });
+              return Promise.race([created, this.destroyedSignal]);
+            }, false, `release:${this.context.appId}`);
           } else {
             this.slide.resume();
             this.slide.notifyFrameResize();
           }
-          if (isNeedSyncState && (!this.isLazySetupMode() || this.shouldBeActive())) {
-            const state = this.context.storage.state.state;
-            if (state) {
-              log("[Slide] sync storage", JSON.stringify(state));
-              await this.slide.setSlideState(state);
-            }
-          }
         } else {
           this._toFreeze = -1;
         }
@@ -41626,7 +41704,17 @@ class SlideControllerBase {
     if (!this.destroyed) {
       log("[Slide] destroy slide (once)");
       this.destroyed = true;
-      this.destroyPromise = Promise.resolve(this.slide.destroy());
+      this.destroyPromise = enqueueSlideWebGLTransition(() => new Promise((resolve, reject) => {
+        try {
+          this.slide.destroy.call(this.slide, () => {
+            log("[Slide][player] destroy callback", this.context.appId);
+            resolve();
+          }, reject);
+        } catch (error) {
+          reject(error);
+        }
+      }), true, `destroy:${this.context.appId}`);
+      this.resolveDestroyedSignal();
     }
     return (_a = this.destroyPromise) != null ? _a : Promise.resolve();
   }
@@ -43686,6 +43774,7 @@ class SlideDocsViewer {
       logger.warn("[Slide] render error", error);
     };
     this.onRenderStart = () => {
+      logger.log("[Slide][notes] hide", this.appId, "scene", this.whiteboardView.focusScenePath);
       this.$whiteboardView.classList.add(this.wrapClassName("wb-view-hidden"));
       this.viewer.setPlaying();
     };
@@ -43693,10 +43782,12 @@ class SlideDocsViewer {
     };
     this.onPageChanged = () => {
       clearTimeout(this._onPageChangedTimer);
+      logger.log("[Slide][notes] show scheduled", this.appId, "scene", this.whiteboardView.focusScenePath);
       this._onPageChangedTimer = setTimeout(this._onPageChanged, 200);
     };
     this._onPageChangedTimer = 0;
     this._onPageChanged = () => {
+      logger.log("[Slide][notes] show", this.appId, "scene", this.whiteboardView.focusScenePath);
       this.$overlay.style.opacity = "";
       this.$whiteboardView.classList.remove(this.wrapClassName("wb-view-hidden"));
     };
@@ -44382,7 +44473,7 @@ class SlidePreviewer {
   }
 }
 const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
-const version = "0.2.106-beta.3";
+const version = "0.2.106-beta.5";
 const DEFAULT_SLIDE_SETUP_READY_TIMEOUT = 5e3;
 const SlideApp = {
   kind: "Slide",
@@ -44463,6 +44554,9 @@ const SlideApp = {
         const page = slideController.slide.slideState.currentSlideIndex;
         log("[Slide] page to", page, synced ? "(synced)" : "", "(on ready)");
         slideController.slide.on("renderEnd", options.onRenderEnd);
+      }).catch((error) => {
+        if (!disposed)
+          logger.warn("[Slide] ready callback failed", context.appId, error);
       });
       return slideController;
     };
@@ -44548,9 +44642,10 @@ const SlideApp = {
       return teardownPromise;
     };
     offDestroy = context.emitter.on("destroy", teardown);
-    docsViewer.mount();
-    SlideApp.__teardownByContext || (SlideApp.__teardownByContext = /* @__PURE__ */ new WeakMap());
-    SlideApp.__teardownByContext.set(context, teardown);
+    const mounting = enqueueSlideWebGLTransition(() => {
+      if (!disposed)
+        docsViewer == null ? void 0 : docsViewer.mount();
+    }, false, `setup:${context.appId}`);
     const waitForFirstRender = (timeoutMs) => new Promise((resolve) => {
       let settled = false;
       let timedOut = false;
@@ -44570,7 +44665,10 @@ const SlideApp = {
       }, timeoutMs);
       slideControllerRef == null ? void 0 : slideControllerRef.readyPromise.then(
         () => settle(!firstRenderFailed),
-        () => settle(false)
+        () => {
+          firstRenderFailed = true;
+          settle(false);
+        }
       );
       const pollTimer = window.setInterval(() => {
         if (disposed || firstRenderFailed)
@@ -44712,7 +44810,11 @@ const SlideApp = {
       }
     };
     const setupReadyTimeout = (_g = appOptions == null ? void 0 : appOptions.setupReadyTimeout) != null ? _g : DEFAULT_SLIDE_SETUP_READY_TIMEOUT;
-    return waitForFirstRender(setupReadyTimeout).then(() => {
+    return mounting.then(() => {
+      if (disposed)
+        throw new Error("[Slide] disposed before first render");
+      return waitForFirstRender(setupReadyTimeout);
+    }).then(async () => {
       if (disposed)
         throw new Error("[Slide] disposed before first render");
       if (firstRenderFailed) {
@@ -44722,12 +44824,11 @@ const SlideApp = {
         log("[Slide] setup ready wait timed out, slide keeps loading in background");
       }
       return appResult;
+    }).catch(async (error) => {
+      if (!disposed)
+        await teardown();
+      throw error;
     });
-  },
-  async teardown(context) {
-    var _a, _b, _c;
-    await ((_b = (_a = SlideApp.__teardownByContext) == null ? void 0 : _a.get(context)) == null ? void 0 : _b());
-    (_c = SlideApp.__teardownByContext) == null ? void 0 : _c.delete(context);
   }
 };
 var Slide$1 = Slide.Slide;