@netless/window-manager 1.0.0-canary.6 → 1.0.0-canary.9

package/src/View/MainView.ts

@@ -32,34 +32,29 @@ export class MainViewProxy {
             this.ensureCameraAndSize();
             this.startListenWritableChange();
         });
-        this.sideEffectManager.add(() => {
-            return emitter.on("containerSizeRatioUpdate", this.onUpdateContainerSizeRatio);
-        });
-        this.sideEffectManager.add(() => {
-            return emitter.on("startReconnect", () => {
+        this.sideEffectManager.add(() => [
+            emitter.on("containerSizeRatioUpdate", this.onUpdateContainerSizeRatio),
+            emitter.on("startReconnect", () => {
                 releaseView(this.mainView);
-            });
-        });
+            }),
+            emitter.on("playgroundSizeChange", rect => {
+                this.synchronizer.setRect(rect);
+            })
+        ]);
         const rect = this.manager.boxManager?.stageRect;
         if (rect) {
             this.synchronizer.setRect(rect);
         }
-        this.sideEffectManager.add(() => {
-            return emitter.on("playgroundSizeChange", rect => {
-                this.synchronizer.setRect(rect);
-                // this.synchronizer.onLocalSizeUpdate(rect);
-            });
-        });
     }
 
     private startListenWritableChange = () => {
-        this.sideEffectManager.add(() => {
-            return emitter.on("writableChange", isWritable => {
+        this.sideEffectManager.add(() =>
+            emitter.on("writableChange", isWritable => {
                 if (isWritable) {
                     this.ensureCameraAndSize();
                 }
-            });
-        });
+            })
+        );
     };
 
     public ensureCameraAndSize() {
@@ -87,14 +82,13 @@ export class MainViewProxy {
 
     public start() {
         if (this.started) return;
-        this.sizeChangeHandler(this.mainViewSize);
         this.addCameraListener();
         this.addCameraReaction();
         this.started = true;
     }
 
     public addCameraReaction = () => {
-        this.manager.refresher?.add(Fields.MainViewCamera, this.cameraReaction);
+        this.manager.refresher.add(Fields.MainViewCamera, this.cameraReaction);
     };
 
     public setCameraAndSize(): void {
@@ -118,15 +112,8 @@ export class MainViewProxy {
         );
     };
 
-    public sizeChangeHandler = debounce((size: Size) => {
-        if (size) {
-            // this.synchronizer.onLocalSizeUpdate(size);
-        }
-    }, 30);
-
     public onUpdateContainerSizeRatio = () => {
         const size = this.store.getMainViewSize();
-        this.sizeChangeHandler(size);
         if (size.id === this.manager.uid) {
             this.setCameraAndSize();
         }
@@ -242,8 +229,8 @@ export class MainViewProxy {
 
     public stop() {
         this.removeCameraListener();
-        this.manager.refresher?.remove(Fields.MainViewCamera);
-        this.manager.refresher?.remove(Fields.MainViewSize);
+        this.manager.refresher.remove(Fields.MainViewCamera);
+        this.manager.refresher.remove(Fields.MainViewSize);
         this.started = false;
     }
 

package/src/index.ts

@@ -129,8 +129,8 @@ export type MountParams = {
     container?: HTMLElement;
     /** 白板高宽比例, 默认为 9 / 16 */
     containerSizeRatio?: number;
-    /** 显示 PS 透明背景，默认 true */
-    chessboard?: boolean;
+    /** 是否高亮显示同步区域, 默认为 true */
+    highlightStage?: boolean;
     collectorContainer?: HTMLElement;
     collectorStyles?: Partial<CSSStyleDeclaration>;
     overwriteStyles?: string;
@@ -241,6 +241,7 @@ export class WindowManager extends InvisiblePlugin<WindowMangerAttributes> imple
             collectorStyles: params.collectorStyles,
             prefersColorScheme: params.prefersColorScheme,
             stageRatio: params.containerSizeRatio,
+            highlightStage: params.highlightStage
         });
         manager.appManager?.setBoxManager(manager.boxManager);
         if (params.container) {
@@ -504,6 +505,18 @@ export class WindowManager extends InvisiblePlugin<WindowMangerAttributes> imple
         }
     }
 
+    public async jumpPage(index: number): Promise<boolean> {
+        if (!this.appManager) {
+            return false;
+        }
+        if (index < 0 || index >= this.pageState.length) {
+            console.warn(`[WindowManager]: index ${index} out of range`);
+            return false;
+        }
+        await this.appManager.setMainViewSceneIndex(index);
+        return true;
+    }
+
     public async addPage(params?: AddPageParams): Promise<void> {
         if (this.appManager) {
             const after = params?.after;

package/dist/View/ViewSync.d.ts

@@ -1,7 +0,0 @@
-import type { Camera, Size } from "white-web-sdk";
-export interface ViewSync {
-    readonly camera: Camera;
-    readonly size: Size;
-    setCamera: (camera: Camera) => void;
-    setSize: (size: Size) => void;
-}

package/src/View/ViewSync.ts

@@ -1,10 +0,0 @@
-import type { Camera, Size } from "white-web-sdk";
-
-
-export interface ViewSync {
-    readonly camera: Camera;
-    readonly size: Size;
-
-    setCamera: (camera: Camera) => void;
-    setSize: (size: Size) => void;      
-}