@code0-tech/pictor 0.0.0-mvp.45 → 0.0.0-mvp.46

package/dist/components/d-flow-suggestion/DFlowReferenceSuggestions.hook.js

@@ -1,132 +1,133 @@
-import g from "react";
-import { useService as I, useStore as N } from "../../utils/contextStore.js";
+import f from "react";
+import { useService as g, useStore as I } from "../../utils/contextStore.js";
 import "merge-props";
 import "js-md5";
-import { DFlowDataTypeReactiveService as x } from "../d-flow-data-type/DFlowDataType.service.js";
-import { DFlowSuggestionType as A } from "./DFlowSuggestion.view.js";
-import { replaceGenericsAndSortType as C, resolveType as P, isMatchingType as V, resolveGenericKeys as Y, targetForGenericKey as k, replaceGenericKeysInType as J } from "../../utils/generics.js";
-import { DFlowFunctionReactiveService as O } from "../d-flow-function/DFlowFunction.service.js";
+import { DFlowDataTypeReactiveService as R } from "../d-flow-data-type/DFlowDataType.service.js";
+import { DFlowSuggestionType as Y } from "./DFlowSuggestion.view.js";
+import { replaceGenericsAndSortType as C, resolveType as P, isMatchingType as k, resolveGenericKeys as J, targetForGenericKey as U, replaceGenericKeysInType as q } from "../../utils/generics.js";
+import { DFlowFunctionReactiveService as G } from "../d-flow-function/DFlowFunction.service.js";
 import "../d-flow/DFlow.js";
