@netless/fastboard 1.0.0-canary.1 → 1.0.0-canary.4

package/dist/index.d.ts

@@ -1,24 +1,41 @@
-import { FastboardApp, FastboardPlayer } from '@netless/fastboard-core';
+import { FastboardOptions, FastboardApp, FastboardReplayOptions, FastboardPlayer } from '@netless/fastboard-core';
 export * from '@netless/fastboard-core';
-import { FastboardProps, ReplayFastboardProps } from '@netless/fastboard-ui';
 export * from '@netless/fastboard-ui';
-export { GenericIcon, Language, Theme } from '@netless/fastboard-ui';
+export { Attributes as NetlessAppSlideAttributes, Slide, SlideState, SlideViewer, SlideViewerOptions, previewSlide } from '@netless/app-slide';
 
-declare type MountProps = Omit<FastboardProps, "app">;
 /**
- * @deprecated Use `createUI` instead.
+ * 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,
+ *   },
+ * })
  */
-declare function mount(app: FastboardApp, div: HTMLDivElement, options?: MountProps): {
-    update(props?: MountProps): void;
-    destroy(): void;
-};
-declare type ReplayProps = Omit<ReplayFastboardProps, "player">;
+declare function createFastboard<TEventData = any>(options: FastboardOptions): Promise<FastboardApp<TEventData>>;
+
 /**
- * @deprecated Use `createReplayUI` instead.
+ * Create a FastboardPlayer instance.
+ * @example
+ * let player = await replayFastboard({
+ *   sdkConfig: {
+ *     appIdentifier: import.meta.env.VITE_APPID,
+ *     region: 'cn-hz',
+ *   },
+ *   replayRoom: {
+ *     room: "room uuid",
+ *     roomToken: "NETLESSROOM_...",
+ *     beginTimestamp: 1646619090394,
+ *     duration: 70448,
+ *   },
+ * })
  */
-declare function replay(player: FastboardPlayer, div: HTMLDivElement, options?: ReplayProps): {
-    update(props?: ReplayProps): void;
-    destroy(): void;
-};
+declare function replayFastboard<TEventData = any>(options: FastboardReplayOptions): Promise<FastboardPlayer<TEventData>>;
 
-export { MountProps, ReplayProps, mount, replay };
+export { createFastboard, replayFastboard };

package/dist/index.js

