@netless/forge-slide 0.1.1-alpha.0 → 0.1.1-alpha.2

package/package.json

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

package/src/SlideApplication.ts

@@ -48,6 +48,7 @@ export class SlideApplication extends AbstractApplication<SlideApplicationOption
     private currentSlideIndex: number = 0;
     private taskId: string = "";
     private prefix: string = "";
+    private slideCount: number = 0;
 
     constructor() {
         super();
@@ -68,7 +69,7 @@ export class SlideApplication extends AbstractApplication<SlideApplicationOption
         this.footer = new FooterView();
         this.sideBar = new SideBarView();
         this.sideBar.on("pageChange", index => {
-            if (index > 0 && index <= this.slide.slideCount) {
+            if (index > 0 && index <= this.slideCount) {
                 this.slide.renderSlide(index);
             }
         });
@@ -110,7 +111,7 @@ export class SlideApplication extends AbstractApplication<SlideApplicationOption
             if (!this.permissions.hasPermission(ForgeSlidePermissionFlag.changePage)) {
                 return;
             }
-            if (this.currentSlideIndex < this.slide.slideCount) {
+            if (this.currentSlideIndex < this.slideCount) {
                 this.slide.renderSlide(this.currentSlideIndex + 1);
             }
         });
@@ -128,10 +129,6 @@ export class SlideApplication extends AbstractApplication<SlideApplicationOption
 
         this.rootView.appendChild(this.contentContainer);
 
-        this.permissions.on("change", (userId, flags, value) => {
-            this.emitter.emit("permissionChange", userId, flags, value);
-        })
-
         this.emitter.on("renderStart", pageIndex => {
             this.footer.prevPageState(pageIndex !== 0);
         });
@@ -331,7 +328,7 @@ export class SlideApplication extends AbstractApplication<SlideApplicationOption
         whiteboardApp.applicationManager = this.applicationManager;
 
         const json = await fetch(`${option.prefix}/${option.taskId}/jsonOutput/slide-1.json`).then(res => res.json())
-
+        this.slideCount = json.slideCount;
         await whiteboardApp.initialize({
             width: json.width,
             height: json.height,
@@ -420,15 +417,15 @@ export class SlideApplication extends AbstractApplication<SlideApplicationOption
 
         const syncSlide = this.getMap(this.name).get("slideState");
         if (syncSlide && syncSlide.taskId === option.taskId) {
-            await this.slide.setSlideState(syncSlide)
+            this.slide.setSlideState(syncSlide)
         } else {
             this.slide.renderSlide(1);
         }
-
         this.permissions = new ForgeSlidePermissions(this.userManager, (userId: string) => {
             return this.userMap(userId);
         });
         this.permissions.on("change", (userId, flags, value) => {
+            this.emitter.emit("permissionChange", userId, flags, value);
             if (this.userId === userId) {
                 if (flags.includes(ForgeSlidePermissionFlag.clickAnim)) {
                     this.slideContainer.style.pointerEvents = "auto";