@kensio/colophon 2.2.0 → 2.4.0

package/dist/templates/card/lines.js

@@ -0,0 +1,36 @@
+import { blockLines } from "../../layout/index.js";
+const maxTitleLines = 3;
+const maxSubtitleLines = 3;
+const titleFloor = 0.62;
+const subtitleFloor = 0.8;
+/**
+ * The card's text block: the wrapped title, then the wrapped subtitle.
+ *
+ * The gap before the subtitle is smaller than the banner's, because the card
+ * has only the two groups and they belong together. It is not nothing, though:
+ * a title that wraps ends on a line the subtitle would otherwise sit straight
+ * underneath, and the change of size and weight alone does not separate them.
+ */
+export function cardLines(props, text) {
+    const { measure, fontFamily, contentWidth } = text;
+    return [
+        ...blockLines(props.title, measure, fontFamily, {
+            maxWidth: contentWidth,
+            maxLines: maxTitleLines,
+            fontSize: text.titleFs,
+            floor: titleFloor,
+            fontWeight: 800,
+            opacity: 1,
+        }),
+        ...blockLines(props.subtitle, measure, fontFamily, {
+            maxWidth: contentWidth,
+            maxLines: maxSubtitleLines,
+            fontSize: text.subFs,
+            floor: subtitleFloor,
+            fontWeight: 500,
+            opacity: 0.85,
+            gapBefore: Math.round(text.height * 0.025),
+        }),
+    ];
+}
+//# sourceMappingURL=lines.js.map

package/dist/templates/card/lines.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lines.js","sourceRoot":"","sources":["../../../src/templates/card/lines.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,MAAM,aAAa,GAAG,CAAC,CAAC;AACxB,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAC3B,MAAM,UAAU,GAAG,IAAI,CAAC;AACxB,MAAM,aAAa,GAAG,GAAG,CAAC;AAY1B;;;;;;;GAOG;AACH,MAAM,UAAU,SAAS,CAAC,KAAqB,EAAE,IAAc;IAC7D,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;IAEnD,OAAO;QACL,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE;YAC9C,QAAQ,EAAE,YAAY;YACtB,QAAQ,EAAE,aAAa;YACvB,QAAQ,EAAE,IAAI,CAAC,OAAO;YACtB,KAAK,EAAE,UAAU;YACjB,UAAU,EAAE,GAAG;YACf,OAAO,EAAE,CAAC;SACX,CAAC;QACF,GAAG,UAAU,CAAC,KAAK,CAAC,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE;YACjD,QAAQ,EAAE,YAAY;YACtB,QAAQ,EAAE,gBAAgB;YAC1B,QAAQ,EAAE,IAAI,CAAC,KAAK;YACpB,KAAK,EAAE,aAAa;YACpB,UAAU,EAAE,GAAG;YACf,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;SAC3C,CAAC;KACH,CAAC;AACJ,CAAC"}

package/dist/templates/code/chrome.d.ts

@@ -0,0 +1,13 @@
+import type { Rect } from "../../layout/index.js";
+import type { Dimensions, ResolvedConfig } from "../../types.js";
+/**
+ * The optional title, centred in the band reserved above the panel.
+ *
+ * It is drawn as a single line at the size the band was measured with, so a
+ * title too long for the image runs over rather than wrapping into room that
+ * was never set aside for it.
+ */
+export declare function codeHeading(title: string | undefined, band: Rect, fontSize: number, config: ResolvedConfig): string;
+/** The configured footer, centred along the bottom of the image. */
+export declare function codeFooter(dimensions: Dimensions, fontSize: number, config: ResolvedConfig): string;
+//# sourceMappingURL=chrome.d.ts.map

package/dist/templates/code/chrome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chrome.d.ts","sourceRoot":"","sources":["../../../src/templates/code/chrome.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAIjE;;;;;;GAMG;AACH,wBAAgB,WAAW,CACzB,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,cAAc,GACrB,MAAM,CAeR;AAED,oEAAoE;AACpE,wBAAgB,UAAU,CACxB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,cAAc,GACrB,MAAM,CAUR"}

package/dist/templates/code/chrome.js

