@rkmodules/rules 0.0.2 → 0.0.4

package/dist/index.js

@@ -8,7 +8,6 @@ var useInner = require('@rkmodules/use-inner');
 var React = require('react');
 var katex = require('katex');
 var classNames = require('classnames');
-require('@xyflow/react/dist/style.css');
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -1545,8 +1544,8 @@ function FlowInner(_a) {
     var _c = React.useMemo(function () {
         return createGraph(fn, engine, positions);
     }, [fn, engine]), initialNodes = _c.nodes, initialEdges = _c.edges;
-    var _d = __read(useInner(initialNodes), 2), nodes = _d[0], setNodes = _d[1];
-    var _e = __read(useInner(initialEdges), 2), edges = _e[0], setEdges = _e[1];
+    var _d = __read(useInner.useInner(initialNodes), 2), nodes = _d[0], setNodes = _d[1];
+    var _e = __read(useInner.useInner(initialEdges), 2), edges = _e[0], setEdges = _e[1];
     // useLayoutNodes();
     var updatePosition = function (event, node) {
         var _a;
@@ -1615,6 +1614,46 @@ function Flow(_a) {
                 React.createElement(FlowInner, { function: fn, engine: engine, onChange: onChange })))));
 }
 
+/**
+ * using functions
+ *
+ * in React context
+ * - use useFunction. This will build the function, mount it if needed and provides a run function.
+ *
+ *
+ * in Vanilla context
+ * - use engine.build(fn) to build the function
+ * - use engine.mount(fn) to mount the function (if it has a mount function)
+ * - use await engine.run(fn, inputs) to run the function and get the result
+ */
+function useFunction(engine, fn, mount) {
+    var _this = this;
+    var _a = __read(React.useState(null), 2), result = _a[0], setResult = _a[1];
+    var builtFn = React.useMemo(function () { return engine.build(fn); }, [fn]);
+    React.useEffect(function () {
+        if (mount) {
+            return engine.mount(builtFn);
+        }
+    }, [builtFn, mount]);
+    var run = React.useCallback(function (inputs) { return __awaiter(_this, void 0, void 0, function () {
+        var result;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, engine.run(builtFn, inputs)];
+                case 1:
+                    result = _a.sent();
+                    setResult(result);
+                    return [2 /*return*/, result];
+            }
+        });
+    }); }, [builtFn]);
+    return React.useMemo(function () { return ({
+        fn: builtFn,
+        run: run,
+        result: result,
+    }); }, [builtFn, run, result]);
+}
+
 exports.Engine = Engine;
 exports.Flow = Flow;
 exports.applyEdgeDelete = applyEdgeDelete;
@@ -1631,4 +1670,5 @@ exports.parseReference = parseReference;
 exports.primitives = primitives;
 exports.topSort = topSort;
 exports.uid = uid;
+exports.useFunction = useFunction;
 //# sourceMappingURL=index.js.map