@canmingir/link 1.2.8 → 1.2.11

package/src/lib/Flow/utils/flowUtils.js

@@ -0,0 +1,268 @@
+export function assertLinkedGraph(data) {
+  if (!data || typeof data !== "object") {
+    throw new Error(
+      "FlowChart expected a linked graph object: { nodes, roots? }."
+    );
+  }
+  const { nodes, roots } = data;
+  if (!nodes || typeof nodes !== "object") {
+    throw new Error("FlowChart expected data.nodes to be an object.");
+  }
+
+  let useRoots = Array.isArray(roots) ? [...roots] : null;
+  if (!useRoots || useRoots.length === 0) {
+    useRoots = Object.keys(nodes).filter((id) => !nodes[id]?.previous);
+  }
+  if (useRoots.length === 0) {
+    const first = Object.keys(nodes)[0];
+    if (first) useRoots = [first];
+  }
+
+  for (const r of useRoots) {
+    if (!nodes[r]) throw new Error(`Root id "${r}" not found in data.nodes.`);
+  }
+
+  return { nodesById: nodes, roots: useRoots };
+}
+
+export function buildTreeFromLinked(rootId, nodesById) {
+  if (!rootId || !nodesById?.[rootId]) return null;
+  const seen = new Set();
+
+  const cloneNode = (node) => {
+    if (!node) return null;
+    const { next, previous, children, ...rest } = node;
+    return { ...rest, id: node.id, previous, next, children: [] };
+  };
+
+  const dfs = (id) => {
+    if (!id || seen.has(id) || !nodesById[id]) return null;
+    seen.add(id);
+
+    const node = nodesById[id];
+    const out = cloneNode(node);
+
+    const nextArr = Array.isArray(node.next)
+      ? node.next
+      : node.next != null
+      ? [node.next]
+      : [];
+
+    for (const nxt of nextArr) {
+      const nextId = typeof nxt === "string" ? nxt : nxt?.id;
+      if (!nextId || !nodesById[nextId]) continue;
+
+      const target = nodesById[nextId];
+      if (target.previous == null || target.previous === id) {
+        const built = dfs(nextId);
+        if (built) out.children.push(built);
+      }
+    }
+    return out;
+  };
+
+  return dfs(rootId);
+}
+
+export const getContentParts = (n) => {
+  const entries = Object.entries(n).filter(
+    ([key]) =>
+      key !== "children" && key !== "id" && key !== "previous" && key !== "next"
+  );
+
+  if (entries.length === 0) {
+    return {
+      title: "(empty)",
+      subtitle: null,
+      metaEntries: [],
+    };
+  }
+
+  const preferredTitleKeys = ["label", "title", "name"];
+  const titleEntry =
+    entries.find(([key]) => preferredTitleKeys.includes(key)) || entries[0];
+  const [titleKey, rawTitle] = titleEntry;
+  const title = String(rawTitle);
+  let remaining = entries.filter(([key]) => key !== titleKey);
+
+  const preferredSubtitleKeys = ["description", "role", "type", "status"];
+  const subtitleEntry =
+    remaining.find(([key]) => preferredSubtitleKeys.includes(key)) || null;
+
+  let subtitle = null;
+  if (subtitleEntry) {
+    const [subtitleKey, raw] = subtitleEntry;
+    subtitle = String(raw);
+    remaining = remaining.filter(([key]) => key !== subtitleKey);
+  }
+
+  const metaEntries = remaining
+    .filter(([, value]) => {
+      const t = typeof value;
+      return (
+        (t === "string" || t === "number" || t === "boolean") &&
+        value !== "" &&
+        value !== null
+      );
+    })
+    .map(([k, v]) => [k, v]);
+
+  return { title, subtitle, metaEntries };
+};
+
+export const toNextArray = (next) => {
+  if (!next) return [];
+  return Array.isArray(next) ? next : [next];
+};
+
+export const setNextProperty = (node, nextIds) => {
+  if (!nextIds || nextIds.length === 0) {
+    delete node.next;
+  } else if (nextIds.length === 1) {
+    node.next = nextIds[0];
+  } else {
+    node.next = nextIds;
+  }
+};
+
+export const addToNext = (node, childIds) => {
+  const current = toNextArray(node.next);
+  const newIds = childIds.filter((id) => !current.includes(id));
+  setNextProperty(node, [...current, ...newIds]);
+};
+
+export const removeFromNext = (node, childIds) => {
+  const removeSet = new Set(childIds);
+  const filtered = toNextArray(node.next).filter((id) => !removeSet.has(id));
+  setNextProperty(node, filtered);
+};
+
+export const cleanupReferences = (nodes, removedIds) => {
+  const removeSet = new Set(removedIds);
+  Object.values(nodes).forEach((node) => {
+    if (removeSet.has(node.next)) {
+      delete node.next;
+    } else if (Array.isArray(node.next)) {
+      const filtered = node.next.filter((n) => !removeSet.has(n));
+      setNextProperty(node, filtered);
+    }
+    if (removeSet.has(node.previous)) {
+      delete node.previous;
+    }
+  });
+};
+
+export const hexToRgba = (hex, alpha) => {
+  const r = parseInt(hex.slice(1, 3), 16);
+  const g = parseInt(hex.slice(3, 5), 16);
+  const b = parseInt(hex.slice(5, 7), 16);
+  return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+};
+
+export const buildDetachedTree = (rootId, nodesById) => {
+  if (!rootId || !nodesById?.[rootId]) return null;
+  const seen = new Set();
+
+  const buildNode = (id) => {
+    if (!id || seen.has(id) || !nodesById[id]) return null;
+    seen.add(id);
+
+    const node = nodesById[id];
+    const { next, previous, ...rest } = node;
+    const result = { ...rest, id, children: [] };
+
+    const nextIds = Array.isArray(next) ? next : next != null ? [next] : [];
+
+    nextIds.forEach((nxt) => {
+      const nextId = typeof nxt === "string" ? nxt : nxt?.id;
+      if (!nextId || !nodesById[nextId]) return;
+
+      const child = buildNode(nextId);
+      if (child) result.children.push(child);
+    });
+
+    return result;
+  };
+
+  return buildNode(rootId);
+};
+
+export const getSelectedInStructure = (structure, selectedIds) =>
+  selectedIds.filter((id) => structure.nodes?.[id]);
+
+export const getRootsToConnect = (structure, selectedIds) => {
+  const selectedSet = new Set(selectedIds);
+  const roots = [];
+
+  selectedIds.forEach((id) => {
+    let current = structure.nodes[id];
+    if (!current) return;
+
+    let rootId = id;
+
+    while (current.previous && structure.nodes[current.previous]) {
+      if (selectedSet.has(current.previous)) {
+        rootId = current.previous;
+        current = structure.nodes[current.previous];
+      } else break;
+    }
+
+    if (!current.previous && !roots.includes(rootId)) {
+      roots.push(rootId);
+    }
+  });
+
+  if (roots.length > 0) return roots;
+
+  return selectedIds.filter((id) => {
+    const node = structure.nodes[id];
+    return node && (!node.previous || !structure.nodes[node.previous]);
+  });
+};
+
+export const collectSubtree = (structure, roots, selectedIds) => {
+  const selectedSet = new Set(selectedIds);
+  const collected = new Set();
+
+  const dfs = (id) => {
+    if (collected.has(id) || !structure.nodes[id]) return;
+    collected.add(id);
+
+    toNextArray(structure.nodes[id].next).forEach((childId) => {
+      if (structure.nodes[childId] && selectedSet.has(childId)) {
+        dfs(childId);
+      }
+    });
+  };
+
+  roots.forEach(dfs);
+  return collected;
+};
+
+export const splitFloatingStructure = (structure, removedIds) => {
+  const remainingNodes = {};
+
+  Object.entries(structure.nodes).forEach(([id, node]) => {
+    if (!removedIds.has(id)) {
+      remainingNodes[id] = node;
+    }
+  });
+
+  cleanupReferences(remainingNodes, [...removedIds]);
+
+  const remainingRoots =
+    structure.roots?.filter((r) => !removedIds.has(r)) ?? [];
+
+  const roots =
+    remainingRoots.length > 0
+      ? remainingRoots
+      : Object.keys(remainingNodes).filter(
+          (id) => !remainingNodes[id].previous
+        );
+
+  return {
+    ...structure,
+    nodes: remainingNodes,
+    roots: [...new Set(roots)],
+  };
+};

