@netless/forge-slide 0.1.0-alpha.0

package/build.mjs

@@ -0,0 +1,31 @@
+import esbuild from 'esbuild';
+import dtsPlugin from "esbuild-plugin-d.ts";
+
+const settings = {
+    entryPoints: ['src/index.ts'],
+    bundle: true,
+    sourcemap: true,
+    plugins: [
+        // dtsPlugin()
+    ],
+    external: [
+        "@netless/forge-room",
+        "yjs",
+        "eventemitter3",
+        "uuid"
+    ]
+};
+
+esbuild.build({
+    ...settings,
+    outfile: 'dist/index.js',
+    platform: 'browser',
+    format: "cjs"
+}).then(console.log).catch(console.log);
+
+esbuild.build({
+    ...settings,
+    outfile: 'dist/index.esm.js',
+    platform: 'browser',
+    format: "esm"
+}).then(console.log).catch(console.log);

package/dist/FoorerView.d.ts

@@ -0,0 +1,23 @@
+import EventEmitter from "eventemitter3";
+interface FooterViewEvents {
+    prevPage: () => void;
+    nextPage: () => void;
+    prevStep: () => void;
+    nextStep: () => void;
+    sideBarToggle: () => void;
+}
+export declare class FooterView extends EventEmitter<FooterViewEvents> {
+    readonly root: HTMLDivElement;
+    private prevStep;
+    private nextStep;
+    private prevPage;
+    private nextPage;
+    private sideBarToggle;
+    constructor();
+    prevPageState(enable: boolean): void;
+    nextPageState(enable: boolean): void;
+    private createSpacer;
+    private createIcon;
+}
+export {};
+//# sourceMappingURL=FoorerView.d.ts.map

package/dist/FoorerView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FoorerView.d.ts","sourceRoot":"","sources":["../src/FoorerView.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,eAAe,CAAC;AAGzC,UAAU,gBAAgB;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC7B;AAID,qBAAa,UAAW,SAAQ,YAAY,CAAC,gBAAgB,CAAC;IAE1D,SAAgB,IAAI,EAAE,cAAc,CAAC;IAErC,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,QAAQ,CAAiB;IAEjC,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,QAAQ,CAAiB;IAEjC,OAAO,CAAC,aAAa,CAAiB;;IAyC/B,aAAa,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAUpC,aAAa,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAU3C,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,UAAU;CAkBrB"}

package/dist/ForgeSlidePermession.d.ts

@@ -0,0 +1,80 @@
+import { type UserManager } from "@netless/forge-room";
+import EventEmitter from "eventemitter3";
+import * as Y from "yjs";
+export declare enum ForgeSlidePermissionFlag {
+    /**
+     * 没有任何权限, 只能同步他人的操作
+     */
+    none = 0,
+    /**
+     * 可以操作上一步下一步动画
+     */
+    changeStep = 1,
+    /**
+     * 可以切面页码
+     */
+    changePage = 2,
+    /**
+     * 可以触发点击动画
+     */
+    clickAnim = 4,
+    /**
+     * 拥有所有权限
+     */
+    all = 7
+}
+export interface ForgeSlidePermissionEvents {
+    /**
+     * 当用户权限变更时触发
+     * @param { string } userId 对应 userId
+     * @param { ForgeSlidePermissionFlag[] } flags 当前权限列表
+     * @param { number } value 权限值
+     */
+    change: (userId: string, flags: ForgeSlidePermissionFlag[], value: number) => void;
+}
+export declare class ForgeSlidePermissions extends EventEmitter<ForgeSlidePermissionEvents> {
+    private requestUserMap;
+    private userManager;
+    private observers;
+    constructor(userManager: UserManager, requestUserMap: (userId: string) => Y.Map<any>);
+    private handleUserLeave;
+    private handleUserJoin;
+    private addObserve;
+    private createModel;
+    private handleUserPermissionChange;
+    /**
+     * 解析权限列表组合
+     * @param {number} value - 权限数字值
+     * @return {WhiteboardPermissionFlag[]} - 权限列表
+     */
+    resolveFlags(value: number): ForgeSlidePermissionFlag[];
+    /**
+     * 获取权限列表组合对应的数值
+     * @param { string } userId 不传表示获取自己
+     */
+    getPermissionValue(userId?: string): number;
+    /**
+     * 获取权限列表
+     * @param {string=} userId 可选, 不传表示获取自己
+     */
+    getPermissionFlags(userId?: string): ForgeSlidePermissionFlag[];
+    /**
+     * 返回对应 userId 是否有相应权限
+     * @param {string=} userId 可选, 不传表示返回自己是否有相应权限
+     * @param {WhiteboardPermissionFlag} flag
+     */
+    hasPermission(flag: ForgeSlidePermissionFlag, userId?: string): boolean;
+    /**
+     * 添加权限
+     * @param {WhiteboardPermissionFlag} flag 权限标记
+     * @param {string=} userId 可选, 为 userId 添加权限, 不传表示为自己添加权限
+     */
+    addPermission(flag: ForgeSlidePermissionFlag, userId?: string): void;
+    /**
+     * 移除权限
+     * @param {WhiteboardPermissionFlag} flag 权限标记
+     * @param {string=} userId 可选, 为 userId 移除权限, 不传表示为自己移除权限
+     */
+    removePermission(flag: ForgeSlidePermissionFlag, userId?: string): void;
+}
+//# sourceMappingURL=ForgeSlidePermession.d.ts.map

