@netless/window-manager 1.0.5 → 1.0.6-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/window-manager",
-  "version": "1.0.5",
+  "version": "1.0.6-beta.1",
   "description": "Multi-window mode for Netless Whiteboard",
   "author": "l1shen <lishen1635@gmail.com> (https://github.com/l1shen)",
   "license": "MIT",

package/src/AppManager.ts

@@ -523,7 +523,7 @@ export class AppManager {
                             throw new Error("appAttributes is undefined");
                         }
 
-                        this.appCreateQueue.push<AppProxy>(async() => {
+                        this.appCreateQueue.push<AppProxy>(async () => {
                             this.appStatus.set(id, AppStatus.StartCreate);
                             const appProxy = await this.baseInsertApp(
                                 {
@@ -534,7 +534,11 @@ export class AppManager {
                                 id,
                                 false
                             );
-                            if (appProxy &&this.store.focus === id && this._focusAppCreatedResolve) {
+                            if (
+                                appProxy &&
+                                this.store.focus === id &&
+                                this._focusAppCreatedResolve
+                            ) {
                                 this._focusAppCreatedResolve(appProxy);
                             }
                             return appProxy;

package/src/ExtendPluginManager.ts

@@ -0,0 +1,55 @@
+import type { WindowManager } from ".";
+import Emittery from "emittery";
+import type { EmitterType } from "./InternalEmitter";
+import { appRegister } from "./Register";
+
+export interface ExtendContext {
+    readonly manager: ExtendPluginManager;
+    readonly windowManager: WindowManager;
+    readonly internalEmitter: EmitterType;
+}
+
+export abstract class ExtendPlugin extends Emittery {
+    context!: ExtendContext;
+    abstract readonly kind: string;
+    protected _inject(context: ExtendContext) {
+        this.context = context;
+    }
+    abstract onCreate(): void;
+    abstract onDestroy(): void;
+}
+
+export type ExtendPluginInstance<T extends ExtendPlugin> = T;
+
+export interface ExtendManagerOptions {
+    readonly windowManager: WindowManager;
+    readonly internalEmitter: EmitterType;
+}
+
+export class ExtendPluginManager {
+    private extends: Map<string, ExtendPluginInstance<any>> = new Map();
+    private context: ExtendContext;
+    constructor(props: ExtendManagerOptions) {
+        this.context = {
+            manager: this,
+            windowManager: props.windowManager,
+            internalEmitter: props.internalEmitter,
+        };
+    }
+
+    hasRegister(kind: string) {
+        return appRegister.appClasses.has(kind);
+    }
+
+    use(extend: ExtendPluginInstance<any>) {
+        this.extends.set(extend.kind, extend);
+        extend._inject(this.context);
+        extend.onCreate();
+    }
+    destroy() {
+        this.extends.forEach(extend => {
+            this.extends.delete(extend.kind);
+            extend.onDestroy();
+        });
+    }
+}

package/src/index.ts

@@ -57,6 +57,8 @@ import type { PageController, AddPageParams, PageState } from "./Page";
 import { boxEmitter } from "./BoxEmitter";
 import { IframeBridge } from "./View/IframeBridge";
 import { setOptions } from "@netless/app-media-player";
+import type { ExtendPluginInstance } from "./ExtendPluginManager";
+import { ExtendPluginManager } from "./ExtendPluginManager";
 export * from "./View/IframeBridge";
 
 export type WindowMangerAttributes = {
@@ -196,6 +198,8 @@ export class WindowManager
     private containerResizeObserver?: ContainerResizeObserver;
     public containerSizeRatio = WindowManager.containerSizeRatio;
 
+    private extendPluginManager?: ExtendPluginManager;
+
     constructor(context: InvisiblePluginContext) {
         super(context);
         WindowManager.displayer = context.displayer;
@@ -275,6 +279,11 @@ export class WindowManager
             params.cursorOptions,
             params.applianceIcons
         );
+        manager.extendPluginManager = new ExtendPluginManager({
+            internalEmitter: internalEmitter,
+            windowManager: manager,
+        });
+
         if (containerSizeRatio) {
             manager.containerSizeRatio = containerSizeRatio;
         }
@@ -919,6 +928,7 @@ export class WindowManager
         this.containerResizeObserver?.disconnect();
         this.appManager?.destroy();
         this.cursorManager?.destroy();
+        this.extendPluginManager?.destroy();
         WindowManager.container = undefined;
         WindowManager.wrapper = undefined;
         WindowManager.sizer = undefined;
@@ -1083,6 +1093,10 @@ export class WindowManager
         this._iframeBridge || (this._iframeBridge = new IframeBridge(this, this.appManager));
         return this._iframeBridge;
     }
+
+    public useExtendPlugin(extend: ExtendPluginInstance<any>) {
+        this.extendPluginManager?.use(extend);
+    }
 }
 
 setupBuiltin();
@@ -1091,3 +1105,5 @@ export * from "./typings";
 
 export { BuiltinApps } from "./BuiltinApps";
 export type { PublicEvent } from "./callback";
+
+export * from "./ExtendPluginManager";