excalidraw-gen 0.1.0

package/dist/parser/index.js

@@ -0,0 +1,154 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ParseError = void 0;
+exports.parse = parse;
+const js_yaml_1 = require("js-yaml");
+class ParseError extends Error {
+    constructor(message) {
+        super(message);
+        this.name = "ParseError";
+    }
+}
+exports.ParseError = ParseError;
+const VALID_DIAGRAM_TYPES = ["flowchart", "architecture"];
+function looksLikeYaml(input) {
+    const t = input.trimStart();
+    return t.startsWith("---") || t.startsWith("type:") || t.startsWith("nodes:");
+}
+function assertString(value, path) {
+    if (typeof value !== "string") {
+        throw new ParseError(`Expected string at "${path}", got ${typeof value}`);
+    }
+    return value;
+}
+/** Parse an optional style override object — accepts any subset of NodeStyle fields */
+function parseNodeStyle(raw, path) {
+    if (!raw || typeof raw !== "object" || Array.isArray(raw)) {
+        throw new ParseError(`${path} must be an object`);
+    }
+    const obj = raw;
+    const style = {};
+    const strFields = ["backgroundColor", "strokeColor", "strokeStyle", "fillStyle", "shape"];
+    for (const f of strFields) {
+        if (obj[f] !== undefined)
+            style[f] = assertString(obj[f], `${path}.${f}`);
+    }
+    if (obj["strokeWidth"] !== undefined)
+        style.strokeWidth = Number(obj["strokeWidth"]);
+    if (obj["width"] !== undefined)
+        style.width = Number(obj["width"]);
+    if (obj["height"] !== undefined)
+        style.height = Number(obj["height"]);
+    if (obj["opacity"] !== undefined)
+        style.opacity = Number(obj["opacity"]);
+    return style;
+}
+/** Parse an optional style override object — accepts any subset of EdgeStyle fields */
+function parseEdgeStyle(raw, path) {
+    if (!raw || typeof raw !== "object" || Array.isArray(raw)) {
+        throw new ParseError(`${path} must be an object`);
+    }
+    const obj = raw;
+    const style = {};
+    if (obj["strokeColor"] !== undefined)
+        style.strokeColor = assertString(obj["strokeColor"], `${path}.strokeColor`);
+    if (obj["strokeStyle"] !== undefined)
+        style.strokeStyle = assertString(obj["strokeStyle"], `${path}.strokeStyle`);
+    if (obj["strokeWidth"] !== undefined)
+        style.strokeWidth = Number(obj["strokeWidth"]);
+    if (obj["opacity"] !== undefined)
+        style.opacity = Number(obj["opacity"]);
+    return style;
+}
+function parseNode(raw, index) {
+    if (!raw || typeof raw !== "object" || Array.isArray(raw)) {
+        throw new ParseError(`nodes[${index}] must be an object`);
+    }
+    const obj = raw;
+    const id = assertString(obj["id"], `nodes[${index}].id`).trim();
+    if (!id)
+        throw new ParseError(`nodes[${index}].id must not be empty`);
+    const label = assertString(obj["label"], `nodes[${index}].label`).trim();
+    const node = { id, label };
+    if (obj["type"] !== undefined) {
+        node.type = assertString(obj["type"], `nodes[${index}].type`);
+    }
+    if (obj["metadata"] !== undefined) {
+        if (typeof obj["metadata"] !== "object" || Array.isArray(obj["metadata"])) {
+            throw new ParseError(`nodes[${index}].metadata must be an object`);
+        }
+        node.metadata = obj["metadata"];
+    }
+    if (obj["style"] !== undefined) {
+        node.style = parseNodeStyle(obj["style"], `nodes[${index}].style`);
+    }
+    return node;
+}
+function parseEdge(raw, index) {
+    if (!raw || typeof raw !== "object" || Array.isArray(raw)) {
+        throw new ParseError(`edges[${index}] must be an object`);
+    }
+    const obj = raw;
+    const from = assertString(obj["from"], `edges[${index}].from`).trim();
+    if (!from)
+        throw new ParseError(`edges[${index}].from must not be empty`);
+    const to = assertString(obj["to"], `edges[${index}].to`).trim();
+    if (!to)
+        throw new ParseError(`edges[${index}].to must not be empty`);
+    const edge = { from, to };
+    if (obj["label"] !== undefined) {
+        edge.label = assertString(obj["label"], `edges[${index}].label`);
+    }
+    if (obj["bidirectional"] !== undefined) {
+        edge.bidirectional = Boolean(obj["bidirectional"]);
+    }
+    if (obj["style"] !== undefined) {
+        edge.style = parseEdgeStyle(obj["style"], `edges[${index}].style`);
+    }
+    return edge;
+}
+function parseRaw(raw) {
+    if (!raw || typeof raw !== "object" || Array.isArray(raw)) {
+        throw new ParseError("Input must be an object at the top level");
+    }
+    const obj = raw;
+    const diagramType = assertString(obj["type"], "type");
+    if (!VALID_DIAGRAM_TYPES.includes(diagramType)) {
+        throw new ParseError(`Invalid diagram type "${diagramType}". Must be one of: ${VALID_DIAGRAM_TYPES.join(", ")}`);
+    }
+    if (!Array.isArray(obj["nodes"])) {
+        throw new ParseError('"nodes" must be an array');
+    }
+    if (!Array.isArray(obj["edges"])) {
+        throw new ParseError('"edges" must be an array');
+    }
+    const nodes = obj["nodes"].map(parseNode);
+    const edges = obj["edges"].map(parseEdge);
+    const diagram = { type: diagramType, nodes, edges };
+    if (obj["title"] !== undefined) {
+        diagram.title = assertString(obj["title"], "title");
+    }
+    return diagram;
+}
+function parse(input) {
+    const trimmed = input.trim();
+    if (looksLikeYaml(trimmed)) {
+        let raw;
+        try {
+            raw = (0, js_yaml_1.load)(trimmed);
+        }
+        catch (err) {
+            throw new ParseError(`Invalid YAML: ${err instanceof Error ? err.message : String(err)}`);
+        }
+        return parseRaw(raw);
+    }
+    let raw;
+    try {
+        raw = JSON.parse(trimmed);
+    }
+    catch (err) {
+        throw new ParseError(`Invalid JSON: ${err instanceof Error ? err.message : String(err)}`);
+    }
+    return parseRaw(raw);
+}
+//# sourceMappingURL=index.js.map

