@netless/app-slide 0.2.0 → 0.3.0-canary.0

package/README-zh.md

@@ -14,10 +14,7 @@ WindowManager.register({
     // 打开这个选项显示 debug 工具栏
     debug: false,
   },
-  src: async () => {
-    const app = await import("@netless/app-slide");
-    return app.default ?? app;
-  },
+  src: () => import("@netless/app-slide"),
 });
 
 // 2. 加入房间后，这样插入 PPT

package/README.md

@@ -16,10 +16,7 @@ WindowManager.register({
     // turn on to show debug controller
     debug: false,
   },
-  src: async () => {
-    const app = await import("@netless/app-slide");
-    return app.default ?? app;
-  },
+  src: () => import("@netless/app-slide"),
 });
 
 // 2. when joined room, add ppt to whiteboard

package/dist/Refrigerator.d.ts

@@ -0,0 +1,13 @@
+import type { SlideViewer } from "./SlideViewer";
+import type { AddHooks } from "./typings";
+export declare class Refrigerator {
+    threshold: number;
+    private _map;
+    private _queue;
+    set(appId: string, viewer: SlideViewer): () => void;
+    delete(appId: string): void;
+    focus(appId: string): void;
+    private _refresh;
+}
+export declare const refrigerator: Refrigerator;
+export declare const addHooks: AddHooks;

package/dist/SlideViewer.d.ts

@@ -0,0 +1,63 @@
+import type { ISlideConfig } from "@netless/slide";
+import { Slide } from "@netless/slide";
+interface SlideAttributes {
+    taskId: string;
+    url?: string;
+}
+interface PreviewPage {
+    width: number;
+    height: number;
+    thumbnail: string;
+}
+export declare type SlideViewerOptions = Omit<ISlideConfig, "anchor"> & SlideAttributes;
+export interface SlideViewerInfoResponse {
+    width: number;
+    height: number;
+    slideCount: number;
+}
+export declare class SlideViewer {
+    static styles: string;
+    private readonly sideEffect;
+    readonly $slide: HTMLDivElement;
+    readonly sidebar: {
+        $content: HTMLDivElement;
+        $preview: HTMLDivElement;
+        set_readonly: (readonly_: boolean) => void;
+        set_active: (active_: boolean) => void;
+        get_active: () => boolean;
+        set_pages: (pages_: PreviewPage[]) => void;
+        on_new_page_index: (callback: (newPageIndex: number) => void) => void;
+        set_page_index: (page_index_: number) => void;
+        destroy: () => void;
+    };
+    readonly footer: {
+        $footer: HTMLDivElement;
+        $pageNumberInput: HTMLInputElement;
+        set_readonly: (readonly_: boolean) => void;
+        set_sidebar: (sidebar_: boolean) => void;
+        set_page_index: (page_index_: number) => void;
+        set_page_count: (page_count_: number) => void;
+        on_new_page_index: (callback: (newPageIndex: number) => void) => void;
+        on_toggle_preview: (callback: () => void) => void;
+        on_play: (callback: () => void) => void;
+    };
+    readonly $content: HTMLElement;
+    readonly $footer: HTMLElement;
+    readonly slide: Slide;
+    private readonly _readyPromise;
+    private readonly _infoPromise;
+    private _ready;
+    private _slideCount;
+    private _destroyed;
+    constructor(options: SlideViewerOptions);
+    prepare(callback: (response: SlideViewerInfoResponse) => void): Promise<void>;
+    ready(callback: () => void): Promise<void>;
+    destroy(): void;
+    setReadonly(readonly: boolean): void;
+    setPage(page: number): void;
+    private _isFrozen;
+    private _freezePromise;
+    freeze(): void;
+    unfreeze(): void;
+}
+export {};

package/dist/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const namespace = "netless-app-slide";
+export declare const DefaultUrl = "https://convertcdn.netless.link/dynamicConvert";

package/dist/index.d.ts

@@ -1,38 +1,13 @@
 import type { NetlessApp } from "@netless/window-manager";
-import type { Slide } from "@netless/slide";
-import type { Attributes, MagixEvents } from "./typings";
-import type { AddHooks, FreezableSlide } from "./utils/freezer";
-import { DefaultUrl } from "./SlideController";
-import { apps, FreezerLength, addHooks } from "./utils/freezer";
-export type { PreviewParams } from "./SlidePreviewer";
-export { SlidePreviewer, default as previewSlide } from "./SlidePreviewer";
-export type { Attributes, AddHooks, FreezableSlide };
+import type { AddHooks, AppOptions, Attributes, MagixEvents, SlideState } from "./typings";
+import type { SlideViewerOptions } from "./SlideViewer";
+export type { SlideState, AddHooks, AppOptions, Attributes, MagixEvents, SlideViewerOptions };
+import { SlideViewer } from "./SlideViewer";
+import { refrigerator, addHooks } from "./Refrigerator";
+export { SlideViewer, refrigerator, addHooks };
 export declare const version: string;
-export { DefaultUrl, apps, FreezerLength, addHooks };
-export interface AppOptions {
-    /** show debug controller */
-    debug?: boolean;
-    /** scale */
-    resolution?: number;
-    /** background color for slide animations */
-    bgColor?: string;
-    /** minimal fps @default 25 */
-    minFPS?: number;
-    /** maximal fps @default 30 */
-    maxFPS?: number;
-    /** automatically decrease fps @default true */
-    autoFPS?: boolean;
-    /** whether to re-scale automatically @default true */
-    autoResolution?: boolean;
-}
-export interface Controller {
-    slide: () => Slide | undefined;
-    position: () => [page: number, pageCount: number] | undefined;
-    nextStep: () => boolean;
-    prevStep: () => boolean;
-    nextPage: () => boolean;
-    prevPage: () => boolean;
-    jumpToPage: (page: number) => boolean;
-}
-declare const SlideApp: NetlessApp<Attributes, MagixEvents, AppOptions, Controller>;
+declare const SlideApp: NetlessApp<Attributes, MagixEvents, AppOptions, void>;
 export default SlideApp;
+export declare function previewSlide(options: SlideViewerOptions & {
+    container: HTMLElement;
+}): SlideViewer;