package/dist/ForgeSlidePermession.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForgeSlidePermession.d.ts","sourceRoot":"","sources":["../src/ForgeSlidePermession.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC;AAEzB,oBAAY,wBAAwB;IAChC;;OAEG;IACH,IAAI,IAAqB;IACzB;;OAEG;IACH,UAAU,IAAqB;IAC/B;;OAEG;IACH,UAAU,IAAqB;IAC/B;;OAEG;IACH,SAAS,IAAqB;IAC9B;;OAEG;IACH,GAAG,IAEmC;CACzC;AAED,MAAM,WAAW,0BAA0B;IACvC;;;;;OAKG;IACH,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtF;AAED,qBAAa,qBAAsB,SAAQ,YAAY,CAAC,0BAA0B,CAAC;IAE/E,OAAO,CAAC,cAAc,CAAiC;IACvD,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,SAAS,CAA+B;gBAG5C,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;IAclD,OAAO,CAAC,eAAe,CAKrB;IAEF,OAAO,CAAC,cAAc,CAEpB;IAEF,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,0BAA0B;IAWlC;;;;OAIG;IACI,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,wBAAwB,EAAE;IAQ9D;;;OAGG;IACI,kBAAkB,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM;IAIlD;;;OAGG;IACI,kBAAkB,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,wBAAwB,EAAE;IAKtE;;;;OAIG;IACI,aAAa,CAAC,IAAI,EAAE,wBAAwB,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO;IAI9E;;;;OAIG;IACI,aAAa,CAAC,IAAI,EAAE,wBAAwB,EAAE,MAAM,CAAC,EAAE,MAAM;IAMpE;;;;OAIG;IACI,gBAAgB,CAAC,IAAI,EAAE,wBAAwB,EAAE,MAAM,CAAC,EAAE,MAAM;CAK1E"}

package/dist/SiderBarView.d.ts

@@ -0,0 +1,17 @@
+import { SlideApplicationOption } from "./SlideApplication";
+import EventEmitter from "eventemitter3";
+interface SideBarViewEvents {
+    pageChange: (index: number) => void;
+}
+export declare class SideBarView extends EventEmitter<SideBarViewEvents> {
+    readonly root: HTMLDivElement;
+    private itemList;
+    constructor();
+    private onMouseOver;
+    private onMouseOut;
+    private onClickHandle;
+    initialize(slideCount: number, option: SlideApplicationOption): void;
+    dispose(): void;
+}
+export {};
+//# sourceMappingURL=SiderBarView.d.ts.map

