@netless/window-manager 1.0.0-canary.78 → 1.0.0-canary.79
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/BoxManager.d.ts +1 -1
- package/dist/Cursor/index.d.ts +1 -1
- package/dist/View/MainView.d.ts +2 -0
- package/dist/View/ScrollMode.d.ts +1 -2
- package/dist/index.js +14 -4
- package/dist/index.mjs +14 -4
- package/dist/index.umd.js +14 -4
- package/package.json +14 -14
- package/src/BoxManager.ts +1 -1
- package/src/Cursor/index.ts +1 -1
- package/src/View/MainView.ts +14 -1
- package/src/View/ScrollMode.ts +1 -1
- package/src/index.ts +1 -1
package/dist/BoxManager.d.ts
CHANGED
|
@@ -11,7 +11,7 @@ import type { View } from "white-web-sdk";
|
|
|
11
11
|
import type { CallbacksType } from "./callback";
|
|
12
12
|
import type { EmitterType } from "./InternalEmitter";
|
|
13
13
|
import type { AppState } from "./App/type";
|
|
14
|
-
import { ReadonlyVal } from "value-enhancer";
|
|
14
|
+
import type { ReadonlyVal } from "value-enhancer";
|
|
15
15
|
export { TELE_BOX_STATE };
|
|
16
16
|
export type CreateBoxParams = {
|
|
17
17
|
appId: string;
|
package/dist/Cursor/index.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import type { ApplianceIcons, TeleBoxRect } from "../index";
|
|
|
3
3
|
import type { PositionType } from "../AttributesDelegate";
|
|
4
4
|
import type { RoomMember, View } from "white-web-sdk";
|
|
5
5
|
import type { AppManager } from "../AppManager";
|
|
6
|
-
import { Val } from "value-enhancer";
|
|
6
|
+
import type { Val } from "value-enhancer";
|
|
7
7
|
export type EventType = {
|
|
8
8
|
type: PositionType;
|
|
9
9
|
id?: string;
|
package/dist/View/MainView.d.ts
CHANGED
|
@@ -60,7 +60,9 @@ export declare class MainViewProxy {
|
|
|
60
60
|
setMainViewSize: import("lodash").DebouncedFunc<(size: Size) => void>;
|
|
61
61
|
private addCameraListener;
|
|
62
62
|
private removeCameraListener;
|
|
63
|
+
private _syncMainViewTimer;
|
|
63
64
|
private onCameraOrSizeUpdated;
|
|
65
|
+
private syncMainView;
|
|
64
66
|
stop(): void;
|
|
65
67
|
destroy(): void;
|
|
66
68
|
}
|
|
@@ -2,7 +2,6 @@ import { SideEffectManager } from "side-effect-manager";
|
|
|
2
2
|
import type { ReadonlyVal } from "value-enhancer";
|
|
3
3
|
import type { AppManager } from "../AppManager";
|
|
4
4
|
import type { ScrollStorage } from "../storage";
|
|
5
|
-
import type { View } from "white-web-sdk";
|
|
6
5
|
export type ScrollState = {
|
|
7
6
|
scrollTop: number;
|
|
8
7
|
page: number;
|
|
@@ -21,7 +20,7 @@ export declare class ScrollMode {
|
|
|
21
20
|
private baseHeight;
|
|
22
21
|
readonly scrollStorage: ScrollStorage;
|
|
23
22
|
readonly scrollState$: ReadonlyVal<ScrollState>;
|
|
24
|
-
get mainView(): View;
|
|
23
|
+
get mainView(): import("white-web-sdk").View;
|
|
25
24
|
setRoot(root: HTMLElement): void;
|
|
26
25
|
constructor(manager: AppManager);
|
|
27
26
|
private initScroll;
|
package/dist/index.js
CHANGED
|
@@ -2349,8 +2349,18 @@ class MainViewProxy {
|
|
|
2349
2349
|
this.setMainViewSize = lodash.debounce((size) => {
|
|
2350
2350
|
this.store.setMainViewSize({ ...size, id: this.manager.uid });
|
|
2351
2351
|
}, 50);
|
|
2352
|
+
this._syncMainViewTimer = 0;
|
|
2352
2353
|
this.onCameraOrSizeUpdated = () => {
|
|
2353
2354
|
callbacks.emit("cameraStateChange", this.cameraState);
|
|
2355
|
+
if (this.manager.room && this.manager.room.syncMainView) {
|
|
2356
|
+
clearTimeout(this._syncMainViewTimer);
|
|
2357
|
+
this._syncMainViewTimer = setTimeout(this.syncMainView, 100, this.manager.room);
|
|
2358
|
+
}
|
|
2359
|
+
};
|
|
2360
|
+
this.syncMainView = (room) => {
|
|
2361
|
+
if (room.isWritable) {
|
|
2362
|
+
room.syncMainView(this.mainView);
|
|
2363
|
+
}
|
|
2354
2364
|
};
|
|
2355
2365
|
this.mainView = this.createMainView();
|
|
2356
2366
|
emitter.once("mainViewMounted").then(() => {
|
|
@@ -12651,8 +12661,8 @@ const reconnectRefresher = new ReconnectRefresher({ emitter });
|
|
|
12651
12661
|
const _WindowManager = class extends whiteWebSdk.InvisiblePlugin {
|
|
12652
12662
|
constructor(context) {
|
|
12653
12663
|
super(context);
|
|
12654
|
-
this.version = "1.0.0-canary.
|
|
12655
|
-
this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.4.0", "@netless/synced-store": "^2.0.7", "@netless/telebox-insider": "1.0.0-alpha.37", "emittery": "^0.11.0", "jspdf": "^2.5.1", "lodash": "^4.17.21", "p-retry": "^5.1.2", "side-effect-manager": "^1.2.1", "uuid": "^9.0.0", "value-enhancer": "^1.3.2" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "1.0.0-canary.6", "@netless/app-plyr": "^0.2.4", "@playwright/test": "^1.33.0", "@rollup/plugin-commonjs": "^24.1.0", "@rollup/plugin-node-resolve": "^15.0.2", "@rollup/plugin-url": "^8.0.1", "@sveltejs/vite-plugin-svelte": "^2.2.0", "@tsconfig/svelte": "^4.0.1", "@types/debug": "^4.1.7", "@types/node": "^18.0.3", "@types/lodash": "^4.14.194", "@types/lodash-es": "^4.17.7", "@types/uuid": "^9.0.1", "@typescript-eslint/eslint-plugin": "^5.59.5", "@typescript-eslint/parser": "^5.59.5", "@vitest/ui": "^0.31.0", "cypress": "^12.12.0", "dotenv": "^16.0.3", "eslint": "^8.40.0", "eslint-config-prettier": "^8.8.0", "eslint-plugin-svelte3": "^4.0.0", "jsdom": "^22.0.0", "less": "^4.1.3", "prettier": "^2.8.8", "prettier-plugin-svelte": "^2.10.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^4.0.0", "svelte": "^3.59.1", "typescript": "^5.0.4", "vite": "^4.3.5", "vite-plugin-dts": "^2.3.0", "vitest": "^0.31.0", "white-web-sdk": "^2.16.
|
|
12664
|
+
this.version = "1.0.0-canary.79";
|
|
12665
|
+
this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.4.0", "@netless/synced-store": "^2.0.7", "@netless/telebox-insider": "1.0.0-alpha.37", "emittery": "^0.11.0", "jspdf": "^2.5.1", "lodash": "^4.17.21", "p-retry": "^5.1.2", "side-effect-manager": "^1.2.1", "uuid": "^9.0.0", "value-enhancer": "^1.3.2" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "1.0.0-canary.6", "@netless/app-plyr": "^0.2.4", "@playwright/test": "^1.33.0", "@rollup/plugin-commonjs": "^24.1.0", "@rollup/plugin-node-resolve": "^15.0.2", "@rollup/plugin-url": "^8.0.1", "@sveltejs/vite-plugin-svelte": "^2.2.0", "@tsconfig/svelte": "^4.0.1", "@types/debug": "^4.1.7", "@types/node": "^18.0.3", "@types/lodash": "^4.14.194", "@types/lodash-es": "^4.17.7", "@types/uuid": "^9.0.1", "@typescript-eslint/eslint-plugin": "^5.59.5", "@typescript-eslint/parser": "^5.59.5", "@vitest/ui": "^0.31.0", "cypress": "^12.12.0", "dotenv": "^16.0.3", "eslint": "^8.40.0", "eslint-config-prettier": "^8.8.0", "eslint-plugin-svelte3": "^4.0.0", "jsdom": "^22.0.0", "less": "^4.1.3", "prettier": "^2.8.8", "prettier-plugin-svelte": "^2.10.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^4.0.0", "svelte": "^3.59.1", "typescript": "^5.0.4", "vite": "^4.3.5", "vite-plugin-dts": "^2.3.0", "vitest": "^0.31.0", "white-web-sdk": "^2.16.43" } };
|
|
12656
12666
|
this.emitter = callbacks;
|
|
12657
12667
|
this.viewMode$ = new valueEnhancer.Val(whiteWebSdk.ViewMode.Broadcaster);
|
|
12658
12668
|
this.playground$ = new valueEnhancer.Val(void 0);
|
|
@@ -12668,7 +12678,7 @@ const _WindowManager = class extends whiteWebSdk.InvisiblePlugin {
|
|
|
12668
12678
|
(_b = this.appManager) == null ? void 0 : _b.dispatchInternalEvent(Events.MoveCamera, camera);
|
|
12669
12679
|
};
|
|
12670
12680
|
_WindowManager.displayer = context.displayer;
|
|
12671
|
-
window.NETLESS_DEPS = { "dependencies": { "@juggle/resize-observer": "^3.4.0", "@netless/synced-store": "^2.0.7", "@netless/telebox-insider": "1.0.0-alpha.37", "emittery": "^0.11.0", "jspdf": "^2.5.1", "lodash": "^4.17.21", "p-retry": "^5.1.2", "side-effect-manager": "^1.2.1", "uuid": "^9.0.0", "value-enhancer": "^1.3.2" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "1.0.0-canary.6", "@netless/app-plyr": "^0.2.4", "@playwright/test": "^1.33.0", "@rollup/plugin-commonjs": "^24.1.0", "@rollup/plugin-node-resolve": "^15.0.2", "@rollup/plugin-url": "^8.0.1", "@sveltejs/vite-plugin-svelte": "^2.2.0", "@tsconfig/svelte": "^4.0.1", "@types/debug": "^4.1.7", "@types/node": "^18.0.3", "@types/lodash": "^4.14.194", "@types/lodash-es": "^4.17.7", "@types/uuid": "^9.0.1", "@typescript-eslint/eslint-plugin": "^5.59.5", "@typescript-eslint/parser": "^5.59.5", "@vitest/ui": "^0.31.0", "cypress": "^12.12.0", "dotenv": "^16.0.3", "eslint": "^8.40.0", "eslint-config-prettier": "^8.8.0", "eslint-plugin-svelte3": "^4.0.0", "jsdom": "^22.0.0", "less": "^4.1.3", "prettier": "^2.8.8", "prettier-plugin-svelte": "^2.10.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^4.0.0", "svelte": "^3.59.1", "typescript": "^5.0.4", "vite": "^4.3.5", "vite-plugin-dts": "^2.3.0", "vitest": "^0.31.0", "white-web-sdk": "^2.16.
|
|
12681
|
+
window.NETLESS_DEPS = { "dependencies": { "@juggle/resize-observer": "^3.4.0", "@netless/synced-store": "^2.0.7", "@netless/telebox-insider": "1.0.0-alpha.37", "emittery": "^0.11.0", "jspdf": "^2.5.1", "lodash": "^4.17.21", "p-retry": "^5.1.2", "side-effect-manager": "^1.2.1", "uuid": "^9.0.0", "value-enhancer": "^1.3.2" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "1.0.0-canary.6", "@netless/app-plyr": "^0.2.4", "@playwright/test": "^1.33.0", "@rollup/plugin-commonjs": "^24.1.0", "@rollup/plugin-node-resolve": "^15.0.2", "@rollup/plugin-url": "^8.0.1", "@sveltejs/vite-plugin-svelte": "^2.2.0", "@tsconfig/svelte": "^4.0.1", "@types/debug": "^4.1.7", "@types/node": "^18.0.3", "@types/lodash": "^4.14.194", "@types/lodash-es": "^4.17.7", "@types/uuid": "^9.0.1", "@typescript-eslint/eslint-plugin": "^5.59.5", "@typescript-eslint/parser": "^5.59.5", "@vitest/ui": "^0.31.0", "cypress": "^12.12.0", "dotenv": "^16.0.3", "eslint": "^8.40.0", "eslint-config-prettier": "^8.8.0", "eslint-plugin-svelte3": "^4.0.0", "jsdom": "^22.0.0", "less": "^4.1.3", "prettier": "^2.8.8", "prettier-plugin-svelte": "^2.10.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^4.0.0", "svelte": "^3.59.1", "typescript": "^5.0.4", "vite": "^4.3.5", "vite-plugin-dts": "^2.3.0", "vitest": "^0.31.0", "white-web-sdk": "^2.16.43" } };
|
|
12672
12682
|
}
|
|
12673
12683
|
static async mount(params) {
|
|
12674
12684
|
var _a;
|
|
@@ -12707,7 +12717,7 @@ const _WindowManager = class extends whiteWebSdk.InvisiblePlugin {
|
|
|
12707
12717
|
throw new Error();
|
|
12708
12718
|
}
|
|
12709
12719
|
},
|
|
12710
|
-
{ retries: 10 }
|
|
12720
|
+
{ retries: 10, maxTimeout: 5e3 }
|
|
12711
12721
|
);
|
|
12712
12722
|
}
|
|
12713
12723
|
if (!manager) {
|
package/dist/index.mjs
CHANGED
|
@@ -2325,8 +2325,18 @@ class MainViewProxy {
|
|
|
2325
2325
|
this.setMainViewSize = debounce((size) => {
|
|
2326
2326
|
this.store.setMainViewSize({ ...size, id: this.manager.uid });
|
|
2327
2327
|
}, 50);
|
|
2328
|
+
this._syncMainViewTimer = 0;
|
|
2328
2329
|
this.onCameraOrSizeUpdated = () => {
|
|
2329
2330
|
callbacks.emit("cameraStateChange", this.cameraState);
|
|
2331
|
+
if (this.manager.room && this.manager.room.syncMainView) {
|
|
2332
|
+
clearTimeout(this._syncMainViewTimer);
|
|
2333
|
+
this._syncMainViewTimer = setTimeout(this.syncMainView, 100, this.manager.room);
|
|
2334
|
+
}
|
|
2335
|
+
};
|
|
2336
|
+
this.syncMainView = (room) => {
|
|
2337
|
+
if (room.isWritable) {
|
|
2338
|
+
room.syncMainView(this.mainView);
|
|
2339
|
+
}
|
|
2330
2340
|
};
|
|
2331
2341
|
this.mainView = this.createMainView();
|
|
2332
2342
|
emitter.once("mainViewMounted").then(() => {
|
|
@@ -12627,8 +12637,8 @@ const reconnectRefresher = new ReconnectRefresher({ emitter });
|
|
|
12627
12637
|
const _WindowManager = class extends InvisiblePlugin {
|
|
12628
12638
|
constructor(context) {
|
|
12629
12639
|
super(context);
|
|
12630
|
-
this.version = "1.0.0-canary.
|
|
12631
|
-
this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.4.0", "@netless/synced-store": "^2.0.7", "@netless/telebox-insider": "1.0.0-alpha.37", "emittery": "^0.11.0", "jspdf": "^2.5.1", "lodash": "^4.17.21", "p-retry": "^5.1.2", "side-effect-manager": "^1.2.1", "uuid": "^9.0.0", "value-enhancer": "^1.3.2" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "1.0.0-canary.6", "@netless/app-plyr": "^0.2.4", "@playwright/test": "^1.33.0", "@rollup/plugin-commonjs": "^24.1.0", "@rollup/plugin-node-resolve": "^15.0.2", "@rollup/plugin-url": "^8.0.1", "@sveltejs/vite-plugin-svelte": "^2.2.0", "@tsconfig/svelte": "^4.0.1", "@types/debug": "^4.1.7", "@types/node": "^18.0.3", "@types/lodash": "^4.14.194", "@types/lodash-es": "^4.17.7", "@types/uuid": "^9.0.1", "@typescript-eslint/eslint-plugin": "^5.59.5", "@typescript-eslint/parser": "^5.59.5", "@vitest/ui": "^0.31.0", "cypress": "^12.12.0", "dotenv": "^16.0.3", "eslint": "^8.40.0", "eslint-config-prettier": "^8.8.0", "eslint-plugin-svelte3": "^4.0.0", "jsdom": "^22.0.0", "less": "^4.1.3", "prettier": "^2.8.8", "prettier-plugin-svelte": "^2.10.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^4.0.0", "svelte": "^3.59.1", "typescript": "^5.0.4", "vite": "^4.3.5", "vite-plugin-dts": "^2.3.0", "vitest": "^0.31.0", "white-web-sdk": "^2.16.
|
|
12640
|
+
this.version = "1.0.0-canary.79";
|
|
12641
|
+
this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.4.0", "@netless/synced-store": "^2.0.7", "@netless/telebox-insider": "1.0.0-alpha.37", "emittery": "^0.11.0", "jspdf": "^2.5.1", "lodash": "^4.17.21", "p-retry": "^5.1.2", "side-effect-manager": "^1.2.1", "uuid": "^9.0.0", "value-enhancer": "^1.3.2" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "1.0.0-canary.6", "@netless/app-plyr": "^0.2.4", "@playwright/test": "^1.33.0", "@rollup/plugin-commonjs": "^24.1.0", "@rollup/plugin-node-resolve": "^15.0.2", "@rollup/plugin-url": "^8.0.1", "@sveltejs/vite-plugin-svelte": "^2.2.0", "@tsconfig/svelte": "^4.0.1", "@types/debug": "^4.1.7", "@types/node": "^18.0.3", "@types/lodash": "^4.14.194", "@types/lodash-es": "^4.17.7", "@types/uuid": "^9.0.1", "@typescript-eslint/eslint-plugin": "^5.59.5", "@typescript-eslint/parser": "^5.59.5", "@vitest/ui": "^0.31.0", "cypress": "^12.12.0", "dotenv": "^16.0.3", "eslint": "^8.40.0", "eslint-config-prettier": "^8.8.0", "eslint-plugin-svelte3": "^4.0.0", "jsdom": "^22.0.0", "less": "^4.1.3", "prettier": "^2.8.8", "prettier-plugin-svelte": "^2.10.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^4.0.0", "svelte": "^3.59.1", "typescript": "^5.0.4", "vite": "^4.3.5", "vite-plugin-dts": "^2.3.0", "vitest": "^0.31.0", "white-web-sdk": "^2.16.43" } };
|
|
12632
12642
|
this.emitter = callbacks;
|
|
12633
12643
|
this.viewMode$ = new Val(ViewMode.Broadcaster);
|
|
12634
12644
|
this.playground$ = new Val(void 0);
|
|
@@ -12644,7 +12654,7 @@ const _WindowManager = class extends InvisiblePlugin {
|
|
|
12644
12654
|
(_b = this.appManager) == null ? void 0 : _b.dispatchInternalEvent(Events.MoveCamera, camera);
|
|
12645
12655
|
};
|
|
12646
12656
|
_WindowManager.displayer = context.displayer;
|
|
12647
|
-
window.NETLESS_DEPS = { "dependencies": { "@juggle/resize-observer": "^3.4.0", "@netless/synced-store": "^2.0.7", "@netless/telebox-insider": "1.0.0-alpha.37", "emittery": "^0.11.0", "jspdf": "^2.5.1", "lodash": "^4.17.21", "p-retry": "^5.1.2", "side-effect-manager": "^1.2.1", "uuid": "^9.0.0", "value-enhancer": "^1.3.2" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "1.0.0-canary.6", "@netless/app-plyr": "^0.2.4", "@playwright/test": "^1.33.0", "@rollup/plugin-commonjs": "^24.1.0", "@rollup/plugin-node-resolve": "^15.0.2", "@rollup/plugin-url": "^8.0.1", "@sveltejs/vite-plugin-svelte": "^2.2.0", "@tsconfig/svelte": "^4.0.1", "@types/debug": "^4.1.7", "@types/node": "^18.0.3", "@types/lodash": "^4.14.194", "@types/lodash-es": "^4.17.7", "@types/uuid": "^9.0.1", "@typescript-eslint/eslint-plugin": "^5.59.5", "@typescript-eslint/parser": "^5.59.5", "@vitest/ui": "^0.31.0", "cypress": "^12.12.0", "dotenv": "^16.0.3", "eslint": "^8.40.0", "eslint-config-prettier": "^8.8.0", "eslint-plugin-svelte3": "^4.0.0", "jsdom": "^22.0.0", "less": "^4.1.3", "prettier": "^2.8.8", "prettier-plugin-svelte": "^2.10.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^4.0.0", "svelte": "^3.59.1", "typescript": "^5.0.4", "vite": "^4.3.5", "vite-plugin-dts": "^2.3.0", "vitest": "^0.31.0", "white-web-sdk": "^2.16.
|
|
12657
|
+
window.NETLESS_DEPS = { "dependencies": { "@juggle/resize-observer": "^3.4.0", "@netless/synced-store": "^2.0.7", "@netless/telebox-insider": "1.0.0-alpha.37", "emittery": "^0.11.0", "jspdf": "^2.5.1", "lodash": "^4.17.21", "p-retry": "^5.1.2", "side-effect-manager": "^1.2.1", "uuid": "^9.0.0", "value-enhancer": "^1.3.2" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "1.0.0-canary.6", "@netless/app-plyr": "^0.2.4", "@playwright/test": "^1.33.0", "@rollup/plugin-commonjs": "^24.1.0", "@rollup/plugin-node-resolve": "^15.0.2", "@rollup/plugin-url": "^8.0.1", "@sveltejs/vite-plugin-svelte": "^2.2.0", "@tsconfig/svelte": "^4.0.1", "@types/debug": "^4.1.7", "@types/node": "^18.0.3", "@types/lodash": "^4.14.194", "@types/lodash-es": "^4.17.7", "@types/uuid": "^9.0.1", "@typescript-eslint/eslint-plugin": "^5.59.5", "@typescript-eslint/parser": "^5.59.5", "@vitest/ui": "^0.31.0", "cypress": "^12.12.0", "dotenv": "^16.0.3", "eslint": "^8.40.0", "eslint-config-prettier": "^8.8.0", "eslint-plugin-svelte3": "^4.0.0", "jsdom": "^22.0.0", "less": "^4.1.3", "prettier": "^2.8.8", "prettier-plugin-svelte": "^2.10.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^4.0.0", "svelte": "^3.59.1", "typescript": "^5.0.4", "vite": "^4.3.5", "vite-plugin-dts": "^2.3.0", "vitest": "^0.31.0", "white-web-sdk": "^2.16.43" } };
|
|
12648
12658
|
}
|
|
12649
12659
|
static async mount(params) {
|
|
12650
12660
|
var _a;
|
|
@@ -12683,7 +12693,7 @@ const _WindowManager = class extends InvisiblePlugin {
|
|
|
12683
12693
|
throw new Error();
|
|
12684
12694
|
}
|
|
12685
12695
|
},
|
|
12686
|
-
{ retries: 10 }
|
|
12696
|
+
{ retries: 10, maxTimeout: 5e3 }
|
|
12687
12697
|
);
|
|
12688
12698
|
}
|
|
12689
12699
|
if (!manager) {
|
package/dist/index.umd.js
CHANGED
|
@@ -2320,8 +2320,18 @@
|
|
|
2320
2320
|
this.setMainViewSize = lodash.debounce((size) => {
|
|
2321
2321
|
this.store.setMainViewSize({ ...size, id: this.manager.uid });
|
|
2322
2322
|
}, 50);
|
|
2323
|
+
this._syncMainViewTimer = 0;
|
|
2323
2324
|
this.onCameraOrSizeUpdated = () => {
|
|
2324
2325
|
callbacks.emit("cameraStateChange", this.cameraState);
|
|
2326
|
+
if (this.manager.room && this.manager.room.syncMainView) {
|
|
2327
|
+
clearTimeout(this._syncMainViewTimer);
|
|
2328
|
+
this._syncMainViewTimer = setTimeout(this.syncMainView, 100, this.manager.room);
|
|
2329
|
+
}
|
|
2330
|
+
};
|
|
2331
|
+
this.syncMainView = (room) => {
|
|
2332
|
+
if (room.isWritable) {
|
|
2333
|
+
room.syncMainView(this.mainView);
|
|
2334
|
+
}
|
|
2325
2335
|
};
|
|
2326
2336
|
this.mainView = this.createMainView();
|
|
2327
2337
|
emitter.once("mainViewMounted").then(() => {
|
|
@@ -12622,8 +12632,8 @@
|
|
|
12622
12632
|
const _WindowManager = class extends whiteWebSdk.InvisiblePlugin {
|
|
12623
12633
|
constructor(context) {
|
|
12624
12634
|
super(context);
|
|
12625
|
-
this.version = "1.0.0-canary.
|
|
12626
|
-
this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.4.0", "@netless/synced-store": "^2.0.7", "@netless/telebox-insider": "1.0.0-alpha.37", "emittery": "^0.11.0", "jspdf": "^2.5.1", "lodash": "^4.17.21", "p-retry": "^5.1.2", "side-effect-manager": "^1.2.1", "uuid": "^9.0.0", "value-enhancer": "^1.3.2" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "1.0.0-canary.6", "@netless/app-plyr": "^0.2.4", "@playwright/test": "^1.33.0", "@rollup/plugin-commonjs": "^24.1.0", "@rollup/plugin-node-resolve": "^15.0.2", "@rollup/plugin-url": "^8.0.1", "@sveltejs/vite-plugin-svelte": "^2.2.0", "@tsconfig/svelte": "^4.0.1", "@types/debug": "^4.1.7", "@types/node": "^18.0.3", "@types/lodash": "^4.14.194", "@types/lodash-es": "^4.17.7", "@types/uuid": "^9.0.1", "@typescript-eslint/eslint-plugin": "^5.59.5", "@typescript-eslint/parser": "^5.59.5", "@vitest/ui": "^0.31.0", "cypress": "^12.12.0", "dotenv": "^16.0.3", "eslint": "^8.40.0", "eslint-config-prettier": "^8.8.0", "eslint-plugin-svelte3": "^4.0.0", "jsdom": "^22.0.0", "less": "^4.1.3", "prettier": "^2.8.8", "prettier-plugin-svelte": "^2.10.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^4.0.0", "svelte": "^3.59.1", "typescript": "^5.0.4", "vite": "^4.3.5", "vite-plugin-dts": "^2.3.0", "vitest": "^0.31.0", "white-web-sdk": "^2.16.
|
|
12635
|
+
this.version = "1.0.0-canary.79";
|
|
12636
|
+
this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.4.0", "@netless/synced-store": "^2.0.7", "@netless/telebox-insider": "1.0.0-alpha.37", "emittery": "^0.11.0", "jspdf": "^2.5.1", "lodash": "^4.17.21", "p-retry": "^5.1.2", "side-effect-manager": "^1.2.1", "uuid": "^9.0.0", "value-enhancer": "^1.3.2" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "1.0.0-canary.6", "@netless/app-plyr": "^0.2.4", "@playwright/test": "^1.33.0", "@rollup/plugin-commonjs": "^24.1.0", "@rollup/plugin-node-resolve": "^15.0.2", "@rollup/plugin-url": "^8.0.1", "@sveltejs/vite-plugin-svelte": "^2.2.0", "@tsconfig/svelte": "^4.0.1", "@types/debug": "^4.1.7", "@types/node": "^18.0.3", "@types/lodash": "^4.14.194", "@types/lodash-es": "^4.17.7", "@types/uuid": "^9.0.1", "@typescript-eslint/eslint-plugin": "^5.59.5", "@typescript-eslint/parser": "^5.59.5", "@vitest/ui": "^0.31.0", "cypress": "^12.12.0", "dotenv": "^16.0.3", "eslint": "^8.40.0", "eslint-config-prettier": "^8.8.0", "eslint-plugin-svelte3": "^4.0.0", "jsdom": "^22.0.0", "less": "^4.1.3", "prettier": "^2.8.8", "prettier-plugin-svelte": "^2.10.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^4.0.0", "svelte": "^3.59.1", "typescript": "^5.0.4", "vite": "^4.3.5", "vite-plugin-dts": "^2.3.0", "vitest": "^0.31.0", "white-web-sdk": "^2.16.43" } };
|
|
12627
12637
|
this.emitter = callbacks;
|
|
12628
12638
|
this.viewMode$ = new valueEnhancer.Val(whiteWebSdk.ViewMode.Broadcaster);
|
|
12629
12639
|
this.playground$ = new valueEnhancer.Val(void 0);
|
|
@@ -12639,7 +12649,7 @@
|
|
|
12639
12649
|
(_b = this.appManager) == null ? void 0 : _b.dispatchInternalEvent(Events.MoveCamera, camera);
|
|
12640
12650
|
};
|
|
12641
12651
|
_WindowManager.displayer = context.displayer;
|
|
12642
|
-
window.NETLESS_DEPS = { "dependencies": { "@juggle/resize-observer": "^3.4.0", "@netless/synced-store": "^2.0.7", "@netless/telebox-insider": "1.0.0-alpha.37", "emittery": "^0.11.0", "jspdf": "^2.5.1", "lodash": "^4.17.21", "p-retry": "^5.1.2", "side-effect-manager": "^1.2.1", "uuid": "^9.0.0", "value-enhancer": "^1.3.2" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "1.0.0-canary.6", "@netless/app-plyr": "^0.2.4", "@playwright/test": "^1.33.0", "@rollup/plugin-commonjs": "^24.1.0", "@rollup/plugin-node-resolve": "^15.0.2", "@rollup/plugin-url": "^8.0.1", "@sveltejs/vite-plugin-svelte": "^2.2.0", "@tsconfig/svelte": "^4.0.1", "@types/debug": "^4.1.7", "@types/node": "^18.0.3", "@types/lodash": "^4.14.194", "@types/lodash-es": "^4.17.7", "@types/uuid": "^9.0.1", "@typescript-eslint/eslint-plugin": "^5.59.5", "@typescript-eslint/parser": "^5.59.5", "@vitest/ui": "^0.31.0", "cypress": "^12.12.0", "dotenv": "^16.0.3", "eslint": "^8.40.0", "eslint-config-prettier": "^8.8.0", "eslint-plugin-svelte3": "^4.0.0", "jsdom": "^22.0.0", "less": "^4.1.3", "prettier": "^2.8.8", "prettier-plugin-svelte": "^2.10.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^4.0.0", "svelte": "^3.59.1", "typescript": "^5.0.4", "vite": "^4.3.5", "vite-plugin-dts": "^2.3.0", "vitest": "^0.31.0", "white-web-sdk": "^2.16.
|
|
12652
|
+
window.NETLESS_DEPS = { "dependencies": { "@juggle/resize-observer": "^3.4.0", "@netless/synced-store": "^2.0.7", "@netless/telebox-insider": "1.0.0-alpha.37", "emittery": "^0.11.0", "jspdf": "^2.5.1", "lodash": "^4.17.21", "p-retry": "^5.1.2", "side-effect-manager": "^1.2.1", "uuid": "^9.0.0", "value-enhancer": "^1.3.2" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "1.0.0-canary.6", "@netless/app-plyr": "^0.2.4", "@playwright/test": "^1.33.0", "@rollup/plugin-commonjs": "^24.1.0", "@rollup/plugin-node-resolve": "^15.0.2", "@rollup/plugin-url": "^8.0.1", "@sveltejs/vite-plugin-svelte": "^2.2.0", "@tsconfig/svelte": "^4.0.1", "@types/debug": "^4.1.7", "@types/node": "^18.0.3", "@types/lodash": "^4.14.194", "@types/lodash-es": "^4.17.7", "@types/uuid": "^9.0.1", "@typescript-eslint/eslint-plugin": "^5.59.5", "@typescript-eslint/parser": "^5.59.5", "@vitest/ui": "^0.31.0", "cypress": "^12.12.0", "dotenv": "^16.0.3", "eslint": "^8.40.0", "eslint-config-prettier": "^8.8.0", "eslint-plugin-svelte3": "^4.0.0", "jsdom": "^22.0.0", "less": "^4.1.3", "prettier": "^2.8.8", "prettier-plugin-svelte": "^2.10.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^4.0.0", "svelte": "^3.59.1", "typescript": "^5.0.4", "vite": "^4.3.5", "vite-plugin-dts": "^2.3.0", "vitest": "^0.31.0", "white-web-sdk": "^2.16.43" } };
|
|
12643
12653
|
}
|
|
12644
12654
|
static async mount(params) {
|
|
12645
12655
|
var _a;
|
|
@@ -12678,7 +12688,7 @@
|
|
|
12678
12688
|
throw new Error();
|
|
12679
12689
|
}
|
|
12680
12690
|
},
|
|
12681
|
-
{ retries: 10 }
|
|
12691
|
+
{ retries: 10, maxTimeout: 5e3 }
|
|
12682
12692
|
);
|
|
12683
12693
|
}
|
|
12684
12694
|
if (!manager) {
|
package/package.json
CHANGED
|
@@ -1,22 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@netless/window-manager",
|
|
3
|
-
"version": "1.0.0-canary.
|
|
3
|
+
"version": "1.0.0-canary.79",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
7
7
|
"types": "dist/index.d.ts",
|
|
8
8
|
"repository": "netless-io/window-manager",
|
|
9
|
-
"scripts": {
|
|
10
|
-
"prettier": "prettier --write .",
|
|
11
|
-
"dev": "vite build --watch",
|
|
12
|
-
"build": "vite build",
|
|
13
|
-
"type-gen": "tsc --emitDeclarationOnly",
|
|
14
|
-
"predev": "yarn type-gen",
|
|
15
|
-
"build:lib:types": "tsc --emitDeclarationOnly",
|
|
16
|
-
"lint": "eslint --ext .ts,.tsx,.svelte . && prettier --check .",
|
|
17
|
-
"test": "vitest",
|
|
18
|
-
"e2e": "playwright test"
|
|
19
|
-
},
|
|
20
9
|
"keywords": [],
|
|
21
10
|
"author": "",
|
|
22
11
|
"license": "ISC",
|
|
@@ -68,6 +57,17 @@
|
|
|
68
57
|
"vite": "^4.3.5",
|
|
69
58
|
"vite-plugin-dts": "^2.3.0",
|
|
70
59
|
"vitest": "^0.31.0",
|
|
71
|
-
"white-web-sdk": "^2.16.
|
|
60
|
+
"white-web-sdk": "^2.16.43"
|
|
61
|
+
},
|
|
62
|
+
"scripts": {
|
|
63
|
+
"prettier": "prettier --write .",
|
|
64
|
+
"dev": "vite build --watch",
|
|
65
|
+
"build": "vite build",
|
|
66
|
+
"type-gen": "tsc --emitDeclarationOnly",
|
|
67
|
+
"predev": "yarn type-gen",
|
|
68
|
+
"build:lib:types": "tsc --emitDeclarationOnly",
|
|
69
|
+
"lint": "eslint --ext .ts,.tsx,.svelte . && prettier --check .",
|
|
70
|
+
"test": "vitest",
|
|
71
|
+
"e2e": "playwright test"
|
|
72
72
|
}
|
|
73
|
-
}
|
|
73
|
+
}
|
package/src/BoxManager.ts
CHANGED
|
@@ -23,7 +23,7 @@ import type { View } from "white-web-sdk";
|
|
|
23
23
|
import type { CallbacksType } from "./callback";
|
|
24
24
|
import type { EmitterType } from "./InternalEmitter";
|
|
25
25
|
import type { AppState } from "./App/type";
|
|
26
|
-
import { ReadonlyVal } from "value-enhancer";
|
|
26
|
+
import type { ReadonlyVal } from "value-enhancer";
|
|
27
27
|
|
|
28
28
|
export { TELE_BOX_STATE };
|
|
29
29
|
|
package/src/Cursor/index.ts
CHANGED
|
@@ -11,7 +11,7 @@ import type { Point, RoomMember, View } from "white-web-sdk";
|
|
|
11
11
|
import type { AppManager } from "../AppManager";
|
|
12
12
|
import { ApplianceMap } from "./icons";
|
|
13
13
|
import { findMemberByUid } from "../Helper";
|
|
14
|
-
import { Val } from "value-enhancer";
|
|
14
|
+
import type { Val } from "value-enhancer";
|
|
15
15
|
|
|
16
16
|
export type EventType = {
|
|
17
17
|
type: PositionType;
|
package/src/View/MainView.ts
CHANGED
|
@@ -10,7 +10,7 @@ import { SideEffectManager } from "side-effect-manager";
|
|
|
10
10
|
import { Val } from "value-enhancer";
|
|
11
11
|
import { ViewSync } from "./ViewSync";
|
|
12
12
|
import type { ICamera, ISize } from "../AttributesDelegate";
|
|
13
|
-
import type { Size, View } from "white-web-sdk";
|
|
13
|
+
import type { Room, Size, View } from "white-web-sdk";
|
|
14
14
|
import type { AppManager } from "../AppManager";
|
|
15
15
|
import type { MoveCameraParams } from "../typings";
|
|
16
16
|
|
|
@@ -320,10 +320,23 @@ export class MainViewProxy {
|
|
|
320
320
|
this.view.callbacks.off("onSizeUpdated", this.onCameraOrSizeUpdated);
|
|
321
321
|
}
|
|
322
322
|
|
|
323
|
+
private _syncMainViewTimer = 0;
|
|
323
324
|
private onCameraOrSizeUpdated = () => {
|
|
324
325
|
callbacks.emit("cameraStateChange", this.cameraState);
|
|
326
|
+
// sdk >= 2.16.43 的 syncMainView() 可以写入当前 main view 的 camera, 以修复复制粘贴元素的位置
|
|
327
|
+
// 注意到这个操作会发送信令,应当避免频繁调用
|
|
328
|
+
if (this.manager.room && (this.manager.room as any).syncMainView) {
|
|
329
|
+
clearTimeout(this._syncMainViewTimer);
|
|
330
|
+
this._syncMainViewTimer = setTimeout(this.syncMainView, 100, this.manager.room);
|
|
331
|
+
}
|
|
325
332
|
};
|
|
326
333
|
|
|
334
|
+
private syncMainView = (room: Room) => {
|
|
335
|
+
if (room.isWritable) {
|
|
336
|
+
room.syncMainView(this.mainView);
|
|
337
|
+
}
|
|
338
|
+
}
|
|
339
|
+
|
|
327
340
|
public stop() {
|
|
328
341
|
this.manager.refresher.remove(Fields.MainViewCamera);
|
|
329
342
|
this.manager.refresher.remove(Fields.MainViewSize);
|
package/src/View/ScrollMode.ts
CHANGED
|
@@ -8,7 +8,7 @@ import { round } from "lodash";
|
|
|
8
8
|
import type { ReadonlyVal } from "value-enhancer";
|
|
9
9
|
import type { AppManager } from "../AppManager";
|
|
10
10
|
import type { ScrollStorage } from "../storage";
|
|
11
|
-
import type { Camera, Size
|
|
11
|
+
import type { Camera, Size } from "white-web-sdk";
|
|
12
12
|
|
|
13
13
|
function clamp(x: number, min: number, max: number): number {
|
|
14
14
|
return x < min ? min : x > max ? max : x;
|