@rkmodules/rules 0.0.176 → 0.0.177

package/dist/index.cjs.js

@@ -11,6 +11,7 @@ var rcin = require('rc-input-number');
 var useLongPress = require('use-long-press');
 var zustand = require('zustand');
 var middleware = require('zustand/middleware');
+var vanilla = require('zustand/vanilla');
 var jsxRuntime = require('react/jsx-runtime');
 
 /******************************************************************************
@@ -3869,6 +3870,7 @@ var Engine = /** @class */ (function () {
         // register the primitive
         this.fnIndex[primitive.name] = primitive;
         this.graphDefinitions.set(primitive, node);
+        this.fireEvent("functionBuilt", { name: primitive.name, fn: primitive });
         return primitive;
     };
     Engine.prototype.mount = function (node, inputs, options) {
@@ -8007,7 +8009,7 @@ function addOutputToNode(nodes, ref, targetId) {
  * flow state stores nodes and edges for the flow graph these can be updated when the function changes
  * using setFn
  */
-var useFlowState = zustand.create(function (set, get) { return ({
+var createFlowStore = function () { return vanilla.createStore(function (set, get) { return ({
     engine: null,
     fn: null,
     options: {},
@@ -8123,25 +8125,48 @@ var useFlowState = zustand.create(function (set, get) { return ({
         });
         // console.log("final graph", nodes, edges);
         // update the function, nodes and edges
-        set({ fn: fn, nodes: nodes, edges: edges });
+        set({ fn: fn, nodes: nodes, edges: edges, options: options });
+    },
+    refreshFunctions: function (name) {
+        var _a = get(), fn = _a.fn, engine = _a.engine, options = _a.options, nodes = _a.nodes;
+        if (!fn || !engine)
+            return;
+        var matching = Object.entries(fn.body || {}).filter(function (_a) {
+            var _b = __read(_a, 2), id = _b[0], call = _b[1];
+            return nodes[id] && (name === undefined || call.name === name);
+        });
+        if (!matching.length)
+            return;
+        var nextNodes = __assign({}, nodes);
+        matching.forEach(function (_a) {
+            var _b = __read(_a, 2), id = _b[0], call = _b[1];
+            var node = nodes[id];
+            var refreshed = createNode(engine, id, call, options);
+            nextNodes[id] = __assign(__assign({}, node), { type: refreshed.type, dragHandle: refreshed.dragHandle, data: __assign(__assign({}, refreshed.data), { outputs: node.data.outputs }) });
+        });
+        set({ nodes: nextNodes });
     },
     init: function (fn, engine, options) {
         // console.log("initing");
         set({ engine: engine, options: options });
         get().setFn(fn, options);
+        // Reconcile builds that happened before the effect subscribed.
+        get().refreshFunctions();
     },
-}); });
-/**
- * creates a flow state and provides handlers to update nodes and edges
- */
+}); }); };
+
+/** Creates isolated editor state and observes definitions used by its nodes. */
 function useFlow(fn, engine, options) {
-    var state = useFlowState();
+    var store = React.useMemo(function () { return createFlowStore(); }, [engine]);
+    var state = zustand.useStore(store);
     React.useEffect(function () {
-        state.init(fn, engine, options);
-    }, [engine]);
-    React.useEffect(function () {
-        state.setFn(fn, options);
-    }, [fn, options]);
+        var unsubscribe = engine.subscribe("functionBuilt", function (_a) {
+            var name = _a.name;
+            store.getState().refreshFunctions(name);
+        });
+        store.getState().init(fn, engine, options);
+        return unsubscribe;
+    }, [store, engine, fn, options]);
     return React.useMemo(function () { return ({
         nodes: Object.values(state.nodes),
         edges: state.edges,