@kensio/colophon 2.5.0 → 2.6.0

package/dist/templates/quote/lines.js

@@ -0,0 +1,35 @@
+import { blockLines, optionalString } from "../../layout/index.js";
+const maxQuoteLines = 4;
+const quoteFloor = 0.55;
+/**
+ * The quotation itself, read from `quote` or from `title`.
+ *
+ * Both names are taken because a post that is about one sentence usually has
+ * that sentence in its title already, and making it write the same words twice
+ * to get an image of them would be a poor trade for a tidier prop list.
+ */
+export function quoteLines(props, text) {
+    const quote = optionalString(props["quote"]) ?? props.title;
+    return blockLines(quote, text.measure, text.fontFamily, {
+        maxWidth: text.contentWidth,
+        maxLines: maxQuoteLines,
+        fontSize: text.quoteFs,
+        floor: quoteFloor,
+        fontWeight: 700,
+        opacity: 1,
+    });
+}
+/**
+ * Who said it: the name, then whatever the post added about them, after an em
+ * dash. The dash is what makes the line read as an attribution rather than as
+ * another line of the quotation.
+ */
+export function attributionText(props) {
+    const name = optionalString(props["author"]) ?? "";
+    const role = optionalString(props["role"]) ?? "";
+    if (name === "") {
+        return role === "" ? "" : role;
+    }
+    return role === "" ? `— ${name}` : `— ${name}, ${role}`;
+}
+//# sourceMappingURL=lines.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lines.js","sourceRoot":"","sources":["../../../src/templates/quote/lines.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGnE,MAAM,aAAa,GAAG,CAAC,CAAC;AACxB,MAAM,UAAU,GAAG,IAAI,CAAC;AAUxB;;;;;;GAMG;AACH,MAAM,UAAU,UAAU,CAAC,KAAqB,EAAE,IAAe;IAC/D,MAAM,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC;IAE5D,OAAO,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,EAAE;QACtD,QAAQ,EAAE,IAAI,CAAC,YAAY;QAC3B,QAAQ,EAAE,aAAa;QACvB,QAAQ,EAAE,IAAI,CAAC,OAAO;QACtB,KAAK,EAAE,UAAU;QACjB,UAAU,EAAE,GAAG;QACf,OAAO,EAAE,CAAC;KACX,CAAC,CAAC;AACL,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAAC,KAAqB;IACnD,MAAM,IAAI,GAAG,cAAc,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAC;IACnD,MAAM,IAAI,GAAG,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC;IAEjD,IAAI,IAAI,KAAK,EAAE,EAAE,CAAC;QAChB,OAAO,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACjC,CAAC;IAED,OAAO,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,KAAK,IAAI,EAAE,CAAC;AAC1D,CAAC"}

package/dist/templates/quote/mark.d.ts

@@ -0,0 +1,13 @@
+import type { Rect } from "../../layout/index.js";
+/** The band a quotation mark of this size needs. */
+export declare function markBand(fontSize: number): number;
+/**
+ * The opening quotation mark, centred above the quotation.
+ *
+ * It is drawn in the accent colour at a size no text on the image reaches, so
+ * that a reader takes the words as quoted before reading any of them. That is
+ * the whole job of this template: the same sentence set plainly reads as the
+ * site's own opinion.
+ */
+export declare function quoteMark(slot: Rect | undefined, fontSize: number, fontFamily: string, fill: string): string;
+//# sourceMappingURL=mark.d.ts.map

package/dist/templates/quote/mark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mark.d.ts","sourceRoot":"","sources":["../../../src/templates/quote/mark.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAalD,oDAAoD;AACpD,wBAAgB,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAEjD;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CACvB,IAAI,EAAE,IAAI,GAAG,SAAS,EACtB,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,MAAM,EAClB,IAAI,EAAE,MAAM,GACX,MAAM,CAeR"}

package/dist/templates/quote/mark.js

