@netless/fastboard-core 0.3.0-canary.5 → 0.3.0

package/dist/index.d.ts

@@ -88,6 +88,10 @@ declare class FastboardApp extends FastboardAppBase {
      * Is current room writable?
      */
     readonly writable: Writable<boolean>;
+    /**
+     * Is current room online?
+     */
+    readonly phase: Readable<"connecting" | "connected" | "reconnecting" | "disconnecting" | "disconnected">;
     /**
      * Current window-manager's windows' state (is it maximized?).
      */
@@ -250,20 +254,50 @@ declare class FastboardPlayer extends FastboardPlayerBase {
      * Move window-manager's collector to some place.
      */
     bindCollector(container: HTMLElement): void;
+    /**
+     * Player current time in milliseconds.
+     */
     readonly currentTime: Writable<number>;
+    /**
+     * Player state, like "is it playing?".
+     */
     readonly phase: Readable<"waitingFirstFrame" | "playing" | "pause" | "stop" | "ended" | "buffering">;
+    /**
+     * Will become true after buffering.
+     */
     readonly canplay: Readable<boolean>;
     private _setSpeed;
+    /**
+     * Playback speed, default `1`.
+     */
     readonly speed: Writable<number>;
-    private _setReady;
-    readonly ready: Readable<boolean>;
-    private _setDuration;
+    /**
+     * Playback duration in milliseconds.
+     */
     readonly duration: Readable<number>;
+    /**
+     * Get state of room at that time, like "who was in the room?".
+     */
     readonly state: Readable<PlayerState | null>;
+    /**
+     * Seek to some time in milliseconds.
+     */
     seek(timestamp: number): Promise<PlayerSeekingResult>;
+    /**
+     * Change player state to playing.
+     */
     play(): void;
+    /**
+     * Change player state to paused.
+     */
     pause(): void;
+    /**
+     * Change player state to stopped.
+     */
     stop(): void;
+    /**
+     * Set playback speed, a shortcut for `speed.set(x)`.
+     */
     setSpeed(value: number): void;
 }
 interface FastboardReplayOptions {

package/dist/index.js

@@ -21,7 +21,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -38,22 +37,16 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+  return to;
 };
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
 var src_exports = {};
@@ -70,6 +63,7 @@ __export(src_exports, {
   warn: () => warn,
   writable: () => writable
 });
+module.exports = __toCommonJS(src_exports);
 
 // src/utils/store.ts
 function noop() {
@@ -260,6 +254,7 @@ var FastboardApp = class extends FastboardAppBase {
   constructor() {
     super(...arguments);
     this.writable = writable(this.room.isWritable, (set) => this._addRoomListener("onEnableWriteNowChanged", () => set(this.room.isWritable)), this.room.setWritable.bind(this.room));
+    this.phase = readable(this.room.phase, (set) => this._addRoomListener("onPhaseChanged", set));
     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));
@@ -510,21 +505,8 @@ var FastboardPlayer = class extends FastboardPlayerBase {
       this.player.playbackSpeed = value;
       this._setSpeed(value);
     });
-    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);
-      this.player.callbacks.once("onLoadFirstFrame", () => {
-        this._setDuration(this.player.timeDuration);
-        this._setReady(true);
-        update();
-      });
-      return this._addPlayerListener("onPlayerStateChanged", update);
-    });
+    this.duration = readable(this.player.timeDuration);
+    this.state = readable(null, (set) => this._addPlayerListener("onPlayerStateChanged", () => set(this.player.state)));
   }
   bindContainer(container) {
     this._assertNotDestroyed();
@@ -576,6 +558,7 @@ async function replayFastboard(_a) {
   player.play();
   const manager = await managerPromise;
   player.pause();
+  await player.seekToProgressTime(0);
   return new FastboardPlayer(sdk, player, manager);
 }
 
@@ -614,5 +597,4 @@ for (const kind in DefaultApps) {
     import_window_manager4.WindowManager.register(__spreadValues({ kind }, options));
   }
 }
