@linkdlab/funcnodes_react_flow 1.0.0 → 1.0.3

package/dist/index.d.ts

@@ -982,6 +982,12 @@ declare class NodeSpaceManager extends AbstractFuncNodesReactFlowHandleHandler i
     _set_groups: (groups: NodeGroups) => void;
     _add_node: (action: NodeActionAdd) => NodeType | undefined;
     _update_node: (action: NodeActionUpdate) => NodeType | undefined;
+    /**
+     * Sync the nodes between the nodespace and the react zustand
+     * This is needed because e.g. deleting a node removes it from the react zustand but the nodespace still has it
+     * so we need to sync the nodes between the two
+     */
+    _sync_nodes: () => void;
     _delete_node: (action: NodeActionDelete) => undefined;
     _error_action: (action: NodeActionError) => NodeType | undefined;
     _trigger_action: (action: NodeActionTrigger) => NodeType | undefined;

package/dist/index.es.js

@@ -32911,11 +32911,7 @@ const nY = (e) => {
             R.currentPage > 1 && (J.preventDefault(), J.stopPropagation(), U(R.currentPage - 1));
             break;
           case "ArrowRight":
-            R.currentPage < R.totalPages && (console.log(
-              "ArrowRight",
-              R.currentPage,
-              R.totalPages
-            ), J.preventDefault(), J.stopPropagation(), U(R.currentPage + 1));
+            R.currentPage < R.totalPages && (J.preventDefault(), J.stopPropagation(), U(R.currentPage + 1));
             break;
           case "Home":
             R.currentPage > 1 && (J.preventDefault(), J.stopPropagation(), U(1));
@@ -44398,7 +44394,7 @@ const bO = ({
         ref: y,
         src: w,
         alt: n,
-        className: `base64-image-renderer ${l.className || ""} ${h ? " loading" : ""}`,
+        className: `base64-image-renderer image-renderer ${l.className || ""} ${h ? " loading" : ""}`,
         ...l
       }
     ) : /* @__PURE__ */ T.jsx(bO, {});
@@ -44498,7 +44494,7 @@ const bO = ({
       "img",
       {
         ref: l,
-        className: `streaming-image ${a.className || ""} ${h ? " loading" : ""}`,
+        className: `streaming-image image-renderer ${a.className || ""} ${h ? " loading" : ""}`,
         alt: t,
         ...a
       }
@@ -46641,7 +46637,7 @@ class Koe {
     };
   }
   set_zustand(t) {
-    t !== this._zustand && (this._zustand = t, t.set_worker(this), this._zustand.auto_progress(), this._syncManager.stepwise_fullsync());
+    t !== this._zustand && (t.logger.debug("Setting zustand for worker"), this._zustand = t, t.set_worker(this), this._zustand.auto_progress(), this._syncManager.stepwise_fullsync());
   }
   get is_open() {
     return this.state.getState().is_open;
@@ -48641,7 +48637,7 @@ class DL extends Koe {
 }
 class Oie {
   constructor(t, n) {
-    this.ws = null, this.reconnectAttempts = 0, this.maxReconnectAttempts = 999, this.initialTimeout = 200, this.maxTimeout = 2e3, this._wsuri = t, this.zustand = n, this.workers = {}, this.on_setWorker = (r) => {
+    this.ws = null, this.reconnectAttempts = 0, this.maxReconnectAttempts = 999, this.initialTimeout = 200, this.maxTimeout = 2e3, n.logger.debug("Initializing worker manager"), this._wsuri = t, this.zustand = n, this.workers = {}, this.on_setWorker = (r) => {
       this.zustand.set_worker(r);
     }, this.connectionTimeout = setTimeout(() => {
       this.connect();
@@ -56065,7 +56061,7 @@ function T0(e) {
     throw new Error("No IO found");
   return z.useCallback(
     (r, a) => {
-      console.log("io value set", r), t?.set_io_value({
+      t?.set_io_value({
         nid: e.node,
         ioid: e.id,
         value: r,
@@ -57968,7 +57964,6 @@ const pV = (e) => {
     }
   }, [n, u]), Et(() => {
     if (r) {
-      console.log("ungroupPressed");
       const S = d(), { group_nodes: A } = h(S);
       A.forEach((E) => {
         v?.remove_group(E.id);
@@ -68688,9 +68683,9 @@ const zM = ({
   library: r
 }) => {
   const [a, l] = Qe(
-    e.options.worker
+    e.options.worker || e.getWorkerManager().worker
   ), u = z.useRef(null);
-  e.workermanager && (e.workermanager.on_setWorker = l), e.set_worker(a), z.useEffect(() => {
+  e.workermanager && (e.workermanager.on_setWorker = l), z.useEffect(() => {
     e.auto_progress();
   }, []), z.useEffect(() => {
     e.local_state.setState({ funcnodescontainerRef: u.current });
@@ -68870,7 +68865,7 @@ class Pwe extends O0 {
           this.context.rf.logger.error("Unknown group action", n);
       }
     }, this.clear_all = () => {
-      this.workerManager.worker?.disconnect(), this.workerManager.set_worker(void 0), this.workerManager.workermanager?.setWorker(void 0), this.libManager.lib.libstate.getState().set({ lib: { shelves: [] }, external_worker: [] }), this.nodespace.nodesstates.clear(), this.reactFlowManager.useReactFlowStore.getState().update_nodes([]), this.reactFlowManager.useReactFlowStore.getState().update_edges([]), this.stateManager.auto_progress();
+      this.context.rf.logger.debug("Clearing all nodespace"), this.workerManager.worker?.disconnect(), this.workerManager.set_worker(void 0), this.workerManager.workermanager?.setWorker(void 0), this.libManager.lib.libstate.getState().set({ lib: { shelves: [] }, external_worker: [] }), this.nodespace.nodesstates.clear(), this.reactFlowManager.useReactFlowStore.getState().update_nodes([]), this.reactFlowManager.useReactFlowStore.getState().update_edges([]), this.stateManager.auto_progress();
     }, this.center_node = (n) => {
       if (!this.reactFlowManager.rf_instance)
         return;
@@ -69025,13 +69020,17 @@ class Pwe extends O0 {
         return r.update(n.node), r.getState();
       } else
         this.workerManager.worker && this.workerManager.worker.api.node.locally_update_node(n);
+    }, this._sync_nodes = () => {
+      const n = this.reactFlowManager.useReactFlowStore.getState().getNodes(), r = this.nodespace.nodesstates;
+      for (const a of r.keys())
+        n.some((l) => l.id === a) || r.delete(a);
     }, this._delete_node = (n) => {
-      this.context.rf.logger.info("Deleting node", n.id), n.from_remote ? this.reactFlowManager.useReactFlowStore.getState().onNodesChange([
+      this.context.rf.logger.info("Deleting node", n.id), n.from_remote ? (this.reactFlowManager.useReactFlowStore.getState().onNodesChange([
         {
           type: "remove",
           id: n.id
         }
-      ]) : this.workerManager.worker?.api.node.remove_node(n.id);
+      ]), this._sync_nodes()) : this.workerManager.worker?.api.node.remove_node(n.id);
     }, this._error_action = (n) => (this.context.rf.logger.error("Error", new Error(JSON.stringify(n))), this.on_node_action({
       type: "update",
       id: n.id,
@@ -69076,14 +69075,14 @@ class Vwe extends O0 {
 }
 class Fwe extends O0 {
   constructor(t) {
-    super(t), this.workers = bl((n, r) => ({})), this.workerstate = bl((n, r) => ({
+    super(t), t.rf.logger.debug("Initializing worker manager handler"), this.workers = bl((n, r) => ({})), this.workerstate = bl((n, r) => ({
       is_open: !1
     }));
   }
   set_worker(t) {
-    t !== this.worker && (this._unsubscribeFromWorker && (this._unsubscribeFromWorker(), this._unsubscribeFromWorker = void 0), t && (this._unsubscribeFromWorker = t.state.subscribe((n) => {
+    t !== this.worker && (this._unsubscribeFromWorker && (this._unsubscribeFromWorker(), this._unsubscribeFromWorker = void 0), t ? (this.context.rf.logger.debug("Setting worker in worker manager"), this._unsubscribeFromWorker = t.state.subscribe((n) => {
       this.workerstate.setState(n);
-    }), this.workerstate.setState(t.state.getState())), this.worker = t, t?.set_zustand(this.context.rf));
+    }), this.workerstate.setState(t.state.getState())) : this.context.rf.logger.debug("Removing worker in worker manager"), this.worker = t, t?.set_zustand(this.context.rf));
   }
 }
 class Gwe extends O0 {
@@ -69158,7 +69157,7 @@ class Xwe extends O0 {
     super(t), this.plugins = bl((n, r) => ({})), this.render_options = bl((n, r) => ({}));
   }
   add_plugin(t, n) {
-    if (console.log("add_plugin", t, n), n !== void 0)
+    if (n !== void 0)
       try {
         const r = $we(n);
         this.plugins.setState((a) => ({ ...a, [t]: r }));