@netless/forge-slide 1.1.0-beta.1 → 1.1.0-beta.3

package/dist/Slide.d.ts

@@ -87,5 +87,15 @@ export declare class SlideForge extends EventEmitter<SlideEvents> implements App
         width: number;
         height: number;
     }>;
+    /**
+       * 冻结当前幻灯片, 释放资源
+       * @param {() => void} [callback] 冻结完成回调
+       */
+    frozen: (callback?: () => void) => void;
+    /**
+       * 解冻冻结的幻灯片, 重新获取资源
+       * @param {() => void} [callback] 解冻完成回调
+       */
+    release: (callback?: () => void) => void;
 }
 //# sourceMappingURL=Slide.d.ts.map

package/dist/Slide.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slide.d.ts","sourceRoot":"","sources":["../src/Slide.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,uBAAuB,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAEzF,MAAM,WAAW,WAAW;IACxB;;;;;OAKG;IACH,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE7F;;;OAGG;IACH,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC;;;OAGG;IACH,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,cAAc,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAE/C;;;OAGG;IACH,gBAAgB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD;AAGD,qBAAa,UAAW,SAAQ,YAAY,CAAC,WAAW,CAAE,YAAW,uBAAuB;IAE1F,SAAgB,IAAI,EAAG,cAAc,CAAC;IACtC,SAAgB,WAAW,EAAG,qBAAqB,CAAC;IACpD,SAAgB,QAAQ,EAAG,cAAc,CAAC;IAC1C,SAAgB,WAAW,EAAG,cAAc,CAAC;IAC7C,SAAgB,MAAM,EAAE,WAAW,GAAG,SAAS,CAAa;IAC5D;;SAEK;IACL,SAAgB,SAAS,EAAG,MAAM,CAAC;IACnC;;SAEK;IACL,SAAgB,SAAS,EAAG,MAAM,CAAC;IACnC;;;SAGK;IACE,IAAI,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;SAEK;IACE,QAAQ,EAAG,MAAM,IAAI,CAAC;IAC7B;;SAEK;IACE,QAAQ,EAAG,MAAM,IAAI,CAAC;IAC7B;;SAEK;IACE,QAAQ,EAAG,MAAM,IAAI,CAAC;IAC7B;;SAEK;IACE,QAAQ,EAAG,MAAM,IAAI,CAAC;IAC7B;;SAEK;IACE,aAAa,EAAG,MAAM,IAAI,CAAC;IAElC;;;SAGK;IACE,UAAU,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACvD;;;SAGK;IACE,MAAM,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACnD;;;SAGK;IACE,OAAO,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC,CAAC,CAAC;CAC9E"}
+{"version":3,"file":"Slide.d.ts","sourceRoot":"","sources":["../src/Slide.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,uBAAuB,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAEzF,MAAM,WAAW,WAAW;IACxB;;;;;OAKG;IACH,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE7F;;;OAGG;IACH,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC;;;OAGG;IACH,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,cAAc,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAE/C;;;OAGG;IACH,gBAAgB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD;AAGD,qBAAa,UAAW,SAAQ,YAAY,CAAC,WAAW,CAAE,YAAW,uBAAuB;IAE1F,SAAgB,IAAI,EAAG,cAAc,CAAC;IACtC,SAAgB,WAAW,EAAG,qBAAqB,CAAC;IACpD,SAAgB,QAAQ,EAAG,cAAc,CAAC;IAC1C,SAAgB,WAAW,EAAG,cAAc,CAAC;IAC7C,SAAgB,MAAM,EAAE,WAAW,GAAG,SAAS,CAAa;IAC5D;;SAEK;IACL,SAAgB,SAAS,EAAG,MAAM,CAAC;IACnC;;SAEK;IACL,SAAgB,SAAS,EAAG,MAAM,CAAC;IACnC;;;SAGK;IACE,IAAI,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;SAEK;IACE,QAAQ,EAAG,MAAM,IAAI,CAAC;IAC7B;;SAEK;IACE,QAAQ,EAAG,MAAM,IAAI,CAAC;IAC7B;;SAEK;IACE,QAAQ,EAAG,MAAM,IAAI,CAAC;IAC7B;;SAEK;IACE,QAAQ,EAAG,MAAM,IAAI,CAAC;IAC7B;;SAEK;IACE,aAAa,EAAG,MAAM,IAAI,CAAC;IAElC;;;SAGK;IACE,UAAU,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACvD;;;SAGK;IACE,MAAM,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACnD;;;SAGK;IACE,OAAO,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC,CAAC,CAAC;IAE7E;;;SAGK;IACE,MAAM,EAAG,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAChD;;;SAGK;IACE,OAAO,EAAG,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;CAClD"}

package/dist/SlideApplication.d.ts

@@ -1,6 +1,7 @@
 import { ISlideConfig } from '@netless/slide';
 import { AbstractApplication } from '@netless/forge-room';
 import { SlideForge } from './Slide';
+import { SlidePool } from './SlidePool';
 export interface SlideApplicationOption {
     prefix: string;
     taskId: string;
@@ -13,6 +14,7 @@ export interface SlideApplicationOption {
 export declare const Slide_APP_NAME = "forge_slide";
 export declare class SlideApplication extends AbstractApplication<SlideApplicationOption, SlideForge> {
     static applicationName: string;
+    static slidePool: SlidePool;
     readonly name: string;
     readonly emitter: SlideForge;
     private whiteboardApp;
@@ -37,7 +39,6 @@ export declare class SlideApplication extends AbstractApplication<SlideApplicati
     private getImageUrl;
     private getImageSize;
     private getImageContent;
-    private nextTick;
     private applySlideState;
     private onSlideEventHandler;
     private keyBoardEvents;

package/dist/SlideApplication.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlideApplication.d.ts","sourceRoot":"","sources":["../src/SlideApplication.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAuB,MAAM,gBAAgB,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAW,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAOrC,MAAM,WAAW,sBAAsB;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAChC;AASD,eAAO,MAAM,cAAc,gBAAgB,CAAC;AAE5C,qBAAa,gBAAiB,SAAQ,mBAAmB,CAAC,sBAAsB,EAAE,UAAU,CAAC;IAE3F,MAAM,CAAC,eAAe,SAAkB;IAExC,SAAgB,IAAI,EAAE,MAAM,CAAkB;IAC9C,SAAgB,OAAO,EAAE,UAAU,CAAoB;IAEvD,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,UAAU,CAAc;IAChC,OAAO,CAAC,QAAQ,CAAiD;IACjE,OAAO,CAAC,gBAAgB,CAAiD;IACzE,OAAO,CAAC,mBAAmB,CAAiD;IAC5E,OAAO,CAAC,cAAc,CAAiD;IACvE,OAAO,CAAC,WAAW,CAAyB;IAC5C,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,iBAAiB,CAAa;IACtC,OAAO,CAAC,MAAM,CAAc;IAC5B,OAAO,CAAC,MAAM,CAAc;IAC5B,OAAO,CAAC,UAAU,CAAa;IAC/B,OAAO,CAAC,gBAAgB,CAAc;IACtC,OAAO,CAAC,gBAAgB,CAAuC;IAC/D,OAAO,CAAC,SAAS,CAAkB;;IAqLnC,OAAO,CAAC,kBAAkB;YAOZ,WAAW;YAIX,YAAY;YAiBZ,eAAe;IAiB7B,OAAO,CAAC,QAAQ,CAOd;IAEF,OAAO,CAAC,eAAe,CA8BrB;IAEF,OAAO,CAAC,mBAAmB,CAiBzB;IAEF,OAAO,CAAC,cAAc,CAUpB;IAEF,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,mBAAmB;YAIb,eAAe;IAK7B,OAAO,CAAC,iBAAiB;IAKZ,UAAU,CAAC,MAAM,EAAE,sBAAsB,GAAG,OAAO,CAAC,IAAI,CAAC;IA8LtE,OAAO,CAAC,OAAO;IAIF,OAAO,CAAC,YAAY,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;CAc3D"}
+{"version":3,"file":"SlideApplication.d.ts","sourceRoot":"","sources":["../src/SlideApplication.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAuB,MAAM,gBAAgB,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAW,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAMrC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,WAAW,sBAAsB;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAChC;AASD,eAAO,MAAM,cAAc,gBAAgB,CAAC;AAE5C,qBAAa,gBAAiB,SAAQ,mBAAmB,CAAC,sBAAsB,EAAE,UAAU,CAAC;IAE3F,MAAM,CAAC,eAAe,SAAkB;IACxC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAmB;IAE9C,SAAgB,IAAI,EAAE,MAAM,CAAkB;IAC9C,SAAgB,OAAO,EAAE,UAAU,CAAoB;IAEvD,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,UAAU,CAAc;IAChC,OAAO,CAAC,QAAQ,CAAiD;IACjE,OAAO,CAAC,gBAAgB,CAAiD;IACzE,OAAO,CAAC,mBAAmB,CAAiD;IAC5E,OAAO,CAAC,cAAc,CAAiD;IACvE,OAAO,CAAC,WAAW,CAAyB;IAC5C,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,iBAAiB,CAAa;IACtC,OAAO,CAAC,MAAM,CAAc;IAC5B,OAAO,CAAC,MAAM,CAAc;IAC5B,OAAO,CAAC,UAAU,CAAa;IAC/B,OAAO,CAAC,gBAAgB,CAAc;IACtC,OAAO,CAAC,gBAAgB,CAAuC;IAC/D,OAAO,CAAC,SAAS,CAAkB;;IAkMnC,OAAO,CAAC,kBAAkB;YAOZ,WAAW;YAIX,YAAY;YAiBZ,eAAe;IAiB7B,OAAO,CAAC,eAAe,CA8BrB;IAEF,OAAO,CAAC,mBAAmB,CAiBzB;IAEF,OAAO,CAAC,cAAc,CAUpB;IAEF,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,mBAAmB;YAIb,eAAe;IAK7B,OAAO,CAAC,iBAAiB;IAKZ,UAAU,CAAC,MAAM,EAAE,sBAAsB,GAAG,OAAO,CAAC,IAAI,CAAC;IAgMtE,OAAO,CAAC,OAAO;IAIF,OAAO,CAAC,YAAY,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;CAc3D"}

package/dist/slide.esm.js

@@ -59376,7 +59376,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) {
@@ -60490,7 +60490,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;
@@ -65179,6 +65179,8 @@ var Camera = class extends EventEmitter7 {
               this.emit("userViewModeChange", userId, this.requestUserMap(userId).get(WhiteboardKeys.cameraMode), value.oldValue);
             }
           }
+        } else if (value.action === "delete") {
+          debugger;
         }
       }
     });
