@kensio/colophon 2.4.0 → 2.5.0

package/dist/templates/banner/badge-props.js

@@ -0,0 +1,58 @@
+import { optionalString } from "../../props.js";
+/**
+ * Read a badge out of the object a post declared, field by field, the way
+ * every other prop is read. What frontmatter yields is a plain value rather
+ * than the interface the compiler was shown, so a badge is built here from
+ * what is actually there instead of being passed along as one.
+ *
+ * Returns `undefined` for an object carrying no text, since the text is the
+ * badge and there is nothing to draw without it.
+ */
+function badgeFromProps(declared) {
+    const text = optionalString("text" in declared ? declared.text : undefined);
+    if (text === undefined || text === "") {
+        return undefined;
+    }
+    const color = optionalString("color" in declared ? declared.color : undefined);
+    const background = optionalString("background" in declared ? declared.background : undefined);
+    return {
+        text,
+        ...(color !== undefined && { color }),
+        ...(background !== undefined && { background }),
+    };
+}
+/**
+ * The badge to draw: the one the post declares, or the configured one where it
+ * declares nothing.
+ *
+ * A badge in config is the same badge on every image a site renders, and a
+ * post the badge does not describe has no other way to be rid of it. `false`
+ * is that way out, and an object is the same door in the other direction, so a
+ * post can carry a badge of its own without the config knowing about it.
+ *
+ * Anything else is a mistake in the frontmatter. It is reported and the
+ * configured badge is drawn, which leaves the post with the image it would
+ * have had if it had said nothing at all.
+ */
+export function badgeFor(props, config) {
+    // Widened because this arrives from a post's frontmatter: the declared type
+    // is what a project means to write, not what the file holds.
+    const declared = props.badge;
+    if (declared === undefined) {
+        return config.badge;
+    }
+    if (declared === false) {
+        return undefined;
+    }
+    const badge = typeof declared === "object" && declared !== null
+        ? badgeFromProps(declared)
+        : undefined;
+    if (badge === undefined) {
+        config.onWarning("props.badge is neither a badge nor false, so the configured badge was" +
+            " drawn. Give it an object with the `text` to draw, or `false` for no" +
+            " badge on this image.");
+        return config.badge;
+    }
+    return badge;
+}
+//# sourceMappingURL=badge-props.js.map

package/dist/templates/banner/badge-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-props.js","sourceRoot":"","sources":["../../../src/templates/banner/badge-props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGhD;;;;;;;;GAQG;AACH,SAAS,cAAc,CAAC,QAAgB;IACtC,MAAM,IAAI,GAAG,cAAc,CAAC,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAE5E,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,EAAE,EAAE,CAAC;QACtC,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,MAAM,KAAK,GAAG,cAAc,CAC1B,OAAO,IAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CACjD,CAAC;IACF,MAAM,UAAU,GAAG,cAAc,CAC/B,YAAY,IAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAC3D,CAAC;IAEF,OAAO;QACL,IAAI;QACJ,GAAG,CAAC,KAAK,KAAK,SAAS,IAAI,EAAE,KAAK,EAAE,CAAC;QACrC,GAAG,CAAC,UAAU,KAAK,SAAS,IAAI,EAAE,UAAU,EAAE,CAAC;KAChD,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,QAAQ,CACtB,KAAqB,EACrB,MAAsB;IAEtB,4EAA4E;IAC5E,6DAA6D;IAC7D,MAAM,QAAQ,GAAY,KAAK,CAAC,KAAK,CAAC;IAEtC,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC3B,OAAO,MAAM,CAAC,KAAK,CAAC;IACtB,CAAC;IAED,IAAI,QAAQ,KAAK,KAAK,EAAE,CAAC;QACvB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,MAAM,KAAK,GACT,OAAO,QAAQ,KAAK,QAAQ,IAAI,QAAQ,KAAK,IAAI;QAC/C,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC;QAC1B,CAAC,CAAC,SAAS,CAAC;IAEhB,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,MAAM,CAAC,SAAS,CACd,uEAAuE;YACrE,sEAAsE;YACtE,uBAAuB,CAC1B,CAAC;QAEF,OAAO,MAAM,CAAC,KAAK,CAAC;IACtB,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/templates/banner/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAmB,MAAM,gBAAgB,CAAC;AAOhE;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,EAAE,QAmF5B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/templates/banner/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAmB,MAAM,gBAAgB,CAAC;AAQhE;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,EAAE,QA8E5B,CAAC"}

