@netless/window-manager 1.0.0-canary.63 → 1.0.0-canary.64

package/dist/index.js

@@ -873,7 +873,7 @@ class WhiteBoardView {
     const camera$ = new valueEnhancer.Val(pickCamera(this.view.camera));
     this.baseRect$ = baseRect$;
     this.pageState$ = pageState$;
-    this.baseCamera$ = camera$;
+    this.camera$ = camera$;
     this.appProxy.sideEffectManager.add(() => [
       appProxy.appEmitter.on("pageStateChange", (pageState) => pageState$.setValue(pageState)),
       appProxy.camera$.subscribe((camera) => {
@@ -1328,7 +1328,7 @@ class CameraSynchronizer {
     }
   }
   moveCamera(camera) {
-    if (!lodash.isEmpty(camera) && this.view && camera.centerX && camera.centerY) {
+    if (!lodash.isEmpty(camera) && this.view && camera.centerX != null && camera.centerY != null) {
       if (lodash.isEqual(camera, this.view.camera))
         return;
       const { centerX, centerY, scale: scale2 } = camera;
@@ -2560,11 +2560,6 @@ class MainViewProxy {
         }
       }
     }));
-    this.camera$.reaction((camera) => {
-      if (camera) {
-        callbacks.emit("baseCameraChange", camera);
-      }
-    });
     this.size$.reaction((size) => {
       if (size) {
         callbacks.emit("baseSizeChange", size);
@@ -12756,7 +12751,7 @@ const reconnectRefresher = new ReconnectRefresher({ emitter });
 const _WindowManager = class extends whiteWebSdk.InvisiblePlugin {
   constructor(context) {
     super(context);
-    this.version = "1.0.0-canary.63";
+    this.version = "1.0.0-canary.64";
     this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/synced-store": "^2.0.7", "@netless/telebox-insider": "1.0.0-alpha.37", "emittery": "^0.11.0", "lodash": "^4.17.21", "p-retry": "^4.6.2", "side-effect-manager": "^1.2.1", "uuid": "^7.0.3", "value-enhancer": "^1.3.2" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "^1.0.0-canary.3", "@netless/app-plyr": "^0.2.3", "@playwright/test": "^1.23.2", "@rollup/plugin-commonjs": "^20.0.0", "@rollup/plugin-node-resolve": "^13.0.4", "@rollup/plugin-url": "^6.1.0", "@sveltejs/vite-plugin-svelte": "^1.0.0-next.49", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.6", "@types/node": "^18.0.3", "@types/uuid": "^8.3.4", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.2", "cypress": "^8.7.0", "dotenv": "^10.0.0", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-svelte3": "^3.2.0", "jsdom": "^19.0.0", "less": "^4.1.3", "prettier": "^2.3.2", "prettier-plugin-svelte": "^2.4.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^3.14.1", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^3.1.3", "vite-plugin-dts": "^1.5.0", "vitest": "^0.23.4", "white-web-sdk": "^2.16.35" } };
     this.emitter = callbacks;
     this.viewMode$ = new valueEnhancer.Val(whiteWebSdk.ViewMode.Broadcaster);
@@ -12774,15 +12769,19 @@ const _WindowManager = class extends whiteWebSdk.InvisiblePlugin {
       (_a2 = this.appManager) == null ? void 0 : _a2.dispatchInternalEvent(Events.MoveCamera, camera);
     };
     this.debouncedStoreCamera = () => {
-      const storeCamera = lodash.debounce(() => {
-        var _a2, _b, _c;
+      const cameraListener = lodash.debounce(() => {
+        var _a2;
         (_a2 = this.appManager) == null ? void 0 : _a2.mainViewProxy.saveToCamera$();
-        (_b = this.appManager) == null ? void 0 : _b.mainViewProxy.storeCurrentCamera();
-        (_c = this.appManager) == null ? void 0 : _c.mainViewProxy.storeCurrentSize();
-        this.mainView.callbacks.off("onCameraUpdated", storeCamera);
-      }, 200);
-      this.mainView.callbacks.on("onCameraUpdated", storeCamera);
+        this.storeCamera();
+        this.mainView.callbacks.off("onCameraUpdated", cameraListener);
+      }, 50);
+      this.mainView.callbacks.on("onCameraUpdated", cameraListener);
     };
+    this.storeCamera = lodash.debounce(() => {
+      var _a2, _b;
+      (_a2 = this.appManager) == null ? void 0 : _a2.mainViewProxy.storeCurrentCamera();
+      (_b = this.appManager) == null ? void 0 : _b.mainViewProxy.storeCurrentSize();
+    }, 300);
     _WindowManager.displayer = context.displayer;
     window.NETLESS_DEPS = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/synced-store": "^2.0.7", "@netless/telebox-insider": "1.0.0-alpha.37", "emittery": "^0.11.0", "lodash": "^4.17.21", "p-retry": "^4.6.2", "side-effect-manager": "^1.2.1", "uuid": "^7.0.3", "value-enhancer": "^1.3.2" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "^1.0.0-canary.3", "@netless/app-plyr": "^0.2.3", "@playwright/test": "^1.23.2", "@rollup/plugin-commonjs": "^20.0.0", "@rollup/plugin-node-resolve": "^13.0.4", "@rollup/plugin-url": "^6.1.0", "@sveltejs/vite-plugin-svelte": "^1.0.0-next.49", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.6", "@types/node": "^18.0.3", "@types/uuid": "^8.3.4", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.2", "cypress": "^8.7.0", "dotenv": "^10.0.0", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-svelte3": "^3.2.0", "jsdom": "^19.0.0", "less": "^4.1.3", "prettier": "^2.3.2", "prettier-plugin-svelte": "^2.4.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^3.14.1", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^3.1.3", "vite-plugin-dts": "^1.5.0", "vitest": "^0.23.4", "white-web-sdk": "^2.16.35" } };
   }
@@ -13164,8 +13163,8 @@ const _WindowManager = class extends whiteWebSdk.InvisiblePlugin {
     var _a2;
     log("setViewMode", mode);
     const mainViewProxy = (_a2 = this.appManager) == null ? void 0 : _a2.mainViewProxy;
-    if (mode === whiteWebSdk.ViewMode.Broadcaster) {
-      if (this.canOperate) {
+    if (mode === whiteWebSdk.ViewMode.Broadcaster || mode === whiteWebSdk.ViewMode.Follower) {
+      if (this.canOperate && mode === whiteWebSdk.ViewMode.Broadcaster) {
         mainViewProxy == null ? void 0 : mainViewProxy.storeCurrentCamera();
         mainViewProxy == null ? void 0 : mainViewProxy.storeCurrentSize();
       }

package/dist/index.mjs

@@ -868,7 +868,7 @@ class WhiteBoardView {
     const camera$ = new Val(pickCamera(this.view.camera));
     this.baseRect$ = baseRect$;
     this.pageState$ = pageState$;
-    this.baseCamera$ = camera$;
+    this.camera$ = camera$;
     this.appProxy.sideEffectManager.add(() => [
       appProxy.appEmitter.on("pageStateChange", (pageState) => pageState$.setValue(pageState)),
       appProxy.camera$.subscribe((camera) => {
@@ -1323,7 +1323,7 @@ class CameraSynchronizer {
     }
   }
   moveCamera(camera) {
-    if (!isEmpty(camera) && this.view && camera.centerX && camera.centerY) {
+    if (!isEmpty(camera) && this.view && camera.centerX != null && camera.centerY != null) {
       if (isEqual(camera, this.view.camera))
         return;
       const { centerX, centerY, scale: scale2 } = camera;
@@ -2555,11 +2555,6 @@ class MainViewProxy {
         }
       }
     }));
-    this.camera$.reaction((camera) => {
-      if (camera) {
-        callbacks.emit("baseCameraChange", camera);
-      }
-    });
     this.size$.reaction((size) => {
       if (size) {
         callbacks.emit("baseSizeChange", size);
@@ -12751,7 +12746,7 @@ const reconnectRefresher = new ReconnectRefresher({ emitter });
 const _WindowManager = class extends InvisiblePlugin {
   constructor(context) {
     super(context);
-    this.version = "1.0.0-canary.63";
+    this.version = "1.0.0-canary.64";
     this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/synced-store": "^2.0.7", "@netless/telebox-insider": "1.0.0-alpha.37", "emittery": "^0.11.0", "lodash": "^4.17.21", "p-retry": "^4.6.2", "side-effect-manager": "^1.2.1", "uuid": "^7.0.3", "value-enhancer": "^1.3.2" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "^1.0.0-canary.3", "@netless/app-plyr": "^0.2.3", "@playwright/test": "^1.23.2", "@rollup/plugin-commonjs": "^20.0.0", "@rollup/plugin-node-resolve": "^13.0.4", "@rollup/plugin-url": "^6.1.0", "@sveltejs/vite-plugin-svelte": "^1.0.0-next.49", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.6", "@types/node": "^18.0.3", "@types/uuid": "^8.3.4", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.2", "cypress": "^8.7.0", "dotenv": "^10.0.0", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-svelte3": "^3.2.0", "jsdom": "^19.0.0", "less": "^4.1.3", "prettier": "^2.3.2", "prettier-plugin-svelte": "^2.4.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^3.14.1", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^3.1.3", "vite-plugin-dts": "^1.5.0", "vitest": "^0.23.4", "white-web-sdk": "^2.16.35" } };
     this.emitter = callbacks;
     this.viewMode$ = new Val(ViewMode.Broadcaster);
@@ -12769,15 +12764,19 @@ const _WindowManager = class extends InvisiblePlugin {
       (_a2 = this.appManager) == null ? void 0 : _a2.dispatchInternalEvent(Events.MoveCamera, camera);
     };
     this.debouncedStoreCamera = () => {
-      const storeCamera = debounce(() => {
-        var _a2, _b, _c;
+      const cameraListener = debounce(() => {
+        var _a2;
         (_a2 = this.appManager) == null ? void 0 : _a2.mainViewProxy.saveToCamera$();
-        (_b = this.appManager) == null ? void 0 : _b.mainViewProxy.storeCurrentCamera();
-        (_c = this.appManager) == null ? void 0 : _c.mainViewProxy.storeCurrentSize();
-        this.mainView.callbacks.off("onCameraUpdated", storeCamera);
-      }, 200);
-      this.mainView.callbacks.on("onCameraUpdated", storeCamera);
+        this.storeCamera();
+        this.mainView.callbacks.off("onCameraUpdated", cameraListener);
+      }, 50);
+      this.mainView.callbacks.on("onCameraUpdated", cameraListener);
     };
+    this.storeCamera = debounce(() => {
+      var _a2, _b;
+      (_a2 = this.appManager) == null ? void 0 : _a2.mainViewProxy.storeCurrentCamera();
+      (_b = this.appManager) == null ? void 0 : _b.mainViewProxy.storeCurrentSize();
+    }, 300);
     _WindowManager.displayer = context.displayer;
     window.NETLESS_DEPS = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/synced-store": "^2.0.7", "@netless/telebox-insider": "1.0.0-alpha.37", "emittery": "^0.11.0", "lodash": "^4.17.21", "p-retry": "^4.6.2", "side-effect-manager": "^1.2.1", "uuid": "^7.0.3", "value-enhancer": "^1.3.2" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "^1.0.0-canary.3", "@netless/app-plyr": "^0.2.3", "@playwright/test": "^1.23.2", "@rollup/plugin-commonjs": "^20.0.0", "@rollup/plugin-node-resolve": "^13.0.4", "@rollup/plugin-url": "^6.1.0", "@sveltejs/vite-plugin-svelte": "^1.0.0-next.49", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.6", "@types/node": "^18.0.3", "@types/uuid": "^8.3.4", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.2", "cypress": "^8.7.0", "dotenv": "^10.0.0", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-svelte3": "^3.2.0", "jsdom": "^19.0.0", "less": "^4.1.3", "prettier": "^2.3.2", "prettier-plugin-svelte": "^2.4.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^3.14.1", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^3.1.3", "vite-plugin-dts": "^1.5.0", "vitest": "^0.23.4", "white-web-sdk": "^2.16.35" } };
   }
@@ -13159,8 +13158,8 @@ const _WindowManager = class extends InvisiblePlugin {
     var _a2;
     log("setViewMode", mode);
     const mainViewProxy = (_a2 = this.appManager) == null ? void 0 : _a2.mainViewProxy;
-    if (mode === ViewMode.Broadcaster) {
-      if (this.canOperate) {
+    if (mode === ViewMode.Broadcaster || mode === ViewMode.Follower) {
+      if (this.canOperate && mode === ViewMode.Broadcaster) {
         mainViewProxy == null ? void 0 : mainViewProxy.storeCurrentCamera();
         mainViewProxy == null ? void 0 : mainViewProxy.storeCurrentSize();
       }

package/dist/index.umd.js

@@ -866,7 +866,7 @@
       const camera$ = new valueEnhancer.Val(pickCamera(this.view.camera));
       this.baseRect$ = baseRect$;
       this.pageState$ = pageState$;
-      this.baseCamera$ = camera$;
+      this.camera$ = camera$;
       this.appProxy.sideEffectManager.add(() => [
         appProxy.appEmitter.on("pageStateChange", (pageState) => pageState$.setValue(pageState)),
         appProxy.camera$.subscribe((camera) => {
@@ -1321,7 +1321,7 @@
       }
     }
     moveCamera(camera) {
-      if (!lodash.isEmpty(camera) && this.view && camera.centerX && camera.centerY) {
+      if (!lodash.isEmpty(camera) && this.view && camera.centerX != null && camera.centerY != null) {
         if (lodash.isEqual(camera, this.view.camera))
           return;
         const { centerX, centerY, scale: scale2 } = camera;
@@ -2553,11 +2553,6 @@
           }
         }
       }));
-      this.camera$.reaction((camera) => {
-        if (camera) {
-          callbacks.emit("baseCameraChange", camera);
-        }
-      });
       this.size$.reaction((size) => {
         if (size) {
           callbacks.emit("baseSizeChange", size);
@@ -12749,7 +12744,7 @@
   const _WindowManager = class extends whiteWebSdk.InvisiblePlugin {
     constructor(context) {
       super(context);
-      this.version = "1.0.0-canary.63";
+      this.version = "1.0.0-canary.64";
       this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/synced-store": "^2.0.7", "@netless/telebox-insider": "1.0.0-alpha.37", "emittery": "^0.11.0", "lodash": "^4.17.21", "p-retry": "^4.6.2", "side-effect-manager": "^1.2.1", "uuid": "^7.0.3", "value-enhancer": "^1.3.2" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "^1.0.0-canary.3", "@netless/app-plyr": "^0.2.3", "@playwright/test": "^1.23.2", "@rollup/plugin-commonjs": "^20.0.0", "@rollup/plugin-node-resolve": "^13.0.4", "@rollup/plugin-url": "^6.1.0", "@sveltejs/vite-plugin-svelte": "^1.0.0-next.49", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.6", "@types/node": "^18.0.3", "@types/uuid": "^8.3.4", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.2", "cypress": "^8.7.0", "dotenv": "^10.0.0", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-svelte3": "^3.2.0", "jsdom": "^19.0.0", "less": "^4.1.3", "prettier": "^2.3.2", "prettier-plugin-svelte": "^2.4.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^3.14.1", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^3.1.3", "vite-plugin-dts": "^1.5.0", "vitest": "^0.23.4", "white-web-sdk": "^2.16.35" } };
       this.emitter = callbacks;
       this.viewMode$ = new valueEnhancer.Val(whiteWebSdk.ViewMode.Broadcaster);
@@ -12767,15 +12762,19 @@
         (_a2 = this.appManager) == null ? void 0 : _a2.dispatchInternalEvent(Events.MoveCamera, camera);
       };
       this.debouncedStoreCamera = () => {
-        const storeCamera = lodash.debounce(() => {
-          var _a2, _b, _c;
+        const cameraListener = lodash.debounce(() => {
+          var _a2;
           (_a2 = this.appManager) == null ? void 0 : _a2.mainViewProxy.saveToCamera$();
-          (_b = this.appManager) == null ? void 0 : _b.mainViewProxy.storeCurrentCamera();
-          (_c = this.appManager) == null ? void 0 : _c.mainViewProxy.storeCurrentSize();
-          this.mainView.callbacks.off("onCameraUpdated", storeCamera);
-        }, 200);
-        this.mainView.callbacks.on("onCameraUpdated", storeCamera);
+          this.storeCamera();
+          this.mainView.callbacks.off("onCameraUpdated", cameraListener);
+        }, 50);
+        this.mainView.callbacks.on("onCameraUpdated", cameraListener);
       };
+      this.storeCamera = lodash.debounce(() => {
+        var _a2, _b;
+        (_a2 = this.appManager) == null ? void 0 : _a2.mainViewProxy.storeCurrentCamera();
+        (_b = this.appManager) == null ? void 0 : _b.mainViewProxy.storeCurrentSize();
+      }, 300);
       _WindowManager.displayer = context.displayer;
       window.NETLESS_DEPS = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/synced-store": "^2.0.7", "@netless/telebox-insider": "1.0.0-alpha.37", "emittery": "^0.11.0", "lodash": "^4.17.21", "p-retry": "^4.6.2", "side-effect-manager": "^1.2.1", "uuid": "^7.0.3", "value-enhancer": "^1.3.2" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "^1.0.0-canary.3", "@netless/app-plyr": "^0.2.3", "@playwright/test": "^1.23.2", "@rollup/plugin-commonjs": "^20.0.0", "@rollup/plugin-node-resolve": "^13.0.4", "@rollup/plugin-url": "^6.1.0", "@sveltejs/vite-plugin-svelte": "^1.0.0-next.49", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.6", "@types/node": "^18.0.3", "@types/uuid": "^8.3.4", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.2", "cypress": "^8.7.0", "dotenv": "^10.0.0", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-svelte3": "^3.2.0", "jsdom": "^19.0.0", "less": "^4.1.3", "prettier": "^2.3.2", "prettier-plugin-svelte": "^2.4.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^3.14.1", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^3.1.3", "vite-plugin-dts": "^1.5.0", "vitest": "^0.23.4", "white-web-sdk": "^2.16.35" } };
     }
@@ -13157,8 +13156,8 @@
       var _a2;
       log("setViewMode", mode);
       const mainViewProxy = (_a2 = this.appManager) == null ? void 0 : _a2.mainViewProxy;
-      if (mode === whiteWebSdk.ViewMode.Broadcaster) {
-        if (this.canOperate) {
+      if (mode === whiteWebSdk.ViewMode.Broadcaster || mode === whiteWebSdk.ViewMode.Follower) {
+        if (this.canOperate && mode === whiteWebSdk.ViewMode.Broadcaster) {
           mainViewProxy == null ? void 0 : mainViewProxy.storeCurrentCamera();
           mainViewProxy == null ? void 0 : mainViewProxy.storeCurrentSize();
         }

package/dist/src/App/WhiteboardView.d.ts

@@ -13,7 +13,7 @@ export declare class WhiteBoardView implements PageController {
     protected appProxy: AppProxy;
     ensureSize: (size: number) => void;
     readonly pageState$: ReadonlyVal<PageState>;
-    readonly baseCamera$: ReadonlyVal<WhiteBoardViewCamera>;
+    readonly camera$: ReadonlyVal<WhiteBoardViewCamera>;
     readonly baseRect$: ReadonlyVal<WhiteBoardViewRect | undefined>;
     constructor(view: View, appContext: AppContext, appProxy: AppProxy, ensureSize: (size: number) => void);
     get pageState(): PageState;

package/dist/src/callback.d.ts

@@ -3,7 +3,7 @@ import type { TeleBoxColorScheme, TeleBoxFullscreen, TELE_BOX_STATE } from "@net
 import type { CameraState, SceneState, ViewVisionMode } from "white-web-sdk";
 import type { LoadAppEvent } from "./Register";
 import type { PageState } from "./Page";
-import type { ICamera, ISize } from "./AttributesDelegate";
+import type { ISize } from "./AttributesDelegate";
 import type { ScrollState } from "./View/ScrollMode";
 export declare type PublicEvent = {
     mainViewModeChange: ViewVisionMode;
@@ -26,7 +26,6 @@ export declare type PublicEvent = {
         kind: string;
         error?: Error;
     };
-    baseCameraChange: ICamera;
     baseSizeChange: ISize;
     fullscreenChange: TeleBoxFullscreen;
     userScroll: undefined;

package/dist/src/index.d.ts

@@ -248,6 +248,7 @@ export declare class WindowManager extends InvisiblePlugin<WindowMangerAttribute
         animationMode?: AnimationMode;
     }>): void;
     private debouncedStoreCamera;
+    private storeCamera;
     convertToPointInWorld(point: Point): Point;
     setCameraBound(cameraBound: CameraBound): void;
     onDestroy(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/window-manager",
-  "version": "1.0.0-canary.63",
+  "version": "1.0.0-canary.64",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/App/WhiteboardView.ts

@@ -15,7 +15,7 @@ export type WhiteBoardViewRect = Omit<ISize, "id">;
 
 export class WhiteBoardView implements PageController {
     public readonly pageState$: ReadonlyVal<PageState>;
-    public readonly baseCamera$: ReadonlyVal<WhiteBoardViewCamera>;
+    public readonly camera$: ReadonlyVal<WhiteBoardViewCamera>;
     public readonly baseRect$: ReadonlyVal<WhiteBoardViewRect | undefined>;
 
     constructor(
@@ -31,7 +31,7 @@ export class WhiteBoardView implements PageController {
         const camera$ = new Val<WhiteBoardViewCamera>(pickCamera(this.view.camera));
         this.baseRect$ = baseRect$;
         this.pageState$ = pageState$;
-        this.baseCamera$ = camera$;
+        this.camera$ = camera$;
         this.appProxy.sideEffectManager.add(() => [
             appProxy.appEmitter.on("pageStateChange", pageState => pageState$.setValue(pageState)),
             appProxy.camera$.subscribe(camera => {

package/src/View/CameraSynchronizer.ts

@@ -75,7 +75,7 @@ export class CameraSynchronizer {
     }
 
     private moveCamera(camera: ICamera): void {
-        if (!isEmpty(camera) && this.view && camera.centerX && camera.centerY) {
+        if (!isEmpty(camera) && this.view && camera.centerX != null && camera.centerY != null) {
             if (isEqual(camera, this.view.camera)) return;
             const { centerX, centerY, scale } = camera;
             const needScale = scale * (this.scale || 1);

package/src/View/MainView.ts

@@ -49,11 +49,6 @@ export class MainViewProxy {
                 }
             }
         }));
-        this.camera$.reaction(camera => {
-            if (camera) {
-                callbacks.emit("baseCameraChange", camera);
-            }
-        });
         this.size$.reaction(size => {
             if (size) {
                 callbacks.emit("baseSizeChange", size);

package/src/callback.ts

@@ -3,7 +3,7 @@ import type { TeleBoxColorScheme, TeleBoxFullscreen, TELE_BOX_STATE } from "@net
 import type { CameraState, SceneState, ViewVisionMode } from "white-web-sdk";
 import type { LoadAppEvent } from "./Register";
 import type { PageState } from "./Page";
-import type { ICamera, ISize } from "./AttributesDelegate";
+import type { ISize } from "./AttributesDelegate";
 import type { ScrollState } from "./View/ScrollMode";
 
 export type PublicEvent = {
@@ -23,7 +23,6 @@ export type PublicEvent = {
     sceneStateChange: SceneState;
     pageStateChange: PageState;
     appClose: { appId: string; kind: string, error?: Error };
-    baseCameraChange: ICamera;
     baseSizeChange: ISize;
     fullscreenChange: TeleBoxFullscreen;
     userScroll: undefined;

package/src/index.ts

@@ -627,8 +627,8 @@ export class WindowManager extends InvisiblePlugin<WindowMangerAttributes, any>
     public setViewMode(mode: ManagerViewMode): void {
         log("setViewMode", mode);
         const mainViewProxy = this.appManager?.mainViewProxy;
-        if (mode === ViewMode.Broadcaster) {
-            if (this.canOperate) {
+        if (mode === ViewMode.Broadcaster || mode === ViewMode.Follower) {
+            if (this.canOperate && mode === ViewMode.Broadcaster) {
                 mainViewProxy?.storeCurrentCamera();
                 mainViewProxy?.storeCurrentSize();
             }
@@ -851,15 +851,19 @@ export class WindowManager extends InvisiblePlugin<WindowMangerAttributes, any>
     }
 
     private debouncedStoreCamera = () => {
-        const storeCamera = debounce(() => {
+        const cameraListener = debounce(() => {
             this.appManager?.mainViewProxy.saveToCamera$();
-            this.appManager?.mainViewProxy.storeCurrentCamera();
-            this.appManager?.mainViewProxy.storeCurrentSize();
-            this.mainView.callbacks.off("onCameraUpdated", storeCamera);
-        }, 200);
-        this.mainView.callbacks.on("onCameraUpdated", storeCamera);
+            this.storeCamera();
+            this.mainView.callbacks.off("onCameraUpdated", cameraListener);
+        }, 50);
+        this.mainView.callbacks.on("onCameraUpdated", cameraListener);
     }
 
+    private storeCamera = debounce(() => {
+        this.appManager?.mainViewProxy.storeCurrentCamera();
+        this.appManager?.mainViewProxy.storeCurrentSize();
+    }, 300);
+
     public convertToPointInWorld(point: Point): Point {
         return this.mainView.convertToPointInWorld(point);
     }