@@ -0,0 +1,39 @@
+import { textElement } from "../../layout/index.js";
+/**
+ * How much of the glyph's own font size it takes up on the page.
+ *
+ * An opening quotation mark hangs at the top of its em: there is a cap height
+ * of ink and then nothing, where a letter would have had a descender. Reserving
+ * a full line for it leaves a hole between it and the words underneath, so the
+ * band is a little over half the size it is set at, and the baseline sits at
+ * the bottom of that band.
+ */
+const inkRatio = 0.56;
+/** The band a quotation mark of this size needs. */
+export function markBand(fontSize) {
+    return Math.round(fontSize * inkRatio);
+}
+/**
+ * The opening quotation mark, centred above the quotation.
+ *
+ * It is drawn in the accent colour at a size no text on the image reaches, so
+ * that a reader takes the words as quoted before reading any of them. That is
+ * the whole job of this template: the same sentence set plainly reads as the
+ * site's own opinion.
+ */
+export function quoteMark(slot, fontSize, fontFamily, fill) {
+    if (slot === undefined) {
+        return "";
+    }
+    return textElement("“", {
+        x: Math.round(slot.x + slot.width / 2),
+        y: slot.y + slot.height,
+        fontFamily,
+        fontSize,
+        fontWeight: 800,
+        fill,
+        fillOpacity: 0.55,
+        anchor: "middle",
+    });
+}
+//# sourceMappingURL=mark.js.map

package/dist/templates/quote/mark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mark.js","sourceRoot":"","sources":["../../../src/templates/quote/mark.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGpD;;;;;;;;GAQG;AACH,MAAM,QAAQ,GAAG,IAAI,CAAC;AAEtB,oDAAoD;AACpD,MAAM,UAAU,QAAQ,CAAC,QAAgB;IACvC,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC;AACzC,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,SAAS,CACvB,IAAsB,EACtB,QAAgB,EAChB,UAAkB,EAClB,IAAY;IAEZ,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO,WAAW,CAAC,GAAG,EAAE;QACtB,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QACtC,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM;QACvB,UAAU;QACV,QAAQ;QACR,UAAU,EAAE,GAAG;QACf,IAAI;QACJ,WAAW,EAAE,IAAI;QACjB,MAAM,EAAE,QAAQ;KACjB,CAAC,CAAC;AACL,CAAC"}

package/dist/templates/quote/speaker.d.ts

@@ -0,0 +1,18 @@
+import type { Rect } from "../../layout/index.js";
+import type { ImageAsset, MeasureText, ResolvedConfig } from "../../types.js";
+/**
+ * The room the attribution line needs.
+ *
+ * A picture is taller than the words beside it, so a line carrying one takes
+ * its height rather than the type's. A quotation with neither takes nothing,
+ * and the words move down into the space.
+ */
+export declare function speakerRoom(said: string, fontSize: number, avatar: ImageAsset | undefined): number;
+/**
+ * Who said it, centred under the quotation with the avatar before them.
+ *
+ * The line is centred within the slot rather than set from its top, since the
+ * slot is as tall as the picture and the words are not.
+ */
+export declare function speaker(said: string, slot: Rect | undefined, fontSize: number, config: ResolvedConfig, avatar: ImageAsset | undefined, measure: MeasureText): string;
+//# sourceMappingURL=speaker.d.ts.map

package/dist/templates/quote/speaker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"speaker.d.ts","sourceRoot":"","sources":["../../../src/templates/quote/speaker.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAI9E;;;;;;GAMG;AACH,wBAAgB,WAAW,CACzB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,UAAU,GAAG,SAAS,GAC7B,MAAM,CAMR;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CACrB,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,IAAI,GAAG,SAAS,EACtB,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,cAAc,EACtB,MAAM,EAAE,UAAU,GAAG,SAAS,EAC9B,OAAO,EAAE,WAAW,GACnB,MAAM,CAwBR"}

package/dist/templates/quote/speaker.js

