@netless/app-slide 0.2.0 → 0.2.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/app-slide",
-  "version": "0.2.0",
+  "version": "0.2.3",
   "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.3",
+    "@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.6.1"
+    "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

@@ -294,33 +294,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 +307,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 +318,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,