@netless/window-manager 1.0.13-test.16 → 1.0.13-test.17

package/dist/index.mjs

@@ -7932,6 +7932,41 @@ class MainViewProxy {
         viewSize: this.mainView.size
       }));
     };
+    this.onResize2 = (entries) => {
+      const entry = entries[0];
+      if (!entry)
+        return;
+      const target = entry.target;
+      const child = target.children[0];
+      const observedSize = {
+        width: entry.contentRect.width,
+        height: entry.contentRect.height
+      };
+      console.log("[window-manager] mainViewResizeObserver2 " + JSON.stringify({
+        sameTarget: target === this.mainView.divElement,
+        contentRect: {
+          width: observedSize.width,
+          height: observedSize.height
+        },
+        client: {
+          width: target.clientWidth,
+          height: target.clientHeight
+        },
+        offset: {
+          width: target.offsetWidth,
+          height: target.offsetHeight
+        },
+        rect: {
+          width: target.getBoundingClientRect().width,
+          height: target.getBoundingClientRect().height
+        },
+        childRect: child ? {
+          width: child.getBoundingClientRect().width,
+          height: child.getBoundingClientRect().height
+        } : null,
+        viewSize: this.mainView.size
+      }));
+    };
     this._syncMainViewTimer = 0;
     this.handleCameraOrSizeUpdated = (source, payload) => {
       console.log("[window-manager] " + source + " payload " + JSON.stringify(payload));
@@ -7997,9 +8032,6 @@ class MainViewProxy {
     this.sideEffectManager.add(() => {
       return internalEmitter.on("containerSizeRatioUpdate", this.onUpdateContainerSizeRatio);
     });
-    this.sideEffectManager.add(() => {
-      return internalEmitter.on("wrapperRectChange", this.onWrapperRectChange);
-    });
     this.sideEffectManager.add(() => {
       return internalEmitter.on("startReconnect", () => {
         if (!this.didRelease) {
@@ -8178,11 +8210,15 @@ class MainViewProxy {
     }));
     this.mainViewResizeObserver = new window.ResizeObserver(this.onResize);
     this.mainViewResizeObserver.observe(this.mainView.divElement);
+    this.mainViewResizeObserver2 = new window.ResizeObserver(this.onResize2);
+    this.mainViewResizeObserver2.observe(this.mainView.divElement);
   }
   disconnectMainViewResizeObserver() {
-    var _a;
+    var _a, _b;
     (_a = this.mainViewResizeObserver) == null ? void 0 : _a.disconnect();
     this.mainViewResizeObserver = void 0;
+    (_b = this.mainViewResizeObserver2) == null ? void 0 : _b.disconnect();
+    this.mainViewResizeObserver2 = void 0;
   }
   ensureMainViewSize() {
     if ((!this.mainViewSize || this.mainViewSize.width === 0 || this.mainViewSize.height === 0) && this.mainView.size.width > 0 && this.mainView.size.height > 0) {
@@ -19943,7 +19979,7 @@ const reconnectRefresher = new ReconnectRefresher({ emitter: internalEmitter });
 const _WindowManager = class extends InvisiblePlugin {
   constructor(context) {
     super(context);
-    this.version = "1.0.13-test.16";
+    this.version = "1.0.13-test.17";
     this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "0.3.0", "emittery": "^0.9.2", "lodash": "^4.17.21", "p-retry": "^4.6.1", "uuid": "^7.0.3", "video.js": ">=7" }, "peerDependencies": { "jspdf": "2.5.1", "white-web-sdk": "^2.16.53" }, "devDependencies": { "@hyrious/dts": "^0.2.2", "@netless/app-docs-viewer": "^0.2.19", "@netless/app-media-player": "0.1.4", "@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.30", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.4", "@types/uuid": "^8.3.1", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.1", "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", "jspdf": "^2.5.1", "less": "^4.1.1", "prettier": "^2.3.2", "prettier-plugin-svelte": "^2.4.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^3.14.1", "side-effect-manager": "0.1.5", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^2.9.9", "vitest": "^0.14.1", "white-web-sdk": "^2.16.53" } };
     this.emitter = callbacks$1;
     this.viewMode = ViewMode.Broadcaster;