@netless/fastboard 0.0.6 → 0.0.7

package/dist/index.es.js

@@ -1985,6 +1985,17 @@ function Root({
 }) {
   const [mux] = useState(() => new Lock());
   const useWhiteboard = useCallback((container) => mux.schedule(container ? () => app.mount(container) : () => app.unmount()), [app, mux]);
+  const {
+    Toolbar: toolbar = true,
+    RedoUndo: redo_undo = true,
+    ZoomControl: zoom_control = true,
+    PageControl: page_control = true
+  } = app.config.layout || {};
+  const props = {
+    room: app.room,
+    manager: app.manager,
+    i18n: app.i18n
+  };
   return /* @__PURE__ */ jsx(Instance.Context.Provider, {
     value: app,
     children: /* @__PURE__ */ jsxs("div", {
@@ -1995,31 +2006,15 @@ function Root({
       }), /* @__PURE__ */ jsx("div", {
         className: "fastboard-view",
         ref: useWhiteboard
-      }), /* @__PURE__ */ jsx("div", {
+      }), toolbar && /* @__PURE__ */ jsx("div", {
         className: "fastboard-left",
-        children: /* @__PURE__ */ jsx(Toolbar, {
-          room: app.room,
-          manager: app.manager,
-          i18n: app.i18n
-        })
-      }), /* @__PURE__ */ jsxs("div", {
+        children: /* @__PURE__ */ jsx(Toolbar, __spreadValues({}, props))
+      }), (redo_undo || zoom_control) && /* @__PURE__ */ jsxs("div", {
         className: "fastboard-bottom-left",
-        children: [/* @__PURE__ */ jsx(RedoUndo, {
-          room: app.room,
-          manager: app.manager,
-          i18n: app.i18n
-        }), /* @__PURE__ */ jsx(ZoomControl, {
-          room: app.room,
-          manager: app.manager,
-          i18n: app.i18n
-        })]
-      }), /* @__PURE__ */ jsx("div", {
+        children: [redo_undo && /* @__PURE__ */ jsx(RedoUndo, __spreadValues({}, props)), zoom_control && /* @__PURE__ */ jsx(ZoomControl, __spreadValues({}, props))]
+      }), page_control && /* @__PURE__ */ jsx("div", {
         className: "fastboard-bottom-right",
-        children: /* @__PURE__ */ jsx(PageControl, {
-          room: app.room,
-          manager: app.manager,
-          i18n: app.i18n
-        })
+        children: /* @__PURE__ */ jsx(PageControl, __spreadValues({}, props))
       })]
     })
   });
@@ -2034,9 +2029,9 @@ class Instance {
     __publicField(this, "ready", false);
     __publicField(this, "resolveReady");
     __publicField(this, "readyPromise");
-    __publicField(this, "_target", null);
+    __publicField(this, "target", null);
     __publicField(this, "collector", null);
-    this.config = config;
+    this.config = __spreadValues({}, config);
     this.refreshReadyPromise();
     this.initialize();
   }
@@ -2054,21 +2049,18 @@ class Instance {
     this.accept(essentials);
     this.resolveReady();
   }
-  get target() {
-    return this._target;
-  }
-  set target(value) {
-    if (this._target && value) {
-      ReactDOM.unmountComponentAtNode(this._target);
-    }
-    this._target = value;
-    this.forceUpdate();
-  }
   bindElement(target, collector) {
+    if (this.target && target) {
+      ReactDOM.unmountComponentAtNode(this.target);
+    }
     this.target = target;
     this.collector = collector;
     this.forceUpdate();
   }
+  updateLayout(layout) {
+    this.config.layout = layout;
+    this.forceUpdate();
+  }
   async forceUpdate() {
     await this.readyPromise;
     if (this.target) {
@@ -2250,7 +2242,7 @@ class WhiteboardApp {
     return this._instance.dispose();
   }
 }
-const version = "0.0.6";
+const version = "0.0.7";
 const EMPTY_ARRAY = [];
 function useForceUpdate() {
   const [, forceUpdate_] = useState({});