@netless/window-manager 1.0.0-canary.27 → 1.0.0-canary.28

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.
Files changed (52) hide show
  1. package/dist/index.cjs.js +19 -8
  2. package/dist/index.es.js +10 -4
  3. package/dist/index.umd.js +20 -9
  4. package/dist/style.css +1 -1
  5. package/package.json +3 -3
  6. package/pnpm-lock.yaml +4 -4
  7. package/src/App/AppProxy.ts +1 -0
  8. package/src/Utils/Common.ts +3 -0
  9. package/dist/App/AppContext.d.ts +0 -78
  10. package/dist/App/AppPageStateImpl.d.ts +0 -21
  11. package/dist/App/AppProxy.d.ts +0 -98
  12. package/dist/App/MagixEvent/index.d.ts +0 -29
  13. package/dist/App/Storage/StorageEvent.d.ts +0 -8
  14. package/dist/App/Storage/index.d.ts +0 -39
  15. package/dist/App/Storage/typings.d.ts +0 -22
  16. package/dist/App/Storage/utils.d.ts +0 -5
  17. package/dist/App/WhiteboardView.d.ts +0 -27
  18. package/dist/App/index.d.ts +0 -4
  19. package/dist/App/type.d.ts +0 -21
  20. package/dist/AppListener.d.ts +0 -19
  21. package/dist/AppManager.d.ts +0 -107
  22. package/dist/AttributesDelegate.d.ts +0 -83
  23. package/dist/BoxEmitter.d.ts +0 -34
  24. package/dist/BoxManager.d.ts +0 -102
  25. package/dist/BuiltinApps.d.ts +0 -8
  26. package/dist/Cursor/Cursor.d.ts +0 -39
  27. package/dist/Cursor/icons.d.ts +0 -3
  28. package/dist/Cursor/index.d.ts +0 -46
  29. package/dist/Helper.d.ts +0 -19
  30. package/dist/InternalEmitter.d.ts +0 -38
  31. package/dist/Page/PageController.d.ts +0 -21
  32. package/dist/Page/index.d.ts +0 -3
  33. package/dist/PageState.d.ts +0 -9
  34. package/dist/ReconnectRefresher.d.ts +0 -24
  35. package/dist/RedoUndo.d.ts +0 -18
  36. package/dist/Register/index.d.ts +0 -28
  37. package/dist/Register/loader.d.ts +0 -4
  38. package/dist/Register/storage.d.ts +0 -8
  39. package/dist/Utils/AppCreateQueue.d.ts +0 -15
  40. package/dist/Utils/Common.d.ts +0 -23
  41. package/dist/Utils/Reactive.d.ts +0 -6
  42. package/dist/Utils/RoomHacker.d.ts +0 -3
  43. package/dist/Utils/error.d.ts +0 -27
  44. package/dist/Utils/log.d.ts +0 -1
  45. package/dist/View/CameraSynchronizer.d.ts +0 -17
  46. package/dist/View/MainView.d.ts +0 -59
  47. package/dist/View/ViewManager.d.ts +0 -13
  48. package/dist/View/ViewSync.d.ts +0 -24
  49. package/dist/callback.d.ts +0 -29
  50. package/dist/constants.d.ts +0 -51
  51. package/dist/index.d.ts +0 -270
  52. package/dist/typings.d.ts +0 -88
package/dist/index.es.js CHANGED
@@ -352,6 +352,9 @@ const genAppId = async (kind2) => {
352
352
  return `${kind2}-${v4().replace("-", "").slice(0, 8)}`;
353
353
  };
