@netless/fastboard 0.3.3 → 0.3.4-canary.2

package/README.md

@@ -5,7 +5,7 @@ A tiny wrapper of white-web-sdk and @netless/window-manager.
 ## Usage
 
 ```js
-import { createFastboard, mount } from "@netless/fastboard";
+import { createFastboard, createUI } from "@netless/fastboard";
 
 createFastboard({
   sdkConfig: {
@@ -20,7 +20,7 @@ createFastboard({
     cursor: true,
   },
 }).then(app => {
-  mount(app, document.getElementById("app"));
+  createUI(app, document.getElementById("app"));
 });
 ```
 

package/dist/index.d.ts

@@ -5,13 +5,19 @@ export * from '@netless/fastboard-ui';
 export { GenericIcon, Language, Theme } from '@netless/fastboard-ui';
 
 declare type MountProps = Omit<FastboardProps, "app">;
+/**
+ * @deprecated Use `createUI` instead.
+ */
 declare function mount(app: FastboardApp, div: HTMLDivElement, options?: MountProps): {
-    update(props?: MountProps | undefined): void;
+    update(props?: MountProps): void;
     destroy(): void;
 };
 declare type ReplayProps = Omit<ReplayFastboardProps, "player">;
+/**
+ * @deprecated Use `createReplayUI` instead.
+ */
 declare function replay(player: FastboardPlayer, div: HTMLDivElement, options?: ReplayProps): {
-    update(props?: ReplayProps | undefined): void;
+    update(props?: ReplayProps): void;
     destroy(): void;
 };
 

package/dist/index.js

@@ -1,3 +1,5 @@
+'use strict';
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"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\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\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,0BAA2C;;;;;;;;;;;;;;;;;;;AAI3C,wBAAc,oCAbd;AAcA,wBAAc,kCAdd;AAmBO,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;AAIO,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;","names":[]}
+{"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"]}

package/dist/index.mjs

@@ -1,3 +1,7 @@
+import { Fastboard, ReplayFastboard } from '@netless/fastboard-ui';
+export * from '@netless/fastboard-ui';
+export * from '@netless/fastboard-core';
+
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
@@ -15,9 +19,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 
-// src/index.ts
-import { Fastboard, ReplayFastboard } from "@netless/fastboard-ui";
-
 // inline-sass-helper:inline-sass-style-helper.js
 function injectStyle(text) {
   if (typeof document !== "undefined") {
@@ -33,10 +34,6 @@ var style_default = '@charset "UTF-8";.vjs-modal-dialog .vjs-modal-dialog-conten
 
 // inline-sass-stub:./src/style.scss
 injectStyle(style_default);
-
-// src/index.ts
-export * from "@netless/fastboard-core";
-export * from "@netless/fastboard-ui";
 function mount(app, div, options) {
   const fastboard = new Fastboard({ target: div, props: __spreadValues({ app }, options) });
   return {
@@ -59,8 +56,6 @@ function replay(player, div, options) {
     }
   };
 }
-export {
-  mount,
-  replay
-};
+
+export { mount, replay };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"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\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\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"],"mappings":";;;;;;;;;;;;;;;;;;AASA;;;;;;;;;;;;;;;;;;;AAIA;AACA;AAKO,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;AAIO,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;","names":[]}
+{"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"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/fastboard",
-  "version": "0.3.3",
+  "version": "0.3.4-canary.2",
   "description": "A tiny wrapper of white-web-sdk and @netless/window-manager.",
   "main": "dist/index.js",
   "files": [
@@ -9,8 +9,8 @@
   ],
   "repository": "netless-io/fastboard",
   "dependencies": {
-    "@netless/fastboard-core": "0.3.3",
-    "@netless/fastboard-ui": "0.3.3"
+    "@netless/fastboard-core": "0.3.4-canary.2",
+    "@netless/fastboard-ui": "0.3.4-canary.2"
   },
   "devDependencies": {
     "@netless/esbuild-plugin-inline-sass": "0.1.0"

package/src/index.ts

@@ -17,6 +17,9 @@ 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 } });
 
@@ -32,6 +35,9 @@ export function mount(app: FastboardApp, div: HTMLDivElement, options?: MountPro
 
 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 } });