@netless/app-slide 0.2.1 → 0.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/app-slide",
-  "version": "0.2.1",
+  "version": "0.2.4",
   "main": "dist/main.cjs.js",
   "module": "dist/main.es.js",
   "types": "dist/index.d.ts",
@@ -10,12 +10,12 @@
     "README-zh.md"
   ],
   "devDependencies": {
-    "@netless/app-shared": "^0.1.1",
-    "@netless/slide": "^0.3.6",
+    "@netless/app-shared": "0.1.2",
+    "@netless/slide": "^0.5.10",
     "@types/color-string": "^1.5.2",
-    "color-string": "^1.9.0",
-    "side-effect-manager": "^0.1.5",
-    "vanilla-lazyload": "^17.8.2"
+    "color-string": "^1.9.1",
+    "side-effect-manager": "^1.1.1",
+    "vanilla-lazyload": "^17.8.3"
   },
   "scripts": {
     "types": "cross-env NODE_ENV=production tsc --declaration --emitDeclarationOnly --outDir dist",

package/src/SlideController/index.ts

@@ -247,6 +247,7 @@ export class SlideController {
   }
 
   private createSlide(anchor: HTMLDivElement) {
+    const options = this.context.getAppOptions() || {};
     const slide = new Slide({
       anchor,
       interactive: true,
@@ -255,12 +256,13 @@ export class SlideController {
       controller: logger.enable,
       enableGlobalClick: true,
       renderOptions: {
-        minFPS: this.context.getAppOptions()?.minFPS || 25,
-        maxFPS: this.context.getAppOptions()?.maxFPS || 30,
-        autoFPS: this.context.getAppOptions()?.autoFPS ?? true,
-        autoResolution: this.context.getAppOptions()?.autoResolution ?? true,
-        resolution: this.context.getAppOptions()?.resolution,
-        transactionBgColor: this.context.getAppOptions()?.bgColor || cachedGetBgColor(anchor),
+        minFPS: options.minFPS || 25,
+        maxFPS: options.maxFPS || 30,
+        autoFPS: options.autoFPS ?? true,
+        autoResolution: options.autoResolution ?? true,
+        resolution: options.resolution,
+        transactionBgColor: options.bgColor || cachedGetBgColor(anchor),
+        maxResolutionLevel: options.maxResolutionLevel,
       },
       timestamp: this.timestamp,
     });
@@ -294,33 +296,12 @@ export class SlideController {
 
   public isFrozen = false;
   private _toFreeze: -1 | 0 | 1 = 0; // -1: unfreeze, 0: no change, 1: freeze
-  private freezePromise: Promise<void> | null = null;
-
-  private afterFreeze(from: -1 | 1) {
-    if (from === 1) {
-      this.isFrozen = true;
-      this.freezePromise = null;
-      if (this._toFreeze === -1) {
-        this.unfreeze();
-      }
-    } else if (from === -1) {
-      this.isFrozen = false;
-      this.freezePromise = null;
-      if (this._toFreeze === 1) {
-        this.freeze();
-      }
-    }
-  }
 
   public freeze = () => {
+    this.isFrozen = true;
     if (this.ready) {
       log("[Slide] freeze", this.context.appId);
-      if (this.freezePromise) {
-        this._toFreeze = 1;
-      } else if (!this.isFrozen) {
-        this._toFreeze = 0;
-        this.freezePromise = this.slide.frozen().then(this.afterFreeze.bind(this, 1));
-      }
+      this.slide.frozen();
     } else {
       this._toFreeze = 1;
     }
@@ -328,14 +309,10 @@ export class SlideController {
 
   public unfreeze = async () => {
     if (!this.visible) return;
+    this.isFrozen = false;
     if (this.ready) {
       log("[Slide] unfreeze", this.context.appId);
-      if (this.freezePromise) {
-        this._toFreeze = -1;
-      } else if (this.isFrozen) {
-        this._toFreeze = 0;
-        this.freezePromise = this.slide.release().then(this.afterFreeze.bind(this, -1));
-      }
+      this.slide.release();
     } else {
       this._toFreeze = -1;
     }
@@ -343,7 +320,7 @@ export class SlideController {
 
   private onVisibilityChange = async () => {
     if (!(this.visible = document.visibilityState === "visible")) {
-      this.savedIsFrozen = this.freezePromise ? this._toFreeze === 1 : this.isFrozen;
+      this.savedIsFrozen = this.isFrozen;
       log("[Slide] freeze because tab becomes invisible");
       this.freeze();
     } else {

package/src/SlidePreviewer/index.ts

@@ -117,7 +117,7 @@ export class SlidePreviewer {
 
     this.slide = new Slide({
       anchor: this.$slide,
-      interactive: false,
+      interactive: true,
       mode: "local",
       resize: true,
       controller: this.debug,

package/src/index.ts

@@ -41,6 +41,8 @@ export interface AppOptions {
   autoFPS?: boolean;
   /** whether to re-scale automatically @default true */
   autoResolution?: boolean;
+  /** 1~4, default: 3 */
+  maxResolutionLevel?: number;
 }
 
 export interface Controller {