@netless/app-slide 0.2.72 → 0.2.73

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/app-slide",
-  "version": "0.2.72",
+  "version": "0.2.73",
   "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": "1.4.32",
+    "@netless/slide": "1.4.34",
     "@types/color-string": "^1.5.2",
     "color-string": "^1.9.1",
     "jspdf": "2.5.1",

package/src/SlideController/index.ts

@@ -122,7 +122,7 @@ export class SlideController {
   public ready = false;
   private resolveReady!: (index: number) => void;
   public readonly readyPromise = new Promise<void>(resolve => {
-    this.resolveReady = (slideIndex) => {
+    this.resolveReady = slideIndex => {
       if (this.ready) {
         log("[Slide] render end", slideIndex);
       } else {
@@ -321,6 +321,7 @@ export class SlideController {
       whiteTracker: defaults.whiteTracker,
       timestamp: this.timestamp,
       skipActionWhenFrozen: true,
+      customLinks: options.customLinks,
     });
     if (import.meta.env.DEV) {
       // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/src/SlideDocsViewer/index.ts

@@ -51,6 +51,7 @@ export class SlideDocsViewer {
   private readonly baseScenePath: string;
   private readonly appId: string;
   private isViewMounted = false;
+  private justSildeReadonly = false;
 
   public constructor({
     context,
@@ -106,11 +107,19 @@ export class SlideDocsViewer {
   public $whiteboardView!: HTMLDivElement;
   public $overlay!: HTMLDivElement;
 
+  public setJustSildeReadonly(justSildeReadonly: boolean) {
+    this.justSildeReadonly = justSildeReadonly;
+    this.slideController?.slide.setInteractive(!this.justSildeReadonly);
+  }
+
   public render() {
     this.viewer.$content.appendChild(this.renderSlideContainer());
     this.viewer.$content.appendChild(this.renderWhiteboardView());
     this.viewer.$content.appendChild(this.renderOverlay());
     this.sideEffect.addEventListener(window, "keydown", ev => {
+      if (this.justSildeReadonly) {
+        return;
+      }
       if (this.box.focus && this.slideController && !isEditable(ev.target)) {
         switch (ev.key) {
           case "ArrowUp":

package/src/index.ts

@@ -44,6 +44,7 @@ export interface AppOptions
     | "fixedFrameSize"
     | "logger"
     | "enableGlobalClick"
+    | "customLinks"
   > {
   /** show debug controller */
   debug?: boolean;
@@ -71,6 +72,8 @@ export interface AppOptions
   showRenderError?: boolean;
   /** Specify the behavior after hiding the slide; Freeze will destroy the slide and replace it with a snapshot, while Pause simply pauses the slide @default: 'frozen' */
   invisibleBehavior?: "frozen" | "pause";
+  /** just readonly, no operate silder */
+  justSildeReadonly?: true;
 }
 
 export interface ILogger {
@@ -89,6 +92,7 @@ export interface AppResult {
   nextPage: () => boolean;
   prevPage: () => boolean;
   jumpToPage: (page: number) => boolean;
+  setSildeReadonly: (bol: boolean) => void;
 }
 
 const SlideApp: NetlessApp<Attributes, MagixEvents, AppOptions, AppResult> = {
@@ -192,6 +196,10 @@ const SlideApp: NetlessApp<Attributes, MagixEvents, AppOptions, AppResult> = {
       },
     });
 
+    if (context.getAppOptions()?.justSildeReadonly) {
+      docsViewer?.setJustSildeReadonly(true);
+    }
+
     if (import.meta.env.DEV) {
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       (window as any).slideDoc = docsViewer;
@@ -233,6 +241,9 @@ const SlideApp: NetlessApp<Attributes, MagixEvents, AppOptions, AppResult> = {
     docsViewer.mount();
 
     return {
+      setSildeReadonly: (bol: boolean) => {
+        docsViewer?.setJustSildeReadonly(bol);
+      },
       viewer: () => {
         return docsViewer;
       },