@netless/window-manager 1.0.13-test.13 → 1.0.13-test.15
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 +10 -10
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +6 -7
- package/dist/index.mjs.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/ContainerResizeObserver.ts +6 -5
- package/src/View/MainView.ts +1 -1
- package/src/style.css +2 -0
package/dist/index.mjs
CHANGED
|
@@ -7892,7 +7892,6 @@ class MainViewProxy {
|
|
|
7892
7892
|
} : null,
|
|
7893
7893
|
viewSize: this.mainView.size
|
|
7894
7894
|
}));
|
|
7895
|
-
this.forceSyncMainViewDivElement("mainViewResizeObserver", observedSize, target);
|
|
7896
7895
|
};
|
|
7897
7896
|
this._syncMainViewTimer = 0;
|
|
7898
7897
|
this.handleCameraOrSizeUpdated = (source, payload) => {
|
|
@@ -9106,12 +9105,12 @@ class ContainerResizeObserver {
|
|
|
9106
9105
|
}
|
|
9107
9106
|
observePlaygroundSize(container, sizer, wrapper) {
|
|
9108
9107
|
console.log(`[window-manager] observePlaygroundSize ${JSON.stringify(container.getBoundingClientRect())}, ${JSON.stringify(sizer.getBoundingClientRect())}, ${JSON.stringify(wrapper.getBoundingClientRect())}`);
|
|
9109
|
-
this.updateSizer(container.getBoundingClientRect(), sizer, wrapper);
|
|
9108
|
+
this.updateSizer(container.getBoundingClientRect(), sizer, wrapper, "observePlaygroundSize");
|
|
9110
9109
|
this.containerResizeObserver = new ResizeObserver$2((entries) => {
|
|
9111
9110
|
var _a;
|
|
9112
9111
|
const containerRect = (_a = entries[0]) == null ? void 0 : _a.contentRect;
|
|
9113
9112
|
if (containerRect) {
|
|
9114
|
-
this.updateSizer(containerRect, sizer, wrapper);
|
|
9113
|
+
this.updateSizer(containerRect, sizer, wrapper, "containerResizeObserver");
|
|
9115
9114
|
console.log(`[window-manager] containerResizeObserver ${JSON.stringify(containerRect)}`);
|
|
9116
9115
|
this.emitter.emit("playgroundSizeChange", containerRect);
|
|
9117
9116
|
}
|
|
@@ -9119,12 +9118,12 @@ class ContainerResizeObserver {
|
|
|
9119
9118
|
this.disposer = this.emitter.on("containerSizeRatioUpdate", () => {
|
|
9120
9119
|
const containerRect = container.getBoundingClientRect();
|
|
9121
9120
|
console.log(`[window-manager] containerSizeRatioUpdate ${JSON.stringify(containerRect)}`);
|
|
9122
|
-
this.updateSizer(containerRect, sizer, wrapper);
|
|
9121
|
+
this.updateSizer(containerRect, sizer, wrapper, "containerSizeRatioUpdate");
|
|
9123
9122
|
this.emitter.emit("playgroundSizeChange", containerRect);
|
|
9124
9123
|
});
|
|
9125
9124
|
this.containerResizeObserver.observe(container);
|
|
9126
9125
|
}
|
|
9127
|
-
updateSizer({ width, height }, sizer, wrapper) {
|
|
9126
|
+
updateSizer({ width, height }, sizer, wrapper, origin) {
|
|
9128
9127
|
if (width && height) {
|
|
9129
9128
|
if (height / width > WindowManager.containerSizeRatio) {
|
|
9130
9129
|
height = width * WindowManager.containerSizeRatio;
|
|
@@ -9136,7 +9135,7 @@ class ContainerResizeObserver {
|
|
|
9136
9135
|
wrapper.style.width = `${width}px`;
|
|
9137
9136
|
wrapper.style.height = `${height}px`;
|
|
9138
9137
|
wrapper.style.backgroundColor = "green";
|
|
9139
|
-
console.log(`[window-manager] updateSizer ${JSON.stringify({ width, height })} ${wrapper.style.width} ${wrapper.style.height} ${JSON.stringify(wrapper.getBoundingClientRect())}`);
|
|
9138
|
+
console.log(`[window-manager] updateSizer from ${origin}: ${JSON.stringify({ width, height })} ${wrapper.style.width} ${wrapper.style.height} ${JSON.stringify(wrapper.getBoundingClientRect())}`);
|
|
9140
9139
|
}
|
|
9141
9140
|
}
|
|
9142
9141
|
disconnect() {
|
|
@@ -19892,7 +19891,7 @@ const reconnectRefresher = new ReconnectRefresher({ emitter: internalEmitter });
|
|
|
19892
19891
|
const _WindowManager = class extends InvisiblePlugin {
|
|
19893
19892
|
constructor(context) {
|
|
19894
19893
|
super(context);
|
|
19895
|
-
this.version = "1.0.13-test.
|
|
19894
|
+
this.version = "1.0.13-test.15";
|
|
19896
19895
|
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
19896
|
this.emitter = callbacks$1;
|
|
19898
19897
|
this.viewMode = ViewMode.Broadcaster;
|