@netless/app-slide 0.2.105-beta.1 → 0.2.105-beta.3

package/dist/main.es.js

@@ -41502,8 +41502,6 @@ class ResizableContainer {
         this.whiteboardContainer.style.clipPath = `inset(${padding}px 0px ${padding}px 0px)`;
       }
     }
-    this.translateX = 0.5;
-    this.translateY = 0.5;
     this.renderScrollBar(
       parentBounds.width,
       parentBounds.width * this.scale,
@@ -41512,14 +41510,15 @@ class ResizableContainer {
     );
     this.handleNormalizeTranslate(this.translateX, this.translateY, {
       triggerScrollBar: true,
-      triggerSync: true
+      triggerSync: false,
+      force: true
     });
     (_a = this.slide) == null ? void 0 : _a.notifyFrameResize();
     (_b = this.onLayoutUpdated) == null ? void 0 : _b.call(this);
   }
   handleNormalizeTranslate(x, y, options) {
     var _a;
-    if (Math.abs(x - this.translateX) < 1e-3 && Math.abs(y - this.translateY) < 1e-3 && !options.triggerSync) {
+    if (Math.abs(x - this.translateX) < 1e-3 && Math.abs(y - this.translateY) < 1e-3 && !options.triggerSync && !options.force) {
       return;
     }
     const parentBounds = this.scrollContainer.getBoundingClientRect();
@@ -42365,6 +42364,7 @@ class SlideDocsViewer {
     this.render();
     this._registerBoxSizeChange();
     this.sideEffect.add(() => {
+      var _a, _b;
       const applyScale = (scale) => {
         if (this.resizableContainer) {
           this.resizableContainer.scaleContainer(scale);
@@ -42381,16 +42381,22 @@ class SlideDocsViewer {
       } else {
         console.log("[SlideDocsViewer] No initial slideScale found");
       }
+      const initialTranslateX = (_a = this.context.storage.state.translateX) != null ? _a : 0.5;
+      const initialTranslateY = (_b = this.context.storage.state.translateY) != null ? _b : 0.5;
+      this.resizableContainer.handleNormalizeTranslate(initialTranslateX, initialTranslateY, {
+        triggerScrollBar: true,
+        triggerSync: false
+      });
       const handler = (diff) => {
-        var _a, _b;
+        var _a2, _b2;
         if (diff.slideScale !== void 0) {
           const newScale = diff.slideScale.newValue;
           applyScale(newScale != null ? newScale : 1);
         }
         if (diff.translateX !== void 0 || diff.translateY !== void 0) {
           const currentTranslate = this.resizableContainer.getTranslate();
-          const translateX = diff.translateX ? (_a = diff.translateX.newValue) != null ? _a : 0.5 : currentTranslate.x;
-          const translateY = diff.translateY ? (_b = diff.translateY.newValue) != null ? _b : 0.5 : currentTranslate.y;
+          const translateX = diff.translateX ? (_a2 = diff.translateX.newValue) != null ? _a2 : 0.5 : currentTranslate.x;
+          const translateY = diff.translateY ? (_b2 = diff.translateY.newValue) != null ? _b2 : 0.5 : currentTranslate.y;
           if (this.resizableContainer) {
             this.resizableContainer.handleNormalizeTranslate(translateX, translateY, {
               triggerScrollBar: true,
@@ -42853,7 +42859,7 @@ class SlidePreviewer {
   }
 }
 const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
-const version = "0.2.105-beta.1";
+const version = "0.2.105-beta.3";
 const DEFAULT_SLIDE_SETUP_READY_TIMEOUT = 5e3;
 const SlideApp = {
   kind: "Slide",
@@ -42919,6 +42925,8 @@ const SlideApp = {
         apps.set(context.appId, slideController, box);
       logger.setAppController(context.appId, slideController);
       slideController.readyPromise.then(options.onReady).then(() => {
+        if (disposed)
+          return;
         const room2 = context.getRoom();
         let synced = false;
         if (room2 && context.getIsWritable()) {
@@ -42973,6 +42981,44 @@ const SlideApp = {
         return () => room.callbacks.off("onRoomStateChanged", onRoomStateChanged);
       });
     }
+    const isLazySetupMode = () => {
+      var _a2;
+      return ((_a2 = context.getWindowManager()) == null ? void 0 : _a2.lazySetupInMaximizedMode) === true;
+    };
+    const isBlurFreezeAllowed = () => {
+      var _a2;
+      const boxStatus = context.getBoxStatus();
+      if (boxStatus)
+        return boxStatus !== "normal";
+      const boxState = (_a2 = context.getWindowManager()) == null ? void 0 : _a2.boxState;
+      return boxState != null && boxState !== "normal";
+    };
+    sideEffect.add(
+      () => context.emitter.on("focus", (isFocused) => {
+        if (disposed)
+          return;
+        if (!isLazySetupMode())
+          return;
+        const controller = docsViewer == null ? void 0 : docsViewer.slideController;
+        if (!controller)
+          return;
+        if (!isFocused) {
+          if (!isBlurFreezeAllowed())
+            return;
+          if (!controller.isFrozen) {
+            log("[Slide] blur freeze", context.appId);
+            controller.freeze();
+          }
+          return;
+        }
+        if (useFreezer) {
+          apps.focus(context.appId);
+        } else if (controller.isFrozen) {
+          log("[Slide] focus unfreeze", context.appId);
+          controller.unfreeze();
+        }
+      })
+    );
     let disposed = false;
     let offDestroy;
     const teardown = () => {
@@ -43036,6 +43082,10 @@ const SlideApp = {
           translateX: 0.5,
           translateY: 0.5
         });
+        container.handleNormalizeTranslate(0.5, 0.5, {
+          triggerScrollBar: true,
+          triggerSync: false
+        });
         container.scaleContainer(applyScale);
       },
       getViewScale: () => {