@coldtea/pr-lens-renderer 0.1.0

package/dist/svg/dataflow.js

@@ -0,0 +1,284 @@
+import { assertNever } from "@coldtea/pr-lens-schema";
+import { DIAGRAM_MARGIN, FLOW_CYCLE_MAX, FLOW_MAX_PULSES_PER_MESSAGE, FLOW_PULSE_RAMP, FLOW_STEP_TRAVEL, LANE_RADIUS, PILL_HEIGHT, PILL_PADDING_X, PILL_TEXT_SIZE, TITLE_SIZE, } from "../design.js";
+import { canvasFor, union } from "../bounds.js";
+import { measure } from "../text.js";
+import { coord } from "../geometry.js";
+import { ACTIVATION_HALF_WIDTH, FLOW_BAND_PAD_X, FLOW_BAND_PAD_Y, layoutDataFlow, MARKER_INSET, PARTICIPANT_TOP, SELF_LOOP_CORNER, SELF_LOOP_DROP, SELF_LOOP_EXTENT, SELF_LOOP_REACH, } from "../layout/dataflow.js";
+import { paintCard, paintLabelPill } from "./architecture.js";
+import { markerFor, openMarkerFor, shifted, toneColour, toneFor } from "./document.js";
+import { lines, tag, wrap } from "./primitives.js";
+import { PULSE_RADIUS, TRAIN_RADIUS } from "./pulse.js";
+/** A ratio inside the animation cycle, written to a fixed number of places. */
+const ratio = (value) => String(Math.round(value * 10000) / 10000);
+/**
+ * How long the whole sequence takes. Every step would rather have a full
+ * crossing to itself; a flow long enough to overrun the ceiling shares it
+ * instead, and its steps go by faster.
+ */
+const cycleFor = (slotCount) => Math.min(FLOW_CYCLE_MAX, slotCount * FLOW_STEP_TRAVEL);
+/** Whether a message crosses to another column, and which way. */
+const travelDirection = (kind, fromX, toX) => {
+    switch (kind) {
+        case "self":
+            return 0;
+        case "sync":
+        case "async":
+        case "return":
+            return toX >= fromX ? 1 : -1;
+        default:
+            return assertNever(kind, "Unhandled message kind");
+    }
+};
+const messageClasses = (message, tone) => {
+    const classes = ["msg", `edge-${tone}`];
+    if (message.kind === "return")
+        classes.push("msg-return");
+    if (message.delta === "added")
+        classes.push("msg-strong");
+    return classes.join(" ");
+};
+/**
+ * Fire-and-forget gets the open head; everything else keeps the filled one.
+ *
+ * Deliberate deviation from strict UML 2, which draws replies with an open
+ * head as well: here each signal carries exactly one meaning, so a reader
+ * needs no legend. The dashed stroke is already the whole mark of "this is
+ * an answer", and the open head stays the exclusive mark of "nobody waits on
+ * this". Open-headed returns would put the async signature on every reply
+ * and dilute the one distinction the head shape exists to draw.
+ */
+const headFor = (kind, tone) => {
+    switch (kind) {
+        case "async":
+            return openMarkerFor(tone);
+        case "sync":
+        case "return":
+        case "self":
+            return markerFor(tone);
+        default:
+            return assertNever(kind, "Unhandled message kind");
+    }
+};
+const activationLookup = (layout) => {
+    const byNode = new Map(layout.participants.map((participant) => [participant.node.id, participant.activations]));
+    return (node, y) => (byNode.get(node) ?? []).some((bar) => bar.top <= y && y <= bar.bottom);
+};
+/**
+ * Where an arrow starts and stops horizontally. An activated column is a bar,
+ * not a line, so an arrow that touches one has to stop at its edge, and the
+ * arrowhead needs room of its own on top of that.
+ */
+const endsFor = (placed, activeAt, direction) => ({
+    start: placed.fromX +
+        direction * (activeAt(placed.message.from, placed.y) ? ACTIVATION_HALF_WIDTH : 0),
+    end: placed.toX -
+        direction *
+            ((activeAt(placed.message.to, placed.y) ? ACTIVATION_HALF_WIDTH : 0) + MARKER_INSET),
+});
+const selfPath = (x, y, activated) => {
+    const start = x + (activated ? ACTIVATION_HALF_WIDTH : 0);
+    return (`M${coord(start)},${coord(y)} h${coord(SELF_LOOP_REACH)} ` +
+        `a${SELF_LOOP_CORNER},${SELF_LOOP_CORNER} 0 0 1 ${SELF_LOOP_CORNER},${SELF_LOOP_CORNER} ` +
+        `v${coord(SELF_LOOP_DROP)} ` +
+        `a${SELF_LOOP_CORNER},${SELF_LOOP_CORNER} 0 0 1 -${SELF_LOOP_CORNER},${SELF_LOOP_CORNER} ` +
+        `h-${coord(SELF_LOOP_REACH - MARKER_INSET)}`);
+};
+/** How far a self message's pill stands off the loop it names. */
+const SELF_PILL_GAP = 8;
+const pillWidth = (label) => measure(label, "sans-bold", PILL_TEXT_SIZE) + PILL_PADDING_X * 2;
+/** The pill of a straight message, settled onto the middle of its arrow. */
+const pillBox = (placed, ends) => {
+    const width = pillWidth(placed.label);
+    return {
+        x: (ends.start + ends.end) / 2 - width / 2,
+        y: placed.y - PILL_HEIGHT / 2,
+        width,
+        height: PILL_HEIGHT,
+    };
+};
+/** A self message's pill, beside the loop and centred on its height. */
+const selfPillBox = (placed, activated) => ({
+    x: placed.fromX +
+        (activated ? ACTIVATION_HALF_WIDTH : 0) +
+        SELF_LOOP_REACH +
+        SELF_LOOP_CORNER +
+        SELF_PILL_GAP,
+    y: placed.y + SELF_LOOP_EXTENT / 2 - PILL_HEIGHT / 2,
+    width: pillWidth(placed.label),
+    height: PILL_HEIGHT,
+});
+/**
+ * Pulses for one message: the architecture lens's dot, on a sequence's own
+ * clock. Every pulse in the drawing shares one cycle and owns a slot of it
+ * outright, so the steps light in the order they happen, one at a time.
+ *
+ * A slot is spent entirely on the crossing — the dot enters as the previous
+ * one lands and leaves as the next departs. Nothing waits in the dark for its
+ * turn, which is the whole difference between a sequence that reads as a
+ * relay and one that reads as a still picture with an occasional blink.
+ */
+const pulsesFor = (placed, path, slotCount, palette) => {
+    if (slotCount === 0)
+        return "";
+    const colour = toneColour(palette, toneFor(placed.message.delta));
+    // A repeated step keeps the heavier mark it has always carried; only when
+    // its crossings happen changed here, not what they look like.
+    const radius = placed.slot.count > 1 ? TRAIN_RADIUS : PULSE_RADIUS;
+    const width = 1 / slotCount;
+    const ramp = width * FLOW_PULSE_RAMP;
+    const duration = `${coord(cycleFor(slotCount))}s`;
+    return lines(Array.from({ length: placed.slot.count }, (_, index) => {
+        const start = (placed.slot.start + index) * width;
+        const finish = start + width;
+        return wrap("circle", { r: radius, fill: colour, opacity: 0 }, tag("animateMotion", {
+            dur: duration,
+            repeatCount: "indefinite",
+            keyPoints: "0;0;1;1",
+            keyTimes: `0;${ratio(start)};${ratio(finish)};1`,
+            calcMode: "linear",
+            path,
+        }) +
+            tag("animate", {
+                attributeName: "opacity",
+                dur: duration,
+                repeatCount: "indefinite",
+                values: "0;0;1;1;0;0",
+                keyTimes: `0;${ratio(start)};${ratio(start + ramp)};` +
+                    `${ratio(finish - ramp)};${ratio(finish)};1`,
+            }));
+    }));
+};
+/**
+ * Paints one message and the pill that names it. Like an architecture edge
+ * and its label, the two come back separately because they belong to
+ * different layers: the pill is opaque precisely so it can be read wherever
+ * it lands, so it passes in front of everything the arrows drew.
+ */
+const paintMessage = (placed, activeAt, slotCount, palette) => {
+    const tone = toneFor(placed.message.delta);
+    const direction = travelDirection(placed.message.kind, placed.fromX, placed.toX);
+    const head = headFor(placed.message.kind, tone);
+    if (direction === 0) {
+        const activated = activeAt(placed.message.from, placed.y);
+        const path = selfPath(placed.fromX, placed.y, activated);
+        return {
+            line: lines([
+                tag("path", { class: messageClasses(placed.message, tone), d: path, "marker-end": head }),
+                pulsesFor(placed, path, slotCount, palette),
+            ]),
+            pill: paintLabelPill(placed.label, selfPillBox(placed, activated), tone),
+        };
+    }
+    const ends = endsFor(placed, activeAt, direction);
+    const path = `M${coord(ends.start)},${coord(placed.y)} L${coord(ends.end)},${coord(placed.y)}`;
+    return {
+        line: lines([
+            tag("path", { class: messageClasses(placed.message, tone), d: path, "marker-end": head }),
+            pulsesFor(placed, path, slotCount, palette),
+        ]),
+        pill: paintLabelPill(placed.label, pillBox(placed, ends), tone),
+    };
+};
+/**
+ * The ground under one column: a band in the lane language, holding the
+ * card, its lifeline and its activation bars with the same breathing room a
+ * lane keeps around its cards.
+ */
+const bandBox = (centreX, columnWidth, layout) => {
+    const top = layout.top + PARTICIPANT_TOP - FLOW_BAND_PAD_Y;
+    return {
+        x: centreX - columnWidth / 2 - FLOW_BAND_PAD_X,
+        y: top,
+        width: columnWidth + FLOW_BAND_PAD_X * 2,
+        height: layout.top + layout.height + FLOW_BAND_PAD_Y - top,
+    };
+};
+const paintFlow = (layout, columnWidth, slotCount, palette) => {
+    const activeAt = activationLookup(layout);
+    const lifelineBottom = layout.top + layout.height;
+    const bands = layout.participants.map((participant) => {
+        const box = bandBox(participant.centreX, columnWidth, layout);
+        return tag("rect", {
+            class: "lanebox",
+            x: coord(box.x),
+            y: coord(box.y),
+            width: coord(box.width),
+            height: coord(box.height),
+            rx: LANE_RADIUS,
+        });
+    });
+    const columns = layout.participants.map((participant) => lines([
+        tag("line", {
+            class: "lifeline",
+            x1: coord(participant.centreX),
+            y1: coord(layout.lifelineTop),
+            x2: coord(participant.centreX),
+            y2: coord(lifelineBottom),
+        }),
+        ...participant.activations.map((bar) => tag("rect", {
+            class: "actbar",
+            x: coord(participant.centreX - ACTIVATION_HALF_WIDTH),
+            y: coord(bar.top),
+            width: ACTIVATION_HALF_WIDTH * 2,
+            height: coord(bar.bottom - bar.top),
+            rx: 4,
+        })),
+    ]));
+    const cards = layout.participants.map((participant, index) => paintCard({
+        node: participant.node,
+        box: participant.card,
+        showIcon: true,
+        titleSize: TITLE_SIZE,
+        row: 0,
+        laneIndex: index,
+    }));
+    const lineMarkup = [];
+    const pillMarkup = [];
+    for (const message of layout.messages) {
+        const { line, pill } = paintMessage(message, activeAt, slotCount, palette);
+        lineMarkup.push(line);
+        pillMarkup.push(pill);
+    }
+    return lines([
+        wrap("g", {}, lines(bands)),
+        wrap("g", {}, lines(columns)),
+        wrap("g", {}, lines(cards)),
+        wrap("g", {}, lines(lineMarkup)),
+        wrap("g", {}, lines(pillMarkup)),
+    ]);
+};
+/**
+ * The room a flow's own drawing takes. The bands already hold the cards and
+ * columns, but a pill is centred on its arrow and a self message's sits off
+ * to the right of one, so either can reach past what the layout sized the
+ * canvas from.
+ */
+const flowBounds = (layout, columnWidth) => {
+    const activeAt = activationLookup(layout);
+    const bands = layout.participants.map((participant) => bandBox(participant.centreX, columnWidth, layout));
+    const pills = layout.messages.map((placed) => {
+        const direction = travelDirection(placed.message.kind, placed.fromX, placed.toX);
+        if (direction === 0)
+            return selfPillBox(placed, activeAt(placed.message.from, placed.y));
+        return pillBox(placed, endsFor(placed, activeAt, direction));
+    });
+    const loops = layout.messages
+        .filter((placed) => placed.message.kind === "self")
+        .map((placed) => ({
+        x: placed.fromX,
+        y: placed.y,
+        width: SELF_LOOP_REACH + SELF_LOOP_CORNER + ACTIVATION_HALF_WIDTH,
+        height: SELF_LOOP_DROP + SELF_LOOP_CORNER * 2,
+    }));
+    return [...bands, ...pills, ...loops];
+};
+export const paintDataFlow = (flows, nodes, palette) => {
+    const layout = layoutDataFlow(flows, nodes, FLOW_MAX_PULSES_PER_MESSAGE);
+    const canvas = canvasFor(layout, union(layout.flows.flatMap((flow) => flowBounds(flow, layout.columnWidth))), DIAGRAM_MARGIN);
+    return {
+        width: canvas.width,
+        height: canvas.height,
+        body: shifted(canvas, lines(layout.flows.map((flow) => paintFlow(flow, layout.columnWidth, layout.slotCount, palette)))),
+    };
+};
+//# sourceMappingURL=dataflow.js.map