package/dist/templates/banner/index.js

@@ -3,6 +3,7 @@ import { optionalString } from "../../props.js";
 import { attribution } from "../attribution.js";
 import { footerBaseline, hasFooter } from "../footer.js";
 import { logoElement, logoRect } from "../logo.js";
+import { badgeFor } from "./badge-props.js";
 import { renderBadge } from "./badge.js";
 import { bannerLines } from "./lines.js";
 /**
@@ -23,11 +24,12 @@ export const bannerTemplate = {
         const footerFs = Math.round(height * 0.034);
         const badgeHeight = Math.round(height * 0.072);
         const mark = logoRect(logo, dimensions, pad, "start");
+        const badge = badgeFor(props, config);
         const subtitle = optionalString(props.subtitle);
         const hasSubtitle = subtitle !== undefined && subtitle !== "";
         // The text sits between whatever the marks along the top and the footer
         // along the bottom leave behind.
-        const topMark = Math.max(config.badge === undefined ? 0 : badgeHeight, mark?.height ?? 0);
+        const topMark = Math.max(badge === undefined ? 0 : badgeHeight, mark?.height ?? 0);
         const area = inset({ x: 0, y: 0, width, height }, {
             top: pad + (topMark === 0 ? 0 : topMark + Math.round(height * 0.03)),
             right: pad,
@@ -51,9 +53,9 @@ export const bannerTemplate = {
             fill: config.colors.foreground,
             lineHeight: 1.28,
         });
-        const badge = config.badge === undefined
+        const badgeMark = badge === undefined
             ? ""
-            : renderBadge(config.badge, fontFamily, config.colors.brand, pad, badgeHeight);
+            : renderBadge(badge, fontFamily, config.colors.brand, pad, badgeHeight);
         const footer = attribution(config, {
             x: pad,
             y: footerBaseline(height, pad, footerFs),
@@ -62,7 +64,7 @@ export const bannerTemplate = {
             left: pad,
             width: width - pad * 2,
         }, avatar, measure);
-        return badge + logoElement(logo, mark) + body + footer;
+        return badgeMark + logoElement(logo, mark) + body + footer;
     },
 };
 //# sourceMappingURL=index.js.map

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

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

package/dist/texture/grain.d.ts

@@ -0,0 +1,17 @@
+import type { Dimensions, Texture } from "../types.js";
+/**
+ * Film grain, from one turbulence filter.
+ *
+ * `scale` is roughly the size of a speck in pixels, which is what someone
+ * tuning this actually wants to think about; the filter wants the reciprocal
+ * of that, so the two are inverses of each other. Three octaves is enough to
+ * stop the noise looking regular and cheap enough not to notice.
+ *
+ * The noise is desaturated to grey, since coloured specks over a brand colour
+ * read as a rendering fault rather than as grain. Grey does lighten what is
+ * under it a little, which is why the default opacity is as low as it is.
+ */
+export declare function grainSvg(texture: Extract<Texture, {
+    readonly type: "grain";
+}>, dimensions: Dimensions, id: string): string;
+//# sourceMappingURL=grain.d.ts.map

package/dist/texture/grain.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grain.d.ts","sourceRoot":"","sources":["../../src/texture/grain.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAKvD;;;;;;;;;;;GAWG;AACH,wBAAgB,QAAQ,CACtB,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE;IAAE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC,EACrD,UAAU,EAAE,UAAU,EACtB,EAAE,EAAE,MAAM,GACT,MAAM,CAgBR"}

package/dist/texture/grain.js

