@graph-render/core 1.0.1

package/dist/rendering/svg.js

@@ -0,0 +1,256 @@
+import { EdgeType, LayoutType, LayoutDirection, } from '@graph-render/types';
+import { DEFAULT_THEME, fromNxGraph, normalizeGraphConfig } from '../utils';
+import { layoutNodes } from '../layouts';
+import { routeEdges, buildEdgePath } from '../edges';
+import { defaultNodeRenderer, defaultEdgeRenderer } from './defaultRenderers';
+import { escapeXml, sanitizeCssColor, sanitizeFontFamily, sanitizeSvgId } from './utils';
+const isFinitePoint = (point) => {
+    return Boolean(point && Number.isFinite(point.x) && Number.isFinite(point.y));
+};
+const buildFallbackPositionedEdges = (positionedNodes, edges) => {
+    const nodeMap = new Map(positionedNodes.map((node) => [node.id, node]));
+    return edges.flatMap((edge) => {
+        const source = nodeMap.get(edge.source);
+        const target = nodeMap.get(edge.target);
+        if (!source || !target) {
+            return [];
+        }
+        const sourceWidth = source.size?.width ?? 0;
+        const sourceHeight = source.size?.height ?? 0;
+        const targetWidth = target.size?.width ?? 0;
+        const targetHeight = target.size?.height ?? 0;
+        if (source.id === target.id) {
+            const right = source.position.x + sourceWidth;
+            const top = source.position.y;
+            return [
+                {
+                    ...edge,
+                    type: edge.type ?? EdgeType.Directed,
+                    points: [
+                        { x: right - Math.min(sourceWidth * 0.25, 18), y: top + Math.min(sourceHeight * 0.35, 18) },
+                        { x: right + 28, y: top - 20 },
+                        { x: right + 36, y: top + sourceHeight / 2 },
+                        { x: right - Math.min(sourceWidth * 0.25, 18), y: top + sourceHeight * 0.8 },
+                    ],
+                },
+            ];
+        }
+        return [
+            {
+                ...edge,
+                type: edge.type ?? EdgeType.Directed,
+                points: [
+                    {
+                        x: source.position.x + sourceWidth / 2,
+                        y: source.position.y + sourceHeight / 2,
+                    },
+                    {
+                        x: target.position.x + targetWidth / 2,
+                        y: target.position.y + targetHeight / 2,
+                    },
+                ],
+            },
+        ];
+    });
+};
+const getPositionedNodesWithFallback = (sourceNodes, normalizedEdges, config) => {
+    try {
+        return layoutNodes({
+            nodes: sourceNodes,
+            edges: normalizedEdges,
+            theme: config.mergedTheme,
+            padding: config.padding,
+            layout: config.layout,
+            width: config.width,
+            height: config.height,
+            layoutDirection: config.layoutDirection,
+            nodeSizing: config.nodeSizing,
+            fixedNodeSize: config.fixedNodeSize,
+            labelMeasurementPaddingX: config.labelMeasurementPaddingX,
+            labelMeasurementPaddingY: config.labelMeasurementPaddingY,
+            labelMeasurementCharWidth: config.labelMeasurementCharWidth,
+            labelMeasurementLineHeight: config.labelMeasurementLineHeight,
+        });
+    }
+    catch {
+        return layoutNodes({
+            nodes: sourceNodes,
+            edges: normalizedEdges,
+            theme: config.mergedTheme,
+            padding: config.padding,
+            layout: LayoutType.Centered,
+            width: config.width,
+            height: config.height,
+            layoutDirection: LayoutDirection.LTR,
+            nodeSizing: config.nodeSizing,
+            fixedNodeSize: config.fixedNodeSize,
+            labelMeasurementPaddingX: config.labelMeasurementPaddingX,
+            labelMeasurementPaddingY: config.labelMeasurementPaddingY,
+            labelMeasurementCharWidth: config.labelMeasurementCharWidth,
+            labelMeasurementLineHeight: config.labelMeasurementLineHeight,
+        });
+    }
+};
+const getPositionedEdgesWithFallback = (positionedNodes, normalizedEdges, config) => {
+    try {
+        const routedEdges = routeEdges(positionedNodes, normalizedEdges, {
+            arrowPadding: config.arrowPadding,
+            straight: !config.curveEdges || config.routingStyle === 'orthogonal',
+            layoutDirection: config.layoutDirection,
+            forceRightToLeft: config.forceRightToLeft ?? false,
+            routingStyle: config.routingStyle,
+            edgeSeparation: config.edgeSeparation,
+            selfLoopRadius: config.selfLoopRadius,
+        });
+        return routedEdges.filter((edge) => edge.points.length >= 2 && edge.points.every((point) => isFinitePoint(point)));
+    }
+    catch {
+        return buildFallbackPositionedEdges(positionedNodes, normalizedEdges);
+    }
+};
+/**
+ * Extract and normalize configuration from options
+ */
+const extractRenderConfig = (options) => {
+    const cfg = normalizeGraphConfig(options?.config);
+    const mergedTheme = { ...DEFAULT_THEME, ...(cfg.theme ?? {}) };
+    const safeFontFamily = escapeXml(sanitizeFontFamily(mergedTheme.fontFamily, DEFAULT_THEME.fontFamily));
+    return {
+        width: cfg.width,
+        height: cfg.height,
+        padding: cfg.padding,
+        defaultEdgeType: cfg.defaultEdgeType,
+        curveEdges: cfg.curveEdges,
+        curveStrength: cfg.curveStrength,
+        arrowPadding: cfg.arrowPadding,
+        showArrows: cfg.showArrows,
+        nodeSizing: cfg.nodeSizing,
+        fixedNodeSize: cfg.fixedNodeSize,
+        labelMeasurementPaddingX: cfg.labelMeasurementPaddingX,
+        labelMeasurementPaddingY: cfg.labelMeasurementPaddingY,
+        labelMeasurementCharWidth: cfg.labelMeasurementCharWidth,
+        labelMeasurementLineHeight: cfg.labelMeasurementLineHeight,
+        routingStyle: cfg.routingStyle,
+        edgeSeparation: cfg.edgeSeparation,
+        selfLoopRadius: cfg.selfLoopRadius,
+        layout: cfg.layout,
+        layoutDirection: cfg.layoutDirection,
+        forceRightToLeft: cfg.forceRightToLeft,
+        markerId: sanitizeSvgId(options?.markerId ?? 'arrow', 'arrow'),
+        edgeLabelColor: cfg.edgeLabelColor,
+        mergedTheme,
+        safeFontFamily,
+    };
+};
+/**
+ * Normalize edges with default type
+ */
+const normalizeEdges = (edges, defaultType) => {
+    return edges.map((edge) => ({ ...edge, type: edge.type ?? defaultType }));
+};
+/**
+ * Extract theme properties for rendering
+ */
+const extractRenderTheme = (config) => {
+    return {
+        edgeColor: sanitizeCssColor(config.mergedTheme.edgeColor, DEFAULT_THEME.edgeColor),
+        edgeWidth: config.mergedTheme.edgeWidth ?? DEFAULT_THEME.edgeWidth,
+        edgeLabelColor: sanitizeCssColor(config.edgeLabelColor, '#334155'),
+        background: sanitizeCssColor(config.mergedTheme.background, DEFAULT_THEME.background),
+    };
+};
+/**
+ * Create SVG marker definition for arrow heads
+ */
+const createArrowMarkerDef = (markerId, edgeColor) => {
+    return [
+        `<marker id="${escapeXml(markerId)}" viewBox="0 0 10 10" refX="6" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse">`,
+        `<path d="M 0 0 L 10 5 L 0 10 z" fill="${escapeXml(edgeColor)}" />`,
+        '</marker>',
+    ].join('');
+};
+/**
+ * Render all edges to SVG markup
+ */
+const renderEdgesToSvg = (edges, curveEdges, curveStrength, edgeRenderer, theme, markerId) => {
+    return edges
+        .map((edge) => {
+        const pathD = buildEdgePath(edge, curveEdges, curveStrength);
+        if (!pathD)
+            return '';
+        return edgeRenderer(edge, pathD, {
+            edgeColor: theme.edgeColor,
+            edgeWidth: theme.edgeWidth,
+            edgeLabelColor: theme.edgeLabelColor,
+            markerId,
+        });
+    })
+        .join('');
+};
+/**
+ * Render all nodes to SVG markup
+ */
+const renderNodesToSvg = (nodes, nodeRenderer) => {
+    return nodes
+        .map((node) => {
+        const body = nodeRenderer(node);
+        return `<g transform="translate(${node.position.x}, ${node.position.y})">${body}</g>`;
+    })
+        .join('');
+};
+/**
+ * Create SVG metadata elements (title and description)
+ */
+const createMetadataElements = (title, desc) => {
+    const titleElement = title ? `<title>${escapeXml(title)}</title>` : '';
+    const descElement = desc ? `<desc>${escapeXml(desc)}</desc>` : '';
+    return titleElement + descElement;
+};
+/**
+ * Assemble complete SVG document
+ */
+const assembleSvgDocument = (width, height, background, fontFamily, metadata, defs, edgesMarkup, nodesMarkup) => {
+    return [
+        `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" viewBox="0 0 ${width} ${height}" style="background:${escapeXml(background)};font-family:${fontFamily};">`,
+        metadata,
+        '<defs>',
+        defs,
+        '</defs>',
+        '<g>',
+        edgesMarkup,
+        nodesMarkup,
+        '</g>',
+        '</svg>',
+    ].join('');
+};
+/**
+ * Render a graph to SVG format
+ */
+export const renderGraphToSvg = (graph, options) => {
+    const config = extractRenderConfig(options);
+    // Parse and normalize graph data
+    const { nodes: sourceNodes, edges: sourceEdges } = fromNxGraph(graph, config.defaultEdgeType);
+    const normalizedEdges = normalizeEdges(sourceEdges, config.defaultEdgeType);
+    // Layout nodes and route edges
+    const positionedNodes = getPositionedNodesWithFallback(sourceNodes, normalizedEdges, config);
+    const positionedEdges = getPositionedEdgesWithFallback(positionedNodes, normalizedEdges, config);
+    // Extract rendering components
+    const theme = extractRenderTheme(config);
+    const nodeRenderer = options?.vertexRenderer ?? defaultNodeRenderer;
+    const edgeRenderer = options?.edgeRenderer ?? defaultEdgeRenderer;
+    // Generate SVG elements
+    const defs = config.showArrows ? createArrowMarkerDef(config.markerId, theme.edgeColor) : '';
+    const edgesMarkup = renderEdgesToSvg(positionedEdges, config.curveEdges, config.curveStrength, edgeRenderer, theme, config.showArrows ? config.markerId : '');
+    const nodesMarkup = renderNodesToSvg(positionedNodes, nodeRenderer);
+    const metadata = createMetadataElements(options?.title, options?.desc);
+    // Assemble final SVG
+    const svg = assembleSvgDocument(config.width, config.height, theme.background, config.safeFontFamily, metadata, defs, edgesMarkup, nodesMarkup);
+    return {
+        svg,
+        width: config.width,
+        height: config.height,
+        nodes: positionedNodes,
+        edges: positionedEdges,
+    };
+};
+//# sourceMappingURL=svg.js.map