package/dist/svg/dataflow.js.map

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

package/dist/svg/document.d.ts

@@ -0,0 +1,37 @@
+import type { Delta } from "@coldtea/pr-lens-schema";
+import type { Canvas } from "../bounds.js";
+import type { Palette } from "../theme.js";
+/**
+ * The colour family an element is drawn in. It follows the delta rather than
+ * the element type, because the one question a reviewer asks of a diagram is
+ * what changed.
+ */
+export type Tone = "added" | "modified" | "removed" | "neutral";
+export declare const toneFor: (delta: Delta) => Tone;
+export declare const toneColour: (palette: Palette, tone: Tone) => string;
+export declare const markerFor: (tone: Tone) => string;
+export declare const openMarkerFor: (tone: Tone) => string;
+/**
+ * Wraps painted content in a standalone SVG file.
+ *
+ * Nothing outside the file is referenced: it is served through an image proxy
+ * where the page it lands in does not exist, and it is served as an image, so
+ * script would not run even if it were there. Colours are literal for the
+ * same reason — the theme is chosen by picking a file, not by asking the page.
+ */
+export declare const svgDocument: (input: {
+    width: number;
+    height: number;
+    palette: Palette;
+    title: string;
+    description?: string;
+    body: string;
+}) => string;
+/**
+ * Moves painted content clear of the canvas edge when something was drawn
+ * above or to the left of the origin. Wrapping rather than re-deriving every
+ * coordinate keeps the geometry — and so the bytes — unchanged whenever the
+ * shift is zero, which is the ordinary case.
+ */
+export declare const shifted: (canvas: Canvas, body: string) => string;
+//# sourceMappingURL=document.d.ts.map

