@rkmodules/rules 0.0.144 → 0.0.145

package/dist/index.cjs.js

@@ -6511,9 +6511,9 @@ function GenericNode(_a) {
                 var _b = __read(_a, 2), name = _b[0], varDef = _b[1];
                 return (React.createElement(Param, { key: "".concat(name, "_").concat(index), name: name, varDef: varDef, id: id, data: data }));
             })),
-        React.createElement("div", { className: classNames(styles.PreviewHead, (_b = {},
+        !!outputEntries.length && (React.createElement("div", { className: classNames(styles.PreviewHead, (_b = {},
                 _b[styles.expanded] = showPreview,
-                _b)), onClick: function () { return setShowPreview(!showPreview); } }, "Preview"),
+                _b)), onClick: function () { return setShowPreview(!showPreview); } }, "Preview")),
         showPreview && (React.createElement("div", { className: styles.Preview },
             React.createElement(TreeView, { value: previewValue }),
             duration !== null && (React.createElement("div", { className: styles.Duration },
@@ -6738,10 +6738,29 @@ DynamicInput.displayName = "DynamicInputNode";
  * - create input node
  */
 var OutputNode = React.memo(function (_a) {
+    var _b;
+    var _c;
     var id = _a.id, data = _a.data, selected = _a.selected;
     var engine = useEngine();
     var fn = useGraphedFunction();
     var prompt = usePrompts().prompt;
+    // const inputEntries = Object.entries(inputs || data.inputDefs || {});
+    var outputEntries = Object.entries(data.outputDefs || {});
+    var paramEntries = Object.entries(data.paramDefs || {});
+    var _d = __read(React.useState({}), 2), result = _d[0], setResult = _d[1];
+    var _e = __read(React.useState(null), 2), duration = _e[0], setDuration = _e[1];
+    var _f = __read(useInner(((_c = outputEntries[0]) === null || _c === void 0 ? void 0 : _c[0]) || null, [data.outputDefs]), 2), focus = _f[0], setFocus = _f[1];
+    var _g = __read(React.useState(false), 2), showPreview = _g[0], setShowPreview = _g[1];
+    var previewValue = focus ? result[focus] : Object.values(result)[0];
+    React.useEffect(function () {
+        return engine.subscribe("functionResult", function (event) {
+            var _a;
+            if (event.name === id) {
+                setResult(event.result || {});
+                setDuration((_a = event.duration) !== null && _a !== void 0 ? _a : null);
+            }
+        });
+    }, []);
     var inputs = Object.fromEntries(Object.entries(data.inputs || {}).map(function (_a, i) {
         var _b, _c;
         var _d = __read(_a, 2), name = _d[0], ref = _d[1];
@@ -6815,20 +6834,37 @@ var OutputNode = React.memo(function (_a) {
     };
     return (React.createElement(NodeContainer, { label: data.label, selected: selected, id: id, noDelete: true },
         React.createElement("div", { className: styles.Description }, data.description),
-        React.createElement("div", { className: styles.Ports }, Object.entries(inputs || {}).map(function (_a) {
-            var _b = __read(_a, 2), name = _b[0], varDef = _b[1];
-            return (React.createElement(react.Handle, { key: name, type: "target", position: react.Position.Left, id: "".concat(id, "-").concat(name), className: classNames(styles$1.Input, styles$1.Port, styles$1["type-".concat(varDef.type)]), style: {
-                    "--type-color": "var(--color-".concat(varDef.type, ")"),
-                } },
-                React.createElement("span", { className: styles$1.PortLabel }, name),
-                React.createElement("div", { style: { display: "flex" } },
-                    React.createElement("span", { style: { flex: 1 } }),
-                    React.createElement(Menu, { handle: React.createElement("button", null, "...") },
-                        React.createElement(MenuItem, { onClick: function () { return onRename(name); } }, "Rename"),
-                        React.createElement(MenuItem, { onClick: function () { return onDelete(name); } }, "Delete")))));
-        })),
+        React.createElement("div", { className: styles.Ports },
+            outputEntries.map(function (_a, index) {
+                var _b = __read(_a, 2), name = _b[0], varDef = _b[1];
+                return (React.createElement(Output, { key: "".concat(name, "_").concat(index), name: name, varDef: varDef, id: id, onClick: function () { return setFocus(name); }, focus: showPreview && focus === name }));
+            }),
+            Object.entries(inputs || {}).map(function (_a) {
+                var _b = __read(_a, 2), name = _b[0], varDef = _b[1];
+                return (React.createElement(react.Handle, { key: name, type: "target", position: react.Position.Left, id: "".concat(id, "-").concat(name), className: classNames(styles$1.Input, styles$1.Port, styles$1["type-".concat(varDef.type)]), style: {
+                        "--type-color": "var(--color-".concat(varDef.type, ")"),
+                    } },
+                    React.createElement("span", { className: styles$1.PortLabel }, name),
+                    React.createElement("div", { style: { display: "flex" } },
+                        React.createElement("span", { style: { flex: 1 } }),
+                        React.createElement(Menu, { handle: React.createElement("button", null, "...") },
+                            React.createElement(MenuItem, { onClick: function () { return onRename(name); } }, "Rename"),
+                            React.createElement(MenuItem, { onClick: function () { return onDelete(name); } }, "Delete")))));
+            }),
+            paramEntries.map(function (_a, index) {
+                var _b = __read(_a, 2), name = _b[0], varDef = _b[1];
+                return (React.createElement(Param, { key: "".concat(name, "_").concat(index), name: name, varDef: varDef, id: id, data: data }));
+            })),
         React.createElement("div", { className: styles.Body },
-            React.createElement("button", { onClick: function () { return onAdd(); } }, "+"))));
+            React.createElement("button", { onClick: function () { return onAdd(); } }, "+")),
+        !!outputEntries.length && (React.createElement("div", { className: classNames(styles.PreviewHead, (_b = {},
+                _b[styles.expanded] = showPreview,
+                _b)), onClick: function () { return setShowPreview(!showPreview); } }, "Preview")),
+        showPreview && (React.createElement("div", { className: styles.Preview },
+            React.createElement(TreeView, { value: previewValue }),
+            duration !== null && (React.createElement("div", { className: styles.Duration },
+                duration.toFixed(2),
+                " ms"))))));
 });
 OutputNode.displayName = "OutputNode";