@@ -0,0 +1,41 @@
+import { baselineFor } from "../../layout/index.js";
+import { byline } from "../byline.js";
+import { portraitHeight } from "../portrait.js";
+/**
+ * The room the attribution line needs.
+ *
+ * A picture is taller than the words beside it, so a line carrying one takes
+ * its height rather than the type's. A quotation with neither takes nothing,
+ * and the words move down into the space.
+ */
+export function speakerRoom(said, fontSize, avatar) {
+    if (avatar !== undefined) {
+        return portraitHeight(fontSize);
+    }
+    return said === "" ? 0 : fontSize;
+}
+/**
+ * Who said it, centred under the quotation with the avatar before them.
+ *
+ * The line is centred within the slot rather than set from its top, since the
+ * slot is as tall as the picture and the words are not.
+ */
+export function speaker(said, slot, fontSize, config, avatar, measure) {
+    if (slot === undefined) {
+        return "";
+    }
+    return byline(said, {
+        x: Math.round(slot.x + slot.width / 2),
+        y: baselineFor(slot.y + (slot.height - fontSize) / 2, fontSize),
+        fontSize,
+        opacity: 0.85,
+        anchor: "middle",
+        left: slot.x,
+        width: slot.width,
+    }, {
+        fontFamily: config.fontFamily,
+        fontWeight: 600,
+        fill: config.colors.foreground,
+    }, avatar, measure);
+}
+//# sourceMappingURL=speaker.js.map

package/dist/templates/quote/speaker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"speaker.js","sourceRoot":"","sources":["../../../src/templates/quote/speaker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGpD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CACzB,IAAY,EACZ,QAAgB,EAChB,MAA8B;IAE9B,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;QACzB,OAAO,cAAc,CAAC,QAAQ,CAAC,CAAC;IAClC,CAAC;IAED,OAAO,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;AACpC,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,OAAO,CACrB,IAAY,EACZ,IAAsB,EACtB,QAAgB,EAChB,MAAsB,EACtB,MAA8B,EAC9B,OAAoB;IAEpB,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO,MAAM,CACX,IAAI,EACJ;QACE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QACtC,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,GAAG,CAAC,EAAE,QAAQ,CAAC;QAC/D,QAAQ;QACR,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,QAAQ;QAChB,IAAI,EAAE,IAAI,CAAC,CAAC;QACZ,KAAK,EAAE,IAAI,CAAC,KAAK;KAClB,EACD;QACE,UAAU,EAAE,MAAM,CAAC,UAAU;QAC7B,UAAU,EAAE,GAAG;QACf,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU;KAC/B,EACD,MAAM,EACN,OAAO,CACR,CAAC;AACJ,CAAC"}

package/dist/templates/release/block.d.ts

@@ -0,0 +1,8 @@
+import type { Rect } from "../../layout/index.js";
+import type { MeasureText, ResolvedConfig } from "../../types.js";
+/**
+ * The list in the slot the stack gave it, styled from the config, or nothing
+ * where the post listed no changes and the stack gave it no room.
+ */
+export declare function changeBlock(items: readonly string[], slot: Rect | undefined, fontSize: number, config: ResolvedConfig, measure: MeasureText): string;
+//# sourceMappingURL=block.d.ts.map

package/dist/templates/release/block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../../src/templates/release/block.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGlE;;;GAGG;AACH,wBAAgB,WAAW,CACzB,KAAK,EAAE,SAAS,MAAM,EAAE,EACxB,IAAI,EAAE,IAAI,GAAG,SAAS,EACtB,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,cAAc,EACtB,OAAO,EAAE,WAAW,GACnB,MAAM,CAcR"}

package/dist/templates/release/block.js

@@ -0,0 +1,16 @@
+import { changeList } from "./changes.js";
+/**
+ * The list in the slot the stack gave it, styled from the config, or nothing
+ * where the post listed no changes and the stack gave it no room.
+ */
+export function changeBlock(items, slot, fontSize, config, measure) {
+    return slot === undefined
+        ? ""
+        : changeList(items, slot, {
+            fontFamily: config.fontFamily,
+            fontSize,
+            fill: config.colors.foreground,
+            accent: config.colors.brandWarm,
+        }, measure);
+}
+//# sourceMappingURL=block.js.map

package/dist/templates/release/block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"block.js","sourceRoot":"","sources":["../../../src/templates/release/block.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C;;;GAGG;AACH,MAAM,UAAU,WAAW,CACzB,KAAwB,EACxB,IAAsB,EACtB,QAAgB,EAChB,MAAsB,EACtB,OAAoB;IAEpB,OAAO,IAAI,KAAK,SAAS;QACvB,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,UAAU,CACR,KAAK,EACL,IAAI,EACJ;YACE,UAAU,EAAE,MAAM,CAAC,UAAU;YAC7B,QAAQ;YACR,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU;YAC9B,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS;SAChC,EACD,OAAO,CACR,CAAC;AACR,CAAC"}

