@likec4/diagram 1.55.0 → 1.56.0

package/dist/overlays/relationship-details/compute.js

@@ -1,140 +1,114 @@
-import { treeFromElements } from '@likec4/core/compute-view';
-import { modelConnection } from '@likec4/core/model';
-import { invariant, isAncestor, sortParentsFirst } from '@likec4/core/utils';
-import { hasAtLeast } from 'remeda';
-
-const finalize = (elements, explicits) => {
-  if (elements.size > 2 && explicits.size !== elements.size) {
-    return new Set(sortParentsFirst([
-      ...treeFromElements(elements).flatten(),
-      ...explicits
-    ]));
-  }
-  if (elements.size > 1) {
-    return new Set(sortParentsFirst([...elements]));
-  }
-  return elements;
+import "../../_virtual/_rolldown/runtime.js";
+import { hasAtLeast } from "remeda";
+import { invariant, isAncestor, sortParentsFirst } from "@likec4/core/utils";
+import { treeFromElements } from "@likec4/core/compute-view";
+import { modelConnection } from "@likec4/core/model";
+//#region src/overlays/relationship-details/compute.ts
+var finalize = (elements, explicits) => {
+	if (elements.size > 2 && explicits.size !== elements.size) return new Set(sortParentsFirst([...treeFromElements(elements).flatten(), ...explicits]));
+	if (elements.size > 1) return new Set(sortParentsFirst([...elements]));
+	return elements;
 };
 function computeEdgeDetailsViewData(edges, view) {
-  const sources = /* @__PURE__ */ new Set();
-  const relationships = /* @__PURE__ */ new Set();
-  const targets = /* @__PURE__ */ new Set();
-  const explicit = {
-    sources: /* @__PURE__ */ new Set(),
-    targets: /* @__PURE__ */ new Set()
-  };
-  const addExplicit = (el, type) => {
-    if (type === "source") {
-      sources.add(el);
-      explicit.sources.add(el);
-    } else {
-      targets.add(el);
-      explicit.targets.add(el);
-    }
-  };
-  for (const edgeId of edges) {
-    const edge = view.findEdge(edgeId);
-    const _relationships = edge ? [...edge.relationships("model")] : [];
-    if (!edge || !hasAtLeast(_relationships, 1) || !edge.source.hasElement() || !edge.target.hasElement()) {
-      continue;
-    }
-    const source = edge.source.element;
-    const target = edge.target.element;
-    addExplicit(source, "source");
-    addExplicit(target, "target");
-    for (const relationship of _relationships) {
-      relationships.add(relationship);
-      if (relationship.source !== source) {
-        addExplicit(relationship.source, "source");
-        for (const parent of relationship.source.ancestors()) {
-          if (parent === source) {
-            break;
-          }
-          sources.add(parent);
-        }
-      }
-      if (relationship.target !== target) {
-        addExplicit(relationship.target, "target");
-        for (const parent of relationship.target.ancestors()) {
-          if (parent === target) {
-            break;
-          }
-          targets.add(parent);
-        }
-      }
-    }
-  }
-  return {
-    sources: finalize(sources, explicit.sources),
-    targets: finalize(targets, explicit.targets),
-    relationships
-  };
+	const sources = /* @__PURE__ */ new Set();
+	const relationships = /* @__PURE__ */ new Set();
+	const targets = /* @__PURE__ */ new Set();
+	const explicit = {
+		sources: /* @__PURE__ */ new Set(),
+		targets: /* @__PURE__ */ new Set()
+	};
+	const addExplicit = (el, type) => {
+		if (type === "source") {
+			sources.add(el);
+			explicit.sources.add(el);
+		} else {
+			targets.add(el);
+			explicit.targets.add(el);
+		}
+	};
+	for (const edgeId of edges) {
+		const edge = view.findEdge(edgeId);
+		const _relationships = edge ? [...edge.relationships("model")] : [];
+		if (!edge || !hasAtLeast(_relationships, 1) || !edge.source.hasElement() || !edge.target.hasElement()) continue;
+		const source = edge.source.element;
+		const target = edge.target.element;
+		addExplicit(source, "source");
+		addExplicit(target, "target");
+		for (const relationship of _relationships) {
+			relationships.add(relationship);
+			if (relationship.source !== source) {
+				addExplicit(relationship.source, "source");
+				for (const parent of relationship.source.ancestors()) {
+					if (parent === source) break;
+					sources.add(parent);
+				}
+			}
+			if (relationship.target !== target) {
+				addExplicit(relationship.target, "target");
+				for (const parent of relationship.target.ancestors()) {
+					if (parent === target) break;
+					targets.add(parent);
+				}
+			}
+		}
+	}
+	return {
+		sources: finalize(sources, explicit.sources),
+		targets: finalize(targets, explicit.targets),
+		relationships
+	};
 }
-function computeRelationshipDetailsViewData({
-  // relationships: _relationships,
-  source,
-  target
-}) {
-  const sources = /* @__PURE__ */ new Set();
-  const relationships = /* @__PURE__ */ new Set();
-  const targets = /* @__PURE__ */ new Set();
-  const explicit = {
-    sources: /* @__PURE__ */ new Set(),
-    targets: /* @__PURE__ */ new Set()
-  };
-  const addExplicit = (el, type) => {
-    if (type === "source") {
-      sources.add(el);
-      explicit.sources.add(el);
-    } else {
-      targets.add(el);
-      explicit.targets.add(el);
-    }
-  };
-  if (source) {
-    addExplicit(source, "source");
-  }
-  if (target) {
-    addExplicit(target, "target");
-  }
-  const [connection] = modelConnection.findConnection(source, target, "directed");
-  if (!connection) {
-    return {
-      sources,
-      targets,
-      relationships
-    };
-  }
-  for (const relationship of connection.relations) {
-    const relationSource = relationship.source;
-    const relationTarget = relationship.target;
-    addExplicit(relationSource, "source");
-    addExplicit(relationTarget, "target");
-    relationships.add(relationship);
-    if (source !== relationSource) {
-      invariant(isAncestor(source, relationSource), `${source.id} is not an ancestor of ${relationSource.id}`);
-      for (const parent of relationSource.ancestors()) {
-        if (parent === source) {
-          break;
-        }
-        sources.add(parent);
-      }
-    }
-    if (target !== relationTarget) {
-      invariant(isAncestor(target, relationTarget), `${target.id} is not an ancestor of ${relationTarget.id}`);
-      for (const parent of relationTarget.ancestors()) {
-        if (parent === target) {
-          break;
-        }
-        targets.add(parent);
-      }
-    }
-  }
-  return {
-    sources: finalize(sources, explicit.sources),
-    targets: finalize(targets, explicit.targets),
-    relationships
-  };
+function computeRelationshipDetailsViewData({ source, target }) {
+	const sources = /* @__PURE__ */ new Set();
+	const relationships = /* @__PURE__ */ new Set();
+	const targets = /* @__PURE__ */ new Set();
+	const explicit = {
+		sources: /* @__PURE__ */ new Set(),
+		targets: /* @__PURE__ */ new Set()
+	};
+	const addExplicit = (el, type) => {
+		if (type === "source") {
+			sources.add(el);
+			explicit.sources.add(el);
+		} else {
+			targets.add(el);
+			explicit.targets.add(el);
+		}
+	};
+	if (source) addExplicit(source, "source");
+	if (target) addExplicit(target, "target");
+	const [connection] = modelConnection.findConnection(source, target, "directed");
+	if (!connection) return {
+		sources,
+		targets,
+		relationships
+	};
+	for (const relationship of connection.relations) {
+		const relationSource = relationship.source;
+		const relationTarget = relationship.target;
+		addExplicit(relationSource, "source");
+		addExplicit(relationTarget, "target");
+		relationships.add(relationship);
+		if (source !== relationSource) {
+			invariant(isAncestor(source, relationSource), `${source.id} is not an ancestor of ${relationSource.id}`);
+			for (const parent of relationSource.ancestors()) {
+				if (parent === source) break;
+				sources.add(parent);
+			}
+		}
+		if (target !== relationTarget) {
+			invariant(isAncestor(target, relationTarget), `${target.id} is not an ancestor of ${relationTarget.id}`);
+			for (const parent of relationTarget.ancestors()) {
+				if (parent === target) break;
+				targets.add(parent);
+			}
+		}
+	}
+	return {
+		sources: finalize(sources, explicit.sources),
+		targets: finalize(targets, explicit.targets),
+		relationships
+	};
 }
-
+//#endregion
 export { computeEdgeDetailsViewData, computeRelationshipDetailsViewData };

package/dist/overlays/relationship-details/custom/ElementActions.js

@@ -1,58 +1,45 @@
-import { jsx } from 'react/jsx-runtime';
-import { useEnabledFeatures } from '../../../context/DiagramFeatures.js';
-import { useCurrentViewId } from '../../../hooks/useCurrentView.js';
-import '@xstate/react';
-import 'fast-equals';
-import 'react';
-import { useDiagram } from '../../../hooks/safeContext.js';
-import { ElementActionButtons } from '../../../base-primitives/element/ElementActionButtons.js';
-import IconZoomScan from '../../../node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconZoomScan.js';
-import IconTransform from '../../../node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconTransform.js';
-import IconFileSymlink from '../../../node_modules/.pnpm/@tabler_icons-react@3.40.0_react@19.2.4/node_modules/@tabler/icons-react/dist/esm/icons/IconFileSymlink.js';
-
-const ElementActions = (props) => {
-  const { enableNavigateTo, enableVscode } = useEnabledFeatures();
-  const diagram = useDiagram();
-  const currentViewId = useCurrentViewId();
-  const buttons = [];
-  const { navigateTo, fqn } = props.data;
-  if (navigateTo && enableNavigateTo && currentViewId !== navigateTo) {
-    buttons.push({
-      key: "navigate",
-      icon: /* @__PURE__ */ jsx(IconZoomScan, {}),
-      onClick: (e) => {
-        e.stopPropagation();
-        diagram.navigateTo(navigateTo);
-      }
-    });
-  }
-  if (fqn) {
-    buttons.push({
-      key: "relationships",
-      icon: /* @__PURE__ */ jsx(IconTransform, {}),
-      onClick: (e) => {
-        e.stopPropagation();
-        diagram.openRelationshipsBrowser(fqn);
-      }
-    });
-  }
-  if (fqn && enableVscode) {
-    buttons.push({
-      key: "goToSource",
-      icon: /* @__PURE__ */ jsx(IconFileSymlink, {}),
-      onClick: (e) => {
-        e.stopPropagation();
-        diagram.openSource({ element: fqn });
-      }
-    });
-  }
-  return /* @__PURE__ */ jsx(
-    ElementActionButtons,
-    {
-      buttons,
-      ...props
-    }
-  );
+import "../../../_virtual/_rolldown/runtime.js";
+import { useEnabledFeatures } from "../../../context/DiagramFeatures.js";
+import { useDiagram } from "../../../hooks/safeContext.js";
+import { useCurrentViewId } from "../../../hooks/useCurrentView.js";
+import { ElementActionButtons } from "../../../base-primitives/element/ElementActionButtons.js";
+import { IconFileSymlink, IconTransform, IconZoomScan } from "@tabler/icons-react";
+import { jsx } from "react/jsx-runtime";
+//#region src/overlays/relationship-details/custom/ElementActions.tsx
+var ElementActions = (props) => {
+	const { enableNavigateTo, enableVscode } = useEnabledFeatures();
+	const diagram = useDiagram();
+	const currentViewId = useCurrentViewId();
+	const buttons = [];
+	const { navigateTo, fqn } = props.data;
+	if (navigateTo && enableNavigateTo && currentViewId !== navigateTo) buttons.push({
+		key: "navigate",
+		icon: /* @__PURE__ */ jsx(IconZoomScan, {}),
+		onClick: (e) => {
+			e.stopPropagation();
+			diagram.navigateTo(navigateTo);
+		}
+	});
+	if (fqn) buttons.push({
+		key: "relationships",
+		icon: /* @__PURE__ */ jsx(IconTransform, {}),
+		onClick: (e) => {
+			e.stopPropagation();
+			diagram.openRelationshipsBrowser(fqn);
+		}
+	});
+	if (fqn && enableVscode) buttons.push({
+		key: "goToSource",
+		icon: /* @__PURE__ */ jsx(IconFileSymlink, {}),
+		onClick: (e) => {
+			e.stopPropagation();
+			diagram.openSource({ element: fqn });
+		}
+	});
+	return /* @__PURE__ */ jsx(ElementActionButtons, {
+		buttons,
+		...props
+	});
 };
-
+//#endregion
 export { ElementActions };

package/dist/overlays/relationship-details/custom/edgeTypes.js

@@ -1,51 +1,45 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { getBezierPath } from '@xyflow/system';
-import '@xstate/react';
-import 'fast-equals';
-import 'react';
-import { useDiagram } from '../../../hooks/safeContext.js';
-import { memoEdge } from '../../../base-primitives/memoEdge.js';
-import { useEnabledFeatures } from '../../../context/DiagramFeatures.js';
-import { EdgeContainer } from '../../../base-primitives/edge/EdgeContainer.js';
-import { EdgePath } from '../../../base-primitives/edge/EdgePath.js';
-import { EdgeLabelContainer } from '../../../base-primitives/edge/EdgeLabelContainer.js';
-import { EdgeLabel } from '../../../base-primitives/edge/EdgeLabel.js';
-import { EdgeActionButton } from '../../../base-primitives/edge/EdgeActionButton.js';
-
-const RelationshipEdge = memoEdge((props) => {
-  const { enableNavigateTo } = useEnabledFeatures();
-  const {
-    data: { navigateTo }
-  } = props;
-  const [svgPath, labelX, labelY] = getBezierPath(props);
-  const diagram = useDiagram();
-  return /* @__PURE__ */ jsxs(EdgeContainer, { ...props, children: [
-    /* @__PURE__ */ jsx(EdgePath, { edgeProps: props, svgPath }),
-    /* @__PURE__ */ jsx(
-      EdgeLabelContainer,
-      {
-        edgeProps: props,
-        labelPosition: {
-          x: labelX,
-          y: labelY,
-          translate: "translate(-50%, 0)"
-        },
-        style: {
-          maxWidth: Math.abs(props.targetX - props.sourceX - 100)
-        },
-        children: /* @__PURE__ */ jsx(EdgeLabel, { edgeProps: props, children: enableNavigateTo && navigateTo && /* @__PURE__ */ jsx(
-          EdgeActionButton,
-          {
-            ...props,
-            onClick: (e) => {
-              e.stopPropagation();
-              diagram.navigateTo(navigateTo);
-            }
-          }
-        ) })
-      }
-    )
-  ] });
+import "../../../_virtual/_rolldown/runtime.js";
+import { useEnabledFeatures } from "../../../context/DiagramFeatures.js";
+import { useDiagram } from "../../../hooks/safeContext.js";
+import { EdgeActionButton } from "../../../base-primitives/edge/EdgeActionButton.js";
+import { EdgeContainer } from "../../../base-primitives/edge/EdgeContainer.js";
+import { EdgeLabel } from "../../../base-primitives/edge/EdgeLabel.js";
+import { EdgeLabelContainer } from "../../../base-primitives/edge/EdgeLabelContainer.js";
+import { EdgePath } from "../../../base-primitives/edge/EdgePath.js";
+import { memoEdge } from "../../../base-primitives/memoEdge.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { getBezierPath } from "@xyflow/system";
+//#region src/overlays/relationship-details/custom/edgeTypes.tsx
+var RelationshipEdge = memoEdge((props) => {
+	const { enableNavigateTo } = useEnabledFeatures();
+	const { data: { navigateTo } } = props;
+	const [svgPath, labelX, labelY] = getBezierPath(props);
+	const diagram = useDiagram();
+	return /* @__PURE__ */ jsxs(EdgeContainer, {
+		...props,
+		children: [/* @__PURE__ */ jsx(EdgePath, {
+			edgeProps: props,
+			svgPath
+		}), /* @__PURE__ */ jsx(EdgeLabelContainer, {
+			edgeProps: props,
+			labelPosition: {
+				x: labelX,
+				y: labelY,
+				translate: "translate(-50%, 0)"
+			},
+			style: { maxWidth: Math.abs(props.targetX - props.sourceX - 100) },
+			children: /* @__PURE__ */ jsx(EdgeLabel, {
+				edgeProps: props,
+				children: enableNavigateTo && navigateTo && /* @__PURE__ */ jsx(EdgeActionButton, {
+					...props,
+					onClick: (e) => {
+						e.stopPropagation();
+						diagram.navigateTo(navigateTo);
+					}
+				})
+			})
+		})]
+	});
 });
-
+//#endregion
 export { RelationshipEdge };