@@ -0,0 +1,33 @@
+import { drawLines } from "../../layout/index.js";
+import { footerBaseline, footerElement } from "../footer.js";
+import { imageMargin } from "./panel.js";
+/**
+ * The optional title, centred in the band reserved above the panel.
+ *
+ * It is drawn as a single line at the size the band was measured with, so a
+ * title too long for the image runs over rather than wrapping into room that
+ * was never set aside for it.
+ */
+export function codeHeading(title, band, fontSize, config) {
+    if (title === undefined || title === "") {
+        return "";
+    }
+    return drawLines([{ text: title, fontSize, fontWeight: 700, opacity: 0.95 }], band, {
+        fontFamily: config.fontFamily,
+        fill: config.colors.foreground,
+        lineHeight: 1,
+        anchor: "middle",
+    });
+}
+/** The configured footer, centred along the bottom of the image. */
+export function codeFooter(dimensions, fontSize, config) {
+    const { width, height } = dimensions;
+    return footerElement(config, {
+        x: Math.round(width / 2),
+        y: footerBaseline(height, imageMargin(dimensions), fontSize),
+        fontSize,
+        opacity: 0.78,
+        anchor: "middle",
+    });
+}
+//# sourceMappingURL=chrome.js.map

package/dist/templates/code/chrome.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chrome.js","sourceRoot":"","sources":["../../../src/templates/code/chrome.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGlD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAEzC;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CACzB,KAAyB,EACzB,IAAU,EACV,QAAgB,EAChB,MAAsB;IAEtB,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE,EAAE,CAAC;QACxC,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO,SAAS,CACd,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAC3D,IAAI,EACJ;QACE,UAAU,EAAE,MAAM,CAAC,UAAU;QAC7B,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU;QAC9B,UAAU,EAAE,CAAC;QACb,MAAM,EAAE,QAAQ;KACjB,CACF,CAAC;AACJ,CAAC;AAED,oEAAoE;AACpE,MAAM,UAAU,UAAU,CACxB,UAAsB,EACtB,QAAgB,EAChB,MAAsB;IAEtB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC;IAErC,OAAO,aAAa,CAAC,MAAM,EAAE;QAC3B,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC;QACxB,CAAC,EAAE,cAAc,CAAC,MAAM,EAAE,WAAW,CAAC,UAAU,CAAC,EAAE,QAAQ,CAAC;QAC5D,QAAQ;QACR,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,QAAQ;KACjB,CAAC,CAAC;AACL,CAAC"}

package/dist/templates/code/clip.d.ts

@@ -0,0 +1,18 @@
+import type { CodeToken } from "../../highlight/index.js";
+/**
+ * Clip a line to the columns that fit, ending it with an ellipsis. The font
+ * size is floored for legibility, so a wide enough snippet can still overrun
+ * the panel, and clipping keeps it inside instead of bleeding off the image.
+ *
+ * Returns the line unchanged when it already fits, so the caller can count the
+ * clipped lines by identity.
+ */
+export declare function clipLine(tokens: readonly CodeToken[], maxColumns: number): readonly CodeToken[];
+/**
+ * Clip every line to the panel width, and count how many had to give ground.
+ */
+export declare function clipLines(lines: readonly (readonly CodeToken[])[], maxColumns: number): {
+    lines: readonly (readonly CodeToken[])[];
+    clipped: number;
+};
+//# sourceMappingURL=clip.d.ts.map

package/dist/templates/code/clip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clip.d.ts","sourceRoot":"","sources":["../../../src/templates/code/clip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAG1D;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CACtB,MAAM,EAAE,SAAS,SAAS,EAAE,EAC5B,UAAU,EAAE,MAAM,GACjB,SAAS,SAAS,EAAE,CA0BtB;AAED;;GAEG;AACH,wBAAgB,SAAS,CACvB,KAAK,EAAE,SAAS,CAAC,SAAS,SAAS,EAAE,CAAC,EAAE,EACxC,UAAU,EAAE,MAAM,GACjB;IAAE,KAAK,EAAE,SAAS,CAAC,SAAS,SAAS,EAAE,CAAC,EAAE,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAc/D"}

package/dist/templates/code/clip.js

@@ -0,0 +1,44 @@
+import { ellipsis } from "./ellipsis.js";
+/**
+ * Clip a line to the columns that fit, ending it with an ellipsis. The font
+ * size is floored for legibility, so a wide enough snippet can still overrun
+ * the panel, and clipping keeps it inside instead of bleeding off the image.
+ *
+ * Returns the line unchanged when it already fits, so the caller can count the
+ * clipped lines by identity.
+ */
+export function clipLine(tokens, maxColumns) {
+    const last = tokens.at(-1);
+    if (last === undefined || last.column + last.text.length <= maxColumns) {
+        return tokens;
+    }
+    const clipped = [];
+    for (const token of tokens) {
+        if (token.column >= maxColumns) {
+            break;
+        }
+        const room = maxColumns - token.column;
+        if (token.text.length <= room) {
+            clipped.push(token);
+            continue;
+        }
+        clipped.push({ ...token, text: token.text.slice(0, room - 1) + ellipsis });
+        break;
+    }
+    return clipped;
+}
+/**
+ * Clip every line to the panel width, and count how many had to give ground.
+ */
+export function clipLines(lines, maxColumns) {
+    let clipped = 0;
+    const fitted = lines.map((tokens) => {
+        const line = clipLine(tokens, maxColumns);
+        if (line !== tokens) {
+            clipped += 1;
+        }
+        return line;
+    });
+    return { lines: fitted, clipped };
+}
+//# sourceMappingURL=clip.js.map