@@ -0,0 +1,29 @@
+const defaultOpacity = 0.1;
+const defaultScale = 1.4;
+/**
+ * Film grain, from one turbulence filter.
+ *
+ * `scale` is roughly the size of a speck in pixels, which is what someone
+ * tuning this actually wants to think about; the filter wants the reciprocal
+ * of that, so the two are inverses of each other. Three octaves is enough to
+ * stop the noise looking regular and cheap enough not to notice.
+ *
+ * The noise is desaturated to grey, since coloured specks over a brand colour
+ * read as a rendering fault rather than as grain. Grey does lighten what is
+ * under it a little, which is why the default opacity is as low as it is.
+ */
+export function grainSvg(texture, dimensions, id) {
+    const { width, height } = dimensions;
+    const frequency = 1 / (texture.scale ?? defaultScale);
+    return (`<defs>` +
+        `<filter id="${id}" x="0" y="0" width="100%" height="100%">` +
+        `<feTurbulence type="fractalNoise" baseFrequency="${frequency.toFixed(3)}"` +
+        ` numOctaves="3" stitchTiles="stitch"/>` +
+        `<feColorMatrix type="saturate" values="0"/>` +
+        `</filter>` +
+        `</defs>` +
+        `<rect width="${String(width)}" height="${String(height)}"` +
+        ` filter="url(#${id})"` +
+        ` opacity="${String(texture.opacity ?? defaultOpacity)}"/>`);
+}
+//# sourceMappingURL=grain.js.map

package/dist/texture/grain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grain.js","sourceRoot":"","sources":["../../src/texture/grain.ts"],"names":[],"mappings":"AAEA,MAAM,cAAc,GAAG,GAAG,CAAC;AAC3B,MAAM,YAAY,GAAG,GAAG,CAAC;AAEzB;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,QAAQ,CACtB,OAAqD,EACrD,UAAsB,EACtB,EAAU;IAEV,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC;IACrC,MAAM,SAAS,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,IAAI,YAAY,CAAC,CAAC;IAEtD,OAAO,CACL,QAAQ;QACR,eAAe,EAAE,2CAA2C;QAC5D,oDAAoD,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAC3E,wCAAwC;QACxC,6CAA6C;QAC7C,WAAW;QACX,SAAS;QACT,gBAAgB,MAAM,CAAC,KAAK,CAAC,aAAa,MAAM,CAAC,MAAM,CAAC,GAAG;QAC3D,iBAAiB,EAAE,IAAI;QACvB,aAAa,MAAM,CAAC,OAAO,CAAC,OAAO,IAAI,cAAc,CAAC,KAAK,CAC5D,CAAC;AACJ,CAAC"}

package/dist/texture/index.d.ts

@@ -0,0 +1,11 @@
+import type { Dimensions, Texture } from "../types.js";
+export { resolveTexture } from "./resolve.js";
+/**
+ * Render the treatment laid over a background as SVG, naming whatever it needs
+ * in `<defs>` after the given `id`.
+ *
+ * It is drawn between the background and whatever a template draws, so a
+ * texture never comes between a headline and the reader.
+ */
+export declare function textureSvg(texture: Texture, dimensions: Dimensions, id: string): string;
+//# sourceMappingURL=index.d.ts.map

package/dist/texture/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/texture/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAIvD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C;;;;;;GAMG;AACH,wBAAgB,UAAU,CACxB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,EAAE,EAAE,MAAM,GACT,MAAM,CAUR"}

package/dist/texture/index.js

@@ -0,0 +1,20 @@
+import { grainSvg } from "./grain.js";
+import { dotsSvg, rulesSvg } from "./pattern.js";
+export { resolveTexture } from "./resolve.js";
+/**
+ * Render the treatment laid over a background as SVG, naming whatever it needs
+ * in `<defs>` after the given `id`.
+ *
+ * It is drawn between the background and whatever a template draws, so a
+ * texture never comes between a headline and the reader.
+ */
+export function textureSvg(texture, dimensions, id) {
+    if (texture.type === "grain") {
+        return grainSvg(texture, dimensions, id);
+    }
+    if (texture.type === "dots") {
+        return dotsSvg(texture, dimensions, id);
+    }
+    return rulesSvg(texture, dimensions, id);
+}
+//# sourceMappingURL=index.js.map

package/dist/texture/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/texture/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C;;;;;;GAMG;AACH,MAAM,UAAU,UAAU,CACxB,OAAgB,EAChB,UAAsB,EACtB,EAAU;IAEV,IAAI,OAAO,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAC7B,OAAO,QAAQ,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC;IAC3C,CAAC;IAED,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC5B,OAAO,OAAO,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC;IAC1C,CAAC;IAED,OAAO,QAAQ,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC;AAC3C,CAAC"}

