@netless/window-manager 0.4.0-canary.2 → 0.4.0-canary.20

package/dist/sdk.d.ts

@@ -1,14 +0,0 @@
-import { WindowManager } from './index';
-import type { MountParams } from "./index";
-import type { WhiteWebSdkConfiguration, JoinRoomParams } from "white-web-sdk";
-declare type WhiteWindowSDKConfiguration = Omit<WhiteWebSdkConfiguration, "useMobXState">;
-declare type WindowJoinRoomParams = {
-    joinRoomParams: Omit<JoinRoomParams, "useMultiViews" | "disableMagixEventDispatchLimit">;
-    mountParams: Omit<MountParams, "room">;
-};
-export declare class WhiteWindowSDK {
-    private sdk;
-    constructor(params: WhiteWindowSDKConfiguration);
-    mount(params: WindowJoinRoomParams): Promise<WindowManager>;
-}
-export {};

package/src/Base/Context.ts

@@ -1,49 +0,0 @@
-import { emitter } from "../index";
-import type { AppManager } from "../AppManager";
-
-export class Context {
-    public observerId: number;
-
-    constructor(private manager: AppManager) {
-        this.observerId = manager.displayer.observerId;
-
-        emitter.on("observerIdChange", id => {
-            this.observerId = id;
-        });
-    };
-
-    public get uid() {
-        return this.manager.room?.uid || "";
-    }
-
-    public findMember = (memberId: number) => {
-        const roomMembers = this.manager.room?.state.roomMembers;
-        return roomMembers?.find(member => member.memberId === memberId);
-    }
-
-    public findMemberByUid = (uid: string) => {
-        const roomMembers = this.manager.room?.state.roomMembers;
-        return roomMembers?.find(member => member.payload?.uid === uid);
-    }
-
-    public updateManagerRect() {
-        this.manager.boxManager?.updateManagerRect();
-    }
-
-    public blurFocusBox() {
-        this.manager.boxManager?.blurAllBox();
-    }
-
-    public switchAppToWriter(id: string) {
-        this.manager.viewManager.switchAppToWriter(id);
-    }
-}
-
-let context: Context;
-
-export const createContext = (manager: AppManager) => {
-    if (!context) {
-        context = new Context(manager);
-    }
-    return context;
-};

package/src/Base/index.ts

@@ -1,10 +0,0 @@
-import type { AppManager } from "../AppManager";
-import { store } from "../AttributesDelegate";
-import { createContext } from "./Context";
-
-export class Base {
-    public store = store;
-    public context = createContext(this.manager);
-
-    constructor(public manager: AppManager) {}
-}

package/src/Utils/CameraStore.ts

@@ -1,72 +0,0 @@
-import { AnimationMode } from "white-web-sdk";
-import type { Camera, View } from "white-web-sdk";
-
-export class CameraStore {
-    private cameras: Map<string, Camera> = new Map();
-    private listeners: Map<string, any> = new Map();
-
-    public setCamera(id: string, camera: Camera) {
-        this.cameras.set(id, camera);
-    }
-
-    public getCamera(id: string) {
-        return this.cameras.get(id);
-    }
-
-    public deleteCamera(id: string) {
-        this.cameras.delete(id);
-    }
-
-    public recoverCamera(id: string, view?: View) {
-        const camera = this.cameras.get(id);
-        if (camera && view) {
-            view.moveCamera({
-                ...camera,
-                animationMode: AnimationMode.Immediately,
-            });
-        }
-    }
-
-    public register(id: string, view: View) {
-        this.onListener(id, view);
-        this.setCamera(id, view.camera);
-    }
-
-    public unregister(id: string, view?: View) {
-        if (view) {
-            this.offListener(id, view);
-        }
-        this.listeners.delete(id);
-        this.deleteCamera(id);
-    }
-
-    private onListener = (id: string, view: View) => {
-        view.callbacks.on("onCameraUpdated", this.getOrCreateListener(id));
-    };
-
-    private offListener = (id: string, view: View) => {
-        view.callbacks.off("onCameraUpdated", this.getOrCreateListener(id));
-    };
-
-    public async switchView(id: string, view: View | undefined, callback: () => void) {
-        if (view) {
-            this.offListener(id, view);
-            await callback();
-            this.recoverCamera(id, view);
-            this.onListener(id, view);
-        }
-    }
-
-    private getOrCreateListener(id: string) {
-        let listener = this.listeners.get(id);
-        if (listener) {
-            return listener;
-        } else {
-            listener = (camera: Camera) => {
-                this.setCamera(id, camera);
-            };
-            this.listeners.set(id, listener);
-            return listener;
-        }
-    }
-}