@@ -67514,6 +67516,7 @@ var WhiteboardApplication = class _WhiteboardApplication extends AbstractApplica
     _WhiteboardApplication.instanceCount.set(this.appId, (_WhiteboardApplication.instanceCount.get(this.appId) ?? 0) + 1);
     log4(`whiteboard ${this.appId} initialize. instance count: ${_WhiteboardApplication.instanceCount.get(this.appId) ?? 0}`, {}, "info");
     this.appDoc.transact(() => {
+      console.warn("initialize whiteboard application");
       this.permissions = new WhiteboardPermissions(this.writableManager, this.userManager, (userId) => {
         return this.userMap(userId);
       });
@@ -67642,6 +67645,7 @@ var WhiteboardApplication = class _WhiteboardApplication extends AbstractApplica
       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();
@@ -67711,6 +67715,8 @@ var WhiteboardApplication = class _WhiteboardApplication extends AbstractApplica
       this.rootElement.appendChild(this.liveCursor.container);
       this.getMap("attrs").observe(this.handleViewportUpdate);
       this.writableManager().on("writableChanged", this.handleWritableChanged);
+      console.warn("initialize whiteboard application end");
+      console.log(this.appDoc.toJSON());
     }, "whiteboard-initialize");
   }
   clearElements() {
@@ -67971,6 +67977,16 @@ var SlideForge = class extends EventEmitter13 {
      * @param {number} index 页面索引
      */
   imgSize;
+  /**
+     * 冻结当前幻灯片, 释放资源
+     * @param {() => void} [callback] 冻结完成回调
+     */
+  frozen;
+  /**
+     * 解冻冻结的幻灯片, 重新获取资源
+     * @param {() => void} [callback] 解冻完成回调
+     */
+  release;
 };
 
 // src/ForgeSlidePermession.ts
@@ -68356,11 +68372,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 AbstractApplication2 {
+var SlideApplication = class _SlideApplication extends AbstractApplication2 {
   static applicationName = Slide_APP_NAME;
+  static slidePool = new SlidePool();
   name = Slide_APP_NAME;
   emitter = new SlideForge();
   whiteboardApp;
@@ -68549,7 +68663,20 @@ var SlideApplication = class extends AbstractApplication2 {
         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) {
@@ -68592,24 +68719,17 @@ var SlideApplication = class extends AbstractApplication2 {
     await kvStore2.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") {
@@ -68617,14 +68737,13 @@ var SlideApplication = class extends AbstractApplication2 {
     }
     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()) {
@@ -68663,6 +68782,7 @@ var SlideApplication = class extends AbstractApplication2 {
   }
   async onFocusInstance() {
     this.bindKeyBoardEvent();
+    await _SlideApplication.slidePool.active(this.appId, this.slide);
   }
   onRefocusInstance() {
     this.unbindKeyBoardEvent();
@@ -68712,7 +68832,12 @@ var SlideApplication = class extends AbstractApplication2 {
       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,
@@ -68755,8 +68880,7 @@ var SlideApplication = class extends AbstractApplication2 {
       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);
@@ -68768,6 +68892,8 @@ var SlideApplication = class extends AbstractApplication2 {
         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);
       }
@@ -68843,6 +68969,7 @@ var SlideApplication = class extends AbstractApplication2 {
     this.getMap(this.name).unobserve(this.onSlideEventHandler);
     this.permissions.dispose();
     this.footer.dispose();
+    _SlideApplication.slidePool.remove(this.appId);
   }
 };
 export {