@netless/window-manager 1.0.13-test.13 → 1.0.13-test.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +6 -6
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/ContainerResizeObserver.ts +6 -5
package/dist/index.mjs
CHANGED
|
@@ -9106,12 +9106,12 @@ class ContainerResizeObserver {
|
|
|
9106
9106
|
}
|
|
9107
9107
|
observePlaygroundSize(container, sizer, wrapper) {
|
|
9108
9108
|
console.log(`[window-manager] observePlaygroundSize ${JSON.stringify(container.getBoundingClientRect())}, ${JSON.stringify(sizer.getBoundingClientRect())}, ${JSON.stringify(wrapper.getBoundingClientRect())}`);
|
|
9109
|
-
this.updateSizer(container.getBoundingClientRect(), sizer, wrapper);
|
|
9109
|
+
this.updateSizer(container.getBoundingClientRect(), sizer, wrapper, "observePlaygroundSize");
|
|
9110
9110
|
this.containerResizeObserver = new ResizeObserver$2((entries) => {
|
|
9111
9111
|
var _a;
|
|
9112
9112
|
const containerRect = (_a = entries[0]) == null ? void 0 : _a.contentRect;
|
|
9113
9113
|
if (containerRect) {
|
|
9114
|
-
this.updateSizer(containerRect, sizer, wrapper);
|
|
9114
|
+
this.updateSizer(containerRect, sizer, wrapper, "containerResizeObserver");
|
|
9115
9115
|
console.log(`[window-manager] containerResizeObserver ${JSON.stringify(containerRect)}`);
|
|
9116
9116
|
this.emitter.emit("playgroundSizeChange", containerRect);
|
|
9117
9117
|
}
|
|
@@ -9119,12 +9119,12 @@ class ContainerResizeObserver {
|
|
|
9119
9119
|
this.disposer = this.emitter.on("containerSizeRatioUpdate", () => {
|
|
9120
9120
|
const containerRect = container.getBoundingClientRect();
|
|
9121
9121
|
console.log(`[window-manager] containerSizeRatioUpdate ${JSON.stringify(containerRect)}`);
|
|
9122
|
-
this.updateSizer(containerRect, sizer, wrapper);
|
|
9122
|
+
this.updateSizer(containerRect, sizer, wrapper, "containerSizeRatioUpdate");
|
|
9123
9123
|
this.emitter.emit("playgroundSizeChange", containerRect);
|
|
9124
9124
|
});
|
|
9125
9125
|
this.containerResizeObserver.observe(container);
|
|
9126
9126
|
}
|
|
9127
|
-
updateSizer({ width, height }, sizer, wrapper) {
|
|
9127
|
+
updateSizer({ width, height }, sizer, wrapper, origin) {
|
|
9128
9128
|
if (width && height) {
|
|
9129
9129
|
if (height / width > WindowManager.containerSizeRatio) {
|
|
9130
9130
|
height = width * WindowManager.containerSizeRatio;
|
|
@@ -9136,7 +9136,7 @@ class ContainerResizeObserver {
|
|
|
9136
9136
|
wrapper.style.width = `${width}px`;
|
|
9137
9137
|
wrapper.style.height = `${height}px`;
|
|
9138
9138
|
wrapper.style.backgroundColor = "green";
|
|
9139
|
-
console.log(`[window-manager] updateSizer ${JSON.stringify({ width, height })} ${wrapper.style.width} ${wrapper.style.height} ${JSON.stringify(wrapper.getBoundingClientRect())}`);
|
|
9139
|
+
console.log(`[window-manager] updateSizer from ${origin}: ${JSON.stringify({ width, height })} ${wrapper.style.width} ${wrapper.style.height} ${JSON.stringify(wrapper.getBoundingClientRect())}`);
|
|
9140
9140
|
}
|
|
9141
9141
|
}
|
|
9142
9142
|
disconnect() {
|
|
@@ -19892,7 +19892,7 @@ const reconnectRefresher = new ReconnectRefresher({ emitter: internalEmitter });
|
|
|
19892
19892
|
const _WindowManager = class extends InvisiblePlugin {
|
|
19893
19893
|
constructor(context) {
|
|
19894
19894
|
super(context);
|
|
19895
|
-
this.version = "1.0.13-test.
|
|
19895
|
+
this.version = "1.0.13-test.14";
|
|
19896
19896
|
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" } };
|
|
19897
19897
|
this.emitter = callbacks$1;
|
|
19898
19898
|
this.viewMode = ViewMode.Broadcaster;
|