package/dist/templates/code/clip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clip.js","sourceRoot":"","sources":["../../../src/templates/code/clip.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC;;;;;;;GAOG;AACH,MAAM,UAAU,QAAQ,CACtB,MAA4B,EAC5B,UAAkB;IAElB,MAAM,IAAI,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAE3B,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,UAAU,EAAE,CAAC;QACvE,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,MAAM,OAAO,GAAgB,EAAE,CAAC;IAEhC,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;QAC3B,IAAI,KAAK,CAAC,MAAM,IAAI,UAAU,EAAE,CAAC;YAC/B,MAAM;QACR,CAAC;QAED,MAAM,IAAI,GAAG,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC;QAEvC,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,EAAE,CAAC;YAC9B,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACpB,SAAS;QACX,CAAC;QAED,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC;QAC3E,MAAM;IACR,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,SAAS,CACvB,KAAwC,EACxC,UAAkB;IAElB,IAAI,OAAO,GAAG,CAAC,CAAC;IAEhB,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;QAClC,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QAE1C,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;YACpB,OAAO,IAAI,CAAC,CAAC;QACf,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;IAEH,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;AACpC,CAAC"}

package/dist/templates/code/ellipsis.d.ts

@@ -0,0 +1,3 @@
+/** The mark a truncated line or block ends with. */
+export declare const ellipsis = "\u2026";
+//# sourceMappingURL=ellipsis.d.ts.map

package/dist/templates/code/ellipsis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ellipsis.d.ts","sourceRoot":"","sources":["../../../src/templates/code/ellipsis.ts"],"names":[],"mappings":"AAAA,oDAAoD;AACpD,eAAO,MAAM,QAAQ,WAAM,CAAC"}

package/dist/templates/code/ellipsis.js

@@ -0,0 +1,3 @@
+/** The mark a truncated line or block ends with. */
+export const ellipsis = "…";
+//# sourceMappingURL=ellipsis.js.map

package/dist/templates/code/ellipsis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ellipsis.js","sourceRoot":"","sources":["../../../src/templates/code/ellipsis.ts"],"names":[],"mappings":"AAAA,oDAAoD;AACpD,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAC"}

package/dist/templates/code/fit.d.ts

@@ -0,0 +1,27 @@
+import type { CodeToken, HighlightedCode } from "../../highlight/index.js";
+import type { Dimensions, ResolvedConfig } from "../../types.js";
+/**
+ * Pick the largest font size that fits the snippet in the panel on both axes,
+ * clamped to the configured bounds.
+ *
+ * The bounds are fractions of the image *width*, not its height: a share image
+ * is scaled to fit the width of whatever feed shows it, so width is what
+ * decides whether the code ends up legible. Keying the floor to height would
+ * let a landscape image render the same snippet at half the size of its square
+ * counterpart.
+ */
+export declare function fitFontSize(highlighted: HighlightedCode, area: Dimensions, imageWidth: number, config: ResolvedConfig, charWidthRatio: number): number;
+/**
+ * Width of the laid-out block in characters, measured from the lines actually
+ * being drawn. Narrower than the snippet's longest line whenever that line was
+ * dropped or clipped, which keeps the panel hugged tight to what is visible.
+ */
+export declare function blockColumns(lines: readonly (readonly CodeToken[])[]): number;
+/**
+ * Drop lines that cannot fit at the chosen font size, marking the truncation
+ * with an ellipsis line so the image never silently misrepresents the snippet.
+ * The marker takes the indentation of the first dropped line, so it reads as
+ * part of the block rather than as a stray mark in the left margin.
+ */
+export declare function fitLines(lines: readonly (readonly CodeToken[])[], codeHeight: number, step: number): readonly (readonly CodeToken[])[];
+//# sourceMappingURL=fit.d.ts.map

package/dist/templates/code/fit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fit.d.ts","sourceRoot":"","sources":["../../../src/templates/code/fit.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGjE;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CACzB,WAAW,EAAE,eAAe,EAC5B,IAAI,EAAE,UAAU,EAChB,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,cAAc,EACtB,cAAc,EAAE,MAAM,GACrB,MAAM,CAUR;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,CAAC,SAAS,SAAS,EAAE,CAAC,EAAE,GAAG,MAAM,CAY7E;AAaD;;;;;GAKG;AACH,wBAAgB,QAAQ,CACtB,KAAK,EAAE,SAAS,CAAC,SAAS,SAAS,EAAE,CAAC,EAAE,EACxC,UAAU,EAAE,MAAM,EAClB,IAAI,EAAE,MAAM,GACX,SAAS,CAAC,SAAS,SAAS,EAAE,CAAC,EAAE,CAWnC"}