package/dist/templates/release/changes.d.ts

@@ -0,0 +1,23 @@
+import type { Rect } from "../../layout/index.js";
+import type { MeasureText } from "../../types.js";
+/**
+ * How many changes are drawn.
+ *
+ * A changelog has as many entries as it has, and a share image showing all of
+ * them is a wall of small text nobody reads in a feed. Four is what fits at a
+ * size that can be read, and the post itself is where the rest of them are.
+ */
+export declare const maxChanges = 4;
+/** How a list of changes is set. */
+export interface ChangeStyle {
+    readonly fontFamily: string;
+    readonly fontSize: number;
+    readonly fill: string;
+    /** The bullets' colour, which is what marks the list as a list. */
+    readonly accent: string;
+}
+/** The room a list of this many changes takes. */
+export declare function changesHeight(count: number, fontSize: number): number;
+/** The list of changes, drawn down from the top of the space it was given. */
+export declare function changeList(items: readonly string[], area: Rect, style: ChangeStyle, measure: MeasureText): string;
+//# sourceMappingURL=changes.d.ts.map

package/dist/templates/release/changes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"changes.d.ts","sourceRoot":"","sources":["../../../src/templates/release/changes.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,IAAI,CAAC;AAQ5B,oCAAoC;AACpC,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,mEAAmE;IACnE,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,kDAAkD;AAClD,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAErE;AA4CD,8EAA8E;AAC9E,wBAAgB,UAAU,CACxB,KAAK,EAAE,SAAS,MAAM,EAAE,EACxB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,WAAW,GACnB,MAAM,CAYR"}

package/dist/templates/release/changes.js

@@ -0,0 +1,45 @@
+import { baselineFor, box, clampLine, measureIn, textElement, } from "../../layout/index.js";
+/**
+ * How many changes are drawn.
+ *
+ * A changelog has as many entries as it has, and a share image showing all of
+ * them is a wall of small text nobody reads in a feed. Four is what fits at a
+ * size that can be read, and the post itself is where the rest of them are.
+ */
+export const maxChanges = 4;
+/** Vertical advance from one change to the next, as a multiple of its size. */
+const step = 1.85;
+/** The bullet's diameter, as a fraction of the text's size. */
+const bulletScale = 0.26;
+/** The room a list of this many changes takes. */
+export function changesHeight(count, fontSize) {
+    return count === 0 ? 0 : Math.round((count - 1) * fontSize * step + fontSize);
+}
+/** One change: its bullet, then the line, cut to the width it has. */
+function change(text, top, area, style, measure) {
+    const { fontSize } = style;
+    const indent = Math.round(fontSize * 0.95);
+    const diameter = Math.round(fontSize * bulletScale);
+    return (box({
+        x: area.x,
+        y: Math.round(top + (fontSize - diameter) / 2),
+        width: diameter,
+        height: diameter,
+    }, { radius: Math.round(diameter / 2), fill: style.accent }) +
+        textElement(clampLine(text, area.width - indent, measureIn(measure, style.fontFamily, 500), fontSize), {
+            x: area.x + indent,
+            y: baselineFor(top, fontSize),
+            fontFamily: style.fontFamily,
+            fontSize,
+            fontWeight: 500,
+            fill: style.fill,
+            fillOpacity: 0.9,
+        }));
+}
+/** The list of changes, drawn down from the top of the space it was given. */
+export function changeList(items, area, style, measure) {
+    return items
+        .map((text, index) => change(text, area.y + Math.round(index * style.fontSize * step), area, style, measure))
+        .join("");
+}
+//# sourceMappingURL=changes.js.map