-module.exports = __toCommonJS(src_exports);
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/utils/store.ts","../src/utils/misc.ts","../src/utils/uid.ts","../src/utils/warn.ts","../src/impl/FastboardApp.ts","../src/internal.ts","../src/impl/FastboardPlayer.ts","../src/behaviors/index.ts"],"sourcesContent":["export * from \"./utils\";\nexport * from \"./impl\";\n","// This is a simple mimic of svelte/store.\nexport type Subscriber<T> = (value: T) => void;\nexport type Unsubscriber = () => void;\nexport type Updater<T> = (value: T) => T;\nexport type StartStopNotifier<T> = (set: Subscriber<T>) => Unsubscriber | void;\n\nexport interface Readable<T> {\n  readonly value: T;\n  subscribe(this: void, run: Subscriber<T>): Unsubscriber;\n  reaction(this: void, run: Subscriber<T>): Unsubscriber;\n}\n\nexport interface Writable<T> extends Readable<T> {\n  set(this: void, value: T): void;\n  update(this: void, updater: Updater<T>): void;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nfunction noop() {}\n\nfunction safe_not_equal(a: unknown, b: unknown) {\n  return a != a ? b == b : a !== b || (a && typeof a === \"object\") || typeof a === \"function\";\n}\n\nexport function readable<T>(value: T, start: StartStopNotifier<T> = noop): Readable<T> {\n  let stop: Unsubscriber | undefined;\n  const subscribers = new Set<Subscriber<T>>();\n  function set(new_value: T) {\n    if (safe_not_equal(value, new_value)) {\n      value = new_value;\n      if (stop) {\n        for (const run of subscribers) {\n          run(value);\n        }\n      }\n    }\n  }\n  function subscribe(run: Subscriber<T>) {\n    subscribers.add(run);\n    if (subscribers.size === 1) {\n      stop = start(set) || noop;\n    }\n    run(value);\n    return () => {\n      subscribers.delete(run);\n      if (subscribers.size === 0) {\n        stop && stop();\n        stop = undefined;\n      }\n    };\n  }\n  function reaction(run: Subscriber<T>) {\n    subscribers.add(run);\n    if (subscribers.size === 1) {\n      stop = start(set) || noop;\n    }\n    return () => {\n      subscribers.delete(run);\n      if (subscribers.size === 0) {\n        stop && stop();\n        stop = undefined;\n      }\n    };\n  }\n  return {\n    get value() {\n      return value;\n    },\n    subscribe,\n    reaction,\n  };\n}\n\nexport function writable<T>(value: T, start: StartStopNotifier<T> = noop, set: Subscriber<T>): Writable<T> {\n  const internal = readable(value, start);\n  return {\n    get value() {\n      return internal.value;\n    },\n    subscribe: internal.subscribe,\n    reaction: internal.reaction,\n    set,\n    update(fn: Updater<T>) {\n      set(fn(value));\n    },\n  };\n}\n","import type { ConvertedFile, SceneDefinition, Size } from \"white-web-sdk\";\n\nexport function getImageSize(url: string, fallback: Size) {\n  return new Promise<Size>(resolve => {\n    const img = new Image();\n    img.onload = () => resolve(img);\n    img.onerror = () => resolve(fallback);\n    img.src = url;\n  });\n}\n\nexport function makeSlideParams(scenes: SceneDefinition[]) {\n  const emptyScenes: SceneDefinition[] = [];\n  let taskId = \"\";\n  let url = \"\";\n\n  // e.g. \"ppt(x)://cdn/prefix/dynamicConvert/{taskId}/1.slide\"\n  const pptSrcRE = /^pptx?(?<prefix>:\\/\\/\\S+?dynamicConvert)\\/(?<taskId>\\w+)\\//;\n\n  for (const { name, ppt } of scenes) {\n    // make sure scenesWithoutPPT.length === scenes.length\n    emptyScenes.push({ name });\n\n    if (!ppt || !ppt.src.startsWith(\"ppt\")) {\n      continue;\n    }\n    const match = pptSrcRE.exec(ppt.src);\n    if (!match || !match.groups) {\n      continue;\n    }\n    taskId = match.groups.taskId;\n    url = \"https\" + match.groups.prefix;\n    break;\n  }\n\n  return { scenes: emptyScenes, taskId, url };\n}\n\nexport function convertedFileToScene(f: ConvertedFile, i: number): SceneDefinition {\n  return {\n    name: String(i + 1),\n    ppt: {\n      src: f.conversionFileUrl,\n      width: f.width,\n      height: f.height,\n      previewURL: f.preview,\n    },\n  };\n}\n","// Copy from https://github.com/crimx/side-effect-manager/blob/main/src/gen-uid.ts\nconst SOUP = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789\";\nconst SOUP_LEN = 62; // SOUP.length\nconst ID_LEN = 20;\nconst reusedIdCarrier = /* @__PURE__ */ Array(ID_LEN);\n\nexport function genUID() {\n  for (let i = 0; i < ID_LEN; i++) {\n    reusedIdCarrier[i] = SOUP.charAt(Math.random() * SOUP_LEN);\n  }\n  return reusedIdCarrier.join(\"\");\n}\n","const warnings = {\n  \"no-ppt-in-scenes\":\n    \"You're probably inserting the slide app in a wrong way, there shouldn't exist `scenes[0].ppt`.\",\n} as const;\nconst warned = new Set<string>();\n\nexport function warn(id: keyof typeof warnings) {\n  if (warned.has(id)) return;\n  warned.add(id);\n  console.warn(warnings[id]);\n}\n","import type { AddPageParams, PublicEvent, MountParams } from \"@netless/window-manager\";\nimport type {\n  AnimationMode,\n  ApplianceNames,\n  Camera,\n  Color,\n  ConversionResponse,\n  HotKey,\n  HotKeys,\n  JoinRoomParams,\n  MemberState,\n  Rectangle,\n  Room,\n  RoomPhase as RoomPhaseEnum,\n  RoomCallbacks,\n  RoomState,\n  SceneDefinition,\n  ShapeType,\n  ViewCallbacks,\n  WhiteWebSdkConfiguration,\n} from \"white-web-sdk\";\n\nimport { DefaultHotKeys, WhiteWebSdk, contentModeScale } from \"white-web-sdk\";\nimport { BuiltinApps, WindowManager } from \"@netless/window-manager\";\nimport {\n  getImageSize,\n  genUID,\n  convertedFileToScene,\n  makeSlideParams,\n  readable,\n  writable,\n  warn,\n} from \"../utils\";\nimport { ensure_window_manager, transform_app_status } from \"../internal\";\n\nclass FastboardAppBase {\n  public constructor(\n    readonly sdk: WhiteWebSdk,\n    readonly room: Room,\n    readonly manager: WindowManager,\n    readonly hotKeys: Partial<HotKeys>\n  ) {}\n\n  protected _destroyed = false;\n  protected _assertNotDestroyed() {\n    if (this._destroyed) {\n      throw new Error(\"FastboardApp has been destroyed\");\n    }\n  }\n\n  protected _addRoomListener<K extends keyof RoomCallbacks>(name: K, listener: RoomCallbacks[K]) {\n    this._assertNotDestroyed();\n    this.room.callbacks.on(name, listener);\n    return () => this.room.callbacks.off(name, listener);\n  }\n\n  protected _addManagerListener<K extends keyof PublicEvent>(\n    name: K,\n    listener: (value: PublicEvent[K]) => void\n  ) {\n    this._assertNotDestroyed();\n    this.manager.emitter.on(name, listener);\n    return () => this.manager.emitter.off(name, listener);\n  }\n\n  protected _addMainViewListener<K extends keyof ViewCallbacks>(name: K, listener: ViewCallbacks[K]) {\n    this._assertNotDestroyed();\n    this.manager.mainView.callbacks.on(name, listener);\n    return () => this.manager.mainView.callbacks.off(name, listener);\n  }\n\n  public destroy() {\n    this._destroyed = true;\n    this.manager.destroy();\n    return this.room.disconnect();\n  }\n}\n\ntype RoomPhase = `${RoomPhaseEnum}`;\n\nexport type {\n  AddPageParams,\n  AnimationMode,\n  ApplianceNames,\n  Camera,\n  Color,\n  ConversionResponse,\n  HotKey,\n  HotKeys,\n  JoinRoomParams,\n  MemberState,\n  MountParams,\n  PublicEvent,\n  Rectangle,\n  Room,\n  RoomPhase,\n  RoomCallbacks,\n  RoomState,\n  SceneDefinition,\n  ShapeType,\n  ViewCallbacks,\n  WhiteWebSdk,\n  WhiteWebSdkConfiguration,\n  WindowManager,\n};\n\nexport type Appliance = `${ApplianceNames}`;\nexport type Shape = `${ShapeType}`;\n\nexport interface InsertDocsStatic {\n  readonly fileType: \"pdf\";\n  readonly scenePath: string;\n  readonly scenes: SceneDefinition[];\n  readonly title?: string;\n}\n\nexport interface InsertDocsDynamic {\n  readonly fileType: \"pptx\";\n  readonly scenePath: string;\n  readonly taskId: string;\n  readonly title?: string;\n  readonly url?: string;\n  /** @example [{ name: '1' }, { name: '2' }, { name: '3' }] */\n  readonly scenes?: SceneDefinition[];\n}\n\nexport type InsertDocsParams = InsertDocsStatic | InsertDocsDynamic;\n\nexport type SetMemberStateFn = (partialMemberState: Partial<MemberState>) => void;\n\nexport type RoomStateChanged = (diff: Partial<RoomState>) => void;\n\nexport interface AppsStatus {\n  [kind: string]: {\n    status: \"idle\" | \"loading\" | \"failed\";\n    reason?: string;\n  };\n}\n\nexport class FastboardApp extends FastboardAppBase {\n  /**\n   * Render this app to some DOM.\n   */\n  bindContainer(container: HTMLElement) {\n    this._assertNotDestroyed();\n    this.manager.bindContainer(container);\n  }\n\n  /**\n   * Move window-manager's collector to some place.\n   */\n  bindCollector(container: HTMLElement) {\n    this._assertNotDestroyed();\n    this.manager.bindCollectorContainer(container);\n  }\n\n  /**\n   * Is current room writable?\n   */\n  readonly writable = writable(\n    this.room.isWritable,\n    set => this._addRoomListener(\"onEnableWriteNowChanged\", () => set(this.room.isWritable)),\n    this.room.setWritable.bind(this.room)\n  );\n\n  /**\n   * Current window-manager's windows' state (is it maximized?).\n   */\n  readonly boxState = readable(this.manager.boxState, set => this._addManagerListener(\"boxStateChange\", set));\n\n  /**\n   * Current window-manager's focused app's id.\n   * @example \"HelloWorld-1A2b3C4d\"\n   */\n  readonly focusedApp = readable(this.manager.focused, set => this._addManagerListener(\"focusedChange\", set));\n\n  /**\n   * How many times can I call `app.redo()`?\n   */\n  readonly canRedoSteps = readable(this.manager.canRedoSteps, set =>\n    this._addManagerListener(\"canRedoStepsChange\", set)\n  );\n\n  /**\n   * How many times can I call `app.undo()`?\n   */\n  readonly canUndoSteps = readable(this.manager.canUndoSteps, set =>\n    this._addManagerListener(\"canUndoStepsChange\", set)\n  );\n\n  /**\n   * Current camera information of main view.\n   *\n   * Change the camera position by `app.moveCamera()`.\n   */\n  readonly camera = readable(this.manager.mainView.camera, set =>\n    this._addMainViewListener(\"onCameraUpdated\", set)\n  );\n\n  /**\n   * Current tool's info, like \"is using pencil?\", \"what color?\".\n   *\n   * Change the tool by `app.setAppliance()`.\n   */\n  readonly memberState = readable(this.room.state.memberState, set =>\n    this._addRoomListener(\"onRoomStateChanged\", ({ memberState: m }) => m && set(m))\n  );\n\n  /**\n   * 0..n-1, current index of main view scenes.\n   */\n  readonly sceneIndex = writable(\n    this.manager.mainViewSceneIndex,\n    set => this._addManagerListener(\"mainViewSceneIndexChange\", set),\n    this.manager.setMainViewSceneIndex.bind(this.manager)\n  );\n\n  /**\n   * How many pages are in the main view?\n   */\n  readonly sceneLength = readable(this.manager.mainViewScenesLength, set =>\n    this._addManagerListener(\"mainViewScenesLengthChange\", set)\n  );\n\n  private _appsStatus: AppsStatus = {};\n  /**\n   * Apps status.\n   */\n  readonly appsStatus = readable<AppsStatus>({}, set =>\n    this._addManagerListener(\"loadApp\", ({ kind, status, reason }) => {\n      this._appsStatus[kind] = { status: transform_app_status(status), reason };\n      set(this._appsStatus);\n    })\n  );\n\n  /**\n   * Undo a step on main view.\n   */\n  undo() {\n    this._assertNotDestroyed();\n    this.manager.undo();\n  }\n\n  /**\n   * Redo a step on main view.\n   */\n  redo() {\n    this._assertNotDestroyed();\n    this.manager.redo();\n  }\n\n  /**\n   * Move current main view's camera position.\n   */\n  moveCamera(camera: Partial<Camera> & { animationMode?: AnimationMode | undefined }) {\n    this._assertNotDestroyed();\n    this.manager.moveCamera(camera);\n  }\n\n  /**\n   * Move current main view's camera to include a rectangle.\n   */\n  moveCameraToContain(rectangle: Rectangle & { animationMode?: AnimationMode }) {\n    this._assertNotDestroyed();\n    this.manager.moveCameraToContain(rectangle);\n  }\n\n  /**\n   * Delete all things on the main view.\n   */\n  cleanCurrentScene() {\n    this._assertNotDestroyed();\n    this.manager.cleanCurrentScene();\n  }\n\n  /**\n   * Set current tool, like \"pencil\".\n   */\n  setAppliance(appliance: ApplianceNames | Appliance, shape?: ShapeType | Shape) {\n    this._assertNotDestroyed();\n    this.manager.mainView.setMemberState({\n      currentApplianceName: appliance as ApplianceNames,\n      shapeType: shape as ShapeType,\n    });\n  }\n\n  setStrokeWidth(strokeWidth: number) {\n    this._assertNotDestroyed();\n    this.manager.mainView.setMemberState({ strokeWidth });\n  }\n\n  setStrokeColor(strokeColor: Color) {\n    this._assertNotDestroyed();\n    this.manager.mainView.setMemberState({ strokeColor });\n  }\n\n  prevPage() {\n    this._assertNotDestroyed();\n    return this.manager.prevPage();\n  }\n\n  nextPage() {\n    this._assertNotDestroyed();\n    return this.manager.nextPage();\n  }\n\n  addPage(params?: AddPageParams) {\n    this._assertNotDestroyed();\n    return this.manager.addPage(params);\n  }\n\n  /**\n   * Insert an image to the main view.\n   */\n  async insertImage(url: string) {\n    this._assertNotDestroyed();\n    await this.manager.switchMainViewToWriter();\n\n    const { divElement } = this.manager.mainView;\n    const containerSize = {\n      width: divElement?.scrollWidth || window.innerWidth,\n      height: divElement?.scrollHeight || window.innerHeight,\n    };\n\n    // 1. shrink the image a little to fit container **width**\n    const maxWidth = containerSize.width * 0.8;\n    let { width, height } = await getImageSize(url, containerSize);\n    const scale = Math.min(maxWidth / width, 1);\n    const uuid = genUID();\n    const { centerX, centerY } = this.manager.camera;\n    width *= scale;\n    height *= scale;\n    this.manager.mainView.insertImage({ uuid, centerX, centerY, width, height, locked: false });\n    this.manager.mainView.completeImageUpload(uuid, url);\n\n    // 2. move camera to fit image **height**\n    width /= 0.8;\n    height /= 0.8;\n    const originX = centerX - width / 2;\n    const originY = centerY - height / 2;\n    this.manager.moveCameraToContain({ originX, originY, width, height });\n  }\n\n  /**\n   * Insert PDF/PPTX from conversion result.\n   * @param status https://developer.netless.link/server-en/home/server-conversion#get-query-task-conversion-progress\n   */\n  insertDocs(filename: string, status: ConversionResponse): Promise<string | undefined>;\n\n  /**\n   * Manual way.\n   * @example\n   * app.insertDocs({\n   *   fileType: 'pptx',\n   *   scenePath: `/pptx/${conversion.taskId}`,\n   *   taskId: conversion.taskId,\n   *   title: 'Title',\n   * })\n   */\n  insertDocs(params: InsertDocsParams): Promise<string | undefined>;\n\n  insertDocs(arg1: string | InsertDocsParams, arg2?: ConversionResponse) {\n    this._assertNotDestroyed();\n    if (typeof arg1 === \"object\" && \"fileType\" in arg1) {\n      return this._insertDocsImpl(arg1);\n    } else if (arg2 && arg2.status !== \"Finished\") {\n      throw new Error(\"FastboardApp cannot insert a converting doc.\");\n    } else if (arg2 && arg2.progress) {\n      const title = arg1;\n      const scenePath = `/${arg2.uuid}/${genUID()}`;\n      const scenes1 = arg2.progress.convertedFileList.map(convertedFileToScene);\n      const { scenes, taskId, url } = makeSlideParams(scenes1);\n      if (taskId && url) {\n        return this._insertDocsImpl({ fileType: \"pptx\", scenePath, scenes, title, taskId, url });\n      } else {\n        return this._insertDocsImpl({ fileType: \"pdf\", scenePath, scenes: scenes1, title });\n      }\n    }\n  }\n\n  private _insertDocsImpl({ fileType, scenePath, title, scenes, ...attributes }: InsertDocsParams) {\n    this._assertNotDestroyed();\n    switch (fileType) {\n      case \"pdf\":\n        return this.manager.addApp({\n          kind: \"DocsViewer\",\n          options: { scenePath, title, scenes },\n        });\n      case \"pptx\":\n        if (scenes && scenes[0].ppt) {\n          warn(\"no-ppt-in-scenes\");\n        }\n        return this.manager.addApp({\n          kind: \"Slide\",\n          options: { scenePath, title, scenes },\n          attributes,\n        });\n    }\n  }\n\n  /**\n   * Insert the Monaco Code Editor app.\n   */\n  insertCodeEditor() {\n    this._assertNotDestroyed();\n    return this.manager.addApp({\n      kind: \"Monaco\",\n      options: { title: \"Code Editor\" },\n    });\n  }\n\n  /**\n   * Insert the Countdown app.\n   */\n  insertCountdown() {\n    this._assertNotDestroyed();\n    return this.manager.addApp({\n      kind: \"Countdown\",\n      options: { title: \"Countdown\" },\n    });\n  }\n\n  /**\n   * Insert the Media Player app.\n   */\n  insertMedia(title: string, src: string) {\n    this._assertNotDestroyed();\n    return this.manager.addApp({\n      kind: BuiltinApps.MediaPlayer,\n      options: { title },\n      attributes: { src },\n    });\n  }\n\n  /**\n   * Insert the GeoGebra app.\n   */\n  insertGeoGebra() {\n    this._assertNotDestroyed();\n    return this.manager.addApp({\n      kind: \"GeoGebra\",\n      options: { title: \"GeoGebra\" },\n    });\n  }\n}\n\nexport interface FastboardOptions {\n  sdkConfig: Omit<WhiteWebSdkConfiguration, \"useMobXState\"> & {\n    region: NonNullable<WhiteWebSdkConfiguration[\"region\"]>;\n  };\n  joinRoom: Omit<JoinRoomParams, \"useMultiViews\" | \"disableNewPencil\" | \"disableMagixEventDispatchLimit\"> & {\n    callbacks?: Partial<RoomCallbacks>;\n  };\n  managerConfig?: Omit<MountParams, \"room\">;\n}\n\n/**\n * Create a FastboardApp instance.\n * @example\n * let app = await createFastboard({\n *   sdkConfig: {\n *     appIdentifier: import.meta.env.VITE_APPID,\n *     region: 'cn-hz',\n *   },\n *   joinRoom: {\n *     uid: unique_id,\n *     uuid: import.meta.env.VITE_ROOM_UUID,\n *     roomToken: import.meta.env.VITE_ROOM_TOKEN,\n *   },\n * })\n */\nexport async function createFastboard({\n  sdkConfig,\n  joinRoom: { callbacks, ...joinRoomParams },\n  managerConfig,\n}: FastboardOptions) {\n  const sdk = new WhiteWebSdk({\n    ...sdkConfig,\n    useMobXState: true,\n  });\n\n  const hotKeys: Partial<HotKeys> = {\n    ...DefaultHotKeys,\n    changeToSelector: \"s\",\n    changeToLaserPointer: \"z\",\n    changeToPencil: \"p\",\n    changeToRectangle: \"r\",\n    changeToEllipse: \"c\",\n    changeToEraser: \"e\",\n    changeToText: \"t\",\n    changeToStraight: \"l\",\n    changeToArrow: \"a\",\n    changeToHand: \"h\",\n  };\n\n  const room = await sdk.joinRoom(\n    {\n      floatBar: true,\n      hotKeys,\n      ...ensure_window_manager(joinRoomParams),\n      useMultiViews: true,\n      disableNewPencil: false,\n      disableMagixEventDispatchLimit: true,\n    },\n    callbacks\n  );\n\n  const manager = await WindowManager.mount({\n    cursor: true,\n    ...managerConfig,\n    room,\n  });\n\n  manager.mainView.setCameraBound({\n    minContentMode: contentModeScale(0.3),\n    maxContentMode: contentModeScale(3),\n  });\n\n  return new FastboardApp(sdk, room, manager, hotKeys);\n}\n","import type { JoinRoomParams, ReplayRoomParams } from \"white-web-sdk\";\nimport type { PublicEvent } from \"@netless/window-manager\";\nimport { WindowManager } from \"@netless/window-manager\";\n\nexport function ensure_window_manager<T extends JoinRoomParams | ReplayRoomParams>(joinRoom: T): T {\n  if (!joinRoom.invisiblePlugins || !joinRoom.invisiblePlugins.includes(WindowManager)) {\n    joinRoom.invisiblePlugins = [...(joinRoom.invisiblePlugins || []), WindowManager];\n  }\n  return joinRoom;\n}\n\nexport function transform_app_status(status: PublicEvent[\"loadApp\"][\"status\"]) {\n  return status === \"start\" ? \"loading\" : status === \"failed\" ? \"failed\" : \"idle\";\n}\n","import type { MountParams, PublicEvent } from \"@netless/window-manager\";\nimport type {\n  Player,\n  PlayerPhase as PlayerPhaseEnum,\n  PlayerCallbacks,\n  PlayerState,\n  PlayerSeekingResult,\n  ReplayRoomParams,\n  ViewCallbacks,\n  WhiteWebSdkConfiguration,\n} from \"white-web-sdk\";\n\nimport { WhiteWebSdk } from \"white-web-sdk\";\nimport { WindowManager } from \"@netless/window-manager\";\nimport { readable, writable } from \"../utils\";\nimport { ensure_window_manager } from \"../internal\";\n\nclass FastboardPlayerBase {\n  public constructor(readonly sdk: WhiteWebSdk, readonly player: Player, readonly manager: WindowManager) {}\n\n  protected _destroyed = false;\n  protected _assertNotDestroyed() {\n    if (this._destroyed) {\n      throw new Error(\"FastboardApp has been destroyed\");\n    }\n  }\n\n  protected _addPlayerListener<K extends keyof PlayerCallbacks>(name: K, listener: PlayerCallbacks[K]) {\n    this._assertNotDestroyed();\n    this.player.callbacks.on(name, listener);\n    return () => this.player.callbacks.off(name, listener);\n  }\n\n  protected _addManagerListener<K extends keyof PublicEvent>(\n    name: K,\n    listener: (value: PublicEvent[K]) => void\n  ) {\n    this._assertNotDestroyed();\n    this.manager.emitter.on(name, listener);\n    return () => this.manager.emitter.off(name, listener);\n  }\n\n  protected _addMainViewListener<K extends keyof ViewCallbacks>(name: K, listener: ViewCallbacks[K]) {\n    this._assertNotDestroyed();\n    this.manager.mainView.callbacks.on(name, listener);\n    return () => this.manager.mainView.callbacks.off(name, listener);\n  }\n\n  public destroy() {\n    this._destroyed = true;\n    this.manager.destroy();\n    return this.player.callbacks.off();\n  }\n}\n\ntype PlayerPhase = `${PlayerPhaseEnum}`;\n\nexport type { PlayerPhase, PlayerSeekingResult };\n\nexport class FastboardPlayer extends FastboardPlayerBase {\n  /**\n   * Render this player to some DOM.\n   */\n  bindContainer(container: HTMLElement) {\n    this._assertNotDestroyed();\n    this.manager.bindContainer(container);\n  }\n\n  /**\n   * Move window-manager's collector to some place.\n   */\n  bindCollector(container: HTMLElement) {\n    this._assertNotDestroyed();\n    this.manager.bindCollectorContainer(container);\n  }\n\n  readonly currentTime = writable(\n    this.player.progressTime,\n    set => this._addPlayerListener(\"onProgressTimeChanged\", set),\n    this.player.seekToProgressTime.bind(this.player)\n  );\n\n  readonly phase = readable<PlayerPhase>(this.player.phase, set =>\n    this._addPlayerListener(\"onPhaseChanged\", set)\n  );\n\n  readonly canplay = readable(this.player.isPlayable, set =>\n    this._addPlayerListener(\"onIsPlayableChanged\", set)\n  );\n\n  private _setSpeed!: (value: number) => void;\n  readonly speed = writable(\n    this.player.playbackSpeed,\n    set => {\n      this._setSpeed = set;\n    },\n    value => {\n      this.player.playbackSpeed = value;\n      this._setSpeed(value);\n    }\n  );\n\n  private _setReady!: (value: boolean) => void;\n  readonly ready = readable(false, set => {\n    this._setReady = set;\n  });\n\n  private _setDuration!: (value: number) => void;\n  readonly duration = readable(0, set => {\n    this._setDuration = set;\n  });\n\n  readonly state = readable<PlayerState | null>(null, set => {\n    const update = () => set(this.player.state);\n    this.player.callbacks.once(\"onLoadFirstFrame\", () => {\n      this._setDuration(this.player.timeDuration);\n      this._setReady(true);\n      update();\n    });\n    return this._addPlayerListener(\"onPlayerStateChanged\", update);\n  });\n\n  seek(timestamp: number) {\n    this._assertNotDestroyed();\n    return this.player.seekToProgressTime(timestamp);\n  }\n\n  play() {\n    this._assertNotDestroyed();\n    this.player.play();\n  }\n\n  pause() {\n    this._assertNotDestroyed();\n    this.player.pause();\n  }\n\n  stop() {\n    this._assertNotDestroyed();\n    this.player.stop();\n  }\n\n  setSpeed(value: number) {\n    this._assertNotDestroyed();\n    this.speed.set(value);\n  }\n}\n\nexport interface FastboardReplayOptions {\n  sdkConfig: Omit<WhiteWebSdkConfiguration, \"useMobXState\"> & {\n    region: NonNullable<WhiteWebSdkConfiguration[\"region\"]>;\n  };\n  replayRoom: Omit<ReplayRoomParams, \"useMultiViews\"> & {\n    callbacks?: Partial<PlayerCallbacks>;\n  };\n  managerConfig?: Omit<MountParams, \"room\">;\n}\n\n/**\n * Create a FastboardApp instance.\n * @example\n * let player = await replayFastboard({\n *   sdkConfig: {\n *     appIdentifier: import.meta.env.VITE_APPID,\n *     region: 'cn-hz',\n *   },\n *   replayRoom: {\n *     uid: unique_id,\n *     uuid: import.meta.env.VITE_ROOM_UUID,\n *     roomToken: import.meta.env.VITE_ROOM_TOKEN,\n *   },\n * })\n */\nexport async function replayFastboard({\n  sdkConfig,\n  replayRoom: { callbacks, ...replayRoomParams },\n  managerConfig,\n}: FastboardReplayOptions) {\n  const sdk = new WhiteWebSdk({\n    ...sdkConfig,\n    useMobXState: true,\n  });\n\n  const player = await sdk.replayRoom(\n    {\n      ...ensure_window_manager(replayRoomParams),\n      useMultiViews: true,\n    },\n    callbacks\n  );\n\n  const managerPromise = WindowManager.mount({\n    cursor: true,\n    ...managerConfig,\n    room: player,\n  });\n\n  player.play();\n  const manager = await managerPromise;\n  player.pause();\n\n  return new FastboardPlayer(sdk, player, manager);\n}\n","import type { RegisterParams } from \"@netless/window-manager\";\nimport { WindowManager } from \"@netless/window-manager\";\nimport AppSlide from \"@netless/app-slide\";\n\nexport interface AppsConfig {\n  [kind: string]: Omit<RegisterParams, \"kind\">;\n}\n\nconst DefaultApps: AppsConfig = {\n  Monaco: {\n    src: \"https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-monaco/0.1.12/dist/main.iife.js\",\n  },\n  Countdown: {\n    src: \"https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-countdown/0.0.2/dist/main.iife.js\",\n  },\n  GeoGebra: {\n    src: \"https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-geogebra/0.0.4/dist/main.iife.js\",\n    appOptions: {\n      HTML5Codebase: \"https://flat-storage-cn-hz.whiteboard.agora.io/GeoGebra/HTML5/5.0/web3d\",\n    },\n  },\n  EmbeddedPage: {\n    src: \"https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-embedded-page/0.1.1/dist/main.iife.js\",\n  },\n  Player: {\n    name: \"NetlessAppMediaPlayer\",\n    src: \"https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-media-player/0.1.1/dist/main.iife.js\",\n  },\n};\n\nWindowManager.register({\n  kind: \"Slide\",\n  appOptions: { debug: false },\n  src: AppSlide,\n});\n\nfor (const kind in DefaultApps) {\n  if (Object.prototype.hasOwnProperty.call(DefaultApps, kind)) {\n    const options = DefaultApps[kind];\n    WindowManager.register({ kind, ...options });\n  }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/index.ts","../src/utils/store.ts","../src/utils/misc.ts","../src/utils/uid.ts","../src/utils/warn.ts","../src/impl/FastboardApp.ts","../src/internal.ts","../src/impl/FastboardPlayer.ts","../src/behaviors/index.ts"],"sourcesContent":["export * from \"./utils\";\nexport * from \"./impl\";\n","// This is a simple mimic of svelte/store.\nexport type Subscriber<T> = (value: T) => void;\nexport type Unsubscriber = () => void;\nexport type Updater<T> = (value: T) => T;\nexport type StartStopNotifier<T> = (set: Subscriber<T>) => Unsubscriber | void;\n\nexport interface Readable<T> {\n  readonly value: T;\n  subscribe(this: void, run: Subscriber<T>): Unsubscriber;\n  reaction(this: void, run: Subscriber<T>): Unsubscriber;\n}\n\nexport interface Writable<T> extends Readable<T> {\n  set(this: void, value: T): void;\n  update(this: void, updater: Updater<T>): void;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nfunction noop() {}\n\nfunction safe_not_equal(a: unknown, b: unknown) {\n  return a != a ? b == b : a !== b || (a && typeof a === \"object\") || typeof a === \"function\";\n}\n\nexport function readable<T>(value: T, start: StartStopNotifier<T> = noop): Readable<T> {\n  let stop: Unsubscriber | undefined;\n  const subscribers = new Set<Subscriber<T>>();\n  function set(new_value: T) {\n    if (safe_not_equal(value, new_value)) {\n      value = new_value;\n      if (stop) {\n        for (const run of subscribers) {\n          run(value);\n        }\n      }\n    }\n  }\n  function subscribe(run: Subscriber<T>) {\n    subscribers.add(run);\n    if (subscribers.size === 1) {\n      stop = start(set) || noop;\n    }\n    run(value);\n    return () => {\n      subscribers.delete(run);\n      if (subscribers.size === 0) {\n        stop && stop();\n        stop = undefined;\n      }\n    };\n  }\n  function reaction(run: Subscriber<T>) {\n    subscribers.add(run);\n    if (subscribers.size === 1) {\n      stop = start(set) || noop;\n    }\n    return () => {\n      subscribers.delete(run);\n      if (subscribers.size === 0) {\n        stop && stop();\n        stop = undefined;\n      }\n    };\n  }\n  return {\n    get value() {\n      return value;\n    },\n    subscribe,\n    reaction,\n  };\n}\n\nexport function writable<T>(value: T, start: StartStopNotifier<T> = noop, set: Subscriber<T>): Writable<T> {\n  const internal = readable(value, start);\n  return {\n    get value() {\n      return internal.value;\n    },\n    subscribe: internal.subscribe,\n    reaction: internal.reaction,\n    set,\n    update(fn: Updater<T>) {\n      set(fn(value));\n    },\n  };\n}\n","import type { ConvertedFile, SceneDefinition, Size } from \"white-web-sdk\";\n\nexport function getImageSize(url: string, fallback: Size) {\n  return new Promise<Size>(resolve => {\n    const img = new Image();\n    img.onload = () => resolve(img);\n    img.onerror = () => resolve(fallback);\n    img.src = url;\n  });\n}\n\nexport function makeSlideParams(scenes: SceneDefinition[]) {\n  const emptyScenes: SceneDefinition[] = [];\n  let taskId = \"\";\n  let url = \"\";\n\n  // e.g. \"ppt(x)://cdn/prefix/dynamicConvert/{taskId}/1.slide\"\n  const pptSrcRE = /^pptx?(?<prefix>:\\/\\/\\S+?dynamicConvert)\\/(?<taskId>\\w+)\\//;\n\n  for (const { name, ppt } of scenes) {\n    // make sure scenesWithoutPPT.length === scenes.length\n    emptyScenes.push({ name });\n\n    if (!ppt || !ppt.src.startsWith(\"ppt\")) {\n      continue;\n    }\n    const match = pptSrcRE.exec(ppt.src);\n    if (!match || !match.groups) {\n      continue;\n    }\n    taskId = match.groups.taskId;\n    url = \"https\" + match.groups.prefix;\n    break;\n  }\n\n  return { scenes: emptyScenes, taskId, url };\n}\n\nexport function convertedFileToScene(f: ConvertedFile, i: number): SceneDefinition {\n  return {\n    name: String(i + 1),\n    ppt: {\n      src: f.conversionFileUrl,\n      width: f.width,\n      height: f.height,\n      previewURL: f.preview,\n    },\n  };\n}\n","// Copy from https://github.com/crimx/side-effect-manager/blob/main/src/gen-uid.ts\nconst SOUP = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789\";\nconst SOUP_LEN = 62; // SOUP.length\nconst ID_LEN = 20;\nconst reusedIdCarrier = /* @__PURE__ */ Array(ID_LEN);\n\nexport function genUID() {\n  for (let i = 0; i < ID_LEN; i++) {\n    reusedIdCarrier[i] = SOUP.charAt(Math.random() * SOUP_LEN);\n  }\n  return reusedIdCarrier.join(\"\");\n}\n","const warnings = {\n  \"no-ppt-in-scenes\":\n    \"You're probably inserting the slide app in a wrong way, there shouldn't exist `scenes[0].ppt`.\",\n} as const;\nconst warned = new Set<string>();\n\nexport function warn(id: keyof typeof warnings) {\n  if (warned.has(id)) return;\n  warned.add(id);\n  console.warn(warnings[id]);\n}\n","import type { AddPageParams, PublicEvent, MountParams } from \"@netless/window-manager\";\nimport type {\n  AnimationMode,\n  ApplianceNames,\n  Camera,\n  Color,\n  ConversionResponse,\n  HotKey,\n  HotKeys,\n  JoinRoomParams,\n  MemberState,\n  Rectangle,\n  Room,\n  RoomPhase as RoomPhaseEnum,\n  RoomCallbacks,\n  RoomState,\n  SceneDefinition,\n  ShapeType,\n  ViewCallbacks,\n  WhiteWebSdkConfiguration,\n} from \"white-web-sdk\";\n\nimport { DefaultHotKeys, WhiteWebSdk, contentModeScale } from \"white-web-sdk\";\nimport { BuiltinApps, WindowManager } from \"@netless/window-manager\";\nimport {\n  getImageSize,\n  genUID,\n  convertedFileToScene,\n  makeSlideParams,\n  readable,\n  writable,\n  warn,\n} from \"../utils\";\nimport { ensure_window_manager, transform_app_status } from \"../internal\";\n\nclass FastboardAppBase {\n  public constructor(\n    readonly sdk: WhiteWebSdk,\n    readonly room: Room,\n    readonly manager: WindowManager,\n    readonly hotKeys: Partial<HotKeys>\n  ) {}\n\n  protected _destroyed = false;\n  protected _assertNotDestroyed() {\n    if (this._destroyed) {\n      throw new Error(\"FastboardApp has been destroyed\");\n    }\n  }\n\n  protected _addRoomListener<K extends keyof RoomCallbacks>(name: K, listener: RoomCallbacks[K]) {\n    this._assertNotDestroyed();\n    this.room.callbacks.on(name, listener);\n    return () => this.room.callbacks.off(name, listener);\n  }\n\n  protected _addManagerListener<K extends keyof PublicEvent>(\n    name: K,\n    listener: (value: PublicEvent[K]) => void\n  ) {\n    this._assertNotDestroyed();\n    this.manager.emitter.on(name, listener);\n    return () => this.manager.emitter.off(name, listener);\n  }\n\n  protected _addMainViewListener<K extends keyof ViewCallbacks>(name: K, listener: ViewCallbacks[K]) {\n    this._assertNotDestroyed();\n    this.manager.mainView.callbacks.on(name, listener);\n    return () => this.manager.mainView.callbacks.off(name, listener);\n  }\n\n  public destroy() {\n    this._destroyed = true;\n    this.manager.destroy();\n    return this.room.disconnect();\n  }\n}\n\ntype RoomPhase = `${RoomPhaseEnum}`;\n\nexport type {\n  AddPageParams,\n  AnimationMode,\n  ApplianceNames,\n  Camera,\n  Color,\n  ConversionResponse,\n  HotKey,\n  HotKeys,\n  JoinRoomParams,\n  MemberState,\n  MountParams,\n  PublicEvent,\n  Rectangle,\n  Room,\n  RoomPhase,\n  RoomCallbacks,\n  RoomState,\n  SceneDefinition,\n  ShapeType,\n  ViewCallbacks,\n  WhiteWebSdk,\n  WhiteWebSdkConfiguration,\n  WindowManager,\n};\n\nexport type Appliance = `${ApplianceNames}`;\nexport type Shape = `${ShapeType}`;\n\nexport interface InsertDocsStatic {\n  readonly fileType: \"pdf\";\n  readonly scenePath: string;\n  readonly scenes: SceneDefinition[];\n  readonly title?: string;\n}\n\nexport interface InsertDocsDynamic {\n  readonly fileType: \"pptx\";\n  readonly scenePath: string;\n  readonly taskId: string;\n  readonly title?: string;\n  readonly url?: string;\n  /** @example [{ name: '1' }, { name: '2' }, { name: '3' }] */\n  readonly scenes?: SceneDefinition[];\n}\n\nexport type InsertDocsParams = InsertDocsStatic | InsertDocsDynamic;\n\nexport type SetMemberStateFn = (partialMemberState: Partial<MemberState>) => void;\n\nexport type RoomStateChanged = (diff: Partial<RoomState>) => void;\n\nexport interface AppsStatus {\n  [kind: string]: {\n    status: \"idle\" | \"loading\" | \"failed\";\n    reason?: string;\n  };\n}\n\nexport class FastboardApp extends FastboardAppBase {\n  /**\n   * Render this app to some DOM.\n   */\n  bindContainer(container: HTMLElement) {\n    this._assertNotDestroyed();\n    this.manager.bindContainer(container);\n  }\n\n  /**\n   * Move window-manager's collector to some place.\n   */\n  bindCollector(container: HTMLElement) {\n    this._assertNotDestroyed();\n    this.manager.bindCollectorContainer(container);\n  }\n\n  /**\n   * Is current room writable?\n   */\n  readonly writable = writable(\n    this.room.isWritable,\n    set => this._addRoomListener(\"onEnableWriteNowChanged\", () => set(this.room.isWritable)),\n    this.room.setWritable.bind(this.room)\n  );\n\n  /**\n   * Is current room online?\n   */\n  readonly phase = readable<RoomPhase>(this.room.phase, set => this._addRoomListener(\"onPhaseChanged\", set));\n\n  /**\n   * Current window-manager's windows' state (is it maximized?).\n   */\n  readonly boxState = readable(this.manager.boxState, set => this._addManagerListener(\"boxStateChange\", set));\n\n  /**\n   * Current window-manager's focused app's id.\n   * @example \"HelloWorld-1A2b3C4d\"\n   */\n  readonly focusedApp = readable(this.manager.focused, set => this._addManagerListener(\"focusedChange\", set));\n\n  /**\n   * How many times can I call `app.redo()`?\n   */\n  readonly canRedoSteps = readable(this.manager.canRedoSteps, set =>\n    this._addManagerListener(\"canRedoStepsChange\", set)\n  );\n\n  /**\n   * How many times can I call `app.undo()`?\n   */\n  readonly canUndoSteps = readable(this.manager.canUndoSteps, set =>\n    this._addManagerListener(\"canUndoStepsChange\", set)\n  );\n\n  /**\n   * Current camera information of main view.\n   *\n   * Change the camera position by `app.moveCamera()`.\n   */\n  readonly camera = readable(this.manager.mainView.camera, set =>\n    this._addMainViewListener(\"onCameraUpdated\", set)\n  );\n\n  /**\n   * Current tool's info, like \"is using pencil?\", \"what color?\".\n   *\n   * Change the tool by `app.setAppliance()`.\n   */\n  readonly memberState = readable(this.room.state.memberState, set =>\n    this._addRoomListener(\"onRoomStateChanged\", ({ memberState: m }) => m && set(m))\n  );\n\n  /**\n   * 0..n-1, current index of main view scenes.\n   */\n  readonly sceneIndex = writable(\n    this.manager.mainViewSceneIndex,\n    set => this._addManagerListener(\"mainViewSceneIndexChange\", set),\n    this.manager.setMainViewSceneIndex.bind(this.manager)\n  );\n\n  /**\n   * How many pages are in the main view?\n   */\n  readonly sceneLength = readable(this.manager.mainViewScenesLength, set =>\n    this._addManagerListener(\"mainViewScenesLengthChange\", set)\n  );\n\n  private _appsStatus: AppsStatus = {};\n  /**\n   * Apps status.\n   */\n  readonly appsStatus = readable<AppsStatus>({}, set =>\n    this._addManagerListener(\"loadApp\", ({ kind, status, reason }) => {\n      this._appsStatus[kind] = { status: transform_app_status(status), reason };\n      set(this._appsStatus);\n    })\n  );\n\n  /**\n   * Undo a step on main view.\n   */\n  undo() {\n    this._assertNotDestroyed();\n    this.manager.undo();\n  }\n\n  /**\n   * Redo a step on main view.\n   */\n  redo() {\n    this._assertNotDestroyed();\n    this.manager.redo();\n  }\n\n  /**\n   * Move current main view's camera position.\n   */\n  moveCamera(camera: Partial<Camera> & { animationMode?: AnimationMode | undefined }) {\n    this._assertNotDestroyed();\n    this.manager.moveCamera(camera);\n  }\n\n  /**\n   * Move current main view's camera to include a rectangle.\n   */\n  moveCameraToContain(rectangle: Rectangle & { animationMode?: AnimationMode }) {\n    this._assertNotDestroyed();\n    this.manager.moveCameraToContain(rectangle);\n  }\n\n  /**\n   * Delete all things on the main view.\n   */\n  cleanCurrentScene() {\n    this._assertNotDestroyed();\n    this.manager.cleanCurrentScene();\n  }\n\n  /**\n   * Set current tool, like \"pencil\".\n   */\n  setAppliance(appliance: ApplianceNames | Appliance, shape?: ShapeType | Shape) {\n    this._assertNotDestroyed();\n    this.manager.mainView.setMemberState({\n      currentApplianceName: appliance as ApplianceNames,\n      shapeType: shape as ShapeType,\n    });\n  }\n\n  setStrokeWidth(strokeWidth: number) {\n    this._assertNotDestroyed();\n    this.manager.mainView.setMemberState({ strokeWidth });\n  }\n\n  setStrokeColor(strokeColor: Color) {\n    this._assertNotDestroyed();\n    this.manager.mainView.setMemberState({ strokeColor });\n  }\n\n  prevPage() {\n    this._assertNotDestroyed();\n    return this.manager.prevPage();\n  }\n\n  nextPage() {\n    this._assertNotDestroyed();\n    return this.manager.nextPage();\n  }\n\n  addPage(params?: AddPageParams) {\n    this._assertNotDestroyed();\n    return this.manager.addPage(params);\n  }\n\n  /**\n   * Insert an image to the main view.\n   */\n  async insertImage(url: string) {\n    this._assertNotDestroyed();\n    await this.manager.switchMainViewToWriter();\n\n    const { divElement } = this.manager.mainView;\n    const containerSize = {\n      width: divElement?.scrollWidth || window.innerWidth,\n      height: divElement?.scrollHeight || window.innerHeight,\n    };\n\n    // 1. shrink the image a little to fit container **width**\n    const maxWidth = containerSize.width * 0.8;\n    let { width, height } = await getImageSize(url, containerSize);\n    const scale = Math.min(maxWidth / width, 1);\n    const uuid = genUID();\n    const { centerX, centerY } = this.manager.camera;\n    width *= scale;\n    height *= scale;\n    this.manager.mainView.insertImage({ uuid, centerX, centerY, width, height, locked: false });\n    this.manager.mainView.completeImageUpload(uuid, url);\n\n    // 2. move camera to fit image **height**\n    width /= 0.8;\n    height /= 0.8;\n    const originX = centerX - width / 2;\n    const originY = centerY - height / 2;\n    this.manager.moveCameraToContain({ originX, originY, width, height });\n  }\n\n  /**\n   * Insert PDF/PPTX from conversion result.\n   * @param status https://developer.netless.link/server-en/home/server-conversion#get-query-task-conversion-progress\n   */\n  insertDocs(filename: string, status: ConversionResponse): Promise<string | undefined>;\n\n  /**\n   * Manual way.\n   * @example\n   * app.insertDocs({\n   *   fileType: 'pptx',\n   *   scenePath: `/pptx/${conversion.taskId}`,\n   *   taskId: conversion.taskId,\n   *   title: 'Title',\n   * })\n   */\n  insertDocs(params: InsertDocsParams): Promise<string | undefined>;\n\n  insertDocs(arg1: string | InsertDocsParams, arg2?: ConversionResponse) {\n    this._assertNotDestroyed();\n    if (typeof arg1 === \"object\" && \"fileType\" in arg1) {\n      return this._insertDocsImpl(arg1);\n    } else if (arg2 && arg2.status !== \"Finished\") {\n      throw new Error(\"FastboardApp cannot insert a converting doc.\");\n    } else if (arg2 && arg2.progress) {\n      const title = arg1;\n      const scenePath = `/${arg2.uuid}/${genUID()}`;\n      const scenes1 = arg2.progress.convertedFileList.map(convertedFileToScene);\n      const { scenes, taskId, url } = makeSlideParams(scenes1);\n      if (taskId && url) {\n        return this._insertDocsImpl({ fileType: \"pptx\", scenePath, scenes, title, taskId, url });\n      } else {\n        return this._insertDocsImpl({ fileType: \"pdf\", scenePath, scenes: scenes1, title });\n      }\n    }\n  }\n\n  private _insertDocsImpl({ fileType, scenePath, title, scenes, ...attributes }: InsertDocsParams) {\n    this._assertNotDestroyed();\n    switch (fileType) {\n      case \"pdf\":\n        return this.manager.addApp({\n          kind: \"DocsViewer\",\n          options: { scenePath, title, scenes },\n        });\n      case \"pptx\":\n        if (scenes && scenes[0].ppt) {\n          warn(\"no-ppt-in-scenes\");\n        }\n        return this.manager.addApp({\n          kind: \"Slide\",\n          options: { scenePath, title, scenes },\n          attributes,\n        });\n    }\n  }\n\n  /**\n   * Insert the Monaco Code Editor app.\n   */\n  insertCodeEditor() {\n    this._assertNotDestroyed();\n    return this.manager.addApp({\n      kind: \"Monaco\",\n      options: { title: \"Code Editor\" },\n    });\n  }\n\n  /**\n   * Insert the Countdown app.\n   */\n  insertCountdown() {\n    this._assertNotDestroyed();\n    return this.manager.addApp({\n      kind: \"Countdown\",\n      options: { title: \"Countdown\" },\n    });\n  }\n\n  /**\n   * Insert the Media Player app.\n   */\n  insertMedia(title: string, src: string) {\n    this._assertNotDestroyed();\n    return this.manager.addApp({\n      kind: BuiltinApps.MediaPlayer,\n      options: { title },\n      attributes: { src },\n    });\n  }\n\n  /**\n   * Insert the GeoGebra app.\n   */\n  insertGeoGebra() {\n    this._assertNotDestroyed();\n    return this.manager.addApp({\n      kind: \"GeoGebra\",\n      options: { title: \"GeoGebra\" },\n    });\n  }\n}\n\nexport interface FastboardOptions {\n  sdkConfig: Omit<WhiteWebSdkConfiguration, \"useMobXState\"> & {\n    region: NonNullable<WhiteWebSdkConfiguration[\"region\"]>;\n  };\n  joinRoom: Omit<JoinRoomParams, \"useMultiViews\" | \"disableNewPencil\" | \"disableMagixEventDispatchLimit\"> & {\n    callbacks?: Partial<RoomCallbacks>;\n  };\n  managerConfig?: Omit<MountParams, \"room\">;\n}\n\n/**\n * Create a FastboardApp instance.\n * @example\n * let app = await createFastboard({\n *   sdkConfig: {\n *     appIdentifier: import.meta.env.VITE_APPID,\n *     region: 'cn-hz',\n *   },\n *   joinRoom: {\n *     uid: unique_id,\n *     uuid: import.meta.env.VITE_ROOM_UUID,\n *     roomToken: import.meta.env.VITE_ROOM_TOKEN,\n *   },\n * })\n */\nexport async function createFastboard({\n  sdkConfig,\n  joinRoom: { callbacks, ...joinRoomParams },\n  managerConfig,\n}: FastboardOptions) {\n  const sdk = new WhiteWebSdk({\n    ...sdkConfig,\n    useMobXState: true,\n  });\n\n  const hotKeys: Partial<HotKeys> = {\n    ...DefaultHotKeys,\n    changeToSelector: \"s\",\n    changeToLaserPointer: \"z\",\n    changeToPencil: \"p\",\n    changeToRectangle: \"r\",\n    changeToEllipse: \"c\",\n    changeToEraser: \"e\",\n    changeToText: \"t\",\n    changeToStraight: \"l\",\n    changeToArrow: \"a\",\n    changeToHand: \"h\",\n  };\n\n  const room = await sdk.joinRoom(\n    {\n      floatBar: true,\n      hotKeys,\n      ...ensure_window_manager(joinRoomParams),\n      useMultiViews: true,\n      disableNewPencil: false,\n      disableMagixEventDispatchLimit: true,\n    },\n    callbacks\n  );\n\n  const manager = await WindowManager.mount({\n    cursor: true,\n    ...managerConfig,\n    room,\n  });\n\n  manager.mainView.setCameraBound({\n    minContentMode: contentModeScale(0.3),\n    maxContentMode: contentModeScale(3),\n  });\n\n  return new FastboardApp(sdk, room, manager, hotKeys);\n}\n","import type { JoinRoomParams, ReplayRoomParams } from \"white-web-sdk\";\nimport type { PublicEvent } from \"@netless/window-manager\";\nimport { WindowManager } from \"@netless/window-manager\";\n\nexport function ensure_window_manager<T extends JoinRoomParams | ReplayRoomParams>(joinRoom: T): T {\n  if (!joinRoom.invisiblePlugins || !joinRoom.invisiblePlugins.includes(WindowManager)) {\n    joinRoom.invisiblePlugins = [...(joinRoom.invisiblePlugins || []), WindowManager];\n  }\n  return joinRoom;\n}\n\nexport function transform_app_status(status: PublicEvent[\"loadApp\"][\"status\"]) {\n  return status === \"start\" ? \"loading\" : status === \"failed\" ? \"failed\" : \"idle\";\n}\n","import type { MountParams, PublicEvent } from \"@netless/window-manager\";\nimport type {\n  Player,\n  PlayerPhase as PlayerPhaseEnum,\n  PlayerCallbacks,\n  PlayerState,\n  PlayerSeekingResult,\n  ReplayRoomParams,\n  ViewCallbacks,\n  WhiteWebSdkConfiguration,\n} from \"white-web-sdk\";\n\nimport { WhiteWebSdk } from \"white-web-sdk\";\nimport { WindowManager } from \"@netless/window-manager\";\nimport { readable, writable } from \"../utils\";\nimport { ensure_window_manager } from \"../internal\";\n\nclass FastboardPlayerBase {\n  public constructor(readonly sdk: WhiteWebSdk, readonly player: Player, readonly manager: WindowManager) {}\n\n  protected _destroyed = false;\n  protected _assertNotDestroyed() {\n    if (this._destroyed) {\n      throw new Error(\"FastboardApp has been destroyed\");\n    }\n  }\n\n  protected _addPlayerListener<K extends keyof PlayerCallbacks>(name: K, listener: PlayerCallbacks[K]) {\n    this._assertNotDestroyed();\n    this.player.callbacks.on(name, listener);\n    return () => this.player.callbacks.off(name, listener);\n  }\n\n  protected _addManagerListener<K extends keyof PublicEvent>(\n    name: K,\n    listener: (value: PublicEvent[K]) => void\n  ) {\n    this._assertNotDestroyed();\n    this.manager.emitter.on(name, listener);\n    return () => this.manager.emitter.off(name, listener);\n  }\n\n  protected _addMainViewListener<K extends keyof ViewCallbacks>(name: K, listener: ViewCallbacks[K]) {\n    this._assertNotDestroyed();\n    this.manager.mainView.callbacks.on(name, listener);\n    return () => this.manager.mainView.callbacks.off(name, listener);\n  }\n\n  public destroy() {\n    this._destroyed = true;\n    this.manager.destroy();\n    return this.player.callbacks.off();\n  }\n}\n\ntype PlayerPhase = `${PlayerPhaseEnum}`;\n\nexport type { PlayerPhase, PlayerSeekingResult };\n\nexport class FastboardPlayer extends FastboardPlayerBase {\n  /**\n   * Render this player to some DOM.\n   */\n  bindContainer(container: HTMLElement) {\n    this._assertNotDestroyed();\n    this.manager.bindContainer(container);\n  }\n\n  /**\n   * Move window-manager's collector to some place.\n   */\n  bindCollector(container: HTMLElement) {\n    this._assertNotDestroyed();\n    this.manager.bindCollectorContainer(container);\n  }\n\n  /**\n   * Player current time in milliseconds.\n   */\n  readonly currentTime = writable(\n    this.player.progressTime,\n    set => this._addPlayerListener(\"onProgressTimeChanged\", set),\n    this.player.seekToProgressTime.bind(this.player)\n  );\n\n  /**\n   * Player state, like \"is it playing?\".\n   */\n  readonly phase = readable<PlayerPhase>(this.player.phase, set =>\n    this._addPlayerListener(\"onPhaseChanged\", set)\n  );\n\n  /**\n   * Will become true after buffering.\n   */\n  readonly canplay = readable(this.player.isPlayable, set =>\n    this._addPlayerListener(\"onIsPlayableChanged\", set)\n  );\n\n  private _setSpeed!: (value: number) => void;\n  /**\n   * Playback speed, default `1`.\n   */\n  readonly speed = writable(\n    this.player.playbackSpeed,\n    set => {\n      this._setSpeed = set;\n    },\n    value => {\n      this.player.playbackSpeed = value;\n      this._setSpeed(value);\n    }\n  );\n\n  /**\n   * Playback duration in milliseconds.\n   */\n  readonly duration = readable(this.player.timeDuration);\n\n  /**\n   * Get state of room at that time, like \"who was in the room?\".\n   */\n  readonly state = readable<PlayerState | null>(null, set =>\n    this._addPlayerListener(\"onPlayerStateChanged\", () => set(this.player.state))\n  );\n\n  /**\n   * Seek to some time in milliseconds.\n   */\n  seek(timestamp: number) {\n    this._assertNotDestroyed();\n    return this.player.seekToProgressTime(timestamp);\n  }\n\n  /**\n   * Change player state to playing.\n   */\n  play() {\n    this._assertNotDestroyed();\n    this.player.play();\n  }\n\n  /**\n   * Change player state to paused.\n   */\n  pause() {\n    this._assertNotDestroyed();\n    this.player.pause();\n  }\n\n  /**\n   * Change player state to stopped.\n   */\n  stop() {\n    this._assertNotDestroyed();\n    this.player.stop();\n  }\n\n  /**\n   * Set playback speed, a shortcut for `speed.set(x)`.\n   */\n  setSpeed(value: number) {\n    this._assertNotDestroyed();\n    this.speed.set(value);\n  }\n}\n\nexport interface FastboardReplayOptions {\n  sdkConfig: Omit<WhiteWebSdkConfiguration, \"useMobXState\"> & {\n    region: NonNullable<WhiteWebSdkConfiguration[\"region\"]>;\n  };\n  replayRoom: Omit<ReplayRoomParams, \"useMultiViews\"> & {\n    callbacks?: Partial<PlayerCallbacks>;\n  };\n  managerConfig?: Omit<MountParams, \"room\">;\n}\n\n/**\n * Create a FastboardApp instance.\n * @example\n * let player = await replayFastboard({\n *   sdkConfig: {\n *     appIdentifier: import.meta.env.VITE_APPID,\n *     region: 'cn-hz',\n *   },\n *   replayRoom: {\n *     uid: unique_id,\n *     uuid: import.meta.env.VITE_ROOM_UUID,\n *     roomToken: import.meta.env.VITE_ROOM_TOKEN,\n *   },\n * })\n */\nexport async function replayFastboard({\n  sdkConfig,\n  replayRoom: { callbacks, ...replayRoomParams },\n  managerConfig,\n}: FastboardReplayOptions) {\n  const sdk = new WhiteWebSdk({\n    ...sdkConfig,\n    useMobXState: true,\n  });\n\n  const player = await sdk.replayRoom(\n    {\n      ...ensure_window_manager(replayRoomParams),\n      useMultiViews: true,\n    },\n    callbacks\n  );\n\n  const managerPromise = WindowManager.mount({\n    cursor: true,\n    ...managerConfig,\n    room: player,\n  });\n\n  player.play();\n  const manager = await managerPromise;\n  player.pause();\n  await player.seekToProgressTime(0);\n\n  return new FastboardPlayer(sdk, player, manager);\n}\n","import type { RegisterParams } from \"@netless/window-manager\";\nimport { WindowManager } from \"@netless/window-manager\";\nimport AppSlide from \"@netless/app-slide\";\n\nexport interface AppsConfig {\n  [kind: string]: Omit<RegisterParams, \"kind\">;\n}\n\nconst DefaultApps: AppsConfig = {\n  Monaco: {\n    src: \"https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-monaco/0.1.12/dist/main.iife.js\",\n  },\n  Countdown: {\n    src: \"https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-countdown/0.0.2/dist/main.iife.js\",\n  },\n  GeoGebra: {\n    src: \"https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-geogebra/0.0.4/dist/main.iife.js\",\n    appOptions: {\n      HTML5Codebase: \"https://flat-storage-cn-hz.whiteboard.agora.io/GeoGebra/HTML5/5.0/web3d\",\n    },\n  },\n  EmbeddedPage: {\n    src: \"https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-embedded-page/0.1.1/dist/main.iife.js\",\n  },\n  Player: {\n    name: \"NetlessAppMediaPlayer\",\n    src: \"https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-media-player/0.1.1/dist/main.iife.js\",\n  },\n};\n\nWindowManager.register({\n  kind: \"Slide\",\n  appOptions: { debug: false },\n  src: AppSlide,\n});\n\nfor (const kind in DefaultApps) {\n  if (Object.prototype.hasOwnProperty.call(DefaultApps, kind)) {\n    const options = DefaultApps[kind];\n    WindowManager.register({ kind, ...options });\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/index.mjs

@@ -219,6 +219,7 @@ var FastboardApp = class extends FastboardAppBase {
   constructor() {
     super(...arguments);
     this.writable = writable(this.room.isWritable, (set) => this._addRoomListener("onEnableWriteNowChanged", () => set(this.room.isWritable)), this.room.setWritable.bind(this.room));
+    this.phase = readable(this.room.phase, (set) => this._addRoomListener("onPhaseChanged", set));
     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));
@@ -469,21 +470,8 @@ var FastboardPlayer = class extends FastboardPlayerBase {
       this.player.playbackSpeed = value;
       this._setSpeed(value);
     });
