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

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/behaviors/register-slide.ts"],"sourcesContent":["import { WindowManager } from \"@netless/window-manager\";\nimport AppSlide from \"@netless/app-slide\";\n\nWindowManager.register({\n  kind: \"Slide\",\n  appOptions: {\n    // turn on to show debug controller\n    debug: false,\n  },\n  src: AppSlide,\n});\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA,cAAc,SAAS;AAAA,EACrB,MAAM;AAAA,EACN,YAAY;AAAA,IAEV,OAAO;AAAA,EACT;AAAA,EACA,KAAK;AACP,CAAC;","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   * 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  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  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":[]}

package/package.json

@@ -1,13 +1,11 @@
 {
   "name": "@netless/fastboard-core",
-  "version": "0.2.11",
+  "version": "0.3.0-canary.0",
   "description": "A tiny wrapper of white-web-sdk and @netless/window-manager.",
   "main": "dist/index.js",
   "files": [
     "src",
-    "dist",
-    "minimal.mjs",
-    "minimal.ts"
+    "dist"
   ],
   "dependencies": {
     "@netless/app-slide": "^0.0.56"
@@ -16,16 +14,12 @@
     "@netless/window-manager": ">=0.4.0",
     "white-web-sdk": ">=2.16.0"
   },
-  "devDependencies": {
-    "@netless/window-manager": "^0.4.10",
-    "tsup": "^5.12.0",
-    "white-web-sdk": "^2.16.10"
-  },
   "scripts": {
-    "build": "tsup",
     "cleanup": "rimraf dist",
-    "check": "tsc --noEmit"
+    "check": "tsc --noEmit",
+    "build": "tsup"
   },
   "module": "dist/index.mjs",
-  "types": "dist/index.d.ts"
+  "types": "dist/index.d.ts",
+  "readme": "## @netless/fastboard-core\n\nA tiny wrapper of white-web-sdk and @netless/window-manager.\n\nUsed by [@netless/fastboard-ui](https://github.com/netless-io/fastboard/tree/main/packages/fastboard-ui).\n\n### License\n\nMIT @ [netless](https://github.com/netless-io)\n"
 }

package/src/behaviors/{register-apps.ts → index.ts}

@@ -1,11 +1,12 @@
 import type { RegisterParams } from "@netless/window-manager";
 import { WindowManager } from "@netless/window-manager";
+import AppSlide from "@netless/app-slide";
 
 export interface AppsConfig {
   [kind: string]: Omit<RegisterParams, "kind">;
 }
 
