@netless/window-manager 1.0.0-canary.8 → 1.0.0

package/src/App/AppViewSync.ts

@@ -1,68 +0,0 @@
-import { CameraSynchronizer } from "../View/CameraSynchronizer";
-import { SideEffectManager } from "side-effect-manager";
-import type { Camera, View } from "white-web-sdk";
-import type { AppProxy } from "./AppProxy";
-import { isEqual } from "lodash";
-import { combine } from "value-enhancer";
-
-export class AppViewSync {
-    private sem = new SideEffectManager();
-    private synchronizer: CameraSynchronizer;
-
-    constructor(private appProxy: AppProxy) {
-        this.synchronizer = new CameraSynchronizer((camera: Camera) => {
-            this.appProxy.storeCamera({
-                id: this.appProxy.uid,
-                ...camera,
-            });
-        });
-        this.bindView(appProxy.view);
-        this.sem.add(() => this.appProxy.camera$.subscribe(camera => {
-            const size = this.appProxy.size$.value;
-            if (camera && size) {
-                this.synchronizer.onRemoteUpdate(camera, size);
-            }
-        }));
-        const box = this.appProxy.box;
-        if (box && box.contentStageRect) {
-            this.synchronizer.setRect(box.contentStageRect);
-            this.sem.add(() =>
-                box._contentStageRect$.subscribe(rect => {
-                    if (rect) {
-                        this.synchronizer.setRect(rect);
-                    }
-                }),
-            );
-        }
-        this.sem.add(() => combine([this.appProxy.camera$, this.appProxy.size$]).subscribe(([camera, size]) => {
-            if (camera && size) {
-                this.synchronizer.onRemoteUpdate(camera, size);
-            }
-        }));
-    }
-
-    public bindView = (view?: View) => {
-        if (!view) return;
-        this.synchronizer.setView(view);
-        this.sem.add(() => {
-            view.callbacks.on("onCameraUpdatedByDevice", this.onCameraUpdatedByDevice);
-            return () =>
-                view.callbacks.off("onCameraUpdatedByDevice", this.onCameraUpdatedByDevice);
-        });
-    };
-
-    private onCameraUpdatedByDevice = (camera: Camera) => {
-        this.synchronizer.onLocalCameraUpdate(camera);
-        const stage = this.appProxy.box?.contentStageRect;
-        if (stage) {
-            const size = { width: stage.width, height: stage.height, id: this.appProxy.uid };
-            if (!isEqual(size, this.appProxy.size$.value)) {
-                this.appProxy.storeSize(size);
-            }
-        }
-    };
-
-    public destroy() {
-        this.sem.flushAll();
-    }
-}

package/src/App/WhiteboardView.ts

@@ -1,83 +0,0 @@
-import { putScenes } from "../Utils/Common";
-import { Val } from "value-enhancer";
-
-import type { ReadonlyVal } from "value-enhancer";
-import type { AddPageParams, PageController, PageState } from "../Page";
-import type { AppProxy } from "./AppProxy";
-import type { AppContext } from "./AppContext";
-import type { Camera, View } from "white-web-sdk";
-
-export class WhiteBoardView implements PageController {
-    public readonly pageState$: ReadonlyVal<PageState>;
-
-    constructor(
-        public view: View,
-        protected appContext: AppContext,
-        protected appProxy: AppProxy,
-        private removeViewWrapper: () => void,
-        public ensureSize: (size: number) => void
-    ) {
-        const pageState$ = new Val<PageState>(appProxy.pageState);
-        this.pageState$ = pageState$;
-        appProxy.appEmitter.on("pageStateChange", pageState => {
-            pageState$.setValue(pageState);
-        });
-    }
-
-    public get pageState() {
-        return this.pageState$.value;
-    }
-
-    public moveCamera(camera: Camera) {
-        this.appProxy.moveCamera(camera);
-    }
-
-    public nextPage = async (): Promise<boolean> => {
-        const nextIndex = this.pageState.index + 1;
-        return this.jumpPage(nextIndex);
-    };
-
-    public prevPage = async (): Promise<boolean> => {
-        const nextIndex = this.pageState.index - 1;
-        return this.jumpPage(nextIndex);
-    };
-
-    public jumpPage = async (index: number): Promise<boolean> => {
-        if (index < 0 || index >= this.pageState.length) {
-            console.warn(`[WindowManager]: index ${index} out of range`);
-            return false;
-        }
-        this.appProxy.setSceneIndex(index);
-        return true;
-    };
-
-    public addPage = async (params?: AddPageParams) => {
-        const after = params?.after;
-        const scene = params?.scene;
-        const scenePath = this.appProxy.scenePath;
-        if (!scenePath) return;
-        if (after) {
-            const nextIndex = this.pageState.index + 1;
-            putScenes(this.appContext.room, scenePath, [scene || {}], nextIndex);
-        } else {
-            putScenes(this.appContext.room, scenePath, [scene || {}]);
-        }
-    };
-
-    public removePage = async (index?: number): Promise<boolean> => {
-        const needRemoveIndex = index === undefined ? this.pageState.index : index;
-        if (this.pageState.length === 1) {
-            console.warn(`[WindowManager]: can not remove the last page`);
-            return false;
-        }
-        if (needRemoveIndex < 0 || needRemoveIndex >= this.pageState.length) {
-            console.warn(`[WindowManager]: page index ${index} out of range`);
-            return false;
-        }
-        return this.appProxy.removeSceneByIndex(needRemoveIndex);
-    };
-
-    public destroy() {
-        this.removeViewWrapper();
-    }
-}