package/dist/texture/pattern.d.ts

@@ -0,0 +1,17 @@
+import type { Dimensions, Texture } from "../types.js";
+/** A grid of dots, one to a tile. */
+export declare function dotsSvg(texture: Extract<Texture, {
+    readonly type: "dots";
+}>, dimensions: Dimensions, id: string): string;
+/**
+ * Ruled lines, one to a tile, rotated as a set.
+ *
+ * The line runs down the middle of its tile rather than along the edge, so
+ * that the whole of its width is inside the tile: a stroke centred on the edge
+ * would have half of itself outside the tile, where the pattern does not
+ * repeat it, and the lines would come out half as thick as asked for.
+ */
+export declare function rulesSvg(texture: Extract<Texture, {
+    readonly type: "rules";
+}>, dimensions: Dimensions, id: string): string;
+//# sourceMappingURL=pattern.d.ts.map

package/dist/texture/pattern.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pattern.d.ts","sourceRoot":"","sources":["../../src/texture/pattern.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAiCvD,qCAAqC;AACrC,wBAAgB,OAAO,CACrB,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE;IAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,EACpD,UAAU,EAAE,UAAU,EACtB,EAAE,EAAE,MAAM,GACT,MAAM,CAgBR;AAED;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CACtB,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE;IAAE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC,EACrD,UAAU,EAAE,UAAU,EACtB,EAAE,EAAE,MAAM,GACT,MAAM,CAiBR"}

package/dist/texture/pattern.js

@@ -0,0 +1,45 @@
+/** Used where the palette did not supply one, so a texture always draws. */
+const fallbackColor = "#ffffff";
+const dotDefaults = { opacity: 0.08, size: 5, gap: 44 };
+const ruleDefaults = { opacity: 0.06, width: 2, gap: 28, angle: 45 };
+/**
+ * A tiled pattern over the whole image: the `<pattern>` under the given `id`,
+ * and the rect that fills with it.
+ */
+function tile(id, gap, contents, transform, dimensions, opacity) {
+    const { width, height } = dimensions;
+    const size = String(gap);
+    return (`<defs>` +
+        `<pattern id="${id}" width="${size}" height="${size}"` +
+        ` patternUnits="userSpaceOnUse"${transform}>${contents}</pattern>` +
+        `</defs>` +
+        `<rect width="${String(width)}" height="${String(height)}"` +
+        ` fill="url(#${id})" opacity="${String(opacity)}"/>`);
+}
+/** A grid of dots, one to a tile. */
+export function dotsSvg(texture, dimensions, id) {
+    const gap = texture.gap ?? dotDefaults.gap;
+    const centre = String(gap / 2);
+    const dot = `<circle cx="${centre}" cy="${centre}"` +
+        ` r="${String((texture.size ?? dotDefaults.size) / 2)}"` +
+        ` fill="${texture.color ?? fallbackColor}"/>`;
+    return tile(id, gap, dot, "", dimensions, texture.opacity ?? dotDefaults.opacity);
+}
+/**
+ * Ruled lines, one to a tile, rotated as a set.
+ *
+ * The line runs down the middle of its tile rather than along the edge, so
+ * that the whole of its width is inside the tile: a stroke centred on the edge
+ * would have half of itself outside the tile, where the pattern does not
+ * repeat it, and the lines would come out half as thick as asked for.
+ */
+export function rulesSvg(texture, dimensions, id) {
+    const gap = texture.gap ?? ruleDefaults.gap;
+    const x = String(gap / 2);
+    const line = `<line x1="${x}" y1="0" x2="${x}" y2="${String(gap)}"` +
+        ` stroke="${texture.color ?? fallbackColor}"` +
+        ` stroke-width="${String(texture.width ?? ruleDefaults.width)}"/>`;
+    const angle = texture.angle ?? ruleDefaults.angle;
+    return tile(id, gap, line, ` patternTransform="rotate(${String(angle)})"`, dimensions, texture.opacity ?? ruleDefaults.opacity);
+}
+//# sourceMappingURL=pattern.js.map