package/dist/templates/release/changes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"changes.js","sourceRoot":"","sources":["../../../src/templates/release/changes.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,GAAG,EACH,SAAS,EACT,SAAS,EACT,WAAW,GACZ,MAAM,uBAAuB,CAAC;AAI/B;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,CAAC;AAE5B,+EAA+E;AAC/E,MAAM,IAAI,GAAG,IAAI,CAAC;AAElB,+DAA+D;AAC/D,MAAM,WAAW,GAAG,IAAI,CAAC;AAWzB,kDAAkD;AAClD,MAAM,UAAU,aAAa,CAAC,KAAa,EAAE,QAAgB;IAC3D,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,QAAQ,GAAG,IAAI,GAAG,QAAQ,CAAC,CAAC;AAChF,CAAC;AAED,sEAAsE;AACtE,SAAS,MAAM,CACb,IAAY,EACZ,GAAW,EACX,IAAU,EACV,KAAkB,EAClB,OAAoB;IAEpB,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC;IAC3C,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,WAAW,CAAC,CAAC;IAEpD,OAAO,CACL,GAAG,CACD;QACE,CAAC,EAAE,IAAI,CAAC,CAAC;QACT,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;QAC9C,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,QAAQ;KACjB,EACD,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,MAAM,EAAE,CACzD;QACD,WAAW,CACT,SAAS,CACP,IAAI,EACJ,IAAI,CAAC,KAAK,GAAG,MAAM,EACnB,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC,UAAU,EAAE,GAAG,CAAC,EACzC,QAAQ,CACT,EACD;YACE,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,MAAM;YAClB,CAAC,EAAE,WAAW,CAAC,GAAG,EAAE,QAAQ,CAAC;YAC7B,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,QAAQ;YACR,UAAU,EAAE,GAAG;YACf,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,WAAW,EAAE,GAAG;SACjB,CACF,CACF,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,MAAM,UAAU,UAAU,CACxB,KAAwB,EACxB,IAAU,EACV,KAAkB,EAClB,OAAoB;IAEpB,OAAO,KAAK;SACT,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CACnB,MAAM,CACJ,IAAI,EACJ,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,EAClD,IAAI,EACJ,KAAK,EACL,OAAO,CACR,CACF;SACA,IAAI,CAAC,EAAE,CAAC,CAAC;AACd,CAAC"}

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

@@ -0,0 +1,11 @@
+import type { Template } from "../../types.js";
+/**
+ * A release: the version, what it is, and the headline changes as a list.
+ *
+ * The `changes` prop is what this template has that the others do not. A
+ * changelog post's frontmatter usually carries the list already, for the
+ * release notes the site builds from it, so the image comes out of fields the
+ * post was going to have anyway.
+ */
+export declare const releaseTemplate: Template;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/templates/release/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAmB,MAAM,gBAAgB,CAAC;AAWhE;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,EAAE,QA0D7B,CAAC"}

package/dist/templates/release/index.js