package/dist/SiderBarView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SiderBarView.d.ts","sourceRoot":"","sources":["../src/SiderBarView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAC,MAAM,oBAAoB,CAAC;AAC1D,OAAO,YAAY,MAAM,eAAe,CAAC;AAEzC,UAAU,iBAAiB;IACvB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,qBAAa,WAAY,SAAQ,YAAY,CAAC,iBAAiB,CAAC;IAC5D,SAAgB,IAAI,EAAE,cAAc,CAAiC;IACrE,OAAO,CAAC,QAAQ,CAAwB;;IAuBxC,OAAO,CAAC,WAAW,CAElB;IAED,OAAO,CAAC,UAAU,CAEjB;IAED,OAAO,CAAC,aAAa,CAEpB;IAEM,UAAU,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,sBAAsB,GAAG,IAAI;IAuCpE,OAAO;CAOjB"}

package/dist/Slide.d.ts

@@ -0,0 +1,60 @@
+import EventEmitter from "eventemitter3";
+import { ApplicationInstanceType } from "@netless/forge-room";
+import { ForgeSlidePermissionFlag, ForgeSlidePermissions } from "./ForgeSlidePermession";
+export interface SlideEvents {
+    /**
+     * 当用户权限变更时触发
+     * @param { string } userId 对应 userId
+     * @param { ForgeSlidePermissionFlag[] } flags 当前权限列表
+     * @param { number } value 权限值
+     */
+    permissionChange: (userId: string, flags: ForgeSlidePermissionFlag[], value: number) => void;
+    /**
+     * 开始渲染页面时触发
+     * @param {number} pageIndex 页面索引
+     */
+    renderStart: (pageIndex: number) => void;
+    /**
+     * 页面渲染完成时触发
+     * @param {number} pageIndex 页面索引
+     */
+    renderEnd: (pageIndex: number) => void;
+}
+export declare class SlideForge extends EventEmitter<SlideEvents> implements ApplicationInstanceType {
+    readonly view: HTMLDivElement;
+    readonly permissions: ForgeSlidePermissions;
+    /**
+     * 当前页面索引, 从 0 开始
+     */
+    readonly pageIndex: number;
+    /**
+     * 总页数
+     */
+    readonly pageCount: number;
+    /**
+     * 切换到参数指定页面, index 从 0 开始
+     * @param {number} index 页面索引
+     */
+    goto: (index: number) => Promise<void>;
+    /**
+     * 下一步, 如果已经是本页的最后一步, 则切换到下一页
+     */
+    nextStep: () => Promise<void>;
+    /**
+     * 上一步, 如果已经是本页的第一步, 则切换到上一页
+     */
+    prevStep: () => Promise<void>;
+    /**
+     * 下一页, 如果是最后一页, 则不执行任何操作
+     */
+    nextPage: () => Promise<void>;
+    /**
+     * 上一页, 如果是第一页, 则不执行任何操作
+     */
+    prevPage: () => Promise<void>;
+    /**
+     * 切换侧栏显示状态
+     */
+    sideBarToggle: () => Promise<void>;
+}
+//# sourceMappingURL=Slide.d.ts.map

package/dist/Slide.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slide.d.ts","sourceRoot":"","sources":["../src/Slide.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAEzF,MAAM,WAAW,WAAW;IACxB;;;;;OAKG;IACH,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE7F;;;OAGG;IACH,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC;;;OAGG;IACH,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAGD,qBAAa,UAAW,SAAQ,YAAY,CAAC,WAAW,CAAE,YAAW,uBAAuB;IAExF,SAAgB,IAAI,EAAG,cAAc,CAAC;IACtC,SAAgB,WAAW,EAAG,qBAAqB,CAAC;IACpD;;OAEG;IACH,SAAgB,SAAS,EAAG,MAAM,CAAC;IACnC;;OAEG;IACH,SAAgB,SAAS,EAAG,MAAM,CAAC;IACnC;;;OAGG;IACI,IAAI,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC9C;;OAEG;IACI,QAAQ,EAAG,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IACrC;;OAEG;IACI,QAAQ,EAAG,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IACrC;;OAEG;IACI,QAAQ,EAAG,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IACrC;;OAEG;IACI,QAAQ,EAAG,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IACrC;;OAEG;IACI,aAAa,EAAG,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAC7C"}

