@netless/app-slide 0.2.32 → 0.2.33

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/app-slide",
-  "version": "0.2.32",
+  "version": "0.2.33",
   "main": "dist/main.cjs.js",
   "module": "dist/main.es.js",
   "types": "dist/index.d.ts",
@@ -10,7 +10,7 @@
     "README-zh.md"
   ],
   "devDependencies": {
-    "@netless/slide": "^0.11.0",
+    "@netless/slide": "^0.11.2",
     "@types/color-string": "^1.5.2",
     "color-string": "^1.9.1",
     "jspdf": "2.5.1",
@@ -26,7 +26,7 @@
     }
   },
   "scripts": {
-    "types": "cross-env NODE_ENV=production tsc --declaration --emitDeclarationOnly --outDir dist",
+    "types": "node scripts/build-types.mjs",
     "build": "vite build && npm run types",
     "build:dev": "vite build --mode development && npm run types",
     "cleanup": "rimraf ./dist"

package/dist/DocsViewer/icons/arrow-left.d.ts

@@ -1 +0,0 @@
-export declare function arrowLeftSVG(namespace: string): SVGElement;

package/dist/DocsViewer/icons/arrow-right.d.ts

@@ -1 +0,0 @@
-export declare function arrowRightSVG(namespace: string): SVGElement;

package/dist/DocsViewer/icons/pause.d.ts

@@ -1 +0,0 @@
-export declare function pauseSVG(namespace: string): SVGElement;

package/dist/DocsViewer/icons/play.d.ts

@@ -1 +0,0 @@
-export declare function playSVG(namespace: string): SVGElement;

package/dist/DocsViewer/icons/sidebar.d.ts

@@ -1 +0,0 @@
-export declare function sidebarSVG(namespace: string): SVGElement;

package/dist/DocsViewer/index.d.ts

@@ -1,53 +0,0 @@
-import { SideEffectManager } from "side-effect-manager";
-export interface DocsViewerPage {
-    src: string;
-    height: number;
-    width: number;
-    thumbnail?: string;
-}
-export interface DocsViewerConfig {
-    readonly: boolean;
-    onNewPageIndex: (index: number) => void;
-    onPlay?: () => void;
-}
-export declare class DocsViewer {
-    constructor({ readonly, onNewPageIndex, onPlay }: DocsViewerConfig);
-    protected readonly: boolean;
-    protected onNewPageIndex: (index: number) => void;
-    protected onPlay?: () => void;
-    private _pages;
-    set pages(value: DocsViewerPage[]);
-    get pages(): DocsViewerPage[];
-    $content: HTMLElement;
-    $preview: HTMLElement;
-    $previewMask: HTMLElement;
-    $footer: HTMLElement;
-    $pageNumberInput: HTMLInputElement;
-    $totalPage: HTMLSpanElement;
-    $btnPlay: HTMLButtonElement;
-    $btnSidebar: HTMLButtonElement;
-    pageIndex: number;
-    unmount(): void;
-    setReadonly(readonly: boolean): void;
-    destroy(): void;
-    setPageIndex(pageIndex: number): void;
-    refreshTotalPage(): void;
-    setSmallBox(isSmallBox: boolean): void;
-    render(): HTMLElement;
-    protected renderContent(): HTMLElement;
-    private previewLazyLoad?;
-    protected renderPreview(): HTMLElement;
-    private refreshPreview;
-    protected renderPreviewMask(): HTMLElement;
-    setPaused: () => void;
-    setPlaying: () => void;
-    refreshBtnSidebar(): void;
-    protected renderFooter(): HTMLElement;
-    protected renderFooterBtn(className: string, $icon: SVGElement, $iconActive?: SVGElement): HTMLButtonElement;
-    protected togglePreview(isShowPreview?: boolean): void;
-    protected wrapClassName(className: string): string;
-    protected namespace: string;
-    protected isShowPreview: boolean;
-    protected isSmallBox: boolean;
-    protected sideEffect: SideEffectManager;
-}

package/dist/SlideController/helpers.d.ts

@@ -1,6 +0,0 @@
-import type { AppContext, Room } from "@netless/window-manager";
-import type { Slide } from "@netless/slide";
-import type { DocsViewerPage } from "../DocsViewer";
-import type { Attributes } from "../typings";
-export declare function createDocsViewerPages(slide: Slide): DocsViewerPage[];
-export declare function syncSceneWithSlide(room: Room, context: AppContext<Attributes>, slide: Slide, baseScenePath: string): void;

package/dist/SlideController/index.d.ts

@@ -1,64 +0,0 @@
-import type { AppContext } from "@netless/window-manager";
-import type { Attributes, MagixEvents } from "../typings";
-import type { AppOptions } from "..";
-import { Slide } from "@netless/slide";
-export { syncSceneWithSlide, createDocsViewerPages } from "./helpers";
-export declare const DefaultUrl = "https://convertcdn.netless.link/dynamicConvert";
-export declare const MaxPollCount = 40;
-export declare const EmptyAttributes: Attributes;
-export interface SlideControllerOptions {
-    context: AppContext<Attributes, MagixEvents, AppOptions>;
-    anchor: HTMLDivElement;
-    onRenderEnd: () => void;
-    onPageChanged: (page: number) => void;
-    onTransitionStart: () => void;
-    onTransitionEnd: () => void;
-    onError: (args: {
-        error: Error;
-        index: number;
-    }) => void;
-    onRenderError?: (error: Error, pageIndex: number) => void;
-    showRenderError?: boolean;
-}
-export declare class SlideController {
-    readonly context: SlideControllerOptions["context"];
-    readonly slide: Slide;
-    readonly showRenderError: boolean;
-    readonly onRenderError?: (error: Error, pageIndex: number) => void;
-    private readonly room?;
-    private readonly player?;
-    private readonly sideEffect;
-    private readonly onPageChanged;
-    private readonly onTransitionStart;
-    private readonly onTransitionEnd;
-    private readonly onError;
-    private syncStateOnceFlag;
-    private visible;
-    private savedIsFrozen;
-    constructor({ context, anchor, onPageChanged, onTransitionStart, onTransitionEnd, onError, onRenderError, showRenderError, }: SlideControllerOptions);
-    ready: boolean;
-    private resolveReady;
-    readonly readyPromise: Promise<void>;
-    jumpToPage(page: number): void;
-    private initialize;
-    private kickStart;
-    private registerEventListeners;
-    private onSyncDispatch;
-    private magixEventListener;
-    private syncStateOnce;
-    private onStateChange;
-    private pollCount;
-    private pollReadyState;
-    private _pageCount;
-    get pageCount(): number;
-    get page(): number;
-    private createSlide;
-    private destroyed;
-    destroy(): void;
-    timestamp: () => number;
-    isFrozen: boolean;
-    private _toFreeze;
-    freeze: () => void;
-    unfreeze: () => Promise<void>;
-    private onVisibilityChange;
-}

package/dist/SlideDocsViewer/index.d.ts

@@ -1,60 +0,0 @@
-import type { ReadonlyTeleBox, View } from "@netless/window-manager";
-import type { SlideController, SlideControllerOptions } from "../SlideController";
-import { SideEffectManager } from "side-effect-manager";
-import { DocsViewer } from "../DocsViewer";
-export declare const ClickThroughAppliances: Set<string>;
-export declare type MountSlideOptions = Omit<SlideControllerOptions, "context" | "onPageChanged"> & {
-    onReady: () => void;
-};
-export interface SlideDocsViewerConfig {
-    box: ReadonlyTeleBox;
-    view: View;
-    mountSlideController: (options: MountSlideOptions) => SlideController;
-    mountWhiteboard: (dom: HTMLDivElement) => void;
-    baseScenePath: string;
-    appId: string;
-}
-export interface SavePdfConfig {
-    appId: string;
-    type: "@netless/_request_save_pdf_";
-}
-export declare class SlideDocsViewer {
-    viewer: DocsViewer;
-    slideController: SlideController | null;
-    protected readonly box: ReadonlyTeleBox;
-    protected readonly whiteboardView: SlideDocsViewerConfig["view"];
-    protected readonly mountSlideController: SlideDocsViewerConfig["mountSlideController"];
-    protected readonly mountWhiteboard: SlideDocsViewerConfig["mountWhiteboard"];
-    private readonly baseScenePath;
-    private readonly appId;
-    private isViewMounted;
-    constructor({ box, view, mountSlideController, mountWhiteboard, baseScenePath, appId, }: SlideDocsViewerConfig);
-    $slide: HTMLDivElement;
-    $whiteboardView: HTMLDivElement;
-    $overlay: HTMLDivElement;
-    render(): void;
-    protected renderOverlay(): HTMLDivElement;
-    protected renderSlideContainer(): HTMLDivElement;
-    protected renderWhiteboardView(): HTMLDivElement;
-    mount(): this;
-    protected onError: ({ error, index }: {
-        error: Error;
-        index: number;
-    }) => void;
-    protected onRenderEnd: () => void;
-    protected refreshPages: () => void;
-    protected getPageIndex(page: number): number;
-    unmount(): this;
-    setReadonly(readonly: boolean): void;
-    destroy(): void;
-    toggleClickThrough(tool?: string): void;
-    protected scaleDocsToFit: () => void;
-    protected onPlay: () => void;
-    protected onNewPageIndex: (index: number) => void;
-    protected sideEffect: SideEffectManager;
-    protected wrapClassName(className: string): string;
-    protected namespace: string;
-    private getWhiteSnapshot;
-    private reportProgress;
-    private toPdf;
-}

package/dist/SlidePreviewer/index.d.ts

@@ -1,52 +0,0 @@
-import { Slide } from "@netless/slide";
-import { DocsViewer } from "../DocsViewer";
-export interface PreviewParams {
-    container: HTMLElement;
-    taskId: string;
-    url?: string;
-    debug?: boolean;
-}
-export default function previewSlide({ container, taskId, url, debug, }: PreviewParams): SlidePreviewer;
-export declare class SlidePreviewer {
-    readonly viewer: DocsViewer;
-    readonly bgColor: string;
-    readonly target: HTMLElement;
-    slide: Slide | null;
-    debug: boolean;
-    $slide: HTMLDivElement;
-    private readonly sideEffect;
-    ready: boolean;
-    private resolveReady;
-    readonly readyPromise: Promise<void>;
-    constructor(config: {
-        target: HTMLElement;
-    });
-    render(): void;
-    /**
-     * In case you have a different window -- for example, in electron.
-     * Use this method to re-register hotkeys.
-     *
-     * @example
-     * previewer.registerHotKeys(windowLike)
-     */
-    registerHotKeys(windowLike: Window): void;
-    private hotkeyListener;
-    mount(taskId: string, url: string): void;
-    protected renderStyle(): HTMLElement;
-    protected registerEventListeners(): void;
-    protected onPageChanged: (page: number) => void;
-    protected onTransitionStart: () => void;
-    protected onTransitionEnd: () => void;
-    protected onError: ({ error }: {
-        error: Error;
-    }) => void;
-    private destroyed;
-    destroy(): void;
-    protected refreshPages: () => void;
-    protected getPageIndex(page: number): number;
-    protected renderSlideContainer(): HTMLDivElement;
-    protected onPlay: () => void;
-    protected onNewPageIndex: (index: number) => void;
-    protected wrapClassName(className: string): string;
-    protected namespace: string;
-}

package/dist/typings.d.ts

@@ -1,17 +0,0 @@
-import type { Slide, SLIDE_EVENTS, SyncEvent } from "@netless/slide";
-export declare type SlideState = Slide["slideState"];
-export interface Attributes {
-    /** convert task id */
-    taskId: string;
-    /** base url of converted resources */
-    url: string;
-    /** internal state of slide, do not change */
-    state: SlideState | null;
-}
-export declare type MagixPayload = {
-    type: typeof SLIDE_EVENTS.syncDispatch;
-    payload: SyncEvent;
-};
-export declare type MagixEvents = {
-    [SLIDE_EVENTS.syncDispatch]: MagixPayload;
-};

package/dist/utils/bgcolor.d.ts

@@ -1,3 +0,0 @@
-export declare function guessBgColor(el: HTMLElement): string;
-export declare function toHex(color: string): string;
-export declare function cachedGetBgColor(el: HTMLElement): string;

package/dist/utils/freezer.d.ts

@@ -1,28 +0,0 @@
-import type { ReadonlyTeleBox, RegisterParams } from "@netless/window-manager";
-export interface FreezableSlide {
-    freeze: () => void;
-    unfreeze: () => void;
-}
-export declare let useFreezer: boolean;
-export declare let FreezerLength: number;
-export declare function getFreezerLength(): number;
-/** @param length - must be >= 1, default is 2 */
-export declare function setFreezerLength(length: number): void;
-export declare const apps: {
-    map: Map<string, FreezableSlide>;
-    boxes: Map<string, ReadonlyTeleBox>;
-    queue: string[];
-    validateQueue(): void;
-    set(appId: string, slide: FreezableSlide, box: ReadonlyTeleBox): void;
-    delete(appId: string): void;
-    focus(appId: string): void;
-};
-export declare function onCreated(callback: (appId: string) => void): () => boolean;
-export declare function onDestroyed(callback: (appId: string) => void): () => boolean;
-export declare type AddHooks = NonNullable<RegisterParams["addHooks"]>;
-/**
- * Put this function in your register code:
- * `WindowManager.register({ kind: 'Slide', src: SlideApp, addHooks })`
- * So that it will automatically freeze the app when it is not in focus.
- */
-export declare const addHooks: AddHooks;

package/dist/utils/helpers.d.ts

@@ -1,6 +0,0 @@
-export declare function clamp(value: number, min: number, max: number): number;
-export declare function flattenEvent(ev: MouseEvent | TouchEvent): MouseEvent | Touch;
-export declare function preventEvent(ev: Event): void;
-export declare function isObj(obj: unknown): boolean;
-export declare function wait(ms: number): Promise<void>;
-export declare function deepClone<T>(obj: T): T;

package/dist/utils/logger.d.ts

@@ -1,39 +0,0 @@
-import type { AppContext, Displayer } from "@netless/window-manager";
-import type { SlideController } from "../SlideController";
-declare type DebugMessage = {
-    slide: boolean | "__instance" | "__debug";
-};
-declare type RoomLogger = {
-    debug: (...args: any) => void;
-    info: (...args: any) => void;
-    warn: (...args: any) => void;
-};
-declare class Logger {
-    enable: boolean;
-    apps: Record<string, {
-        context?: AppContext | null;
-        controller?: SlideController | null;
-    }>;
-    setAppContext(appId: string, context: AppContext | null): void;
-    setAppController(appId: string, controller: SlideController | null): void;
-    deleteApp(appId: string): void;
-    level: "debug" | "verbose";
-    roomLogger: RoomLogger | null;
-    constructor(enable: boolean);
-    initialize(): void;
-    dispose(): void;
-    log(...args: any[]): void;
-    verbose(...args: any[]): void;
-    warn(...args: any[]): void;
-    /**
-     * @example
-     * window.postMessage({ slide: '__debug' })
-     * window.dispatchEvent(new MessageEvent('message', { data: { slide: '__debug' } }))
-     */
-    _onMessage: (ev: MessageEvent<DebugMessage> | CustomEvent<DebugMessage>) => void;
-}
-export declare const logger: Logger;
-export declare const log: (...args: any[]) => void;
-export declare const verbose: (...args: any[]) => void;
-export declare const setRoomLogger: (displayer: Displayer) => void;
-export {};