@rkmodules/rules 0.0.143 → 0.0.145

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.cjs.js +52 -15
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +52 -15
  4. package/dist/index.esm.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -2577,6 +2577,7 @@ var explodeObject = {
2577
2577
  var _b = __read(_a, 2), key = _b[0], value = _b[1];
2578
2578
  if (key[0] === "_")
2579
2579
  return;
2580
+ key = safeName(key);
2580
2581
  if (!outputs[key]) {
2581
2582
  outputs[key] = {};
2582
2583
  }
@@ -6510,9 +6511,9 @@ function GenericNode(_a) {
6510
6511
  var _b = __read(_a, 2), name = _b[0], varDef = _b[1];
6511
6512
  return (React.createElement(Param, { key: "".concat(name, "_").concat(index), name: name, varDef: varDef, id: id, data: data }));
6512
6513
  })),
6513
- React.createElement("div", { className: classNames(styles.PreviewHead, (_b = {},
6514
+ !!outputEntries.length && (React.createElement("div", { className: classNames(styles.PreviewHead, (_b = {},
6514
6515
  _b[styles.expanded] = showPreview,
6515
- _b)), onClick: function () { return setShowPreview(!showPreview); } }, "Preview"),
6516
+ _b)), onClick: function () { return setShowPreview(!showPreview); } }, "Preview")),
6516
6517
  showPreview && (React.createElement("div", { className: styles.Preview },
6517
6518
  React.createElement(TreeView, { value: previewValue }),
6518
6519
  duration !== null && (React.createElement("div", { className: styles.Duration },
@@ -6737,10 +6738,29 @@ DynamicInput.displayName = "DynamicInputNode";
6737
6738
  * - create input node
6738
6739
  */
6739
6740
  var OutputNode = React.memo(function (_a) {
6741
+ var _b;
6742
+ var _c;
6740
6743
  var id = _a.id, data = _a.data, selected = _a.selected;
6741
6744
  var engine = useEngine();
6742
6745
  var fn = useGraphedFunction();
6743
6746
  var prompt = usePrompts().prompt;
6747
+ // const inputEntries = Object.entries(inputs || data.inputDefs || {});
6748
+ var outputEntries = Object.entries(data.outputDefs || {});
6749
+ var paramEntries = Object.entries(data.paramDefs || {});
6750
+ var _d = __read(React.useState({}), 2), result = _d[0], setResult = _d[1];
6751
+ var _e = __read(React.useState(null), 2), duration = _e[0], setDuration = _e[1];
6752
+ 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];
6753
+ var _g = __read(React.useState(false), 2), showPreview = _g[0], setShowPreview = _g[1];
6754
+ var previewValue = focus ? result[focus] : Object.values(result)[0];
6755
+ React.useEffect(function () {
6756
+ return engine.subscribe("functionResult", function (event) {
6757
+ var _a;
6758
+ if (event.name === id) {
6759
+ setResult(event.result || {});
6760
+ setDuration((_a = event.duration) !== null && _a !== void 0 ? _a : null);
6761
+ }
6762
+ });
6763
+ }, []);
6744
6764
  var inputs = Object.fromEntries(Object.entries(data.inputs || {}).map(function (_a, i) {
6745
6765
  var _b, _c;
6746
6766
  var _d = __read(_a, 2), name = _d[0], ref = _d[1];
@@ -6814,20 +6834,37 @@ var OutputNode = React.memo(function (_a) {
6814
6834
  };
6815
6835
  return (React.createElement(NodeContainer, { label: data.label, selected: selected, id: id, noDelete: true },
6816
6836
  React.createElement("div", { className: styles.Description }, data.description),
6817
- React.createElement("div", { className: styles.Ports }, Object.entries(inputs || {}).map(function (_a) {
6818
- var _b = __read(_a, 2), name = _b[0], varDef = _b[1];
6819
- 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: {
6820
- "--type-color": "var(--color-".concat(varDef.type, ")"),
6821
- } },
6822
- React.createElement("span", { className: styles$1.PortLabel }, name),
6823
- React.createElement("div", { style: { display: "flex" } },
6824
- React.createElement("span", { style: { flex: 1 } }),
6825
- React.createElement(Menu, { handle: React.createElement("button", null, "...") },
6826
- React.createElement(MenuItem, { onClick: function () { return onRename(name); } }, "Rename"),
6827
- React.createElement(MenuItem, { onClick: function () { return onDelete(name); } }, "Delete")))));
6828
- })),
6837
+ React.createElement("div", { className: styles.Ports },
6838
+ outputEntries.map(function (_a, index) {
6839
+ var _b = __read(_a, 2), name = _b[0], varDef = _b[1];
6840
+ return (React.createElement(Output, { key: "".concat(name, "_").concat(index), name: name, varDef: varDef, id: id, onClick: function () { return setFocus(name); }, focus: showPreview && focus === name }));
6841
+ }),
6842
+ Object.entries(inputs || {}).map(function (_a) {
6843
+ var _b = __read(_a, 2), name = _b[0], varDef = _b[1];
6844
+ 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: {
6845
+ "--type-color": "var(--color-".concat(varDef.type, ")"),
6846
+ } },
6847
+ React.createElement("span", { className: styles$1.PortLabel }, name),
6848
+ React.createElement("div", { style: { display: "flex" } },
6849
+ React.createElement("span", { style: { flex: 1 } }),
6850
+ React.createElement(Menu, { handle: React.createElement("button", null, "...") },
6851
+ React.createElement(MenuItem, { onClick: function () { return onRename(name); } }, "Rename"),
6852
+ React.createElement(MenuItem, { onClick: function () { return onDelete(name); } }, "Delete")))));
6853
+ }),
6854
+ paramEntries.map(function (_a, index) {
6855
+ var _b = __read(_a, 2), name = _b[0], varDef = _b[1];
6856
+ return (React.createElement(Param, { key: "".concat(name, "_").concat(index), name: name, varDef: varDef, id: id, data: data }));
6857
+ })),
6829
6858
  React.createElement("div", { className: styles.Body },
6830
- React.createElement("button", { onClick: function () { return onAdd(); } }, "+"))));
6859
+ React.createElement("button", { onClick: function () { return onAdd(); } }, "+")),
6860
+ !!outputEntries.length && (React.createElement("div", { className: classNames(styles.PreviewHead, (_b = {},
6861
+ _b[styles.expanded] = showPreview,
6862
+ _b)), onClick: function () { return setShowPreview(!showPreview); } }, "Preview")),
6863
+ showPreview && (React.createElement("div", { className: styles.Preview },
6864
+ React.createElement(TreeView, { value: previewValue }),
6865
+ duration !== null && (React.createElement("div", { className: styles.Duration },
6866
+ duration.toFixed(2),
6867
+ " ms"))))));
6831
6868
  });
6832
6869
  OutputNode.displayName = "OutputNode";
6833
6870