@@ -0,0 +1,55 @@
+import { linesHeight, stack, stringList } from "../../layout/index.js";
+import { drawSlot, footerLine } from "../bottom.js";
+import { contentArea, gapAfter, imageFrame, markRoom } from "../frame.js";
+import { logoElement, logoRect } from "../logo.js";
+import { changeBlock } from "./block.js";
+import { changesHeight, maxChanges } from "./changes.js";
+import { releaseLines } from "./lines.js";
+/** How the version and the headline are stacked. */
+const lineHeight = 1.2;
+/**
+ * A release: the version, what it is, and the headline changes as a list.
+ *
+ * The `changes` prop is what this template has that the others do not. A
+ * changelog post's frontmatter usually carries the list already, for the
+ * release notes the site builds from it, so the image comes out of fields the
+ * post was going to have anyway.
+ */
+export const releaseTemplate = {
+    name: "release",
+    render({ props, config, dimensions, measure, logo, avatar, }) {
+        const { width, height } = dimensions;
+        const { fontFamily, colors } = config;
+        const frame = imageFrame(dimensions, config, avatar);
+        const { pad } = frame;
+        const mark = logoRect(logo, dimensions, pad, "start");
+        const area = contentArea(frame, markRoom(mark?.height, Math.round(height * 0.03)));
+        const lines = releaseLines(props, {
+            measure,
+            fontFamily,
+            contentWidth: area.width,
+            versionFs: Math.round(height * 0.12),
+            headlineFs: Math.round(height * 0.052),
+            height,
+        });
+        const changes = stringList(props["changes"]).slice(0, maxChanges);
+        const changeFs = Math.round(height * 0.037);
+        const listHeight = changesHeight(changes.length, changeFs);
+        const [headSlot, listSlot] = stack([
+            { size: linesHeight(lines, lineHeight) },
+            {
+                size: listHeight,
+                gapBefore: gapAfter(listHeight, Math.round(height * 0.06)),
+            },
+        ], area);
+        const head = drawSlot(lines, headSlot, {
+            fontFamily,
+            fill: colors.foreground,
+            lineHeight,
+        });
+        const list = changeBlock(changes, listSlot, changeFs, config, measure);
+        const footer = footerLine(config, frame, width, avatar, measure);
+        return logoElement(logo, mark) + head + list + footer;
+    },
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/templates/release/lines.d.ts

@@ -0,0 +1,21 @@
+import type { TextLine } from "../../layout/index.js";
+import type { MeasureText, MetaImageProps } from "../../types.js";
+/** The space the release's heading has, and how to measure it into it. */
+export interface ReleaseText {
+    readonly measure: MeasureText;
+    readonly fontFamily: string;
+    readonly contentWidth: number;
+    readonly versionFs: number;
+    readonly headlineFs: number;
+    readonly height: number;
+}
+/**
+ * The version, then what the release is about.
+ *
+ * The version is the headline here rather than a line under the title, which
+ * is the difference between this template and the `banner`. A changelog post
+ * is read by somebody who already knows what the project is and wants to know
+ * which release this is.
+ */
+export declare function releaseLines(props: MetaImageProps, text: ReleaseText): TextLine[];
+//# sourceMappingURL=lines.d.ts.map

package/dist/templates/release/lines.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lines.d.ts","sourceRoot":"","sources":["../../../src/templates/release/lines.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAOlE,0EAA0E;AAC1E,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAC9B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,cAAc,EACrB,IAAI,EAAE,WAAW,GAChB,QAAQ,EAAE,CAsBZ"}

package/dist/templates/release/lines.js

@@ -0,0 +1,36 @@
+import { blockLines } from "../../layout/index.js";
+import { versionLabel } from "../version.js";
+const maxHeadlineLines = 2;
+const versionFloor = 0.45;
+const headlineFloor = 0.7;
+/**
+ * The version, then what the release is about.
+ *
+ * The version is the headline here rather than a line under the title, which
+ * is the difference between this template and the `banner`. A changelog post
+ * is read by somebody who already knows what the project is and wants to know
+ * which release this is.
+ */
+export function releaseLines(props, text) {
+    const { measure, fontFamily, contentWidth } = text;
+    return [
+        ...blockLines(versionLabel(props.version), measure, fontFamily, {
+            maxWidth: contentWidth,
+            maxLines: 1,
+            fontSize: text.versionFs,
+            floor: versionFloor,
+            fontWeight: 800,
+            opacity: 1,
+        }),
+        ...blockLines(props.title, measure, fontFamily, {
+            maxWidth: contentWidth,
+            maxLines: maxHeadlineLines,
+            fontSize: text.headlineFs,
+            floor: headlineFloor,
+            fontWeight: 600,
+            opacity: 0.9,
+            gapBefore: Math.round(text.height * 0.022),
+        }),
+    ];
+}
+//# sourceMappingURL=lines.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lines.js","sourceRoot":"","sources":["../../../src/templates/release/lines.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAC3B,MAAM,YAAY,GAAG,IAAI,CAAC;AAC1B,MAAM,aAAa,GAAG,GAAG,CAAC;AAY1B;;;;;;;GAOG;AACH,MAAM,UAAU,YAAY,CAC1B,KAAqB,EACrB,IAAiB;IAEjB,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;IAEnD,OAAO;QACL,GAAG,UAAU,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE;YAC9D,QAAQ,EAAE,YAAY;YACtB,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,IAAI,CAAC,SAAS;YACxB,KAAK,EAAE,YAAY;YACnB,UAAU,EAAE,GAAG;YACf,OAAO,EAAE,CAAC;SACX,CAAC;QACF,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE;YAC9C,QAAQ,EAAE,YAAY;YACtB,QAAQ,EAAE,gBAAgB;YAC1B,QAAQ,EAAE,IAAI,CAAC,UAAU;YACzB,KAAK,EAAE,aAAa;YACpB,UAAU,EAAE,GAAG;YACf,OAAO,EAAE,GAAG;YACZ,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;SAC3C,CAAC;KACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,11 @@
+import type { Template } from "../../types.js";
+/**
+ * One big number and a caption: downloads, uptime, a headline figure from a
+ * post. Reads `stat` for the figure, `title` for the small label above it and
+ * `subtitle` for the caption below, all of them optional.
+ *
+ * Everything is centred, as on the `card`, because a figure is looked at
+ * rather than read and the middle is where the eye lands.
+ */
+export declare const statTemplate: Template;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/templates/stat/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAmB,MAAM,gBAAgB,CAAC;AAMhE;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,EAAE,QAwC1B,CAAC"}

package/dist/templates/stat/index.js

@@ -0,0 +1,43 @@
+import { drawLines } from "../../layout/index.js";
+import { footerLine } from "../bottom.js";
+import { contentArea, imageFrame, markRoom } from "../frame.js";
+import { logoElement, logoRect } from "../logo.js";
+import { statLines } from "./lines.js";
+/**
+ * One big number and a caption: downloads, uptime, a headline figure from a
+ * post. Reads `stat` for the figure, `title` for the small label above it and
+ * `subtitle` for the caption below, all of them optional.
+ *
+ * Everything is centred, as on the `card`, because a figure is looked at
+ * rather than read and the middle is where the eye lands.
+ */
+export const statTemplate = {
+    name: "stat",
+    render({ props, config, dimensions, measure, logo, avatar, }) {
+        const { width, height } = dimensions;
+        const frame = imageFrame(dimensions, config, avatar, {
+            padScale: 0.09,
+        });
+        const { pad } = frame;
+        const mark = logoRect(logo, dimensions, pad, "middle");
+        const area = contentArea(frame, markRoom(mark?.height, pad / 2));
+        const lines = statLines(props, {
+            measure,
+            fontFamily: config.fontFamily,
+            contentWidth: area.width,
+            labelFs: Math.round(height * 0.042),
+            figureFs: Math.round(height * 0.26),
+            captionFs: Math.round(height * 0.045),
+            height,
+        });
+        const body = drawLines(lines, area, {
+            fontFamily: config.fontFamily,
+            fill: config.colors.foreground,
+            lineHeight: 1.15,
+            anchor: "middle",
+        });
+        const footer = footerLine(config, frame, width, avatar, measure, "middle");
+        return logoElement(logo, mark) + body + footer;
+    },
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/templates/stat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,YAAY,GAAa;IACpC,IAAI,EAAE,MAAM;IACZ,MAAM,CAAC,EACL,KAAK,EACL,MAAM,EACN,UAAU,EACV,OAAO,EACP,IAAI,EACJ,MAAM,GACU;QAChB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC;QACrC,MAAM,KAAK,GAAG,UAAU,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE;YACnD,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC;QACH,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;QACtB,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;QAEvD,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;QAEjE,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,EAAE;YAC7B,OAAO;YACP,UAAU,EAAE,MAAM,CAAC,UAAU;YAC7B,YAAY,EAAE,IAAI,CAAC,KAAK;YACxB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC;YACnC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC;YACnC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC;YACrC,MAAM;SACP,CAAC,CAAC;QAEH,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE;YAClC,UAAU,EAAE,MAAM,CAAC,UAAU;YAC7B,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU;YAC9B,UAAU,EAAE,IAAI;YAChB,MAAM,EAAE,QAAQ;SACjB,CAAC,CAAC;QAEH,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;QAE3E,OAAO,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,IAAI,GAAG,MAAM,CAAC;IACjD,CAAC;CACF,CAAC"}

package/dist/templates/stat/lines.d.ts

@@ -0,0 +1,23 @@
+import type { TextLine } from "../../layout/index.js";
+import type { MeasureText, MetaImageProps } from "../../types.js";
+/** The space the stat's three groups have, and how to measure text into them. */
+export interface StatText {
+    readonly measure: MeasureText;
+    readonly fontFamily: string;
+    readonly contentWidth: number;
+    readonly labelFs: number;
+    readonly figureFs: number;
+    readonly captionFs: number;
+    readonly height: number;
+}
+/**
+ * The stat's text block: a label, the figure itself, then the caption under it.
+ *
+ * The figure has much further to shrink than anything else in the built-ins,
+ * because it is one line that must not wrap and the props decide how long it
+ * is: `42` and `1.4 million downloads` are both stats somebody will write.
+ * Shrinking is the only way both end up inside the margins, and the floor is
+ * low enough that the second still reads as the headline of the image.
+ */
+export declare function statLines(props: MetaImageProps, text: StatText): TextLine[];
+//# sourceMappingURL=lines.d.ts.map

package/dist/templates/stat/lines.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lines.d.ts","sourceRoot":"","sources":["../../../src/templates/stat/lines.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAQlE,iFAAiF;AACjF,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAC9B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,QAAQ,GAAG,QAAQ,EAAE,CA+B3E"}

package/dist/templates/stat/lines.js

@@ -0,0 +1,47 @@
+import { blockLines } from "../../layout/index.js";
+const maxLabelLines = 1;
+const maxCaptionLines = 3;
+const figureFloor = 0.35;
+const labelFloor = 0.7;
+const captionFloor = 0.8;
+/**
+ * The stat's text block: a label, the figure itself, then the caption under it.
+ *
+ * The figure has much further to shrink than anything else in the built-ins,
+ * because it is one line that must not wrap and the props decide how long it
+ * is: `42` and `1.4 million downloads` are both stats somebody will write.
+ * Shrinking is the only way both end up inside the margins, and the floor is
+ * low enough that the second still reads as the headline of the image.
+ */
+export function statLines(props, text) {
+    const { measure, fontFamily, contentWidth } = text;
+    return [
+        ...blockLines(props.title, measure, fontFamily, {
+            maxWidth: contentWidth,
+            maxLines: maxLabelLines,
+            fontSize: text.labelFs,
+            floor: labelFloor,
+            fontWeight: 600,
+            opacity: 0.75,
+        }),
+        ...blockLines(props["stat"], measure, fontFamily, {
+            maxWidth: contentWidth,
+            maxLines: 1,
+            fontSize: text.figureFs,
+            floor: figureFloor,
+            fontWeight: 800,
+            opacity: 1,
+            gapBefore: Math.round(text.height * 0.02),
+        }),
+        ...blockLines(props.subtitle, measure, fontFamily, {
+            maxWidth: contentWidth,
+            maxLines: maxCaptionLines,
+            fontSize: text.captionFs,
+            floor: captionFloor,
+            fontWeight: 500,
+            opacity: 0.85,
+            gapBefore: Math.round(text.height * 0.018),
+        }),
+    ];
+}
+//# sourceMappingURL=lines.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lines.js","sourceRoot":"","sources":["../../../src/templates/stat/lines.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAGnD,MAAM,aAAa,GAAG,CAAC,CAAC;AACxB,MAAM,eAAe,GAAG,CAAC,CAAC;AAC1B,MAAM,WAAW,GAAG,IAAI,CAAC;AACzB,MAAM,UAAU,GAAG,GAAG,CAAC;AACvB,MAAM,YAAY,GAAG,GAAG,CAAC;AAazB;;;;;;;;GAQG;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,IAAI;SACd,CAAC;QACF,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE;YAChD,QAAQ,EAAE,YAAY;YACtB,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,KAAK,EAAE,WAAW;YAClB,UAAU,EAAE,GAAG;YACf,OAAO,EAAE,CAAC;YACV,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;SAC1C,CAAC;QACF,GAAG,UAAU,CAAC,KAAK,CAAC,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE;YACjD,QAAQ,EAAE,YAAY;YACtB,QAAQ,EAAE,eAAe;YACzB,QAAQ,EAAE,IAAI,CAAC,SAAS;YACxB,KAAK,EAAE,YAAY;YACnB,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/terminal/index.d.ts

@@ -0,0 +1,16 @@
+import type { Template } from "../../types.js";
+/**
+ * A command and what it printed, in a terminal window.
+ *
+ * Reads `command`, `output`, an optional `prompt` (`$` by default) and an
+ * optional `title` for the window bar. What separates it from the `code`
+ * template is the chrome: the same text on a plain panel is a snippet, and in
+ * a window it is something somebody ran.
+ *
+ * Almost all of it is the `code` template underneath, down to the character
+ * grid, the fitting and the truncation warning, so everything under
+ * `config.code` applies here too: the monospace family, the line height, the
+ * syntax theme the window takes its colours from, and the font-size bounds.
+ */
+export declare const terminalTemplate: Template;
+//# sourceMappingURL=index.d.ts.map

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

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