@netless/window-manager 0.4.7 → 0.4.9-canary.0

package/CHANGELOG.md

@@ -1,3 +1,8 @@
+## 0.4.8
+
+1. 升级 `@netless/telebox-insider` 至 `0.2.25`
+2. 修复关闭 app 时可能因为 app 报错导致关闭失败的问题
+
 ## 0.4.7
 
 1. 修改 `addPage` 接口 

package/README.md

@@ -6,6 +6,7 @@
   - [从白板迁移](docs/migrate.md)
   - [回放](docs/replay.md)
   - [进阶使用](docs/advanced.md)
+  - [开发自定义 APP](docs/develop-app.md)
 ## MainView
 
 `MainView` 也就是主白板, 是垫在所有窗口下面的主白板

package/dist/AppContext.d.ts

@@ -1,4 +1,5 @@
-import { autorun, listenDisposed, listenUpdated, reaction, unlistenDisposed, unlistenUpdated, toJS } from 'white-web-sdk';
+import { Storage } from "./App/Storage";
+import { autorun, listenDisposed, listenUpdated, reaction, unlistenDisposed, unlistenUpdated, toJS } from "white-web-sdk";
 import type { Room, SceneDefinition, View } from "white-web-sdk";
 import type { ReadonlyTeleBox } from "@netless/telebox-insider";
 import type Emittery from "emittery";
@@ -6,8 +7,7 @@ import type { BoxManager } from "./BoxManager";
 import type { AppEmitterEvent } from "./index";
 import type { AppManager } from "./AppManager";
 import type { AppProxy } from "./AppProxy";
