@netless/window-manager 1.0.0-canary.5 → 1.0.0-canary.52

package/dist/{constants.d.ts → src/constants.d.ts}

@@ -5,18 +5,18 @@ export declare enum Events {
     AppBoxStateChange = "AppBoxStateChange",
     GetAttributes = "GetAttributes",
     UpdateWindowManagerWrapper = "UpdateWindowManagerWrapper",
-    InitReplay = "InitReplay",
     WindowCreated = "WindowCreated",
     SetMainViewScenePath = "SetMainViewScenePath",
     SetMainViewSceneIndex = "SetMainViewSceneIndex",
     SetAppFocusIndex = "SetAppFocusIndex",
     SwitchViewsToFreedom = "SwitchViewsToFreedom",
-    MoveCamera = "MoveCamera",
-    MoveCameraToContain = "MoveCameraToContain",
     CursorMove = "CursorMove",
     RootDirRemoved = "RootDirRemoved",
     Refresh = "Refresh",
-    InitMainViewCamera = "InitMainViewCamera"
+    InitMainViewCamera = "InitMainViewCamera",
+    InvokeAttributesUpdateCallback = "InvokeAttributesUpdateCallback",
+    MoveCamera = "MoveCamera",
+    MoveCameraToContain = "moveCameraToContain"
 }
 export declare const MagixEventName = "__WindowManger";
 export declare const EnsureReconnectEvent = "__WindowMangerEnsureReconnected__";