package/dist/texture/pattern.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pattern.js","sourceRoot":"","sources":["../../src/texture/pattern.ts"],"names":[],"mappings":"AAEA,4EAA4E;AAC5E,MAAM,aAAa,GAAG,SAAS,CAAC;AAEhC,MAAM,WAAW,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC;AACxD,MAAM,YAAY,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;AAErE;;;GAGG;AACH,SAAS,IAAI,CACX,EAAU,EACV,GAAW,EACX,QAAgB,EAChB,SAAiB,EACjB,UAAsB,EACtB,OAAe;IAEf,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC;IACrC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAEzB,OAAO,CACL,QAAQ;QACR,gBAAgB,EAAE,YAAY,IAAI,aAAa,IAAI,GAAG;QACtD,iCAAiC,SAAS,IAAI,QAAQ,YAAY;QAClE,SAAS;QACT,gBAAgB,MAAM,CAAC,KAAK,CAAC,aAAa,MAAM,CAAC,MAAM,CAAC,GAAG;QAC3D,eAAe,EAAE,eAAe,MAAM,CAAC,OAAO,CAAC,KAAK,CACrD,CAAC;AACJ,CAAC;AAED,qCAAqC;AACrC,MAAM,UAAU,OAAO,CACrB,OAAoD,EACpD,UAAsB,EACtB,EAAU;IAEV,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,IAAI,WAAW,CAAC,GAAG,CAAC;IAC3C,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;IAC/B,MAAM,GAAG,GACP,eAAe,MAAM,SAAS,MAAM,GAAG;QACvC,OAAO,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,IAAI,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG;QACxD,UAAU,OAAO,CAAC,KAAK,IAAI,aAAa,KAAK,CAAC;IAEhD,OAAO,IAAI,CACT,EAAE,EACF,GAAG,EACH,GAAG,EACH,EAAE,EACF,UAAU,EACV,OAAO,CAAC,OAAO,IAAI,WAAW,CAAC,OAAO,CACvC,CAAC;AACJ,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,QAAQ,CACtB,OAAqD,EACrD,UAAsB,EACtB,EAAU;IAEV,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,IAAI,YAAY,CAAC,GAAG,CAAC;IAC5C,MAAM,CAAC,GAAG,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;IAC1B,MAAM,IAAI,GACR,aAAa,CAAC,gBAAgB,CAAC,SAAS,MAAM,CAAC,GAAG,CAAC,GAAG;QACtD,YAAY,OAAO,CAAC,KAAK,IAAI,aAAa,GAAG;QAC7C,kBAAkB,MAAM,CAAC,OAAO,CAAC,KAAK,IAAI,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;IACrE,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,YAAY,CAAC,KAAK,CAAC;IAElD,OAAO,IAAI,CACT,EAAE,EACF,GAAG,EACH,IAAI,EACJ,6BAA6B,MAAM,CAAC,KAAK,CAAC,IAAI,EAC9C,UAAU,EACV,OAAO,CAAC,OAAO,IAAI,YAAY,CAAC,OAAO,CACxC,CAAC;AACJ,CAAC"}

package/dist/texture/resolve.d.ts

@@ -0,0 +1,16 @@
+import type { BrandColors, Texture } from "../types.js";
+/**
+ * Fill in the colour a texture left open, from the palette it will be drawn
+ * over.
+ *
+ * A dot grid or a set of rules has to be the foreground colour by default,
+ * because that is the one colour known to contrast with the background: a
+ * fixed white would disappear on a light theme, which is a texture that
+ * silently does nothing. Grain has no colour to fill in, being noise.
+ *
+ * It happens here rather than while drawing so that the resolved config says
+ * what will actually be drawn, which is also what the rebuild stamp hashes: a
+ * palette change then re-renders the texture that follows it.
+ */
+export declare function resolveTexture(texture: Texture | undefined, colors: Required<BrandColors>): Texture | undefined;
+//# sourceMappingURL=resolve.d.ts.map

package/dist/texture/resolve.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve.d.ts","sourceRoot":"","sources":["../../src/texture/resolve.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAExD;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,CAC5B,OAAO,EAAE,OAAO,GAAG,SAAS,EAC5B,MAAM,EAAE,QAAQ,CAAC,WAAW,CAAC,GAC5B,OAAO,GAAG,SAAS,CAMrB"}

package/dist/texture/resolve.js

