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

package/dist/index.js

@@ -66594,6 +66594,7 @@ var import_eventemitter314 = __toESM(require("eventemitter3"));
 var SlideForge = class extends import_eventemitter314.default {
   view;
   permissions;
+  footView;
   /**
    * 当前页面索引, 从 0 开始
    */
@@ -66627,6 +66628,21 @@ var SlideForge = class extends import_eventemitter314.default {
    * 切换侧栏显示状态
    */
   sideBarToggle;
+  /**
+   * 获取预览图图片内容, base64 编码
+   * @param {number} index 页面索引
+   */
+  imgContent;
+  /**
+   * 获取预览图图片链接
+   * @param {number} index 页面索引
+   */
+  imgUrl;
+  /**
+   * 获取预览图图片尺寸
+   * @param {number} index 页面索引
+   */
+  imgSize;
 };
 
 // src/ForgeSlidePermession.ts
@@ -66970,6 +66986,7 @@ async function delay2(time) {
 }
 
 // src/SlideApplication.ts
+var import_forge_room5 = require("@netless/forge-room");
 var Slide_APP_NAME = "forge_slide";
 var SlideApplication = class extends import_forge_room4.AbstractApplication {
   static applicationName = Slide_APP_NAME;
@@ -66986,6 +67003,8 @@ var SlideApplication = class extends import_forge_room4.AbstractApplication {
   sideBar;
   slide;
   currentSlideIndex = 0;
+  taskId = "";
+  prefix = "";
   constructor() {
     super();
     window.emitter = this.emitter;
@@ -67058,6 +67077,9 @@ var SlideApplication = class extends import_forge_room4.AbstractApplication {
       }
     });
     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);
     });
@@ -67072,6 +67094,11 @@ var SlideApplication = class extends import_forge_room4.AbstractApplication {
         return that.permissions;
       }
     });
+    Object.defineProperty(this.emitter, "footView", {
+      get() {
+        return that.footer.root;
+      }
+    });
     Object.defineProperty(this.emitter, "pageIndex", {
       get() {
         return that.currentSlideIndex;
@@ -67124,13 +67151,90 @@ var SlideApplication = class extends import_forge_room4.AbstractApplication {
         this.footer.emit("sideBarToggle");
       }
     });
+    Object.defineProperty(this.emitter, "imgContent", {
+      writable: false,
+      enumerable: false,
+      value: (pageIndex) => {
+        return this.getImageContent(pageIndex);
+      }
+    });
+    Object.defineProperty(this.emitter, "imgUrl", {
+      writable: false,
+      enumerable: false,
+      value: (pageIndex) => {
+        return this.getImageUrl(pageIndex);
+      }
+    });
+    Object.defineProperty(this.emitter, "imgSize", {
+      writable: false,
+      enumerable: false,
+      value: (pageIndex) => {
+        return this.getImageSize(pageIndex);
+      }
+    });
+  }
+  async getPreviewImage(imageUrl) {
+    const image = fetch(imageUrl);
+    return await image.then((res) => res.blob()).then((blob) => {
+      return new Promise((resolve) => {
+        const reader = new FileReader();
+        reader.onloadend = () => {
+          const base64Data = reader.result;
+          const img = document.createElement("img");
+          img.src = base64Data;
+          img.onload = () => {
+            resolve({
+              url: imageUrl,
+              src: base64Data,
+              width: img.width,
+              height: img.height
+            });
+          };
+        };
+        reader.readAsDataURL(blob);
+      });
+    });
+  }
+  async getImageUrl(pageIndex) {
+    return `${this.prefix}/${this.taskId}/preview/${pageIndex + 1}.png`;
+  }
+  async getImageSize(pageIndex) {
+    const imageUrl = `${this.prefix}/${this.taskId}/preview/${pageIndex + 1}.png`;
+    let preview = null;
+    try {
+      const result = await import_forge_room5.kvStore.getItem(imageUrl);
+      preview = result ? JSON.parse(result) : null;
+    } catch (e) {
+      console.warn("kvStore getItem error", e);
+    }
+    if (preview) {
+      return { width: preview.width, height: preview.height };
+    }
+    preview = await this.getPreviewImage(imageUrl);
+    await import_forge_room5.kvStore.setItem(imageUrl, JSON.stringify(preview));
+    return { width: preview.width, height: preview.height };
+  }
+  async getImageContent(pageIndex) {
+    const imageUrl = `${this.prefix}/${this.taskId}/preview/${pageIndex + 1}.png`;
+    let preview = null;
+    try {
+      const result = await import_forge_room5.kvStore.getItem(imageUrl);
+      preview = result ? JSON.parse(result) : null;
+    } catch (e) {
+      console.warn("kvStore getItem error", e);
+    }
+    if (preview) {
+      return preview.src;
+    }
+    preview = await this.getPreviewImage(imageUrl);
+    await import_forge_room5.kvStore.setItem(imageUrl, JSON.stringify(preview));
+    return preview.src;
   }
   applySlideState = async (slideState, lastDispatch) => {
     if (this.slide.slideState.currentSlideIndex < 0) {
       this.slide.emit(import_slide.SLIDE_EVENTS.syncReceive, lastDispatch);
       return;
     }
-    console.log("%cisEqual", "color: blue; font-size: 20px;", deepEqual(this.slide.slideState, slideState));
     if (this.slide.slideState.currentSlideIndex > 0 && deepEqual(this.slide.slideState, slideState)) {
       this.slide.emit(import_slide.SLIDE_EVENTS.syncReceive, lastDispatch);
     } else {
@@ -67150,6 +67254,8 @@ var SlideApplication = class extends import_forge_room4.AbstractApplication {
     }
   };
   async initialize(option) {
+    this.prefix = option.prefix;
+    this.taskId = option.taskId;
     const whiteboardApp = new WhiteboardApplication();
     whiteboardApp.roomDoc = this.roomDoc;
     whiteboardApp.appId = `${option.taskId}_wb`;
@@ -67183,7 +67289,6 @@ var SlideApplication = class extends import_forge_room4.AbstractApplication {
     this.contentContainer.appendChild(this.sideBar.root);
     if (option.inheritWhiteboardId) {
       whiteboardApp.linkToWhiteboard(option.inheritWhiteboardId);
-      console.log("inheritWhiteboardId", option.inheritWhiteboardId);
     }
     this.whiteboard.setViewModeToMain();
     this.slideContainer.setAttribute("builder", "slide-builder");
@@ -67206,14 +67311,22 @@ var SlideApplication = class extends import_forge_room4.AbstractApplication {
         dispatch: event
       });
     });