@@ -24,7 +24,12 @@ export declare enum AppAttributes {
     Size = "size",
     Position = "position",
     SceneIndex = "SceneIndex",
-    ZIndex = "zIndex"
+    ZIndex = "zIndex",
+    Visible = "visible",
+    Ratio = "ratio",
+    StageRatio = "stageRatio",
+    Draggable = "draggable",
+    Resizable = "resizable"
 }
 export declare enum AppEvents {
     setBoxSize = "setBoxSize",

package/dist/src/image.d.ts

@@ -0,0 +1,19 @@
+declare module "*.svg" {
+    const content: string;
+    export default content;
+}
+
+declare module "*.jpg" {
+    const content: string;
+    export default content;
+}
+
+declare module "*.png" {
+    const content: string;
+    export default content;
+}
+
+declare module "*.gif" {
+    const content: string;
+    export default content;
+}

package/dist/{index.d.ts → src/index.d.ts}

@@ -1,16 +1,14 @@
 import { AppManager } from "./AppManager";
 import { CursorManager } from "./Cursor";
-import { InvisiblePlugin, ViewMode } from "white-web-sdk";
+import { AnimationMode, InvisiblePlugin, ViewMode } from "white-web-sdk";
 import { ReconnectRefresher } from "./ReconnectRefresher";
-import "video.js/dist/video-js.css";
-import "./style.css";
-import "@netless/telebox-insider/dist/style.css";
+import { Val } from "value-enhancer";
 import type { TELE_BOX_STATE } from "./BoxManager";
 import type { Apps, Position, ICamera, ISize } from "./AttributesDelegate";
-import type { Displayer, SceneDefinition, View, Room, InvisiblePluginContext, Camera, AnimationMode, CameraBound, Point, Rectangle, CameraState, Player, ImageInformation, SceneState } from "white-web-sdk";
+import type { Displayer, SceneDefinition, View, Room, InvisiblePluginContext, Camera, CameraBound, Point, CameraState, Player, ImageInformation, SceneState, Size } from "white-web-sdk";
 import type { AppListeners } from "./AppListener";
 import type { ApplianceIcons, NetlessApp, RegisterParams } from "./typings";
-import type { TeleBoxColorScheme, TeleBoxState } from "@netless/telebox-insider";
+import type { TeleBoxColorScheme, TeleBoxFullscreen, TeleBoxManager, TeleBoxManagerThemeConfig, TeleBoxState } from "@netless/telebox-insider";
 import type { AppProxy } from "./App";
 import type { PublicEvent } from "./callback";
 import type Emittery from "emittery";
@@ -56,6 +54,7 @@ export declare type AppSyncAttributes = {
     createdAt?: number;
     camera?: ICamera;
     size?: ISize;
+    setup: boolean;
 };
 export declare type AppInitState = {
     id: string;
@@ -69,6 +68,11 @@ export declare type AppInitState = {
     sceneIndex?: number;
     boxState?: TeleBoxState;
     zIndex?: number;
+    visible?: boolean;
+    stageRatio?: number;
+    resizable?: boolean;
+    draggable?: boolean;
+    ratio?: number;
 };
 export declare type CursorMovePayload = {
     uid: string;
@@ -80,8 +84,6 @@ export declare type MountParams = {
     container?: HTMLElement;
     /** 白板高宽比例, 默认为 9 / 16 */
     containerSizeRatio?: number;
-    /** 显示 PS 透明背景，默认 true */
-    chessboard?: boolean;
     collectorContainer?: HTMLElement;
     collectorStyles?: Partial<CSSStyleDeclaration>;
     overwriteStyles?: string;
@@ -89,7 +91,18 @@ export declare type MountParams = {
     debug?: boolean;
     disableCameraTransform?: boolean;
     prefersColorScheme?: TeleBoxColorScheme;
+    /** @deprecated */
+    chessboard?: boolean;
     applianceIcons?: ApplianceIcons;
+    containerStyle?: string;
+    stageStyle?: string;
+    fullscreen?: TeleBoxFullscreen;
+    /** Custom `style` attribute value for content area of all boxes. Can be overwritten by box. */
+    defaultBoxBodyStyle?: string | null;
+    /** Custom `style` attribute value for stage area of all boxes. Can be overwritten by box. */
+    defaultBoxStageStyle?: string | null;
+    /** Theme variable */
+    theme?: TeleBoxManagerThemeConfig;
 };
 export declare const reconnectRefresher: ReconnectRefresher;
 export declare class WindowManager extends InvisiblePlugin<WindowMangerAttributes> implements PageController {
@@ -100,6 +113,7 @@ export declare class WindowManager extends InvisiblePlugin<WindowMangerAttribute
     static debug: boolean;
     static containerSizeRatio: number;
     private static isCreated;
+    static registry: import("./Register").AppRegister;
     version: string;
     dependencies: Record<string, string>;
     appListeners?: AppListeners;
@@ -108,10 +122,13 @@ export declare class WindowManager extends InvisiblePlugin<WindowMangerAttribute
     appManager?: AppManager;
     cursorManager?: CursorManager;
     viewMode: ViewMode;
+    viewMode$: Val<ViewMode, any>;
     isReplay: boolean;
     private _pageState?;
     private boxManager?;
     private static params?;
+    private cameraUpdating;
+    private nextCamera;
     containerSizeRatio: number;
     constructor(context: InvisiblePluginContext);
     static mount(params: MountParams): Promise<WindowManager>;
@@ -144,6 +161,7 @@ export declare class WindowManager extends InvisiblePlugin<WindowMangerAttribute
     setMainViewSceneIndex(index: number): Promise<void>;
     nextPage(): Promise<boolean>;
     prevPage(): Promise<boolean>;
+    jumpPage(index: number): Promise<boolean>;
     addPage(params?: AddPageParams): Promise<void>;
     /**
      * 删除一页
@@ -180,11 +198,19 @@ export declare class WindowManager extends InvisiblePlugin<WindowMangerAttribute
     setMinimized(minimized: boolean): void;
     get mainView(): View;
     get camera(): Camera;
+    get baseCamera(): {
+        id: string;
+        centerX: number | null;
+        centerY: number | null;
+        scale: number;
+    } | undefined;
+    get baseSize(): ISize | undefined;
     get cameraState(): CameraState;
     get apps(): Apps | undefined;
     get boxState(): TeleBoxState | undefined;
     get darkMode(): boolean;
     get prefersColorScheme(): TeleBoxColorScheme | undefined;
+    get fullscreen(): TeleBoxFullscreen | undefined;
     get focused(): string | undefined;
     get focusedView(): View | undefined;
     get mainViewSceneIndex(): number;
@@ -195,6 +221,7 @@ export declare class WindowManager extends InvisiblePlugin<WindowMangerAttribute
     get canUndoSteps(): number;
     get sceneState(): SceneState;
     get pageState(): PageState;
+    get teleboxManager(): TeleBoxManager;
     /**
      * 查询所有的 App
      */
@@ -207,12 +234,10 @@ export declare class WindowManager extends InvisiblePlugin<WindowMangerAttribute
      * 关闭 APP
      */
     closeApp(appId: string): Promise<void>;
-    moveCamera(camera: Partial<Camera> & {
-        animationMode?: AnimationMode | undefined;
-    }): void;
-    moveCameraToContain(rectangle: Rectangle & Readonly<{
+    moveCamera: (camera: Partial<Camera> & {
         animationMode?: AnimationMode;
-    }>): void;
+    }) => void;
+    private onCameraUpdated;
     convertToPointInWorld(point: Point): Point;
     setCameraBound(cameraBound: CameraBound): void;
     onDestroy(): void;
@@ -224,6 +249,7 @@ export declare class WindowManager extends InvisiblePlugin<WindowMangerAttribute
     safeSetAttributes(attributes: any): void;
     safeUpdateAttributes(keys: string[], value: any): void;
     setPrefersColorScheme(scheme: TeleBoxColorScheme): void;
+    setFullscreen(fullscreen: TeleBoxFullscreen): void;
     cleanCurrentScene(): void;
     redo(): number;
     undo(): number;
@@ -240,9 +266,18 @@ export declare class WindowManager extends InvisiblePlugin<WindowMangerAttribute
     /** @inner */
     _refresh(): void;
     setContainerSizeRatio(ratio: number): void;
+    setContainerStyle(style: string): void;
+    setStageStyle(style: string): void;
+    setBaseSize(size: Size): void;
+    createPPTHandler(): {
+        onPageJumpTo: (_pptUUID: string, index: number) => void;
+        onPageToNext: () => void;
+        onPageToPrev: () => void;
+    };
     private isDynamicPPT;
     private ensureAttributes;
 }
 export * from "./typings";
-export { BuiltinApps } from "./BuiltinApps";
+export { BuiltinApps, BuiltinAppsMap } from "./BuiltinApps";
 export type { PublicEvent } from "./callback";
+export type { Member } from "./Helper";

package/dist/src/shim.d.ts

@@ -0,0 +1,11 @@
+import type { SvelteComponent } from "svelte";
+
+declare module "*.svelte" {
+    const app: SvelteComponent;
+    export default app;
+}
+
+declare global {
+    const __APP_VERSION__: string;
+    const __APP_DEPENDENCIES__: Record<string, string>;
+}

package/dist/{typings.d.ts → src/typings.d.ts}

@@ -1,7 +1,7 @@
 import type Emittery from "emittery";
 import type { AnimationMode, ApplianceNames, Displayer, DisplayerState, Player, Room, SceneDefinition, SceneState, View } from "white-web-sdk";
 import type { AppContext } from "./App";
-import type { ReadonlyTeleBox, TeleBoxRect } from "@netless/telebox-insider";
+import type { ReadonlyTeleBox, TeleBoxRect, TeleBoxFullscreen } from "@netless/telebox-insider";
 import type { PageState } from "./Page";
 import type { Member } from "./Helper";
 export interface NetlessApp<Attributes = any, MagixEventPayloads = any, AppOptions = any, SetupResult = any> {
@@ -17,6 +17,8 @@ export interface NetlessApp<Attributes = any, MagixEventPayloads = any, AppOptio
         minheight?: number;
         /** App only single instance. */
         singleton?: boolean;
+        /** App box enableShadowDom. Default true */
+        enableShadowDOM?: boolean;
     };
     setup: (context: AppContext<Attributes, MagixEventPayloads, AppOptions>) => SetupResult;
 }
@@ -64,19 +66,26 @@ export declare type RegisterEvents<SetupResult = any> = {
 };
 export declare type RegisterParams<AppOptions = any, SetupResult = any, Attributes = any> = {
     kind: string;
-    src: NetlessApp<Attributes, SetupResult> | string | (() => Promise<NetlessApp<Attributes, SetupResult>>);
+    src: NetlessApp<Attributes, SetupResult> | string | (() => Promise<NetlessApp<Attributes, SetupResult>>) | (() => Promise<{
+        default: NetlessApp<Attributes, SetupResult>;
+    }>);
     appOptions?: AppOptions | (() => AppOptions);
     addHooks?: (emitter: Emittery<RegisterEvents<SetupResult>>) => void;
     /** dynamic load app package name */
     name?: string;
+    contentStyles?: string;
 };
 export declare type AppListenerKeys = keyof AppEmitterEvent;
 export declare type ApplianceIcons = Partial<Record<ApplianceNames, string>>;
+export declare type Writeable<T> = {
+    -readonly [P in keyof T]: T[P];
+};
 export type { AppContext } from "./App/AppContext";
 export type { WhiteBoardView } from "./App";
-export type { ReadonlyTeleBox, TeleBoxRect };
+export type { ReadonlyTeleBox, TeleBoxRect, TeleBoxFullscreen };
 export type { SceneState, SceneDefinition, View, AnimationMode, Displayer, Room, Player };
 export type { Storage, StorageStateChangedEvent, StorageStateChangedListener } from "./App/Storage";
 export * from "./Page";
 export * from "./Utils/error";
 export type { Member } from "./Helper";
+export type { TeleBoxManager, TeleBoxManagerQueryConfig } from "@netless/telebox-insider";