@@ -0,0 +1,20 @@
+/**
+ * Fill in the colour a texture left open, from the palette it will be drawn
+ * over.
+ *
+ * A dot grid or a set of rules has to be the foreground colour by default,
+ * because that is the one colour known to contrast with the background: a
+ * fixed white would disappear on a light theme, which is a texture that
+ * silently does nothing. Grain has no colour to fill in, being noise.
+ *
+ * It happens here rather than while drawing so that the resolved config says
+ * what will actually be drawn, which is also what the rebuild stamp hashes: a
+ * palette change then re-renders the texture that follows it.
+ */
+export function resolveTexture(texture, colors) {
+    if (texture === undefined || texture.type === "grain") {
+        return texture;
+    }
+    return { color: colors.foreground, ...texture };
+}
+//# sourceMappingURL=resolve.js.map

package/dist/texture/resolve.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve.js","sourceRoot":"","sources":["../../src/texture/resolve.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,cAAc,CAC5B,OAA4B,EAC5B,MAA6B;IAE7B,IAAI,OAAO,KAAK,SAAS,IAAI,OAAO,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QACtD,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE,GAAG,OAAO,EAAE,CAAC;AAClD,CAAC"}

package/dist/theme/index.d.ts

@@ -0,0 +1,27 @@
+import type { BrandColors, ColophonConfig, ThemeName } from "../types.js";
+export { themeNames } from "./presets.js";
+/**
+ * The palette a theme brings, or `undefined` where there is no theme.
+ *
+ * It is what a partial override merges over, so that a size asking for one
+ * darker shade keeps the rest of the look rather than dropping back to the
+ * neutral default palette.
+ */
+export declare function themePalette(theme: ThemeName | undefined): Required<BrandColors> | undefined;
+/**
+ * Fill in the fields a theme supplies and the config did not name.
+ *
+ * A theme is applied by merging rather than by resolving, so that everything
+ * downstream sees an ordinary config and nothing else in the package has to
+ * know that themes exist. Whatever the config sets wins, field by field: this
+ * is `colors`, `background` and `texture` as defaults, not as a look that
+ * cannot be argued with.
+ *
+ * The consequence worth knowing is that a config naming its own `colors`
+ * alongside a theme keeps the theme's background as it was written, so the
+ * accent colour changes and the picture behind it does not. That follows from
+ * the merge, and it is the honest reading of a theme: the background is part
+ * of the look rather than something derived from the palette.
+ */
+export declare function applyTheme(config: ColophonConfig): ColophonConfig;
+//# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG1E,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C;;;;;;GAMG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,SAAS,GAAG,SAAS,GAC3B,QAAQ,CAAC,WAAW,CAAC,GAAG,SAAS,CAEnC;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,UAAU,CAAC,MAAM,EAAE,cAAc,GAAG,cAAc,CAcjE"}

package/dist/theme/index.js

@@ -0,0 +1,41 @@
+import { THEMES } from "./presets.js";
+export { themeNames } from "./presets.js";
+/**
+ * The palette a theme brings, or `undefined` where there is no theme.
+ *
+ * It is what a partial override merges over, so that a size asking for one
+ * darker shade keeps the rest of the look rather than dropping back to the
+ * neutral default palette.
+ */
+export function themePalette(theme) {
+    return theme === undefined ? undefined : THEMES[theme].colors;
+}
+/**
+ * Fill in the fields a theme supplies and the config did not name.
+ *
+ * A theme is applied by merging rather than by resolving, so that everything
+ * downstream sees an ordinary config and nothing else in the package has to
+ * know that themes exist. Whatever the config sets wins, field by field: this
+ * is `colors`, `background` and `texture` as defaults, not as a look that
+ * cannot be argued with.
+ *
+ * The consequence worth knowing is that a config naming its own `colors`
+ * alongside a theme keeps the theme's background as it was written, so the
+ * accent colour changes and the picture behind it does not. That follows from
+ * the merge, and it is the honest reading of a theme: the background is part
+ * of the look rather than something derived from the palette.
+ */
+export function applyTheme(config) {
+    const theme = config.theme === undefined ? undefined : THEMES[config.theme];
+    if (theme === undefined) {
+        return config;
+    }
+    return {
+        ...config,
+        ...(config.colors === undefined && { colors: theme.colors }),
+        ...(config.background === undefined && { background: theme.background }),
+        ...(config.texture === undefined &&
+            theme.texture !== undefined && { texture: theme.texture }),
+    };
+}
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAC1B,KAA4B;IAE5B,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC;AAChE,CAAC;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,UAAU,CAAC,MAAsB;IAC/C,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAE5E,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,OAAO;QACL,GAAG,MAAM;QACT,GAAG,CAAC,MAAM,CAAC,MAAM,KAAK,SAAS,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC;QAC5D,GAAG,CAAC,MAAM,CAAC,UAAU,KAAK,SAAS,IAAI,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC;QACxE,GAAG,CAAC,MAAM,CAAC,OAAO,KAAK,SAAS;YAC9B,KAAK,CAAC,OAAO,KAAK,SAAS,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;KAC7D,CAAC;AACJ,CAAC"}