package/dist/parser/index.js.map

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

package/dist/renderer/elements.d.ts

@@ -0,0 +1,4 @@
+import type { LayoutNode, LayoutEdge, TemplateNodeDef, ArrowRoute, ExcalidrawElement, ExcalidrawText, ExcalidrawArrow } from "../types/index.js";
+export declare function createShapeElements(node: LayoutNode, nodeDef: TemplateNodeDef): [ExcalidrawElement, ExcalidrawText];
+export declare function createArrowElement(edge: LayoutEdge, route: ArrowRoute, defaultStrokeColor: string): ExcalidrawArrow;
+export declare function createArrowLabel(edge: LayoutEdge, route: ArrowRoute): ExcalidrawText;

package/dist/renderer/elements.js

@@ -0,0 +1,210 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createShapeElements = createShapeElements;
+exports.createArrowElement = createArrowElement;
+exports.createArrowLabel = createArrowLabel;
+const seed_js_1 = require("./seed.js");
+const FONT_SIZE = 16;
+const LINE_HEIGHT = 1.25;
+const TEXT_PADDING_X = 16; // total horizontal padding (8px per side)
+const TEXT_Y_PADDING = 5;
+const CHAR_WIDTH_EST = 9;
+/**
+ * Estimate line count accounting for word wrap inside a given width.
+ * Matches the estimation used by the layout engine so sizes stay consistent.
+ */
+function estimateLines(text, nodeWidth) {
+    const charsPerLine = Math.max(1, Math.floor((nodeWidth - TEXT_PADDING_X) / CHAR_WIDTH_EST));
+    let lines = 0;
+    for (const para of text.split("\n")) {
+        lines += Math.max(1, Math.ceil(para.length / charsPerLine));
+    }
+    return lines;
+}
+function estimateTextHeight(text, nodeWidth) {
+    return Math.ceil(estimateLines(text, nodeWidth) * FONT_SIZE * LINE_HEIGHT);
+}
+/** Build the common base fields every Excalidraw element needs */
+function baseFields(id, x, y, width, height) {
+    return {
+        id,
+        x,
+        y,
+        width,
+        height,
+        angle: 0,
+        fillStyle: "solid",
+        opacity: 100,
+        groupIds: [],
+        frameId: null,
+        seed: (0, seed_js_1.hashId)(id),
+        version: 1,
+        versionNonce: (0, seed_js_1.hashId)(id + "_v"),
+        isDeleted: false,
+        updated: 1,
+        link: null,
+        locked: false,
+    };
+}
+// ── Shape element (rectangle or ellipse) ────────────────────────────────────
+function createShapeElements(node, nodeDef) {
+    const { id, label, x, y, width, height, style } = node;
+    // Merge template defaults with per-node style overrides
+    const effectiveStyle = {
+        strokeColor: style?.strokeColor ?? nodeDef.style.strokeColor,
+        backgroundColor: style?.backgroundColor ?? nodeDef.style.backgroundColor,
+        strokeWidth: style?.strokeWidth ?? nodeDef.style.strokeWidth,
+        strokeStyle: style?.strokeStyle ?? nodeDef.style.strokeStyle,
+        roundness: nodeDef.style.roundness,
+        fillStyle: (style?.fillStyle ?? "solid"),
+        opacity: style?.opacity ?? 100,
+    };
+    // Shape can be overridden per-node
+    const shapeType = (style?.shape ?? nodeDef.shape);
+    const textId = `${id}-text`;
+    const boundElements = [{ type: "text", id: textId }];
+    const shapeEl = {
+        ...baseFields(id, x, y, width, height),
+        type: shapeType,
+        strokeColor: effectiveStyle.strokeColor,
+        backgroundColor: effectiveStyle.backgroundColor,
+        strokeWidth: effectiveStyle.strokeWidth,
+        strokeStyle: effectiveStyle.strokeStyle,
+        roughness: 1,
+        roundness: effectiveStyle.roundness,
+        fillStyle: effectiveStyle.fillStyle,
+        opacity: effectiveStyle.opacity,
+        boundElements,
+    };
+    const textHeight = estimateTextHeight(label, width);
+    const textX = x + TEXT_PADDING_X / 2;
+    const textY = y + Math.max(TEXT_Y_PADDING, (height - textHeight) / 2);
+    const textWidth = width - TEXT_PADDING_X;
+    const textEl = {
+        ...baseFields(textId, textX, textY, textWidth, textHeight),
+        type: "text",
+        strokeColor: "#1e1e1e",
+        backgroundColor: "transparent",
+        strokeWidth: 1,
+        strokeStyle: "solid",
+        roughness: 0,
+        roundness: null,
+        boundElements: null,
+        text: label,
+        originalText: label,
+        fontSize: FONT_SIZE,
+        fontFamily: 1,
+        textAlign: "center",
+        verticalAlign: "middle",
+        baseline: Math.ceil(FONT_SIZE * 0.8),
+        containerId: id,
+        lineHeight: LINE_HEIGHT,
+    };
+    return [shapeEl, textEl];
+}
+// ── Arrow element ────────────────────────────────────────────────────────────
+function createArrowElement(edge, route, defaultStrokeColor) {
+    const arrowId = `arrow-${edge.from}-${edge.to}`;
+    const { sourceAnchor, targetAnchor, points, width, height } = route;
+    // Apply per-edge style overrides on top of the template-derived color
+    const strokeColor = edge.style?.strokeColor ?? defaultStrokeColor;
+    const strokeStyle = edge.style?.strokeStyle ?? "solid";
+    const strokeWidth = edge.style?.strokeWidth ?? 2;
+    const opacity = edge.style?.opacity ?? 100;
+    const arrow = {
+        ...baseFields(arrowId, sourceAnchor.x, sourceAnchor.y, width, height),
+        type: "arrow",
+        strokeColor,
+        backgroundColor: "transparent",
+        strokeWidth,
+        strokeStyle,
+        opacity,
+        roughness: 0,
+        roundness: null,
+        boundElements: null,
+        points,
+        lastCommittedPoint: null,
+        startArrowhead: edge.bidirectional ? "arrow" : null,
+        endArrowhead: "arrow",
+        elbowed: true,
+        startBinding: {
+            elementId: edge.from,
+            focus: 0,
+            gap: 1,
+            fixedPoint: sourceAnchor.fixedPoint,
+        },
+        endBinding: {
+            elementId: edge.to,
+            focus: 0,
+            gap: 1,
+            fixedPoint: targetAnchor.fixedPoint,
+        },
+    };
+    return arrow;
+}
+// ── Arrow label element ──────────────────────────────────────────────────────
+/**
+ * Find the geometric midpoint along the actual elbow path (not just anchor midpoint).
+ * This ensures labels appear ON the arrow line, not floating in empty space.
+ */
+function pathMidpoint(route) {
+    const { sourceAnchor, points } = route;
+    // Convert relative points to absolute coords
+    const abs = points.map(([dx, dy]) => [
+        sourceAnchor.x + dx,
+        sourceAnchor.y + dy,
+    ]);
+    // Compute segment lengths
+    const segLengths = [];
+    let totalLen = 0;
+    for (let i = 1; i < abs.length; i++) {
+        const len = Math.hypot(abs[i][0] - abs[i - 1][0], abs[i][1] - abs[i - 1][1]);
+        segLengths.push(len);
+        totalLen += len;
+    }
+    // Walk to the 50% mark
+    const half = totalLen / 2;
+    let accum = 0;
+    for (let i = 0; i < segLengths.length; i++) {
+        const next = accum + segLengths[i];
+        if (next >= half) {
+            const t = segLengths[i] > 0 ? (half - accum) / segLengths[i] : 0;
+            return {
+                x: abs[i][0] + t * (abs[i + 1][0] - abs[i][0]),
+                y: abs[i][1] + t * (abs[i + 1][1] - abs[i][1]),
+            };
+        }
+        accum = next;
+    }
+    // Fallback: last point
+    const last = abs[abs.length - 1];
+    return { x: last[0], y: last[1] };
+}
+function createArrowLabel(edge, route) {
+    const { x: mx, y: my } = pathMidpoint(route);
+    const labelId = `arrow-${edge.from}-${edge.to}-label`;
+    const text = edge.label;
+    const labelWidth = Math.max(60, text.length * 8); // rough proportional width
+    const textHeight = estimateTextHeight(text, labelWidth);
+    return {
+        ...baseFields(labelId, mx - labelWidth / 2, my - textHeight / 2 - 10, labelWidth, textHeight),
+        type: "text",
+        strokeColor: "#495057",
+        backgroundColor: "#ffffff",
+        strokeWidth: 1,
+        strokeStyle: "solid",
+        roughness: 0,
+        roundness: null,
+        boundElements: null,
+        text,
+        originalText: text,
+        fontSize: 13,
+        fontFamily: 1,
+        textAlign: "center",
+        verticalAlign: "middle",
+        baseline: Math.ceil(13 * 0.8),
+        containerId: null,
+        lineHeight: LINE_HEIGHT,
+    };
+}
+//# sourceMappingURL=elements.js.map

