@code0-tech/pictor 0.0.0-mvp.25 → 0.0.0-mvp.27

package/dist/components/d-flow/DFlow.edges.hook.js

@@ -1,144 +1,106 @@
-import { useService as S, useStore as D } from "../../utils/contextStore.js";
-import { DFlowReactiveService as v } from "./DFlow.service.js";
-import { NodeFunctionView as w } from "./DFlow.view.js";
-import { DFlowFunctionReactiveService as N } from "./function/DFlowFunction.service.js";
-import { DFlowDataTypeReactiveService as y } from "./data-type/DFlowDataType.service.js";
-import O from "react";
-const s = [
-  "#70ffb2",
-  // 0 – Primary (Grün)
-  "#70e2ff",
-  // 1 – Cyan
-  "#709aff",
-  // 2 – Blau
-  "#a170ff",
-  // 3 – Violett
-  "#f170ff",
-  // 4 – Magenta
-  "#ff70b5",
-  // 5 – Pink/Rot
-  "#ff7070",
-  // 6 – Orange-Rot
-  "#fff170"
-  // 7 – Gelb
-], k = (I) => {
-  const T = S(v), x = S(N), E = S(y), c = T.getById(I), F = D(v), B = D(N), P = D(y);
-  if (!c) return [];
-  const n = [], d = /* @__PURE__ */ new Map();
-  let m = 0;
-  const b = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map(), R = (o, a = b) => (a.has(o) || a.set(o, x.getById(o)), a.get(o)), M = (o, a = h) => (a.has(o) || a.set(o, E.getDataType(o)), a.get(o)), u = (o, a, i = 0, g = b, p = h) => {
-    const e = `${o.id}-${m++}`;
-    if (m == 1 && n.push({
-      id: `trigger-${e}-next`,
-      source: c.id,
-      // Handle-Bottom des Trigger-Nodes
-      target: e,
-      // Handle-Top der Function-Card
-      data: {
-        color: s[i % s.length],
-        isParameter: !1
-      },
-      deletable: !1,
-      selectable: !1
-    }), a) {
-      const t = d.get(a) ?? [];
-      t.length > 0 ? t.forEach((r, l) => n.push({
-        id: `${r}-${e}-next-${l}`,
-        source: r,
-        // Handle-Bottom der Group-Card
-        target: e,
-        // Handle-Top der Function-Card
-        data: {
-          color: s[i % s.length],
-          isParameter: !1
-        },
-        deletable: !1,
-        selectable: !1
-      })) : n.push({
-        id: `${a}-${e}-next`,
-        source: a,
-        // Handle-Bottom der Function-Card
-        target: e,
-        // Handle-Top der Function-Card
-        data: {
-          color: s[i % s.length],
-          isParameter: !1
-        },
-        deletable: !1,
-        selectable: !1
-      });
-    }
-    if (o.parameters?.forEach((t) => {
-      const r = t.value, l = R(o.functionDefinition?.id, g)?.parameterDefinitions?.find((f) => f.id === t.id), $ = l?.dataTypeIdentifier, G = $ ? M($, p) : void 0;
-      if (r) {
-        if (G?.variant === "NODE") {
-          const f = `${e}-group-${m++}`;
-          n.push({
-            id: `${e}-${f}-param-${t.id}`,
-            source: e,
-            // FunctionCard (Quelle)
-            target: f,
-            // GroupCard (Ziel – hat Top: target)
-            deletable: !1,
-            selectable: !1,
-            label: l?.names?.nodes[0]?.content ?? t.id,
-            data: {
-              color: s[i % s.length],
-              isParameter: !1
-            }
-          }), r && r instanceof w && ((d.get(e) ?? (d.set(e, []), d.get(e))).push(f), u(t.value, void 0, i + 1, g, p));
-        } else if (r && r instanceof w) {
-          const f = u(t.value, void 0, i + 1, g, p);
-          n.push({
-            id: `${f}-${e}-param-${t.id}`,
-            source: f,
-            target: e,
-            targetHandle: `param-${t.id}`,
-            animated: !0,
-            deletable: !1,
-            selectable: !1,
-            data: {
-              color: s[(i + 1) % s.length],
-              isParameter: !0
-            }
-          });
-        }
-      }
-    }), o.nextNodeId)
-      u(c.getNodeById(o.nextNodeId), e, i, g, p);
-    else {
-      const t = `${e}-suggestion`, r = d.get(e) ?? [];
-      r.length > 0 ? r.forEach((l, $) => n.push({
-        id: `${l}-${t}-next-${$}`,
-        source: l,
-        // wie bei echter nextNode von Group-Card starten
-        target: t,
-        // Ziel ist die Suggestion-Card
-        data: {
-          color: s[i % s.length],
-          isSuggestion: !0
-        },
-        deletable: !1,
-        selectable: !1
-      })) : n.push({
-        id: `${e}-${t}-next`,
-        source: e,
-        // Handle-Bottom der Function-Card
+import { useService as N, useStore as T } from "../../utils/contextStore.js";
+import B from "react";
+import "merge-props";
+import { DFlowReactiveService as x } from "./DFlow.service.js";
+import { DFlowFunctionReactiveService as E } from "../d-flow-function/DFlowFunction.service.js";
+import { DFlowDataTypeReactiveService as M } from "../d-flow-data-type/DFlowDataType.service.js";
+import { md5 as O } from "js-md5";
+const u = [
+  "rgba(255, 255, 255, 0.25)"
+  // rot
+], Q = (r) => {
+  const l = N(x), F = T(x), R = N(E), W = T(E), H = N(M), w = T(M), n = B.useMemo(() => l.getById(r), [r, F]);
+  return B.useMemo(() => {
+    if (!n) return [];
+    const d = [], p = /* @__PURE__ */ new Map();
+    let h = 0;
+    const v = /* @__PURE__ */ new Map(), b = /* @__PURE__ */ new Map(), G = (e, o = v) => (o.has(e) || o.set(e, R.getById(e)), o.get(e)), J = (e, o = b) => (o.has(e) || o.set(e, H.getDataType(e)), o.get(e)), f = (e, o, g, c = 0, m = v, $ = b) => {
+      const t = `${e.id}-${h++}`;
+      if (h == 1 && d.push({
+        id: `trigger-${t}-next`,
+        source: n.id,
         target: t,
-        // Handle-Top der Suggestion-Card
         data: {
-          color: s[i % s.length],
-          isSuggestion: !0
+          color: u[c % u.length],
+          type: "default",
+          flowId: r,
+          parentNodeId: o?.id
         },
         deletable: !1,
         selectable: !1
-      });
-    }
-    return e;
-  };
-  return c.startingNodeId && u(c.getNodeById(c.startingNodeId), void 0, 0, b, h), O.useMemo(() => n, [F, B, P, n]);
+      }), g) {
+        const s = p.get(g) ?? [];
+        s.length > 0 ? s.forEach((i, y) => d.push({
+          id: `${i}-${t}-next-${y}`,
+          source: i,
+          target: t,
+          data: {
+            color: u[c % u.length],
+            type: "default",
+            flowId: r,
+            parentNodeId: o?.id
+          },
+          deletable: !1,
+          selectable: !1
+        })) : d.push({
+          id: `${g}-${t}-next`,
+          source: g,
+          target: t,
+          data: {
+            color: u[c % u.length],
+            type: "default",
+            flowId: r,
+            parentNodeId: o?.id
+          },
+          deletable: !1,
+          selectable: !1
+        });
+      }
+      return e.parameters?.nodes?.forEach((s) => {
+        const i = s?.value, y = G(e.functionDefinition?.id, m)?.parameterDefinitions?.find((a) => a.id === s?.id), _ = y?.dataTypeIdentifier, A = _ ? J(_, $) : void 0;
+        if (i) {
+          if (A?.variant === "NODE") {
+            const a = `${t}-group-${h++}`, S = O(`${t}-param-${JSON.stringify(s)}`), D = (I) => parseInt(I.slice(0, 8), 16) % 360;
+            d.push({
+              id: `${t}-${a}-param-${s.id}`,
+              source: t,
+              target: a,
+              deletable: !1,
+              selectable: !1,
+              animated: !0,
+              label: y?.names?.nodes[0]?.content ?? s.id,
+              data: {
+                color: `hsl(${D(S)}, 100%, 72%)`,
+                type: "group",
+                flowId: r,
+                parentNodeId: o?.id
+              }
+            }), i && i.__typename === "NodeFunctionIdWrapper" && ((p.get(t) ?? (p.set(t, []), p.get(t))).push(a), f(l.getNodeById(r, i.id), e, void 0, c + 1, m, $));
+          } else if (i && i.__typename === "NodeFunctionIdWrapper") {
+            const a = f(l.getNodeById(r, i.id), e, void 0, c + 1, m, $), S = O(`${t}-param-${JSON.stringify(s)}`), D = (I) => parseInt(I.slice(0, 8), 16) % 360;
+            d.push({
+              id: `${a}-${t}-param-${s.id}`,
+              source: a,
+              target: t,
+              targetHandle: `param-${s.id}`,
+              animated: !0,
+              deletable: !1,
+              selectable: !1,
+              data: {
+                color: `hsl(${D(S)}, 100%, 72%)`,
+                type: "parameter",
+                flowId: r,
+                parentNodeId: o?.id
+              }
+            });
+          }
+        }
+      }), e.nextNodeId && f(l.getNodeById(n.id, e.nextNodeId), e, t, c, m, $), t;
+    };
+    return n.startingNodeId && f(l.getNodeById(n.id, n.startingNodeId), void 0, void 0, 0, v, b), d;
+  }, [n, F, W, w]);
 };
 export {
-  s as FLOW_EDGE_RAINBOW,
-  k as useFlowEdges
+  u as FLOW_EDGE_RAINBOW,
+  Q as useFlowEdges
 };