@netless/forge-slide 1.0.10 → 1.1.0-beta.2

package/dist/slide.js

@@ -59385,7 +59385,7 @@ var require_lodash = __commonJS2({
         var defer = baseRest(function(func, args) {
           return baseDelay(func, 1, args);
         });
-        var delay2 = baseRest(function(func, wait, args) {
+        var delay22 = baseRest(function(func, wait, args) {
           return baseDelay(func, toNumber(wait) || 0, args);
         });
         function flip(func) {
@@ -60499,7 +60499,7 @@ var require_lodash = __commonJS2({
         lodash.defaults = defaults;
         lodash.defaultsDeep = defaultsDeep;
         lodash.defer = defer;
-        lodash.delay = delay2;
+        lodash.delay = delay22;
         lodash.difference = difference;
         lodash.differenceBy = differenceBy;
         lodash.differenceWith = differenceWith;
@@ -67651,6 +67651,7 @@ var WhiteboardApplication = class _WhiteboardApplication extends import_forge_ro
       this.shadowScope.settings.insertItems = false;
       this.snapshotCanvasElement.setAttribute("id", `${this.appId}-snapshot`);
       this.snapshotScope.setup(this.snapshotCanvasElement);
+      this.snapshotScope.settings.insertItems = false;
       this.resizeObserver = new ResizeObserver(() => {
         if (this.internalResizeObserver) {
           const rootBounds = this.rootElement.getBoundingClientRect();
@@ -67980,6 +67981,16 @@ var SlideForge = class extends import_eventemitter313.default {
      * @param {number} index 页面索引
      */
   imgSize;
+  /**
+     * 冻结当前幻灯片, 释放资源
+     * @param {() => void} [callback] 冻结完成回调
+     */
+  frozen;
+  /**
+     * 解冻冻结的幻灯片, 重新获取资源
+     * @param {() => void} [callback] 解冻完成回调
+     */
+  release;
 };
 
 // src/ForgeSlidePermession.ts
@@ -68365,11 +68376,109 @@ function arrayEqual(arr1, arr2) {
   }
   return true;
 }
+async function delay2(time) {
+  return new Promise((resolve) => setTimeout(resolve, time));
+}
+
+// src/SlidePool.ts
+var SlidePool = class {
+  pool = [];
+  maxActiveSize = 2;
+  renderingQueue = [];
+  renderingQueueCallback;
+  constructor(maxActiveSize) {
+    if (maxActiveSize) {
+      this.setMaxActiveSize(maxActiveSize);
+    }
+  }
+  async freeze(poolItem) {
+    return new Promise((resolve, _reject) => {
+      if (!poolItem.slide.view) {
+        resolve(false);
+      } else {
+        poolItem.slide.frozen(() => {
+          resolve(true);
+        });
+      }
+    });
+  }
+  async unfreeze(poolItem) {
+    return new Promise((resolve, _reject) => {
+      if (poolItem.slide.view) {
+        resolve(false);
+      } else {
+        poolItem.slide.release(() => {
+          resolve(true);
+        });
+      }
+    });
+  }
+  async checkPool() {
+    for (let i = 0; i < this.pool.length; i++) {
+      const poolItem = this.pool[i];
+      if (i < this.maxActiveSize) {
+        await this.unfreeze(poolItem);
+      } else {
+        await this.freeze(poolItem);
+      }
+    }
+  }
+  onRenderEnd(appId, isFocus) {
+    const index = this.renderingQueue.findIndex((item) => item === appId);
+    if (index > -1) {
+      this.renderingQueue.splice(index, 1);
+    }
+    if (isFocus) {
+      this.renderingQueueCallback = () => {
+        const poolItem = this.pool.find((item) => item.key === appId);
+        if (poolItem) {
+          this.active(appId, poolItem.slide);
+        }
+      };
+    }
+    if (this.renderingQueue.length === 0 && this.renderingQueueCallback) {
+      this.renderingQueueCallback();
+    }
+  }
+  setMaxActiveSize(maxActiveSize) {
+    this.maxActiveSize = maxActiveSize > 8 ? 8 : maxActiveSize;
+    if (maxActiveSize > 8) {
+      console.warn("maxActiveSize should not be greater than 8");
+    }
+  }
+  async waitUntilReady(appId) {
+    if (this.renderingQueue.length < this.maxActiveSize) {
+      this.renderingQueue.push(appId);
+      return;
+    } else {
+      await delay2(200);
+      await this.waitUntilReady(appId);
+    }
+  }
+  async active(key, slide) {
+    const index = this.pool.findIndex((item) => item.key === key);
+    if (index < 0) {
+      this.pool.unshift({ key, slide });
+    } else {
+      this.pool.splice(index, 1);
+      this.pool.unshift({ key, slide });
+    }
+    await this.checkPool();
+  }
+  remove(key) {
+    const index = this.pool.findIndex((item) => item.key === key);
+    if (index >= 0) {
+      this.pool.splice(index, 1);
+    }
+  }
+};
+var slidePool = new SlidePool();
 
 // src/SlideApplication.ts
 var Slide_APP_NAME = "forge_slide";
-var SlideApplication = class extends import_forge_room16.AbstractApplication {
+var SlideApplication = class _SlideApplication extends import_forge_room16.AbstractApplication {
   static applicationName = Slide_APP_NAME;
+  static slidePool = new SlidePool();
   name = Slide_APP_NAME;
   emitter = new SlideForge();
   whiteboardApp;
@@ -68558,7 +68667,20 @@ var SlideApplication = class extends import_forge_room16.AbstractApplication {
         return this.getImageSize(pageIndex);
       }
     });
-    this.applySlideState();
+    Object.defineProperty(this.emitter, "frozen", {
+      writable: false,
+      enumerable: false,
+      value: (callback) => {
+        return this.slide.frozen(callback);
+      }
+    });
+    Object.defineProperty(this.emitter, "release", {
+      writable: false,
+      enumerable: false,
+      value: (callback) => {
+        return this.slide.release(callback);
+      }
+    });
   }
   getPreviewImageUrl(pageIndex) {
     if (pageIndex < 1 || pageIndex > this.slideCount) {
@@ -68601,24 +68723,17 @@ var SlideApplication = class extends import_forge_room16.AbstractApplication {
     await import_forge_room16.kvStore.setItem(imageUrl, JSON.stringify(preview));
     return preview.src;
   }
-  nextTick = () => {
-    this.isSyncing = false;
-    requestAnimationFrame(() => {
-      this.applySlideState().catch((error) => {
-        console.error("Error in applySlideState:", error);
-      });
-    });
-  };
   applySlideState = async () => {
     if (this.isSyncing) {
+      requestAnimationFrame(this.applySlideState);
       return;
     }
     const lastSyncMessage = this.syncMessageQueue.pop();
     if (!lastSyncMessage) {
-      return this.nextTick();
+      return;
     }
-    this.syncMessageQueue = [];
     this.isSyncing = true;
+    this.syncMessageQueue = [];
     const { state, dispatch } = lastSyncMessage;
     let ignoreKeys = void 0;
     if (dispatch.type === "mediaPlay" || dispatch.type === "mediaPause" || dispatch.type === "mediaFullscreen") {
@@ -68626,14 +68741,13 @@ var SlideApplication = class extends import_forge_room16.AbstractApplication {
     }
     if (this.slide.slideState.currentSlideIndex < 0 || state.currentSlideIndex < 0) {
       await this.slide.receiveSyncHandler(dispatch);
-      return this.nextTick();
     } else if (!deepEqual(this.slide.slideState, state, ignoreKeys)) {
       await this.slide.setSlideState(state);
       await this.slide.receiveSyncHandler(dispatch);
     } else {
       this.slide.emit(import_slide.SLIDE_EVENTS.syncReceive, dispatch);
     }
-    return this.nextTick();
+    this.isSyncing = false;
   };
   onSlideEventHandler = async (event) => {
     for (const [key, value] of event.changes.keys.entries()) {
@@ -68672,6 +68786,7 @@ var SlideApplication = class extends import_forge_room16.AbstractApplication {
   }
   async onFocusInstance() {
     this.bindKeyBoardEvent();
+    await _SlideApplication.slidePool.active(this.appId, this.slide);
   }
   onRefocusInstance() {
     this.unbindKeyBoardEvent();
@@ -68721,7 +68836,12 @@ var SlideApplication = class extends import_forge_room16.AbstractApplication {
       whiteboardApp.linkToWhiteboard(option.inheritWhiteboardId);
     }
     this.whiteboard.setViewModeToMain();
+    for (let i = 0; i < json.slideCount; i++) {
+      this.whiteboardApp.addPage(String(i), true);
+    }
+    this.whiteboard.setViewModeToFree();
     this.slideContainer.setAttribute("builder", "slide-builder");
+    await _SlideApplication.slidePool.waitUntilReady(this.appId);
     this.slide = new import_slide.Slide({
       ...option.options,
       interactive: true,
@@ -68764,8 +68884,7 @@ var SlideApplication = class extends import_forge_room16.AbstractApplication {
       if (slideIndex >= 0) {
         this.sideBar.pauseGetPreviewImageSchedule();
         this.whiteboardApp.emitter.view.style.opacity = "0";
-        this.whiteboardApp.emitter.addPage(`${slideIndex}`);
-        this.whiteboardApp.emitter.gotoPage(`${slideIndex}`);
+        this.whiteboardApp.emitter.gotoPage(String(slideIndex));
         this.sideBar.hidden();
         this.footer.changeIconToPause();
         this.emitter.emit("renderStart", slideIndex);
@@ -68777,6 +68896,8 @@ var SlideApplication = class extends import_forge_room16.AbstractApplication {
         this.currentSlideIndex = slideIndex;
         this.whiteboardApp.emitter.view.style.opacity = "1";
         this.footer.setCurrentPageIndex(slideIndex);
+        _SlideApplication.slidePool.active(this.appId, this.slide);
+        _SlideApplication.slidePool.onRenderEnd(this.appId, this.window?.focused ?? false);
         this.footer.changeIconToNextStep();
         this.emitter.emit("renderEnd", slideIndex);
       }
@@ -68852,6 +68973,7 @@ var SlideApplication = class extends import_forge_room16.AbstractApplication {
     this.getMap(this.name).unobserve(this.onSlideEventHandler);
     this.permissions.dispose();
     this.footer.dispose();
+    _SlideApplication.slidePool.remove(this.appId);
   }
 };
 /*! Bundled license information: