@netless/window-manager 0.4.8 → 0.4.9-canary.2

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 } 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;
@@ -25,6 +25,7 @@ export declare class AppManager {
     private callbacksNode;
     private appCreateQueue;
     private sideEffectManager;
+    sceneState: SceneState | null;
     constructor(windowManger: WindowManager);
     /**
      * 根目录被删除时所有的 scene 都会被删除.
@@ -32,6 +33,8 @@ export declare class AppManager {
      */
     private onRootDirRemoved;
     private createRootDirScenesCallback;
+    private onSceneChange;
+    private updateSceneState;
     private get eventName();
     get attributes(): import("./index").WindowMangerAttributes;
     get canOperate(): boolean;

package/dist/BoxManager.d.ts

@@ -1,11 +1,13 @@
 import { AppAttributes } from "./constants";
 import { TELE_BOX_STATE, TeleBoxManager } from "@netless/telebox-insider";
 import { WindowManager } from "./index";
-import type { AddAppOptions, AppInitState, EmitterType, CallbacksType } 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;

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/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/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/callback.d.ts

@@ -0,0 +1,22 @@
+import Emittery from "emittery";
+import type { TeleBoxColorScheme, TELE_BOX_STATE } from "@netless/telebox-insider";
+import type { CameraState, SceneState, 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;
+    sceneStateChange: SceneState;
+};
+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,59 +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;
-    updateManagerRect: undefined;
-    focusedChange: {
-        focused: string | undefined;
-        prev: string | undefined;
-    };
-    rootDirRemoved: undefined;
-};
-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;
@@ -140,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;
@@ -172,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;
     /**
@@ -236,6 +182,7 @@ export declare class WindowManager extends InvisiblePlugin<WindowMangerAttribute
     get mainViewScenesLength(): number;
     get canRedoSteps(): number;
     get canUndoSteps(): number;
+    get sceneState(): SceneState;
     /**
      * 查询所有的 App
      */