package/dist/svg/document.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"document.d.ts","sourceRoot":"","sources":["../../src/svg/document.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAErD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAE3C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAI3C;;;;GAIG;AACH,MAAM,MAAM,IAAI,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;AAEhE,eAAO,MAAM,OAAO,UAAW,KAAK,KAAG,IAatC,CAAC;AAEF,eAAO,MAAM,UAAU,YAAa,OAAO,QAAQ,IAAI,KAAG,MAazD,CAAC;AAiGF,eAAO,MAAM,SAAS,SAAU,IAAI,KAAG,MAA4B,CAAC;AAEpE,eAAO,MAAM,aAAa,SAAU,IAAI,KAAG,MAA6B,CAAC;AAIzE;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,UAAW;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CACd,KAAG,MAyBH,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,OAAO,WAAY,MAAM,QAAQ,MAAM,KAAG,MAG2C,CAAC"}

package/dist/svg/document.js

@@ -0,0 +1,148 @@
+import { assertNever } from "@coldtea/pr-lens-schema";
+import { coord } from "../geometry.js";
+import { MONO_STACK, SANS_STACK } from "../text.js";
+import { escapeXml, lines, tag, wrap } from "./primitives.js";
+export const toneFor = (delta) => {
+    switch (delta) {
+        case "added":
+            return "added";
+        case "modified":
+            return "modified";
+        case "removed":
+            return "removed";
+        case "unchanged":
+            return "neutral";
+        default:
+            return assertNever(delta, "Unhandled delta");
+    }
+};
+export const toneColour = (palette, tone) => {
+    switch (tone) {
+        case "added":
+            return palette.added;
+        case "modified":
+            return palette.modified;
+        case "removed":
+            return palette.removed;
+        case "neutral":
+            return palette.edge;
+        default:
+            return assertNever(tone, "Unhandled tone");
+    }
+};
+const TONES = ["added", "modified", "removed", "neutral"];
+const stylesheet = (palette) => [
+    `text{font-family:${SANS_STACK}}`,
+    `.lanebox{fill:${palette.lane}}`,
+    `.lanelabel{font-size:10px;font-weight:700;letter-spacing:.12em;fill:${palette.muted}}`,
+    `.card{fill:${palette.card};stroke:${palette.cardBorder};stroke-width:1}`,
+    `.card-added{stroke:${palette.added};stroke-opacity:.55}`,
+    `.card-modified{stroke:${palette.modified};stroke-opacity:.5}`,
+    `.ghost{opacity:.55}`,
+    `.ghost .card{stroke:${palette.removed};stroke-dasharray:4 3;stroke-opacity:.6}`,
+    `.context{opacity:.82}`,
+    `.ntitle{font-weight:600;fill:${palette.foreground}}`,
+    `.strike{text-decoration:line-through}`,
+    `.nsub{font-size:9.5px;fill:${palette.muted};font-family:${MONO_STACK}}`,
+    `.chip{fill:${palette.chip}}`,
+    `.glyph{fill:${palette.muted}}`,
+    `.glyph-stroke{stroke:${palette.muted};stroke-width:1.4;fill:none}`,
+    `.bdg text{font-size:8.5px;font-weight:700;letter-spacing:.06em}`,
+    `.bdg rect{stroke-width:1}`,
+    `.bdg-added rect{fill:${palette.addedFill};stroke:${palette.addedBorder}}`,
+    `.bdg-added text{fill:${palette.added}}`,
+    `.bdg-modified rect{fill:${palette.modifiedFill};stroke:${palette.modifiedBorder}}`,
+    `.bdg-modified text{fill:${palette.modified}}`,
+    `.bdg-removed rect{fill:${palette.removedFill};stroke:${palette.removedBorder}}`,
+    `.bdg-removed text{fill:${palette.removed}}`,
+    `.bdg-neutral rect{fill:${palette.neutralFill};stroke:${palette.cardBorder}}`,
+    `.bdg-neutral text{fill:${palette.muted}}`,
+    `.edge{fill:none;stroke-width:1.5}`,
+    `.edge-added{stroke:${palette.added}}`,
+    `.edge-modified{stroke:${palette.modified}}`,
+    `.edge-removed{stroke:${palette.removed};stroke-dasharray:5 4;opacity:.7}`,
+    `.edge-neutral{stroke:${palette.edge}}`,
+    `.hero{stroke-width:2.25}`,
+    `.faded{opacity:.45}`,
+    `.glow{fill:none;stroke-width:7;opacity:.14}`,
+    `.msg-self{font-size:11px;fill:${palette.foreground}}`,
+    `.lpill{fill:${palette.pill};stroke:${palette.pillBorder};stroke-width:1}`,
+    `.ltext{font-size:9.5px;font-weight:600;fill:${palette.muted}}`,
+    `.ltext-added{fill:${palette.added}}`,
+    `.ltext-modified{fill:${palette.modified}}`,
+    `.ltext-removed{fill:${palette.removed}}`,
+    `.cardsh{filter:drop-shadow(0 1px 2px ${palette.shadow})}`,
+    `.lifeline{stroke:${palette.lifeline};stroke-width:1;stroke-dasharray:3 4}`,
+    `.actbar{fill:${palette.addedFill};stroke:${palette.addedBorder}}`,
+    `.msg{fill:none;stroke-width:1.5}`,
+    `.msg-return{stroke-dasharray:4 3;opacity:.8}`,
+    `.msg-strong{stroke-width:2.25}`,
+].join("");
+/**
+ * Two arrowhead forms per tone, the classic sequence-diagram pair: a filled
+ * head for a message the sender waits on, an open line-form head for one it
+ * fires and forgets. The open head anchors at its tip so the line runs all
+ * the way into the point, where a filled head covers its own line end.
+ */
+const markers = (palette) => TONES.map((tone) => wrap("marker", {
+    id: `mk-${tone}`,
+    viewBox: "0 0 10 10",
+    refX: 8,
+    refY: 5,
+    markerWidth: 6.5,
+    markerHeight: 6.5,
+    orient: "auto-start-reverse",
+}, tag("path", { d: "M0,0 L10,5 L0,10 z", fill: toneColour(palette, tone) })) +
+    wrap("marker", {
+        id: `mko-${tone}`,
+        viewBox: "0 0 10 10",
+        refX: 10,
+        refY: 5,
+        markerWidth: 6.5,
+        markerHeight: 6.5,
+        orient: "auto-start-reverse",
+    }, tag("path", {
+        d: "M2,1 L10,5 L2,9",
+        fill: "none",
+        stroke: toneColour(palette, tone),
+        "stroke-width": 1.6,
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+    }))).join("");
+export const markerFor = (tone) => `url(#mk-${tone})`;
+export const openMarkerFor = (tone) => `url(#mko-${tone})`;
+const DOT_PITCH = 18;
+/**
+ * Wraps painted content in a standalone SVG file.
+ *
+ * Nothing outside the file is referenced: it is served through an image proxy
+ * where the page it lands in does not exist, and it is served as an image, so
+ * script would not run even if it were there. Colours are literal for the
+ * same reason — the theme is chosen by picking a file, not by asking the page.
+ */
+export const svgDocument = (input) => {
+    const { width, height, palette, title, description, body } = input;
+    const defs = wrap("defs", {}, wrap("pattern", { id: "dots", width: DOT_PITCH, height: DOT_PITCH, patternUnits: "userSpaceOnUse" }, tag("circle", { cx: 1.5, cy: 1.5, r: 1, fill: palette.dot })) + markers(palette));
+    return lines([
+        `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${coord(width)} ${coord(height)}" ` +
+            `width="${coord(width)}" height="${coord(height)}" role="img" aria-label="${escapeXml(title)}">`,
+        wrap("title", {}, escapeXml(title)),
+        description === undefined ? "" : wrap("desc", {}, escapeXml(description)),
+        wrap("style", {}, stylesheet(palette)),
+        defs,
+        tag("rect", { x: 0, y: 0, width: coord(width), height: coord(height), rx: 12, fill: palette.background }),
+        tag("rect", { x: 0, y: 0, width: coord(width), height: coord(height), rx: 12, fill: "url(#dots)" }),
+        body,
+        "</svg>",
+    ]);
+};
+/**
+ * Moves painted content clear of the canvas edge when something was drawn
+ * above or to the left of the origin. Wrapping rather than re-deriving every
+ * coordinate keeps the geometry — and so the bytes — unchanged whenever the
+ * shift is zero, which is the ordinary case.
+ */
+export const shifted = (canvas, body) => canvas.shiftX === 0 && canvas.shiftY === 0
+    ? body
+    : wrap("g", { transform: `translate(${coord(canvas.shiftX)},${coord(canvas.shiftY)})` }, body);
+//# sourceMappingURL=document.js.map

