@netless/app-slide 0.2.93 → 0.2.94

package/dist/main.es.js

@@ -38053,19 +38053,81 @@ class SlideControllerBase {
         this._toFreeze = -1;
       }
     };
+    this.bindAppStateChangeEvent = () => {
+      try {
+        const boxStatus = this.context.getBoxStatus();
+        if (boxStatus) {
+          const appProxy = this.context.getAppProxy();
+          if (appProxy) {
+            this.context.emitter.on("boxStatusChange", this.onAppStatusChangeHandler);
+          }
+        } else {
+          const windowManager = this.context.getWindowManager();
+          if (windowManager) {
+            windowManager.emitter.on("boxStateChange", this.onAppStateChangeHandler);
+          }
+        }
+      } catch (error) {
+        log(
+          "[Slide] bind app state change event failed, because should update window manager to latest version"
+        );
+      }
+    };
+    this.onAppStateChangeHandler = (state) => {
+      if (state === "minimized") {
+        log("[Slide] freeze because app state is minimized");
+        this.freeze();
+      }
+    };
+    this.onAppStatusChangeHandler = (payload) => {
+      const { appId, status } = payload;
+      if (appId === this.context.appId && status === "minimized") {
+        log("[Slide] freeze because app status is minimized");
+        this.freeze();
+      }
+    };
+    this.getAppStatus = () => {
+      try {
+        const boxStatus = this.context.getBoxStatus();
+        if (boxStatus) {
+          return boxStatus;
+        }
+        const windowManager = this.context.getWindowManager();
+        const boxstate = windowManager.boxState;
+        return boxstate;
+      } catch (error) {
+        return void 0;
+      }
+    };
     this.onVisibilityChange = async () => {
+      const appStatus = this.getAppStatus();
+      if (appStatus === "minimized") {
+        log("[Slide] do nothing because app state is minimized");
+        return;
+      }
       if (!(this.visible = document.visibilityState === "visible")) {
         this.savedIsFrozen = this.isFrozen;
         log("[Slide] freeze because tab becomes invisible");
         this.freeze();
       } else {
-        log("[Slide] unfreeze because tab becomes visible", { savedIsFrozen: this.savedIsFrozen });
         if (!this.savedIsFrozen) {
+          log("[Slide] unfreeze because tab becomes visible", { savedIsFrozen: this.savedIsFrozen });
           this.unfreeze();
         }
       }
     };
-    const { context, onRenderStart, onPageChanged, onTransitionStart, onTransitionEnd, onNavigate, onError, onRenderError, showRenderError, invisibleBehavior } = props;
+    const {
+      context,
+      onRenderStart,
+      onPageChanged,
+      onTransitionStart,
+      onTransitionEnd,
+      onNavigate,
+      onError,
+      onRenderError,
+      showRenderError,
+      invisibleBehavior
+    } = props;
     this.invisibleBehavior = invisibleBehavior != null ? invisibleBehavior : "frozen";
     this.onRenderStart = onRenderStart;
     this.onPageChanged = onPageChanged;