package/dist/theme/presets.d.ts

@@ -0,0 +1,38 @@
+import type { Background, BrandColors, Texture, ThemeName } from "../types.js";
+/**
+ * What a named theme sets. Every field is an ordinary config option, because
+ * that is all a theme is: a set of defaults for fields a project could have
+ * written out itself, and would rather not.
+ */
+export interface Theme {
+    readonly colors: Required<BrandColors>;
+    readonly background: Background;
+    readonly texture?: Texture;
+}
+/**
+ * The curated set.
+ *
+ * Each one is a whole look rather than a palette, which is why the background
+ * is written out here instead of being derived from the colours: `midnight`
+ * without its mesh and `slate` without its dot grid are the same flat image in
+ * two shades of navy. Deriving would also mean a theme could only ever be the
+ * one gradient the defaults already give.
+ *
+ * Six of them are dark, since white text on a deep background is what a share
+ * image is usually asked to be, and two are light, because a site whose own
+ * pages are light has nothing to reach for otherwise.
+ *
+ * None of them turns grain on, though it is the treatment they would most
+ * obviously want. Per-pixel noise does not compress, and it takes a
+ * 1200x1200 PNG from around 600KB to a little over 2MB: a cost worth paying
+ * on purpose, and not one to hand someone who picked a theme by its name and
+ * is committing the images next to their posts.
+ */
+export declare const THEMES: Readonly<Record<ThemeName, Theme>>;
+/**
+ * The theme names, for validation and for anything listing them. Asserted
+ * rather than written out again, because `Object.keys` loses the key type and
+ * a second copy of the list is one that can drift from the set above.
+ */
+export declare const themeNames: readonly ThemeName[];
+//# sourceMappingURL=presets.d.ts.map

package/dist/theme/presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"presets.d.ts","sourceRoot":"","sources":["../../src/theme/presets.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE/E;;;;GAIG;AACH,MAAM,WAAW,KAAK;IACpB,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;IACvC,QAAQ,CAAC,UAAU,EAAE,UAAU,CAAC;IAChC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAkIrD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAA0B,SAAS,SAAS,EAAE,CAAC"}

package/dist/theme/presets.js