-import { DFlowReactiveService as R } from "../d-flow/DFlow.service.js";
-import { useReturnTypes as j } from "../d-flow-node/DFlowNode.return.hook.js";
-const re = (n, t, o, u = []) => {
-  const m = I(x), r = N(x), v = I(R), T = N(R), M = $(n), S = g.useMemo(() => t ? M?.find((i) => i.nodeFunctionId === t) : void 0, [M, t]), B = g.useMemo(() => t ? v.getNodeById(n, t)?.parameters?.nodes?.map((a) => a?.value).filter((a) => a?.__typename === "NodeFunctionIdWrapper") ?? [] : [], [n, t, v, T]), c = g.useMemo(() => o ? C(P(o, m), u) : void 0, [o, m, r, u]), p = U(n), f = j(n);
-  return g.useMemo(() => {
-    if (!c || !S) return [];
+import { DFlowReactiveService as B } from "../d-flow/DFlow.service.js";
+import { useReturnType as z } from "../d-flow-function/DFlowFunction.return.hook.js";
+import { DFlowTypeReactiveService as j } from "../d-flow-type/DFlowType.service.js";
+const pe = (o, t, n, d = []) => {
+  const m = g(R), u = I(R), M = g(B), s = I(B), N = $(o), l = f.useMemo(() => t ? N?.find((i) => i.nodeFunctionId === t) : void 0, [N, t]), D = f.useMemo(() => t ? M.getNodeById(o, t)?.parameters?.nodes?.map((r) => r?.value).filter((r) => r?.__typename === "NodeFunctionIdWrapper") ?? [] : [], [o, t, M, s]), S = f.useMemo(() => n ? C(P(n, m), d) : void 0, [n, m, u, d]), h = H(o);
+  return f.useMemo(() => {
+    if (!S || !l) return [];
     const {
       depth: i,
-      scope: a,
-      node: l
-    } = S;
-    return p.flatMap((e) => {
+      scope: r,
+      node: T
+    } = l;
+    return h.flatMap((e) => {
       if (e.node === null || e.node === void 0) return [];
       if (e.depth === null || e.depth === void 0) return [];
       if (e.scope === null || e.scope === void 0) return [];
-      const d = e.parameterIndex !== void 0 && e.inputTypeIndex !== void 0, D = d ? e.scope?.every((s, F) => a?.[F] === s) : !0;
-      if (d && !D) return [];
-      if (B.some((s) => s.id === e.nodeFunctionId)) return [];
-      if (!d && e.node >= l) return [];
+      const c = e.parameterIndex !== void 0 && e.inputIndex !== void 0, a = c ? e.scope?.every((p, x) => r?.[x] === p) : !0;
+      if (c && !a) return [];
+      if (D.some((p) => p.id === e.nodeFunctionId)) return [];
+      if (!c && e.node >= T) return [];
       if (e.depth > i) return [];
-      if (e.scope.some((s) => !a.includes(s))) return [];
-      const h = f.get(e.nodeFunctionId), E = C(P(h, m), []);
-      return V(c, E) ? [{
+      if (e.scope.some((p) => !r.includes(p))) return [];
+      const F = C(P(e.dataTypeIdentifier, m), []);
+      return k(S, F) ? [{
         path: [],
-        type: A.REF_OBJECT,
-        displayText: [`${e.depth}-${e.scope}-${e.node || ""}-${e.referencePath?.map((s) => s.path).join(".") ?? ""}`],
+        type: Y.REF_OBJECT,
+        displayText: [`${e.depth}-${e.scope}-${e.node || ""}-${e.referencePath?.map((p) => p.path).join(".") ?? ""}`],
         value: e
       }] : [];
     });
-  }, [m, S, B, p, c, f]);
-}, U = (n) => {
-  const t = I(x);
-  N(x);
-  const o = I(O), u = I(R), m = N(R), r = g.useMemo(() => u.getById(n), [n, m]), v = $(n), T = j(n), M = g.useMemo(() => r?.nodes?.nodes?.map((c) => {
-    const p = T.get(c?.id), f = v?.find((i) => i.nodeFunctionId === c?.id);
-    return p && f ? G(f, p, t) : {};
-  }) ?? [], [r]), S = g.useMemo(() => G({
+  }, [m, l, D, h, S]);
+}, H = (o) => {
+  const t = g(R);
+  I(R);
+  const n = g(G), d = g(B), m = I(B), u = g(j), M = I(j), s = f.useMemo(() => d.getById(o), [o, m]), N = f.useMemo(() => u.getById(s?.type?.id), [s?.type?.id, M]), l = $(o), D = f.useMemo(() => s?.nodes?.nodes?.map((i) => {
+    const r = i?.parameters?.nodes?.map((a) => a?.value) ?? [], T = n.getById(i?.functionDefinition?.id), e = z(T, r, t, n), c = l?.find((a) => a.nodeFunctionId === i?.id);
+    return e && c ? E(c, e, t) : {};
+  }) ?? [], [s]), S = f.useMemo(() => E({
     node: 0,
     depth: 0,
-    nodeFunctionId: "gid://sagittarius/NodeFunction/-1",
     scope: [0]
   }, {
-    dataType: r?.inputType
-  }), [r]);
-  return [...g.useMemo(() => r?.nodes?.nodes?.length ? r.nodes.nodes.flatMap((c) => {
-    const p = o.getById(c?.functionDefinition?.id);
-    if (!p) return [];
-    const f = c?.parameters?.nodes?.map((i) => i?.value).filter(Boolean) ?? [];
-    return (p.parameterDefinitions ?? []).flatMap((i, a) => {
-      const l = i?.dataTypeIdentifier;
-      if (!l) return [];
-      const e = t.getDataType(l);
-      if (!e || e.variant !== "NODE") return [];
-      const d = c?.parameters?.nodes?.find((y) => y?.parameterDefinition?.id === i?.id);
-      if (!d?.value || d.value.__typename !== "NodeFunctionIdWrapper") return [];
-      const D = v?.find((y) => d?.value?.__typename === "NodeFunctionIdWrapper" && y.nodeFunctionId === d.value?.id);
-      if (!D) return [];
-      const h = e.rules?.nodes?.filter((y) => y?.variant === "INPUT_TYPES") ?? [], E = Y(p, f, t, o), s = k(p, l), F = new Map([...E].map(([y, b]) => [s.get(y) ?? y, b]));
-      return h.flatMap((y) => (y?.config?.inputTypes ?? []).flatMap((W, K) => {
-        const w = J(W.dataTypeIdentifier, F);
-        return w ? G({
-          ...D,
-          nodeFunctionId: c?.id,
-          parameterIndex: a,
-          inputTypeIndex: K,
-          inputTypeIdentifier: W.inputIdentifier
-        }, w, t) : [];
+    dataType: N?.inputType
+  }, t), [s]);
+  return [...f.useMemo(() => s?.nodes?.nodes?.length ? s.nodes.nodes.flatMap((i) => {
+    const r = n.getById(i?.functionDefinition?.id);
+    if (!r) return [];
+    const T = i?.parameters?.nodes?.map((e) => e?.value).filter(Boolean) ?? [];
+    return (r.parameterDefinitions ?? []).flatMap((e, c) => {
+      const a = e?.dataTypeIdentifier;
+      if (!a) return [];
+      const F = t.getDataType(a);
+      if (!F || F.variant !== "NODE") return [];
+      const p = i?.parameters?.nodes?.find((y) => y?.parameterDefinition?.id === e?.id);
+      if (!p?.value || p.value.__typename !== "NodeFunctionIdWrapper") return [];
+      const x = l?.find((y) => p?.value?.__typename === "NodeFunctionIdWrapper" && y.nodeFunctionId === p.value?.id);
+      if (!x) return [];
+      const v = F.rules?.nodes?.filter((y) => y?.variant === "INPUT_TYPES") ?? [], w = J(r, T, t, n), K = U(r, a), V = new Map([...w].map(([y, O]) => [K.get(y) ?? y, O]));
+      return v.flatMap((y) => (y?.config?.inputTypes ?? []).flatMap((b, A) => {
+        const W = q(b.dataTypeIdentifier, V);
+        return W ? E({
+          ...x,
+          nodeFunctionId: i?.id,
+          parameterIndex: c,
+          inputIndex: A,
+          inputTypeIdentifier: b.inputIdentifier
+        }, W, t) : [];
       }));
     });
-  }) : [], [r, v, o, t]), ...S, ...M].flat();
-}, G = (n, t, o) => {
-  const u = o ? o.getDataType(t) : t.dataType ?? t.genericType?.dataType;
-  return u ? [...u.rules?.nodes?.map((r) => {
-    if (r?.variant === "CONTAINS_KEY")
-      return t ? G({
-        ...n,
-        referencePath: [...n.referencePath ?? [], {
-          path: r.config.key
+  }) : [], [s, l, n, t]), ...S, ...D].flat();
+}, E = (o, t, n) => {
+  const d = t.dataType ? n.getDataType(t) : t.genericType?.dataType;
+  return d ? [...d.rules?.nodes?.map((u) => {
+    if (u?.variant === "CONTAINS_KEY")
+      return t ? E({
+        ...o,
+        referencePath: [...o.referencePath ?? [], {
+          path: u.config.key
         }]
-      }, r.config.dataTypeIdentifier) : void 0;
-  }).flat().filter((r) => !!r) ?? [], {
+      }, u.config.dataTypeIdentifier, n) : void 0;
+  }).flat().filter((u) => !!u) ?? [], {
+    ...o,
     __typename: "ReferenceValue",
-    nodeFunctionId: n.nodeFunctionId,
-    ...n
+    nodeFunctionId: o.nodeFunctionId,
+    dataTypeIdentifier: t
   }] : [];
-}, $ = (n) => {
-  const t = I(x), o = I(R), u = I(O), m = N(R), r = N(O), v = N(x), T = g.useMemo(() => o.getById(n), [n, m]);
-  return g.useMemo(() => {
-    if (!t || !o || !u || !T?.startingNodeId) return;
-    let M = 0;
-    const S = () => ++M;
-    let B = 0;
-    const c = () => ++B, p = [], f = (i, a, l) => {
-      if (!i) return;
-      let e = i.__typename === "NodeFunctionIdWrapper" ? o.getNodeById(n, i.id) : i;
-      for (; e; ) {
-        const d = u.getById(e.functionDefinition?.id);
-        if (!d) break;
-        if (e.parameters && d.parameterDefinitions)
-          for (const h of d.parameterDefinitions) {
-            const E = t.getDataType(h.dataTypeIdentifier), s = e.parameters?.nodes?.find((F) => F?.parameterDefinition?.id === h.id);
-            if (E?.variant === "NODE") {
-              if (s?.value && s.value.__typename === "NodeFunctionIdWrapper") {
-                const F = [...l, S()];
-                f(s.value, a + 1, F);
+}, $ = (o) => {
+  const t = g(R), n = g(B), d = g(G), m = I(B), u = I(G), M = I(R), s = f.useMemo(() => n.getById(o), [o, m]);
+  return f.useMemo(() => {
+    if (!t || !n || !d || !s?.startingNodeId) return;
+    let N = 0;
+    const l = () => ++N;
+    let D = 0;
+    const S = () => ++D, h = [], i = (r, T, e) => {
+      if (!r) return;
+      let c = r.__typename === "NodeFunctionIdWrapper" ? n.getNodeById(o, r.id) : r;
+      for (; c; ) {
+        const a = d.getById(c.functionDefinition?.id);
+        if (!a) break;
+        if (c.parameters && a.parameterDefinitions)
+          for (const p of a.parameterDefinitions) {
+            const x = t.getDataType(p.dataTypeIdentifier), v = c.parameters?.nodes?.find((w) => w?.parameterDefinition?.id === p.id);
+            if (x?.variant === "NODE") {
+              if (v?.value && v.value.__typename === "NodeFunctionIdWrapper") {
+                const w = [...e, l()];
+                i(v.value, T + 1, w);
               }
-            } else s?.value && s.value.__typename === "NodeFunctionIdWrapper" && f(s.value, a, l);
+            } else v?.value && v.value.__typename === "NodeFunctionIdWrapper" && i(v.value, T, e);
           }
-        const D = c();
-        p.push({
-          node: D,
-          depth: a,
-          scope: l,
-          nodeFunctionId: e.id
-        }), e = o.getNodeById(T.id, e.nextNodeId);
+        const F = S();
+        h.push({
+          node: F,
+          depth: T,
+          scope: e,
+          nodeFunctionId: c.id
+        }), c = n.getNodeById(s.id, c.nextNodeId);
       }
     };
-    return f(o.getNodeById(T.id, T.startingNodeId), 0, [0]), p;
-  }, [t, T, n, o, u, v, m, r]) ?? [];
+    return i(n.getNodeById(s.id, s.startingNodeId), 0, [0]), h;
+  }, [t, s, o, n, d, M, m, u]) ?? [];
 };
 export {
-  re as useReferenceSuggestions
+  pe as useReferenceSuggestions
 };

package/dist/components/d-flow-suggestion/DFlowSuggestionMenu.js

@@ -1,8 +1,7 @@
-import { jsx as r, jsxs as _ } from "react/jsx-runtime";
-import { c as k } from "../../_virtual/compiler-runtime.js";
-import { MenuTrigger as v, MenuSeparator as C, MenuPortal as A, Menu as E } from "../menu/Menu.js";
-import I from "react";
-import { DFlowSuggestionMenuFooter as B } from "./DFlowSuggestionMenuFooter.js";
+import { jsx as m, jsxs as w } from "react/jsx-runtime";
+import { c as F } from "../../_virtual/compiler-runtime.js";
+import { MenuTrigger as j, MenuPortal as k, Menu as v } from "../menu/Menu.js";
+import D from "react";
 import "@radix-ui/react-checkbox";
 import "merge-props";
 import "js-md5";
@@ -10,64 +9,58 @@ import "@tabler/icons-react";
 import '../../assets/components/form/Input.style.css';/* empty css                       */
 import "../form/EmailInput.js";
 import "../form/Input.js";
-import { InputSuggestionMenuContentItems as L, InputSuggestionMenuContent as P } from "../form/InputSuggestion.js";
+import { InputSuggestionMenuContentItems as A, InputSuggestionMenuContent as E } from "../form/InputSuggestion.js";
 import "../form/NumberInput.js";
 import "../form/PasswordInput.js";
 import "@radix-ui/react-one-time-password-field";
 import "@radix-ui/react-radio-group";
 import "../form/SwitchInput.js";
 import "../form/TextInput.js";
-import { toInputSuggestions as U } from "./DFlowSuggestionMenu.util.js";
-import { DFlowSuggestionMenuSearchBar as $ } from "./DFlowSuggestionMenuSearchBar.js";
-const ue = (R) => {
-  const e = k.c(25), {
-    suggestions: f,
-    triggerContent: M,
-    onSuggestionSelect: x
-  } = R;
-  let c;
-  e[0] !== f ? (c = f === void 0 ? [] : f, e[0] = f, e[1] = c) : c = e[1];
-  const t = c, D = x === void 0 ? q : x, w = I.useRef(null), [y, F] = I.useState(t);
-  let p, g;
-  e[2] !== t ? (p = () => {
-    F(t);
-  }, g = [t], e[2] = t, e[3] = p, e[4] = g) : (p = e[3], g = e[4]), I.useEffect(p, g);
+import { toInputSuggestions as z } from "./DFlowSuggestionMenu.util.js";
+import { DFlowSuggestionMenuSearchBar as B } from "./DFlowSuggestionMenuSearchBar.js";
+import { Card as L } from "../card/Card.js";
+const it = (y) => {
+  const t = F.c(22), {
+    suggestions: p,
+    triggerContent: S,
+    onSuggestionSelect: M
+  } = y;
+  let g;
+  t[0] !== p ? (g = p === void 0 ? [] : p, t[0] = p, t[1] = g) : g = t[1];
+  const e = g, d = M === void 0 ? P : M, h = D.useRef(null), [x, I] = D.useState(e);
+  let c, f;
+  t[2] !== e ? (c = () => {
+    I(e);
+  }, f = [e], t[2] = e, t[3] = c, t[4] = f) : (c = t[3], f = t[4]), D.useEffect(c, f);
+  let r;
+  t[5] !== S ? (r = /* @__PURE__ */ m(j, { asChild: !0, children: S }), t[5] = S, t[6] = r) : r = t[6];
   let i;
-  e[5] !== M ? (i = /* @__PURE__ */ r(v, { asChild: !0, children: M }), e[5] = M, e[6] = i) : i = e[6];
+  t[7] !== e ? (i = /* @__PURE__ */ m(B, { onType: (o) => {
+    o.key === "ArrowDown" ? (o.preventDefault(), h.current?.focusFirstItem()) : o.key === "ArrowUp" && (o.preventDefault(), h.current?.focusLastItem());
+    const C = o.target.value;
+    return I(e.filter((R) => R.displayText.some((T) => T.includes(C)))), o.preventDefault(), !1;
+  } }), t[7] = e, t[8] = i) : i = t[8];
   let s;
-  e[7] !== t ? (s = /* @__PURE__ */ r($, { onType: (o) => {
-    o.key === "ArrowDown" ? (o.preventDefault(), w.current?.focusFirstItem()) : o.key === "ArrowUp" && (o.preventDefault(), w.current?.focusLastItem());
-    const T = o.target.value;
-    return F(t.filter((b) => b.displayText.some((j) => j.includes(T)))), o.preventDefault(), !1;
-  } }), e[7] = t, e[8] = s) : s = e[8];
-  let a;
-  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ r(C, {}), e[9] = a) : a = e[9];
+  t[9] !== x ? (s = z(x), t[9] = x, t[10] = s) : s = t[10];
   let n;
-  e[10] !== y ? (n = U(y), e[10] = y, e[11] = n) : n = e[11];
+  t[11] !== d ? (n = (o) => {
+    d(o.valueData);
+  }, t[11] = d, t[12] = n) : n = t[12];
   let l;
-  e[12] !== D ? (l = (o) => {
-    D(o.valueData);
-  }, e[12] = D, e[13] = l) : l = e[13];
+  t[13] !== s || t[14] !== n ? (l = /* @__PURE__ */ m(L, { paddingSize: "xxs", mt: -0.2, mx: -0.2, children: /* @__PURE__ */ m(A, { ref: h, suggestions: s, onSuggestionSelect: n }) }), t[13] = s, t[14] = n, t[15] = l) : l = t[15];
   let u;
-  e[14] !== n || e[15] !== l ? (u = /* @__PURE__ */ r(L, { ref: w, suggestions: n, onSuggestionSelect: l }), e[14] = n, e[15] = l, e[16] = u) : u = e[16];
-  let S, d;
-  e[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (S = /* @__PURE__ */ r(C, {}), d = /* @__PURE__ */ r(B, {}), e[17] = S, e[18] = d) : (S = e[17], d = e[18]);
-  let m;
-  e[19] !== u || e[20] !== s ? (m = /* @__PURE__ */ r(A, { children: /* @__PURE__ */ _(P, { align: "center", children: [
-    s,
-    a,
-    u,
-    S,
-    d
-  ] }) }), e[19] = u, e[20] = s, e[21] = m) : m = e[21];
-  let h;
-  return e[22] !== m || e[23] !== i ? (h = /* @__PURE__ */ _(E, { children: [
+  t[16] !== i || t[17] !== l ? (u = /* @__PURE__ */ m(k, { children: /* @__PURE__ */ w(E, { align: "center", color: "secondary", children: [
     i,
-    m
-  ] }), e[22] = m, e[23] = i, e[24] = h) : h = e[24], h;
+    l
+  ] }) }), t[16] = i, t[17] = l, t[18] = u) : u = t[18];
+  let a;
+  return t[19] !== u || t[20] !== r ? (a = /* @__PURE__ */ w(v, { children: [
+    r,
+    u
+  ] }), t[19] = u, t[20] = r, t[21] = a) : a = t[21], a;
 };
-function q() {
+function P() {
 }
 export {
-  ue as DFlowSuggestionMenu
+  it as DFlowSuggestionMenu
 };

package/dist/components/d-flow-validation/DNodeValidation.hook.js

@@ -1,58 +1,63 @@
-import S from "react";
-import { DFlowDataTypeReactiveService as E } from "../d-flow-data-type/DFlowDataType.service.js";
-import { DataTypeView as C } from "../d-flow-data-type/DFlowDataType.view.js";
-import { useService as V, useStore as _ } from "../../utils/contextStore.js";
-import { InspectionSeverity as P } from "../../utils/inspection.js";
+import V from "react";
+import { DFlowDataTypeReactiveService as x } from "../d-flow-data-type/DFlowDataType.service.js";
+import { DataTypeView as q } from "../d-flow-data-type/DFlowDataType.view.js";
+import { useService as _, useStore as R } from "../../utils/contextStore.js";
+import { InspectionSeverity as z } from "../../utils/inspection.js";
 import "merge-props";
 import "js-md5";
-import { resolveGenericKeys as U, replaceGenericKeysInType as q, replaceGenericKeysInDataTypeObject as z } from "../../utils/generics.js";
-import { useReturnType as H } from "../d-flow-function/DFlowFunction.return.hook.js";
-import { DFlowFunctionReactiveService as G } from "../d-flow-function/DFlowFunction.service.js";
-import { useDataTypeValidation as O } from "./DDataTypeValidation.hook.js";
-import { useValueValidation as w } from "./DValueValidation.hook.js";
+import { resolveGenericKeys as H, replaceGenericKeysInType as J, replaceGenericKeysInDataTypeObject as L } from "../../utils/generics.js";
+import { useReturnType as Q } from "../d-flow-function/DFlowFunction.return.hook.js";
+import { DFlowFunctionReactiveService as E } from "../d-flow-function/DFlowFunction.service.js";
+import { useDataTypeValidation as G } from "./DDataTypeValidation.hook.js";
+import { useValueValidation as O } from "./DValueValidation.hook.js";
 import "../d-flow/DFlow.js";
 import { DFlowReactiveService as M } from "../d-flow/DFlow.service.js";
-const N = (t) => t.__typename === "ReferenceValue", F = (t) => t.__typename === "NodeFunctionIdWrapper", b = (t, r) => new C(z(t.json, r)), W = (t, r, i) => ({
-  parameterId: t,
-  type: P.ERROR,
+import { getReferenceType as X } from "../d-flow-node/DFlowNodeReference.return.hook.js";
+import { DFlowTypeReactiveService as W } from "../d-flow-type/DFlowType.service.js";
+const F = (r) => r.__typename === "ReferenceValue", I = (r) => r.__typename === "NodeFunctionIdWrapper", b = (r, i) => new q(L(r.json, i)), j = (r, i, n) => ({
+  parameterId: r,
+  type: z.ERROR,
   message: [{
     code: "en-US",
-    content: `Argument of type ${i?.name[0]?.content} is not assignable to parameter of type ${r?.name[0]?.content}`
+    content: `Argument of type ${n?.name[0]?.content} is not assignable to parameter of type ${i?.name[0]?.content}`
   }]
-}), ae = (t, r) => {
-  const i = V(G), j = _(G), f = V(M), I = _(M), n = V(E), K = _(E), s = f.getById(r), l = f.getNodeById(r, t), T = l?.parameters?.nodes?.map((e) => e?.value) ?? [], m = i.getById(l?.functionDefinition?.id), R = m?.parameterDefinitions ?? [], h = m?.genericKeys ?? [], D = S.useMemo(() => U(m, T, n, i, s), [m, T, n, K, s, I]), x = S.useCallback((e, a) => {
-    if (F(e) && a?.variant !== "NODE" || N(e)) {
-      const d = f.getNodeById(r, e.__typename == "NodeFunctionIdWrapper" ? e.id : e.__typename === "ReferenceValue" ? e.nodeFunctionId : void 0), o = i.getById(d?.functionDefinition?.id), g = d?.parameters?.nodes?.map((p) => p?.value) ?? [];
-      return H(o, g, n, i);
+}), ue = (r, i) => {
+  const n = _(E), $ = R(E), y = _(M), N = R(M), k = _(W), A = R(W), o = _(x), B = R(x), s = y.getById(i), T = y.getNodeById(i, r), g = T?.parameters?.nodes?.map((e) => e?.value) ?? [], f = n.getById(T?.functionDefinition?.id), S = f?.parameterDefinitions ?? [], w = f?.genericKeys ?? [], D = V.useMemo(() => H(f, g, o, n, s), [f, g, o, B, s, N]), K = V.useCallback((e, p) => {
+    if (I(e) && p?.variant !== "NODE") {
+      const a = y.getNodeById(i, e.__typename == "NodeFunctionIdWrapper" ? e.id : e.__typename === "ReferenceValue" ? e.nodeFunctionId : void 0), t = n.getById(a?.functionDefinition?.id), m = a?.parameters?.nodes?.map((d) => d?.value) ?? [];
+      return Q(t, m, o, n);
+    } else if (F(e)) {
+      const a = y.getNodeById(i, e.__typename == "NodeFunctionIdWrapper" ? e.id : e.__typename === "ReferenceValue" ? e.nodeFunctionId : void 0), t = n.getById(a?.functionDefinition?.id), m = k.getById(s?.type?.id)?.json();
+      return X(e, o, n, t, a, m);
     }
-    return n.getTypeFromValue(e, s);
-  }, [n, s, r, f, i]);
-  return S.useMemo(() => {
+    return o.getTypeFromValue(e, s);
+  }, [o, s, i, y, n, A]);
+  return V.useMemo(() => {
     const e = [];
-    for (let a = 0; a < R.length; a++) {
-      const d = R[a], o = T[a], g = l?.parameters?.nodes?.find((v) => v?.parameterDefinition?.id === d.id);
-      if (!o) continue;
-      const p = d.dataTypeIdentifier, B = q(p, D), c = n.getDataType(B), $ = x(o, c), y = n.getDataType($);
-      if (!c || !y) {
-        e.push(W(g?.id, c, y));
+    for (let p = 0; p < S.length; p++) {
+      const a = S[p], t = g[p], m = T?.parameters?.nodes?.find((v) => v?.parameterDefinition?.id === a.id);
+      if (!t) continue;
+      const d = a.dataTypeIdentifier, h = J(d, D), c = o.getDataType(h), C = K(t, c), u = o.getDataType(C);
+      if (!c || !u) {
+        e.push(j(m?.id, c, u));
         continue;
       }
-      const k = !!p?.genericType || !!p?.genericKey && h.includes(p.genericKey);
-      let u = !0;
-      if (k) {
+      const P = !!d?.genericType || !!d?.genericKey && w.includes(d.genericKey);
+      let l = !0;
+      if (P) {
         const v = b(c, D);
-        if (N(o) || F(o) && c.variant !== "NODE") {
-          const A = b(y, D);
-          u = O(v, A);
+        if (F(t) || I(t) && c.variant !== "NODE") {
+          const U = b(u, D);
+          l = G(v, U);
         } else
-          u = w(o, v, n, s, B?.genericType?.genericMappers, i);
+          l = O(t, v, o, s, h?.genericType?.genericMappers, n);
       } else
-        N(o) || F(o) && c.variant !== "NODE" ? u = O(c, y) : u = w(o, c, n, s, [], i);
-      u || e.push(W(g?.id, c, y));
+        F(t) || I(t) && c.variant !== "NODE" ? l = G(c, u) : l = O(t, c, o, s, [], n);
+      l || e.push(j(m?.id, c, u));
     }
     return e.length > 0 ? e : null;
-  }, [s, l, T, m, R, h, D, x, t, r, j, I, K, n]);
+  }, [s, T, g, f, S, w, D, K, r, i, $, N, B, o]);
 };
 export {
-  ae as useNodeValidation
+  ue as useNodeValidation
 };

package/dist/components/editor/Editor.js

@@ -1,9 +1,9 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import m, { isValidElement as ce } from "react";
-import { createPortal as H } from "react-dom";
+import { createPortal as K } from "react-dom";
 import "../../utils/contextStore.js";
 import { mergeCode0Props as ue } from "../../utils/utils.js";
-import de, { Prec as J, keymap as K, ViewPlugin as me, RangeSetBuilder as he, Decoration as F, EditorView as fe, WidgetType as ge } from "@uiw/react-codemirror";
+import de, { Prec as _, keymap as J, ViewPlugin as me, RangeSetBuilder as he, Decoration as F, EditorView as fe, WidgetType as ge } from "@uiw/react-codemirror";
 import { json as pe, jsonParseLinter as ye } from "@codemirror/lang-json";
 import { syntaxTree as L } from "@codemirror/language";
 import { linter as be } from "@codemirror/lint";
@@ -15,7 +15,7 @@ import { tags as b, getStyleTags as Te } from "../../node_modules/@lezer/highlig
 import { hashToColor as v } from "../d-flow/DFlow.util.js";
 import '../../assets/components/editor/Editor.styles.css';/* empty css                   */
 import { Badge as y } from "../badge/Badge.js";
-import { IconExclamationCircle as xe, IconAlertTriangle as Ae, IconAlertSquareRounded as ke, IconInfoCircle as Ee, IconSpace as ze, IconArrowBarToRight as Pe, IconCornerDownLeft as je } from "@tabler/icons-react";
+import { IconExclamationCircle as Ae, IconAlertTriangle as xe, IconAlertSquareRounded as ke, IconInfoCircle as Ee, IconSpace as ze, IconArrowBarToRight as Pe, IconCornerDownLeft as je } from "@tabler/icons-react";
 import { Text as a } from "../text/Text.js";
 import { Flex as k } from "../flex/Flex.js";
 import { Tooltip as E, TooltipTrigger as z, TooltipPortal as P, TooltipContent as j, TooltipArrow as V } from "../tooltip/Tooltip.js";
@@ -140,10 +140,10 @@ const Fe = Ce({
         } : {
           override: [w]
         }
-      })), e.push(J.highest(K.of([{
+      })), e.push(_.highest(J.of([{
         key: "Tab",
         run: Re
-      }]))), D && e.push(J.highest(K.of([{
+      }]))), D && e.push(_.highest(J.of([{
         key: "ArrowUp",
         run: (l) => (f || N(l), !0)
       }, {
@@ -165,15 +165,15 @@ const Fe = Ce({
         const l = new he(), u = Object.keys(g || {});
         return L(o.state).iterate({
           enter: (d) => {
-            const x = o.state.doc.sliceString(d.from, d.to);
-            if (x.includes(`
+            const A = o.state.doc.sliceString(d.from, d.to);
+            if (A.includes(`
 `)) return;
-            const q = h?.(x), ae = Te(d)?.tags.map((A) => "name" in A ? A.name : void 0), _ = u.find((A) => ae?.includes(A));
-            _ && !q ? l.add(d.from, d.to, F.replace({
-              widget: new X(_, x),
+            const q = h?.(A), ae = Te(d)?.tags.map((x) => "name" in x ? x.name : void 0), H = u.find((x) => ae?.includes(x));
+            H && !q ? l.add(d.from, d.to, F.replace({
+              widget: new X(H, A),
               point: !0
             })) : q && l.add(d.from, d.to, F.replace({
-              widget: new X(q, x),
+              widget: new X(q, A),
               point: !0
             }));
           }
@@ -237,7 +237,7 @@ const Fe = Ce({
     }, align: "center", children: [
       c.filter((e) => e.severity == "error").length > 0 ? /* @__PURE__ */ s(E, { children: [
         /* @__PURE__ */ t(z, { asChild: !0, children: /* @__PURE__ */ s(y, { color: "red", children: [
-          /* @__PURE__ */ t(xe, { size: 13 }),
+          /* @__PURE__ */ t(Ae, { size: 13 }),
           /* @__PURE__ */ t(a, { children: c.filter((e) => e.severity == "error").length })
         ] }) }),
         /* @__PURE__ */ t(P, { children: /* @__PURE__ */ s(j, { side: "bottom", children: [
@@ -247,7 +247,7 @@ const Fe = Ce({
       ] }) : null,
       c.filter((e) => e.severity == "warning").length > 0 ? /* @__PURE__ */ s(E, { children: [
         /* @__PURE__ */ t(z, { asChild: !0, children: /* @__PURE__ */ s(y, { color: "orange", children: [
-          /* @__PURE__ */ t(Ae, { size: 13 }),
+          /* @__PURE__ */ t(xe, { size: 13 }),
           /* @__PURE__ */ t(a, { children: c.filter((e) => e.severity == "warning").length })
         ] }) }),
         /* @__PURE__ */ t(P, { children: /* @__PURE__ */ s(j, { side: "bottom", children: [
@@ -316,13 +316,13 @@ const Fe = Ce({
       }, onUpdate: M, basicSetup: ee }),
       g && Array.from(oe.entries()).map(([e, n]) => {
         const o = g[n.type];
-        return o ? H(/* @__PURE__ */ t("div", { style: {
+        return o ? K(/* @__PURE__ */ t("div", { style: {
           display: "contents"
         }, children: o({
           content: n.value
         }) }, e.outerHTML + n.value), e) : null;
       }),
-      f && H(/* @__PURE__ */ t("div", { ref: B, style: {
+      f && K(/* @__PURE__ */ t("div", { ref: B, style: {
         position: "fixed",
         top: f.position.top,
         left: f.position.left,