package/dist/svg/document.js.map

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

package/dist/svg/icons.d.ts

@@ -0,0 +1,3 @@
+import type { NodeKind } from "@coldtea/pr-lens-schema";
+export declare const glyphGroup: (kind: NodeKind, cx: number, cy: number) => string;
+//# sourceMappingURL=icons.d.ts.map

package/dist/svg/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/svg/icons.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAuHxD,eAAO,MAAM,UAAU,SAAU,QAAQ,MAAM,MAAM,MAAM,MAAM,KAAG,MAC5B,CAAC"}

package/dist/svg/icons.js

@@ -0,0 +1,106 @@
+import { assertNever } from "@coldtea/pr-lens-schema";
+import { coord } from "../geometry.js";
+import { MONO_STACK } from "../text.js";
+import { lines, tag, textNode, wrap } from "./primitives.js";
+const stroked = (path) => tag("path", { class: "glyph-stroke", d: path });
+const glyphText = (cx, cy, content, style) => textNode({
+    class: "glyph",
+    x: coord(cx),
+    y: coord(cy + 4.5),
+    "text-anchor": "middle",
+    style,
+}, content);
+const box = (cx, cy, width, height, radius) => tag("rect", {
+    class: "glyph-stroke",
+    x: coord(cx - width / 2),
+    y: coord(cy - height / 2),
+    width: coord(width),
+    height: coord(height),
+    rx: radius === undefined ? undefined : coord(radius),
+});
+/**
+ * The chip glyph for a node's kind, centred on a point.
+ *
+ * These say "what sort of thing is this" at a glance and nothing more, which
+ * is why the kind enum is coarse. Every kind draws something: a card with an
+ * empty chip reads as a rendering fault rather than as an unknown kind.
+ */
+const kindGlyph = (kind, cx, cy) => {
+    switch (kind) {
+        case "service":
+            return lines([
+                box(cx, cy, 13, 13, 3),
+                tag("circle", { class: "glyph", cx: coord(cx), cy: coord(cy), r: 2 }),
+            ]);
+        case "app":
+            return lines([
+                box(cx, cy, 14, 12, 2),
+                stroked(`M${coord(cx - 7)},${coord(cy - 2)} h14`),
+            ]);
+        case "module":
+            return glyphText(cx, cy, "{ }", `font-size:11px;font-family:${MONO_STACK}`);
+        case "function":
+            return glyphText(cx, cy, "ƒ", "font-size:14px;font-style:italic;font-family:Georgia,serif");
+        case "route":
+            return tag("path", {
+                class: "glyph",
+                d: `M${coord(cx - 7)},${coord(cy - 6)} L${coord(cx + 7)},${coord(cy)} L${coord(cx - 7)},${coord(cy + 6)} Z`,
+            });
+        case "job":
+            return lines([
+                tag("circle", { class: "glyph-stroke", cx: coord(cx), cy: coord(cy), r: 6.5 }),
+                stroked(`M${coord(cx)},${coord(cy - 3.5)} V${coord(cy)} H${coord(cx + 3)}`),
+            ]);
+        case "queue":
+            return lines([
+                stroked(`M${coord(cx - 6.5)},${coord(cy - 4.5)} h13`),
+                stroked(`M${coord(cx - 6.5)},${coord(cy)} h13`),
+                stroked(`M${coord(cx - 6.5)},${coord(cy + 4.5)} h13`),
+            ]);
+        case "datastore":
+            return lines([
+                tag("ellipse", { class: "glyph-stroke", cx: coord(cx), cy: coord(cy - 4.5), rx: 6.5, ry: 2.6 }),
+                stroked(`M${coord(cx - 6.5)},${coord(cy - 4.5)} v9 a6.5,2.6 0 0 0 13 0 v-9`),
+            ]);
+        case "cache":
+            return tag("path", {
+                class: "glyph",
+                d: `M${coord(cx + 1)},${coord(cy - 7)} L${coord(cx - 6)},${coord(cy + 1)} H${coord(cx - 1)} L${coord(cx - 1)},${coord(cy + 7)} L${coord(cx + 6)},${coord(cy - 1)} H${coord(cx + 1)} Z`,
+            });
+        case "external":
+            return lines([
+                box(cx, cy, 16, 12, 2),
+                stroked(`M${coord(cx - 8)},${coord(cy - 4)} l8,6 8,-6`),
+            ]);
+        case "ui":
+            return lines([
+                box(cx, cy, 14, 12, 2),
+                stroked(`M${coord(cx - 2.5)},${coord(cy - 6)} v12`),
+            ]);
+        case "config":
+            return lines([
+                stroked(`M${coord(cx - 7)},${coord(cy - 4)} h14`),
+                stroked(`M${coord(cx - 7)},${coord(cy + 4)} h14`),
+                tag("circle", { class: "glyph", cx: coord(cx - 2), cy: coord(cy - 4), r: 2.2 }),
+                tag("circle", { class: "glyph", cx: coord(cx + 3), cy: coord(cy + 4), r: 2.2 }),
+            ]);
+        case "test":
+            return stroked(`M${coord(cx - 6)},${coord(cy)} l4,4 l8,-8`);
+        case "package":
+            return lines([
+                stroked(`M${coord(cx)},${coord(cy - 7)} l6.5,3.5 v7 l-6.5,3.5 l-6.5,-3.5 v-7 Z`),
+                stroked(`M${coord(cx - 6.5)},${coord(cy - 3.5)} l6.5,3.5 l6.5,-3.5`),
+                stroked(`M${coord(cx)},${coord(cy)} v7`),
+            ]);
+        case "other":
+            return lines([
+                tag("circle", { class: "glyph", cx: coord(cx - 5), cy: coord(cy), r: 1.8 }),
+                tag("circle", { class: "glyph", cx: coord(cx), cy: coord(cy), r: 1.8 }),
+                tag("circle", { class: "glyph", cx: coord(cx + 5), cy: coord(cy), r: 1.8 }),
+            ]);
+        default:
+            return assertNever(kind, "Unhandled node kind");
+    }
+};
+export const glyphGroup = (kind, cx, cy) => wrap("g", {}, kindGlyph(kind, cx, cy));
+//# sourceMappingURL=icons.js.map