-    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);
-      this.player.callbacks.once("onLoadFirstFrame", () => {
-        this._setDuration(this.player.timeDuration);
-        this._setReady(true);
-        update();
-      });
-      return this._addPlayerListener("onPlayerStateChanged", update);
-    });
+    this.duration = readable(this.player.timeDuration);
+    this.state = readable(null, (set) => this._addPlayerListener("onPlayerStateChanged", () => set(this.player.state)));
   }
   bindContainer(container) {
     this._assertNotDestroyed();
@@ -535,6 +523,7 @@ async function replayFastboard(_a) {
   player.play();
   const manager = await managerPromise;
   player.pause();
+  await player.seekToProgressTime(0);
   return new FastboardPlayer(sdk, player, manager);
 }
 

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/store.ts","../src/utils/misc.ts","../src/utils/uid.ts","../src/utils/warn.ts","../src/impl/FastboardApp.ts","../src/internal.ts","../src/impl/FastboardPlayer.ts","../src/behaviors/index.ts"],"sourcesContent":["// This is a simple mimic of svelte/store.\nexport type Subscriber<T> = (value: T) => void;\nexport type Unsubscriber = () => void;\nexport type Updater<T> = (value: T) => T;\nexport type StartStopNotifier<T> = (set: Subscriber<T>) => Unsubscriber | void;\n\nexport interface Readable<T> {\n  readonly value: T;\n  subscribe(this: void, run: Subscriber<T>): Unsubscriber;\n  reaction(this: void, run: Subscriber<T>): Unsubscriber;\n}\n\nexport interface Writable<T> extends Readable<T> {\n  set(this: void, value: T): void;\n  update(this: void, updater: Updater<T>): void;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nfunction noop() {}\n\nfunction safe_not_equal(a: unknown, b: unknown) {\n  return a != a ? b == b : a !== b || (a && typeof a === \"object\") || typeof a === \"function\";\n}\n\nexport function readable<T>(value: T, start: StartStopNotifier<T> = noop): Readable<T> {\n  let stop: Unsubscriber | undefined;\n  const subscribers = new Set<Subscriber<T>>();\n  function set(new_value: T) {\n    if (safe_not_equal(value, new_value)) {\n      value = new_value;\n      if (stop) {\n        for (const run of subscribers) {\n          run(value);\n        }\n      }\n    }\n  }\n  function subscribe(run: Subscriber<T>) {\n    subscribers.add(run);\n    if (subscribers.size === 1) {\n      stop = start(set) || noop;\n    }\n    run(value);\n    return () => {\n      subscribers.delete(run);\n      if (subscribers.size === 0) {\n        stop && stop();\n        stop = undefined;\n      }\n    };\n  }\n  function reaction(run: Subscriber<T>) {\n    subscribers.add(run);\n    if (subscribers.size === 1) {\n      stop = start(set) || noop;\n    }\n    return () => {\n      subscribers.delete(run);\n      if (subscribers.size === 0) {\n        stop && stop();\n        stop = undefined;\n      }\n    };\n  }\n  return {\n    get value() {\n      return value;\n    },\n    subscribe,\n    reaction,\n  };\n}\n\nexport function writable<T>(value: T, start: StartStopNotifier<T> = noop, set: Subscriber<T>): Writable<T> {\n  const internal = readable(value, start);\n  return {\n    get value() {\n      return internal.value;\n    },\n    subscribe: internal.subscribe,\n    reaction: internal.reaction,\n    set,\n    update(fn: Updater<T>) {\n      set(fn(value));\n    },\n  };\n}\n","import type { ConvertedFile, SceneDefinition, Size } from \"white-web-sdk\";\n\nexport function getImageSize(url: string, fallback: Size) {\n  return new Promise<Size>(resolve => {\n    const img = new Image();\n    img.onload = () => resolve(img);\n    img.onerror = () => resolve(fallback);\n    img.src = url;\n  });\n}\n\nexport function makeSlideParams(scenes: SceneDefinition[]) {\n  const emptyScenes: SceneDefinition[] = [];\n  let taskId = \"\";\n  let url = \"\";\n\n  // e.g. \"ppt(x)://cdn/prefix/dynamicConvert/{taskId}/1.slide\"\n  const pptSrcRE = /^pptx?(?<prefix>:\\/\\/\\S+?dynamicConvert)\\/(?<taskId>\\w+)\\//;\n\n  for (const { name, ppt } of scenes) {\n    // make sure scenesWithoutPPT.length === scenes.length\n    emptyScenes.push({ name });\n\n    if (!ppt || !ppt.src.startsWith(\"ppt\")) {\n      continue;\n    }\n    const match = pptSrcRE.exec(ppt.src);\n    if (!match || !match.groups) {\n      continue;\n    }\n    taskId = match.groups.taskId;\n    url = \"https\" + match.groups.prefix;\n    break;\n  }\n\n  return { scenes: emptyScenes, taskId, url };\n}\n\nexport function convertedFileToScene(f: ConvertedFile, i: number): SceneDefinition {\n  return {\n    name: String(i + 1),\n    ppt: {\n      src: f.conversionFileUrl,\n      width: f.width,\n      height: f.height,\n      previewURL: f.preview,\n    },\n  };\n}\n","// Copy from https://github.com/crimx/side-effect-manager/blob/main/src/gen-uid.ts\nconst SOUP = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789\";\nconst SOUP_LEN = 62; // SOUP.length\nconst ID_LEN = 20;\nconst reusedIdCarrier = /* @__PURE__ */ Array(ID_LEN);\n\nexport function genUID() {\n  for (let i = 0; i < ID_LEN; i++) {\n    reusedIdCarrier[i] = SOUP.charAt(Math.random() * SOUP_LEN);\n  }\n  return reusedIdCarrier.join(\"\");\n}\n","const warnings = {\n  \"no-ppt-in-scenes\":\n    \"You're probably inserting the slide app in a wrong way, there shouldn't exist `scenes[0].ppt`.\",\n} as const;\nconst warned = new Set<string>();\n\nexport function warn(id: keyof typeof warnings) {\n  if (warned.has(id)) return;\n  warned.add(id);\n  console.warn(warnings[id]);\n}\n","import type { AddPageParams, PublicEvent, MountParams } from \"@netless/window-manager\";\nimport type {\n  AnimationMode,\n  ApplianceNames,\n  Camera,\n  Color,\n  ConversionResponse,\n  HotKey,\n  HotKeys,\n  JoinRoomParams,\n  MemberState,\n  Rectangle,\n  Room,\n  RoomPhase as RoomPhaseEnum,\n  RoomCallbacks,\n  RoomState,\n  SceneDefinition,\n  ShapeType,\n  ViewCallbacks,\n  WhiteWebSdkConfiguration,\n} from \"white-web-sdk\";\n\nimport { DefaultHotKeys, WhiteWebSdk, contentModeScale } from \"white-web-sdk\";\nimport { BuiltinApps, WindowManager } from \"@netless/window-manager\";\nimport {\n  getImageSize,\n  genUID,\n  convertedFileToScene,\n  makeSlideParams,\n  readable,\n  writable,\n  warn,\n} from \"../utils\";\nimport { ensure_window_manager, transform_app_status } from \"../internal\";\n\nclass FastboardAppBase {\n  public constructor(\n    readonly sdk: WhiteWebSdk,\n    readonly room: Room,\n    readonly manager: WindowManager,\n    readonly hotKeys: Partial<HotKeys>\n  ) {}\n\n  protected _destroyed = false;\n  protected _assertNotDestroyed() {\n    if (this._destroyed) {\n      throw new Error(\"FastboardApp has been destroyed\");\n    }\n  }\n\n  protected _addRoomListener<K extends keyof RoomCallbacks>(name: K, listener: RoomCallbacks[K]) {\n    this._assertNotDestroyed();\n    this.room.callbacks.on(name, listener);\n    return () => this.room.callbacks.off(name, listener);\n  }\n\n  protected _addManagerListener<K extends keyof PublicEvent>(\n    name: K,\n    listener: (value: PublicEvent[K]) => void\n  ) {\n    this._assertNotDestroyed();\n    this.manager.emitter.on(name, listener);\n    return () => this.manager.emitter.off(name, listener);\n  }\n\n  protected _addMainViewListener<K extends keyof ViewCallbacks>(name: K, listener: ViewCallbacks[K]) {\n    this._assertNotDestroyed();\n    this.manager.mainView.callbacks.on(name, listener);\n    return () => this.manager.mainView.callbacks.off(name, listener);\n  }\n\n  public destroy() {\n    this._destroyed = true;\n    this.manager.destroy();\n    return this.room.disconnect();\n  }\n}\n\ntype RoomPhase = `${RoomPhaseEnum}`;\n\nexport type {\n  AddPageParams,\n  AnimationMode,\n  ApplianceNames,\n  Camera,\n  Color,\n  ConversionResponse,\n  HotKey,\n  HotKeys,\n  JoinRoomParams,\n  MemberState,\n  MountParams,\n  PublicEvent,\n  Rectangle,\n  Room,\n  RoomPhase,\n  RoomCallbacks,\n  RoomState,\n  SceneDefinition,\n  ShapeType,\n  ViewCallbacks,\n  WhiteWebSdk,\n  WhiteWebSdkConfiguration,\n  WindowManager,\n};\n\nexport type Appliance = `${ApplianceNames}`;\nexport type Shape = `${ShapeType}`;\n\nexport interface InsertDocsStatic {\n  readonly fileType: \"pdf\";\n  readonly scenePath: string;\n  readonly scenes: SceneDefinition[];\n  readonly title?: string;\n}\n\nexport interface InsertDocsDynamic {\n  readonly fileType: \"pptx\";\n  readonly scenePath: string;\n  readonly taskId: string;\n  readonly title?: string;\n  readonly url?: string;\n  /** @example [{ name: '1' }, { name: '2' }, { name: '3' }] */\n  readonly scenes?: SceneDefinition[];\n}\n\nexport type InsertDocsParams = InsertDocsStatic | InsertDocsDynamic;\n\nexport type SetMemberStateFn = (partialMemberState: Partial<MemberState>) => void;\n\nexport type RoomStateChanged = (diff: Partial<RoomState>) => void;\n\nexport interface AppsStatus {\n  [kind: string]: {\n    status: \"idle\" | \"loading\" | \"failed\";\n    reason?: string;\n  };\n}\n\nexport class FastboardApp extends FastboardAppBase {\n  /**\n   * Render this app to some DOM.\n   */\n  bindContainer(container: HTMLElement) {\n    this._assertNotDestroyed();\n    this.manager.bindContainer(container);\n  }\n\n  /**\n   * Move window-manager's collector to some place.\n   */\n  bindCollector(container: HTMLElement) {\n    this._assertNotDestroyed();\n    this.manager.bindCollectorContainer(container);\n  }\n\n  /**\n   * Is current room writable?\n   */\n  readonly writable = writable(\n    this.room.isWritable,\n    set => this._addRoomListener(\"onEnableWriteNowChanged\", () => set(this.room.isWritable)),\n    this.room.setWritable.bind(this.room)\n  );\n\n  /**\n   * Current window-manager's windows' state (is it maximized?).\n   */\n  readonly boxState = readable(this.manager.boxState, set => this._addManagerListener(\"boxStateChange\", set));\n\n  /**\n   * Current window-manager's focused app's id.\n   * @example \"HelloWorld-1A2b3C4d\"\n   */\n  readonly focusedApp = readable(this.manager.focused, set => this._addManagerListener(\"focusedChange\", set));\n\n  /**\n   * How many times can I call `app.redo()`?\n   */\n  readonly canRedoSteps = readable(this.manager.canRedoSteps, set =>\n    this._addManagerListener(\"canRedoStepsChange\", set)\n  );\n\n  /**\n   * How many times can I call `app.undo()`?\n   */\n  readonly canUndoSteps = readable(this.manager.canUndoSteps, set =>\n    this._addManagerListener(\"canUndoStepsChange\", set)\n  );\n\n  /**\n   * Current camera information of main view.\n   *\n   * Change the camera position by `app.moveCamera()`.\n   */\n  readonly camera = readable(this.manager.mainView.camera, set =>\n    this._addMainViewListener(\"onCameraUpdated\", set)\n  );\n\n  /**\n   * Current tool's info, like \"is using pencil?\", \"what color?\".\n   *\n   * Change the tool by `app.setAppliance()`.\n   */\n  readonly memberState = readable(this.room.state.memberState, set =>\n    this._addRoomListener(\"onRoomStateChanged\", ({ memberState: m }) => m && set(m))\n  );\n\n  /**\n   * 0..n-1, current index of main view scenes.\n   */\n  readonly sceneIndex = writable(\n    this.manager.mainViewSceneIndex,\n    set => this._addManagerListener(\"mainViewSceneIndexChange\", set),\n    this.manager.setMainViewSceneIndex.bind(this.manager)\n  );\n\n  /**\n   * How many pages are in the main view?\n   */\n  readonly sceneLength = readable(this.manager.mainViewScenesLength, set =>\n    this._addManagerListener(\"mainViewScenesLengthChange\", set)\n  );\n\n  private _appsStatus: AppsStatus = {};\n  /**\n   * Apps status.\n   */\n  readonly appsStatus = readable<AppsStatus>({}, set =>\n    this._addManagerListener(\"loadApp\", ({ kind, status, reason }) => {\n      this._appsStatus[kind] = { status: transform_app_status(status), reason };\n      set(this._appsStatus);\n    })\n  );\n\n  /**\n   * Undo a step on main view.\n   */\n  undo() {\n    this._assertNotDestroyed();\n    this.manager.undo();\n  }\n\n  /**\n   * Redo a step on main view.\n   */\n  redo() {\n    this._assertNotDestroyed();\n    this.manager.redo();\n  }\n\n  /**\n   * Move current main view's camera position.\n   */\n  moveCamera(camera: Partial<Camera> & { animationMode?: AnimationMode | undefined }) {\n    this._assertNotDestroyed();\n    this.manager.moveCamera(camera);\n  }\n\n  /**\n   * Move current main view's camera to include a rectangle.\n   */\n  moveCameraToContain(rectangle: Rectangle & { animationMode?: AnimationMode }) {\n    this._assertNotDestroyed();\n    this.manager.moveCameraToContain(rectangle);\n  }\n\n  /**\n   * Delete all things on the main view.\n   */\n  cleanCurrentScene() {\n    this._assertNotDestroyed();\n    this.manager.cleanCurrentScene();\n  }\n\n  /**\n   * Set current tool, like \"pencil\".\n   */\n  setAppliance(appliance: ApplianceNames | Appliance, shape?: ShapeType | Shape) {\n    this._assertNotDestroyed();\n    this.manager.mainView.setMemberState({\n      currentApplianceName: appliance as ApplianceNames,\n      shapeType: shape as ShapeType,\n    });\n  }\n\n  setStrokeWidth(strokeWidth: number) {\n    this._assertNotDestroyed();\n    this.manager.mainView.setMemberState({ strokeWidth });\n  }\n\n  setStrokeColor(strokeColor: Color) {\n    this._assertNotDestroyed();\n    this.manager.mainView.setMemberState({ strokeColor });\n  }\n\n  prevPage() {\n    this._assertNotDestroyed();\n    return this.manager.prevPage();\n  }\n\n  nextPage() {\n    this._assertNotDestroyed();\n    return this.manager.nextPage();\n  }\n\n  addPage(params?: AddPageParams) {\n    this._assertNotDestroyed();\n    return this.manager.addPage(params);\n  }\n\n  /**\n   * Insert an image to the main view.\n   */\n  async insertImage(url: string) {\n    this._assertNotDestroyed();\n    await this.manager.switchMainViewToWriter();\n\n    const { divElement } = this.manager.mainView;\n    const containerSize = {\n      width: divElement?.scrollWidth || window.innerWidth,\n      height: divElement?.scrollHeight || window.innerHeight,\n    };\n\n    // 1. shrink the image a little to fit container **width**\n    const maxWidth = containerSize.width * 0.8;\n    let { width, height } = await getImageSize(url, containerSize);\n    const scale = Math.min(maxWidth / width, 1);\n    const uuid = genUID();\n    const { centerX, centerY } = this.manager.camera;\n    width *= scale;\n    height *= scale;\n    this.manager.mainView.insertImage({ uuid, centerX, centerY, width, height, locked: false });\n    this.manager.mainView.completeImageUpload(uuid, url);\n\n    // 2. move camera to fit image **height**\n    width /= 0.8;\n    height /= 0.8;\n    const originX = centerX - width / 2;\n    const originY = centerY - height / 2;\n    this.manager.moveCameraToContain({ originX, originY, width, height });\n  }\n\n  /**\n   * Insert PDF/PPTX from conversion result.\n   * @param status https://developer.netless.link/server-en/home/server-conversion#get-query-task-conversion-progress\n   */\n  insertDocs(filename: string, status: ConversionResponse): Promise<string | undefined>;\n\n  /**\n   * Manual way.\n   * @example\n   * app.insertDocs({\n   *   fileType: 'pptx',\n   *   scenePath: `/pptx/${conversion.taskId}`,\n   *   taskId: conversion.taskId,\n   *   title: 'Title',\n   * })\n   */\n  insertDocs(params: InsertDocsParams): Promise<string | undefined>;\n\n  insertDocs(arg1: string | InsertDocsParams, arg2?: ConversionResponse) {\n    this._assertNotDestroyed();\n    if (typeof arg1 === \"object\" && \"fileType\" in arg1) {\n      return this._insertDocsImpl(arg1);\n    } else if (arg2 && arg2.status !== \"Finished\") {\n      throw new Error(\"FastboardApp cannot insert a converting doc.\");\n    } else if (arg2 && arg2.progress) {\n      const title = arg1;\n      const scenePath = `/${arg2.uuid}/${genUID()}`;\n      const scenes1 = arg2.progress.convertedFileList.map(convertedFileToScene);\n      const { scenes, taskId, url } = makeSlideParams(scenes1);\n      if (taskId && url) {\n        return this._insertDocsImpl({ fileType: \"pptx\", scenePath, scenes, title, taskId, url });\n      } else {\n        return this._insertDocsImpl({ fileType: \"pdf\", scenePath, scenes: scenes1, title });\n      }\n    }\n  }\n\n  private _insertDocsImpl({ fileType, scenePath, title, scenes, ...attributes }: InsertDocsParams) {\n    this._assertNotDestroyed();\n    switch (fileType) {\n      case \"pdf\":\n        return this.manager.addApp({\n          kind: \"DocsViewer\",\n          options: { scenePath, title, scenes },\n        });\n      case \"pptx\":\n        if (scenes && scenes[0].ppt) {\n          warn(\"no-ppt-in-scenes\");\n        }\n        return this.manager.addApp({\n          kind: \"Slide\",\n          options: { scenePath, title, scenes },\n          attributes,\n        });\n    }\n  }\n\n  /**\n   * Insert the Monaco Code Editor app.\n   */\n  insertCodeEditor() {\n    this._assertNotDestroyed();\n    return this.manager.addApp({\n      kind: \"Monaco\",\n      options: { title: \"Code Editor\" },\n    });\n  }\n\n  /**\n   * Insert the Countdown app.\n   */\n  insertCountdown() {\n    this._assertNotDestroyed();\n    return this.manager.addApp({\n      kind: \"Countdown\",\n      options: { title: \"Countdown\" },\n    });\n  }\n\n  /**\n   * Insert the Media Player app.\n   */\n  insertMedia(title: string, src: string) {\n    this._assertNotDestroyed();\n    return this.manager.addApp({\n      kind: BuiltinApps.MediaPlayer,\n      options: { title },\n      attributes: { src },\n    });\n  }\n\n  /**\n   * Insert the GeoGebra app.\n   */\n  insertGeoGebra() {\n    this._assertNotDestroyed();\n    return this.manager.addApp({\n      kind: \"GeoGebra\",\n      options: { title: \"GeoGebra\" },\n    });\n  }\n}\n\nexport interface FastboardOptions {\n  sdkConfig: Omit<WhiteWebSdkConfiguration, \"useMobXState\"> & {\n    region: NonNullable<WhiteWebSdkConfiguration[\"region\"]>;\n  };\n  joinRoom: Omit<JoinRoomParams, \"useMultiViews\" | \"disableNewPencil\" | \"disableMagixEventDispatchLimit\"> & {\n    callbacks?: Partial<RoomCallbacks>;\n  };\n  managerConfig?: Omit<MountParams, \"room\">;\n}\n\n/**\n * Create a FastboardApp instance.\n * @example\n * let app = await createFastboard({\n *   sdkConfig: {\n *     appIdentifier: import.meta.env.VITE_APPID,\n *     region: 'cn-hz',\n *   },\n *   joinRoom: {\n *     uid: unique_id,\n *     uuid: import.meta.env.VITE_ROOM_UUID,\n *     roomToken: import.meta.env.VITE_ROOM_TOKEN,\n *   },\n * })\n */\nexport async function createFastboard({\n  sdkConfig,\n  joinRoom: { callbacks, ...joinRoomParams },\n  managerConfig,\n}: FastboardOptions) {\n  const sdk = new WhiteWebSdk({\n    ...sdkConfig,\n    useMobXState: true,\n  });\n\n  const hotKeys: Partial<HotKeys> = {\n    ...DefaultHotKeys,\n    changeToSelector: \"s\",\n    changeToLaserPointer: \"z\",\n    changeToPencil: \"p\",\n    changeToRectangle: \"r\",\n    changeToEllipse: \"c\",\n    changeToEraser: \"e\",\n    changeToText: \"t\",\n    changeToStraight: \"l\",\n    changeToArrow: \"a\",\n    changeToHand: \"h\",\n  };\n\n  const room = await sdk.joinRoom(\n    {\n      floatBar: true,\n      hotKeys,\n      ...ensure_window_manager(joinRoomParams),\n      useMultiViews: true,\n      disableNewPencil: false,\n      disableMagixEventDispatchLimit: true,\n    },\n    callbacks\n  );\n\n  const manager = await WindowManager.mount({\n    cursor: true,\n    ...managerConfig,\n    room,\n  });\n\n  manager.mainView.setCameraBound({\n    minContentMode: contentModeScale(0.3),\n    maxContentMode: contentModeScale(3),\n  });\n\n  return new FastboardApp(sdk, room, manager, hotKeys);\n}\n","import type { JoinRoomParams, ReplayRoomParams } from \"white-web-sdk\";\nimport type { PublicEvent } from \"@netless/window-manager\";\nimport { WindowManager } from \"@netless/window-manager\";\n\nexport function ensure_window_manager<T extends JoinRoomParams | ReplayRoomParams>(joinRoom: T): T {\n  if (!joinRoom.invisiblePlugins || !joinRoom.invisiblePlugins.includes(WindowManager)) {\n    joinRoom.invisiblePlugins = [...(joinRoom.invisiblePlugins || []), WindowManager];\n  }\n  return joinRoom;\n}\n\nexport function transform_app_status(status: PublicEvent[\"loadApp\"][\"status\"]) {\n  return status === \"start\" ? \"loading\" : status === \"failed\" ? \"failed\" : \"idle\";\n}\n","import type { MountParams, PublicEvent } from \"@netless/window-manager\";\nimport type {\n  Player,\n  PlayerPhase as PlayerPhaseEnum,\n  PlayerCallbacks,\n  PlayerState,\n  PlayerSeekingResult,\n  ReplayRoomParams,\n  ViewCallbacks,\n  WhiteWebSdkConfiguration,\n} from \"white-web-sdk\";\n\nimport { WhiteWebSdk } from \"white-web-sdk\";\nimport { WindowManager } from \"@netless/window-manager\";\nimport { readable, writable } from \"../utils\";\nimport { ensure_window_manager } from \"../internal\";\n\nclass FastboardPlayerBase {\n  public constructor(readonly sdk: WhiteWebSdk, readonly player: Player, readonly manager: WindowManager) {}\n\n  protected _destroyed = false;\n  protected _assertNotDestroyed() {\n    if (this._destroyed) {\n      throw new Error(\"FastboardApp has been destroyed\");\n    }\n  }\n\n  protected _addPlayerListener<K extends keyof PlayerCallbacks>(name: K, listener: PlayerCallbacks[K]) {\n    this._assertNotDestroyed();\n    this.player.callbacks.on(name, listener);\n    return () => this.player.callbacks.off(name, listener);\n  }\n\n  protected _addManagerListener<K extends keyof PublicEvent>(\n    name: K,\n    listener: (value: PublicEvent[K]) => void\n  ) {\n    this._assertNotDestroyed();\n    this.manager.emitter.on(name, listener);\n    return () => this.manager.emitter.off(name, listener);\n  }\n\n  protected _addMainViewListener<K extends keyof ViewCallbacks>(name: K, listener: ViewCallbacks[K]) {\n    this._assertNotDestroyed();\n    this.manager.mainView.callbacks.on(name, listener);\n    return () => this.manager.mainView.callbacks.off(name, listener);\n  }\n\n  public destroy() {\n    this._destroyed = true;\n    this.manager.destroy();\n    return this.player.callbacks.off();\n  }\n}\n\ntype PlayerPhase = `${PlayerPhaseEnum}`;\n\nexport type { PlayerPhase, PlayerSeekingResult };\n\nexport class FastboardPlayer extends FastboardPlayerBase {\n  /**\n   * Render this player to some DOM.\n   */\n  bindContainer(container: HTMLElement) {\n    this._assertNotDestroyed();\n    this.manager.bindContainer(container);\n  }\n\n  /**\n   * Move window-manager's collector to some place.\n   */\n  bindCollector(container: HTMLElement) {\n    this._assertNotDestroyed();\n    this.manager.bindCollectorContainer(container);\n  }\n\n  readonly currentTime = writable(\n    this.player.progressTime,\n    set => this._addPlayerListener(\"onProgressTimeChanged\", set),\n    this.player.seekToProgressTime.bind(this.player)\n  );\n\n  readonly phase = readable<PlayerPhase>(this.player.phase, set =>\n    this._addPlayerListener(\"onPhaseChanged\", set)\n  );\n\n  readonly canplay = readable(this.player.isPlayable, set =>\n    this._addPlayerListener(\"onIsPlayableChanged\", set)\n  );\n\n  private _setSpeed!: (value: number) => void;\n  readonly speed = writable(\n    this.player.playbackSpeed,\n    set => {\n      this._setSpeed = set;\n    },\n    value => {\n      this.player.playbackSpeed = value;\n      this._setSpeed(value);\n    }\n  );\n\n  private _setReady!: (value: boolean) => void;\n  readonly ready = readable(false, set => {\n    this._setReady = set;\n  });\n\n  private _setDuration!: (value: number) => void;\n  readonly duration = readable(0, set => {\n    this._setDuration = set;\n  });\n\n  readonly state = readable<PlayerState | null>(null, set => {\n    const update = () => set(this.player.state);\n    this.player.callbacks.once(\"onLoadFirstFrame\", () => {\n      this._setDuration(this.player.timeDuration);\n      this._setReady(true);\n      update();\n    });\n    return this._addPlayerListener(\"onPlayerStateChanged\", update);\n  });\n\n  seek(timestamp: number) {\n    this._assertNotDestroyed();\n    return this.player.seekToProgressTime(timestamp);\n  }\n\n  play() {\n    this._assertNotDestroyed();\n    this.player.play();\n  }\n\n  pause() {\n    this._assertNotDestroyed();\n    this.player.pause();\n  }\n\n  stop() {\n    this._assertNotDestroyed();\n    this.player.stop();\n  }\n\n  setSpeed(value: number) {\n    this._assertNotDestroyed();\n    this.speed.set(value);\n  }\n}\n\nexport interface FastboardReplayOptions {\n  sdkConfig: Omit<WhiteWebSdkConfiguration, \"useMobXState\"> & {\n    region: NonNullable<WhiteWebSdkConfiguration[\"region\"]>;\n  };\n  replayRoom: Omit<ReplayRoomParams, \"useMultiViews\"> & {\n    callbacks?: Partial<PlayerCallbacks>;\n  };\n  managerConfig?: Omit<MountParams, \"room\">;\n}\n\n/**\n * Create a FastboardApp instance.\n * @example\n * let player = await replayFastboard({\n *   sdkConfig: {\n *     appIdentifier: import.meta.env.VITE_APPID,\n *     region: 'cn-hz',\n *   },\n *   replayRoom: {\n *     uid: unique_id,\n *     uuid: import.meta.env.VITE_ROOM_UUID,\n *     roomToken: import.meta.env.VITE_ROOM_TOKEN,\n *   },\n * })\n */\nexport async function replayFastboard({\n  sdkConfig,\n  replayRoom: { callbacks, ...replayRoomParams },\n  managerConfig,\n}: FastboardReplayOptions) {\n  const sdk = new WhiteWebSdk({\n    ...sdkConfig,\n    useMobXState: true,\n  });\n\n  const player = await sdk.replayRoom(\n    {\n      ...ensure_window_manager(replayRoomParams),\n      useMultiViews: true,\n    },\n    callbacks\n  );\n\n  const managerPromise = WindowManager.mount({\n    cursor: true,\n    ...managerConfig,\n    room: player,\n  });\n\n  player.play();\n  const manager = await managerPromise;\n  player.pause();\n\n  return new FastboardPlayer(sdk, player, manager);\n}\n","import type { RegisterParams } from \"@netless/window-manager\";\nimport { WindowManager } from \"@netless/window-manager\";\nimport AppSlide from \"@netless/app-slide\";\n\nexport interface AppsConfig {\n  [kind: string]: Omit<RegisterParams, \"kind\">;\n}\n\nconst DefaultApps: AppsConfig = {\n  Monaco: {\n    src: \"https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-monaco/0.1.12/dist/main.iife.js\",\n  },\n  Countdown: {\n    src: \"https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-countdown/0.0.2/dist/main.iife.js\",\n  },\n  GeoGebra: {\n    src: \"https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-geogebra/0.0.4/dist/main.iife.js\",\n    appOptions: {\n      HTML5Codebase: \"https://flat-storage-cn-hz.whiteboard.agora.io/GeoGebra/HTML5/5.0/web3d\",\n    },\n  },\n  EmbeddedPage: {\n    src: \"https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-embedded-page/0.1.1/dist/main.iife.js\",\n  },\n  Player: {\n    name: \"NetlessAppMediaPlayer\",\n    src: \"https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-media-player/0.1.1/dist/main.iife.js\",\n  },\n};\n\nWindowManager.register({\n  kind: \"Slide\",\n  appOptions: { debug: false },\n  src: AppSlide,\n});\n\nfor (const kind in DefaultApps) {\n  if (Object.prototype.hasOwnProperty.call(DefaultApps, kind)) {\n    const options = DefaultApps[kind];\n    WindowManager.register({ kind, ...options });\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,gBAAgB;AAAC;AAEjB,wBAAwB,GAAY,GAAY;AAC9C,SAAO,KAAK,IAAI,KAAK,IAAI,MAAM,KAAM,KAAK,OAAO,MAAM,YAAa,OAAO,MAAM;AACnF;AAEO,kBAAqB,OAAU,QAA8B,MAAmB;AACrF,MAAI;AACJ,QAAM,cAAc,oBAAI,IAAmB;AAC3C,eAAa,WAAc;AACzB,QAAI,eAAe,OAAO,SAAS,GAAG;AACpC,cAAQ;AACR,UAAI,MAAM;AACR,mBAAW,OAAO,aAAa;AAC7B,cAAI,KAAK;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACA,qBAAmB,KAAoB;AACrC,gBAAY,IAAI,GAAG;AACnB,QAAI,YAAY,SAAS,GAAG;AAC1B,aAAO,MAAM,GAAG,KAAK;AAAA,IACvB;AACA,QAAI,KAAK;AACT,WAAO,MAAM;AACX,kBAAY,OAAO,GAAG;AACtB,UAAI,YAAY,SAAS,GAAG;AAC1B,gBAAQ,KAAK;AACb,eAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACA,oBAAkB,KAAoB;AACpC,gBAAY,IAAI,GAAG;AACnB,QAAI,YAAY,SAAS,GAAG;AAC1B,aAAO,MAAM,GAAG,KAAK;AAAA,IACvB;AACA,WAAO,MAAM;AACX,kBAAY,OAAO,GAAG;AACtB,UAAI,YAAY,SAAS,GAAG;AAC1B,gBAAQ,KAAK;AACb,eAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACA,SAAO;AAAA,QACD,QAAQ;AACV,aAAO;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEO,kBAAqB,OAAU,QAA8B,MAAM,KAAiC;AACzG,QAAM,WAAW,SAAS,OAAO,KAAK;AACtC,SAAO;AAAA,QACD,QAAQ;AACV,aAAO,SAAS;AAAA,IAClB;AAAA,IACA,WAAW,SAAS;AAAA,IACpB,UAAU,SAAS;AAAA,IACnB;AAAA,IACA,OAAO,IAAgB;AACrB,UAAI,GAAG,KAAK,CAAC;AAAA,IACf;AAAA,EACF;AACF;;;ACpFO,sBAAsB,KAAa,UAAgB;AACxD,SAAO,IAAI,QAAc,aAAW;AAClC,UAAM,MAAM,IAAI,MAAM;AACtB,QAAI,SAAS,MAAM,QAAQ,GAAG;AAC9B,QAAI,UAAU,MAAM,QAAQ,QAAQ;AACpC,QAAI,MAAM;AAAA,EACZ,CAAC;AACH;AAEO,yBAAyB,QAA2B;AACzD,QAAM,cAAiC,CAAC;AACxC,MAAI,SAAS;AACb,MAAI,MAAM;AAGV,QAAM,WAAW;AAEjB,aAAW,EAAE,MAAM,SAAS,QAAQ;AAElC,gBAAY,KAAK,EAAE,KAAK,CAAC;AAEzB,QAAI,CAAC,OAAO,CAAC,IAAI,IAAI,WAAW,KAAK,GAAG;AACtC;AAAA,IACF;AACA,UAAM,QAAQ,SAAS,KAAK,IAAI,GAAG;AACnC,QAAI,CAAC,SAAS,CAAC,MAAM,QAAQ;AAC3B;AAAA,IACF;AACA,aAAS,MAAM,OAAO;AACtB,UAAM,UAAU,MAAM,OAAO;AAC7B;AAAA,EACF;AAEA,SAAO,EAAE,QAAQ,aAAa,QAAQ,IAAI;AAC5C;AAEO,8BAA8B,GAAkB,GAA4B;AACjF,SAAO;AAAA,IACL,MAAM,OAAO,IAAI,CAAC;AAAA,IAClB,KAAK;AAAA,MACH,KAAK,EAAE;AAAA,MACP,OAAO,EAAE;AAAA,MACT,QAAQ,EAAE;AAAA,MACV,YAAY,EAAE;AAAA,IAChB;AAAA,EACF;AACF;;;AC/CA,IAAM,OAAO;AACb,IAAM,WAAW;AACjB,IAAM,SAAS;AACf,IAAM,kBAAkC,sBAAM,MAAM;AAE7C,kBAAkB;AACvB,WAAS,IAAI,GAAG,IAAI,QAAQ,KAAK;AAC/B,oBAAgB,KAAK,KAAK,OAAO,KAAK,OAAO,IAAI,QAAQ;AAAA,EAC3D;AACA,SAAO,gBAAgB,KAAK,EAAE;AAChC;;;ACXA,IAAM,WAAW;AAAA,EACf,oBACE;AACJ;AACA,IAAM,SAAS,oBAAI,IAAY;AAExB,cAAc,IAA2B;AAC9C,MAAI,OAAO,IAAI,EAAE;AAAG;AACpB,SAAO,IAAI,EAAE;AACb,UAAQ,KAAK,SAAS,GAAG;AAC3B;;;ACYA;AACA;;;ACrBA;AAEO,+BAA4E,UAAgB;AACjG,MAAI,CAAC,SAAS,oBAAoB,CAAC,SAAS,iBAAiB,SAAS,aAAa,GAAG;AACpF,aAAS,mBAAmB,CAAC,GAAI,SAAS,oBAAoB,CAAC,GAAI,aAAa;AAAA,EAClF;AACA,SAAO;AACT;AAEO,8BAA8B,QAA0C;AAC7E,SAAO,WAAW,UAAU,YAAY,WAAW,WAAW,WAAW;AAC3E;;;ADsBA,6BAAuB;AAAA,EACd,YACI,KACA,MACA,SACA,SACT;AAJS;AACA;AACA;AACA;AAGD,sBAAa;AAAA,EAFpB;AAAA,EAGO,sBAAsB;AAC9B,QAAI,KAAK,YAAY;AACnB,YAAM,IAAI,MAAM,iCAAiC;AAAA,IACnD;AAAA,EACF;AAAA,EAEU,iBAAgD,MAAS,UAA4B;AAC7F,SAAK,oBAAoB;AACzB,SAAK,KAAK,UAAU,GAAG,MAAM,QAAQ;AACrC,WAAO,MAAM,KAAK,KAAK,UAAU,IAAI,MAAM,QAAQ;AAAA,EACrD;AAAA,EAEU,oBACR,MACA,UACA;AACA,SAAK,oBAAoB;AACzB,SAAK,QAAQ,QAAQ,GAAG,MAAM,QAAQ;AACtC,WAAO,MAAM,KAAK,QAAQ,QAAQ,IAAI,MAAM,QAAQ;AAAA,EACtD;AAAA,EAEU,qBAAoD,MAAS,UAA4B;AACjG,SAAK,oBAAoB;AACzB,SAAK,QAAQ,SAAS,UAAU,GAAG,MAAM,QAAQ;AACjD,WAAO,MAAM,KAAK,QAAQ,SAAS,UAAU,IAAI,MAAM,QAAQ;AAAA,EACjE;AAAA,EAEO,UAAU;AACf,SAAK,aAAa;AAClB,SAAK,QAAQ,QAAQ;AACrB,WAAO,KAAK,KAAK,WAAW;AAAA,EAC9B;AACF;AA+DO,iCAA2B,iBAAiB;AAAA,EAA5C;AAAA;AAoBI,oBAAW,SAClB,KAAK,KAAK,YACV,SAAO,KAAK,iBAAiB,2BAA2B,MAAM,IAAI,KAAK,KAAK,UAAU,CAAC,GACvF,KAAK,KAAK,YAAY,KAAK,KAAK,IAAI,CACtC;AAKS,oBAAW,SAAS,KAAK,QAAQ,UAAU,SAAO,KAAK,oBAAoB,kBAAkB,GAAG,CAAC;AAMjG,sBAAa,SAAS,KAAK,QAAQ,SAAS,SAAO,KAAK,oBAAoB,iBAAiB,GAAG,CAAC;AAKjG,wBAAe,SAAS,KAAK,QAAQ,cAAc,SAC1D,KAAK,oBAAoB,sBAAsB,GAAG,CACpD;AAKS,wBAAe,SAAS,KAAK,QAAQ,cAAc,SAC1D,KAAK,oBAAoB,sBAAsB,GAAG,CACpD;AAOS,kBAAS,SAAS,KAAK,QAAQ,SAAS,QAAQ,SACvD,KAAK,qBAAqB,mBAAmB,GAAG,CAClD;AAOS,uBAAc,SAAS,KAAK,KAAK,MAAM,aAAa,SAC3D,KAAK,iBAAiB,sBAAsB,CAAC,EAAE,aAAa,QAAQ,KAAK,IAAI,CAAC,CAAC,CACjF;AAKS,sBAAa,SACpB,KAAK,QAAQ,oBACb,SAAO,KAAK,oBAAoB,4BAA4B,GAAG,GAC/D,KAAK,QAAQ,sBAAsB,KAAK,KAAK,OAAO,CACtD;AAKS,uBAAc,SAAS,KAAK,QAAQ,sBAAsB,SACjE,KAAK,oBAAoB,8BAA8B,GAAG,CAC5D;AAEQ,uBAA0B,CAAC;AAI1B,sBAAa,SAAqB,CAAC,GAAG,SAC7C,KAAK,oBAAoB,WAAW,CAAC,EAAE,MAAM,QAAQ,aAAa;AAChE,WAAK,YAAY,QAAQ,EAAE,QAAQ,qBAAqB,MAAM,GAAG,OAAO;AACxE,UAAI,KAAK,WAAW;AAAA,IACtB,CAAC,CACH;AAAA;AAAA,EA1FA,cAAc,WAAwB;AACpC,SAAK,oBAAoB;AACzB,SAAK,QAAQ,cAAc,SAAS;AAAA,EACtC;AAAA,EAKA,cAAc,WAAwB;AACpC,SAAK,oBAAoB;AACzB,SAAK,QAAQ,uBAAuB,SAAS;AAAA,EAC/C;AAAA,EAoFA,OAAO;AACL,SAAK,oBAAoB;AACzB,SAAK,QAAQ,KAAK;AAAA,EACpB;AAAA,EAKA,OAAO;AACL,SAAK,oBAAoB;AACzB,SAAK,QAAQ,KAAK;AAAA,EACpB;AAAA,EAKA,WAAW,QAAyE;AAClF,SAAK,oBAAoB;AACzB,SAAK,QAAQ,WAAW,MAAM;AAAA,EAChC;AAAA,EAKA,oBAAoB,WAA0D;AAC5E,SAAK,oBAAoB;AACzB,SAAK,QAAQ,oBAAoB,SAAS;AAAA,EAC5C;AAAA,EAKA,oBAAoB;AAClB,SAAK,oBAAoB;AACzB,SAAK,QAAQ,kBAAkB;AAAA,EACjC;AAAA,EAKA,aAAa,WAAuC,OAA2B;AAC7E,SAAK,oBAAoB;AACzB,SAAK,QAAQ,SAAS,eAAe;AAAA,MACnC,sBAAsB;AAAA,MACtB,WAAW;AAAA,IACb,CAAC;AAAA,EACH;AAAA,EAEA,eAAe,aAAqB;AAClC,SAAK,oBAAoB;AACzB,SAAK,QAAQ,SAAS,eAAe,EAAE,YAAY,CAAC;AAAA,EACtD;AAAA,EAEA,eAAe,aAAoB;AACjC,SAAK,oBAAoB;AACzB,SAAK,QAAQ,SAAS,eAAe,EAAE,YAAY,CAAC;AAAA,EACtD;AAAA,EAEA,WAAW;AACT,SAAK,oBAAoB;AACzB,WAAO,KAAK,QAAQ,SAAS;AAAA,EAC/B;AAAA,EAEA,WAAW;AACT,SAAK,oBAAoB;AACzB,WAAO,KAAK,QAAQ,SAAS;AAAA,EAC/B;AAAA,EAEA,QAAQ,QAAwB;AAC9B,SAAK,oBAAoB;AACzB,WAAO,KAAK,QAAQ,QAAQ,MAAM;AAAA,EACpC;AAAA,QAKM,YAAY,KAAa;AAC7B,SAAK,oBAAoB;AACzB,UAAM,KAAK,QAAQ,uBAAuB;AAE1C,UAAM,EAAE,eAAe,KAAK,QAAQ;AACpC,UAAM,gBAAgB;AAAA,MACpB,OAAO,0CAAY,gBAAe,OAAO;AAAA,MACzC,QAAQ,0CAAY,iBAAgB,OAAO;AAAA,IAC7C;AAGA,UAAM,WAAW,cAAc,QAAQ;AACvC,QAAI,EAAE,OAAO,WAAW,MAAM,aAAa,KAAK,aAAa;AAC7D,UAAM,QAAQ,KAAK,IAAI,WAAW,OAAO,CAAC;AAC1C,UAAM,OAAO,OAAO;AACpB,UAAM,EAAE,SAAS,YAAY,KAAK,QAAQ;AAC1C,aAAS;AACT,cAAU;AACV,SAAK,QAAQ,SAAS,YAAY,EAAE,MAAM,SAAS,SAAS,OAAO,QAAQ,QAAQ,MAAM,CAAC;AAC1F,SAAK,QAAQ,SAAS,oBAAoB,MAAM,GAAG;AAGnD,aAAS;AACT,cAAU;AACV,UAAM,UAAU,UAAU,QAAQ;AAClC,UAAM,UAAU,UAAU,SAAS;AACnC,SAAK,QAAQ,oBAAoB,EAAE,SAAS,SAAS,OAAO,OAAO,CAAC;AAAA,EACtE;AAAA,EAoBA,WAAW,MAAiC,MAA2B;AACrE,SAAK,oBAAoB;AACzB,QAAI,OAAO,SAAS,YAAY,cAAc,MAAM;AAClD,aAAO,KAAK,gBAAgB,IAAI;AAAA,IAClC,WAAW,QAAQ,KAAK,WAAW,YAAY;AAC7C,YAAM,IAAI,MAAM,8CAA8C;AAAA,IAChE,WAAW,QAAQ,KAAK,UAAU;AAChC,YAAM,QAAQ;AACd,YAAM,YAAY,IAAI,KAAK,QAAQ,OAAO;AAC1C,YAAM,UAAU,KAAK,SAAS,kBAAkB,IAAI,oBAAoB;AACxE,YAAM,EAAE,QAAQ,QAAQ,QAAQ,gBAAgB,OAAO;AACvD,UAAI,UAAU,KAAK;AACjB,eAAO,KAAK,gBAAgB,EAAE,UAAU,QAAQ,WAAW,QAAQ,OAAO,QAAQ,IAAI,CAAC;AAAA,MACzF,OAAO;AACL,eAAO,KAAK,gBAAgB,EAAE,UAAU,OAAO,WAAW,QAAQ,SAAS,MAAM,CAAC;AAAA,MACpF;AAAA,IACF;AAAA,EACF;AAAA,EAEQ,gBAAgB,IAAyE;AAAzE,iBAAE,YAAU,WAAW,OAAO,WAA9B,IAAyC,uBAAzC,IAAyC,CAAvC,YAAU,aAAW,SAAO;AACpD,SAAK,oBAAoB;AACzB,YAAQ;AAAA,WACD;AACH,eAAO,KAAK,QAAQ,OAAO;AAAA,UACzB,MAAM;AAAA,UACN,SAAS,EAAE,WAAW,OAAO,OAAO;AAAA,QACtC,CAAC;AAAA,WACE;AACH,YAAI,UAAU,OAAO,GAAG,KAAK;AAC3B,eAAK,kBAAkB;AAAA,QACzB;AACA,eAAO,KAAK,QAAQ,OAAO;AAAA,UACzB,MAAM;AAAA,UACN,SAAS,EAAE,WAAW,OAAO,OAAO;AAAA,UACpC;AAAA,QACF,CAAC;AAAA;AAAA,EAEP;AAAA,EAKA,mBAAmB;AACjB,SAAK,oBAAoB;AACzB,WAAO,KAAK,QAAQ,OAAO;AAAA,MACzB,MAAM;AAAA,MACN,SAAS,EAAE,OAAO,cAAc;AAAA,IAClC,CAAC;AAAA,EACH;AAAA,EAKA,kBAAkB;AAChB,SAAK,oBAAoB;AACzB,WAAO,KAAK,QAAQ,OAAO;AAAA,MACzB,MAAM;AAAA,MACN,SAAS,EAAE,OAAO,YAAY;AAAA,IAChC,CAAC;AAAA,EACH;AAAA,EAKA,YAAY,OAAe,KAAa;AACtC,SAAK,oBAAoB;AACzB,WAAO,KAAK,QAAQ,OAAO;AAAA,MACzB,MAAM,YAAY;AAAA,MAClB,SAAS,EAAE,MAAM;AAAA,MACjB,YAAY,EAAE,IAAI;AAAA,IACpB,CAAC;AAAA,EACH;AAAA,EAKA,iBAAiB;AACf,SAAK,oBAAoB;AACzB,WAAO,KAAK,QAAQ,OAAO;AAAA,MACzB,MAAM;AAAA,MACN,SAAS,EAAE,OAAO,WAAW;AAAA,IAC/B,CAAC;AAAA,EACH;AACF;AA2BA,+BAAsC,IAIjB;AAJiB,eAE1B;AAAA,IADV;AAAA,IACA,UAAU;AAAA,MAF0B,IAE1B,SAAE,gBAAF,IAAgB,2BAAhB,IAAgB,CAAd,eAAF;AAAA,IACV;AAAA,MAHoC;AAKpC,QAAM,MAAM,IAAI,YAAY,iCACvB,YADuB;AAAA,IAE1B,cAAc;AAAA,EAChB,EAAC;AAED,QAAM,UAA4B,iCAC7B,iBAD6B;AAAA,IAEhC,kBAAkB;AAAA,IAClB,sBAAsB;AAAA,IACtB,gBAAgB;AAAA,IAChB,mBAAmB;AAAA,IACnB,iBAAiB;AAAA,IACjB,gBAAgB;AAAA,IAChB,cAAc;AAAA,IACd,kBAAkB;AAAA,IAClB,eAAe;AAAA,IACf,cAAc;AAAA,EAChB;AAEA,QAAM,OAAO,MAAM,IAAI,SACrB;AAAA,IACE,UAAU;AAAA,IACV;AAAA,KACG,sBAAsB,cAAc,IAHzC;AAAA,IAIE,eAAe;AAAA,IACf,kBAAkB;AAAA,IAClB,gCAAgC;AAAA,EAClC,IACA,SACF;AAEA,QAAM,UAAU,MAAM,eAAc,MAAM;AAAA,IACxC,QAAQ;AAAA,KACL,gBAFqC;AAAA,IAGxC;AAAA,EACF,EAAC;AAED,UAAQ,SAAS,eAAe;AAAA,IAC9B,gBAAgB,iBAAiB,GAAG;AAAA,IACpC,gBAAgB,iBAAiB,CAAC;AAAA,EACpC,CAAC;AAED,SAAO,IAAI,aAAa,KAAK,MAAM,SAAS,OAAO;AACrD;;;AE3fA;AACA;AAIA,gCAA0B;AAAA,EACjB,YAAqB,KAA2B,QAAyB,SAAwB;AAA5E;AAA2B;AAAyB;AAEtE,sBAAa;AAAA,EAFkF;AAAA,EAG/F,sBAAsB;AAC9B,QAAI,KAAK,YAAY;AACnB,YAAM,IAAI,MAAM,iCAAiC;AAAA,IACnD;AAAA,EACF;AAAA,EAEU,mBAAoD,MAAS,UAA8B;AACnG,SAAK,oBAAoB;AACzB,SAAK,OAAO,UAAU,GAAG,MAAM,QAAQ;AACvC,WAAO,MAAM,KAAK,OAAO,UAAU,IAAI,MAAM,QAAQ;AAAA,EACvD;AAAA,EAEU,oBACR,MACA,UACA;AACA,SAAK,oBAAoB;AACzB,SAAK,QAAQ,QAAQ,GAAG,MAAM,QAAQ;AACtC,WAAO,MAAM,KAAK,QAAQ,QAAQ,IAAI,MAAM,QAAQ;AAAA,EACtD;AAAA,EAEU,qBAAoD,MAAS,UAA4B;AACjG,SAAK,oBAAoB;AACzB,SAAK,QAAQ,SAAS,UAAU,GAAG,MAAM,QAAQ;AACjD,WAAO,MAAM,KAAK,QAAQ,SAAS,UAAU,IAAI,MAAM,QAAQ;AAAA,EACjE;AAAA,EAEO,UAAU;AACf,SAAK,aAAa;AAClB,SAAK,QAAQ,QAAQ;AACrB,WAAO,KAAK,OAAO,UAAU,IAAI;AAAA,EACnC;AACF;AAMO,oCAA8B,oBAAoB;AAAA,EAAlD;AAAA;AAiBI,uBAAc,SACrB,KAAK,OAAO,cACZ,SAAO,KAAK,mBAAmB,yBAAyB,GAAG,GAC3D,KAAK,OAAO,mBAAmB,KAAK,KAAK,MAAM,CACjD;AAES,iBAAQ,SAAsB,KAAK,OAAO,OAAO,SACxD,KAAK,mBAAmB,kBAAkB,GAAG,CAC/C;AAES,mBAAU,SAAS,KAAK,OAAO,YAAY,SAClD,KAAK,mBAAmB,uBAAuB,GAAG,CACpD;AAGS,iBAAQ,SACf,KAAK,OAAO,eACZ,SAAO;AACL,WAAK,YAAY;AAAA,IACnB,GACA,WAAS;AACP,WAAK,OAAO,gBAAgB;AAC5B,WAAK,UAAU,KAAK;AAAA,IACtB,CACF;AAGS,iBAAQ,SAAS,OAAO,SAAO;AACtC,WAAK,YAAY;AAAA,IACnB,CAAC;AAGQ,oBAAW,SAAS,GAAG,SAAO;AACrC,WAAK,eAAe;AAAA,IACtB,CAAC;AAEQ,iBAAQ,SAA6B,MAAM,SAAO;AACzD,YAAM,SAAS,MAAM,IAAI,KAAK,OAAO,KAAK;AAC1C,WAAK,OAAO,UAAU,KAAK,oBAAoB,MAAM;AACnD,aAAK,aAAa,KAAK,OAAO,YAAY;AAC1C,aAAK,UAAU,IAAI;AACnB,eAAO;AAAA,MACT,CAAC;AACD,aAAO,KAAK,mBAAmB,wBAAwB,MAAM;AAAA,IAC/D,CAAC;AAAA;AAAA,EAzDD,cAAc,WAAwB;AACpC,SAAK,oBAAoB;AACzB,SAAK,QAAQ,cAAc,SAAS;AAAA,EACtC;AAAA,EAKA,cAAc,WAAwB;AACpC,SAAK,oBAAoB;AACzB,SAAK,QAAQ,uBAAuB,SAAS;AAAA,EAC/C;AAAA,EAgDA,KAAK,WAAmB;AACtB,SAAK,oBAAoB;AACzB,WAAO,KAAK,OAAO,mBAAmB,SAAS;AAAA,EACjD;AAAA,EAEA,OAAO;AACL,SAAK,oBAAoB;AACzB,SAAK,OAAO,KAAK;AAAA,EACnB;AAAA,EAEA,QAAQ;AACN,SAAK,oBAAoB;AACzB,SAAK,OAAO,MAAM;AAAA,EACpB;AAAA,EAEA,OAAO;AACL,SAAK,oBAAoB;AACzB,SAAK,OAAO,KAAK;AAAA,EACnB;AAAA,EAEA,SAAS,OAAe;AACtB,SAAK,oBAAoB;AACzB,SAAK,MAAM,IAAI,KAAK;AAAA,EACtB;AACF;AA2BA,+BAAsC,IAIX;AAJW,eAExB;AAAA,IADZ;AAAA,IACA,YAAY;AAAA,MAFwB,IAExB,SAAE,gBAAF,IAAgB,6BAAhB,IAAgB,CAAd,eAAF;AAAA,IACZ;AAAA,MAHoC;AAKpC,QAAM,MAAM,IAAI,aAAY,iCACvB,YADuB;AAAA,IAE1B,cAAc;AAAA,EAChB,EAAC;AAED,QAAM,SAAS,MAAM,IAAI,WACvB,iCACK,sBAAsB,gBAAgB,IAD3C;AAAA,IAEE,eAAe;AAAA,EACjB,IACA,SACF;AAEA,QAAM,iBAAiB,eAAc,MAAM;AAAA,IACzC,QAAQ;AAAA,KACL,gBAFsC;AAAA,IAGzC,MAAM;AAAA,EACR,EAAC;AAED,SAAO,KAAK;AACZ,QAAM,UAAU,MAAM;AACtB,SAAO,MAAM;AAEb,SAAO,IAAI,gBAAgB,KAAK,QAAQ,OAAO;AACjD;;;ACzMA;AACA;AAMA,IAAM,cAA0B;AAAA,EAC9B,QAAQ;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA,WAAW;AAAA,IACT,KAAK;AAAA,EACP;AAAA,EACA,UAAU;AAAA,IACR,KAAK;AAAA,IACL,YAAY;AAAA,MACV,eAAe;AAAA,IACjB;AAAA,EACF;AAAA,EACA,cAAc;AAAA,IACZ,KAAK;AAAA,EACP;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AACF;AAEA,eAAc,SAAS;AAAA,EACrB,MAAM;AAAA,EACN,YAAY,EAAE,OAAO,MAAM;AAAA,EAC3B,KAAK;AACP,CAAC;AAED,WAAW,QAAQ,aAAa;AAC9B,MAAI,OAAO,UAAU,eAAe,KAAK,aAAa,IAAI,GAAG;AAC3D,UAAM,UAAU,YAAY;AAC5B,mBAAc,SAAS,iBAAE,QAAS,QAAS;AAAA,EAC7C;AACF;","names":[]}
+{"version":3,"sources":["../src/utils/store.ts","../src/utils/misc.ts","../src/utils/uid.ts","../src/utils/warn.ts","../src/impl/FastboardApp.ts","../src/internal.ts","../src/impl/FastboardPlayer.ts","../src/behaviors/index.ts"],"sourcesContent":["// This is a simple mimic of svelte/store.\nexport type Subscriber<T> = (value: T) => void;\nexport type Unsubscriber = () => void;\nexport type Updater<T> = (value: T) => T;\nexport type StartStopNotifier<T> = (set: Subscriber<T>) => Unsubscriber | void;\n\nexport interface Readable<T> {\n  readonly value: T;\n  subscribe(this: void, run: Subscriber<T>): Unsubscriber;\n  reaction(this: void, run: Subscriber<T>): Unsubscriber;\n}\n\nexport interface Writable<T> extends Readable<T> {\n  set(this: void, value: T): void;\n  update(this: void, updater: Updater<T>): void;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nfunction noop() {}\n\nfunction safe_not_equal(a: unknown, b: unknown) {\n  return a != a ? b == b : a !== b || (a && typeof a === \"object\") || typeof a === \"function\";\n}\n\nexport function readable<T>(value: T, start: StartStopNotifier<T> = noop): Readable<T> {\n  let stop: Unsubscriber | undefined;\n  const subscribers = new Set<Subscriber<T>>();\n  function set(new_value: T) {\n    if (safe_not_equal(value, new_value)) {\n      value = new_value;\n      if (stop) {\n        for (const run of subscribers) {\n          run(value);\n        }\n      }\n    }\n  }\n  function subscribe(run: Subscriber<T>) {\n    subscribers.add(run);\n    if (subscribers.size === 1) {\n      stop = start(set) || noop;\n    }\n    run(value);\n    return () => {\n      subscribers.delete(run);\n      if (subscribers.size === 0) {\n        stop && stop();\n        stop = undefined;\n      }\n    };\n  }\n  function reaction(run: Subscriber<T>) {\n    subscribers.add(run);\n    if (subscribers.size === 1) {\n      stop = start(set) || noop;\n    }\n    return () => {\n      subscribers.delete(run);\n      if (subscribers.size === 0) {\n        stop && stop();\n        stop = undefined;\n      }\n    };\n  }\n  return {\n    get value() {\n      return value;\n    },\n    subscribe,\n    reaction,\n  };\n}\n\nexport function writable<T>(value: T, start: StartStopNotifier<T> = noop, set: Subscriber<T>): Writable<T> {\n  const internal = readable(value, start);\n  return {\n    get value() {\n      return internal.value;\n    },\n    subscribe: internal.subscribe,\n    reaction: internal.reaction,\n    set,\n    update(fn: Updater<T>) {\n      set(fn(value));\n    },\n  };\n}\n","import type { ConvertedFile, SceneDefinition, Size } from \"white-web-sdk\";\n\nexport function getImageSize(url: string, fallback: Size) {\n  return new Promise<Size>(resolve => {\n    const img = new Image();\n    img.onload = () => resolve(img);\n    img.onerror = () => resolve(fallback);\n    img.src = url;\n  });\n}\n\nexport function makeSlideParams(scenes: SceneDefinition[]) {\n  const emptyScenes: SceneDefinition[] = [];\n  let taskId = \"\";\n  let url = \"\";\n\n  // e.g. \"ppt(x)://cdn/prefix/dynamicConvert/{taskId}/1.slide\"\n  const pptSrcRE = /^pptx?(?<prefix>:\\/\\/\\S+?dynamicConvert)\\/(?<taskId>\\w+)\\//;\n\n  for (const { name, ppt } of scenes) {\n    // make sure scenesWithoutPPT.length === scenes.length\n    emptyScenes.push({ name });\n\n    if (!ppt || !ppt.src.startsWith(\"ppt\")) {\n      continue;\n    }\n    const match = pptSrcRE.exec(ppt.src);\n    if (!match || !match.groups) {\n      continue;\n    }\n    taskId = match.groups.taskId;\n    url = \"https\" + match.groups.prefix;\n    break;\n  }\n\n  return { scenes: emptyScenes, taskId, url };\n}\n\nexport function convertedFileToScene(f: ConvertedFile, i: number): SceneDefinition {\n  return {\n    name: String(i + 1),\n    ppt: {\n      src: f.conversionFileUrl,\n      width: f.width,\n      height: f.height,\n      previewURL: f.preview,\n    },\n  };\n}\n","// Copy from https://github.com/crimx/side-effect-manager/blob/main/src/gen-uid.ts\nconst SOUP = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789\";\nconst SOUP_LEN = 62; // SOUP.length\nconst ID_LEN = 20;\nconst reusedIdCarrier = /* @__PURE__ */ Array(ID_LEN);\n\nexport function genUID() {\n  for (let i = 0; i < ID_LEN; i++) {\n    reusedIdCarrier[i] = SOUP.charAt(Math.random() * SOUP_LEN);\n  }\n  return reusedIdCarrier.join(\"\");\n}\n","const warnings = {\n  \"no-ppt-in-scenes\":\n    \"You're probably inserting the slide app in a wrong way, there shouldn't exist `scenes[0].ppt`.\",\n} as const;\nconst warned = new Set<string>();\n\nexport function warn(id: keyof typeof warnings) {\n  if (warned.has(id)) return;\n  warned.add(id);\n  console.warn(warnings[id]);\n}\n","import type { AddPageParams, PublicEvent, MountParams } from \"@netless/window-manager\";\nimport type {\n  AnimationMode,\n  ApplianceNames,\n  Camera,\n  Color,\n  ConversionResponse,\n  HotKey,\n  HotKeys,\n  JoinRoomParams,\n  MemberState,\n  Rectangle,\n  Room,\n  RoomPhase as RoomPhaseEnum,\n  RoomCallbacks,\n  RoomState,\n  SceneDefinition,\n  ShapeType,\n  ViewCallbacks,\n  WhiteWebSdkConfiguration,\n} from \"white-web-sdk\";\n\nimport { DefaultHotKeys, WhiteWebSdk, contentModeScale } from \"white-web-sdk\";\nimport { BuiltinApps, WindowManager } from \"@netless/window-manager\";\nimport {\n  getImageSize,\n  genUID,\n  convertedFileToScene,\n  makeSlideParams,\n  readable,\n  writable,\n  warn,\n} from \"../utils\";\nimport { ensure_window_manager, transform_app_status } from \"../internal\";\n\nclass FastboardAppBase {\n  public constructor(\n    readonly sdk: WhiteWebSdk,\n    readonly room: Room,\n    readonly manager: WindowManager,\n    readonly hotKeys: Partial<HotKeys>\n  ) {}\n\n  protected _destroyed = false;\n  protected _assertNotDestroyed() {\n    if (this._destroyed) {\n      throw new Error(\"FastboardApp has been destroyed\");\n    }\n  }\n\n  protected _addRoomListener<K extends keyof RoomCallbacks>(name: K, listener: RoomCallbacks[K]) {\n    this._assertNotDestroyed();\n    this.room.callbacks.on(name, listener);\n    return () => this.room.callbacks.off(name, listener);\n  }\n\n  protected _addManagerListener<K extends keyof PublicEvent>(\n    name: K,\n    listener: (value: PublicEvent[K]) => void\n  ) {\n    this._assertNotDestroyed();\n    this.manager.emitter.on(name, listener);\n    return () => this.manager.emitter.off(name, listener);\n  }\n\n  protected _addMainViewListener<K extends keyof ViewCallbacks>(name: K, listener: ViewCallbacks[K]) {\n    this._assertNotDestroyed();\n    this.manager.mainView.callbacks.on(name, listener);\n    return () => this.manager.mainView.callbacks.off(name, listener);\n  }\n\n  public destroy() {\n    this._destroyed = true;\n    this.manager.destroy();\n    return this.room.disconnect();\n  }\n}\n\ntype RoomPhase = `${RoomPhaseEnum}`;\n\nexport type {\n  AddPageParams,\n  AnimationMode,\n  ApplianceNames,\n  Camera,\n  Color,\n  ConversionResponse,\n  HotKey,\n  HotKeys,\n  JoinRoomParams,\n  MemberState,\n  MountParams,\n  PublicEvent,\n  Rectangle,\n  Room,\n  RoomPhase,\n  RoomCallbacks,\n  RoomState,\n  SceneDefinition,\n  ShapeType,\n  ViewCallbacks,\n  WhiteWebSdk,\n  WhiteWebSdkConfiguration,\n  WindowManager,\n};\n\nexport type Appliance = `${ApplianceNames}`;\nexport type Shape = `${ShapeType}`;\n\nexport interface InsertDocsStatic {\n  readonly fileType: \"pdf\";\n  readonly scenePath: string;\n  readonly scenes: SceneDefinition[];\n  readonly title?: string;\n}\n\nexport interface InsertDocsDynamic {\n  readonly fileType: \"pptx\";\n  readonly scenePath: string;\n  readonly taskId: string;\n  readonly title?: string;\n  readonly url?: string;\n  /** @example [{ name: '1' }, { name: '2' }, { name: '3' }] */\n  readonly scenes?: SceneDefinition[];\n}\n\nexport type InsertDocsParams = InsertDocsStatic | InsertDocsDynamic;\n\nexport type SetMemberStateFn = (partialMemberState: Partial<MemberState>) => void;\n\nexport type RoomStateChanged = (diff: Partial<RoomState>) => void;\n\nexport interface AppsStatus {\n  [kind: string]: {\n    status: \"idle\" | \"loading\" | \"failed\";\n    reason?: string;\n  };\n}\n\nexport class FastboardApp extends FastboardAppBase {\n  /**\n   * Render this app to some DOM.\n   */\n  bindContainer(container: HTMLElement) {\n    this._assertNotDestroyed();\n    this.manager.bindContainer(container);\n  }\n\n  /**\n   * Move window-manager's collector to some place.\n   */\n  bindCollector(container: HTMLElement) {\n    this._assertNotDestroyed();\n    this.manager.bindCollectorContainer(container);\n  }\n\n  /**\n   * Is current room writable?\n   */\n  readonly writable = writable(\n    this.room.isWritable,\n    set => this._addRoomListener(\"onEnableWriteNowChanged\", () => set(this.room.isWritable)),\n    this.room.setWritable.bind(this.room)\n  );\n\n  /**\n   * Is current room online?\n   */\n  readonly phase = readable<RoomPhase>(this.room.phase, set => this._addRoomListener(\"onPhaseChanged\", set));\n\n  /**\n   * Current window-manager's windows' state (is it maximized?).\n   */\n  readonly boxState = readable(this.manager.boxState, set => this._addManagerListener(\"boxStateChange\", set));\n\n  /**\n   * Current window-manager's focused app's id.\n   * @example \"HelloWorld-1A2b3C4d\"\n   */\n  readonly focusedApp = readable(this.manager.focused, set => this._addManagerListener(\"focusedChange\", set));\n\n  /**\n   * How many times can I call `app.redo()`?\n   */\n  readonly canRedoSteps = readable(this.manager.canRedoSteps, set =>\n    this._addManagerListener(\"canRedoStepsChange\", set)\n  );\n\n  /**\n   * How many times can I call `app.undo()`?\n   */\n  readonly canUndoSteps = readable(this.manager.canUndoSteps, set =>\n    this._addManagerListener(\"canUndoStepsChange\", set)\n  );\n\n  /**\n   * Current camera information of main view.\n   *\n   * Change the camera position by `app.moveCamera()`.\n   */\n  readonly camera = readable(this.manager.mainView.camera, set =>\n    this._addMainViewListener(\"onCameraUpdated\", set)\n  );\n\n  /**\n   * Current tool's info, like \"is using pencil?\", \"what color?\".\n   *\n   * Change the tool by `app.setAppliance()`.\n   */\n  readonly memberState = readable(this.room.state.memberState, set =>\n    this._addRoomListener(\"onRoomStateChanged\", ({ memberState: m }) => m && set(m))\n  );\n\n  /**\n   * 0..n-1, current index of main view scenes.\n   */\n  readonly sceneIndex = writable(\n    this.manager.mainViewSceneIndex,\n    set => this._addManagerListener(\"mainViewSceneIndexChange\", set),\n    this.manager.setMainViewSceneIndex.bind(this.manager)\n  );\n\n  /**\n   * How many pages are in the main view?\n   */\n  readonly sceneLength = readable(this.manager.mainViewScenesLength, set =>\n    this._addManagerListener(\"mainViewScenesLengthChange\", set)\n  );\n\n  private _appsStatus: AppsStatus = {};\n  /**\n   * Apps status.\n   */\n  readonly appsStatus = readable<AppsStatus>({}, set =>\n    this._addManagerListener(\"loadApp\", ({ kind, status, reason }) => {\n      this._appsStatus[kind] = { status: transform_app_status(status), reason };\n      set(this._appsStatus);\n    })\n  );\n\n  /**\n   * Undo a step on main view.\n   */\n  undo() {\n    this._assertNotDestroyed();\n    this.manager.undo();\n  }\n\n  /**\n   * Redo a step on main view.\n   */\n  redo() {\n    this._assertNotDestroyed();\n    this.manager.redo();\n  }\n\n  /**\n   * Move current main view's camera position.\n   */\n  moveCamera(camera: Partial<Camera> & { animationMode?: AnimationMode | undefined }) {\n    this._assertNotDestroyed();\n    this.manager.moveCamera(camera);\n  }\n\n  /**\n   * Move current main view's camera to include a rectangle.\n   */\n  moveCameraToContain(rectangle: Rectangle & { animationMode?: AnimationMode }) {\n    this._assertNotDestroyed();\n    this.manager.moveCameraToContain(rectangle);\n  }\n\n  /**\n   * Delete all things on the main view.\n   */\n  cleanCurrentScene() {\n    this._assertNotDestroyed();\n    this.manager.cleanCurrentScene();\n  }\n\n  /**\n   * Set current tool, like \"pencil\".\n   */\n  setAppliance(appliance: ApplianceNames | Appliance, shape?: ShapeType | Shape) {\n    this._assertNotDestroyed();\n    this.manager.mainView.setMemberState({\n      currentApplianceName: appliance as ApplianceNames,\n      shapeType: shape as ShapeType,\n    });\n  }\n\n  setStrokeWidth(strokeWidth: number) {\n    this._assertNotDestroyed();\n    this.manager.mainView.setMemberState({ strokeWidth });\n  }\n\n  setStrokeColor(strokeColor: Color) {\n    this._assertNotDestroyed();\n    this.manager.mainView.setMemberState({ strokeColor });\n  }\n\n  prevPage() {\n    this._assertNotDestroyed();\n    return this.manager.prevPage();\n  }\n\n  nextPage() {\n    this._assertNotDestroyed();\n    return this.manager.nextPage();\n  }\n\n  addPage(params?: AddPageParams) {\n    this._assertNotDestroyed();\n    return this.manager.addPage(params);\n  }\n\n  /**\n   * Insert an image to the main view.\n   */\n  async insertImage(url: string) {\n    this._assertNotDestroyed();\n    await this.manager.switchMainViewToWriter();\n\n    const { divElement } = this.manager.mainView;\n    const containerSize = {\n      width: divElement?.scrollWidth || window.innerWidth,\n      height: divElement?.scrollHeight || window.innerHeight,\n    };\n\n    // 1. shrink the image a little to fit container **width**\n    const maxWidth = containerSize.width * 0.8;\n    let { width, height } = await getImageSize(url, containerSize);\n    const scale = Math.min(maxWidth / width, 1);\n    const uuid = genUID();\n    const { centerX, centerY } = this.manager.camera;\n    width *= scale;\n    height *= scale;\n    this.manager.mainView.insertImage({ uuid, centerX, centerY, width, height, locked: false });\n    this.manager.mainView.completeImageUpload(uuid, url);\n\n    // 2. move camera to fit image **height**\n    width /= 0.8;\n    height /= 0.8;\n    const originX = centerX - width / 2;\n    const originY = centerY - height / 2;\n    this.manager.moveCameraToContain({ originX, originY, width, height });\n  }\n\n  /**\n   * Insert PDF/PPTX from conversion result.\n   * @param status https://developer.netless.link/server-en/home/server-conversion#get-query-task-conversion-progress\n   */\n  insertDocs(filename: string, status: ConversionResponse): Promise<string | undefined>;\n\n  /**\n   * Manual way.\n   * @example\n   * app.insertDocs({\n   *   fileType: 'pptx',\n   *   scenePath: `/pptx/${conversion.taskId}`,\n   *   taskId: conversion.taskId,\n   *   title: 'Title',\n   * })\n   */\n  insertDocs(params: InsertDocsParams): Promise<string | undefined>;\n\n  insertDocs(arg1: string | InsertDocsParams, arg2?: ConversionResponse) {\n    this._assertNotDestroyed();\n    if (typeof arg1 === \"object\" && \"fileType\" in arg1) {\n      return this._insertDocsImpl(arg1);\n    } else if (arg2 && arg2.status !== \"Finished\") {\n      throw new Error(\"FastboardApp cannot insert a converting doc.\");\n    } else if (arg2 && arg2.progress) {\n      const title = arg1;\n      const scenePath = `/${arg2.uuid}/${genUID()}`;\n      const scenes1 = arg2.progress.convertedFileList.map(convertedFileToScene);\n      const { scenes, taskId, url } = makeSlideParams(scenes1);\n      if (taskId && url) {\n        return this._insertDocsImpl({ fileType: \"pptx\", scenePath, scenes, title, taskId, url });\n      } else {\n        return this._insertDocsImpl({ fileType: \"pdf\", scenePath, scenes: scenes1, title });\n      }\n    }\n  }\n\n  private _insertDocsImpl({ fileType, scenePath, title, scenes, ...attributes }: InsertDocsParams) {\n    this._assertNotDestroyed();\n    switch (fileType) {\n      case \"pdf\":\n        return this.manager.addApp({\n          kind: \"DocsViewer\",\n          options: { scenePath, title, scenes },\n        });\n      case \"pptx\":\n        if (scenes && scenes[0].ppt) {\n          warn(\"no-ppt-in-scenes\");\n        }\n        return this.manager.addApp({\n          kind: \"Slide\",\n          options: { scenePath, title, scenes },\n          attributes,\n        });\n    }\n  }\n\n  /**\n   * Insert the Monaco Code Editor app.\n   */\n  insertCodeEditor() {\n    this._assertNotDestroyed();\n    return this.manager.addApp({\n      kind: \"Monaco\",\n      options: { title: \"Code Editor\" },\n    });\n  }\n\n  /**\n   * Insert the Countdown app.\n   */\n  insertCountdown() {\n    this._assertNotDestroyed();\n    return this.manager.addApp({\n      kind: \"Countdown\",\n      options: { title: \"Countdown\" },\n    });\n  }\n\n  /**\n   * Insert the Media Player app.\n   */\n  insertMedia(title: string, src: string) {\n    this._assertNotDestroyed();\n    return this.manager.addApp({\n      kind: BuiltinApps.MediaPlayer,\n      options: { title },\n      attributes: { src },\n    });\n  }\n\n  /**\n   * Insert the GeoGebra app.\n   */\n  insertGeoGebra() {\n    this._assertNotDestroyed();\n    return this.manager.addApp({\n      kind: \"GeoGebra\",\n      options: { title: \"GeoGebra\" },\n    });\n  }\n}\n\nexport interface FastboardOptions {\n  sdkConfig: Omit<WhiteWebSdkConfiguration, \"useMobXState\"> & {\n    region: NonNullable<WhiteWebSdkConfiguration[\"region\"]>;\n  };\n  joinRoom: Omit<JoinRoomParams, \"useMultiViews\" | \"disableNewPencil\" | \"disableMagixEventDispatchLimit\"> & {\n    callbacks?: Partial<RoomCallbacks>;\n  };\n  managerConfig?: Omit<MountParams, \"room\">;\n}\n\n/**\n * Create a FastboardApp instance.\n * @example\n * let app = await createFastboard({\n *   sdkConfig: {\n *     appIdentifier: import.meta.env.VITE_APPID,\n *     region: 'cn-hz',\n *   },\n *   joinRoom: {\n *     uid: unique_id,\n *     uuid: import.meta.env.VITE_ROOM_UUID,\n *     roomToken: import.meta.env.VITE_ROOM_TOKEN,\n *   },\n * })\n */\nexport async function createFastboard({\n  sdkConfig,\n  joinRoom: { callbacks, ...joinRoomParams },\n  managerConfig,\n}: FastboardOptions) {\n  const sdk = new WhiteWebSdk({\n    ...sdkConfig,\n    useMobXState: true,\n  });\n\n  const hotKeys: Partial<HotKeys> = {\n    ...DefaultHotKeys,\n    changeToSelector: \"s\",\n    changeToLaserPointer: \"z\",\n    changeToPencil: \"p\",\n    changeToRectangle: \"r\",\n    changeToEllipse: \"c\",\n    changeToEraser: \"e\",\n    changeToText: \"t\",\n    changeToStraight: \"l\",\n    changeToArrow: \"a\",\n    changeToHand: \"h\",\n  };\n\n  const room = await sdk.joinRoom(\n    {\n      floatBar: true,\n      hotKeys,\n      ...ensure_window_manager(joinRoomParams),\n      useMultiViews: true,\n      disableNewPencil: false,\n      disableMagixEventDispatchLimit: true,\n    },\n    callbacks\n  );\n\n  const manager = await WindowManager.mount({\n    cursor: true,\n    ...managerConfig,\n    room,\n  });\n\n  manager.mainView.setCameraBound({\n    minContentMode: contentModeScale(0.3),\n    maxContentMode: contentModeScale(3),\n  });\n\n  return new FastboardApp(sdk, room, manager, hotKeys);\n}\n","import type { JoinRoomParams, ReplayRoomParams } from \"white-web-sdk\";\nimport type { PublicEvent } from \"@netless/window-manager\";\nimport { WindowManager } from \"@netless/window-manager\";\n\nexport function ensure_window_manager<T extends JoinRoomParams | ReplayRoomParams>(joinRoom: T): T {\n  if (!joinRoom.invisiblePlugins || !joinRoom.invisiblePlugins.includes(WindowManager)) {\n    joinRoom.invisiblePlugins = [...(joinRoom.invisiblePlugins || []), WindowManager];\n  }\n  return joinRoom;\n}\n\nexport function transform_app_status(status: PublicEvent[\"loadApp\"][\"status\"]) {\n  return status === \"start\" ? \"loading\" : status === \"failed\" ? \"failed\" : \"idle\";\n}\n","import type { MountParams, PublicEvent } from \"@netless/window-manager\";\nimport type {\n  Player,\n  PlayerPhase as PlayerPhaseEnum,\n  PlayerCallbacks,\n  PlayerState,\n  PlayerSeekingResult,\n  ReplayRoomParams,\n  ViewCallbacks,\n  WhiteWebSdkConfiguration,\n} from \"white-web-sdk\";\n\nimport { WhiteWebSdk } from \"white-web-sdk\";\nimport { WindowManager } from \"@netless/window-manager\";\nimport { readable, writable } from \"../utils\";\nimport { ensure_window_manager } from \"../internal\";\n\nclass FastboardPlayerBase {\n  public constructor(readonly sdk: WhiteWebSdk, readonly player: Player, readonly manager: WindowManager) {}\n\n  protected _destroyed = false;\n  protected _assertNotDestroyed() {\n    if (this._destroyed) {\n      throw new Error(\"FastboardApp has been destroyed\");\n    }\n  }\n\n  protected _addPlayerListener<K extends keyof PlayerCallbacks>(name: K, listener: PlayerCallbacks[K]) {\n    this._assertNotDestroyed();\n    this.player.callbacks.on(name, listener);\n    return () => this.player.callbacks.off(name, listener);\n  }\n\n  protected _addManagerListener<K extends keyof PublicEvent>(\n    name: K,\n    listener: (value: PublicEvent[K]) => void\n  ) {\n    this._assertNotDestroyed();\n    this.manager.emitter.on(name, listener);\n    return () => this.manager.emitter.off(name, listener);\n  }\n\n  protected _addMainViewListener<K extends keyof ViewCallbacks>(name: K, listener: ViewCallbacks[K]) {\n    this._assertNotDestroyed();\n    this.manager.mainView.callbacks.on(name, listener);\n    return () => this.manager.mainView.callbacks.off(name, listener);\n  }\n\n  public destroy() {\n    this._destroyed = true;\n    this.manager.destroy();\n    return this.player.callbacks.off();\n  }\n}\n\ntype PlayerPhase = `${PlayerPhaseEnum}`;\n\nexport type { PlayerPhase, PlayerSeekingResult };\n\nexport class FastboardPlayer extends FastboardPlayerBase {\n  /**\n   * Render this player to some DOM.\n   */\n  bindContainer(container: HTMLElement) {\n    this._assertNotDestroyed();\n    this.manager.bindContainer(container);\n  }\n\n  /**\n   * Move window-manager's collector to some place.\n   */\n  bindCollector(container: HTMLElement) {\n    this._assertNotDestroyed();\n    this.manager.bindCollectorContainer(container);\n  }\n\n  /**\n   * Player current time in milliseconds.\n   */\n  readonly currentTime = writable(\n    this.player.progressTime,\n    set => this._addPlayerListener(\"onProgressTimeChanged\", set),\n    this.player.seekToProgressTime.bind(this.player)\n  );\n\n  /**\n   * Player state, like \"is it playing?\".\n   */\n  readonly phase = readable<PlayerPhase>(this.player.phase, set =>\n    this._addPlayerListener(\"onPhaseChanged\", set)\n  );\n\n  /**\n   * Will become true after buffering.\n   */\n  readonly canplay = readable(this.player.isPlayable, set =>\n    this._addPlayerListener(\"onIsPlayableChanged\", set)\n  );\n\n  private _setSpeed!: (value: number) => void;\n  /**\n   * Playback speed, default `1`.\n   */\n  readonly speed = writable(\n    this.player.playbackSpeed,\n    set => {\n      this._setSpeed = set;\n    },\n    value => {\n      this.player.playbackSpeed = value;\n      this._setSpeed(value);\n    }\n  );\n\n  /**\n   * Playback duration in milliseconds.\n   */\n  readonly duration = readable(this.player.timeDuration);\n\n  /**\n   * Get state of room at that time, like \"who was in the room?\".\n   */\n  readonly state = readable<PlayerState | null>(null, set =>\n    this._addPlayerListener(\"onPlayerStateChanged\", () => set(this.player.state))\n  );\n\n  /**\n   * Seek to some time in milliseconds.\n   */\n  seek(timestamp: number) {\n    this._assertNotDestroyed();\n    return this.player.seekToProgressTime(timestamp);\n  }\n\n  /**\n   * Change player state to playing.\n   */\n  play() {\n    this._assertNotDestroyed();\n    this.player.play();\n  }\n\n  /**\n   * Change player state to paused.\n   */\n  pause() {\n    this._assertNotDestroyed();\n    this.player.pause();\n  }\n\n  /**\n   * Change player state to stopped.\n   */\n  stop() {\n    this._assertNotDestroyed();\n    this.player.stop();\n  }\n\n  /**\n   * Set playback speed, a shortcut for `speed.set(x)`.\n   */\n  setSpeed(value: number) {\n    this._assertNotDestroyed();\n    this.speed.set(value);\n  }\n}\n\nexport interface FastboardReplayOptions {\n  sdkConfig: Omit<WhiteWebSdkConfiguration, \"useMobXState\"> & {\n    region: NonNullable<WhiteWebSdkConfiguration[\"region\"]>;\n  };\n  replayRoom: Omit<ReplayRoomParams, \"useMultiViews\"> & {\n    callbacks?: Partial<PlayerCallbacks>;\n  };\n  managerConfig?: Omit<MountParams, \"room\">;\n}\n\n/**\n * Create a FastboardApp instance.\n * @example\n * let player = await replayFastboard({\n *   sdkConfig: {\n *     appIdentifier: import.meta.env.VITE_APPID,\n *     region: 'cn-hz',\n *   },\n *   replayRoom: {\n *     uid: unique_id,\n *     uuid: import.meta.env.VITE_ROOM_UUID,\n *     roomToken: import.meta.env.VITE_ROOM_TOKEN,\n *   },\n * })\n */\nexport async function replayFastboard({\n  sdkConfig,\n  replayRoom: { callbacks, ...replayRoomParams },\n  managerConfig,\n}: FastboardReplayOptions) {\n  const sdk = new WhiteWebSdk({\n    ...sdkConfig,\n    useMobXState: true,\n  });\n\n  const player = await sdk.replayRoom(\n    {\n      ...ensure_window_manager(replayRoomParams),\n      useMultiViews: true,\n    },\n    callbacks\n  );\n\n  const managerPromise = WindowManager.mount({\n    cursor: true,\n    ...managerConfig,\n    room: player,\n  });\n\n  player.play();\n  const manager = await managerPromise;\n  player.pause();\n  await player.seekToProgressTime(0);\n\n  return new FastboardPlayer(sdk, player, manager);\n}\n","import type { RegisterParams } from \"@netless/window-manager\";\nimport { WindowManager } from \"@netless/window-manager\";\nimport AppSlide from \"@netless/app-slide\";\n\nexport interface AppsConfig {\n  [kind: string]: Omit<RegisterParams, \"kind\">;\n}\n\nconst DefaultApps: AppsConfig = {\n  Monaco: {\n    src: \"https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-monaco/0.1.12/dist/main.iife.js\",\n  },\n  Countdown: {\n    src: \"https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-countdown/0.0.2/dist/main.iife.js\",\n  },\n  GeoGebra: {\n    src: \"https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-geogebra/0.0.4/dist/main.iife.js\",\n    appOptions: {\n      HTML5Codebase: \"https://flat-storage-cn-hz.whiteboard.agora.io/GeoGebra/HTML5/5.0/web3d\",\n    },\n  },\n  EmbeddedPage: {\n    src: \"https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-embedded-page/0.1.1/dist/main.iife.js\",\n  },\n  Player: {\n    name: \"NetlessAppMediaPlayer\",\n    src: \"https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-media-player/0.1.1/dist/main.iife.js\",\n  },\n};\n\nWindowManager.register({\n  kind: \"Slide\",\n  appOptions: { debug: false },\n  src: AppSlide,\n});\n\nfor (const kind in DefaultApps) {\n  if (Object.prototype.hasOwnProperty.call(DefaultApps, kind)) {\n    const options = DefaultApps[kind];\n    WindowManager.register({ kind, ...options });\n  }\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/fastboard-core",
-  "version": "0.3.0-canary.5",
+  "version": "0.3.0",
   "description": "A tiny wrapper of white-web-sdk and @netless/window-manager.",
   "main": "dist/index.js",
   "files": [
@@ -9,7 +9,7 @@
   ],
   "repository": "netless-io/fastboard",
   "dependencies": {
-    "@netless/app-slide": "^0.0.56"
+    "@netless/app-slide": "^0.0.57"
   },
   "peerDependencies": {
     "@netless/window-manager": ">=0.4.0",

package/src/impl/FastboardApp.ts

@@ -163,6 +163,11 @@ export class FastboardApp extends FastboardAppBase {
     this.room.setWritable.bind(this.room)
   );
 
+  /**
+   * Is current room online?
+   */
+  readonly phase = readable<RoomPhase>(this.room.phase, set => this._addRoomListener("onPhaseChanged", set));
+
   /**
    * Current window-manager's windows' state (is it maximized?).
    */

package/src/impl/FastboardPlayer.ts

@@ -74,21 +74,33 @@ export class FastboardPlayer extends FastboardPlayerBase {
     this.manager.bindCollectorContainer(container);
   }
 
+  /**
+   * Player current time in milliseconds.
+   */
   readonly currentTime = writable(
     this.player.progressTime,
     set => this._addPlayerListener("onProgressTimeChanged", set),
     this.player.seekToProgressTime.bind(this.player)
   );
 
+  /**
+   * Player state, like "is it playing?".
+   */
   readonly phase = readable<PlayerPhase>(this.player.phase, set =>
     this._addPlayerListener("onPhaseChanged", set)
   );
 
+  /**
+   * Will become true after buffering.
+   */
   readonly canplay = readable(this.player.isPlayable, set =>
     this._addPlayerListener("onIsPlayableChanged", set)
   );
 
   private _setSpeed!: (value: number) => void;
+  /**
+   * Playback speed, default `1`.
+   */
   readonly speed = writable(
     this.player.playbackSpeed,
     set => {
@@ -100,46 +112,53 @@ export class FastboardPlayer extends FastboardPlayerBase {
     }
   );
 
-  private _setReady!: (value: boolean) => void;
-  readonly ready = readable(false, set => {
-    this._setReady = set;
-  });
-
-  private _setDuration!: (value: number) => void;
-  readonly duration = readable(0, set => {
-    this._setDuration = set;
-  });
+  /**
+   * Playback duration in milliseconds.
+   */
+  readonly duration = readable(this.player.timeDuration);
 
-  readonly state = readable<PlayerState | null>(null, set => {
-    const update = () => set(this.player.state);
-    this.player.callbacks.once("onLoadFirstFrame", () => {
-      this._setDuration(this.player.timeDuration);
-      this._setReady(true);
-      update();
-    });
-    return this._addPlayerListener("onPlayerStateChanged", update);
-  });
+  /**
+   * Get state of room at that time, like "who was in the room?".
+   */
+  readonly state = readable<PlayerState | null>(null, set =>
+    this._addPlayerListener("onPlayerStateChanged", () => set(this.player.state))
+  );
 
+  /**
+   * Seek to some time in milliseconds.
+   */
   seek(timestamp: number) {
     this._assertNotDestroyed();
     return this.player.seekToProgressTime(timestamp);
   }
 
+  /**
+   * Change player state to playing.
+   */
   play() {
     this._assertNotDestroyed();
     this.player.play();
   }
 
+  /**
+   * Change player state to paused.
+   */
   pause() {
     this._assertNotDestroyed();
     this.player.pause();
   }
 
+  /**
+   * Change player state to stopped.
+   */
   stop() {
     this._assertNotDestroyed();
     this.player.stop();
   }
 
+  /**
+   * Set playback speed, a shortcut for `speed.set(x)`.
+   */
   setSpeed(value: number) {
     this._assertNotDestroyed();
     this.speed.set(value);
@@ -198,6 +217,7 @@ export async function replayFastboard({
   player.play();
   const manager = await managerPromise;
   player.pause();
+  await player.seekToProgressTime(0);
 
   return new FastboardPlayer(sdk, player, manager);
 }