package/dist/renderer/elements.js.map

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

package/dist/renderer/index.d.ts

@@ -0,0 +1,2 @@
+import type { Diagram, LayoutNode, TemplateDefinition, ExcalidrawElement } from "../types/index.js";
+export declare function render(diagram: Diagram, layoutNodes: LayoutNode[], template: TemplateDefinition): ExcalidrawElement[];

package/dist/renderer/index.js

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.render = render;
+const index_js_1 = require("../templates/index.js");
+const arrow_router_js_1 = require("../layout/arrow-router.js");
+const elements_js_1 = require("./elements.js");
+function render(diagram, layoutNodes, template) {
+    const elements = [];
+    // Build nodeMap for O(1) lookup
+    const nodeMap = new Map(layoutNodes.map((n) => [n.id, n]));
+    // Build shape elements (shape + text pairs)
+    for (const layoutNode of layoutNodes) {
+        const nodeDef = (0, index_js_1.getNodeDef)(template, layoutNode.type);
+        const [shapeEl, textEl] = (0, elements_js_1.createShapeElements)(layoutNode, nodeDef);
+        elements.push(shapeEl, textEl);
+    }
+    // Build edge list with stagger counting
+    const layoutEdges = diagram.edges.map((e) => ({
+        from: e.from,
+        to: e.to,
+        label: e.label,
+        bidirectional: e.bidirectional,
+        style: e.style,
+    }));
+    const edgeGroups = new Map();
+    for (const edge of layoutEdges) {
+        const key = edge.from;
+        if (!edgeGroups.has(key))
+            edgeGroups.set(key, []);
+        edgeGroups.get(key).push(edge);
+    }
+    // Count per-side groupings
+    const sideGroups = new Map();
+    for (const [fromId, edges] of edgeGroups) {
+        const source = nodeMap.get(fromId);
+        if (!source)
+            continue;
+        for (const edge of edges) {
+            const target = nodeMap.get(edge.to);
+            if (!target)
+                continue;
+            // Determine side using the same threshold as the arrow router
+            const dx = (target.x + target.width / 2) - (source.x + source.width / 2);
+            const dy = (target.y + target.height / 2) - (source.y + source.height / 2);
+            const side = Math.abs(dy) > arrow_router_js_1.VERTICAL_THRESHOLD
+                ? dy > 0 ? "bottom" : "top"
+                : dx >= 0 ? "right" : "left";
+            const sideKey = `${fromId}:${side}`;
+            if (!sideGroups.has(sideKey))
+                sideGroups.set(sideKey, []);
+            sideGroups.get(sideKey).push(edge);
+        }
+    }
+    // Render arrows
+    for (const [sideKey, sideEdges] of sideGroups) {
+        const fromId = sideKey.split(":")[0];
+        const source = nodeMap.get(fromId);
+        if (!source)
+            continue;
+        sideEdges.forEach((edge, i) => {
+            const target = nodeMap.get(edge.to);
+            if (!target)
+                return;
+            const route = (0, arrow_router_js_1.routeArrow)(source, target, i, sideEdges.length);
+            // Arrow stroke = target node's stroke color
+            const targetTemplate = (0, index_js_1.getNodeDef)(template, target.type);
+            const strokeColor = targetTemplate.style.strokeColor;
+            elements.push((0, elements_js_1.createArrowElement)(edge, route, strokeColor));
+            if (edge.label) {
+                elements.push((0, elements_js_1.createArrowLabel)(edge, route));
+            }
+        });
+    }
+    return elements;
+}
+//# sourceMappingURL=index.js.map