package/dist/templates/code/fit.js

@@ -0,0 +1,59 @@
+import { ellipsis } from "./ellipsis.js";
+/**
+ * Pick the largest font size that fits the snippet in the panel on both axes,
+ * clamped to the configured bounds.
+ *
+ * The bounds are fractions of the image *width*, not its height: a share image
+ * is scaled to fit the width of whatever feed shows it, so width is what
+ * decides whether the code ends up legible. Keying the floor to height would
+ * let a landscape image render the same snippet at half the size of its square
+ * counterpart.
+ */
+export function fitFontSize(highlighted, area, imageWidth, config, charWidthRatio) {
+    const { lineHeight, maxFontScale, minFontScale } = config.code;
+    const byWidth = area.width / (Math.max(1, highlighted.longestLine) * charWidthRatio);
+    const byHeight = area.height / (Math.max(1, highlighted.lines.length) * lineHeight);
+    const fitted = Math.min(byWidth, byHeight, imageWidth * maxFontScale);
+    return Math.max(1, Math.floor(Math.max(fitted, imageWidth * minFontScale)));
+}
+/**
+ * Width of the laid-out block in characters, measured from the lines actually
+ * being drawn. Narrower than the snippet's longest line whenever that line was
+ * dropped or clipped, which keeps the panel hugged tight to what is visible.
+ */
+export function blockColumns(lines) {
+    let columns = 0;
+    for (const tokens of lines) {
+        const last = tokens.at(-1);
+        if (last !== undefined) {
+            columns = Math.max(columns, last.column + last.text.length);
+        }
+    }
+    return columns;
+}
+function ellipsisToken(column) {
+    return {
+        text: ellipsis,
+        column,
+        color: undefined,
+        opacity: 0.6,
+        bold: false,
+        italic: false,
+    };
+}
+/**
+ * Drop lines that cannot fit at the chosen font size, marking the truncation
+ * with an ellipsis line so the image never silently misrepresents the snippet.
+ * The marker takes the indentation of the first dropped line, so it reads as
+ * part of the block rather than as a stray mark in the left margin.
+ */
+export function fitLines(lines, codeHeight, step) {
+    const maxLines = Math.max(1, Math.floor(codeHeight / step));
+    if (lines.length <= maxLines) {
+        return lines;
+    }
+    const kept = lines.slice(0, maxLines - 1);
+    const dropped = lines.slice(maxLines - 1).find((line) => line.length > 0);
+    return [...kept, [ellipsisToken(dropped?.[0]?.column ?? 0)]];
+}
+//# sourceMappingURL=fit.js.map

package/dist/templates/code/fit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fit.js","sourceRoot":"","sources":["../../../src/templates/code/fit.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC;;;;;;;;;GASG;AACH,MAAM,UAAU,WAAW,CACzB,WAA4B,EAC5B,IAAgB,EAChB,UAAkB,EAClB,MAAsB,EACtB,cAAsB;IAEtB,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC;IAE/D,MAAM,OAAO,GACX,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,GAAG,cAAc,CAAC,CAAC;IACvE,MAAM,QAAQ,GACZ,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC;IAErE,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,GAAG,YAAY,CAAC,CAAC;IACtE,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,UAAU,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC;AAC9E,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAAC,KAAwC;IACnE,IAAI,OAAO,GAAG,CAAC,CAAC;IAEhB,KAAK,MAAM,MAAM,IAAI,KAAK,EAAE,CAAC;QAC3B,MAAM,IAAI,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAE3B,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC9D,CAAC;IACH,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,SAAS,aAAa,CAAC,MAAc;IACnC,OAAO;QACL,IAAI,EAAE,QAAQ;QACd,MAAM;QACN,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,GAAG;QACZ,IAAI,EAAE,KAAK;QACX,MAAM,EAAE,KAAK;KACd,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,QAAQ,CACtB,KAAwC,EACxC,UAAkB,EAClB,IAAY;IAEZ,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC;IAE5D,IAAI,KAAK,CAAC,MAAM,IAAI,QAAQ,EAAE,CAAC;QAC7B,OAAO,KAAK,CAAC;IACf,CAAC;IAED,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,GAAG,CAAC,CAAC,CAAC;IAC1C,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAE1E,OAAO,CAAC,GAAG,IAAI,EAAE,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AAC/D,CAAC"}

package/dist/templates/code/index.d.ts

