@netless/app-slide 0.2.34 → 0.2.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/app-slide",
-  "version": "0.2.34",
+  "version": "0.2.35",
   "main": "dist/main.cjs.js",
   "module": "dist/main.es.js",
   "types": "dist/index.d.ts",

package/src/DocsViewer/index.ts

@@ -19,13 +19,15 @@ export interface DocsViewerConfig {
   readonly: boolean;
   onNewPageIndex: (index: number) => void;
   onPlay?: () => void;
+  urlInterrupter?: (url: string) => Promise<string>;
 }
 
 export class DocsViewer {
-  public constructor({ readonly, onNewPageIndex, onPlay }: DocsViewerConfig) {
+  public constructor({ readonly, onNewPageIndex, onPlay, urlInterrupter }: DocsViewerConfig) {
     this.readonly = readonly;
     this.onNewPageIndex = onNewPageIndex;
     this.onPlay = onPlay;
+    this.urlInterrupter = urlInterrupter || (url => url);
 
     this.render();
   }
@@ -33,14 +35,14 @@ export class DocsViewer {
   protected readonly: boolean;
   protected onNewPageIndex: (index: number) => void;
   protected onPlay?: () => void;
+  protected urlInterrupter: (url: string) => Promise<string> | string;
 
   private _pages: DocsViewerPage[] = [];
 
   public set pages(value: DocsViewerPage[]) {
     this._pages = value;
-    this.refreshPreview();
+    this.refreshPreview().then(this.refreshBtnSidebar.bind(this));
     this.refreshTotalPage();
-    this.refreshBtnSidebar();
   }
 
   public get pages() {
@@ -148,7 +150,7 @@ export class DocsViewer {
     return this.$preview;
   }
 
-  private refreshPreview() {
+  private async refreshPreview() {
     const { $preview } = this;
     const pageClassName = this.wrapClassName("preview-page");
     const pageNameClassName = this.wrapClassName("preview-page-name");
@@ -156,8 +158,21 @@ export class DocsViewer {
       $preview.firstChild.remove();
     }
 
+    const previewSRCs: Record<number, Promise<string> | string> = [];
+    for (let i = 0, len = this.pages.length; i < len; i++) {
+      const page = this.pages[i];
+      const src = page.thumbnail ?? (page.src.startsWith("ppt") ? void 0 : page.src);
+      if (src) {
+        previewSRCs[i] = this.urlInterrupter(src);
+      }
+    }
+    // Promise.all(), but no closure
+    for (let i = 0, len = this.pages.length; i < len; i++) {
+      previewSRCs[i] = await previewSRCs[i]
+    }
+
     this.pages.forEach((page, i) => {
-      const previewSRC = page.thumbnail ?? (page.src.startsWith("ppt") ? void 0 : page.src);
+      const previewSRC = previewSRCs[i] as string | undefined;
       if (!previewSRC) {
         return;
       }

package/src/SlideDocsViewer/index.ts

@@ -19,6 +19,7 @@ export interface SlideDocsViewerConfig {
   mountWhiteboard: (dom: HTMLDivElement) => void;
   baseScenePath: string;
   appId: string;
+  urlInterrupter?: (url: string) => Promise<string>;
 }
 
 export interface SavePdfConfig {
@@ -45,6 +46,7 @@ export class SlideDocsViewer {
     mountWhiteboard,
     baseScenePath,
     appId,
+    urlInterrupter,
   }: SlideDocsViewerConfig) {
     this.box = box;
     this.whiteboardView = view;
@@ -56,6 +58,7 @@ export class SlideDocsViewer {
       readonly: box.readonly,
       onNewPageIndex: this.onNewPageIndex,
       onPlay: this.onPlay,
+      urlInterrupter,
     });
 
     this.sideEffect.add(() => {

package/src/index.ts

@@ -170,6 +170,7 @@ const SlideApp: NetlessApp<Attributes, MagixEvents, AppOptions, AppResult> = {
       mountWhiteboard: context.mountView.bind(context),
       baseScenePath,
       appId: context.appId,
+      urlInterrupter: context.getAppOptions()?.urlInterrupter,
     });
 
     if (import.meta.env.DEV) {