package/dist/renderer/index.js.map

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

package/dist/renderer/seed.d.ts

@@ -0,0 +1,5 @@
+/**
+ * FNV-1a 32-bit hash — deterministic, fast, good distribution for short strings.
+ * Returns a positive integer usable as Excalidraw element seed.
+ */
+export declare function hashId(input: string): number;

package/dist/renderer/seed.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hashId = hashId;
+/**
+ * FNV-1a 32-bit hash — deterministic, fast, good distribution for short strings.
+ * Returns a positive integer usable as Excalidraw element seed.
+ */
+function hashId(input) {
+    let hash = 2166136261; // FNV offset basis
+    for (let i = 0; i < input.length; i++) {
+        hash ^= input.charCodeAt(i);
+        // 32-bit FNV prime multiply, keeping within 32-bit unsigned range
+        hash = Math.imul(hash, 16777619) >>> 0;
+    }
+    // Ensure positive non-zero
+    return (hash >>> 0) || 1;
+}
+//# sourceMappingURL=seed.js.map

package/dist/renderer/seed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"seed.js","sourceRoot":"","sources":["../../src/renderer/seed.ts"],"names":[],"mappings":";;AAIA,wBASC;AAbD;;;GAGG;AACH,SAAgB,MAAM,CAAC,KAAa;IAClC,IAAI,IAAI,GAAG,UAAU,CAAC,CAAC,mBAAmB;IAC1C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACtC,IAAI,IAAI,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QAC5B,kEAAkE;QAClE,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IACzC,CAAC;IACD,2BAA2B;IAC3B,OAAO,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC;AAC3B,CAAC"}

