@netless/fastboard 0.0.5 → 0.0.6

package/dist/index.es.js

@@ -1847,14 +1847,14 @@ function PageControl({
     if (manager && room) {
       await manager.switchMainViewToWriter();
       const path = room.state.sceneState.contextPath;
-      room.putScenes(path, [{}], pageCount);
-      await manager.setMainViewSceneIndex(pageIndex);
+      room.putScenes(path, [{}], pageIndex + 1);
+      await manager.setMainViewSceneIndex(pageIndex + 1);
     } else if (!manager && room) {
       const path = room.state.sceneState.contextPath;
-      room.putScenes(path, [{}], pageCount);
-      room.setSceneIndex(pageIndex);
+      room.putScenes(path, [{}], pageIndex + 1);
+      room.setSceneIndex(pageIndex + 1);
     }
-  }, [room, manager, pageCount, pageIndex]);
+  }, [room, manager, pageIndex]);
   const prevPage = useCallback(() => {
     if (room == null ? void 0 : room.isWritable) {
       if (manager) {
@@ -2035,6 +2035,7 @@ class Instance {
     __publicField(this, "resolveReady");
     __publicField(this, "readyPromise");
     __publicField(this, "_target", null);
+    __publicField(this, "collector", null);
     this.config = config;
     this.refreshReadyPromise();
     this.initialize();
@@ -2063,6 +2064,11 @@ class Instance {
     this._target = value;
     this.forceUpdate();
   }
+  bindElement(target, collector) {
+    this.target = target;
+    this.collector = collector;
+    this.forceUpdate();
+  }
   async forceUpdate() {
     await this.readyPromise;
     if (this.target) {
@@ -2094,7 +2100,12 @@ class Instance {
   }
   async mount(node) {
     await this.readyPromise;
-    if (this.manager) {
+    if (!this.manager) {
+      throw new Error(`[WhiteboardApp] mounted, but not found window manager`);
+    }
+    if (this.collector) {
+      this.manager.bindContainer(node, this.collector);
+    } else {
       this.manager.bindContainer(node);
     }
   }
@@ -2193,12 +2204,10 @@ class WhiteboardApp {
   constructor(config) {
     __publicField(this, "_instance");
     __publicField(this, "_target", null);
+    __publicField(this, "_collector", null);
     this.config = config;
     this._instance = new Instance(config);
   }
-  get target() {
-    return this._target;
-  }
   get room() {
     return this._instance.room;
   }
@@ -2211,9 +2220,16 @@ class WhiteboardApp {
   get i18n() {
     return this._instance.i18n;
   }
-  bindElement(target) {
+  get target() {
+    return this._target;
+  }
+  get collector() {
+    return this._collector;
+  }
+  bindElement(target, collector) {
     this._target = target || null;
-    this._instance.target = target || null;
+    this._collector = collector || null;
+    this._instance.bindElement(this._target, this._collector);
   }
   insertDocs(params) {
     return this._instance.insertDocs(params);
@@ -2234,7 +2250,7 @@ class WhiteboardApp {
     return this._instance.dispose();
   }
 }
-const version = "0.0.5";
+const version = "0.0.6";
 const EMPTY_ARRAY = [];
 function useForceUpdate() {
   const [, forceUpdate_] = useState({});
@@ -2495,6 +2511,7 @@ function renderSpeeds({
 function useFastboard(config) {
   const [app, setApp] = useState(null);
   const [currentTarget, ref] = useState(null);
+  const [collector, collectorRef] = useState(null);
   useEffect(() => {
     let isMounted = true;
     const promise = createWhiteboardApp(config).then((app2) => {
@@ -2508,10 +2525,14 @@ function useFastboard(config) {
   }, []);
   useEffect(() => {
     if (app) {
-      app.bindElement(currentTarget);
+      app.bindElement(currentTarget, collector);
     }
-  }, [app, currentTarget]);
-  return Object.assign([app, ref], { app, ref });
+  }, [app, collector, currentTarget]);
+  return Object.assign([app, ref, collectorRef], {
+    app,
+    ref,
+    collectorRef
+  });
 }
 const register = WindowManager.register.bind(WindowManager);
 async function createWhiteboardApp(config) {