@@ -1,46 +1,15 @@
 'use strict';
 
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-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 to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+Object.defineProperty(exports, '__esModule', { value: true });
 
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  mount: () => mount,
-  replay: () => replay
-});
-module.exports = __toCommonJS(src_exports);
-var import_fastboard_ui = require("@netless/fastboard-ui");
+var fastboardCore = require('@netless/fastboard-core');
+var fastboardUi = require('@netless/fastboard-ui');
+var windowManager = require('@netless/window-manager');
+var NetlessAppSlide = require('@netless/app-slide');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var NetlessAppSlide__default = /*#__PURE__*/_interopDefaultLegacy(NetlessAppSlide);
 
 // inline-sass-helper:inline-sass-style-helper.js
 function injectStyle(text) {
@@ -57,30 +26,59 @@ var style_default = '.netless-window-manager-playground{width:100%;height:100%;p
 
 // inline-sass-stub:./src/style.scss
 injectStyle(style_default);
-
-// src/index.ts
-__reExport(src_exports, require("@netless/fastboard-core"), module.exports);
-__reExport(src_exports, require("@netless/fastboard-ui"), module.exports);
-function mount(app, div, options) {
-  const fastboard = new import_fastboard_ui.Fastboard({ target: div, props: __spreadValues({ app }, options) });
-  return {
-    update(props) {
-      fastboard.$set(props);
-    },
-    destroy() {
-      fastboard.$destroy();
-    }
-  };
+function registerSlide() {
+  if (windowManager.WindowManager.registered.has(NetlessAppSlide__default["default"].kind))
+    return;
+  windowManager.WindowManager.register({
+    kind: NetlessAppSlide__default["default"].kind,
+    appOptions: { debug: false },
+    src: NetlessAppSlide__default["default"],
+    addHooks: NetlessAppSlide.addHooks
+  });
+}
+var DefaultApps = {};
+function registerDefaultApps() {
+  Object.keys(DefaultApps).forEach((kind) => {
+    if (windowManager.WindowManager.registered.has(kind))
+      return;
+    windowManager.WindowManager.register({ kind, ...DefaultApps[kind] });
+  });
+}
+async function createFastboard(options) {
+  registerSlide();
+  registerDefaultApps();
+  return fastboardCore.createFastboardCore(options);
 }
-function replay(player, div, options) {
-  const replayFastboard = new import_fastboard_ui.ReplayFastboard({ target: div, props: __spreadValues({ player }, options) });
-  return {
-    update(props) {
-      replayFastboard.$set(props);
-    },
-    destroy() {
-      replayFastboard.$destroy();
-    }
-  };
+async function replayFastboard(options) {
+  registerSlide();
+  registerDefaultApps();
+  return fastboardCore.replayFastboardCore(options);
 }
+
+Object.defineProperty(exports, 'Slide', {
+  enumerable: true,
+  get: function () { return NetlessAppSlide.Slide; }
+});
+Object.defineProperty(exports, 'SlideViewer', {
+  enumerable: true,
+  get: function () { return NetlessAppSlide.SlideViewer; }
+});
+Object.defineProperty(exports, 'previewSlide', {
+  enumerable: true,
+  get: function () { return NetlessAppSlide.previewSlide; }
+});
+exports.createFastboard = createFastboard;
+exports.replayFastboard = replayFastboard;
+Object.keys(fastboardCore).forEach(function (k) {
+  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return fastboardCore[k]; }
+  });
+});
+Object.keys(fastboardUi).forEach(function (k) {
+  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return fastboardUi[k]; }
+  });
+});
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,0BAA2C;;;;;;;;;;;;;;;;;;;AAI3C,wBAAc,oCAbd;AAcA,wBAAc,kCAdd;AAsBO,eAAe,KAAmB,KAAqB,SAAsB;AAClF,QAAM,YAAY,IAAI,8BAAU,EAAE,QAAQ,KAAK,OAAO,iBAAE,OAAQ,SAAU,CAAC;AAE3E,SAAO;AAAA,IACL,OAAO,OAAoB;AACzB,gBAAU,KAAK,KAAK;AAAA,IACtB;AAAA,IACA,UAAU;AACR,gBAAU,SAAS;AAAA,IACrB;AAAA,EACF;AACF;AAOO,gBAAgB,QAAyB,KAAqB,SAAuB;AAC1F,QAAM,kBAAkB,IAAI,oCAAgB,EAAE,QAAQ,KAAK,OAAO,iBAAE,UAAW,SAAU,CAAC;AAE1F,SAAO;AAAA,IACL,OAAO,OAAqB;AAC1B,sBAAgB,KAAK,KAAK;AAAA,IAC5B;AAAA,IACA,UAAU;AACR,sBAAgB,SAAS;AAAA,IAC3B;AAAA,EACF;AACF","sourcesContent":["import type { FastboardApp, FastboardPlayer } from \"@netless/fastboard-core\";\nimport type {\n  FastboardProps,\n  GenericIcon,\n  Language,\n  ReplayFastboardProps,\n  Theme,\n} from \"@netless/fastboard-ui\";\n\nimport { Fastboard, ReplayFastboard } from \"@netless/fastboard-ui\";\n\nimport \"./style.scss\";\n\nexport * from \"@netless/fastboard-core\";\nexport * from \"@netless/fastboard-ui\";\nexport type { Theme, Language, GenericIcon };\n\nexport type MountProps = Omit<FastboardProps, \"app\">;\n\n/**\n * @deprecated Use `createUI` instead.\n */\nexport function mount(app: FastboardApp, div: HTMLDivElement, options?: MountProps) {\n  const fastboard = new Fastboard({ target: div, props: { app, ...options } });\n\n  return {\n    update(props?: MountProps) {\n      fastboard.$set(props);\n    },\n    destroy() {\n      fastboard.$destroy();\n    },\n  };\n}\n\nexport type ReplayProps = Omit<ReplayFastboardProps, \"player\">;\n\n/**\n * @deprecated Use `createReplayUI` instead.\n */\nexport function replay(player: FastboardPlayer, div: HTMLDivElement, options?: ReplayProps) {\n  const replayFastboard = new ReplayFastboard({ target: div, props: { player, ...options } });\n\n  return {\n    update(props?: ReplayProps) {\n      replayFastboard.$set(props);\n    },\n    destroy() {\n      replayFastboard.$destroy();\n    },\n  };\n}\n"]}
+{"version":3,"sources":["../src/index.ts","../src/behaviors/netless-app.ts","../src/create.ts","../src/replay.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAEA,cAAc;AACd,cAAc;;;ACKd,SAAS,qBAAqB;AAE9B,OAAO,mBAAmB,UAAU,cAAc,OAAO,mBAAmB;AAKrE,SAAS,gBAAgB;AAC9B,MAAI,cAAc,WAAW,IAAI,gBAAgB,IAAI;AAAG;AACxD,gBAAc,SAAS;AAAA,IACrB,MAAM,gBAAgB;AAAA,IACtB,YAAY,EAAE,OAAO,MAAM;AAAA,IAC3B,KAAK;AAAA,IACL;AAAA,EACF,CAAC;AACH;AAEA,IAAM,cAEF,CAAC;AAEE,SAAS,sBAAsB;AACpC,SAAO,KAAK,WAAW,EAAE,QAAQ,UAAQ;AACvC,QAAI,cAAc,WAAW,IAAI,IAAI;AAAG;AACxC,kBAAc,SAAS,EAAE,MAAM,GAAG,YAAY,MAAM,CAAC;AAAA,EACvD,CAAC;AACH;;;AChCA,SAAS,2BAA2B;AAkBpC,eAAsB,gBACpB,SACmC;AACnC,gBAAc;AACd,sBAAoB;AACpB,SAAO,oBAAgC,OAAO;AAChD;;;ACxBA,SAAS,2BAA2B;AAmBpC,eAAsB,gBACpB,SACsC;AACtC,gBAAc;AACd,sBAAoB;AACpB,SAAO,oBAAgC,OAAO;AAChD","sourcesContent":["import \"./style.scss\";\n\nexport * from \"@netless/fastboard-core\";\nexport * from \"@netless/fastboard-ui\";\n\nexport * from \"./behaviors\";\nexport * from \"./create\";\nexport * from \"./replay\";\n","import type {\n  AppOptions as NetlessAppSlideAppOptions,\n  Attributes as NetlessAppSlideAttributes,\n  SlideState,\n  SlideViewerOptions,\n} from \"@netless/app-slide\";\nimport type { RegisterParams } from \"@netless/window-manager\";\n\nimport { WindowManager } from \"@netless/window-manager\";\n\nimport NetlessAppSlide, { addHooks, previewSlide, Slide, SlideViewer } from \"@netless/app-slide\";\n\nexport { Slide, SlideViewer, previewSlide };\nexport type { NetlessAppSlideAttributes, SlideState, SlideViewerOptions };\n\nexport function registerSlide() {\n  if (WindowManager.registered.has(NetlessAppSlide.kind)) return;\n  WindowManager.register({\n    kind: NetlessAppSlide.kind,\n    appOptions: { debug: false } as NetlessAppSlideAppOptions,\n    src: NetlessAppSlide,\n    addHooks,\n  });\n}\n\nconst DefaultApps: {\n  [kind: string]: Omit<RegisterParams, \"kind\">;\n} = {};\n\nexport function registerDefaultApps() {\n  Object.keys(DefaultApps).forEach(kind => {\n    if (WindowManager.registered.has(kind)) return;\n    WindowManager.register({ kind, ...DefaultApps[kind] });\n  });\n}\n","import type { FastboardApp, FastboardOptions } from \"@netless/fastboard-core\";\n\nimport { createFastboardCore } from \"@netless/fastboard-core\";\nimport { registerDefaultApps, registerSlide } from \"./behaviors/netless-app\";\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<TEventData = any>(\n  options: FastboardOptions\n): Promise<FastboardApp<TEventData>> {\n  registerSlide();\n  registerDefaultApps();\n  return createFastboardCore<TEventData>(options);\n}\n","import type { FastboardPlayer, FastboardReplayOptions } from \"@netless/fastboard-core\";\n\nimport { replayFastboardCore } from \"@netless/fastboard-core\";\nimport { registerDefaultApps, registerSlide } from \"./behaviors/netless-app\";\n\n/**\n * Create a FastboardPlayer 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 *     room: \"room uuid\",\n *     roomToken: \"NETLESSROOM_...\",\n *     beginTimestamp: 1646619090394,\n *     duration: 70448,\n *   },\n * })\n */\nexport async function replayFastboard<TEventData = any>(\n  options: FastboardReplayOptions\n): Promise<FastboardPlayer<TEventData>> {\n  registerSlide();\n  registerDefaultApps();\n  return replayFastboardCore<TEventData>(options);\n}\n"]}

package/dist/index.mjs

@@ -1,23 +1,9 @@
-import { Fastboard, ReplayFastboard } from '@netless/fastboard-ui';
-export * from '@netless/fastboard-ui';
+import { createFastboardCore, replayFastboardCore } from '@netless/fastboard-core';
 export * from '@netless/fastboard-core';
-
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
+export * from '@netless/fastboard-ui';
+import { WindowManager } from '@netless/window-manager';
+import NetlessAppSlide, { addHooks } from '@netless/app-slide';
+export { Slide, SlideViewer, previewSlide } from '@netless/app-slide';
 
 // inline-sass-helper:inline-sass-style-helper.js
 function injectStyle(text) {
@@ -34,28 +20,34 @@ var style_default = '.netless-window-manager-playground{width:100%;height:100%;p
 
 // inline-sass-stub:./src/style.scss
 injectStyle(style_default);
-function mount(app, div, options) {
-  const fastboard = new Fastboard({ target: div, props: __spreadValues({ app }, options) });
-  return {
-    update(props) {
-      fastboard.$set(props);
-    },
-    destroy() {
-      fastboard.$destroy();
-    }
-  };
+function registerSlide() {
+  if (WindowManager.registered.has(NetlessAppSlide.kind))
+    return;
+  WindowManager.register({
+    kind: NetlessAppSlide.kind,
+    appOptions: { debug: false },
+    src: NetlessAppSlide,
+    addHooks
+  });
+}
+var DefaultApps = {};
+function registerDefaultApps() {
+  Object.keys(DefaultApps).forEach((kind) => {
+    if (WindowManager.registered.has(kind))
+      return;
+    WindowManager.register({ kind, ...DefaultApps[kind] });
+  });
+}
+async function createFastboard(options) {
+  registerSlide();
+  registerDefaultApps();
+  return createFastboardCore(options);
 }
-function replay(player, div, options) {
-  const replayFastboard = new ReplayFastboard({ target: div, props: __spreadValues({ player }, options) });
-  return {
-    update(props) {
-      replayFastboard.$set(props);
-    },
-    destroy() {
-      replayFastboard.$destroy();
-    }
-  };
+async function replayFastboard(options) {
+  registerSlide();
+  registerDefaultApps();
+  return replayFastboardCore(options);
 }
 
-export { mount, replay };
+export { createFastboard, replayFastboard };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AASA;;;;;;;;;;;;;;;;;;;AAIA;AACA;AAQO,eAAe,KAAmB,KAAqB,SAAsB;AAClF,QAAM,YAAY,IAAI,UAAU,EAAE,QAAQ,KAAK,OAAO,iBAAE,OAAQ,SAAU,CAAC;AAE3E,SAAO;AAAA,IACL,OAAO,OAAoB;AACzB,gBAAU,KAAK,KAAK;AAAA,IACtB;AAAA,IACA,UAAU;AACR,gBAAU,SAAS;AAAA,IACrB;AAAA,EACF;AACF;AAOO,gBAAgB,QAAyB,KAAqB,SAAuB;AAC1F,QAAM,kBAAkB,IAAI,gBAAgB,EAAE,QAAQ,KAAK,OAAO,iBAAE,UAAW,SAAU,CAAC;AAE1F,SAAO;AAAA,IACL,OAAO,OAAqB;AAC1B,sBAAgB,KAAK,KAAK;AAAA,IAC5B;AAAA,IACA,UAAU;AACR,sBAAgB,SAAS;AAAA,IAC3B;AAAA,EACF;AACF","sourcesContent":["import type { FastboardApp, FastboardPlayer } from \"@netless/fastboard-core\";\nimport type {\n  FastboardProps,\n  GenericIcon,\n  Language,\n  ReplayFastboardProps,\n  Theme,\n} from \"@netless/fastboard-ui\";\n\nimport { Fastboard, ReplayFastboard } from \"@netless/fastboard-ui\";\n\nimport \"./style.scss\";\n\nexport * from \"@netless/fastboard-core\";\nexport * from \"@netless/fastboard-ui\";\nexport type { Theme, Language, GenericIcon };\n\nexport type MountProps = Omit<FastboardProps, \"app\">;\n\n/**\n * @deprecated Use `createUI` instead.\n */\nexport function mount(app: FastboardApp, div: HTMLDivElement, options?: MountProps) {\n  const fastboard = new Fastboard({ target: div, props: { app, ...options } });\n\n  return {\n    update(props?: MountProps) {\n      fastboard.$set(props);\n    },\n    destroy() {\n      fastboard.$destroy();\n    },\n  };\n}\n\nexport type ReplayProps = Omit<ReplayFastboardProps, \"player\">;\n\n/**\n * @deprecated Use `createReplayUI` instead.\n */\nexport function replay(player: FastboardPlayer, div: HTMLDivElement, options?: ReplayProps) {\n  const replayFastboard = new ReplayFastboard({ target: div, props: { player, ...options } });\n\n  return {\n    update(props?: ReplayProps) {\n      replayFastboard.$set(props);\n    },\n    destroy() {\n      replayFastboard.$destroy();\n    },\n  };\n}\n"]}
+{"version":3,"sources":["../src/index.ts","../src/behaviors/netless-app.ts","../src/create.ts","../src/replay.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAEA,cAAc;AACd,cAAc;;;ACKd,SAAS,qBAAqB;AAE9B,OAAO,mBAAmB,UAAU,cAAc,OAAO,mBAAmB;AAKrE,SAAS,gBAAgB;AAC9B,MAAI,cAAc,WAAW,IAAI,gBAAgB,IAAI;AAAG;AACxD,gBAAc,SAAS;AAAA,IACrB,MAAM,gBAAgB;AAAA,IACtB,YAAY,EAAE,OAAO,MAAM;AAAA,IAC3B,KAAK;AAAA,IACL;AAAA,EACF,CAAC;AACH;AAEA,IAAM,cAEF,CAAC;AAEE,SAAS,sBAAsB;AACpC,SAAO,KAAK,WAAW,EAAE,QAAQ,UAAQ;AACvC,QAAI,cAAc,WAAW,IAAI,IAAI;AAAG;AACxC,kBAAc,SAAS,EAAE,MAAM,GAAG,YAAY,MAAM,CAAC;AAAA,EACvD,CAAC;AACH;;;AChCA,SAAS,2BAA2B;AAkBpC,eAAsB,gBACpB,SACmC;AACnC,gBAAc;AACd,sBAAoB;AACpB,SAAO,oBAAgC,OAAO;AAChD;;;ACxBA,SAAS,2BAA2B;AAmBpC,eAAsB,gBACpB,SACsC;AACtC,gBAAc;AACd,sBAAoB;AACpB,SAAO,oBAAgC,OAAO;AAChD","sourcesContent":["import \"./style.scss\";\n\nexport * from \"@netless/fastboard-core\";\nexport * from \"@netless/fastboard-ui\";\n\nexport * from \"./behaviors\";\nexport * from \"./create\";\nexport * from \"./replay\";\n","import type {\n  AppOptions as NetlessAppSlideAppOptions,\n  Attributes as NetlessAppSlideAttributes,\n  SlideState,\n  SlideViewerOptions,\n} from \"@netless/app-slide\";\nimport type { RegisterParams } from \"@netless/window-manager\";\n\nimport { WindowManager } from \"@netless/window-manager\";\n\nimport NetlessAppSlide, { addHooks, previewSlide, Slide, SlideViewer } from \"@netless/app-slide\";\n\nexport { Slide, SlideViewer, previewSlide };\nexport type { NetlessAppSlideAttributes, SlideState, SlideViewerOptions };\n\nexport function registerSlide() {\n  if (WindowManager.registered.has(NetlessAppSlide.kind)) return;\n  WindowManager.register({\n    kind: NetlessAppSlide.kind,\n    appOptions: { debug: false } as NetlessAppSlideAppOptions,\n    src: NetlessAppSlide,\n    addHooks,\n  });\n}\n\nconst DefaultApps: {\n  [kind: string]: Omit<RegisterParams, \"kind\">;\n} = {};\n\nexport function registerDefaultApps() {\n  Object.keys(DefaultApps).forEach(kind => {\n    if (WindowManager.registered.has(kind)) return;\n    WindowManager.register({ kind, ...DefaultApps[kind] });\n  });\n}\n","import type { FastboardApp, FastboardOptions } from \"@netless/fastboard-core\";\n\nimport { createFastboardCore } from \"@netless/fastboard-core\";\nimport { registerDefaultApps, registerSlide } from \"./behaviors/netless-app\";\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<TEventData = any>(\n  options: FastboardOptions\n): Promise<FastboardApp<TEventData>> {\n  registerSlide();\n  registerDefaultApps();\n  return createFastboardCore<TEventData>(options);\n}\n","import type { FastboardPlayer, FastboardReplayOptions } from \"@netless/fastboard-core\";\n\nimport { replayFastboardCore } from \"@netless/fastboard-core\";\nimport { registerDefaultApps, registerSlide } from \"./behaviors/netless-app\";\n\n/**\n * Create a FastboardPlayer 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 *     room: \"room uuid\",\n *     roomToken: \"NETLESSROOM_...\",\n *     beginTimestamp: 1646619090394,\n *     duration: 70448,\n *   },\n * })\n */\nexport async function replayFastboard<TEventData = any>(\n  options: FastboardReplayOptions\n): Promise<FastboardPlayer<TEventData>> {\n  registerSlide();\n  registerDefaultApps();\n  return replayFastboardCore<TEventData>(options);\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/fastboard",
-  "version": "1.0.0-canary.1",
+  "version": "1.0.0-canary.4",
   "description": "A tiny wrapper of white-web-sdk and @netless/window-manager.",
   "main": "dist/index.js",
   "files": [
@@ -8,9 +8,14 @@
     "dist"
   ],
   "repository": "netless-io/fastboard",
+  "peerDependencies": {
+    "@netless/window-manager": ">=1.0.0-canary.0",
+    "white-web-sdk": ">=2.16.0"
+  },
   "dependencies": {
-    "@netless/fastboard-core": "1.0.0-canary.1",
-    "@netless/fastboard-ui": "1.0.0-canary.1"
+    "@netless/app-slide": "0.3.0-canary.7",
+    "@netless/fastboard-core": "1.0.0-canary.4",
+    "@netless/fastboard-ui": "1.0.0-canary.4"
   },
   "devDependencies": {
     "@netless/esbuild-plugin-inline-sass": "0.1.0"

package/src/behaviors/index.ts

@@ -0,0 +1,3 @@
+export type { NetlessAppSlideAttributes, SlideState, SlideViewerOptions } from "./netless-app";
+
+export { previewSlide, Slide, SlideViewer } from "./netless-app";

package/src/behaviors/netless-app.ts

@@ -0,0 +1,35 @@
+import type {
+  AppOptions as NetlessAppSlideAppOptions,
+  Attributes as NetlessAppSlideAttributes,
+  SlideState,
+  SlideViewerOptions,
+} from "@netless/app-slide";
+import type { RegisterParams } from "@netless/window-manager";
+
+import { WindowManager } from "@netless/window-manager";
+
+import NetlessAppSlide, { addHooks, previewSlide, Slide, SlideViewer } from "@netless/app-slide";
+
+export { Slide, SlideViewer, previewSlide };
+export type { NetlessAppSlideAttributes, SlideState, SlideViewerOptions };
+
+export function registerSlide() {
+  if (WindowManager.registered.has(NetlessAppSlide.kind)) return;
+  WindowManager.register({
+    kind: NetlessAppSlide.kind,
+    appOptions: { debug: false } as NetlessAppSlideAppOptions,
+    src: NetlessAppSlide,
+    addHooks,
+  });
+}
+
+const DefaultApps: {
+  [kind: string]: Omit<RegisterParams, "kind">;
+} = {};
+
+export function registerDefaultApps() {
+  Object.keys(DefaultApps).forEach(kind => {
+    if (WindowManager.registered.has(kind)) return;
+    WindowManager.register({ kind, ...DefaultApps[kind] });
+  });
+}

package/src/create.ts

@@ -0,0 +1,27 @@
+import type { FastboardApp, FastboardOptions } from "@netless/fastboard-core";
+
+import { createFastboardCore } from "@netless/fastboard-core";
+import { registerDefaultApps, registerSlide } from "./behaviors/netless-app";
+
+/**
+ * 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<TEventData = any>(
+  options: FastboardOptions
+): Promise<FastboardApp<TEventData>> {
+  registerSlide();
+  registerDefaultApps();
+  return createFastboardCore<TEventData>(options);
+}

package/src/index.ts

@@ -1,52 +1,8 @@
-import type { FastboardApp, FastboardPlayer } from "@netless/fastboard-core";
-import type {
-  FastboardProps,
-  GenericIcon,
-  Language,
-  ReplayFastboardProps,
-  Theme,
-} from "@netless/fastboard-ui";
-
-import { Fastboard, ReplayFastboard } from "@netless/fastboard-ui";
-
 import "./style.scss";
 
 export * from "@netless/fastboard-core";
 export * from "@netless/fastboard-ui";
-export type { Theme, Language, GenericIcon };
-
-export type MountProps = Omit<FastboardProps, "app">;
-
-/**
- * @deprecated Use `createUI` instead.
- */
-export function mount(app: FastboardApp, div: HTMLDivElement, options?: MountProps) {
-  const fastboard = new Fastboard({ target: div, props: { app, ...options } });
-
-  return {
-    update(props?: MountProps) {
-      fastboard.$set(props);
-    },
-    destroy() {
-      fastboard.$destroy();
-    },
-  };
-}
-
-export type ReplayProps = Omit<ReplayFastboardProps, "player">;
-
-/**
- * @deprecated Use `createReplayUI` instead.
- */
-export function replay(player: FastboardPlayer, div: HTMLDivElement, options?: ReplayProps) {
-  const replayFastboard = new ReplayFastboard({ target: div, props: { player, ...options } });
 
-  return {
-    update(props?: ReplayProps) {
-      replayFastboard.$set(props);
-    },
-    destroy() {
-      replayFastboard.$destroy();
-    },
-  };
-}
+export * from "./behaviors";
+export * from "./create";
+export * from "./replay";

package/src/replay.ts

@@ -0,0 +1,28 @@
+import type { FastboardPlayer, FastboardReplayOptions } from "@netless/fastboard-core";
+
+import { replayFastboardCore } from "@netless/fastboard-core";
+import { registerDefaultApps, registerSlide } from "./behaviors/netless-app";
+
+/**
+ * Create a FastboardPlayer instance.
+ * @example
+ * let player = await replayFastboard({
+ *   sdkConfig: {
+ *     appIdentifier: import.meta.env.VITE_APPID,
+ *     region: 'cn-hz',
+ *   },
+ *   replayRoom: {
+ *     room: "room uuid",
+ *     roomToken: "NETLESSROOM_...",
+ *     beginTimestamp: 1646619090394,
+ *     duration: 70448,
+ *   },
+ * })
+ */
+export async function replayFastboard<TEventData = any>(
+  options: FastboardReplayOptions
+): Promise<FastboardPlayer<TEventData>> {
+  registerSlide();
+  registerDefaultApps();
+  return replayFastboardCore<TEventData>(options);
+}