package/dist/rendering/svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg.js","sourceRoot":"","sources":["../../src/rendering/svg.ts"],"names":[],"mappings":"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"}

package/dist/rendering/utils.d.ts

@@ -0,0 +1,5 @@
+export declare const escapeXml: (input: unknown) => string;
+export declare const sanitizeSvgId: (input: unknown, fallback: string) => string;
+export declare const sanitizeCssColor: (input: unknown, fallback: string) => string;
+export declare const sanitizeFontFamily: (input: unknown, fallback: string) => string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/rendering/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/rendering/utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,GAAI,OAAO,OAAO,KAAG,MAQ1C,CAAC;AAOF,eAAO,MAAM,aAAa,GAAI,OAAO,OAAO,EAAE,UAAU,MAAM,KAAG,MAWhE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,OAAO,OAAO,EAAE,UAAU,MAAM,KAAG,MAGnE,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,OAAO,OAAO,EAAE,UAAU,MAAM,KAAG,MAOrE,CAAC"}

package/dist/rendering/utils.js

@@ -0,0 +1,33 @@
+export const escapeXml = (input) => {
+    const str = String(input ?? '');
+    return str
+        .replace(/&/g, '&')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&apos;');
+};
+const CSS_COLOR_PATTERN = /^(#[0-9a-fA-F]{3,8}|(?:rgb|hsl)a?\([0-9\s.,%+-]+\)|[a-zA-Z][a-zA-Z0-9-]*|var\(--[a-zA-Z0-9-_]+\))$/;
+const FONT_FAMILY_PATTERN = /^[a-zA-Z0-9\s,'"-]+$/;
+export const sanitizeSvgId = (input, fallback) => {
+    const normalized = String(input ?? '')
+        .trim()
+        .replace(/[^a-zA-Z0-9:_-]+/g, '-')
+        .replace(/^-+|-+$/g, '');
+    if (!normalized) {
+        return fallback;
+    }
+    return /^[a-zA-Z_]/.test(normalized) ? normalized : `${fallback}-${normalized}`;
+};
+export const sanitizeCssColor = (input, fallback) => {
+    const value = String(input ?? '').trim();
+    return CSS_COLOR_PATTERN.test(value) ? value : fallback;
+};
+export const sanitizeFontFamily = (input, fallback) => {
+    const value = String(input ?? '').trim();
+    if (!value || !FONT_FAMILY_PATTERN.test(value)) {
+        return fallback;
+    }
+    return value;
+};
+//# sourceMappingURL=utils.js.map

package/dist/rendering/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/rendering/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAc,EAAU,EAAE;IAClD,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAChC,OAAO,GAAG;SACP,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;SACtB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC;SACvB,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AAC7B,CAAC,CAAC;AAEF,MAAM,iBAAiB,GACrB,oGAAoG,CAAC;AAEvG,MAAM,mBAAmB,GAAG,sBAAsB,CAAC;AAEnD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAc,EAAE,QAAgB,EAAU,EAAE;IACxE,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC;SACnC,IAAI,EAAE;SACN,OAAO,CAAC,mBAAmB,EAAE,GAAG,CAAC;SACjC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;IAE3B,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,OAAO,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,QAAQ,IAAI,UAAU,EAAE,CAAC;AAClF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAc,EAAE,QAAgB,EAAU,EAAE;IAC3E,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;IACzC,OAAO,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC;AAC1D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAAc,EAAE,QAAgB,EAAU,EAAE;IAC7E,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC;IACzC,IAAI,CAAC,KAAK,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QAC/C,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC"}

package/dist/utils/config.d.ts

@@ -0,0 +1,36 @@
+import { EdgeType, GraphConfig, GraphTheme, LayoutDirection, LayoutType } from '@graph-render/types';
+export interface NormalizedGraphConfig extends Omit<GraphConfig, 'theme' | 'fixedNodeSize'> {
+    width: number;
+    height: number;
+    padding: number;
+    defaultEdgeType: EdgeType;
+    showArrows: boolean;
+    nodeSizing: NonNullable<GraphConfig['nodeSizing']>;
+    fixedNodeSize: NonNullable<GraphConfig['fixedNodeSize']>;
+    theme: GraphTheme;
+    curveEdges: boolean;
+    curveStrength: number;
+    arrowPadding: number;
+    routingStyle: NonNullable<GraphConfig['routingStyle']>;
+    edgeSeparation: number;
+    selfLoopRadius: number;
+    edgeLabelColor: string;
+    layout: LayoutType;
+    layoutDirection: LayoutDirection;
+    hoverHighlight: boolean;
+    hoverEdgeColor: string;
+    hoverNodeInColor: string;
+    hoverNodeOutColor: string;
+    hoverNodeHighlight: boolean;
+    autoLabels: boolean;
+    labelOffset: number;
+    labelPillBackground: string;
+    labelPillBorderColor: string;
+    labelPillTextColor: string;
+    labelMeasurementPaddingX: number;
+    labelMeasurementPaddingY: number;
+    labelMeasurementCharWidth: number;
+    labelMeasurementLineHeight: number;
+}
+export declare const normalizeGraphConfig: (config?: GraphConfig) => NormalizedGraphConfig;
+//# sourceMappingURL=config.d.ts.map

package/dist/utils/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/utils/config.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,WAAW,EACX,UAAU,EACV,eAAe,EACf,UAAU,EACX,MAAM,qBAAqB,CAAC;AAoG7B,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,eAAe,CAAC;IACzF,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,QAAQ,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,WAAW,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC;IACnD,aAAa,EAAE,WAAW,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAC;IACzD,KAAK,EAAE,UAAU,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,WAAW,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC;IACvD,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,UAAU,CAAC;IACnB,eAAe,EAAE,eAAe,CAAC;IACjC,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,wBAAwB,EAAE,MAAM,CAAC;IACjC,wBAAwB,EAAE,MAAM,CAAC;IACjC,yBAAyB,EAAE,MAAM,CAAC;IAClC,0BAA0B,EAAE,MAAM,CAAC;CACpC;AAED,eAAO,MAAM,oBAAoB,GAAI,SAAS,WAAW,KAAG,qBAyD3D,CAAC"}

package/dist/utils/config.js

@@ -0,0 +1,115 @@
+import { EdgeType, LayoutDirection, LayoutType, } from '@graph-render/types';
+import { DEFAULT_THEME, DEFAULT_NODE_SIZE } from './constants';
+const DEFAULT_WIDTH = 960;
+const DEFAULT_HEIGHT = 720;
+const MAX_DIMENSION = 32768;
+const DEFAULT_CURVE_STRENGTH = 0.3;
+const DEFAULT_ARROW_PADDING = 6;
+const DEFAULT_EDGE_SEPARATION = 18;
+const DEFAULT_SELF_LOOP_RADIUS = 32;
+const DEFAULT_LABEL_OFFSET = 32;
+const DEFAULT_LABEL_PADDING_X = 18;
+const DEFAULT_LABEL_PADDING_Y = 12;
+const DEFAULT_LABEL_CHAR_WIDTH = 8;
+const DEFAULT_LABEL_LINE_HEIGHT = 18;
+const DEFAULT_HOVER_EDGE_COLOR = '#4da3ff';
+const DEFAULT_HOVER_NODE_IN_COLOR = '#2ecc71';
+const DEFAULT_HOVER_NODE_OUT_COLOR = '#ff5b5b';
+const DEFAULT_EDGE_LABEL_COLOR = '#334155';
+const DEFAULT_LABEL_PILL_BACKGROUND = '#eef1f6';
+const DEFAULT_LABEL_PILL_BORDER_COLOR = '#d7dbe3';
+const DEFAULT_LABEL_PILL_TEXT_COLOR = '#3f434b';
+const CSS_COLOR_PATTERN = /^(#[0-9a-fA-F]{3,8}|(?:rgb|hsl)a?\([0-9\s.,%+-]+\)|[a-zA-Z][a-zA-Z0-9-]*|var\(--[a-zA-Z0-9-_]+\))$/;
+const getFinitePositive = (value, fallback) => {
+    return typeof value === 'number' && Number.isFinite(value) && value > 0 ? value : fallback;
+};
+const getFiniteNonNegative = (value, fallback) => {
+    return typeof value === 'number' && Number.isFinite(value) && value >= 0 ? value : fallback;
+};
+const getFiniteBounded = (value, min, max, fallback) => {
+    return typeof value === 'number' && Number.isFinite(value)
+        ? Math.min(Math.max(value, min), max)
+        : fallback;
+};
+const sanitizeCssColor = (value, fallback) => {
+    const normalized = String(value ?? '').trim();
+    return CSS_COLOR_PATTERN.test(normalized) ? normalized : fallback;
+};
+const getEdgeType = (value, fallback) => {
+    return value === EdgeType.Directed || value === EdgeType.Undirected ? value : fallback;
+};
+const getLayoutType = (value, fallback) => {
+    return Object.values(LayoutType).includes(value) ? value : fallback;
+};
+const getLayoutDirection = (value, fallback) => {
+    return value === LayoutDirection.LTR || value === LayoutDirection.RTL ? value : fallback;
+};
+const getNodeSizing = (value, fallback) => {
+    return value === 'fixed' || value === 'label' || value === 'measured' ? value : fallback;
+};
+const getRoutingStyle = (value, fallback) => {
+    return value === 'smart' || value === 'orthogonal' || value === 'bundled' ? value : fallback;
+};
+const normalizeFixedNodeSize = (value) => {
+    if (!value || typeof value !== 'object') {
+        return DEFAULT_NODE_SIZE;
+    }
+    const width = getFinitePositive(value?.width, DEFAULT_NODE_SIZE.width);
+    const height = getFinitePositive(value?.height, DEFAULT_NODE_SIZE.height);
+    return { width, height };
+};
+const normalizeTheme = (theme) => ({
+    ...DEFAULT_THEME,
+    ...theme,
+    edgeWidth: getFinitePositive(theme?.edgeWidth, DEFAULT_THEME.edgeWidth),
+    nodeGap: getFinitePositive(theme?.nodeGap, DEFAULT_THEME.nodeGap),
+    nodeBorderWidth: typeof theme?.nodeBorderWidth === 'number' &&
+        Number.isFinite(theme.nodeBorderWidth) &&
+        theme.nodeBorderWidth >= 0
+        ? theme.nodeBorderWidth
+        // FIX: was `theme?.nodeBorderWidth`, which passed invalid values (e.g.,
+        // the string "2px") straight through to the SVG stroke-width attribute.
+        // All other config fields fall back to a safe default; this now does too.
+        : undefined,
+});
+export const normalizeGraphConfig = (config) => {
+    return {
+        ...config,
+        width: getFiniteBounded(config?.width, 1, MAX_DIMENSION, DEFAULT_WIDTH),
+        height: getFiniteBounded(config?.height, 1, MAX_DIMENSION, DEFAULT_HEIGHT),
+        padding: getFiniteNonNegative(config?.padding, 24),
+        defaultEdgeType: getEdgeType(config?.defaultEdgeType, EdgeType.Directed),
+        showArrows: config?.showArrows ?? true,
+        nodeSizing: getNodeSizing(config?.nodeSizing, 'fixed'),
+        fixedNodeSize: normalizeFixedNodeSize(config?.fixedNodeSize),
+        labelMeasurementPaddingX: getFiniteNonNegative(config?.labelMeasurementPaddingX, DEFAULT_LABEL_PADDING_X),
+        labelMeasurementPaddingY: getFiniteNonNegative(config?.labelMeasurementPaddingY, DEFAULT_LABEL_PADDING_Y),
+        labelMeasurementCharWidth: getFinitePositive(config?.labelMeasurementCharWidth, DEFAULT_LABEL_CHAR_WIDTH),
+        labelMeasurementLineHeight: getFinitePositive(config?.labelMeasurementLineHeight, DEFAULT_LABEL_LINE_HEIGHT),
+        theme: normalizeTheme(config?.theme),
+        curveEdges: config?.curveEdges ?? true,
+        curveStrength: getFiniteBounded(config?.curveStrength, 0, 1, DEFAULT_CURVE_STRENGTH),
+        arrowPadding: getFiniteNonNegative(config?.arrowPadding, DEFAULT_ARROW_PADDING),
+        routingStyle: getRoutingStyle(config?.routingStyle, 'smart'),
+        edgeSeparation: getFinitePositive(config?.edgeSeparation, DEFAULT_EDGE_SEPARATION),
+        selfLoopRadius: getFinitePositive(config?.selfLoopRadius, DEFAULT_SELF_LOOP_RADIUS),
+        edgeLabelColor: config?.edgeLabelColor ?? DEFAULT_EDGE_LABEL_COLOR,
+        layout: getLayoutType(config?.layout, LayoutType.Centered),
+        layoutDirection: getLayoutDirection(config?.layoutDirection, LayoutDirection.LTR),
+        hoverHighlight: config?.hoverHighlight ?? true,
+        hoverEdgeColor: config?.hoverEdgeColor ?? DEFAULT_HOVER_EDGE_COLOR,
+        hoverNodeBorderColor: config?.hoverNodeBorderColor,
+        hoverNodeInColor: config?.hoverNodeInColor ?? DEFAULT_HOVER_NODE_IN_COLOR,
+        hoverNodeOutColor: config?.hoverNodeOutColor ?? DEFAULT_HOVER_NODE_OUT_COLOR,
+        hoverNodeBothColor: config?.hoverNodeBothColor,
+        hoverNodeHighlight: config?.hoverNodeHighlight ?? true,
+        labels: config?.labels,
+        autoLabels: config?.autoLabels ?? false,
+        labelOffset: getFiniteNonNegative(config?.labelOffset, DEFAULT_LABEL_OFFSET),
+        labelPillBackground: sanitizeCssColor(config?.labelPillBackground, DEFAULT_LABEL_PILL_BACKGROUND),
+        labelPillBorderColor: sanitizeCssColor(config?.labelPillBorderColor, DEFAULT_LABEL_PILL_BORDER_COLOR),
+        labelPillTextColor: sanitizeCssColor(config?.labelPillTextColor, DEFAULT_LABEL_PILL_TEXT_COLOR),
+        forceRightToLeft: config?.forceRightToLeft ?? false,
+    };
+};
+//# sourceMappingURL=config.js.map

package/dist/utils/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/utils/config.ts"],"names":[],"mappings":"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"}

package/dist/utils/constants.d.ts

@@ -0,0 +1,15 @@
+import { Size, GraphTheme } from '@graph-render/types';
+export declare const DEFAULT_NODE_GAP = 96;
+export declare const DEFAULT_PADDING = 24;
+export declare const DEFAULT_NODE_SIZE: Size;
+export declare const DEFAULT_THEME: Required<Pick<GraphTheme, 'background' | 'edgeColor' | 'edgeWidth' | 'fontFamily'>> & {
+    nodeGap: number;
+};
+export declare const DEFAULT_NODE_WIDTH = 180;
+export declare const DEFAULT_NODE_HEIGHT = 72;
+export declare const DEFAULT_NODE_RADIUS = 8;
+export declare const DEFAULT_NODE_FILL = "white";
+export declare const DEFAULT_NODE_STROKE = "#d7dbe3";
+export declare const DEFAULT_TEXT_FILL = "#111827";
+export declare const DEFAULT_TEXT_SIZE = 14;
+//# sourceMappingURL=constants.d.ts.map

package/dist/utils/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/utils/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEvD,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,eAAe,KAAK,CAAC;AAClC,eAAO,MAAM,iBAAiB,EAAE,IAAiC,CAAC;AAElE,eAAO,MAAM,aAAa,EAAE,QAAQ,CAClC,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,CAAC,CAC1E,GAAG;IAAE,OAAO,EAAE,MAAM,CAAA;CAMpB,CAAC;AAGF,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AACtC,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,iBAAiB,UAAU,CAAC;AACzC,eAAO,MAAM,mBAAmB,YAAY,CAAC;AAC7C,eAAO,MAAM,iBAAiB,YAAY,CAAC;AAC3C,eAAO,MAAM,iBAAiB,KAAK,CAAC"}

package/dist/utils/constants.js

@@ -0,0 +1,19 @@
+export const DEFAULT_NODE_GAP = 96;
+export const DEFAULT_PADDING = 24;
+export const DEFAULT_NODE_SIZE = { width: 180, height: 72 };
+export const DEFAULT_THEME = {
+    background: '#0c0c10',
+    edgeColor: '#8b9dbf',
+    edgeWidth: 2,
+    nodeGap: 96,
+    fontFamily: 'system-ui, -apple-system, Segoe UI, sans-serif',
+};
+// Default rendering constants
+export const DEFAULT_NODE_WIDTH = 180;
+export const DEFAULT_NODE_HEIGHT = 72;
+export const DEFAULT_NODE_RADIUS = 8;
+export const DEFAULT_NODE_FILL = 'white';
+export const DEFAULT_NODE_STROKE = '#d7dbe3';
+export const DEFAULT_TEXT_FILL = '#111827';
+export const DEFAULT_TEXT_SIZE = 14;
+//# sourceMappingURL=constants.js.map

package/dist/utils/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/utils/constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gBAAgB,GAAG,EAAE,CAAC;AACnC,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,CAAC;AAClC,MAAM,CAAC,MAAM,iBAAiB,GAAS,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;AAElE,MAAM,CAAC,MAAM,aAAa,GAEA;IACxB,UAAU,EAAE,SAAS;IACrB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,CAAC;IACZ,OAAO,EAAE,EAAE;IACX,UAAU,EAAE,gDAAgD;CAC7D,CAAC;AAEF,8BAA8B;AAC9B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAC;AACtC,MAAM,CAAC,MAAM,mBAAmB,GAAG,EAAE,CAAC;AACtC,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,CAAC;AACrC,MAAM,CAAC,MAAM,iBAAiB,GAAG,OAAO,CAAC;AACzC,MAAM,CAAC,MAAM,mBAAmB,GAAG,SAAS,CAAC;AAC7C,MAAM,CAAC,MAAM,iBAAiB,GAAG,SAAS,CAAC;AAC3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,EAAE,CAAC"}

package/dist/utils/graphParser.d.ts

@@ -0,0 +1,16 @@
+import { NxGraphInput, NodeData, EdgeData, EdgeType } from '@graph-render/types';
+type GraphNodeTuple<TNodeData, TNodeMeta extends Record<string, unknown>, TNodeLabel> = NodeData<TNodeData, TNodeMeta, TNodeLabel>;
+type GraphEdgeTuple<TEdgeMeta extends Record<string, unknown>, TEdgeLabel> = EdgeData<TEdgeMeta, TEdgeLabel>;
+/**
+ * Parse NetworkX-style graph input to internal format
+ */
+export declare const fromNxGraph: (graph: NxGraphInput, defaultEdgeType?: EdgeType) => {
+    nodes: NodeData[];
+    edges: EdgeData[];
+};
+export declare const fromTypedNxGraph: <TNodeData = unknown, TNodeMeta extends Record<string, unknown> = Record<string, unknown>, TNodeLabel = unknown, TEdgeMeta extends Record<string, unknown> = Record<string, unknown>, TEdgeLabel = unknown>(graph: NxGraphInput<TNodeData, TNodeMeta, TNodeLabel, TEdgeMeta, TEdgeLabel>, defaultEdgeType?: EdgeType) => {
+    nodes: GraphNodeTuple<TNodeData, TNodeMeta, TNodeLabel>[];
+    edges: GraphEdgeTuple<TEdgeMeta, TEdgeLabel>[];
+};
+export {};
+//# sourceMappingURL=graphParser.d.ts.map

package/dist/utils/graphParser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"graphParser.d.ts","sourceRoot":"","sources":["../../src/utils/graphParser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAe,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE9F,KAAK,cAAc,CAAC,SAAS,EAAE,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,UAAU,IAAI,QAAQ,CAC9F,SAAS,EACT,SAAS,EACT,UAAU,CACX,CAAC;AAEF,KAAK,cAAc,CAAC,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,UAAU,IAAI,QAAQ,CACnF,SAAS,EACT,UAAU,CACX,CAAC;AA+YF;;GAEG;AACH,eAAO,MAAM,WAAW,GACtB,OAAO,YAAY,EACnB,kBAAiB,QAA8B,KAC9C;IAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;IAAC,KAAK,EAAE,QAAQ,EAAE,CAAA;CA6BxC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,SAAS,GAAG,OAAO,EACnB,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACnE,UAAU,GAAG,OAAO,EACpB,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACnE,UAAU,GAAG,OAAO,EAEpB,OAAO,YAAY,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,EAC5E,kBAAiB,QAA8B,KAC9C;IACD,KAAK,EAAE,cAAc,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,EAAE,CAAC;IAC1D,KAAK,EAAE,cAAc,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,CAAC;CAoChD,CAAC"}