@netless/app-slide 0.3.0-canary.3 → 0.3.0-canary.4

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@netless/app-slide",
-  "version": "0.3.0-canary.3",
-  "main": "dist/main.cjs.js",
-  "module": "dist/main.es.js",
+  "version": "0.3.0-canary.4",
+  "main": "dist/main.js",
+  "module": "dist/main.mjs",
   "types": "dist/index.d.ts",
   "files": [
     "src",
@@ -10,10 +10,10 @@
     "README-zh.md"
   ],
   "devDependencies": {
-    "@netless/slide": "^0.4.7",
+    "@netless/slide": "^0.5.3",
     "@types/color-string": "^1.5.2",
     "color-string": "^1.9.1",
-    "side-effect-manager": "^1.1.0",
+    "side-effect-manager": "^1.1.1",
     "value-enhancer": "^1.3.0",
     "vanilla-lazyload": "^17.8.2"
   },

package/src/SlideViewer.ts

@@ -538,25 +538,18 @@ export class SlideViewer {
   }
 
   private _isFrozen = false;
-  private _freezePromise: Promise<void> | null = null;
 
   freeze() {
     if (this._destroyed) return;
     this._isFrozen = true;
-    if (!this._ready || this._freezePromise) return;
-    this._freezePromise = this.slide.frozen().then(() => {
-      this._freezePromise = null;
-      if (!this._isFrozen) this.unfreeze();
-    });
+    if (!this._ready) return;
+    this.slide.frozen();
   }
 
   unfreeze() {
     if (this._destroyed) return;
     this._isFrozen = false;
-    if (!this._ready || this._freezePromise) return;
-    this._freezePromise = this.slide.release().then(() => {
-      this._freezePromise = null;
-      if (this._isFrozen) this.freeze();
-    });
+    if (!this._ready) return;
+    this.slide.release();
   }
 }

package/src/index.ts

@@ -170,6 +170,7 @@ function connect({ context, viewer, sideEffect, logger }: ConnectParams) {
     if (context.destroyed) return;
     width && context.box.setStageRatio(height / width);
     whiteboard = context.createWhiteBoardView({ size: slideCount });
+    whiteboard.setBaseRect({ width, height });
     kick_start();
   });
 

package/src/style.scss

@@ -87,7 +87,7 @@ $namespace: "netless-app-slide";
   transform: translate(-100%);
   text-align: right;
   font-size: 12px;
-  // color: #5f5f5f;
+  color: #5f5f5f;
   user-select: none;
 }