@code0-tech/pictor 0.0.0-mvp.3 → 0.0.0-mvp.30

package/dist/components/context-menu/ContextMenu.js

@@ -0,0 +1,191 @@
+import { jsx as c, jsxs as u } from "react/jsx-runtime";
+import { c as r } from "../../_virtual/compiler-runtime.js";
+import "../../utils/contextStore.js";
+import "react";
+import { mergeCode0Props as i } from "../../utils/utils.js";
+import { ContextMenu as A, ContextMenuTrigger as L, ContextMenuPortal as P, ContextMenuContent as G, ContextMenuSub as j, ContextMenuSubTrigger as v, ContextMenuSubContent as D, ContextMenuItem as W, ContextMenuSeparator as B, ContextMenuLabel as E, ContextMenuGroup as F, ContextMenuArrow as R } from "../../node_modules/@radix-ui/react-context-menu/dist/index.js";
+import '../../assets/components/context-menu/ContextMenu.style.css';/* empty css                       */
+import { Card as $ } from "../card/Card.js";
+import { Flex as g } from "../flex/Flex.js";
+import { Badge as M } from "../badge/Badge.js";
+import { IconArrowUp as y, IconArrowDown as w, IconCornerDownLeft as z } from "@tabler/icons-react";
+import { Spacing as I } from "../spacing/Spacing.js";
+const Z = (t) => {
+  const e = r.c(4);
+  let o;
+  e[0] !== t ? (o = i("context-menu", t), e[0] = t, e[1] = o) : o = e[1];
+  const l = o;
+  let n;
+  return e[2] !== l ? (n = /* @__PURE__ */ c(A, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
+}, p = (t) => {
+  const e = r.c(4);
+  let o;
+  e[0] !== t ? (o = i("context-menu__trigger", t), e[0] = t, e[1] = o) : o = e[1];
+  const l = o;
+  let n;
+  return e[2] !== l ? (n = /* @__PURE__ */ c(L, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
+}, ee = (t) => {
+  const e = r.c(4);
+  let o;
+  e[0] !== t ? (o = i("context-menu__portal", t), e[0] = t, e[1] = o) : o = e[1];
+  const l = o;
+  let n;
+  return e[2] !== l ? (n = /* @__PURE__ */ c(P, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
+}, te = (t) => {
+  const e = r.c(17), o = t.align, l = `context-menu__content context-menu__content--${t.color ?? "secondary"}`;
+  let n;
+  e[0] !== t || e[1] !== l ? (n = i(l, t), e[0] = t, e[1] = l, e[2] = n) : n = e[2];
+  const b = n;
+  let s;
+  e[3] === Symbol.for("react.memo_cache_sentinel") ? (s = {
+    borderWidth: "2px"
+  }, e[3] = s) : s = e[3];
+  let m;
+  e[4] !== t.children ? (m = /* @__PURE__ */ c($, { paddingSize: "xxs", mt: -0.35, mx: -0.35, style: s, children: t.children }), e[4] = t.children, e[5] = m) : m = e[5];
+  let a;
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (a = {
+    gap: ".35rem"
+  }, e[6] = a) : a = e[6];
+  let x;
+  e[7] === Symbol.for("react.memo_cache_sentinel") ? (x = {
+    gap: "0.35rem"
+  }, e[7] = x) : x = e[7];
+  let f;
+  e[8] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ c(M, { border: !0, children: /* @__PURE__ */ c(y, { size: 12 }) }), e[8] = f) : f = e[8];
+  let _, d;
+  e[9] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ u(g, { align: "center", style: x, children: [
+    /* @__PURE__ */ u(g, { children: [
+      f,
+      /* @__PURE__ */ c(M, { border: !0, children: /* @__PURE__ */ c(w, { size: 12 }) })
+    ] }),
+    "move"
+  ] }), _ = /* @__PURE__ */ c(I, { spacing: "xxs" }), e[9] = _, e[10] = d) : (_ = e[9], d = e[10]);
+  let C;
+  e[11] === Symbol.for("react.memo_cache_sentinel") ? (C = {
+    gap: ".35rem"
+  }, e[11] = C) : C = e[11];
+  let h;
+  e[12] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ c(T, { children: /* @__PURE__ */ u(g, { style: a, children: [
+    d,
+    _,
+    /* @__PURE__ */ u(g, { align: "center", style: C, children: [
+      /* @__PURE__ */ c(M, { border: !0, children: /* @__PURE__ */ c(z, { size: 12 }) }),
+      "select"
+    ] })
+  ] }) }), e[12] = h) : h = e[12];
+  let S;
+  return e[13] !== t.align || e[14] !== b || e[15] !== m ? (S = /* @__PURE__ */ u(G, { align: o, ...b, children: [
+    m,
+    h
+  ] }), e[13] = t.align, e[14] = b, e[15] = m, e[16] = S) : S = e[16], S;
+}, T = (t) => {
+  const e = r.c(4);
+  let o;
+  e[0] !== t ? (o = i("context-menu__label", t), e[0] = t, e[1] = o) : o = e[1];
+  const l = o;
+  let n;
+  return e[2] !== l ? (n = /* @__PURE__ */ c(E, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
+}, ne = (t) => {
+  const e = r.c(4);
+  let o;
+  e[0] !== t ? (o = i("context-menu__item", t), e[0] = t, e[1] = o) : o = e[1];
+  const l = o;
+  let n;
+  return e[2] !== l ? (n = /* @__PURE__ */ c(W, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
+}, oe = (t) => {
+  const e = r.c(4);
+  let o;
+  e[0] !== t ? (o = i("context-menu__group", t), e[0] = t, e[1] = o) : o = e[1];
+  const l = o;
+  let n;
+  return e[2] !== l ? (n = /* @__PURE__ */ c(F, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
+}, le = (t) => {
+  const e = r.c(4);
+  let o;
+  e[0] !== t ? (o = i("context-menu__sub", t), e[0] = t, e[1] = o) : o = e[1];
+  const l = o;
+  let n;
+  return e[2] !== l ? (n = /* @__PURE__ */ c(j, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
+}, ce = (t) => {
+  const e = r.c(4);
+  let o;
+  e[0] !== t ? (o = i("context-menu__sub-trigger", t), e[0] = t, e[1] = o) : o = e[1];
+  const l = o;
+  let n;
+  return e[2] !== l ? (n = /* @__PURE__ */ c(v, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
+}, re = (t) => {
+  const e = r.c(16), o = `context-menu__sub-content context-menu__sub-content--${t.color ?? "secondary"}`;
+  let l;
+  e[0] !== t || e[1] !== o ? (l = i(o, t), e[0] = t, e[1] = o, e[2] = l) : l = e[2];
+  const n = l;
+  let b;
+  e[3] === Symbol.for("react.memo_cache_sentinel") ? (b = {
+    borderWidth: "2px"
+  }, e[3] = b) : b = e[3];
+  let s;
+  e[4] !== t.children ? (s = /* @__PURE__ */ c($, { paddingSize: "xxs", mt: -0.35, mx: -0.35, style: b, children: t.children }), e[4] = t.children, e[5] = s) : s = e[5];
+  let m;
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (m = {
+    gap: ".35rem"
+  }, e[6] = m) : m = e[6];
+  let a;
+  e[7] === Symbol.for("react.memo_cache_sentinel") ? (a = {
+    gap: "0.35rem"
+  }, e[7] = a) : a = e[7];
+  let x;
+  e[8] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ c(M, { border: !0, children: /* @__PURE__ */ c(y, { size: 12 }) }), e[8] = x) : x = e[8];
+  let f, _;
+  e[9] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ u(g, { align: "center", style: a, children: [
+    /* @__PURE__ */ u(g, { children: [
+      x,
+      /* @__PURE__ */ c(M, { border: !0, children: /* @__PURE__ */ c(w, { size: 12 }) })
+    ] }),
+    "move"
+  ] }), _ = /* @__PURE__ */ c(I, { spacing: "xxs" }), e[9] = f, e[10] = _) : (f = e[9], _ = e[10]);
+  let d;
+  e[11] === Symbol.for("react.memo_cache_sentinel") ? (d = {
+    gap: ".35rem"
+  }, e[11] = d) : d = e[11];
+  let C;
+  e[12] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ c(T, { children: /* @__PURE__ */ u(g, { style: m, children: [
+    f,
+    _,
+    /* @__PURE__ */ u(g, { align: "center", style: d, children: [
+      /* @__PURE__ */ c(M, { border: !0, children: /* @__PURE__ */ c(z, { size: 12 }) }),
+      "select"
+    ] })
+  ] }) }), e[12] = C) : C = e[12];
+  let h;
+  return e[13] !== n || e[14] !== s ? (h = /* @__PURE__ */ u(D, { ...n, children: [
+    s,
+    C
+  ] }), e[13] = n, e[14] = s, e[15] = h) : h = e[15], h;
+}, ie = (t) => {
+  const e = r.c(4);
+  let o;
+  e[0] !== t ? (o = i("context-menu__separator", t), e[0] = t, e[1] = o) : o = e[1];
+  const l = o;
+  let n;
+  return e[2] !== l ? (n = /* @__PURE__ */ c(B, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
+}, se = (t) => {
+  const e = r.c(4);
+  let o;
+  e[0] !== t ? (o = i("context-menu__arrow", t), e[0] = t, e[1] = o) : o = e[1];
+  const l = o;
+  let n;
+  return e[2] !== l ? (n = /* @__PURE__ */ c(R, { ...l }), e[2] = l, e[3] = n) : n = e[3], n;
+};
+export {
+  Z as ContextMenu,
+  se as ContextMenuArrow,
+  te as ContextMenuContent,
+  oe as ContextMenuGroup,
+  ne as ContextMenuItem,
+  T as ContextMenuLabel,
+  ee as ContextMenuPortal,
+  ie as ContextMenuSeparator,
+  le as ContextMenuSub,
+  re as ContextMenuSubContent,
+  ce as ContextMenuSubTrigger,
+  p as ContextMenuTrigger
+};

package/dist/components/d-application/DApplication.service.d.ts

@@ -0,0 +1,5 @@
+import { ReactiveArrayService } from '../../utils';
+import { Application, ApplicationSettingsUpdateInput, ApplicationSettingsUpdatePayload } from '@code0-tech/sagittarius-graphql-types';
+export declare abstract class DApplicationService extends ReactiveArrayService<Application> {
+    abstract settingsUpdate(payload: ApplicationSettingsUpdateInput): Promise<ApplicationSettingsUpdatePayload | undefined>;
+}

package/dist/components/d-application/DApplication.service.js

@@ -0,0 +1,9 @@
+import "../../utils/contextStore.js";
+import "react";
+import { ReactiveArrayService as r } from "../../utils/reactiveArrayService.js";
+import "merge-props";
+class c extends r {
+}
+export {
+  c as DApplicationService
+};

package/dist/components/d-flow/DFlow.d.ts

@@ -1,5 +1,9 @@
-import { Code0ComponentProps } from '../../utils/types';
-import { ReactFlowProps } from '@xyflow/react';
+import { Code0ComponentProps } from '../../utils';
 import { default as React } from 'react';
-export type DFlowProps = Code0ComponentProps & ReactFlowProps;
+import { Flow, Namespace, NamespaceProject } from '@code0-tech/sagittarius-graphql-types';
+export interface DFlowProps extends Code0ComponentProps {
+    flowId: Flow['id'];
+    namespaceId: Namespace['id'];
+    projectId: NamespaceProject['id'];
+}
 export declare const DFlow: React.FC<DFlowProps>;

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

@@ -1,4 +1,5 @@
 import { Edge } from '@xyflow/react';
-import { Flow } from '@code0-tech/sagittarius-graphql-types';
+import { Flow, Namespace, NamespaceProject } from '@code0-tech/sagittarius-graphql-types';
+import { DFlowEdgeDataProps } from './DFlowEdge';
 export declare const FLOW_EDGE_RAINBOW: string[];
-export declare const useFlowEdges: (flowId: Flow["id"]) => Edge[];
+export declare const useFlowEdges: (flowId: Flow["id"], namespaceId?: Namespace["id"], projectId?: NamespaceProject["id"]) => Edge<DFlowEdgeDataProps>[];

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

@@ -1,145 +1,109 @@
-import { useService as D, useStore as S } from "../../utils/contextStore.js";
-import { DFlowReactiveService as v } from "./DFlow.service.js";
-import { NodeFunctionView as w } from "./DFlow.view.js";
-import { DFlowFunctionReactiveService as y } from "./function/DFlowFunction.service.js";
-import { D as N } from "../../DFlowDataType.service-Dz8pQUeO.js";
-import V from "react";
-import { DataTypeVariant as W } from "@code0-tech/sagittarius-graphql-types";
-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
-], z = (T) => {
-  const I = D(v), x = D(y), E = D(N), c = I.getById(T), F = S(v), B = S(y), P = S(N);
-  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
+import { useService as h, useStore as S } from "../../utils/contextStore.js";
+import N from "react";
+import "merge-props";
+import { DFlowReactiveService as T } from "./DFlow.service.js";
+import { DFlowFunctionReactiveService as B } from "../d-flow-function/DFlowFunction.service.js";
+import { hashToColor as x } from "./DFlow.util.js";
+import { DFlowDataTypeReactiveService as E } from "../d-flow-data-type/DFlowDataType.service.js";
+const u = ["rgba(255, 255, 255, 0.25)"], J = (a, _, M) => {
+  const l = h(T), F = S(T), R = h(B), W = S(B), O = h(E), w = S(E), n = N.useMemo(() => l.getById(a, {
+    namespaceId: _,
+    projectId: M
+  }), [a, F]);
+  return N.useMemo(() => {
+    if (!n) return [];
+    const d = [], p = /* @__PURE__ */ new Map();
+    let v = 0;
+    const b = /* @__PURE__ */ new Map(), D = /* @__PURE__ */ new Map(), G = (e, o = b) => (o.has(e) || o.set(e, R.getById(e)), o.get(e)), A = (e, o = D) => (o.has(e) || o.set(e, O.getDataType(e)), o.get(e)), f = (e, o, g, c = 0, m = b, y = D) => {
+      if (!e) return "";
+      const t = `${e.id}-${v++}`;
+      if (v == 1 && d.push({
+        id: `trigger-${t}-next`,
+        source: n.id,
+        target: t,
         data: {
-          color: s[i % s.length],
-          isParameter: !1
+          color: u[c % u.length],
+          type: "default",
+          flowId: a,
+          parentNodeId: o?.id
         },
         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 === W.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
+      }), g) {
+        const i = p.get(g) ?? [];
+        i.length > 0 ? i.forEach((r, $) => d.push({
+          id: `${r}-${t}-next-${$}`,
+          source: r,
+          target: t,
+          data: {
+            color: u[c % u.length],
+            type: "default",
+            flowId: a,
+            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: a,
+            parentNodeId: o?.id
+          },
+          deletable: !1,
+          selectable: !1
+        });
+      }
+      return e.parameters?.nodes?.forEach((i) => {
+        const r = i?.value, $ = G(e.functionDefinition?.id, m)?.parameterDefinitions?.find((s) => s.id === i?.id), I = $?.dataTypeIdentifier, H = I ? A(I, y) : void 0;
+        if (r) {
+          if (H?.variant === "NODE") {
+            if (r && r.__typename === "NodeFunctionIdWrapper") {
+              const s = `${t}-group-${v++}`;
+              d.push({
+                id: `${t}-${s}-param-${i.id}`,
+                source: t,
+                target: s,
+                deletable: !1,
+                selectable: !1,
+                animated: !0,
+                label: $?.names[0]?.content ?? i.id,
+                data: {
+                  color: x(r?.id || ""),
+                  type: "group",
+                  flowId: a,
+                  parentNodeId: o?.id
+                }
+              }), (p.get(t) ?? (p.set(t, []), p.get(t))).push(s), f(l.getNodeById(a, r.id), e, void 0, c + 1, m, y);
             }
-          });
+          } else if (r && r.__typename === "NodeFunctionIdWrapper") {
+            const s = f(l.getNodeById(a, r.id), e, void 0, c + 1, m, y);
+            d.push({
+              id: `${s}-${t}-param-${i.id}`,
+              source: s,
+              target: t,
+              targetHandle: `param-${i.id}`,
+              animated: !0,
+              deletable: !1,
+              selectable: !1,
+              data: {
+                color: x(r?.id || ""),
+                type: "parameter",
+                flowId: a,
+                parentNodeId: o?.id
+              }
+            });
+          }
         }
-      }
-    }), 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
-        target: t,
-        // Handle-Top der Suggestion-Card
-        data: {
-          color: s[i % s.length],
-          isSuggestion: !0
-        },
-        deletable: !1,
-        selectable: !1
-      });
-    }
-    return e;
-  };
-  return c.startingNodeId && u(c.getNodeById(c.startingNodeId), void 0, 0, b, h), V.useMemo(() => n, [F, B, P, n]);
+      }), e.nextNodeId && f(l.getNodeById(n.id, e.nextNodeId), e, t, c, m, y), t;
+    };
+    return n.startingNodeId && f(l.getNodeById(n.id, n.startingNodeId), void 0, void 0, 0, b, D), d;
+  }, [n, F, W, w]);
 };
 export {
-  s as FLOW_EDGE_RAINBOW,
-  z as useFlowEdges
+  u as FLOW_EDGE_RAINBOW,
+  J as useFlowEdges
 };