@netless/app-slide 0.1.1 → 0.1.4

package/dist/main.es.js

@@ -31618,7 +31618,7 @@ void main(void){
           r3 ? e4.position.y = h2 > 0 ? h2 : 0 : e4.position.x = u2, this.textureContainer.addChild(e4);
       }
       if (this.underline && (this.underline.render(), this.underline.sprite)) {
-        r3 ? (this.underline.sprite.position.y = o3 ? o3 - n2 / 16 : i2, this.underline.sprite.position.x = 0) : (this.underline.sprite.position.x = 0, this.underline.sprite.position.y = 0), document.body.appendChild(this.ctx.renderer.plugins.extract.image(this.underline.sprite));
+        r3 ? (this.underline.sprite.position.y = o3 ? o3 - n2 / 16 : i2, this.underline.sprite.position.x = 0) : (this.underline.sprite.position.x = 0, this.underline.sprite.position.y = 0);
         const t4 = this.textFill.getClonedDisplayObject();
         t4 ? (t4.mask = this.underline.sprite, t4.addChild(this.underline.sprite), this.textureContainer.addChild(t4)) : this.textureContainer.addChild(this.underline.sprite);
       }
@@ -35794,7 +35794,7 @@ void main(void){
   }
   var $P = { syncDispatch: "syncDispatch", syncReceive: "syncReceive", renderStart: "renderStart", renderEnd: "renderEnd", renderError: "renderError", slideChange: "slideChange", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", animateStart: "animateStart", animateEnd: "animateEnd", stateChange: "stateChange" }, QP = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: /* @__PURE__ */ Object.create(null), interactiveSeqState: /* @__PURE__ */ Object.create(null) }, tI = "";
   try {
-    tI = "0.2.8";
+    tI = "0.2.10";
   } catch (t3) {
     tI = "dev";
   }
@@ -36563,11 +36563,22 @@ class Logger {
     this.apps = {};
     this.level = "debug";
     this._onMessage = (ev) => {
-      if (isObj(ev.data)) {
-        if (typeof ev.data.slide === "boolean") {
-          this.enable = ev.data.slide;
-        } else if (ev.data.slide === "__instance") {
+      let data;
+      if (ev instanceof CustomEvent) {
+        data = ev.detail;
+      } else if (isObj(ev.data)) {
+        data = ev.data;
+      }
+      if (data) {
+        if (typeof data.slide === "boolean") {
+          this.enable = data.slide;
+        } else if (data.slide === "__instance") {
           console.log(this);
+        } else if (data.slide === "__debug") {
+          Object.values(this.apps).forEach((app) => {
+            var _a, _b;
+            (_b = (_a = app.controller) == null ? void 0 : _a.slide) == null ? void 0 : _b.createController();
+          });
         }
       }
     };
@@ -36750,6 +36761,8 @@ class SlideController {
       }
     };
     this.unfreeze = async () => {
+      if (!this.visible)
+        return;
       if (this.ready) {
         log("[Slide] unfreeze", this.context.appId);
         if (this.freezePromise) {
@@ -36762,6 +36775,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 +36796,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 +36847,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) {
@@ -36844,7 +36875,7 @@ class SlideController {
     return this.slide.slideState.currentSlideIndex;
   }
   createSlide(anchor) {
-    var _a, _b;
+    var _a, _b, _c, _d, _e, _f;
     const slide = new Slide.Slide({
       anchor,
       interactive: true,
@@ -36853,12 +36884,12 @@ class SlideController {
       controller: logger.enable,
       enableGlobalClick: true,
       renderOptions: {
-        minFPS: 25,
-        maxFPS: 30,
+        minFPS: ((_a = this.context.getAppOptions()) == null ? void 0 : _a.minFPS) || 25,
+        maxFPS: ((_b = this.context.getAppOptions()) == null ? void 0 : _b.maxFPS) || 30,
         autoFPS: true,
-        autoResolution: true,
-        resolution: (_a = this.context.getAppOptions()) == null ? void 0 : _a.resolution,
-        transactionBgColor: ((_b = this.context.getAppOptions()) == null ? void 0 : _b.bgColor) || cachedGetBgColor(anchor)
+        autoResolution: (_d = (_c = this.context.getAppOptions()) == null ? void 0 : _c.autoResolution) != null ? _d : true,
+        resolution: (_e = this.context.getAppOptions()) == null ? void 0 : _e.resolution,
+        transactionBgColor: ((_f = this.context.getAppOptions()) == null ? void 0 : _f.bgColor) || cachedGetBgColor(anchor)
       },
       timestamp: this.timestamp
     });
@@ -38214,7 +38245,7 @@ class SlidePreviewer {
     return `${this.namespace}-${className}`;
   }
 }
-const version = "0.1.1";
+const version = "0.1.4";
 const SlideApp = {
   kind: "Slide",
   setup(context) {