@netless/app-slide 0.2.102 → 0.2.104

package/dist/main.es.js

@@ -34848,37 +34848,7 @@ void main(void){
     destroy() {
       var t2;
       try {
-        this.clearAutoForwardTimer(), this.app.view.removeEventListener("webglcontextlost", this.onWebGLLost), tg.collectObjectByGroup(this.objPoolGroup), qy.collectObjectByGroup(this.objPoolGroup), null === (t2 = this.transactionPlayer) || void 0 === t2 || t2.destroy(), this.loader.destroy(), this.fps.destroy(), this.stagePool.destroyAllStage(), this.stagePool.destroy();
-      } catch (t3) {
-      }
-      !function(t3) {
-        var e2, i2, n2, r2, o2, s2, a2;
-        let l2 = null, h2 = null;
-        try {
-          l2 = t3.view;
-        } catch (t4) {
-        }
-        try {
-          h2 = t3.renderer;
-        } catch (t4) {
-        }
-        try {
-          null === (n2 = null === (i2 = null === (e2 = null == h2 ? void 0 : h2.filter) || void 0 === e2 ? void 0 : e2.texturePool) || void 0 === i2 ? void 0 : i2.clear) || void 0 === n2 || n2.call(i2, true);
-        } catch (t4) {
-        }
-        try {
-          null === (a2 = null === (s2 = null === (o2 = null === (r2 = null == h2 ? void 0 : h2.gl) || void 0 === r2 ? void 0 : r2.getExtension) || void 0 === o2 ? void 0 : o2.call(r2, "WEBGL_lose_context")) || void 0 === s2 ? void 0 : s2.loseContext) || void 0 === a2 || a2.call(s2);
-        } catch (t4) {
-        }
-        try {
-          t3.destroy(true, { children: true, texture: true, baseTexture: true });
-        } catch (t4) {
-        } finally {
-          (null == l2 ? void 0 : l2.parentNode) && l2.parentNode.removeChild(l2);
-        }
-      }(this.app);
-      try {
-        this.tracker({ name: "slidePlayerDestroy", result: "", reason: "", payload: {} });
+        this.clearAutoForwardTimer(), this.app.view.removeEventListener("webglcontextlost", this.onWebGLLost), this.app.renderer.filter.texturePool.clear(true), tg.collectObjectByGroup(this.objPoolGroup), qy.collectObjectByGroup(this.objPoolGroup), null === (t2 = this.transactionPlayer) || void 0 === t2 || t2.destroy(), this.loader.destroy(), this.fps.destroy(), this.stagePool.destroyAllStage(), this.stagePool.destroy(), this.app.renderer.gl.getExtension("WEBGL_lose_context").loseContext(), this.app.destroy(true, { children: true, texture: true, baseTexture: true }), this.tracker({ name: "slidePlayerDestroy", result: "", reason: "", payload: {} });
       } catch (t3) {
       }
     }
@@ -37083,7 +37053,7 @@ void main(void){
   }
   var PT = { 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" }, OT = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: /* @__PURE__ */ Object.create(null), interactiveSeqState: /* @__PURE__ */ Object.create(null) }, LT = "";
   try {
-    LT = "1.4.56";
+    LT = "1.4.55-alpha.5";
   } catch (t2) {
     LT = "-dev-";
   }
@@ -37098,7 +37068,7 @@ void main(void){
   var DT = function(t2) {
     function e2(i3) {
       var n3 = t2.call(this) || this;
-      n3.iosResetCache = [], n3.version = LT, n3.__slideState = cx()(OT), n3.userInputTime = 0, n3.isSyncingSlideState = false, n3.frozenTaskManager = new mT(), n3.randomId = r(), n3.resize = false, n3.isAnimating = false, n3.renderingTaskManager = new tb(), n3.isLoading = false, n3.isReleasing = false, n3.interactive = true, n3.syncCatchUpInputBlocked = false, n3.renderingIndex = 0, n3.frameWidth = 1, n3.frameHeight = 1, n3.frame = document.createElement("div"), n3.canvasContainer = document.createElement("div"), n3.medianController = document.createElement("div"), n3.frameResizeObserver = new CT(function() {
+      n3.iosResetCache = [], n3.version = LT, n3.__slideState = cx()(OT), n3.userInputTime = 0, n3.isSyncingSlideState = false, n3.frozenTaskManager = new mT(), n3.randomId = r(), n3.resize = false, n3.isAnimating = false, n3.renderingTaskManager = new tb(), n3.isLoading = false, n3.interactive = true, n3.syncCatchUpInputBlocked = false, n3.renderingIndex = 0, n3.frameWidth = 1, n3.frameHeight = 1, n3.frame = document.createElement("div"), n3.canvasContainer = document.createElement("div"), n3.medianController = document.createElement("div"), n3.frameResizeObserver = new CT(function() {
         return n3.frameResizeHandler();
       }), n3.timestamp = function() {
         return Date.now();
@@ -37531,8 +37501,8 @@ void main(void){
               return this.renderingIndex = t3, this.player && t3 === this.player.currentIndex ? [2] : ((nx.platform.isIOS() || nx.platform.isAndroid()) && this.iosResetCache.indexOf(t3) < 0 && this.iosResetCache.push(t3), this.flushDebounce(), [4, null === (e3 = this.player) || void 0 === e3 ? void 0 : e3.renderSlide(t3)]);
             case 1:
               return n3.sent(), this.__slideState.currentSlideIndex = t3, this._resizeView(), this.__slideState.interactiveSeqState = {}, this.__slideState.mediaState = {}, this.emitStateChange(), setTimeout(function() {
-                var t4, e4, n4, r2;
-                t4 = i3.isReleasing, e4 = i3.player, n4 = i3.frame, r2 = i3.cacheImage, !t4 && (null == e4 ? void 0 : e4.view) && ("hidden" === e4.view.style.visibility && (e4.view.style.visibility = "visible"), "hidden" === n4.style.visibility && (n4.style.visibility = "visible"), r2.style.display = "none");
+                var t4, e4;
+                "hidden" === (null === (e4 = null === (t4 = i3.player) || void 0 === t4 ? void 0 : t4.view) || void 0 === e4 ? void 0 : e4.style.visibility) && (i3.player.view.style.visibility = "visible"), "hidden" === i3.frame.style.visibility && (i3.frame.style.visibility = "visible"), i3.cacheImage.style.display = "none";
               }, 100), [2];
           }
         });
@@ -37625,7 +37595,7 @@ void main(void){
                 return !o2.isLoading;
               }, 6e4)] : [3, 2];
             case 1:
-              for (n3 in s2.sent(), i3 = this.player.getSnapshot() || "", this.cacheImage.src = i3, this.cacheImage.style.display = "block", "hidden" === this.frame.style.visibility && (this.frame.style.visibility = "visible"), this.player.destroy(), null === (e3 = this.playerController) || void 0 === e3 || e3.destroy(), this.player = void 0, this.__slideState.mediaState)
+              for (n3 in s2.sent(), i3 = this.player.getSnapshot() || "", this.cacheImage.src = i3, this.cacheImage.style.display = "block", this.player.destroy(), null === (e3 = this.playerController) || void 0 === e3 || e3.destroy(), this.player = void 0, this.__slideState.mediaState)
                 r2 = this.__slideState.mediaState[n3], this.__slideState.mediaState[n3] = ET(ET({}, r2), { frozenTime: this.timestamp() });
               s2.label = 2;
             case 2:
@@ -37647,19 +37617,13 @@ void main(void){
             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, a2.label = 1;
-            case 1:
-              for (r2 in a2.trys.push([1, , 4, 5]), 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"), n3 = this.__slideState, this.__slideState = cx()(OT), n3.mediaState)
+              for (r2 in 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"), n3 = this.__slideState, this.__slideState = cx()(OT), n3.mediaState)
                 "play" === (o2 = n3.mediaState[r2]).type && (s2 = Math.max(null !== (i3 = o2.frozenTime) && void 0 !== i3 ? i3 : 0, o2.time), o2.time = this.timestamp() - (s2 - o2.time), o2.frozenTime = void 0);
               return [4, this.setSlideState(n3)];
-            case 2:
+            case 1:
               return a2.sent(), [4, this.player.clock.delay(333)];
-            case 3:
-              return a2.sent(), this.player.view && (this.player.view.style.visibility = "visible"), "hidden" === this.frame.style.visibility && (this.frame.style.visibility = "visible"), this.cacheImage.style.display = "none", t3 && t3(), [3, 5];
-            case 4:
-              return this.isReleasing = false, [7];
-            case 5:
-              return [2];
+            case 2:
+              return a2.sent(), this.player.view && (this.player.view.style.visibility = "visible"), this.cacheImage.style.display = "none", t3 && t3(), [2];
           }
         });
       });
@@ -38531,7 +38495,8 @@ const EmptyAttributes = {
   customLinks: [],
   slideScale: 1,
   translateX: 0.5,
-  translateY: 0.5
+  translateY: 0.5,
+  originSize: null
 };
 const noop$1 = function noop2() {
 };
@@ -40157,6 +40122,7 @@ class ResizableContainer {
   constructor(parent, context, enableResize, _box) {
     this.onScaleChanged = null;
     this.onLayoutUpdated = null;
+    this.scaleChangedListeners = /* @__PURE__ */ new Set();
     this.whiteboardContainer = null;
     this.slide = null;
     this.scale = 1;
@@ -40207,6 +40173,12 @@ class ResizableContainer {
   getScale() {
     return this.scale;
   }
+  addScaleChangedListener(listener) {
+    this.scaleChangedListeners.add(listener);
+    return () => {
+      this.scaleChangedListeners.delete(listener);
+    };
+  }
   renderScrollBar(width, overflowWidth, height, overflowHeight) {
     if (this.scrollBar) {
       this.scrollBar.render(width, height, overflowWidth, overflowHeight);
@@ -40218,6 +40190,7 @@ class ResizableContainer {
   }
   updateResizableContainer() {
     var _a, _b;
+    this.cancelScheduledLayoutUpdate();
     const parentBounds = this.scrollContainer.getBoundingClientRect();
     this.container.style.width = `${parentBounds.width * this.scale}px`;
     this.container.style.height = `${parentBounds.height * this.scale}px`;
@@ -40268,6 +40241,7 @@ class ResizableContainer {
     }
   }
   scaleContainer(applyScale) {
+    var _a;
     if (Math.abs(this.scale - applyScale) < 1e-3 || !this.enableResize) {
       return;
     }
@@ -40279,13 +40253,25 @@ class ResizableContainer {
       this.scrollContainer.style.height = "100%";
     }
     applyScale = this.enableResize ? applyScale : 1;
-    if (this.onScaleChanged && this.enableResize) {
-      this.onScaleChanged(applyScale);
-    }
     this.scale = applyScale;
-    setTimeout(() => {
-      this.updateResizableContainer();
-    });
+    if (this.enableResize) {
+      (_a = this.onScaleChanged) == null ? void 0 : _a.call(this, this.scale);
+      for (const listener of this.scaleChangedListeners) {
+        listener(this.scale);
+      }
+    }
+    if (this.layoutFrameId === void 0) {
+      this.layoutFrameId = requestAnimationFrame(() => {
+        this.layoutFrameId = void 0;
+        this.updateResizableContainer();
+      });
+    }
+  }
+  cancelScheduledLayoutUpdate() {
+    if (this.layoutFrameId !== void 0) {
+      cancelAnimationFrame(this.layoutFrameId);
+      this.layoutFrameId = void 0;
+    }
   }
   addSlideContainer(slideContainer) {
     this.container.appendChild(slideContainer);
@@ -40299,7 +40285,9 @@ class ResizableContainer {
   }
   destroy(_box) {
     var _a;
+    this.cancelScheduledLayoutUpdate();
     this.onLayoutUpdated = null;
+    this.scaleChangedListeners.clear();
     (_a = this.scrollBar) == null ? void 0 : _a.destroy();
   }
 }
@@ -40927,24 +40915,29 @@ class SlideDocsViewer {
     };
     this.scaleDocsToFit = () => {
       if (this.slideController) {
-        const { width, height } = this.slideController.slide;
-        if (width && height) {
-          this.whiteboardView.moveCameraToContain({
-            originX: -width / 2,
-            originY: -height / 2,
-            width,
-            height,
-            animationMode: "immediately"
-          });
-          this.whiteboardView.setCameraBound({
-            damping: 1,
-            maxContentMode: () => this.whiteboardView.camera.scale,
-            minContentMode: () => this.whiteboardView.camera.scale,
-            centerX: 0,
-            centerY: 0,
-            width,
-            height
-          });
+        const { width: slideWidth, height: slideHeight } = this.slideController.slide;
+        if (slideWidth && slideHeight) {
+          const originSize = this.context.storage.state.originSize;
+          const { width, height } = originSize && originSize.width > 0 && originSize.height > 0 ? originSize : { width: slideWidth, height: slideHeight };
+          if (width > 0 && height > 0) {
+            this.whiteboardView.moveCameraToContain({
+              originX: -width / 2,
+              originY: -height / 2,
+              width,
+              height,
+              animationMode: "immediately"
+            });
+            const scale = this.whiteboardView.camera.scale;
+            this.whiteboardView.setCameraBound({
+              damping: 1,
+              maxContentMode: () => scale,
+              minContentMode: () => scale,
+              centerX: 0,
+              centerY: 0,
+              width: slideWidth,
+              height: slideHeight
+            });
+          }
           if (!this.isViewMounted) {
             this.isViewMounted = true;
             console.log("[Slide] mount whiteboard view");
@@ -41564,7 +41557,7 @@ class SlidePreviewer {
   }
 }
 const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
-const version = "0.2.102";
+const version = "0.2.104";
 const SlideApp = {
   kind: "Slide",
   setup(context) {
@@ -41690,24 +41683,23 @@ const SlideApp = {
     return {
       onScaleChanged: (cb) => {
         if (!docsViewer) {
-          return;
+          return () => void 0;
         }
-        docsViewer.resizableContainer.onScaleChanged = cb;
+        return docsViewer.resizableContainer.addScaleChangedListener(cb);
       },
       scaleView: (to) => {
-        let applyScale = Number(to);
-        if (Number.isNaN(applyScale)) {
-          applyScale = 1;
-        }
-        if (applyScale < 1) {
-          applyScale = 1;
-        }
-        if (applyScale > 4) {
-          applyScale = 4;
-        }
-        context.storage.setState({ slideScale: applyScale });
-        context.storage.setState({ translateX: 0.5, translateY: 0.5 });
-        docsViewer == null ? void 0 : docsViewer.resizableContainer.scaleContainer(applyScale);
+        const applyScale = Number(to);
+        if (!Number.isFinite(applyScale) || applyScale <= 0)
+          return;
+        const container = docsViewer == null ? void 0 : docsViewer.resizableContainer;
+        if (!container || Math.abs(container.getScale() - applyScale) < 1e-3)
+          return;
+        context.storage.setState({
+          slideScale: applyScale,
+          translateX: 0.5,
+          translateY: 0.5
+        });
+        container.scaleContainer(applyScale);
       },
       getViewScale: () => {
         return docsViewer == null ? void 0 : docsViewer.resizableContainer.getScale();