@@ -0,0 +1,12 @@
+import type { Template } from "../../types.js";
+/**
+ * Syntax-highlighted code snippet on a rounded panel over the configured
+ * background. Reads `code` and `language` from the props (as the original
+ * `image_text` / `image_lexer` frontmatter did), with an optional `title`
+ * above the panel and the configured footer below it.
+ *
+ * Highlighting uses Shiki, so token colours come from a real VS Code theme
+ * rather than being approximated.
+ */
+export declare const codeTemplate: Template;
+//# sourceMappingURL=index.d.ts.map

package/dist/templates/code/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/templates/code/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAY/C;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,QAkF1B,CAAC"}

package/dist/templates/code/index.js

@@ -0,0 +1,65 @@
+import { highlightCode } from "../../highlight/index.js";
+import { hasFooter } from "../footer.js";
+import { optionalString } from "../../props.js";
+import { codeFooter, codeHeading } from "./chrome.js";
+import { blockColumns } from "./fit.js";
+import { fitSnippet } from "./layout.js";
+import { layoutPanel, titleBand } from "./panel.js";
+import { hugPanel, panelSvg } from "./plate.js";
+import { codeBody } from "./spans.js";
+import { warnIfTruncated } from "./warn.js";
+import { charWidthRatio } from "./width.js";
+/**
+ * Syntax-highlighted code snippet on a rounded panel over the configured
+ * background. Reads `code` and `language` from the props (as the original
+ * `image_text` / `image_lexer` frontmatter did), with an optional `title`
+ * above the panel and the configured footer below it.
+ *
+ * Highlighting uses Shiki, so token colours come from a real VS Code theme
+ * rather than being approximated.
+ */
+export const codeTemplate = {
+    name: "code",
+    async render({ props, config, dimensions, measure }) {
+        const { width, height } = dimensions;
+        const title = optionalString(props.title);
+        const titleFs = Math.round(height * 0.045);
+        const footerFs = Math.round(height * 0.032);
+        const highlighted = await highlightCode(optionalString(props["code"]) ?? "", {
+            language: optionalString(props["language"]) ?? "text",
+            theme: optionalString(props["theme"]) ?? config.code.theme,
+            tabSize: config.code.tabSize,
+        });
+        const available = layoutPanel(dimensions, config, titleFs, footerFs, title !== undefined && title !== "", hasFooter(config));
+        const fitted = fitSnippet(highlighted, available, width, config, charWidthRatio(measure, config.code.fontFamily));
+        warnIfTruncated(config, dimensions, {
+            dropped: highlighted.lines.length - fitted.lines.length,
+            clipped: fitted.clipped,
+        }, highlighted.lines.length);
+        // Shrink the panel down onto the snippet so it isn't left floating in dead
+        // space. On a landscape image especially, a wide panel holding a narrow
+        // block leaves the code marooned off to one side.
+        const panel = hugPanel(available, {
+            width: blockColumns(fitted.lines) * fitted.charWidth + fitted.padding * 2,
+            height: fitted.lines.length * fitted.step + fitted.padding * 2,
+        });
+        const body = codeBody(fitted.lines, {
+            // Code reads from the left edge, as it does in an editor. Indentation is
+            // carried by each token's column, so the snippet keeps its shape.
+            originX: panel.x + fitted.padding,
+            originY: panel.y + (panel.height - fitted.lines.length * fitted.step) / 2,
+            fontSize: fitted.fontSize,
+            charWidth: fitted.charWidth,
+            step: fitted.step,
+            fontFamily: config.code.fontFamily,
+            foreground: highlighted.foreground,
+        });
+        const shadowOffset = Math.round(Math.min(width, height) * 0.01);
+        const plate = panelSvg(panel, highlighted.background, Math.max(1, shadowOffset));
+        return (codeHeading(title, titleBand(panel, dimensions, titleFs), titleFs, config) +
+            plate +
+            body +
+            codeFooter(dimensions, footerFs, config));
+    },
+};
+//# sourceMappingURL=index.js.map

package/dist/templates/code/index.js.map

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

package/dist/templates/code/layout.d.ts

@@ -0,0 +1,21 @@
+import type { CodeToken, HighlightedCode } from "../../highlight/index.js";
+import type { ResolvedConfig } from "../../types.js";
+import type { Panel } from "./panel.js";
+/**
+ * A snippet sized to the space it has: the lines that survived, the grid they
+ * are drawn on, and how many of them had to be clipped to get there.
+ */
+export interface FittedCode {
+    readonly lines: readonly (readonly CodeToken[])[];
+    readonly clipped: number;
+    readonly fontSize: number;
+    readonly charWidth: number;
+    readonly step: number;
+    readonly padding: number;
+}
+/**
+ * Fit a highlighted snippet into the panel it has been allotted: choose the
+ * font size, then drop and clip whatever still does not fit.
+ */
+export declare function fitSnippet(highlighted: HighlightedCode, available: Panel, imageWidth: number, config: ResolvedConfig, charWidthRatio: number): FittedCode;
+//# sourceMappingURL=layout.d.ts.map