package/dist/svg/icons.js.map

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

package/dist/svg/primitives.d.ts

@@ -0,0 +1,13 @@
+/**
+ * XML escaping for text nodes and attribute values alike. Attributes are
+ * always written in double quotes, so the single quote does not need an
+ * entity, but `<` and `&` do in both positions.
+ */
+export declare const escapeXml: (value: string) => string;
+export type Attributes = Readonly<Record<string, string | number | undefined>>;
+export declare const tag: (name: string, attributes: Attributes) => string;
+export declare const wrap: (name: string, attributes: Attributes, children: string) => string;
+export declare const textNode: (attributes: Attributes, content: string) => string;
+/** Joins emitted fragments with newlines, dropping the ones that produced nothing. */
+export declare const lines: (fragments: readonly string[]) => string;
+//# sourceMappingURL=primitives.d.ts.map

package/dist/svg/primitives.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../src/svg/primitives.ts"],"names":[],"mappings":"AAeA;;;;GAIG;AACH,eAAO,MAAM,SAAS,UAAW,MAAM,KAAG,MAMd,CAAC;AAE7B,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;AAQ/E,eAAO,MAAM,GAAG,SAAU,MAAM,cAAc,UAAU,KAAG,MACX,CAAC;AAEjD,eAAO,MAAM,IAAI,SAAU,MAAM,cAAc,UAAU,YAAY,MAAM,KAAG,MACV,CAAC;AAErE,eAAO,MAAM,QAAQ,eACP,UAAU,WACb,MAAM,KACd,MAAsD,CAAC;AAE1D,sFAAsF;AACtF,eAAO,MAAM,KAAK,cAAe,SAAS,MAAM,EAAE,KAAG,MACW,CAAC"}