@netless/window-manager 1.0.13-test.10 → 1.0.13-test.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/window-manager",
-  "version": "1.0.13-test.10",
+  "version": "1.0.13-test.11",
   "description": "Multi-window mode for Netless Whiteboard",
   "author": "l1shen <lishen1635@gmail.com> (https://github.com/l1shen)",
   "license": "MIT",

package/src/View/MainView.ts

@@ -37,6 +37,7 @@ export class MainViewProxy {
             this.startListenWritableChange();
         });
         const playgroundSizeChangeListener = () => {
+            this.refreshScreenSizeIfStale();
             this.playgroundSizeChangeListenerLocalConsole.log(
                 JSON.stringify(this.mainView.camera),
                 JSON.stringify(this.mainView.size), 
@@ -109,6 +110,24 @@ export class MainViewProxy {
         this.moveCamera(this.mainViewCamera);
     }
 
+    private refreshScreenSizeIfStale() {
+        const element = this.mainView.divElement;
+        if (!element) return;
+
+        const { width, height } = element.getBoundingClientRect();
+        if (width <= 0 || height <= 0) return;
+
+        const { width: viewWidth, height: viewHeight } = this.mainView.size;
+        if (Math.abs(viewWidth - width) > 0.5 || Math.abs(viewHeight - height) > 0.5) {
+            const resizableView = this.mainView as View & { resizeScreen?: () => void };
+            console.log("[window-manager] forceResizeScreen stale size" + JSON.stringify({
+                viewSize: this.mainView.size,
+                domSize: { width, height },
+            }));
+            resizableView.resizeScreen?.();
+        }
+    }
+
     public start() {
         console.log("[window-manager] start  " + JSON.stringify(this.mainViewSize));
         this.sizeChangeHandler(this.mainViewSize);
@@ -261,6 +280,14 @@ export class MainViewProxy {
     private _syncMainViewTimer = 0;
     private onCameraOrSizeUpdated = () => {
         console.log("[window-manager] onCameraOrSizeUpdated  " + JSON.stringify(this.cameraState));
+        if(this.mainView.divElement){
+            const children = this.mainView.divElement.children;
+            console.log("[window-manager] onCameraOrSizeUpdated  " + this.mainView.divElement.getBoundingClientRect());
+            const child = children[0];
+            if (child) {
+                console.log("[window-manager] child" + JSON.stringify(child.getBoundingClientRect()));
+            }
+        }
         callbacks.emit("cameraStateChange", this.cameraState);
         // sdk >= 2.16.43 的 syncMainView() 可以写入当前 main view 的 camera, 以修复复制粘贴元素的位置
         // 注意到这个操作会发送信令，应当避免频繁调用