package/src/sdk.ts

@@ -1,39 +0,0 @@
-import { isBoolean } from 'lodash';
-import { WhiteWebSdk } from 'white-web-sdk';
-import { WindowManager } from './index';
-import type { MountParams } from "./index";
-import type { WhiteWebSdkConfiguration, JoinRoomParams } from "white-web-sdk";
-
-
-
-type WhiteWindowSDKConfiguration = Omit<WhiteWebSdkConfiguration, "useMobXState">
-type WindowJoinRoomParams = {
-    joinRoomParams: Omit<JoinRoomParams, "useMultiViews" | "disableMagixEventDispatchLimit">,
-    mountParams: Omit<MountParams, "room">,
-}
-
-export class WhiteWindowSDK {
-    private sdk: WhiteWebSdk;
-
-    constructor(params: WhiteWindowSDKConfiguration) {
-        this.sdk = new WhiteWebSdk({ ...params, useMobXState: true });
-    }
-
-    public async mount(params: WindowJoinRoomParams): Promise<WindowManager> {
-        const invisiblePlugins = params.joinRoomParams.invisiblePlugins || [];
-        const room = await this.sdk.joinRoom({
-            ...params.joinRoomParams,
-            useMultiViews: true,
-            invisiblePlugins: [...invisiblePlugins, WindowManager],
-            disableMagixEventDispatchLimit: true,
-        });
-        const manager = await WindowManager.mount({
-            room,
-            ...params.mountParams
-        });
-        if (isBoolean(params.joinRoomParams.disableCameraTransform)) {
-            manager.mainView.disableCameraTransform = params.joinRoomParams.disableCameraTransform;
-        }
-        return manager;
-    }
-}

package/src/viewManager.ts