-import { Storage } from './App/Storage';
-import type { MagixEventAddListener, MagixEventDispatcher, MagixEventRemoveListener } from './App/MagixEvent';
+import type { MagixEventAddListener, MagixEventDispatcher, MagixEventRemoveListener } from "./App/MagixEvent";
 export declare class AppContext<TAttributes = any, TMagixEventPayloads = any, TAppOptions = any> {
     private manager;
     private boxManager;
@@ -46,7 +46,7 @@ export declare class AppContext<TAttributes = any, TMagixEventPayloads = any, TA
     /** @deprecated Use context.storage.setState instead. */
     updateAttributes: (keys: string[], value: any) => void;
     setScenePath: (scenePath: string) => Promise<void>;
-    mountView: (dom: HTMLDivElement) => void;
+    mountView: (dom: HTMLElement) => void;
     /** Get the local App options. */
     getAppOptions: () => TAppOptions | undefined;
     private _storage?;

package/dist/AppManager.d.ts

@@ -1,11 +1,11 @@
 import { AppStatus, Events } from "./constants";
 import { AppProxy } from "./AppProxy";
-import { WindowManager } from "./index";
 import { MainViewProxy } from "./View/MainView";
+import { WindowManager } from "./index";
 import { ViewManager } from "./View/ViewManager";
 import type { ReconnectRefresher } from "./ReconnectRefresher";
 import type { BoxManager } from "./BoxManager";
-import type { Displayer, Room, View } from "white-web-sdk";
+import type { Displayer, Room, SceneState } from "white-web-sdk";
 import type { AddAppParams, TeleBoxRect } from "./index";
 export declare class AppManager {
     windowManger: WindowManager;
@@ -24,22 +24,26 @@ export declare class AppManager {
     private _prevFocused;
     private callbacksNode;
     private appCreateQueue;
+    private sideEffectManager;
+    sceneState: SceneState | null;
     constructor(windowManger: WindowManager);
+    /**
+     * 根目录被删除时所有的 scene 都会被删除.
+     * 所以需要关掉所有开启了 view 的 app
+     */
+    private onRootDirRemoved;
     private createRootDirScenesCallback;
+    private onSceneChange;
+    private updateSceneState;
     private get eventName();
     get attributes(): import("./index").WindowMangerAttributes;
     get canOperate(): boolean;
     get room(): Room | undefined;
-    get mainView(): View;
+    get mainView(): import("white-web-sdk").View;
     get focusApp(): AppProxy | undefined;
     get uid(): string;
     getMainViewSceneDir(): string;
     private onCreated;
-    private disposePrevFocusViewRedoUndoListeners;
-    private addRedoUndoListeners;
-    private addViewCallbacks;
-    private onCanRedoStepsUpdate;
-    private onCanUndoStepsUpdate;
     /**
      * 插件更新 attributes 时的回调
      *
@@ -75,6 +79,5 @@ export declare class AppManager {
     onReconnected(): Promise<void>;
     notifyContainerRectUpdate(rect: TeleBoxRect): void;
     dispatchInternalEvent(event: Events, payload: any): void;
-    findMemberByUid: (uid: string) => import("white-web-sdk").RoomMember | undefined;
     destroy(): void;
 }

package/dist/BoxManager.d.ts

@@ -1,11 +1,13 @@
 import { AppAttributes } from "./constants";
-import { WindowManager } from "./index";
 import { TELE_BOX_STATE, TeleBoxManager } from "@netless/telebox-insider";
-import type { AddAppOptions, AppInitState, EmitterType, CallbacksType } from "./index";
+import { WindowManager } from "./index";
+import type { AddAppOptions, AppInitState } from "./index";
 import type { TeleBoxManagerUpdateConfig, ReadonlyTeleBox, TeleBoxColorScheme, TeleBoxRect, TeleBoxConfig } from "@netless/telebox-insider";
 import type Emittery from "emittery";
 import type { NetlessApp } from "./typings";
 import type { View } from "white-web-sdk";
+import type { CallbacksType } from "./callback";
+import type { EmitterType } from "./InternalEmitter";
 export { TELE_BOX_STATE };
 export declare type CreateBoxParams = {
     appId: string;
@@ -57,7 +59,6 @@ export declare class BoxManager {
     private createTeleBoxManagerConfig?;
     teleBoxManager: TeleBoxManager;
     constructor(context: BoxManagerContext, createTeleBoxManagerConfig?: CreateTeleBoxManagerConfig | undefined);
-    private playgroundSizeChangeListener;
     private get mainView();
     private get canOperate();
     get boxState(): "normal" | "minimized" | "maximized";

package/dist/ContainerResizeObserver.d.ts

@@ -1,4 +1,4 @@
-import type { EmitterType } from "./index";
+import type { EmitterType } from "./InternalEmitter";
 export declare class ContainerResizeObserver {
     private emitter;
     private containerResizeObserver?;

package/dist/Helper.d.ts

@@ -1,3 +1,4 @@
+import type { Room } from "white-web-sdk";
 export declare const setupWrapper: (root: HTMLElement) => {
     playground: HTMLDivElement;
     wrapper: HTMLDivElement;
@@ -5,3 +6,4 @@ export declare const setupWrapper: (root: HTMLElement) => {
     mainViewElement: HTMLDivElement;
 };
 export declare const checkVersion: () => void;
+export declare const findMemberByUid: (room: Room | undefined, uid: string) => import("white-web-sdk").RoomMember | undefined;

package/dist/InternalEmitter.d.ts

@@ -0,0 +1,41 @@
+import Emittery from "emittery";
+import type { AppInitState, CursorMovePayload } from "./index";
+export declare type EmitterEvent = {
+    onCreated: undefined;
+    InitReplay: AppInitState;
+    move: {
+        appId: string;
+        x: number;
+        y: number;
+    };
+    focus: {
+        appId: string;
+    };
+    close: {
+        appId: string;
+    };
+    resize: {
+        appId: string;
+        width: number;
+        height: number;
+        x?: number;
+        y?: number;
+    };
+    error: Error;
+    seek: number;
+    mainViewMounted: undefined;
+    observerIdChange: number;
+    boxStateChange: string;
+    playgroundSizeChange: DOMRect;
+    onReconnected: void;
+    removeScenes: string;
+    cursorMove: CursorMovePayload;
+    updateManagerRect: undefined;
+    focusedChange: {
+        focused: string | undefined;
+        prev: string | undefined;
+    };
+    rootDirRemoved: undefined;
+};
+export declare type EmitterType = Emittery<EmitterEvent>;
+export declare const emitter: EmitterType;

package/dist/ReconnectRefresher.d.ts

@@ -1,5 +1,5 @@
 import type { Room } from "white-web-sdk";
-import type { EmitterType } from "./index";
+import type { EmitterType } from "./InternalEmitter";
 export declare type ReconnectRefresherContext = {
     emitter: EmitterType;
 };

package/dist/RedoUndo.d.ts

@@ -0,0 +1,18 @@
+import type { View } from "white-web-sdk";
+import type { AppProxy } from "./AppProxy";
+export declare type RedoUndoContext = {
+    mainView: () => View;
+    focus: () => string | undefined;
+    getAppProxy: (id: string) => AppProxy | undefined;
+};
+export declare class RedoUndo {
+    private context;
+    constructor(context: RedoUndoContext);
+    private addRedoUndoListeners;
+    private addViewCallbacks;
+    private disposeViewCallbacks;
+    private onCanRedoStepsUpdate;
+    private onCanUndoStepsUpdate;
+    private disposePrevFocusViewRedoUndoListeners;
+    destroy(): void;
+}

package/dist/Utils/AppCreateQueue.d.ts

@@ -4,8 +4,10 @@ export declare class AppCreateQueue {
     private list;
     private currentInvoker;
     private timer;
+    isEmit: boolean;
     private initInterval;
     push(item: Invoker): void;
     invoke(): void;
+    emitReady(): void;
     destroy(): void;
 }

package/dist/Utils/Common.d.ts

@@ -1,4 +1,4 @@
-import type { PublicEvent } from "../index";
+import type { PublicEvent } from "../callback";
 import type { Displayer, ViewVisionMode, Room, View } from "white-web-sdk";
 import type Emittery from "emittery";
 export declare const genAppId: (kind: string) => Promise<string>;

package/dist/View/MainView.d.ts

@@ -26,6 +26,7 @@ export declare class MainViewProxy {
     };
     createMainView(): View;
     onReconnect(): void;
+    rebind(): void;
     private onCameraUpdatedByDevice;
     addMainViewListener(): void;
     removeMainViewListener(): void;

package/dist/callback.d.ts

@@ -0,0 +1,21 @@
+import Emittery from "emittery";
+import type { TeleBoxColorScheme, TELE_BOX_STATE } from "@netless/telebox-insider";
+import type { CameraState, ViewVisionMode } from "white-web-sdk";
+import type { LoadAppEvent } from "./Register";
+export declare type PublicEvent = {
+    mainViewModeChange: ViewVisionMode;
+    boxStateChange: `${TELE_BOX_STATE}`;
+    darkModeChange: boolean;
+    prefersColorSchemeChange: TeleBoxColorScheme;
+    cameraStateChange: CameraState;
+    mainViewScenePathChange: string;
+    mainViewSceneIndexChange: number;
+    focusedChange: string | undefined;
+    mainViewScenesLengthChange: number;
+    canRedoStepsChange: number;
+    canUndoStepsChange: number;
+    loadApp: LoadAppEvent;
+    ready: undefined;
+};
+export declare type CallbacksType = Emittery<PublicEvent>;
+export declare const callbacks: CallbacksType;

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-import Emittery from "emittery";
 import { AppManager } from "./AppManager";
 import { CursorManager } from "./Cursor";
 import { InvisiblePlugin, ViewMode } from "white-web-sdk";
@@ -6,14 +5,15 @@ import { ReconnectRefresher } from "./ReconnectRefresher";
 import "video.js/dist/video-js.css";
 import "./style.css";
 import "@netless/telebox-insider/dist/style.css";
-import type { LoadAppEvent } from "./Register";
 import type { TELE_BOX_STATE } from "./BoxManager";
 import type { Apps, Position } from "./AttributesDelegate";
-import type { Displayer, SceneDefinition, View, Room, InvisiblePluginContext, Camera, AnimationMode, CameraBound, Point, Rectangle, ViewVisionMode, CameraState, Player, ImageInformation } from "white-web-sdk";
+import type { Displayer, SceneDefinition, View, Room, InvisiblePluginContext, Camera, AnimationMode, CameraBound, Point, Rectangle, CameraState, Player, ImageInformation, SceneState } from "white-web-sdk";
 import type { AppListeners } from "./AppListener";
 import type { NetlessApp, RegisterParams } from "./typings";
 import type { TeleBoxColorScheme, TeleBoxState } from "@netless/telebox-insider";
 import type { AppProxy } from "./AppProxy";
+import type { PublicEvent } from "./Callback";
+import type Emittery from "emittery";
 export declare type WindowMangerAttributes = {
     modelValue?: string;
     boxState: TELE_BOX_STATE;
@@ -72,53 +72,6 @@ export declare type CursorMovePayload = {
     state?: "leave";
     position: Position;
 };
-export declare type EmitterEvent = {
-    onCreated: undefined;
-    InitReplay: AppInitState;
-    move: {
-        appId: string;
-        x: number;
-        y: number;
-    };
-    focus: {
-        appId: string;
-    };
-    close: {
-        appId: string;
-    };
-    resize: {
-        appId: string;
-        width: number;
-        height: number;
-        x?: number;
-        y?: number;
-    };
-    error: Error;
-    seek: number;
-    mainViewMounted: undefined;
-    observerIdChange: number;
-    boxStateChange: string;
-    playgroundSizeChange: DOMRect;
-    onReconnected: void;
-    removeScenes: string;
-    cursorMove: CursorMovePayload;
-};
-export declare type EmitterType = Emittery<EmitterEvent>;
-export declare const emitter: EmitterType;
-export declare type PublicEvent = {
-    mainViewModeChange: ViewVisionMode;
-    boxStateChange: `${TELE_BOX_STATE}`;
-    darkModeChange: boolean;
-    prefersColorSchemeChange: TeleBoxColorScheme;
-    cameraStateChange: CameraState;
-    mainViewScenePathChange: string;
-    mainViewSceneIndexChange: number;
-    focusedChange: string | undefined;
-    mainViewScenesLengthChange: number;
-    canRedoStepsChange: number;
-    canUndoStepsChange: number;
-    loadApp: LoadAppEvent;
-};
 export declare type MountParams = {
     room: Room | Player;
     container?: HTMLElement;
@@ -134,8 +87,6 @@ export declare type MountParams = {
     disableCameraTransform?: boolean;
     prefersColorScheme?: TeleBoxColorScheme;
 };
-export declare type CallbacksType = Emittery<PublicEvent>;
-export declare const callbacks: CallbacksType;
 export declare const reconnectRefresher: ReconnectRefresher;
 export declare type AddPageParams = {
     after?: boolean;
@@ -166,6 +117,7 @@ export declare class WindowManager extends InvisiblePlugin<WindowMangerAttribute
     static mount(params: MountParams): Promise<WindowManager>;
     private static initManager;
     private static initContainer;
+    static get registered(): Map<string, RegisterParams<any, any, any>>;
     bindContainer(container: HTMLElement): void;
     bindCollectorContainer(container: HTMLElement): void;
     /**
@@ -230,6 +182,7 @@ export declare class WindowManager extends InvisiblePlugin<WindowMangerAttribute
     get mainViewScenesLength(): number;
     get canRedoSteps(): number;
     get canUndoSteps(): number;
+    get sceneState(): SceneState;
     /**
      * 查询所有的 App
      */