package/dist/templates/code/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/templates/code/layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAExC;;;GAGG;AACH,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC,SAAS,SAAS,EAAE,CAAC,EAAE,CAAC;IAClD,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;CAC1B;AAED;;;GAGG;AACH,wBAAgB,UAAU,CACxB,WAAW,EAAE,eAAe,EAC5B,SAAS,EAAE,KAAK,EAChB,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,cAAc,EACtB,cAAc,EAAE,MAAM,GACrB,UAAU,CA6BZ"}

package/dist/templates/code/layout.js

@@ -0,0 +1,21 @@
+import { clipLines } from "./clip.js";
+import { fitFontSize, fitLines } from "./fit.js";
+/**
+ * Fit a highlighted snippet into the panel it has been allotted: choose the
+ * font size, then drop and clip whatever still does not fit.
+ */
+export function fitSnippet(highlighted, available, imageWidth, config, charWidthRatio) {
+    const inner = Math.round(Math.min(available.width, available.height) * 0.07);
+    const codeWidth = Math.max(1, available.width - inner * 2);
+    const codeHeight = Math.max(1, available.height - inner * 2);
+    const fontSize = fitFontSize(highlighted, { width: codeWidth, height: codeHeight }, imageWidth, config, charWidthRatio);
+    const charWidth = fontSize * charWidthRatio;
+    const step = fontSize * config.code.lineHeight;
+    const { lines, clipped } = clipLines(fitLines(highlighted.lines, codeHeight, step), Math.max(1, Math.floor(codeWidth / charWidth)));
+    // Padding reads best proportional to the text rather than the panel, since a
+    // snippet fitted down to a small size wants tighter margins. Only ever
+    // shrink, so the code area the font was fitted against stays valid.
+    const padding = Math.max(Math.min(inner, Math.round(fontSize * 1.6)), Math.round(inner * 0.35));
+    return { lines, clipped, fontSize, charWidth, step, padding };
+}
+//# sourceMappingURL=layout.js.map

package/dist/templates/code/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../src/templates/code/layout.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAgBjD;;;GAGG;AACH,MAAM,UAAU,UAAU,CACxB,WAA4B,EAC5B,SAAgB,EAChB,UAAkB,EAClB,MAAsB,EACtB,cAAsB;IAEtB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC;IAC7E,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC;IAC3D,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,CAAC,MAAM,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC;IAE7D,MAAM,QAAQ,GAAG,WAAW,CAC1B,WAAW,EACX,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,EACxC,UAAU,EACV,MAAM,EACN,cAAc,CACf,CAAC;IACF,MAAM,SAAS,GAAG,QAAQ,GAAG,cAAc,CAAC;IAC5C,MAAM,IAAI,GAAG,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC;IAE/C,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,SAAS,CAClC,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC,EAC7C,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC,CAC/C,CAAC;IAEF,6EAA6E;IAC7E,uEAAuE;IACvE,oEAAoE;IACpE,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CACtB,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,CAAC,CAAC,EAC3C,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,CACzB,CAAC;IAEF,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;AAChE,CAAC"}

package/dist/templates/code/panel.d.ts

@@ -0,0 +1,30 @@
+import type { Rect } from "../../layout/index.js";
+import type { Dimensions, ResolvedConfig } from "../../types.js";
+/**
+ * The rounded plate the snippet is drawn on.
+ */
+export interface Panel {
+    readonly x: number;
+    readonly y: number;
+    readonly width: number;
+    readonly height: number;
+    readonly radius: number;
+}
+/** Margin from the image edge to anything drawn inside it. */
+export declare function imageMargin(dimensions: Dimensions): number;
+/**
+ * Place the code panel within the image, leaving room above for a title and
+ * below for a footer when either is present.
+ */
+export declare function layoutPanel(dimensions: Dimensions, config: ResolvedConfig, titleFontSize: number, footerFontSize: number, hasTitle: boolean, hasFooter: boolean): Panel;
+/**
+ * The band the title was given: one line's worth of room above the panel, with
+ * the reserved gap between the two.
+ *
+ * It is measured up from the panel rather than down from the top margin, so
+ * that it follows the panel when the panel hugs a short snippet and moves
+ * down. That keeps the title with the plate it names rather than stranding it
+ * at the top of the image.
+ */
+export declare function titleBand(panel: Panel, dimensions: Dimensions, fontSize: number): Rect;
+//# sourceMappingURL=panel.d.ts.map

