feat: When a user has the permission to write, they just readonly the ppt \ docsview

Author: hqer927

src/app-pdfjs.ts

@@ -30,6 +30,8 @@ export interface PDFjsAppOptions extends Pick<PDFViewerOptions, "pdfjsLib" | "wo
   maxCameraScale?: number
   /** Custom logger. Default: a logger that reports to the whiteboard server. */
   readonly log?: Logger
+  /** justDocsViewReadonly is used to set the docs view readonly, it will be used in the docs view, and the docs view will be readonly when the app is initialized */
+  justDocsViewReadonly?: true;
 }
 
 const DefaultMaxCameraScale = 3
@@ -71,6 +73,10 @@ export class AppPDFViewer extends PDFViewer {
     super.onRenderError(reason)
     this.log && this.log(`[PDFjs]: render error ${reason}`)
   }
+
+  setDocsViewReadonly(bol:boolean) {
+    this.docsViewReadonly = bol
+  }
 }
 
 const createPDFViewer = (
@@ -247,6 +253,10 @@ export const NetlessAppPDFjs: NetlessApp<PDFjsAppAttributes, {}, PDFjsAppOptions
     app.syncPDFView = syncPDFView
     app.log = log
 
+    if (options.justDocsViewReadonly) {
+      app.setDocsViewReadonly(true)
+    }
+
     // Prepare scenes.
     if (context.isAddApp) app.ready.then(() => {
       const pagesLength = app.numPages()

src/pdf-viewer.ts

@@ -155,6 +155,8 @@ export class PDFViewer implements IDisposable<void> {
   touched: { [page: number]: true } = Object.create(null)
   pageIndex = 0
 
+  protected docsViewReadonly = false
+
   constructor(options: PDFViewerOptions) {
     const pdfjsLib = options.pdfjsLib || 'https://cdn.jsdelivr.net/npm/pdfjs-dist@latest/build/pdf.min.mjs'
     const workerSrc = options.workerSrc || inferWorkerSrc(pdfjsLib)
@@ -334,7 +336,7 @@ export class PDFViewer implements IDisposable<void> {
     pageNumber.appendChild(this.totalPageDOM)
 
     this.dispose.add(listen(window, 'keydown', ev => {
-      if (this.readonly || this.isEditable(ev.target)) return
+      if (this.readonly || this.isEditable(ev.target) || this.docsViewReadonly) return
       if (ev.key == 'ArrowUp' || ev.key == 'ArrowLeft')
         this.onNewPageIndex(this.pageIndex - 1, 'keydown')
       else if (ev.key == 'ArrowDown' || ev.key == 'ArrowRight')