@netless/app-slide 0.1.1 → 0.1.2

package/dist/main.es.js

@@ -36750,6 +36750,8 @@ class SlideController {
       }
     };
     this.unfreeze = async () => {
+      if (!this.visible)
+        return;
       if (this.ready) {
         log("[Slide] unfreeze", this.context.appId);
         if (this.freezePromise) {
@@ -36762,6 +36764,18 @@ class SlideController {
         this._toFreeze = -1;
       }
     };
+    this.onVisibilityChange = async () => {
+      if (!(this.visible = document.visibilityState === "visible")) {
+        this.savedIsFrozen = this.freezePromise ? this._toFreeze === 1 : 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) {
+          this.unfreeze();
+        }
+      }
+    };
     this.onPageChanged = onPageChanged;
     this.onTransitionStart = onTransitionStart;
     this.onTransitionEnd = onTransitionEnd;
@@ -36771,6 +36785,8 @@ class SlideController {
     this.player = this.room ? void 0 : context.getDisplayer();
     this.slide = this.createSlide(anchor);
     this.syncStateOnceFlag = !this.context.isAddApp;
+    this.visible = document.visibilityState === "visible";
+    this.savedIsFrozen = false;
     this.initialize();
   }
   jumpToPage(page) {
@@ -36820,6 +36836,10 @@ class SlideController {
     slide.on(Slide.SLIDE_EVENTS.stateChange, this.onStateChange);
     slide.on(Slide.SLIDE_EVENTS.syncDispatch, this.onSyncDispatch);
     slide.on(Slide.SLIDE_EVENTS.renderEnd, this.resolveReady);
+    this.sideEffect.add(() => {
+      document.addEventListener("visibilitychange", this.onVisibilityChange);
+      return () => document.removeEventListener("visibilitychange", this.onVisibilityChange);
+    });
   }
   syncStateOnce() {
     if (this.syncStateOnceFlag) {
@@ -38214,7 +38234,7 @@ class SlidePreviewer {
     return `${this.namespace}-${className}`;
   }
 }
-const version = "0.1.1";
+const version = "0.1.2";
 const SlideApp = {
   kind: "Slide",
   setup(context) {