package/src/lib/index.js

@@ -22,7 +22,7 @@ export { default as TableSelectedAction } from "./TableSelectedAction/TableSelec
 export { default as useTable } from "./useTable/useTable";
 export { default as useChart } from "./useChart/useChart";
 
-export { default as Flow } from "./Flow/Flow";
+export { default as Flow } from "./Flow/core/Flow";
 
 export {
   HeaderCard,

package/.idea/codeStyles/Project.xml

@@ -1,84 +0,0 @@
-<component name="ProjectCodeStyleConfiguration">
-  <code_scheme name="Project" version="173">
-    <HTMLCodeStyleSettings>
-      <option name="HTML_SPACE_INSIDE_EMPTY_TAG" value="true" />
-    </HTMLCodeStyleSettings>
-    <JSCodeStyleSettings version="0">
-      <option name="FORCE_SEMICOLON_STYLE" value="true" />
-      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
-      <option name="FORCE_QUOTE_STYlE" value="true" />
-      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
-      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
-      <option name="SPACES_WITHIN_IMPORTS" value="true" />
-      <option name="CHAINED_CALL_DOT_ON_NEW_LINE" value="false" />
-    </JSCodeStyleSettings>
-    <JetCodeStyleSettings>
-      <option name="CODE_STYLE_DEFAULTS" value="KOTLIN_OFFICIAL" />
-    </JetCodeStyleSettings>
-    <TypeScriptCodeStyleSettings version="0">
-      <option name="FORCE_SEMICOLON_STYLE" value="true" />
-      <option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
-      <option name="FORCE_QUOTE_STYlE" value="true" />
-      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
-      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
-      <option name="SPACES_WITHIN_IMPORTS" value="true" />
-    </TypeScriptCodeStyleSettings>
-    <VueCodeStyleSettings>
-      <option name="INTERPOLATION_NEW_LINE_AFTER_START_DELIMITER" value="false" />
-      <option name="INTERPOLATION_NEW_LINE_BEFORE_END_DELIMITER" value="false" />
-    </VueCodeStyleSettings>
-    <codeStyleSettings language="HTML">
-      <option name="SOFT_MARGINS" value="80" />
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="JSON">
-      <indentOptions>
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="JavaScript">
-      <option name="RIGHT_MARGIN" value="80" />
-      <option name="KEEP_BLANK_LINES_IN_CODE" value="1" />
-      <option name="ALIGN_MULTILINE_PARAMETERS" value="false" />
-      <option name="ALIGN_MULTILINE_FOR" value="false" />
-      <option name="CALL_PARAMETERS_WRAP" value="1" />
-      <option name="METHOD_PARAMETERS_WRAP" value="1" />
-      <option name="METHOD_PARAMETERS_LPAREN_ON_NEXT_LINE" value="true" />
-      <option name="METHOD_CALL_CHAIN_WRAP" value="5" />
-      <option name="BINARY_OPERATION_WRAP" value="1" />
-      <option name="TERNARY_OPERATION_WRAP" value="5" />
-      <option name="TERNARY_OPERATION_SIGNS_ON_NEXT_LINE" value="true" />
-      <option name="KEEP_SIMPLE_BLOCKS_IN_ONE_LINE" value="true" />
-      <option name="KEEP_SIMPLE_METHODS_IN_ONE_LINE" value="true" />
-      <option name="ARRAY_INITIALIZER_WRAP" value="5" />
-      <option name="ARRAY_INITIALIZER_LBRACE_ON_NEXT_LINE" value="true" />
-      <option name="SOFT_MARGINS" value="80" />
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="TypeScript">
-      <option name="SOFT_MARGINS" value="80" />
-      <indentOptions>
-        <option name="INDENT_SIZE" value="2" />
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-        <option name="TAB_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="Vue">
-      <option name="SOFT_MARGINS" value="80" />
-      <indentOptions>
-        <option name="CONTINUATION_INDENT_SIZE" value="2" />
-      </indentOptions>
-    </codeStyleSettings>
-    <codeStyleSettings language="kotlin">
-      <option name="CODE_STYLE_DEFAULTS" value="KOTLIN_OFFICIAL" />
-    </codeStyleSettings>
-  </code_scheme>
-</component>

package/.idea/codeStyles/codeStyleConfig.xml

@@ -1,5 +0,0 @@
-<component name="ProjectCodeStyleConfiguration">
-  <state>
-    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
-  </state>
-</component>

package/.idea/copilot.data.migration.agent.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="AgentMigrationStateService">
-    <option name="migrationStatus" value="COMPLETED" />
-  </component>
-</project>

package/.idea/copilot.data.migration.ask.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="AskMigrationStateService">
-    <option name="migrationStatus" value="COMPLETED" />
-  </component>
-</project>

package/.idea/copilot.data.migration.ask2agent.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="Ask2AgentMigrationStateService">
-    <option name="migrationStatus" value="COMPLETED" />
-  </component>
-</project>

package/.idea/copilot.data.migration.edit.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="EditMigrationStateService">
-    <option name="migrationStatus" value="COMPLETED" />
-  </component>
-</project>

package/.idea/inspectionProfiles/Project_Default.xml

@@ -1,6 +0,0 @@
-<component name="InspectionProjectProfileManager">
-  <profile version="1.0">
-    <option name="myName" value="Project Default" />
-    <inspection_tool class="JpaEntityGraphsInspection" enabled="true" level="ERROR" enabled_by_default="true" />
-  </profile>
-</component>

package/.idea/misc.xml

@@ -1,5 +0,0 @@
-<project version="4">
-  <component name="ProjectRootManager">
-    <output url="file://$PROJECT_DIR$/out" />
-  </component>
-</project>

package/.idea/modules.xml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectModuleManager">
-    <modules>
-      <module fileurl="file://$PROJECT_DIR$/.idea/platform.iml" filepath="$PROJECT_DIR$/.idea/platform.iml" />
-    </modules>
-  </component>
-</project>

package/.idea/platform.iml

@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="JAVA_MODULE" version="4">
-  <component name="NewModuleRootManager" inherit-compiler-output="true">
-    <exclude-output />
-    <content url="file://$MODULE_DIR$" />
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-</module>

package/.idea/vcs.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="VcsDirectoryMappings">
-    <mapping directory="" vcs="Git" />
-  </component>
-</project>

package/src/lib/Flow/DraggableNode.jsx

@@ -1,62 +0,0 @@
-import { Box } from "@mui/material";
-
-import React, { useRef, useState } from "react";
-
-const DraggableNode = ({ children, registerRef, onDrag }) => {
-  const [offset, setOffset] = useState({ x: 0, y: 0 });
-  const localRef = useRef(null);
-
-  const setRef = (el) => {
-    localRef.current = el;
-    if (registerRef) registerRef(el);
-  };
-
-  const handleMouseDown = (e) => {
-    if (e.button !== 0) return;
-    e.stopPropagation();
-
-    const startX = e.clientX;
-    const startY = e.clientY;
-    const startOffset = { ...offset };
-
-    const onMove = (ev) => {
-      const dx = ev.clientX - startX;
-      const dy = ev.clientY - startY;
-      setOffset({
-        x: startOffset.x + dx,
-        y: startOffset.y + dy,
-      });
-      if (onDrag) onDrag();
-    };
-
-    const onUp = () => {
-      window.removeEventListener("mousemove", onMove);
-      window.removeEventListener("mouseup", onUp);
-    };
-
-    window.addEventListener("mousemove", onMove);
-    window.addEventListener("mouseup", onUp);
-  };
-
-  return (
-    <Box
-      ref={setRef}
-      onMouseDown={handleMouseDown}
-      sx={{
-        display: "inline-flex",
-        flexDirection: "column",
-        alignItems: "center",
-        position: "relative",
-        transform: `translate(${offset.x}px, ${offset.y}px)`,
-        cursor: "grab",
-        "&:active": {
-          cursor: "grabbing",
-        },
-      }}
-    >
-      {children}
-    </Box>
-  );
-};
-
-export default DraggableNode;

package/src/lib/Flow/DynamicConnector.jsx

@@ -1,176 +0,0 @@
-import React, { useLayoutEffect, useState } from "react";
-
-const DynamicConnector = ({
-  containerEl,
-  parentEl,
-  childEls,
-  stroke,
-  strokeWidth,
-  lineStyle,
-  connectorType = "default",
-  tick = 0,
-}) => {
-  const [dims, setDims] = useState(null);
-  const [points, setPoints] = useState({
-    parent: null,
-    children: [],
-    yMid: null,
-  });
-
-  useLayoutEffect(() => {
-    if (!containerEl || !parentEl || !childEls?.length) return;
-
-    const update = () => {
-      const cRect = containerEl.getBoundingClientRect();
-      const pRect = parentEl.getBoundingClientRect();
-
-      const parent = {
-        x: pRect.left + pRect.width / 2 - cRect.left,
-        y: pRect.bottom - cRect.top,
-      };
-
-      const children = childEls.map((el) => {
-        if (!el) return { x: parent.x, y: parent.y };
-        const r = el.getBoundingClientRect();
-        return {
-          x: r.left + r.width / 2 - cRect.left,
-          y: r.top - cRect.top,
-        };
-      });
-
-      const firstTop = Math.min(...children.map((c) => c.y));
-      const yMid =
-        parent.y + Math.max(12, Math.min(24, (firstTop - parent.y) * 0.4));
-
-      setPoints({ parent, children, yMid });
-      setDims({ w: cRect.width, h: cRect.height });
-    };
-
-    update();
-
-    const ro = new ResizeObserver(update);
-    ro.observe(containerEl);
-    ro.observe(parentEl);
-    childEls.forEach((el) => el && ro.observe(el));
-
-    return () => ro.disconnect();
-  }, [containerEl, parentEl, childEls, tick]);
-
-  if (!dims || !points.parent || !points.children.length) return null;
-
-  const dash =
-    lineStyle === "dashed"
-      ? `${strokeWidth * 3},${strokeWidth * 2}`
-      : lineStyle === "dotted"
-      ? `${strokeWidth},${strokeWidth * 1.5}`
-      : undefined;
-
-  const onlyOne = points.children.length === 1;
-
-  const svgProps = {
-    style: {
-      position: "absolute",
-      inset: 0,
-      pointerEvents: "none",
-      overflow: "visible",
-    },
-    width: "100%",
-    height: "100%",
-    viewBox: `0 0 ${dims.w} ${dims.h}`,
-  };
-
-  if (connectorType === "curved" || connectorType === "n8n") {
-    const createN8nPath = (from, to) => {
-      const v = Math.max(32, Math.abs(to.y - from.y) * 0.35);
-      const h = Math.max(24, Math.abs(to.x - from.x) * 0.35);
-
-      const c1 = {
-        x: to.x > from.x ? from.x + h : from.x - h,
-        y: from.y + v,
-      };
-      const c2 = {
-        x: to.x > from.x ? to.x - h : to.x + h,
-        y: to.y - v,
-      };
-
-      return `M ${from.x} ${from.y} C ${c1.x} ${c1.y} ${c2.x} ${c2.y} ${to.x} ${to.y}`;
-    };
-
-    return (
-      <svg {...svgProps}>
-        {points.children.map((child, i) => (
-          <path
-            key={i}
-            d={createN8nPath(points.parent, child)}
-            fill="none"
-            stroke={stroke}
-            strokeWidth={strokeWidth}
-            strokeDasharray={dash}
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          />
-        ))}
-      </svg>
-    );
-  }
-
-  return (
-    <svg {...svgProps}>
-      {onlyOne ? (
-        <line
-          x1={points.parent.x}
-          y1={points.parent.y}
-          x2={points.children[0].x}
-          y2={points.children[0].y}
-          stroke={stroke}
-          strokeWidth={strokeWidth}
-          strokeDasharray={dash}
-        />
-      ) : (
-        <>
-          <line
-            x1={points.parent.x}
-            y1={points.parent.y}
-            x2={points.parent.x}
-            y2={points.yMid}
-            stroke={stroke}
-            strokeWidth={strokeWidth}
-            strokeDasharray={dash}
-          />
-
-          {(() => {
-            const xs = points.children.map((c) => c.x);
-            const xMin = Math.min(...xs, points.parent.x);
-            const xMax = Math.max(...xs, points.parent.x);
-            return (
-              <line
-                x1={xMin}
-                y1={points.yMid}
-                x2={xMax}
-                y2={points.yMid}
-                stroke={stroke}
-                strokeWidth={strokeWidth}
-                strokeDasharray={dash}
-              />
-            );
-          })()}
-
-          {points.children.map((c, i) => (
-            <line
-              key={i}
-              x1={c.x}
-              y1={points.yMid}
-              x2={c.x}
-              y2={c.y}
-              stroke={stroke}
-              strokeWidth={strokeWidth}
-              strokeDasharray={dash}
-            />
-          ))}
-        </>
-      )}
-    </svg>
-  );
-};
-
-export default DynamicConnector;