package/dist/templates/code/panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../../src/templates/code/panel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEjE;;GAEG;AACH,MAAM,WAAW,KAAK;IACpB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,8DAA8D;AAC9D,wBAAgB,WAAW,CAAC,UAAU,EAAE,UAAU,GAAG,MAAM,CAE1D;AAcD;;;GAGG;AACH,wBAAgB,WAAW,CACzB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,cAAc,EACtB,aAAa,EAAE,MAAM,EACrB,cAAc,EAAE,MAAM,EACtB,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,OAAO,GACjB,KAAK,CAgBP;AAED;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CACvB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,MAAM,GACf,IAAI,CAON"}

package/dist/templates/code/panel.js

@@ -0,0 +1,52 @@
+/** Margin from the image edge to anything drawn inside it. */
+export function imageMargin(dimensions) {
+    return Math.round(Math.min(dimensions.width, dimensions.height) * 0.05);
+}
+/**
+ * Clear space between the panel and the title above it or the footer below.
+ *
+ * `layoutPanel` reserves this at each end alongside a line's worth of room, and
+ * the bands those lines are then placed in take the room and leave the gap. The
+ * two agree because both are measured from here, which is the whole point: a
+ * gap that is reserved in one place and drawn in another drifts.
+ */
+function gapAround(dimensions) {
+    return Math.round(Math.min(dimensions.width, dimensions.height) * 0.028);
+}
+/**
+ * Place the code panel within the image, leaving room above for a title and
+ * below for a footer when either is present.
+ */
+export function layoutPanel(dimensions, config, titleFontSize, footerFontSize, hasTitle, hasFooter) {
+    const { width, height } = dimensions;
+    const shorter = Math.min(width, height);
+    const pad = imageMargin(dimensions);
+    const gap = gapAround(dimensions);
+    const top = pad + (hasTitle ? titleFontSize + gap : 0);
+    const bottom = height - pad - (hasFooter ? footerFontSize + gap : 0);
+    return {
+        x: pad,
+        y: top,
+        width: width - pad * 2,
+        height: Math.max(1, bottom - top),
+        radius: Math.round(shorter * config.code.cornerScale),
+    };
+}
+/**
+ * The band the title was given: one line's worth of room above the panel, with
+ * the reserved gap between the two.
+ *
+ * It is measured up from the panel rather than down from the top margin, so
+ * that it follows the panel when the panel hugs a short snippet and moves
+ * down. That keeps the title with the plate it names rather than stranding it
+ * at the top of the image.
+ */
+export function titleBand(panel, dimensions, fontSize) {
+    return {
+        x: 0,
+        y: panel.y - gapAround(dimensions) - fontSize,
+        width: dimensions.width,
+        height: fontSize,
+    };
+}
+//# sourceMappingURL=panel.js.map

package/dist/templates/code/panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.js","sourceRoot":"","sources":["../../../src/templates/code/panel.ts"],"names":[],"mappings":"AAcA,8DAA8D;AAC9D,MAAM,UAAU,WAAW,CAAC,UAAsB;IAChD,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC;AAC1E,CAAC;AAED;;;;;;;GAOG;AACH,SAAS,SAAS,CAAC,UAAsB;IACvC,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC;AAC3E,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,WAAW,CACzB,UAAsB,EACtB,MAAsB,EACtB,aAAqB,EACrB,cAAsB,EACtB,QAAiB,EACjB,SAAkB;IAElB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC;IACrC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACxC,MAAM,GAAG,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;IACpC,MAAM,GAAG,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;IAElC,MAAM,GAAG,GAAG,GAAG,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACvD,MAAM,MAAM,GAAG,MAAM,GAAG,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAErE,OAAO;QACL,CAAC,EAAE,GAAG;QACN,CAAC,EAAE,GAAG;QACN,KAAK,EAAE,KAAK,GAAG,GAAG,GAAG,CAAC;QACtB,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;QACjC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;KACtD,CAAC;AACJ,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,SAAS,CACvB,KAAY,EACZ,UAAsB,EACtB,QAAgB;IAEhB,OAAO;QACL,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,SAAS,CAAC,UAAU,CAAC,GAAG,QAAQ;QAC7C,KAAK,EAAE,UAAU,CAAC,KAAK;QACvB,MAAM,EAAE,QAAQ;KACjB,CAAC;AACJ,CAAC"}

package/dist/templates/code/plate.d.ts

@@ -0,0 +1,17 @@
+import type { Panel } from "./panel.js";
+/**
+ * Shrink a panel onto its content, keeping it centred in the space it was
+ * allotted. Both axes are floored so a small snippet still gets a panel with
+ * presence rather than a letterbox slot or a narrow strip.
+ */
+export declare function hugPanel(available: Panel, wanted: {
+    readonly width: number;
+    readonly height: number;
+}): Panel;
+/**
+ * The panel itself: a drop shadow, then the theme-coloured surface it sits on.
+ * The surface is stroked rather than left flat, so a dark theme still has an
+ * edge against a dark background.
+ */
+export declare function panelSvg(available: Panel, background: string, shadowOffset: number): string;
+//# sourceMappingURL=plate.d.ts.map

