@netless/forge-slide 0.1.1-alpha.3 → 0.1.1-alpha.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/forge-slide",
-  "version": "0.1.1-alpha.3",
+  "version": "0.1.1-alpha.5",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",

package/src/SlideApplication.ts

@@ -64,7 +64,6 @@ export class SlideApplication extends AbstractApplication<SlideApplicationOption
 
         this.slideContainer.style.width = "100%";
         this.slideContainer.style.height = "100%";
-        // this.slideContainer.style.height = "calc(100% - 24px)";
 
         this.footer = new FooterView();
         this.sideBar = new SideBarView();
@@ -226,6 +225,13 @@ export class SlideApplication extends AbstractApplication<SlideApplicationOption
         })
     }
 
+    private getPreviewImageUrl (pageIndex: number) {
+        if (pageIndex < 1 || pageIndex > this.slideCount) {
+            throw new Error("pageIndex out of range");
+        }
+        return `${this.prefix}/${this.taskId}/preview/${pageIndex}.png`;
+    }
+
     private async getPreviewImage(imageUrl: string) {
         const image = fetch(imageUrl);
         return await image.then(res => res.blob()).then(blob => {
@@ -250,11 +256,11 @@ export class SlideApplication extends AbstractApplication<SlideApplicationOption
     }
 
     private async getImageUrl(pageIndex: number) {
-        return `${this.prefix}/${this.taskId}/preview/${pageIndex + 1}.png`;
+        return this.getPreviewImageUrl(pageIndex);
     }
 
     private async getImageSize(pageIndex: number) {
-        const imageUrl = `${this.prefix}/${this.taskId}/preview/${pageIndex + 1}.png`;
+        const imageUrl = this.getPreviewImageUrl(pageIndex);
         let preview: PreviewImage | null = null;
         try {
             const result = await kvStore.getItem(imageUrl);
@@ -271,7 +277,7 @@ export class SlideApplication extends AbstractApplication<SlideApplicationOption
     }
 
     private async getImageContent(pageIndex: number) {
-        const imageUrl = `${this.prefix}/${this.taskId}/preview/${pageIndex + 1}.png`;
+        const imageUrl = this.getPreviewImageUrl(pageIndex);
         let preview: PreviewImage | null = null;
         try {
             const result = await kvStore.getItem(imageUrl);
@@ -343,11 +349,13 @@ export class SlideApplication extends AbstractApplication<SlideApplicationOption
         this.whiteboard.view.style.top = "0";
         this.whiteboard.view.style.left = "0";
         this.whiteboard.view.style.zIndex = "4";
+        this.whiteboard.view.classList.add("slide-whiteboard");
         this.whiteboard.permissions.addPermission(WhiteboardPermissionFlag.all);
         this.whiteboard.setCanvasBackgroundColor("#f0f0f000");
         this.whiteboardContainer.style.position = "relative";
         this.whiteboardContainer.style.flex = "0 0 auto";
         this.whiteboardContainer.style.height = "calc(100% - 24px)";
+        this.whiteboardContainer.classList.add("forge-slide-whiteboard-container");
         this.whiteboardContainer.appendChild(this.whiteboard.view);
         this.whiteboardContainer.appendChild(this.slideContainer);