package/dist/templates/index.d.ts

@@ -0,0 +1,4 @@
+import type { TemplateDefinition, TemplateNodeDef } from "../types/index.js";
+export declare function getTemplate(name: string): TemplateDefinition;
+export declare function registerTemplate(name: string, template: TemplateDefinition): void;
+export declare function getNodeDef(template: TemplateDefinition, nodeType: string): TemplateNodeDef;

package/dist/templates/index.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTemplate = getTemplate;
+exports.registerTemplate = registerTemplate;
+exports.getNodeDef = getNodeDef;
+// ── Shared style builders ────────────────────────────────────────────────────
+function rectStyle(bg, stroke, strokeWidth = 2, strokeStyle = "solid") {
+    return {
+        backgroundColor: bg,
+        strokeColor: stroke,
+        strokeWidth,
+        strokeStyle,
+        roundness: { type: 3 },
+    };
+}
+function ellipseStyle(bg, stroke) {
+    return {
+        backgroundColor: bg,
+        strokeColor: stroke,
+        strokeWidth: 2,
+        strokeStyle: "solid",
+        roundness: { type: 2 },
+    };
+}
+function rectNode(bg, stroke, sw, ss) {
+    return { shape: "rectangle", style: rectStyle(bg, stroke, sw, ss) };
+}
+function ellipseNode(bg, stroke) {
+    return { shape: "ellipse", style: ellipseStyle(bg, stroke) };
+}
+// ── Default fallback node ────────────────────────────────────────────────────
+const DEFAULT_NODE = rectNode("#f8f9fa", "#495057");
+// ── Flowchart template ───────────────────────────────────────────────────────
+//
+// IMPORTANT: Decision nodes use orange+dashed rectangle — NOT diamond.
+// diamond type has broken arrow connections in raw Excalidraw JSON.
+const FLOWCHART_TEMPLATE = {
+    name: "flowchart",
+    nodes: {
+        start: ellipseNode("#e7f5ff", "#1971c2"),
+        end: ellipseNode("#fff0f6", "#c2255c"),
+        process: rectNode("#d0bfff", "#7048e8"),
+        // decision → orange dashed rect (NOT diamond — known Excalidraw JSON bug)
+        decision: rectNode("#ffd8a8", "#e8590c", 2, "dashed"),
+        io: rectNode("#e3fafc", "#0c8599"),
+        subprocess: rectNode("#d3f9d8", "#40c057"),
+        default: rectNode("#d0bfff", "#7048e8"),
+    },
+    defaultNode: DEFAULT_NODE,
+};
+// ── Architecture template ────────────────────────────────────────────────────
+const ARCHITECTURE_TEMPLATE = {
+    name: "architecture",
+    nodes: {
+        service: rectNode("#d0bfff", "#7048e8"),
+        api: rectNode("#d0bfff", "#7048e8"),
+        db: rectNode("#b2f2bb", "#2f9e44"),
+        database: rectNode("#b2f2bb", "#2f9e44"),
+        queue: rectNode("#fff3bf", "#fab005"),
+        cache: rectNode("#ffe8cc", "#fd7e14"),
+        storage: rectNode("#ffec99", "#f08c00"),
+        frontend: rectNode("#a5d8ff", "#1971c2"),
+        gateway: rectNode("#ffa8a8", "#c92a2a", 3),
+        orchestrator: rectNode("#ffa8a8", "#c92a2a", 3),
+        user: ellipseNode("#e7f5ff", "#1971c2"),
+        actor: ellipseNode("#e7f5ff", "#1971c2"),
+        external: rectNode("#ffc9c9", "#e03131"),
+        monitor: rectNode("#d3f9d8", "#40c057"),
+        ml: rectNode("#e599f7", "#9c36b5"),
+        ai: rectNode("#e599f7", "#9c36b5"),
+        default: rectNode("#d0bfff", "#7048e8"),
+    },
+    defaultNode: DEFAULT_NODE,
+};
+// ── Registry ─────────────────────────────────────────────────────────────────
+const registry = new Map([
+    ["flowchart", FLOWCHART_TEMPLATE],
+    ["architecture", ARCHITECTURE_TEMPLATE],
+]);
+function getTemplate(name) {
+    const tmpl = registry.get(name);
+    if (!tmpl) {
+        throw new Error(`Unknown template: "${name}". Available: ${[...registry.keys()].join(", ")}`);
+    }
+    return tmpl;
+}
+function registerTemplate(name, template) {
+    registry.set(name, template);
+}
+function getNodeDef(template, nodeType) {
+    return template.nodes[nodeType] ?? template.defaultNode;
+}
+//# sourceMappingURL=index.js.map

package/dist/templates/index.js.map

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

package/dist/templates/themes.d.ts

@@ -0,0 +1,3 @@
+import type { Theme, TemplateDefinition } from "../types/index.js";
+export declare function applyThemeToTemplate(template: TemplateDefinition, theme: Theme): TemplateDefinition;
+export declare function getViewBackground(theme: Theme): string;