package/dist/SlideApplication.d.ts

@@ -0,0 +1,36 @@
+import { ISlideConfig } from "@netless/slide";
+import { AbstractApplication } from "@netless/forge-room";
+import { SlideForge } from "./Slide";
+export interface SlideApplicationOption {
+    prefix: string;
+    taskId: string;
+    options?: ISlideConfig;
+    /**
+     * 从指定的白板 id 继承白板权限以及工具栏配置
+     */
+    inheritWhiteboardId?: string;
+}
+export declare const Slide_APP_NAME = "forge_slide";
+export declare class SlideApplication extends AbstractApplication<SlideApplicationOption, SlideForge> {
+    static applicationName: string;
+    readonly name: string;
+    readonly emitter: SlideForge;
+    private whiteboardApp;
+    private whiteboard;
+    private rootView;
+    private contentContainer;
+    private whiteboardContainer;
+    private slideContainer;
+    private permissions;
+    private footer;
+    private sideBar;
+    private slide;
+    private currentSlideIndex;
+    constructor();
+    private applySlideState;
+    private onSlideEventHandler;
+    initialize(option: SlideApplicationOption): Promise<void>;
+    private userMap;
+    dispose(): Promise<void>;
+}
+//# sourceMappingURL=SlideApplication.d.ts.map

package/dist/SlideApplication.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlideApplication.d.ts","sourceRoot":"","sources":["../src/SlideApplication.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAC,mBAAmB,EAAC,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAOnC,MAAM,WAAW,sBAAsB;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,eAAO,MAAM,cAAc,gBAAgB,CAAC;AAE5C,qBAAa,gBAAiB,SAAQ,mBAAmB,CAAC,sBAAsB,EAAE,UAAU,CAAC;IAEzF,MAAM,CAAC,eAAe,SAAkB;IAExC,SAAgB,IAAI,EAAE,MAAM,CAAkB;IAC9C,SAAgB,OAAO,EAAE,UAAU,CAAoB;IAEvD,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,UAAU,CAAc;IAChC,OAAO,CAAC,QAAQ,CAAiD;IACjE,OAAO,CAAC,gBAAgB,CAAiD;IACzE,OAAO,CAAC,mBAAmB,CAAiD;IAC5E,OAAO,CAAC,cAAc,CAAiD;IACvE,OAAO,CAAC,WAAW,CAAyB;IAC5C,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,iBAAiB,CAAa;;IAsJtC,OAAO,CAAC,eAAe,CAatB;IAED,OAAO,CAAC,mBAAmB,CAS1B;IAEY,UAAU,CAAC,MAAM,EAAE,sBAAsB,GAAG,OAAO,CAAC,IAAI,CAAC;IAwHtE,OAAO,CAAC,OAAO;IAIF,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;CASxC"}

package/dist/icons.d.ts

@@ -0,0 +1,8 @@
+export declare const Icons: {
+    prevPage: (color: string) => string;
+    nextPage: (color: string) => string;
+    prevStep: (color: string) => string;
+    nextStep: (color: string) => string;
+    sideBar: (color: string) => string;
+};
+//# sourceMappingURL=icons.d.ts.map

package/dist/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/icons.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,KAAK;sBApBO,MAAM;sBAQN,MAAM;sBAQN,MAAM;sBACN,MAAM;qBACP,MAAM;CAM7B,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { SlideApplication } from "./SlideApplication";
+export { SlideForge } from "./Slide";
+export { ForgeSlidePermissionFlag } from "./ForgeSlidePermession";
+export type { SlideApplicationOption } from "./SlideApplication";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAElE,YAAY,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC"}