@netless/fastboard-ui 0.3.15-canary.0 → 0.3.15

package/dist/lite.d.ts

@@ -23,6 +23,13 @@ interface ToolbarConfig {
     placement?: "left" | "right";
     /** @default ["clicker", "selector", "pencil", "text", "shapes", "eraser", "clear"] */
     items?: ToolbarItem[];
+    /**
+     * Note: updating this option does not take effect when the element was mounted.
+     * Make sure to set this option in `UI.mount(div, { configs: { toolbar: { collapsed: true } } })`.
+     * @default false
+     */
+    collapsed?: boolean;
+    /** Control the last button which opens apps stock on toolbar. */
     apps?: {
         enable?: boolean;
     };
@@ -106,6 +113,10 @@ declare interface FastboardProps {
   app?: FastboardApp | null;
   theme?: Theme;
   language?: Language;
+  /**
+   * Note: updating this option does not take effect when the element was mounted.
+   * Make sure to set this option in `UI.mount(div, { containerRef })`.
+   */
   containerRef?: (container: HTMLDivElement | null) => void;
   config?: FastboardUIConfig;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/fastboard-ui",
-  "version": "0.3.15-canary.0",
+  "version": "0.3.15",
   "description": "The front-end of @netless/fastboard-core.",
   "main": "dist/index.js",
   "svelte": "dist/index.svelte.mjs",
@@ -11,7 +11,7 @@
   ],
   "repository": "netless-io/fastboard",
   "peerDependencies": {
-    "@netless/fastboard-core": "0.3.15-canary.0"
+    "@netless/fastboard-core": "0.3.15"
   },
   "dependencies": {
     "tippy.js": "^6.3.7"
@@ -19,7 +19,7 @@
   "devDependencies": {
     "@netless/buildtool": "0.1.0",
     "@netless/esbuild-plugin-inline-sass": "0.1.0",
-    "@netless/fastboard-core": "0.3.15-canary.0"
+    "@netless/fastboard-core": "0.3.15"
   },
   "scripts": {
     "cleanup": "rimraf dist",

package/src/components/Fastboard/Fastboard.svelte.d.ts

@@ -6,6 +6,10 @@ export declare interface FastboardProps {
   app?: FastboardApp | null;
   theme?: Theme;
   language?: Language;
+  /**
+   * Note: updating this option does not take effect when the element was mounted.
+   * Make sure to set this option in `UI.mount(div, { containerRef })`.
+   */
   containerRef?: (container: HTMLDivElement | null) => void;
   config?: FastboardUIConfig;
 }

package/src/components/Toolbar/Toolbar.svelte

@@ -19,7 +19,7 @@
   $: phase = app?.phase;
   $: disabled = !($writable && $phase === "connected");
 
-  let collapsed = false;
+  let collapsed = config.collapsed;
   let container_height = svelte_writable(0);
   let scroll_height = svelte_writable(0);
 

package/src/typings.ts

@@ -39,6 +39,13 @@ export interface ToolbarConfig {
   placement?: "left" | "right";
   /** @default ["clicker", "selector", "pencil", "text", "shapes", "eraser", "clear"] */
   items?: ToolbarItem[];
+  /**
+   * Note: updating this option does not take effect when the element was mounted.
+   * Make sure to set this option in `UI.mount(div, { configs: { toolbar: { collapsed: true } } })`.
+   * @default false
+   */
+  collapsed?: boolean;
+  /** Control the last button which opens apps stock on toolbar. */
   apps?: { enable?: boolean };
 }