@@ -1,177 +0,0 @@
-import { Base } from "./Base";
-import { callbacks, WindowManager } from "./index";
-import { reaction, ViewVisionMode } from "white-web-sdk";
-import { SET_SCENEPATH_DELAY } from "./constants";
-import { notifyMainViewModeChange, setScenePath, setViewMode } from "./Utils/Common";
-import type { View, Displayer } from "white-web-sdk";
-import type { AppManager } from "./AppManager";
-
-export class ViewManager extends Base {
-    private views: Map<string, View> = new Map();
-    private timer?: number;
-    private appTimer?: number;
-
-    private mainViewProxy = this.manager.mainViewProxy;
-    private displayer = this.manager.displayer;
-
-    constructor(manager: AppManager) {
-        super(manager);
-        setTimeout(() => {
-            // 延迟初始化 focus 的 reaction
-            this.manager.refresher?.add("focus", () => {
-                return reaction(
-                    () => this.store.focus,
-                    focus => {
-                        if (focus) {
-                            this.switchAppToWriter(focus);
-                        } else {
-                            this.switchMainViewToWriter();
-                            this.context.blurFocusBox();
-                        }
-                    },
-                    { fireImmediately: true }
-                );
-            });
-        }, 100);
-    }
-
-    public get currentScenePath(): string {
-        return this.displayer.state.sceneState.scenePath;
-    }
-
-    public get mainView(): View {
-        return this.mainViewProxy.view;
-    }
-
-    public createView(appId: string): View {
-        const view = createView(this.displayer);
-        setViewMode(view, ViewVisionMode.Freedom);
-        this.views.set(appId, view);
-        return view;
-    }
-
-    public destroyView(appId: string): void {
-        const view = this.views.get(appId);
-        if (view) {
-            this.releaseView(view);
-            this.views.delete(appId);
-        }
-    }
-
-    private releaseView(view: View) {
-        if (!(view as any).didRelease) {
-            view.release();
-        }
-    }
-
-    public getView(appId: string): View | undefined {
-        return this.views.get(appId);
-    }
-
-    public switchMainViewToWriter(): Promise<boolean> | undefined {
-        if (this.timer) {
-            clearTimeout(this.timer);
-        }
-        if (this.mainView.mode === ViewVisionMode.Writable) return;
-        this.freedomAllViews();
-        return new Promise((resolve, reject) => {
-            this.timer = window.setTimeout(() => {
-                try {
-                    const mainViewScenePath = this.store.getMainViewScenePath();
-                    if (mainViewScenePath) {
-                        this.freedomAllViews();
-                        setScenePath(this.manager.room, mainViewScenePath);
-                        this.mainViewProxy.switchViewModeToWriter();
-                    }
-                    resolve(true);
-                } catch (error) {
-                    reject(error);
-                }
-            }, SET_SCENEPATH_DELAY);
-        });
-    }
-
-    public freedomAllViews(): void {
-        this.manager.appProxies.forEach(appProxy => {
-            appProxy.setViewFocusScenePath();
-            if (appProxy.view) {
-                setViewMode(appProxy.view, ViewVisionMode.Freedom);
-            }
-        });
-        if (this.mainView.mode === ViewVisionMode.Writable) {
-            notifyMainViewModeChange(callbacks, ViewVisionMode.Freedom);
-            setViewMode(this.mainView, ViewVisionMode.Freedom);
-        }
-        if (!this.mainView.focusScenePath) {
-            this.store.setMainViewFocusPath(this.mainView);
-        }
-    }
-
-    public switchAppToWriter(id: string): void {
-        if (this.appTimer) {
-            clearTimeout(this.appTimer);
-        }
-        this.freedomAllViews();
-        // 为了同步端不闪烁, 需要给 room setScenePath 一个延迟
-        this.appTimer = setTimeout(() => {
-            const appProxy = this.manager.appProxies.get(id);
-            if (appProxy) {
-                if (this.manager.boxManager?.minimized) return;
-                appProxy.setScenePath();
-                appProxy.switchToWritable();
-                appProxy.focusBox();
-            }
-        }, SET_SCENEPATH_DELAY);
-    }
-
-    public destroy(): void {
-        this.mainViewProxy.removeMainViewListener();
-        if (WindowManager.wrapper) {
-            WindowManager.wrapper.parentNode?.removeChild(WindowManager.wrapper);
-            WindowManager.wrapper = undefined;
-        }
-        this.releaseView(this.mainView);
-    }
-}
-
-export const createView = (displayer: Displayer): View => {
-    const view = displayer.views.createView();
-    setDefaultCameraBound(view);
-    return view;
-};
-
-export const setDefaultCameraBound = (view: View) => {
-    view.setCameraBound({
-        maxContentMode: () => 10,
-        minContentMode: () => 0.1,
-    });
-};
-
-export const setupWrapper = (
-    root: HTMLElement
-): {
-    playground: HTMLDivElement;
-    wrapper: HTMLDivElement;
-    sizer: HTMLDivElement;
-    mainViewElement: HTMLDivElement;
-} => {
-    const playground = document.createElement("div");
-    playground.className = "netless-window-manager-playground";
-
-    const sizer = document.createElement("div");
-    sizer.className = "netless-window-manager-sizer";
-
-    const wrapper = document.createElement("div");
-    wrapper.className = "netless-window-manager-wrapper";
-
-    const mainViewElement = document.createElement("div");
-    mainViewElement.className = "netless-window-manager-main-view";
-
-    playground.appendChild(sizer);
-    sizer.appendChild(wrapper);
-    wrapper.appendChild(mainViewElement);
-    root.appendChild(playground);
-    WindowManager.wrapper = wrapper;
-
-    return { playground, wrapper, sizer, mainViewElement };
-};