-export const DefaultApps: AppsConfig = {
+const DefaultApps: AppsConfig = {
   Monaco: {
     src: "https://netless-app.oss-cn-hangzhou.aliyuncs.com/@netless/app-monaco/0.1.12/dist/main.iife.js",
   },
@@ -27,11 +28,15 @@ export const DefaultApps: AppsConfig = {
   },
 };
 
-export function registerApps(config: AppsConfig) {
-  for (const kind in config) {
-    if (Object.prototype.hasOwnProperty.call(config, kind)) {
-      const options = config[kind];
-      WindowManager.register({ kind, ...options });
-    }
+WindowManager.register({
+  kind: "Slide",
+  appOptions: { debug: false },
+  src: AppSlide,
+});
+
+for (const kind in DefaultApps) {
+  if (Object.prototype.hasOwnProperty.call(DefaultApps, kind)) {
+    const options = DefaultApps[kind];
+    WindowManager.register({ kind, ...options });
   }
 }

package/src/impl/{app.ts → FastboardApp.ts}

@@ -1,26 +1,37 @@
-import type { PublicEvent, WindowManager } from "@netless/window-manager";
+import type { AddPageParams, PublicEvent, MountParams } from "@netless/window-manager";
 import type {
   AnimationMode,
   ApplianceNames,
   Camera,
   Color,
   ConversionResponse,
+  HotKey,
   HotKeys,
+  JoinRoomParams,
   MemberState,
   Rectangle,
   Room,
+  RoomPhase as RoomPhaseEnum,
   RoomCallbacks,
   RoomState,
   SceneDefinition,
   ShapeType,
   ViewCallbacks,
-  WhiteWebSdk,
+  WhiteWebSdkConfiguration,
 } from "white-web-sdk";
-import type { FastboardDisposer, FastboardInternalValue } from "../helpers/value";
 
-import { BuiltinApps } from "@netless/window-manager";
-import { convertedFileToScene, genUID, getImageSize, makeSlideParams } from "../helpers/utils";
-import { createValue } from "../helpers/value";
+import { DefaultHotKeys, WhiteWebSdk, contentModeScale } from "white-web-sdk";
+import { BuiltinApps, WindowManager } from "@netless/window-manager";
+import {
+  getImageSize,
+  genUID,
+  convertedFileToScene,
+  makeSlideParams,
+  readable,
+  writable,
+  warn,
+} from "../utils";
+import { ensure_window_manager, transform_app_status } from "../internal";
 
 class FastboardAppBase {
   public constructor(
@@ -30,48 +41,72 @@ class FastboardAppBase {
     readonly hotKeys: Partial<HotKeys>
   ) {}
 
-  protected readonly _disposers: FastboardDisposer[] = [];
   protected _destroyed = false;
   protected _assertNotDestroyed() {
     if (this._destroyed) {
-      throw new Error("[FastboardApp] Can not call any method on destroyed FastboardApp.");
+      throw new Error("FastboardApp has been destroyed");
     }
   }
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  protected createValue: typeof createValue = (...args: [any, any]): any => {
-    const value = createValue(...args);
-    this._disposers.push((value as FastboardInternalValue<unknown>).dispose);
-    return value;
-  };
-
-  protected _addRoomListener<K extends keyof RoomCallbacks, T = RoomCallbacks[K]>(name: K, listener: T) {
+  protected _addRoomListener<K extends keyof RoomCallbacks>(name: K, listener: RoomCallbacks[K]) {
     this._assertNotDestroyed();
     this.room.callbacks.on(name, listener);
     return () => this.room.callbacks.off(name, listener);
   }
 
-  protected _addManagerListener<K extends keyof PublicEvent>(name: K, set: (value: PublicEvent[K]) => void) {
+  protected _addManagerListener<K extends keyof PublicEvent>(
+    name: K,
+    listener: (value: PublicEvent[K]) => void
+  ) {
     this._assertNotDestroyed();
-    this.manager.emitter.on(name, set);
-    return () => this.manager.emitter.off(name, set);
+    this.manager.emitter.on(name, listener);
+    return () => this.manager.emitter.off(name, listener);
   }
 
-  protected _addMainViewListener<K extends keyof ViewCallbacks, T = ViewCallbacks[K]>(name: K, listener: T) {
+  protected _addMainViewListener<K extends keyof ViewCallbacks>(name: K, listener: ViewCallbacks[K]) {
     this._assertNotDestroyed();
     this.manager.mainView.callbacks.on(name, listener);
     return () => this.manager.mainView.callbacks.off(name, listener);
   }
 
   public destroy() {
-    this._disposers.forEach(dispose => dispose());
-    this._disposers.length = 0;
     this._destroyed = true;
     this.manager.destroy();
     return this.room.disconnect();
   }
 }
 
+type RoomPhase = `${RoomPhaseEnum}`;
+
+export type {
+  AddPageParams,
+  AnimationMode,
+  ApplianceNames,
+  Camera,
+  Color,
+  ConversionResponse,
+  HotKey,
+  HotKeys,
+  JoinRoomParams,
+  MemberState,
+  MountParams,
+  PublicEvent,
+  Rectangle,
+  Room,
+  RoomPhase,
+  RoomCallbacks,
+  RoomState,
+  SceneDefinition,
+  ShapeType,
+  ViewCallbacks,
+  WhiteWebSdk,
+  WhiteWebSdkConfiguration,
+  WindowManager,
+};
+
+export type Appliance = `${ApplianceNames}`;
+export type Shape = `${ShapeType}`;
+
 export interface InsertDocsStatic {
   readonly fileType: "pdf";
   readonly scenePath: string;
@@ -122,7 +157,7 @@ export class FastboardApp extends FastboardAppBase {
   /**
    * Is current room writable?
    */
-  readonly writable = this.createValue(
+  readonly writable = writable(
     this.room.isWritable,
     set => this._addRoomListener("onEnableWriteNowChanged", () => set(this.room.isWritable)),
     this.room.setWritable.bind(this.room)
@@ -131,50 +166,50 @@ export class FastboardApp extends FastboardAppBase {
   /**
    * Current window-manager's windows' state (is it maximized?).
    */
-  readonly boxState = this.createValue(this.manager.boxState, set =>
-    this._addManagerListener("boxStateChange", set)
-  );
+  readonly boxState = readable(this.manager.boxState, set => this._addManagerListener("boxStateChange", set));
 
   /**
    * Current window-manager's focused app's id.
    * @example "HelloWorld-1A2b3C4d"
    */
-  readonly focusedApp = this.createValue(this.manager.focused, set =>
-    this._addManagerListener("focusedChange", set)
-  );
+  readonly focusedApp = readable(this.manager.focused, set => this._addManagerListener("focusedChange", set));
 
   /**
    * How many times can I call `app.redo()`?
    */
-  readonly canRedoSteps = this.createValue(this.manager.canRedoSteps, set =>
+  readonly canRedoSteps = readable(this.manager.canRedoSteps, set =>
     this._addManagerListener("canRedoStepsChange", set)
   );
 
   /**
    * How many times can I call `app.undo()`?
    */
-  readonly canUndoSteps = this.createValue(this.manager.canUndoSteps, set =>
+  readonly canUndoSteps = readable(this.manager.canUndoSteps, set =>
     this._addManagerListener("canUndoStepsChange", set)
   );
 
   /**
    * Current camera information of main view.
+   *
+   * Change the camera position by `app.moveCamera()`.
    */
-  readonly camera = this.createValue(this.manager.mainView.camera, set =>
+  readonly camera = readable(this.manager.mainView.camera, set =>
     this._addMainViewListener("onCameraUpdated", set)
   );
 
   /**
    * Current tool's info, like "is using pencil?", "what color?".
+   *
+   * Change the tool by `app.setAppliance()`.
    */
-  readonly memberState = this.createValue(this.room.state.memberState, set =>
+  readonly memberState = readable(this.room.state.memberState, set =>
     this._addRoomListener("onRoomStateChanged", ({ memberState: m }) => m && set(m))
   );
 
   /**
    * 0..n-1, current index of main view scenes.
    */
-  readonly sceneIndex = this.createValue(
+  readonly sceneIndex = writable(
     this.manager.mainViewSceneIndex,
     set => this._addManagerListener("mainViewSceneIndexChange", set),
     this.manager.setMainViewSceneIndex.bind(this.manager)
@@ -183,7 +218,7 @@ export class FastboardApp extends FastboardAppBase {
   /**
    * How many pages are in the main view?
    */
-  readonly sceneLength = this.createValue(this.manager.mainViewScenesLength, set =>
+  readonly sceneLength = readable(this.manager.mainViewScenesLength, set =>
     this._addManagerListener("mainViewScenesLengthChange", set)
   );
 
@@ -191,12 +226,9 @@ export class FastboardApp extends FastboardAppBase {
   /**
    * Apps status.
    */
-  readonly appsStatus = this.createValue<AppsStatus>({}, set =>
+  readonly appsStatus = readable<AppsStatus>({}, set =>
     this._addManagerListener("loadApp", ({ kind, status, reason }) => {
-      this._appsStatus[kind] = {
-        status: status === "start" ? "loading" : status === "failed" ? "failed" : "idle",
-        reason,
-      };
+      this._appsStatus[kind] = { status: transform_app_status(status), reason };
       set(this._appsStatus);
     })
   );
@@ -206,7 +238,7 @@ export class FastboardApp extends FastboardAppBase {
    */
   undo() {
     this._assertNotDestroyed();
-    this.manager.mainView.undo();
+    this.manager.undo();
   }
 
   /**
@@ -214,7 +246,7 @@ export class FastboardApp extends FastboardAppBase {
    */
   redo() {
     this._assertNotDestroyed();
-    this.manager.mainView.redo();
+    this.manager.redo();
   }
 
   /**
@@ -244,9 +276,12 @@ export class FastboardApp extends FastboardAppBase {
   /**
    * Set current tool, like "pencil".
    */
-  setAppliance(appliance: ApplianceNames, shape?: ShapeType) {
+  setAppliance(appliance: ApplianceNames | Appliance, shape?: ShapeType | Shape) {
     this._assertNotDestroyed();
-    this.manager.mainView.setMemberState({ currentApplianceName: appliance, shapeType: shape });
+    this.manager.mainView.setMemberState({
+      currentApplianceName: appliance as ApplianceNames,
+      shapeType: shape as ShapeType,
+    });
   }
 
   setStrokeWidth(strokeWidth: number) {
@@ -259,6 +294,21 @@ export class FastboardApp extends FastboardAppBase {
     this.manager.mainView.setMemberState({ strokeColor });
   }
 
+  prevPage() {
+    this._assertNotDestroyed();
+    return this.manager.prevPage();
+  }
+
+  nextPage() {
+    this._assertNotDestroyed();
+    return this.manager.nextPage();
+  }
+
+  addPage(params?: AddPageParams) {
+    this._assertNotDestroyed();
+    return this.manager.addPage(params);
+  }
+
   /**
    * Insert an image to the main view.
    */
@@ -310,19 +360,20 @@ export class FastboardApp extends FastboardAppBase {
   insertDocs(params: InsertDocsParams): Promise<string | undefined>;
 
   insertDocs(arg1: string | InsertDocsParams, arg2?: ConversionResponse) {
+    this._assertNotDestroyed();
     if (typeof arg1 === "object" && "fileType" in arg1) {
       return this._insertDocsImpl(arg1);
     } else if (arg2 && arg2.status !== "Finished") {
-      throw new Error("[FastboardApp] Can not insert a converting doc.");
+      throw new Error("FastboardApp cannot insert a converting doc.");
     } else if (arg2 && arg2.progress) {
-      const scenes: SceneDefinition[] = arg2.progress.convertedFileList.map(convertedFileToScene);
+      const title = arg1;
       const scenePath = `/${arg2.uuid}/${genUID()}`;
-      const { emptyScenes, taskId, url } = makeSlideParams(scenes);
+      const scenes1 = arg2.progress.convertedFileList.map(convertedFileToScene);
+      const { scenes, taskId, url } = makeSlideParams(scenes1);
       if (taskId && url) {
-        const title = arg1;
-        return this._insertDocsImpl({ fileType: "pptx", scenePath, taskId, title, url, scenes: emptyScenes });
+        return this._insertDocsImpl({ fileType: "pptx", scenePath, scenes, title, taskId, url });
       } else {
-        return this._insertDocsImpl({ fileType: "pdf", scenePath, scenes, title: arg1 });
+        return this._insertDocsImpl({ fileType: "pdf", scenePath, scenes: scenes1, title });
       }
     }
   }
@@ -336,6 +387,9 @@ export class FastboardApp extends FastboardAppBase {
           options: { scenePath, title, scenes },
         });
       case "pptx":
+        if (scenes && scenes[0].ppt) {
+          warn("no-ppt-in-scenes");
+        }
         return this.manager.addApp({
           kind: "Slide",
           options: { scenePath, title, scenes },
@@ -389,3 +443,76 @@ export class FastboardApp extends FastboardAppBase {
     });
   }
 }
+
+export interface FastboardOptions {
+  sdkConfig: Omit<WhiteWebSdkConfiguration, "useMobXState">;
+  joinRoom: Omit<JoinRoomParams, "useMultiViews" | "disableNewPencil" | "disableMagixEventDispatchLimit"> & {
+    callbacks?: Partial<RoomCallbacks>;
+  };
+  managerConfig?: Omit<MountParams, "room">;
+}
+
+/**
+ * Create a FastboardApp instance.
+ * @example
+ * let app = await createFastboard({
+ *   sdkConfig: {
+ *     appIdentifier: import.meta.env.VITE_APPID,
+ *     region: 'cn-hz',
+ *   },
+ *   joinRoom: {
+ *     uid: unique_id,
+ *     uuid: import.meta.env.VITE_ROOM_UUID,
+ *     roomToken: import.meta.env.VITE_ROOM_TOKEN,
+ *   },
+ * })
+ */
+export async function createFastboard({
+  sdkConfig,
+  joinRoom: { callbacks, ...joinRoomParams },
+  managerConfig,
+}: FastboardOptions) {
+  const sdk = new WhiteWebSdk({
+    ...sdkConfig,
+    useMobXState: true,
+  });
+
+  const hotKeys: Partial<HotKeys> = {
+    ...DefaultHotKeys,
+    changeToSelector: "s",
+    changeToLaserPointer: "z",
+    changeToPencil: "p",
+    changeToRectangle: "r",
+    changeToEllipse: "c",
+    changeToEraser: "e",
+    changeToText: "t",
+    changeToStraight: "l",
+    changeToArrow: "a",
+    changeToHand: "h",
+  };
+
+  const room = await sdk.joinRoom(
+    {
+      floatBar: true,
+      hotKeys,
+      ...ensure_window_manager(joinRoomParams),
+      useMultiViews: true,
+      disableNewPencil: false,
+      disableMagixEventDispatchLimit: true,
+    },
+    callbacks
+  );
+
+  const manager = await WindowManager.mount({
+    cursor: true,
+    ...managerConfig,
+    room,
+  });
+
+  manager.mainView.setCameraBound({
+    minContentMode: contentModeScale(0.3),
+    maxContentMode: contentModeScale(3),
+  });
+
+  return new FastboardApp(sdk, room, manager, hotKeys);
+}