@netless/fastboard-core 0.2.11 → 0.3.0-canary.0

package/dist/index.js

@@ -58,66 +58,89 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  DefaultApps: () => DefaultApps,
+  FastboardApp: () => FastboardApp,
+  FastboardPlayer: () => FastboardPlayer,
+  convertedFileToScene: () => convertedFileToScene,
   createFastboard: () => createFastboard,
-  registerApps: () => registerApps,
-  replayFastboard: () => replayFastboard
+  genUID: () => genUID,
+  getImageSize: () => getImageSize,
+  makeSlideParams: () => makeSlideParams,
+  readable: () => readable,
+  replayFastboard: () => replayFastboard,
+  warn: () => warn,
+  writable: () => writable
 });
 
-// src/behaviors/register-slide.ts
-var import_window_manager = require("@netless/window-manager");
-var import_app_slide = __toESM(require("@netless/app-slide"));
-import_window_manager.WindowManager.register({
-  kind: "Slide",
-  appOptions: {
-    debug: false
-  },
-  src: import_app_slide.default
-});
-
-// src/minimal.ts
-var import_white_web_sdk = require("white-web-sdk");
-var import_window_manager5 = require("@netless/window-manager");
-
-// src/behaviors/register-apps.ts
-var import_window_manager2 = require("@netless/window-manager");
-var DefaultApps = {
-  Monaco: {
-    src: "https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-monaco/0.1.12/dist/main.iife.js"
-  },
-  Countdown: {
-    src: "https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-countdown/0.0.2/dist/main.iife.js"
-  },
-  GeoGebra: {
-    src: "https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-geogebra/0.0.4/dist/main.iife.js",
-    appOptions: {
-      HTML5Codebase: "https://flat-storage-cn-hz.whiteboard.agora.io/GeoGebra/HTML5/5.0/web3d"
+// src/utils/store.ts
+function noop() {
+}
+function safe_not_equal(a, b) {
+  return a != a ? b == b : a !== b || a && typeof a === "object" || typeof a === "function";
+}
+function readable(value, start = noop) {
+  let stop;
+  const subscribers = /* @__PURE__ */ new Set();
+  function set(new_value) {
+    if (safe_not_equal(value, new_value)) {
+      value = new_value;
+      if (stop) {
+        for (const run of subscribers) {
+          run(value);
+        }
+      }
     }
-  },
-  EmbeddedPage: {
-    src: "https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-embedded-page/0.1.1/dist/main.iife.js"
-  },
-  Player: {
-    name: "NetlessAppMediaPlayer",
-    src: "https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-media-player/0.1.1/dist/main.iife.js"
   }
-};
-function registerApps(config) {
-  for (const kind in config) {
-    if (Object.prototype.hasOwnProperty.call(config, kind)) {
-      const options = config[kind];
-      import_window_manager2.WindowManager.register(__spreadValues({ kind }, options));
+  function subscribe(run) {
+    subscribers.add(run);
+    if (subscribers.size === 1) {
+      stop = start(set) || noop;
     }
+    run(value);
+    return () => {
+      subscribers.delete(run);
+      if (subscribers.size === 0) {
+        stop && stop();
+        stop = void 0;
+      }
+    };
   }
+  function reaction(run) {
+    subscribers.add(run);
+    if (subscribers.size === 1) {
+      stop = start(set) || noop;
+    }
+    return () => {
+      subscribers.delete(run);
+      if (subscribers.size === 0) {
+        stop && stop();
+        stop = void 0;
+      }
+    };
+  }
+  return {
+    get value() {
+      return value;
+    },
+    subscribe,
+    reaction
+  };
 }
-
-// src/helpers/utils.ts
-var import_window_manager3 = require("@netless/window-manager");
-function noop() {
-}
-function safe_not_equal(a, b) {
-  return a != a ? b == b : a !== b || a && typeof a === "object" || typeof a === "function";
+function writable(value, start = noop, set) {
+  const internal = readable(value, start);
+  return {
+    get value() {
+      return internal.value;
+    },
+    subscribe: internal.subscribe,
+    reaction: internal.reaction,
+    set,
+    update(fn) {
+      set(fn(value));
+    }
+  };
 }
+
+// src/utils/misc.ts
 function getImageSize(url, fallback) {
   return new Promise((resolve) => {
     const img = new Image();
@@ -144,7 +167,7 @@ function makeSlideParams(scenes) {
     url = "https" + match.groups.prefix;
     break;
   }
-  return { emptyScenes, taskId, url };
+  return { scenes: emptyScenes, taskId, url };
 }
 function convertedFileToScene(f, i) {
   return {
@@ -157,14 +180,10 @@ function convertedFileToScene(f, i) {
     }
   };
 }
-function ensureWindowManager(joinRoom) {
-  if (!joinRoom.invisiblePlugins || !joinRoom.invisiblePlugins.includes(import_window_manager3.WindowManager)) {
-    joinRoom.invisiblePlugins = [...joinRoom.invisiblePlugins || [], import_window_manager3.WindowManager];
-  }
-  return joinRoom;
-}
-var SOUP = "!#%()*+,-./:;=?@[]^_`{|}~ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
-var SOUP_LEN = SOUP.length;
+
+// src/utils/uid.ts
+var SOUP = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+var SOUP_LEN = 62;
 var ID_LEN = 20;
 var reusedIdCarrier = /* @__PURE__ */ Array(ID_LEN);
 function genUID() {
@@ -174,75 +193,46 @@ function genUID() {
   return reusedIdCarrier.join("");
 }
 
-// src/impl/app.ts
-var import_window_manager4 = require("@netless/window-manager");
-
-// src/helpers/emitter.ts
-var FastboardEmitter = class {
-  constructor() {
-    this.listeners = /* @__PURE__ */ new Set();
-  }
-  get length() {
-    return this.listeners.size;
-  }
-  dispatch(message) {
-    this.listeners.forEach((callback) => callback(message));
-  }
-  addListener(listener) {
-    this.listeners.add(listener);
-  }
-  removeListener(listener) {
-    this.listeners.delete(listener);
-  }
+// src/utils/warn.ts
+var warnings = {
+  "no-ppt-in-scenes": "You're probably inserting the slide app in a wrong way, there shouldn't exist `scenes[0].ppt`."
 };
+var warned = /* @__PURE__ */ new Set();
+function warn(id) {
+  if (warned.has(id))
+    return;
+  warned.add(id);
+  console.warn(warnings[id]);
+}
 
-// src/helpers/value.ts
-function createValue(value, effect, setValue = noop) {
-  const emitter = new FastboardEmitter();
-  function set(newValue) {
-    if (safe_not_equal(value, newValue)) {
-      emitter.dispatch(value = newValue);
-    }
-  }
-  const dispose = effect(set) || noop;
-  function subscribe(callback) {
-    emitter.addListener(callback);
-    callback(value);
-    return () => emitter.removeListener(callback);
-  }
-  function reaction(callback) {
-    emitter.addListener(callback);
-    return () => emitter.removeListener(callback);
+// src/impl/FastboardApp.ts
+var import_white_web_sdk = require("white-web-sdk");
+var import_window_manager2 = require("@netless/window-manager");
+
+// src/internal.ts
+var import_window_manager = require("@netless/window-manager");
+function ensure_window_manager(joinRoom) {
+  if (!joinRoom.invisiblePlugins || !joinRoom.invisiblePlugins.includes(import_window_manager.WindowManager)) {
+    joinRoom.invisiblePlugins = [...joinRoom.invisiblePlugins || [], import_window_manager.WindowManager];
   }
-  return {
-    get value() {
-      return value;
-    },
-    subscribe,
-    reaction,
-    setValue,
-    dispose
-  };
+  return joinRoom;
+}
+function transform_app_status(status) {
+  return status === "start" ? "loading" : status === "failed" ? "failed" : "idle";
 }
 
-// src/impl/app.ts
+// src/impl/FastboardApp.ts
 var FastboardAppBase = class {
   constructor(sdk, room, manager, hotKeys) {
     this.sdk = sdk;
     this.room = room;
     this.manager = manager;
     this.hotKeys = hotKeys;
-    this._disposers = [];
     this._destroyed = false;
-    this.createValue = (...args) => {
-      const value = createValue(...args);
-      this._disposers.push(value.dispose);
-      return value;
-    };
   }
   _assertNotDestroyed() {
     if (this._destroyed) {
-      throw new Error("[FastboardApp] Can not call any method on destroyed FastboardApp.");
+      throw new Error("FastboardApp has been destroyed");
     }
   }
   _addRoomListener(name, listener) {
@@ -250,10 +240,10 @@ var FastboardAppBase = class {
     this.room.callbacks.on(name, listener);
     return () => this.room.callbacks.off(name, listener);
   }
-  _addManagerListener(name, set) {
+  _addManagerListener(name, listener) {
     this._assertNotDestroyed();
-    this.manager.emitter.on(name, set);
-    return () => this.manager.emitter.off(name, set);
+    this.manager.emitter.on(name, listener);
+    return () => this.manager.emitter.off(name, listener);
   }
   _addMainViewListener(name, listener) {
     this._assertNotDestroyed();
@@ -261,8 +251,6 @@ var FastboardAppBase = class {
     return () => this.manager.mainView.callbacks.off(name, listener);
   }
   destroy() {
-    this._disposers.forEach((dispose) => dispose());
-    this._disposers.length = 0;
     this._destroyed = true;
     this.manager.destroy();
     return this.room.disconnect();
@@ -271,21 +259,18 @@ var FastboardAppBase = class {
 var FastboardApp = class extends FastboardAppBase {
   constructor() {
     super(...arguments);
-    this.writable = this.createValue(this.room.isWritable, (set) => this._addRoomListener("onEnableWriteNowChanged", () => set(this.room.isWritable)), this.room.setWritable.bind(this.room));
-    this.boxState = this.createValue(this.manager.boxState, (set) => this._addManagerListener("boxStateChange", set));
-    this.focusedApp = this.createValue(this.manager.focused, (set) => this._addManagerListener("focusedChange", set));
-    this.canRedoSteps = this.createValue(this.manager.canRedoSteps, (set) => this._addManagerListener("canRedoStepsChange", set));
-    this.canUndoSteps = this.createValue(this.manager.canUndoSteps, (set) => this._addManagerListener("canUndoStepsChange", set));
-    this.camera = this.createValue(this.manager.mainView.camera, (set) => this._addMainViewListener("onCameraUpdated", set));
-    this.memberState = this.createValue(this.room.state.memberState, (set) => this._addRoomListener("onRoomStateChanged", ({ memberState: m }) => m && set(m)));
-    this.sceneIndex = this.createValue(this.manager.mainViewSceneIndex, (set) => this._addManagerListener("mainViewSceneIndexChange", set), this.manager.setMainViewSceneIndex.bind(this.manager));
-    this.sceneLength = this.createValue(this.manager.mainViewScenesLength, (set) => this._addManagerListener("mainViewScenesLengthChange", set));
+    this.writable = writable(this.room.isWritable, (set) => this._addRoomListener("onEnableWriteNowChanged", () => set(this.room.isWritable)), this.room.setWritable.bind(this.room));
+    this.boxState = readable(this.manager.boxState, (set) => this._addManagerListener("boxStateChange", set));
+    this.focusedApp = readable(this.manager.focused, (set) => this._addManagerListener("focusedChange", set));
+    this.canRedoSteps = readable(this.manager.canRedoSteps, (set) => this._addManagerListener("canRedoStepsChange", set));
+    this.canUndoSteps = readable(this.manager.canUndoSteps, (set) => this._addManagerListener("canUndoStepsChange", set));
+    this.camera = readable(this.manager.mainView.camera, (set) => this._addMainViewListener("onCameraUpdated", set));
+    this.memberState = readable(this.room.state.memberState, (set) => this._addRoomListener("onRoomStateChanged", ({ memberState: m }) => m && set(m)));
+    this.sceneIndex = writable(this.manager.mainViewSceneIndex, (set) => this._addManagerListener("mainViewSceneIndexChange", set), this.manager.setMainViewSceneIndex.bind(this.manager));
+    this.sceneLength = readable(this.manager.mainViewScenesLength, (set) => this._addManagerListener("mainViewScenesLengthChange", set));
     this._appsStatus = {};
-    this.appsStatus = this.createValue({}, (set) => this._addManagerListener("loadApp", ({ kind, status, reason }) => {
-      this._appsStatus[kind] = {
-        status: status === "start" ? "loading" : status === "failed" ? "failed" : "idle",
-        reason
-      };
+    this.appsStatus = readable({}, (set) => this._addManagerListener("loadApp", ({ kind, status, reason }) => {
+      this._appsStatus[kind] = { status: transform_app_status(status), reason };
       set(this._appsStatus);
     }));
   }
@@ -299,11 +284,11 @@ var FastboardApp = class extends FastboardAppBase {
   }
   undo() {
     this._assertNotDestroyed();
-    this.manager.mainView.undo();
+    this.manager.undo();
   }
   redo() {
     this._assertNotDestroyed();
-    this.manager.mainView.redo();
+    this.manager.redo();
   }
   moveCamera(camera) {
     this._assertNotDestroyed();
@@ -319,7 +304,10 @@ var FastboardApp = class extends FastboardAppBase {
   }
   setAppliance(appliance, shape) {
     this._assertNotDestroyed();
-    this.manager.mainView.setMemberState({ currentApplianceName: appliance, shapeType: shape });
+    this.manager.mainView.setMemberState({
+      currentApplianceName: appliance,
+      shapeType: shape
+    });
   }
   setStrokeWidth(strokeWidth) {
     this._assertNotDestroyed();
@@ -329,6 +317,18 @@ var FastboardApp = class extends FastboardAppBase {
     this._assertNotDestroyed();
     this.manager.mainView.setMemberState({ strokeColor });
   }
+  prevPage() {
+    this._assertNotDestroyed();
+    return this.manager.prevPage();
+  }
+  nextPage() {
+    this._assertNotDestroyed();
+    return this.manager.nextPage();
+  }
+  addPage(params) {
+    this._assertNotDestroyed();
+    return this.manager.addPage(params);
+  }
   async insertImage(url) {
     this._assertNotDestroyed();
     await this.manager.switchMainViewToWriter();
@@ -353,19 +353,20 @@ var FastboardApp = class extends FastboardAppBase {
     this.manager.moveCameraToContain({ originX, originY, width, height });
   }
   insertDocs(arg1, arg2) {
+    this._assertNotDestroyed();
     if (typeof arg1 === "object" && "fileType" in arg1) {
       return this._insertDocsImpl(arg1);
     } else if (arg2 && arg2.status !== "Finished") {
-      throw new Error("[FastboardApp] Can not insert a converting doc.");
+      throw new Error("FastboardApp cannot insert a converting doc.");
     } else if (arg2 && arg2.progress) {
-      const scenes = arg2.progress.convertedFileList.map(convertedFileToScene);
+      const title = arg1;
       const scenePath = `/${arg2.uuid}/${genUID()}`;
-      const { emptyScenes, taskId, url } = makeSlideParams(scenes);
+      const scenes1 = arg2.progress.convertedFileList.map(convertedFileToScene);
+      const { scenes, taskId, url } = makeSlideParams(scenes1);
       if (taskId && url) {
-        const title = arg1;
-        return this._insertDocsImpl({ fileType: "pptx", scenePath, taskId, title, url, scenes: emptyScenes });
+        return this._insertDocsImpl({ fileType: "pptx", scenePath, scenes, title, taskId, url });
       } else {
-        return this._insertDocsImpl({ fileType: "pdf", scenePath, scenes, title: arg1 });
+        return this._insertDocsImpl({ fileType: "pdf", scenePath, scenes: scenes1, title });
       }
     }
   }
@@ -379,6 +380,9 @@ var FastboardApp = class extends FastboardAppBase {
           options: { scenePath, title, scenes }
         });
       case "pptx":
+        if (scenes && scenes[0].ppt) {
+          warn("no-ppt-in-scenes");
+        }
         return this.manager.addApp({
           kind: "Slide",
           options: { scenePath, title, scenes },
@@ -403,7 +407,7 @@ var FastboardApp = class extends FastboardAppBase {
   insertMedia(title, src) {
     this._assertNotDestroyed();
     return this.manager.addApp({
-      kind: import_window_manager4.BuiltinApps.MediaPlayer,
+      kind: import_window_manager2.BuiltinApps.MediaPlayer,
       options: { title },
       attributes: { src }
     });
@@ -416,24 +420,61 @@ var FastboardApp = class extends FastboardAppBase {
     });
   }
 };
+async function createFastboard(_a) {
+  var _b = _a, {
+    sdkConfig,
+    joinRoom: _c
+  } = _b, _d = _c, { callbacks } = _d, joinRoomParams = __objRest(_d, ["callbacks"]), {
+    managerConfig
+  } = _b;
+  const sdk = new import_white_web_sdk.WhiteWebSdk(__spreadProps(__spreadValues({}, sdkConfig), {
+    useMobXState: true
+  }));
+  const hotKeys = __spreadProps(__spreadValues({}, import_white_web_sdk.DefaultHotKeys), {
+    changeToSelector: "s",
+    changeToLaserPointer: "z",
+    changeToPencil: "p",
+    changeToRectangle: "r",
+    changeToEllipse: "c",
+    changeToEraser: "e",
+    changeToText: "t",
+    changeToStraight: "l",
+    changeToArrow: "a",
+    changeToHand: "h"
+  });
+  const room = await sdk.joinRoom(__spreadProps(__spreadValues({
+    floatBar: true,
+    hotKeys
+  }, ensure_window_manager(joinRoomParams)), {
+    useMultiViews: true,
+    disableNewPencil: false,
+    disableMagixEventDispatchLimit: true
+  }), callbacks);
+  const manager = await import_window_manager2.WindowManager.mount(__spreadProps(__spreadValues({
+    cursor: true
+  }, managerConfig), {
+    room
+  }));
+  manager.mainView.setCameraBound({
+    minContentMode: (0, import_white_web_sdk.contentModeScale)(0.3),
+    maxContentMode: (0, import_white_web_sdk.contentModeScale)(3)
+  });
+  return new FastboardApp(sdk, room, manager, hotKeys);
+}
 
-// src/impl/player.ts
+// src/impl/FastboardPlayer.ts
+var import_white_web_sdk2 = require("white-web-sdk");
+var import_window_manager3 = require("@netless/window-manager");
 var FastboardPlayerBase = class {
   constructor(sdk, player, manager) {
     this.sdk = sdk;
     this.player = player;
     this.manager = manager;
-    this._disposers = [];
     this._destroyed = false;
-    this.createValue = (...args) => {
-      const value = createValue(...args);
-      this._disposers.push(value.dispose);
-      return value;
-    };
   }
   _assertNotDestroyed() {
     if (this._destroyed) {
-      throw new Error("[FastboardPlayer] Can not call any method on destroyed FastboardPlayer.");
+      throw new Error("FastboardApp has been destroyed");
     }
   }
   _addPlayerListener(name, listener) {
@@ -441,10 +482,10 @@ var FastboardPlayerBase = class {
     this.player.callbacks.on(name, listener);
     return () => this.player.callbacks.off(name, listener);
   }
-  _addManagerListener(name, set) {
+  _addManagerListener(name, listener) {
     this._assertNotDestroyed();
-    this.manager.emitter.on(name, set);
-    return () => this.manager.emitter.off(name, set);
+    this.manager.emitter.on(name, listener);
+    return () => this.manager.emitter.off(name, listener);
   }
   _addMainViewListener(name, listener) {
     this._assertNotDestroyed();
@@ -452,30 +493,37 @@ var FastboardPlayerBase = class {
     return () => this.manager.mainView.callbacks.off(name, listener);
   }
   destroy() {
-    this._disposers.forEach((dispose) => dispose());
-    this._disposers.length = 0;
     this._destroyed = true;
     this.manager.destroy();
-    this.player.callbacks.off();
+    return this.player.callbacks.off();
   }
 };
 var FastboardPlayer = class extends FastboardPlayerBase {
   constructor() {
     super(...arguments);
-    this.currentTime = this.createValue(this.player.progressTime, (set) => this._addPlayerListener("onProgressTimeChanged", set), this.player.seekToProgressTime.bind(this.player));
-    this.phase = this.createValue(this.player.phase, (set) => this._addPlayerListener("onPhaseChanged", set));
-    this.canplay = this.createValue(this.player.isPlayable, (set) => this._addPlayerListener("onIsPlayableChanged", set));
-    this.speed = this.createValue(this.player.playbackSpeed, (set) => {
+    this.currentTime = writable(this.player.progressTime, (set) => this._addPlayerListener("onProgressTimeChanged", set), this.player.seekToProgressTime.bind(this.player));
+    this.phase = readable(this.player.phase, (set) => this._addPlayerListener("onPhaseChanged", set));
+    this.canplay = readable(this.player.isPlayable, (set) => this._addPlayerListener("onIsPlayableChanged", set));
+    this.speed = writable(this.player.playbackSpeed, (set) => {
       this._setSpeed = set;
     }, (value) => {
       this.player.playbackSpeed = value;
       this._setSpeed(value);
     });
-    this.state = this.createValue(null, (set) => {
+    this.ready = readable(false, (set) => {
+      this._setReady = set;
+    });
+    this.duration = readable(0, (set) => {
+      this._setDuration = set;
+    });
+    this.state = readable(null, (set) => {
       const update = () => set(this.player.state);
-      const dispose1 = this._addPlayerListener("onLoadFirstFrame", update);
-      const dispose2 = this._addPlayerListener("onPlayerStateChanged", update);
-      return () => (dispose1(), dispose2());
+      this.player.callbacks.once("onLoadFirstFrame", () => {
+        this._setDuration(this.player.timeDuration);
+        this._setReady(true);
+        update();
+      });
+      return this._addPlayerListener("onPlayerStateChanged", update);
     });
   }
   bindContainer(container) {
@@ -502,68 +550,25 @@ var FastboardPlayer = class extends FastboardPlayerBase {
     this._assertNotDestroyed();
     this.player.stop();
   }
+  setSpeed(value) {
+    this._assertNotDestroyed();
+    this.speed.set(value);
+  }
 };
-
-// src/minimal.ts
-async function createFastboard(_a) {
-  var _b = _a, {
-    sdkConfig,
-    joinRoom: _c
-  } = _b, _d = _c, { callbacks } = _d, joinRoomParams = __objRest(_d, ["callbacks"]), {
-    managerConfig,
-    appsConfig = DefaultApps
-  } = _b;
-  registerApps(appsConfig);
-  const sdk = new import_white_web_sdk.WhiteWebSdk(__spreadProps(__spreadValues({}, sdkConfig), {
-    useMobXState: true
-  }));
-  const hotKeys = __spreadProps(__spreadValues({}, import_white_web_sdk.DefaultHotKeys), {
-    changeToSelector: "s",
-    changeToLaserPointer: "z",
-    changeToPencil: "p",
-    changeToRectangle: "r",
-    changeToEllipse: "c",
-    changeToEraser: "e",
-    changeToText: "t",
-    changeToStraight: "l",
-    changeToArrow: "a",
-    changeToHand: "h"
-  });
-  const room = await sdk.joinRoom(__spreadProps(__spreadValues({
-    floatBar: true,
-    hotKeys
-  }, ensureWindowManager(joinRoomParams)), {
-    useMultiViews: true,
-    disableNewPencil: false,
-    disableMagixEventDispatchLimit: true
-  }), callbacks);
-  const manager = await import_window_manager5.WindowManager.mount(__spreadProps(__spreadValues({
-    cursor: true
-  }, managerConfig), {
-    room
-  }));
-  manager.mainView.setCameraBound({
-    minContentMode: (0, import_white_web_sdk.contentModeScale)(0.3),
-    maxContentMode: (0, import_white_web_sdk.contentModeScale)(3)
-  });
-  return new FastboardApp(sdk, room, manager, hotKeys);
-}
 async function replayFastboard(_a) {
   var _b = _a, {
     sdkConfig,
     replayRoom: _c
   } = _b, _d = _c, { callbacks } = _d, replayRoomParams = __objRest(_d, ["callbacks"]), {
-    managerConfig,
-    appsConfig = DefaultApps
+    managerConfig
   } = _b;
-  registerApps(appsConfig);
-  const sdk = new import_white_web_sdk.WhiteWebSdk(__spreadProps(__spreadValues({}, sdkConfig), {
+  const sdk = new import_white_web_sdk2.WhiteWebSdk(__spreadProps(__spreadValues({}, sdkConfig), {
     useMobXState: true
   }));
-  const player = await sdk.replayRoom(__spreadProps(__spreadValues({}, ensureWindowManager(replayRoomParams)), {
+  const player = await sdk.replayRoom(__spreadProps(__spreadValues({}, ensure_window_manager(replayRoomParams)), {
     useMultiViews: true
   }), callbacks);
-  const managerPromise = import_window_manager5.WindowManager.mount(__spreadProps(__spreadValues({
+  const managerPromise = import_window_manager3.WindowManager.mount(__spreadProps(__spreadValues({
     cursor: true
   }, managerConfig), {
     room: player
@@ -573,5 +578,41 @@ async function replayFastboard(_a) {
   player.pause();
   return new FastboardPlayer(sdk, player, manager);
 }
+
+// src/behaviors/index.ts
+var import_window_manager4 = require("@netless/window-manager");
+var import_app_slide = __toESM(require("@netless/app-slide"));
+var DefaultApps = {
+  Monaco: {
+    src: "https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-monaco/0.1.12/dist/main.iife.js"
+  },
+  Countdown: {
+    src: "https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-countdown/0.0.2/dist/main.iife.js"
+  },
+  GeoGebra: {
+    src: "https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-geogebra/0.0.4/dist/main.iife.js",
+    appOptions: {
+      HTML5Codebase: "https://flat-storage-cn-hz.whiteboard.agora.io/GeoGebra/HTML5/5.0/web3d"
+    }
+  },
+  EmbeddedPage: {
+    src: "https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-embedded-page/0.1.1/dist/main.iife.js"
+  },
+  Player: {
+    name: "NetlessAppMediaPlayer",
+    src: "https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-media-player/0.1.1/dist/main.iife.js"
+  }
+};
+import_window_manager4.WindowManager.register({
+  kind: "Slide",
+  appOptions: { debug: false },
+  src: import_app_slide.default
+});
+for (const kind in DefaultApps) {
+  if (Object.prototype.hasOwnProperty.call(DefaultApps, kind)) {
+    const options = DefaultApps[kind];
+    import_window_manager4.WindowManager.register(__spreadValues({ kind }, options));
+  }
+}
 module.exports = __toCommonJS(src_exports);
 //# sourceMappingURL=index.js.map