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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/app-slide",
-  "version": "0.2.105-beta.1",
+  "version": "0.2.105-beta.3",
   "main": "dist/main.cjs.js",
   "module": "dist/main.es.js",
   "types": "dist/index.d.ts",

package/src/DocsViewer/ResizableContainer.ts

@@ -130,9 +130,6 @@ export class ResizableContainer {
       }
     }
 
-    this.translateX = 0.5;
-    this.translateY = 0.5;
-
     this.renderScrollBar(
       parentBounds.width,
       parentBounds.width * this.scale,
@@ -141,7 +138,8 @@ export class ResizableContainer {
     );
     this.handleNormalizeTranslate(this.translateX, this.translateY, {
       triggerScrollBar: true,
-      triggerSync: true,
+      triggerSync: false,
+      force: true,
     });
 
     // enableScale / scaleView 只改变内部 container 的像素尺寸，box 本身不变。
@@ -158,12 +156,14 @@ export class ResizableContainer {
     options: {
       triggerScrollBar: boolean;
       triggerSync: boolean;
+      force?: boolean;
     }
   ) {
     if (
       Math.abs(x - this.translateX) < 0.001 &&
       Math.abs(y - this.translateY) < 0.001 &&
-      !options.triggerSync
+      !options.triggerSync &&
+      !options.force
     ) {
       return;
     }

package/src/SlideDocsViewer/index.ts

@@ -163,6 +163,13 @@ export class SlideDocsViewer {
         console.log("[SlideDocsViewer] No initial slideScale found");
       }
 
+      const initialTranslateX = this.context.storage.state.translateX ?? 0.5;
+      const initialTranslateY = this.context.storage.state.translateY ?? 0.5;
+      this.resizableContainer.handleNormalizeTranslate(initialTranslateX, initialTranslateY, {
+        triggerScrollBar: true,
+        triggerSync: false,
+      });
+
       const handler: StorageStateChangedListener<Attributes> = diff => {
         if (diff.slideScale !== undefined) {
           // slideScale 是一个包含 newValue 和 oldValue 的对象

package/src/index.ts

@@ -202,6 +202,9 @@ const SlideApp: NetlessApp<Attributes, MagixEvents, AppOptions, AppResult> & {
         (window as any).slideController = slideController;
       }
       slideController.readyPromise.then(options.onReady).then(() => {
+        // Teardown may have destroyed the box while this deferred callback
+        // was pending; syncing scenes against a destroyed app throws.
+        if (disposed) return;
         const room = context.getRoom();
         let synced = false;
         if (room && context.getIsWritable()) {
@@ -266,6 +269,46 @@ const SlideApp: NetlessApp<Attributes, MagixEvents, AppOptions, AppResult> & {
       });
     }
 
+    // Blur freeze (same semantics as the Presentation blur thumbnail
+    // degradation): while the app is cached and loses focus in a
+    // maximized/minimized workspace, freeze the slide (destroy the player,
+    // keep a snapshot); on focus, unfreeze. Freezing is skipped in normal
+    // mode where several windows are visible side by side. The whole flow is
+    // a lazy-mode-only cache optimization: inactive unless the WindowManager
+    // runs with lazySetupInMaximizedMode enabled (read dynamically — lazy can
+    // be disabled at runtime, e.g. when forceMaximized is cleared).
+    const isLazySetupMode = (): boolean =>
+      (context.getWindowManager() as any)?.lazySetupInMaximizedMode === true;
+    const isBlurFreezeAllowed = (): boolean => {
+      const boxStatus = context.getBoxStatus();
+      if (boxStatus) return boxStatus !== "normal";
+      const boxState = context.getWindowManager()?.boxState;
+      return boxState != null && boxState !== "normal";
+    };
+    sideEffect.add(
+      () =>
+        context.emitter.on("focus", (isFocused: boolean) => {
+          if (disposed) return;
+          if (!isLazySetupMode()) return;
+          const controller = 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: (() => void) | undefined;
     const teardown = () => {
@@ -333,6 +376,10 @@ const SlideApp: NetlessApp<Attributes, MagixEvents, AppOptions, AppResult> & {
           translateX: 0.5,
           translateY: 0.5,
         });
+        container.handleNormalizeTranslate(0.5, 0.5, {
+          triggerScrollBar: true,
+          triggerSync: false,
+        });
         container.scaleContainer(applyScale);
       },
       getViewScale: () => {