354
354
  const setViewFocusScenePath = (view, focusScenePath) => {
355
+ if (view.didRelease) {
356
+ return;
357
+ }
355
358
  if (view.focusScenePath !== focusScenePath) {
356
359
  view.focusScenePath = focusScenePath;
357
360
  return view;
@@ -2046,6 +2049,8 @@ class AppProxy {
2046
2049
  }
2047
2050
  }
2048
2051
  setViewFocusScenePath() {
2052
+ if (this.status === "destroyed")
2053
+ return;
2049
2054
  const fullPath = this.getFullScenePath();
2050
2055
  if (fullPath && this.view) {
2051
2056
  setViewFocusScenePath(this.view, fullPath);
@@ -4001,7 +4006,7 @@ var shallowequal = function shallowEqual(objA, objB, compare, compareContext) {
4001
4006
  }
4002
4007
  return true;
4003
4008
  };
4004
- var shadowStyles = /* @__PURE__ */ (() => '.telebox-quarantine {\n all: initial;\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.telebox-body-wrap {\n color: #191919;\n color: var(--tele-box-color, #191919);\n flex: 1;\n width: 100%;\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n}\n\n.telebox-content {\n width: 100%;\n height: 100%;\n position: relative;\n background-color: #f9f9f9;\n background-color: var(--tele-manager-container-background, #f9f9f9);\n}\n\n.telebox-box-stage {\n position: absolute;\n z-index: 1;\n overflow: hidden;\n background-color: #fff;\n background-color: var(--tele-manager-stage-background, #fff);\n box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);\n box-shadow: var(--tele-manager-stage-shadow, 0px 0px 16px rgba(0, 0, 0, 0.08));\n}\n\n.telebox-footer-wrap {\n flex-shrink: 0;\n display: flex;\n flex-direction: column;\n}\n\n.telebox-footer-wrap::before {\n content: "";\n display: block;\n flex: 1;\n}\n\n.telebox-color-scheme-dark {\n color-scheme: dark;\n}\n\n.telebox-color-scheme-dark .telebox-body-wrap {\n color: #e9e9e9;\n color: var(--tele-box-color-dark, #e9e9e9);\n}\n\n.telebox-color-scheme-dark .telebox-content {\n background-color: #25282e;\n background-color: var(--tele-manager-container-background-dark, #25282e);\n}\n\n.telebox-color-scheme-dark .telebox-box-stage {\n background-color: #272a30;\n background-color: var(--tele-manager-stage-background-dark, #272a30);\n box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.24);\n box-shadow: var(--tele-manager-stage-shadow-dark, 0px 0px 16px rgba(0, 0, 0, 0.24));\n}')();
4009
+ var shadowStyles = /* @__PURE__ */ (() => '.telebox-quarantine {\n all: initial;\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.telebox-body-wrap {\n color: #191919;\n color: var(--tele-box-color, #191919);\n flex: 1;\n width: 100%;\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n}\n\n.telebox-content {\n width: 100%;\n height: 100%;\n position: relative;\n background-color: #f9f9f9;\n background-color: var(--tele-manager-container-background, #f9f9f9);\n}\n\n.telebox-box-stage {\n position: absolute;\n z-index: 1;\n overflow: hidden;\n background-color: #fff;\n background-color: var(--tele-manager-stage-background, #fff);\n box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);\n box-shadow: var(--tele-manager-stage-shadow, 0px 0px 16px rgba(0, 0, 0, 0.08));\n}\n\n.telebox-footer-wrap {\n flex-shrink: 0;\n display: flex;\n flex-direction: column;\n color: #191919;\n color: var(--tele-box-footer-color, #191919);\n background-color: #fff;\n background-color: var(--tele-box-footer-background, #fff);\n}\n\n.telebox-footer-wrap::before {\n content: "";\n display: block;\n flex: 1;\n}\n\n.telebox-color-scheme-dark {\n color-scheme: dark;\n}\n\n.telebox-color-scheme-dark .telebox-body-wrap {\n color: #e9e9e9;\n color: var(--tele-box-color-dark, #e9e9e9);\n}\n\n.telebox-color-scheme-dark .telebox-content {\n background-color: #25282e;\n background-color: var(--tele-manager-container-background-dark, #25282e);\n}\n\n.telebox-color-scheme-dark .telebox-box-stage {\n background-color: #272a30;\n background-color: var(--tele-manager-stage-background-dark, #272a30);\n box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.24);\n box-shadow: var(--tele-manager-stage-shadow-dark, 0px 0px 16px rgba(0, 0, 0, 0.24));\n}\n\n.telebox-color-scheme-dark .telebox-footer-wrap {\n color: #e9e9e9;\n color: var(--tele-box-footer-color-dark, #e9e9e9);\n background-color: #383b42;\n background-color: var(--tele-box-footer-background-dark, #383b42);\n}')();
4005
4010
  var TELE_BOX_COLOR_SCHEME = /* @__PURE__ */ ((TELE_BOX_COLOR_SCHEME2) => {
4006
4011
  TELE_BOX_COLOR_SCHEME2["Light"] = "light";
4007
4012
  TELE_BOX_COLOR_SCHEME2["Dark"] = "dark";
@@ -4331,6 +4336,7 @@ class TeleBox {
4331
4336
  readonly: readonly$,
4332
4337
  rootRect: rootRect$,
4333
4338
  managerStageRect: managerStageRect$,
4339
+ managerStageRatio: managerStageRatio$,
4334
4340
  defaultBoxBodyStyle: defaultBoxBodyStyle$,
4335
4341
  defaultBoxStageStyle: defaultBoxStageStyle$,
4336
4342
  collectorRect: collectorRect$
@@ -16526,15 +16532,15 @@ const reconnectRefresher = new ReconnectRefresher({ emitter });
16526
16532
  const _WindowManager = class extends InvisiblePlugin {
16527
16533
  constructor(context) {
16528
16534
  super(context);
16529
- this.version = "1.0.0-canary.27";
16530
- this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "1.0.0-alpha.25", "emittery": "^0.11.0", "lodash": "^4.17.21", "p-retry": "^4.6.1", "side-effect-manager": "^1.1.0", "uuid": "^7.0.3", "value-enhancer": "^1.3.0", "video.js": ">=7" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "^0.2.9", "@netless/app-media-player": "0.1.0-beta.5", "@playwright/test": "^1.23.0", "@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.22", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.4", "@types/node": "^18.0.0", "@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", "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", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^2.5.3", "vite-plugin-dts": "^1.2.0", "vitest": "^0.14.1", "white-web-sdk": "2.16.10" } };
16535
+ this.version = "1.0.0-canary.28";
16536
+ this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "1.0.0-alpha.26", "emittery": "^0.11.0", "lodash": "^4.17.21", "p-retry": "^4.6.1", "side-effect-manager": "^1.1.0", "uuid": "^7.0.3", "value-enhancer": "^1.3.0", "video.js": ">=7" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "^0.2.9", "@netless/app-media-player": "0.1.0-beta.5", "@playwright/test": "^1.23.0", "@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.22", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.4", "@types/node": "^18.0.0", "@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", "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", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^2.5.3", "vite-plugin-dts": "^1.2.0", "vitest": "^0.14.1", "white-web-sdk": "2.16.10" } };
16531
16537
  this.emitter = callbacks$1;
16532
16538
  this.viewMode = ViewMode.Broadcaster;
16533
16539
  this.viewMode$ = new Val(ViewMode.Broadcaster);
16534
16540
  this.isReplay = isPlayer(this.displayer);
16535
16541
  this.containerSizeRatio = _WindowManager.containerSizeRatio;
16536
16542
  _WindowManager.displayer = context.displayer;
16537
- window.NETLESS_DEPS = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "1.0.0-alpha.25", "emittery": "^0.11.0", "lodash": "^4.17.21", "p-retry": "^4.6.1", "side-effect-manager": "^1.1.0", "uuid": "^7.0.3", "value-enhancer": "^1.3.0", "video.js": ">=7" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "^0.2.9", "@netless/app-media-player": "0.1.0-beta.5", "@playwright/test": "^1.23.0", "@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.22", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.4", "@types/node": "^18.0.0", "@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", "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", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^2.5.3", "vite-plugin-dts": "^1.2.0", "vitest": "^0.14.1", "white-web-sdk": "2.16.10" } };
16543
+ window.NETLESS_DEPS = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/telebox-insider": "1.0.0-alpha.26", "emittery": "^0.11.0", "lodash": "^4.17.21", "p-retry": "^4.6.1", "side-effect-manager": "^1.1.0", "uuid": "^7.0.3", "value-enhancer": "^1.3.0", "video.js": ">=7" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "^0.2.9", "@netless/app-media-player": "0.1.0-beta.5", "@playwright/test": "^1.23.0", "@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.22", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.4", "@types/node": "^18.0.0", "@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", "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", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^2.5.3", "vite-plugin-dts": "^1.2.0", "vitest": "^0.14.1", "white-web-sdk": "2.16.10" } };
16538
16544
  }
16539
16545
  static async mount(params) {
16540
16546
  var _a;