package/src/View/CameraSynchronizer.ts

@@ -1,73 +0,0 @@
-import { AnimationMode } from "white-web-sdk";
-import { delay, throttle } from "lodash";
-import type { TeleBoxRect } from "@netless/telebox-insider";
-import type { Camera, View, Size } from "white-web-sdk";
-import type { ISize } from "../AttributesDelegate";
-
-export type SaveCamera = (camera: Camera) => void;
-
-export class CameraSynchronizer {
-    public remoteCamera?: Camera;
-    public remoteSize?: ISize;
-    protected rect?: TeleBoxRect;
-    protected view?: View;
-
-    constructor(protected saveCamera: SaveCamera) {}
-
-    public setRect(rect: TeleBoxRect) {
-        this.rect = rect;
-        if (this.remoteCamera && this.remoteSize) {
-            this.onRemoteUpdate(this.remoteCamera, this.remoteSize);
-        }
-    }
-
-    public setView(view: View) {
-        this.view = view;
-    }
-
-    // 远端 Camera 或者 size 更新
-    public onRemoteUpdate = throttle((camera: Camera, size: ISize) => {
-        this.remoteCamera = camera;
-        this.remoteSize = size;
-        if (this.remoteSize && this.rect) {
-            let scale: number;
-            if (size.width < size.height) {
-                scale = this.rect.width / size.width;
-            } else {
-                scale = this.rect.height / size.height;
-            }
-            const nextScale = camera.scale * scale;
-            const moveCamera = () => this.view?.moveCamera({
-                centerX: camera.centerX,
-                centerY: camera.centerY,
-                scale: nextScale,
-                animationMode: AnimationMode.Immediately,
-            });
-            // TODO 直接调用 moveCamera 依然会出现 camera 错误的情况,这里暂时加一个 delay 保证 camera 是对的, 后续需要 SDK 进行修改
-            delay(moveCamera, 50);
-        }
-    }, 50);
-
-
-    public onLocalCameraUpdate(camera: Camera) {
-        this.saveCamera(camera);
-        this.remoteCamera = camera;
-    }
-
-    // 本地 Size 更新, 先匹配 camera 到新的 size 然后再发送 camera 数据到远端
-    public onLocalSizeUpdate = (size: Size) => {
-        if (this.rect && this.view) {
-            let scale: number;
-            if (size.width < size.height) {
-                scale = this.rect.width / size.width;
-            } else {
-                scale = this.rect.height / size.height;
-            }
-            const nextScale = this.view.camera.scale / scale;
-            this.view.moveCamera({
-                scale: nextScale,
-                animationMode: AnimationMode.Immediately
-            });
-        }
-    }
-}

package/src/View/ViewSync.ts

@@ -1,10 +0,0 @@
-import type { Camera, Size } from "white-web-sdk";
-
-
-export interface ViewSync {
-    readonly camera: Camera;
-    readonly size: Size;
-
-    setCamera: (camera: Camera) => void;
-    setSize: (size: Size) => void;      
-}

package/vite.config.js

@@ -1,51 +0,0 @@
-import path from "path";
-import { defineConfig } from 'vitest/config'
-import { svelte } from "@sveltejs/vite-plugin-svelte";
-import { dependencies, peerDependencies, version, devDependencies } from "./package.json"
-import { omit } from "lodash";
-
-export default defineConfig(({ mode }) => {
-    const isProd = mode === "production";
-
-    return {
-        test: {
-            environment: "jsdom",
-            deps: {
-                inline: [
-                  "@juggle/resize-observer"
-                ]
-            }
-        },
-        define: {
-            __APP_VERSION__: JSON.stringify(version),
-            __APP_DEPENDENCIES__: JSON.stringify({
-                dependencies, peerDependencies, devDependencies
-            }),
-        },
-        plugins: [
-            svelte({
-                emitCss: false,
-                experimental: {
-                    useVitePreprocess: true,
-                },
-            })
-        ],
-        build: {
-            lib: {
-                // eslint-disable-next-line no-undef
-                entry: path.resolve(__dirname, "src/index.ts"),
-                formats: ["es", "umd", "cjs"],
-                name: "WindowManager",
-                fileName: "index"
-            },
-            outDir: "dist",
-            rollupOptions: {
-                external: Object.keys({
-                    ...omit(dependencies, ["@netless/telebox-insider"]),
-                    ...peerDependencies,
-                }),
-            },
-            minify: isProd,
-        },
-    };
-});