@@ -0,0 +1,150 @@
+/**
+ * The curated set.
+ *
+ * Each one is a whole look rather than a palette, which is why the background
+ * is written out here instead of being derived from the colours: `midnight`
+ * without its mesh and `slate` without its dot grid are the same flat image in
+ * two shades of navy. Deriving would also mean a theme could only ever be the
+ * one gradient the defaults already give.
+ *
+ * Six of them are dark, since white text on a deep background is what a share
+ * image is usually asked to be, and two are light, because a site whose own
+ * pages are light has nothing to reach for otherwise.
+ *
+ * None of them turns grain on, though it is the treatment they would most
+ * obviously want. Per-pixel noise does not compress, and it takes a
+ * 1200x1200 PNG from around 600KB to a little over 2MB: a cost worth paying
+ * on purpose, and not one to hand someone who picked a theme by its name and
+ * is committing the images next to their posts.
+ */
+export const THEMES = {
+    midnight: {
+        colors: {
+            brand: "#6366f1",
+            brandDark: "#0b1020",
+            brandWarm: "#a855f7",
+            foreground: "#e6e9f5",
+        },
+        background: {
+            type: "mesh",
+            color: "#0b1020",
+            blobs: [
+                { color: "#4338ca", x: 0.12, y: 0.05, radius: 0.55, opacity: 0.85 },
+                { color: "#7c3aed", x: 0.9, y: 0.85, radius: 0.5, opacity: 0.7 },
+                { color: "#1d4ed8", x: 0.6, y: 1, radius: 0.4, opacity: 0.45 },
+            ],
+        },
+        texture: { type: "dots", opacity: 0.05 },
+    },
+    aurora: {
+        colors: {
+            brand: "#14b8a6",
+            brandDark: "#04211f",
+            brandWarm: "#8b5cf6",
+            foreground: "#ecfdf5",
+        },
+        background: {
+            type: "mesh",
+            color: "#04211f",
+            blobs: [
+                { color: "#14b8a6", x: 0.15, y: 0.85, radius: 0.7, opacity: 0.85 },
+                { color: "#22d3ee", x: 0.75, y: 0.15, radius: 0.6, opacity: 0.7 },
+                { color: "#8b5cf6", x: 1, y: 0.9, radius: 0.5, opacity: 0.55 },
+            ],
+        },
+    },
+    ember: {
+        colors: {
+            brand: "#f97316",
+            brandDark: "#1a0b06",
+            brandWarm: "#ef4444",
+            foreground: "#fff7ed",
+        },
+        background: {
+            type: "gradient",
+            stops: [
+                { offset: "0%", color: "#1a0b06" },
+                { offset: "55%", color: "#7c2d12" },
+                { offset: "100%", color: "#ea580c" },
+            ],
+        },
+    },
+    forest: {
+        colors: {
+            brand: "#22c55e",
+            brandDark: "#04140c",
+            brandWarm: "#a3e635",
+            foreground: "#ecfdf5",
+        },
+        background: {
+            type: "gradient",
+            stops: [
+                { offset: "0%", color: "#04140c" },
+                { offset: "55%", color: "#14532d" },
+                { offset: "100%", color: "#166534" },
+            ],
+        },
+        texture: { type: "rules", opacity: 0.05 },
+    },
+    bloom: {
+        colors: {
+            brand: "#ec4899",
+            brandDark: "#2e1065",
+            brandWarm: "#f59e0b",
+            foreground: "#fdf4ff",
+        },
+        background: {
+            type: "mesh",
+            color: "#2e1065",
+            blobs: [
+                { color: "#db2777", x: 0.2, y: 0.2, radius: 0.8, opacity: 0.85 },
+                { color: "#f472b6", x: 0.9, y: 0.35, radius: 0.5, opacity: 0.5 },
+                { color: "#7c3aed", x: 0.5, y: 1, radius: 0.75, opacity: 0.8 },
+            ],
+        },
+    },
+    slate: {
+        colors: {
+            brand: "#38bdf8",
+            brandDark: "#0f172a",
+            brandWarm: "#64748b",
+            foreground: "#f1f5f9",
+        },
+        background: { type: "solid", color: "#0f172a" },
+        texture: { type: "dots", opacity: 0.07 },
+    },
+    paper: {
+        colors: {
+            brand: "#b45309",
+            brandDark: "#78350f",
+            brandWarm: "#d97706",
+            foreground: "#1c1917",
+        },
+        background: { type: "solid", color: "#faf7f0" },
+        texture: { type: "rules", opacity: 0.05 },
+    },
+    sandstone: {
+        colors: {
+            brand: "#c2410c",
+            brandDark: "#9a3412",
+            brandWarm: "#f59e0b",
+            foreground: "#292524",
+        },
+        background: {
+            type: "gradient",
+            stops: [
+                { offset: "0%", color: "#fdf6ec" },
+                { offset: "55%", color: "#f7e6cf" },
+                { offset: "100%", color: "#f2d5b3" },
+            ],
+        },
+        texture: { type: "dots", opacity: 0.06 },
+    },
+};
+/**
+ * The theme names, for validation and for anything listing them. Asserted
+ * rather than written out again, because `Object.keys` loses the key type and
+ * a second copy of the list is one that can drift from the set above.
+ */
+export const themeNames = Object.keys(THEMES);
+//# sourceMappingURL=presets.js.map

package/dist/theme/presets.js.map

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