@netless/fastboard 0.0.9 → 0.0.10

package/dist/index.es.js

@@ -2336,7 +2336,7 @@ class WhiteboardApp {
     return this._instance.dispose();
   }
 }
-const version = "0.0.9";
+const version = "0.0.10";
 function useLastValue(value) {
   const ref = useRef(value);
   useEffect(() => {
@@ -2594,10 +2594,29 @@ function renderSpeeds({
     }, speed))
   });
 }
-function Fastboard({
-  app
-}) {
-  const ref = useRef(null);
+function useCombinedRefs(...refs) {
+  const targetRef = useRef(null);
+  useEffect(() => {
+    for (const ref of refs) {
+      if (!ref)
+        continue;
+      if (typeof ref === "function") {
+        ref(targetRef.current);
+      } else {
+        ref.current = targetRef.current;
+      }
+    }
+  }, [refs]);
+  return targetRef;
+}
+const Fastboard = forwardRef((_c, outerRef) => {
+  var _d = _c, {
+    app
+  } = _d, restProps = __objRest(_d, [
+    "app"
+  ]);
+  const innerRef = useRef(null);
+  const ref = useCombinedRefs(outerRef, innerRef);
   const previous = useLastValue(app);
   useEffect(() => {
     if (previous && previous !== app) {
@@ -2606,12 +2625,13 @@ function Fastboard({
     if (app) {
       app.bindElement(ref.current);
     }
-  }, [app, previous]);
-  return /* @__PURE__ */ jsx("div", {
-    className: "fastboard",
+  }, [app, previous, ref]);
+  return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({
+    className: "fastboard"
+  }, restProps), {
     ref
-  });
-}
+  }));
+});
 const register = WindowManager.register.bind(WindowManager);
 async function createWhiteboardApp(config) {
   const app = new WhiteboardApp(config);