@@ -38142,7 +38204,18 @@ class SlideControllerBase {
     slide.on(Slide.SLIDE_EVENTS.renderEnd, this.resolveReady);
     this.sideEffect.add(() => {
       document.addEventListener("visibilitychange", this.onVisibilityChange);
-      return () => document.removeEventListener("visibilitychange", this.onVisibilityChange);
+      this.bindAppStateChangeEvent();
+      return () => {
+        document.removeEventListener("visibilitychange", this.onVisibilityChange);
+        try {
+          this.context.emitter.off("boxStatusChange", this.onAppStatusChangeHandler);
+          this.context.getWindowManager().emitter.off("boxStateChange", this.onAppStateChangeHandler);
+        } catch (error) {
+          log(
+            "[Slide] unbind app state change event failed, because should update window manager to latest version"
+          );
+        }
+      };
     });
   }
   syncStateOnce() {
@@ -39334,7 +39407,10 @@ class ScrollBar {
     scrollBar.className = "scroll-bar horizontal";
     const availableWidth = containerWidth;
     const trackWidth = availableWidth;
-    const thumbWidth = Math.max(30, Math.min(trackWidth, trackWidth * availableWidth / contentWidth));
+    const thumbWidth = Math.max(
+      30,
+      Math.min(trackWidth, trackWidth * availableWidth / contentWidth)
+    );
     scrollBar.style.cssText = `
       position: absolute;
       bottom: 0;
@@ -39369,7 +39445,10 @@ class ScrollBar {
     scrollBar.className = "scroll-bar vertical";
     const availableHeight = containerHeight;
     const trackHeight = availableHeight;
-    const thumbHeight = Math.max(30, Math.min(trackHeight, trackHeight * availableHeight / contentHeight));
+    const thumbHeight = Math.max(
+      30,
+      Math.min(trackHeight, trackHeight * availableHeight / contentHeight)
+    );
     scrollBar.style.cssText = `
       position: absolute;
       top: 0;
@@ -39433,15 +39512,23 @@ class ScrollBar {
         scrollRatio = Math.max(0, Math.min(1, scrollRatio));
       }
       if (orientation === "horizontal") {
-        this.resizableContainer.handleNormalizeTranslate(scrollRatio, (_a = this.resizableContainer["translateY"]) != null ? _a : 0.5, {
-          triggerScrollBar: false,
-          triggerSync: true
-        });
+        this.resizableContainer.handleNormalizeTranslate(
+          scrollRatio,
+          (_a = this.resizableContainer["translateY"]) != null ? _a : 0.5,
+          {
+            triggerScrollBar: false,
+            triggerSync: true
+          }
+        );
       } else {
-        this.resizableContainer.handleNormalizeTranslate((_b = this.resizableContainer["translateX"]) != null ? _b : 0.5, scrollRatio, {
-          triggerScrollBar: false,
-          triggerSync: true
-        });
+        this.resizableContainer.handleNormalizeTranslate(
+          (_b = this.resizableContainer["translateX"]) != null ? _b : 0.5,
+          scrollRatio,
+          {
+            triggerScrollBar: false,
+            triggerSync: true
+          }
+        );
       }
     };
     const handleEnd = () => {
@@ -39555,7 +39642,12 @@ class ResizableContainer {
     }
     this.translateX = 0.5;
     this.translateY = 0.5;
-    this.renderScrollBar(parentBounds.width, parentBounds.width * this.scale, parentBounds.height, parentBounds.height * this.scale);
+    this.renderScrollBar(
+      parentBounds.width,
+      parentBounds.width * this.scale,
+      parentBounds.height,
+      parentBounds.height * this.scale
+    );
     this.handleNormalizeTranslate(this.translateX, this.translateY, {
       triggerScrollBar: true,
       triggerSync: true
@@ -39831,7 +39923,10 @@ class SlideDocsViewer {
       console.log("[SlideDocsViewer] Initial storage state:", this.context.storage.state);
       console.log("[SlideDocsViewer] Initial slideScale:", this.context.storage.state.slideScale);
       if (this.context.storage.state.slideScale !== void 0) {
-        console.log("[SlideDocsViewer] Applying initial slideScale:", this.context.storage.state.slideScale);
+        console.log(
+          "[SlideDocsViewer] Applying initial slideScale:",
+          this.context.storage.state.slideScale
+        );
         applyScale(this.context.storage.state.slideScale);
       } else {
         console.log("[SlideDocsViewer] No initial slideScale found");
@@ -39869,7 +39964,11 @@ class SlideDocsViewer {
   }
   render() {
     if (!this.resizableContainer) {
-      this.resizableContainer = new ResizableContainer(this.viewer.$content, this.context, this.enableScale);
+      this.resizableContainer = new ResizableContainer(
+        this.viewer.$content,
+        this.context,
+        this.enableScale
+      );
     }
     this.renderSlideContainer();
     this.renderWhiteboardView();
@@ -40251,7 +40350,7 @@ class SlidePreviewer {
   }
 }
 const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
-const version = "0.2.93";
+const version = "0.2.94";
 const SlideApp = {
   kind: "Slide",
   setup(context) {