package/dist/templates/code/plate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plate.d.ts","sourceRoot":"","sources":["../../../src/templates/code/plate.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAExC;;;;GAIG;AACH,wBAAgB,QAAQ,CACtB,SAAS,EAAE,KAAK,EAChB,MAAM,EAAE;IAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAC1D,KAAK,CAmBP;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CACtB,SAAS,EAAE,KAAK,EAChB,UAAU,EAAE,MAAM,EAClB,YAAY,EAAE,MAAM,GACnB,MAAM,CAQR"}

package/dist/templates/code/plate.js

@@ -0,0 +1,34 @@
+import { panel } from "../../layout/index.js";
+/**
+ * Shrink a panel onto its content, keeping it centred in the space it was
+ * allotted. Both axes are floored so a small snippet still gets a panel with
+ * presence rather than a letterbox slot or a narrow strip.
+ */
+export function hugPanel(available, wanted) {
+    const width = Math.min(available.width, Math.max(Math.round(wanted.width), Math.round(available.width * 0.55)));
+    // Floor relative to the panel's own width, so shrinking never leaves a
+    // sliver, and never taller than the space the font was fitted against.
+    const height = Math.min(available.height, Math.max(Math.round(wanted.height), Math.round(width * 0.25)));
+    return {
+        ...available,
+        x: available.x + Math.round((available.width - width) / 2),
+        y: available.y + Math.round((available.height - height) / 2),
+        width,
+        height,
+    };
+}
+/**
+ * The panel itself: a drop shadow, then the theme-coloured surface it sits on.
+ * The surface is stroked rather than left flat, so a dark theme still has an
+ * edge against a dark background.
+ */
+export function panelSvg(available, background, shadowOffset) {
+    return panel(available, {
+        radius: available.radius,
+        fill: background,
+        stroke: "#ffffff",
+        strokeOpacity: 0.12,
+        shadow: shadowOffset,
+    });
+}
+//# sourceMappingURL=plate.js.map

package/dist/templates/code/plate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plate.js","sourceRoot":"","sources":["../../../src/templates/code/plate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAG9C;;;;GAIG;AACH,MAAM,UAAU,QAAQ,CACtB,SAAgB,EAChB,MAA2D;IAE3D,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CACpB,SAAS,CAAC,KAAK,EACf,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CACvE,CAAC;IACF,uEAAuE;IACvE,uEAAuE;IACvE,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CACrB,SAAS,CAAC,MAAM,EAChB,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAC9D,CAAC;IAEF,OAAO;QACL,GAAG,SAAS;QACZ,CAAC,EAAE,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;QAC1D,CAAC,EAAE,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;QAC5D,KAAK;QACL,MAAM;KACP,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,QAAQ,CACtB,SAAgB,EAChB,UAAkB,EAClB,YAAoB;IAEpB,OAAO,KAAK,CAAC,SAAS,EAAE;QACtB,MAAM,EAAE,SAAS,CAAC,MAAM;QACxB,IAAI,EAAE,UAAU;QAChB,MAAM,EAAE,SAAS;QACjB,aAAa,EAAE,IAAI;QACnB,MAAM,EAAE,YAAY;KACrB,CAAC,CAAC;AACL,CAAC"}

package/dist/templates/code/spans.d.ts

@@ -0,0 +1,19 @@
+import type { CodeToken } from "../../highlight/index.js";
+/**
+ * Where and how the snippet's character grid is drawn.
+ */
+export interface GridMetrics {
+    readonly originX: number;
+    readonly originY: number;
+    readonly fontSize: number;
+    readonly charWidth: number;
+    readonly step: number;
+    readonly fontFamily: string;
+    readonly foreground: string;
+}
+/**
+ * The snippet as one `<text>` element per line, each token positioned
+ * absolutely from its character column so indentation survives SVG text flow.
+ */
+export declare function codeBody(lines: readonly (readonly CodeToken[])[], metrics: GridMetrics): string;
+//# sourceMappingURL=spans.d.ts.map

package/dist/templates/code/spans.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spans.d.ts","sourceRoot":"","sources":["../../../src/templates/code/spans.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AA2B1D;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;CAC7B;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CACtB,KAAK,EAAE,SAAS,CAAC,SAAS,SAAS,EAAE,CAAC,EAAE,EACxC,OAAO,EAAE,WAAW,GACnB,MAAM,CAyBR"}