+    this.slide.on("mainSeqStepStart", (animateIndex) => {
+      this.emitter.emit("mainSeqStepStart", animateIndex);
+    });
+    this.slide.on("mainSeqStepEnd", (animateIndex) => {
+      this.emitter.emit("mainSeqStepEnd", animateIndex);
+    });
     this.slide.on("renderStart", (slideIndex) => {
       this.whiteboardApp.emitter.view.style.opacity = "0";
       this.whiteboardApp.emitter.addPage(`${slideIndex}`);
       this.whiteboardApp.emitter.gotoPage(`${slideIndex}`);
+      this.emitter.emit("renderStart", slideIndex);
     });
     this.slide.on("renderEnd", (slideIndex) => {
       this.currentSlideIndex = slideIndex;
       this.whiteboardApp.emitter.view.style.opacity = "1";
+      this.emitter.emit("renderEnd", slideIndex);
     });
     this.slide.on("stateChange", (state) => {
       this.getMap(this.name).set("slideState", state);
@@ -67221,6 +67334,7 @@ var SlideApplication = class extends import_forge_room4.AbstractApplication {
     this.getMap(this.name).observe(this.onSlideEventHandler);
     window.slide = this.slide;
     window.slideWhiteboard = this.whiteboardApp;
+    window.forgeSlide = this;
     const syncSlide = this.getMap(this.name).get("slideState");
     if (syncSlide && syncSlide.taskId === option.taskId) {
       await this.slide.setSlideState(syncSlide);
@@ -67231,7 +67345,6 @@ var SlideApplication = class extends import_forge_room4.AbstractApplication {
       return this.userMap(userId);
     });
     this.permissions.on("change", (userId, flags, value) => {
-      console.log(userId, flags, value);
       if (this.userId === userId) {
         if (flags.includes(4 /* clickAnim */)) {
           this.slideContainer.style.pointerEvents = "auto";