@netless/window-manager 0.4.59 → 0.4.61-beta.0

package/src/index.ts

@@ -55,6 +55,8 @@ import type { PublicEvent } from "./callback";
 import type Emittery from "emittery";
 import type { PageController, AddPageParams, PageState } from "./Page";
 import { boxEmitter } from "./BoxEmitter";
+import { IframeBridge } from "./View/IframeBridge";
+export * from "./View/IframeBridge";
 
 export type WindowMangerAttributes = {
     modelValue?: string;
@@ -364,9 +366,7 @@ export class WindowManager extends InvisiblePlugin<WindowMangerAttributes, any>
     /**
      * 注册插件
      */
-    public static register<AppOptions = any, SetupResult = any, Attributes = any>(
-        params: RegisterParams<AppOptions, SetupResult, Attributes>
-    ): Promise<void> {
+    public static register(params: RegisterParams<any, any, any>): Promise<void> {
         return appRegister.register(params);
     }
 
@@ -820,6 +820,8 @@ export class WindowManager extends InvisiblePlugin<WindowMangerAttributes, any>
             WindowManager.playground.parentNode?.removeChild(WindowManager.playground);
         }
         WindowManager.params = undefined;
+        this._iframeBridge?.destroy();
+        this._iframeBridge = undefined;
         log("Destroyed");
     }
 
@@ -925,8 +927,8 @@ export class WindowManager extends InvisiblePlugin<WindowMangerAttributes, any>
     }
 
     public setContainerSizeRatio(ratio: number) {
-        if (!isNumber(ratio)) {
-            throw new Error(`[WindowManager]: updateContainerSizeRatio error, ratio must be a number. but got ${ratio}`);
+        if (!isNumber(ratio) || !(ratio > 0)) {
+            throw new Error(`[WindowManager]: updateContainerSizeRatio error, ratio must be a positive number. but got ${ratio}`);
         }
         WindowManager.containerSizeRatio = ratio;
         this.containerSizeRatio = ratio;
@@ -958,7 +960,19 @@ export class WindowManager extends InvisiblePlugin<WindowMangerAttributes, any>
             if (!this.attributes[Fields.Registered]) {
                 this.safeSetAttributes({ [Fields.Registered]: {} });
             }
+            if (!this.attributes[Fields.IframeBridge]) {
+                this.safeSetAttributes({ [Fields.IframeBridge]: {} });
+            }
+        }
+    }
+
+    private _iframeBridge?: IframeBridge;
+    public getIframeBridge() {
+        if (!this.appManager) {
+            throw new Error("[WindowManager]: should call getIframeBridge() after await mount()");
         }
+        this._iframeBridge || (this._iframeBridge = new IframeBridge(this, this.appManager));
+        return this._iframeBridge;
     }
 }
 

package/src/style.css

@@ -193,3 +193,7 @@
     right: 10px;
     bottom: 15px;
 }
+
+.netless-iframe-brdige-hidden {
+    display: none;
+}

package/src/typings.ts

@@ -14,7 +14,7 @@ import type { AppContext } from "./App";
 import type { ReadonlyTeleBox, TeleBoxRect } from "@netless/telebox-insider";
 import type { PageState } from "./Page";
 
-export interface NetlessApp<Attributes = any, MagixEventPayloads = any, AppOptions = any, SetupResult = any> {
+export interface NetlessApp<Attributes extends {} = any, MagixEventPayloads = any, AppOptions = any, SetupResult = any> {
     kind: string;
     config?: {
         /** Box width relative to whiteboard. 0~1. Default 0.5. */
@@ -65,7 +65,7 @@ export type RegisterEvents<SetupResult = any> = {
     focus: RegisterEventData;
 };
 
-export type RegisterParams<AppOptions = any, SetupResult = any, Attributes = any> = {
+export type RegisterParams<AppOptions = any, SetupResult = any, Attributes extends {} = any> = {
     kind: string;
     src:
         | NetlessApp<Attributes, SetupResult>