@kensio/colophon 2.12.0 → 2.13.1

package/dist/measure/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/measure/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAIzC;;;;;;;;GAQG;AACH,SAAS,OAAO,CACd,KAAsB,EACtB,KAAgB,EAChB,cAAuB;IAEvB,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,IAAI,GAAG,CAAC;IAEvC,OAAO,CACL,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,CAAC;QAC3C,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACxC,CAAC;AACJ,CAAC;AAED,gEAAgE;AAChE,SAAS,SAAS,CAChB,IAAY,EACZ,KAAgB,EAChB,KAAsB,EACtB,cAAuB;IAEvB,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,IAAI,GAAG,CAAC;IACvC,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC;IAEtD,IAAI,GAAG,GAAG,CAAC,CAAC;IAEZ,KAAK,MAAM,GAAG,IAAI,YAAY,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;QACrD,GAAG;YACD,GAAG,CAAC,IAAI,KAAK,SAAS;gBACpB,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC;gBACzD,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC;IAED,OAAO,GAAG,CAAC;AACb,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,KAAK,UAAU,cAAc,CAClC,MAAsB;IAEtB,MAAM,KAAK,GAAG,MAAM,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC;IAC9D,MAAM,KAAK,GAAG,IAAI,GAAG,EAAkB,CAAC;IAExC,OAAO,CAAC,IAAY,EAAE,KAAgB,EAAU,EAAE;QAChD,MAAM,GAAG,GAAG,GAAG,KAAK,CAAC,UAAU,IAAI,MAAM,CAAC,KAAK,CAAC,UAAU,IAAI,GAAG,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,aAAa,IAAI,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC;QAClH,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAE7B,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,OAAO,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC;QAChC,CAAC;QAED,MAAM,GAAG,GAAG,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;QAC9D,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QACpB,OAAO,GAAG,GAAG,KAAK,CAAC,QAAQ,CAAC;IAC9B,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/measure/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAIzC;;;;;;;;GAQG;AACH,SAAS,OAAO,CACd,KAAsB,EACtB,KAAgB,EAChB,cAAuB;IAEvB,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,IAAI,GAAG,CAAC;IAEvC,OAAO,CACL,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,CAAC;QAC3C,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACxC,CAAC;AACJ,CAAC;AAED,gEAAgE;AAChE,SAAS,SAAS,CAChB,IAAY,EACZ,KAAgB,EAChB,KAAsB,EACtB,cAAuB;IAEvB,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,IAAI,GAAG,CAAC;IACvC,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC;IAEtD,IAAI,GAAG,GAAG,CAAC,CAAC;IAEZ,KAAK,MAAM,GAAG,IAAI,YAAY,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;QACrD,GAAG;YACD,GAAG,CAAC,IAAI,KAAK,SAAS;gBACpB,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC;gBACzD,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC;IAED,OAAO,GAAG,CAAC;AACb,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,KAAK,UAAU,cAAc,CAClC,MAAsB;IAEtB,wEAAwE;IACxE,wEAAwE;IACxE,gBAAgB;IAChB,MAAM,KAAK,GAAG,MAAM,SAAS,CAC3B,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,EAC9B,MAAM,CAAC,SAAS,CACjB,CAAC;IACF,MAAM,KAAK,GAAG,IAAI,GAAG,EAAkB,CAAC;IAExC,OAAO,CAAC,IAAY,EAAE,KAAgB,EAAU,EAAE;QAChD,MAAM,GAAG,GAAG,GAAG,KAAK,CAAC,UAAU,IAAI,MAAM,CAAC,KAAK,CAAC,UAAU,IAAI,GAAG,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,aAAa,IAAI,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC;QAClH,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAE7B,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,OAAO,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC;QAChC,CAAC;QAED,MAAM,GAAG,GAAG,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC;QAC9D,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QACpB,OAAO,GAAG,GAAG,KAAK,CAAC,QAAQ,CAAC;IAC9B,CAAC,CAAC;AACJ,CAAC"}

package/dist/platform/bundled-fonts.browser.d.ts

@@ -0,0 +1,16 @@
+import type { BundledFont } from "../fonts/bundled.js";
+/**
+ * The bundled fonts in the browser and at the edge, which is to say none.
+ *
+ * A bundler picks this up through `package.json`'s `browser` field. The fonts
+ * that ship with the package are files, and a file path means nothing here, so
+ * offering them would be offering something `readFileBytes` is about to refuse.
+ * Inlining the bytes instead would put half a megabyte of font into every
+ * bundle that imports the core, whether or not it draws any text.
+ *
+ * So text in a browser is measured by estimate and drawn in whatever the host
+ * has, exactly as it was before there were bundled fonts. A page that wants
+ * them supplies them itself, as bytes, which is what `FontSource.data` is for.
+ */
+export declare function bundledFonts(): readonly BundledFont[];
+//# sourceMappingURL=bundled-fonts.browser.d.ts.map

package/dist/platform/bundled-fonts.browser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundled-fonts.browser.d.ts","sourceRoot":"","sources":["../../src/platform/bundled-fonts.browser.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;;;;;;;;GAYG;AACH,wBAAgB,YAAY,IAAI,SAAS,WAAW,EAAE,CAErD"}

package/dist/platform/bundled-fonts.browser.js

@@ -0,0 +1,17 @@
+/**
+ * The bundled fonts in the browser and at the edge, which is to say none.
+ *
+ * A bundler picks this up through `package.json`'s `browser` field. The fonts
+ * that ship with the package are files, and a file path means nothing here, so
+ * offering them would be offering something `readFileBytes` is about to refuse.
+ * Inlining the bytes instead would put half a megabyte of font into every
+ * bundle that imports the core, whether or not it draws any text.
+ *
+ * So text in a browser is measured by estimate and drawn in whatever the host
+ * has, exactly as it was before there were bundled fonts. A page that wants
+ * them supplies them itself, as bytes, which is what `FontSource.data` is for.
+ */
+export function bundledFonts() {
+    return [];
+}
+//# sourceMappingURL=bundled-fonts.browser.js.map

package/dist/platform/bundled-fonts.browser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundled-fonts.browser.js","sourceRoot":"","sources":["../../src/platform/bundled-fonts.browser.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,YAAY;IAC1B,OAAO,EAAE,CAAC;AACZ,CAAC"}

package/dist/platform/bundled-fonts.node.d.ts

@@ -0,0 +1,18 @@
+import type { BundledFont } from "../fonts/bundled.js";
+/**
+ * The bundled fonts, in the order they are loaded.
+ *
+ * The family is declared as well as being in the file, which is a fact written
+ * down twice and worth the duplication for one reason: `fallbackFamily` reads
+ * declared families and nothing else, and it is what tells resvg which family
+ * to draw a stack in when the stack names nothing that was loaded. Without a
+ * declared family here, a project setting `fontFamily` to something it has not
+ * supplied would have its text measured against Outfit and drawn in whatever
+ * resvg falls back to on its own, which is how a layout comes out wrong on one
+ * machine and right on another. Nothing else reads these: matching a
+ * `font-family` to a file is done from the file's own name table, by the
+ * rasteriser and by `measure/faces.ts` alike. `fonts.test.ts` checks the two
+ * against each other so they cannot drift.
+ */
+export declare function bundledFonts(): readonly BundledFont[];
+//# sourceMappingURL=bundled-fonts.node.d.ts.map

package/dist/platform/bundled-fonts.node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundled-fonts.node.d.ts","sourceRoot":"","sources":["../../src/platform/bundled-fonts.node.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AA6BvD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,YAAY,IAAI,SAAS,WAAW,EAAE,CAKrD"}

package/dist/platform/bundled-fonts.node.js

@@ -0,0 +1,49 @@
+import { fileURLToPath } from "node:url";
+/**
+ * The font files that ship with the package, as absolute paths.
+ *
+ * Two families, and only the cuts the built-in templates draw: Outfit at 400
+ * through 800 for everything that is words, and JetBrains Mono at 400 and 700
+ * for the code templates. The whole of either family would be most of a
+ * megabyte to install for cuts nothing asks for, and a weight that is not here
+ * is drawn in the nearest one that is, by resvg and by `selectFace` alike.
+ *
+ * Static cuts rather than the variable fonts, because resvg draws a variable
+ * font at its default instance and a single file would then be one weight.
+ *
+ * They are named from `import.meta.url` rather than resolved from the working
+ * directory, since the working directory belongs to the project being built
+ * and these live wherever the package was installed. Two levels up from
+ * `dist/platform/` is the package root.
+ */
+const files = [
+    ["Outfit", "Outfit_400Regular.ttf"],
+    ["Outfit", "Outfit_500Medium.ttf"],
+    ["Outfit", "Outfit_600SemiBold.ttf"],
+    ["Outfit", "Outfit_700Bold.ttf"],
+    ["Outfit", "Outfit_800ExtraBold.ttf"],
+    ["JetBrains Mono", "JetBrainsMono_400Regular.ttf"],
+    ["JetBrains Mono", "JetBrainsMono_700Bold.ttf"],
+];
+/**
+ * The bundled fonts, in the order they are loaded.
+ *
+ * The family is declared as well as being in the file, which is a fact written
+ * down twice and worth the duplication for one reason: `fallbackFamily` reads
+ * declared families and nothing else, and it is what tells resvg which family
+ * to draw a stack in when the stack names nothing that was loaded. Without a
+ * declared family here, a project setting `fontFamily` to something it has not
+ * supplied would have its text measured against Outfit and drawn in whatever
+ * resvg falls back to on its own, which is how a layout comes out wrong on one
+ * machine and right on another. Nothing else reads these: matching a
+ * `font-family` to a file is done from the file's own name table, by the
+ * rasteriser and by `measure/faces.ts` alike. `fonts.test.ts` checks the two
+ * against each other so they cannot drift.
+ */
+export function bundledFonts() {
+    return files.map(([family, file]) => ({
+        family,
+        path: fileURLToPath(new URL(`../../fonts/${file}`, import.meta.url)),
+    }));
+}
+//# sourceMappingURL=bundled-fonts.node.js.map

package/dist/platform/bundled-fonts.node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundled-fonts.node.js","sourceRoot":"","sources":["../../src/platform/bundled-fonts.node.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAIzC;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,KAAK,GAAyD;IAClE,CAAC,QAAQ,EAAE,uBAAuB,CAAC;IACnC,CAAC,QAAQ,EAAE,sBAAsB,CAAC;IAClC,CAAC,QAAQ,EAAE,wBAAwB,CAAC;IACpC,CAAC,QAAQ,EAAE,oBAAoB,CAAC;IAChC,CAAC,QAAQ,EAAE,yBAAyB,CAAC;IACrC,CAAC,gBAAgB,EAAE,8BAA8B,CAAC;IAClD,CAAC,gBAAgB,EAAE,2BAA2B,CAAC;CAChD,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,YAAY;IAC1B,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;QACpC,MAAM;QACN,IAAI,EAAE,aAAa,CAAC,IAAI,GAAG,CAAC,eAAe,IAAI,EAAE,EAAE,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC;KACrE,CAAC,CAAC,CAAC;AACN,CAAC"}

package/dist/render/rasterise.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rasterise.d.ts","sourceRoot":"","sources":["../../src/render/rasterise.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAkB,MAAM,aAAa,CAAC;AAkB9D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe,EAAE,UAO7B,CAAC"}
+{"version":3,"file":"rasterise.d.ts","sourceRoot":"","sources":["../../src/render/rasterise.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,UAAU,EAAkB,MAAM,aAAa,CAAC;AAuB9D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe,EAAE,UAO7B,CAAC"}

package/dist/render/rasterise.js

@@ -1,14 +1,19 @@
 import { renderAsync } from "@resvg/resvg-js";
-import { fallbackFamily, fontFilePaths } from "../fonts/index.js";
+import { fallbackFamily, fontFilePaths, withBundledFonts, } from "../fonts/index.js";
 /**
  * Font options for resvg: the configured font files, and whether to fall back
  * to the machine's own.
  */
 async function fontOptions(config) {
-    const fallback = fallbackFamily(config.fonts);
+    // The bundled fonts count here too, so that a stack naming nothing loaded
+    // falls back to Outfit rather than to whatever resvg would have chosen. That
+    // is the family the measurer will have measured against, and the two have to
+    // agree or the layout is right on a machine that happens to have the font
+    // and wrong on one that does not.
+    const fallback = fallbackFamily(withBundledFonts(config.fonts));
     return {
         loadSystemFonts: config.systemFonts,
-        fontFiles: await fontFilePaths(config.fonts),
+        fontFiles: await fontFilePaths(withBundledFonts(config.fonts)),
         ...(fallback !== undefined && { defaultFontFamily: fallback }),
     };
 }

package/dist/render/rasterise.js.map

@@ -1 +1 @@
-{"version":3,"file":"rasterise.js","sourceRoot":"","sources":["../../src/render/rasterise.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlE;;;GAGG;AACH,KAAK,UAAU,WAAW,CACxB,MAAsB;IAEtB,MAAM,QAAQ,GAAG,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO;QACL,eAAe,EAAE,MAAM,CAAC,WAAW;QACnC,SAAS,EAAE,MAAM,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC;QAC5C,GAAG,CAAC,QAAQ,KAAK,SAAS,IAAI,EAAE,iBAAiB,EAAE,QAAQ,EAAE,CAAC;KAC/D,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,eAAe,GAAe,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE;IAC3E,MAAM,QAAQ,GAAG,MAAM,WAAW,CAAC,GAAG,EAAE;QACtC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE;QACjD,IAAI,EAAE,MAAM,WAAW,CAAC,MAAM,CAAC;KAChC,CAAC,CAAC;IAEH,OAAO,QAAQ,CAAC,KAAK,EAAE,CAAC;AAC1B,CAAC,CAAC"}
+{"version":3,"file":"rasterise.js","sourceRoot":"","sources":["../../src/render/rasterise.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,OAAO,EACL,cAAc,EACd,aAAa,EACb,gBAAgB,GACjB,MAAM,mBAAmB,CAAC;AAG3B;;;GAGG;AACH,KAAK,UAAU,WAAW,CACxB,MAAsB;IAEtB,0EAA0E;IAC1E,6EAA6E;IAC7E,6EAA6E;IAC7E,0EAA0E;IAC1E,kCAAkC;IAClC,MAAM,QAAQ,GAAG,cAAc,CAAC,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IAEhE,OAAO;QACL,eAAe,EAAE,MAAM,CAAC,WAAW;QACnC,SAAS,EAAE,MAAM,aAAa,CAAC,gBAAgB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9D,GAAG,CAAC,QAAQ,KAAK,SAAS,IAAI,EAAE,iBAAiB,EAAE,QAAQ,EAAE,CAAC;KAC/D,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,eAAe,GAAe,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE;IAC3E,MAAM,QAAQ,GAAG,MAAM,WAAW,CAAC,GAAG,EAAE;QACtC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE;QACjD,IAAI,EAAE,MAAM,WAAW,CAAC,MAAM,CAAC;KAChC,CAAC,CAAC;IAEH,OAAO,QAAQ,CAAC,KAAK,EAAE,CAAC;AAC1B,CAAC,CAAC"}

package/dist/render/svg.js

@@ -25,7 +25,7 @@ export async function buildSvg(props, config, dimensions) {
     // background some surface without ever coming between text and reader.
     const texture = config.texture === undefined
         ? ""
-        : textureSvg(config.texture, dimensions, textureId);
+        : textureSvg(config.texture, dimensions, textureId, config.textureScale);
     const body = await template.render({
         props,
         config,

package/dist/render/svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"svg.js","sourceRoot":"","sources":["../../src/render/svg.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,YAAY,GAAG,aAAa,CAAC;AACnC,MAAM,SAAS,GAAG,kBAAkB,CAAC;AAErC;;;;;;;;GAQG;AACH,MAAM,CAAC,KAAK,UAAU,QAAQ,CAC5B,KAAqB,EACrB,MAAsB,EACtB,UAAsB;IAEtB,MAAM,QAAQ,GAAG,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IACxD,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;QAC1C,cAAc,CAAC,MAAM,CAAC;QACtB,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC;KAC1B,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,aAAa,CAC9B,MAAM,CAAC,UAAU,EACjB,UAAU,EACV,YAAY,EACZ,MAAM,CAAC,UAAU,CAClB,CAAC;IACF,4EAA4E;IAC5E,uEAAuE;IACvE,MAAM,OAAO,GACX,MAAM,CAAC,OAAO,KAAK,SAAS;QAC1B,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;IACxD,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,MAAM,CAAC;QACjC,KAAK;QACL,MAAM;QACN,UAAU;QACV,OAAO;QACP,IAAI,EAAE,MAAM,CAAC,IAAI;QACjB,MAAM,EAAE,MAAM,CAAC,MAAM;QACrB,OAAO,EAAE,MAAM,CAAC,OAAO;KACxB,CAAC,CAAC;IACH,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC;IAErC,OAAO,CACL,eAAe,MAAM,CAAC,KAAK,CAAC,aAAa,MAAM,CAAC,MAAM,CAAC,GAAG;QAC1D,iBAAiB,MAAM,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,GAAG;QACnD,uCAAuC,UAAU,GAAG,OAAO,GAAG,IAAI,QAAQ,CAC3E,CAAC;AACJ,CAAC"}
+{"version":3,"file":"svg.js","sourceRoot":"","sources":["../../src/render/svg.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,YAAY,GAAG,aAAa,CAAC;AACnC,MAAM,SAAS,GAAG,kBAAkB,CAAC;AAErC;;;;;;;;GAQG;AACH,MAAM,CAAC,KAAK,UAAU,QAAQ,CAC5B,KAAqB,EACrB,MAAsB,EACtB,UAAsB;IAEtB,MAAM,QAAQ,GAAG,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;IACxD,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;QAC1C,cAAc,CAAC,MAAM,CAAC;QACtB,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC;KAC1B,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,aAAa,CAC9B,MAAM,CAAC,UAAU,EACjB,UAAU,EACV,YAAY,EACZ,MAAM,CAAC,UAAU,CAClB,CAAC;IACF,4EAA4E;IAC5E,uEAAuE;IACvE,MAAM,OAAO,GACX,MAAM,CAAC,OAAO,KAAK,SAAS;QAC1B,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC;IAC7E,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,MAAM,CAAC;QACjC,KAAK;QACL,MAAM;QACN,UAAU;QACV,OAAO;QACP,IAAI,EAAE,MAAM,CAAC,IAAI;QACjB,MAAM,EAAE,MAAM,CAAC,MAAM;QACrB,OAAO,EAAE,MAAM,CAAC,OAAO;KACxB,CAAC,CAAC;IACH,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC;IAErC,OAAO,CACL,eAAe,MAAM,CAAC,KAAK,CAAC,aAAa,MAAM,CAAC,MAAM,CAAC,GAAG;QAC1D,iBAAiB,MAAM,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,GAAG;QACnD,uCAAuC,UAAU,GAAG,OAAO,GAAG,IAAI,QAAQ,CAC3E,CAAC;AACJ,CAAC"}

package/dist/templates/index.d.ts

@@ -15,6 +15,7 @@ export { quoteTemplate } from "./quote/index.js";
 export { releaseTemplate } from "./release/index.js";
 export { statTemplate } from "./stat/index.js";
 export { terminalTemplate } from "./terminal/index.js";
+export { thumbnailTemplate } from "./thumbnail/index.js";
 export { wordmarkTemplate } from "./wordmark/index.js";
 export { optionalString } from "../props.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAc5C;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAa/D,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAe5C;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAc/D,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/templates/index.js

@@ -9,6 +9,7 @@ import { quoteTemplate } from "./quote/index.js";
 import { releaseTemplate } from "./release/index.js";
 import { statTemplate } from "./stat/index.js";
 import { terminalTemplate } from "./terminal/index.js";
+import { thumbnailTemplate } from "./thumbnail/index.js";
 import { wordmarkTemplate } from "./wordmark/index.js";
 /**
  * Templates registered out of the box. Projects can add to or override these
@@ -26,6 +27,7 @@ export const builtinTemplates = {
     [releaseTemplate.name]: releaseTemplate,
     [statTemplate.name]: statTemplate,
     [terminalTemplate.name]: terminalTemplate,
+    [thumbnailTemplate.name]: thumbnailTemplate,
     [wordmarkTemplate.name]: wordmarkTemplate,
 };
 export { articleTemplate } from "./article/index.js";
@@ -39,6 +41,7 @@ export { quoteTemplate } from "./quote/index.js";
 export { releaseTemplate } from "./release/index.js";
 export { statTemplate } from "./stat/index.js";
 export { terminalTemplate } from "./terminal/index.js";
+export { thumbnailTemplate } from "./thumbnail/index.js";
 export { wordmarkTemplate } from "./wordmark/index.js";
 export { optionalString } from "../props.js";
 //# sourceMappingURL=index.js.map

package/dist/templates/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAuC;IAClE,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,eAAe;IACvC,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,cAAc;IACrC,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,YAAY;IACjC,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,YAAY;IACjC,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,YAAY;IACjC,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,aAAa;IACnC,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,aAAa;IACnC,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,aAAa;IACnC,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,eAAe;IACvC,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,YAAY;IACjC,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,gBAAgB;IACzC,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,gBAAgB;CAC1C,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAuC;IAClE,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,eAAe;IACvC,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,cAAc;IACrC,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,YAAY;IACjC,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,YAAY;IACjC,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,YAAY;IACjC,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,aAAa;IACnC,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,aAAa;IACnC,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,aAAa;IACnC,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,eAAe;IACvC,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,YAAY;IACjC,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,gBAAgB;IACzC,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,iBAAiB;IAC3C,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,gBAAgB;CAC1C,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

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

@@ -0,0 +1,21 @@
+import type { Template } from "../../types.js";
+/**
+ * A video thumbnail: one title, set as large as it will go, with an optional
+ * line under it.
+ *
+ * It is meant for YouTube, whose own recommendation is 1280x720, and
+ * `SIZE_PRESETS.thumbnail` is that size. What makes it a template of its own
+ * rather than a `card` at other proportions is where it is looked at. A share
+ * image is seen more or less at the size it was rendered; a thumbnail is seen
+ * in a list, a sidebar or a phone, at something between a third and a sixth of
+ * it. So the title is grown to fill the frame rather than set at a fraction of
+ * the height, there is one text field by default rather than three, and the
+ * margins are tighter than elsewhere.
+ *
+ * Everything the other centred templates draw is still drawn: the logo above,
+ * the footer along the bottom. Both are worth having on a channel's images,
+ * and a size can drop the footer with `footer: ""` where the title should have
+ * the whole frame.
+ */
+export declare const thumbnailTemplate: Template;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/templates/thumbnail/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAmB,MAAM,gBAAgB,CAAC;AAoBhE;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,iBAAiB,EAAE,QAsD/B,CAAC"}

package/dist/templates/thumbnail/index.js

@@ -0,0 +1,68 @@
+import { linesHeight, stack } from "../../layout/index.js";
+import { drawSlot, footerLine } from "../bottom.js";
+import { contentArea, imageFrame, markRoom } from "../frame.js";
+import { logoElement, logoRect } from "../logo.js";
+import { subtitleGap, subtitleLineHeight, subtitleRoom, thumbnailSubtitle, thumbnailTitle, titleLineHeight, } from "./lines.js";
+/**
+ * The margin, as a fraction of the width. Tighter than any of the other
+ * centred layouts, because the room the margins give back is the whole point
+ * of this one.
+ */
+const padScale = 0.055;
+/**
+ * A video thumbnail: one title, set as large as it will go, with an optional
+ * line under it.
+ *
+ * It is meant for YouTube, whose own recommendation is 1280x720, and
+ * `SIZE_PRESETS.thumbnail` is that size. What makes it a template of its own
+ * rather than a `card` at other proportions is where it is looked at. A share
+ * image is seen more or less at the size it was rendered; a thumbnail is seen
+ * in a list, a sidebar or a phone, at something between a third and a sixth of
+ * it. So the title is grown to fill the frame rather than set at a fraction of
+ * the height, there is one text field by default rather than three, and the
+ * margins are tighter than elsewhere.
+ *
+ * Everything the other centred templates draw is still drawn: the logo above,
+ * the footer along the bottom. Both are worth having on a channel's images,
+ * and a size can drop the footer with `footer: ""` where the title should have
+ * the whole frame.
+ */
+export const thumbnailTemplate = {
+    name: "thumbnail",
+    render({ props, config, dimensions, measure, logo, avatar, }) {
+        const { width, height } = dimensions;
+        const frame = imageFrame(dimensions, config, avatar, { padScale });
+        const { pad } = frame;
+        const mark = logoRect(logo, dimensions, pad, "middle");
+        const area = contentArea(frame, markRoom(mark?.height, pad / 2));
+        const text = {
+            measure,
+            fontFamily: config.fontFamily,
+            contentWidth: area.width,
+            contentHeight: area.height,
+            height,
+        };
+        const subtitle = thumbnailSubtitle(props, text);
+        const title = thumbnailTitle(props, text, subtitleRoom(subtitle, height));
+        const [titleSlot, subtitleSlot] = stack([
+            { size: linesHeight(title, titleLineHeight) },
+            {
+                size: linesHeight(subtitle, subtitleLineHeight),
+                gapBefore: subtitle.length === 0 ? 0 : subtitleGap(height),
+            },
+        ], area);
+        const style = {
+            fontFamily: config.fontFamily,
+            fill: config.colors.foreground,
+            anchor: "middle",
+        };
+        return (logoElement(logo, mark) +
+            drawSlot(title, titleSlot, { ...style, lineHeight: titleLineHeight }) +
+            drawSlot(subtitle, subtitleSlot, {
+                ...style,
+                lineHeight: subtitleLineHeight,
+            }) +
+            footerLine(config, frame, width, avatar, measure, "middle"));
+    },
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/templates/thumbnail/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACd,eAAe,GAChB,MAAM,YAAY,CAAC;AAEpB;;;;GAIG;AACH,MAAM,QAAQ,GAAG,KAAK,CAAC;AAEvB;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAa;IACzC,IAAI,EAAE,WAAW;IACjB,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,EAAE,QAAQ,EAAE,CAAC,CAAC;QACnE,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;QACjE,MAAM,IAAI,GAAG;YACX,OAAO;YACP,UAAU,EAAE,MAAM,CAAC,UAAU;YAC7B,YAAY,EAAE,IAAI,CAAC,KAAK;YACxB,aAAa,EAAE,IAAI,CAAC,MAAM;YAC1B,MAAM;SACP,CAAC;QAEF,MAAM,QAAQ,GAAG,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;QAChD,MAAM,KAAK,GAAG,cAAc,CAAC,KAAK,EAAE,IAAI,EAAE,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;QAE1E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CACrC;YACE,EAAE,IAAI,EAAE,WAAW,CAAC,KAAK,EAAE,eAAe,CAAC,EAAE;YAC7C;gBACE,IAAI,EAAE,WAAW,CAAC,QAAQ,EAAE,kBAAkB,CAAC;gBAC/C,SAAS,EAAE,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC;aAC3D;SACF,EACD,IAAI,CACL,CAAC;QAEF,MAAM,KAAK,GAAG;YACZ,UAAU,EAAE,MAAM,CAAC,UAAU;YAC7B,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU;YAC9B,MAAM,EAAE,QAAiB;SAC1B,CAAC;QAEF,OAAO,CACL,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC;YACvB,QAAQ,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,GAAG,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,CAAC;YACrE,QAAQ,CAAC,QAAQ,EAAE,YAAY,EAAE;gBAC/B,GAAG,KAAK;gBACR,UAAU,EAAE,kBAAkB;aAC/B,CAAC;YACF,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC,CAC5D,CAAC;IACJ,CAAC;CACF,CAAC"}

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

@@ -0,0 +1,38 @@
+import type { TextLine } from "../../layout/index.js";
+import type { MeasureText, MetaImageProps } from "../../types.js";
+/** How tightly the title's own lines are stacked. */
+export declare const titleLineHeight = 1.08;
+/** And the subtitle's, which is set at a readable size rather than a large one. */
+export declare const subtitleLineHeight = 1.25;
+/** The space the thumbnail's text has, and how to measure text into it. */
+export interface ThumbnailText {
+    readonly measure: MeasureText;
+    readonly fontFamily: string;
+    readonly contentWidth: number;
+    readonly contentHeight: number;
+    readonly height: number;
+}
+/** The gap between the title and the subtitle under it. */
+export declare function subtitleGap(height: number): number;
+/**
+ * The optional second line: a series name, a channel, the episode number.
+ *
+ * It is fitted first because the title takes whatever height it leaves, which
+ * is the order this layout is built in: the title is the picture, and what is
+ * under it is a caption on it.
+ */
+export declare function thumbnailSubtitle(props: MetaImageProps, text: ThumbnailText): TextLine[];
+/**
+ * The title, grown until it fills the room the subtitle left it.
+ *
+ * This is the one built-in whose text is sized by the box rather than by the
+ * image, and the format is the reason. Everything else here is drawn to be read
+ * at something near the size it was rendered at, where a heading that swelled
+ * to fill its space would stop looking like a heading. A video thumbnail is
+ * seen in a list at a fraction of that size, so the only thing on it that
+ * matters is that the words are as large as they can be.
+ */
+export declare function thumbnailTitle(props: MetaImageProps, text: ThumbnailText, subtitleRoom: number): TextLine[];
+/** The room the subtitle takes, including the gap above it, or none at all. */
+export declare function subtitleRoom(lines: readonly TextLine[], height: number): number;
+//# sourceMappingURL=lines.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lines.d.ts","sourceRoot":"","sources":["../../../src/templates/thumbnail/lines.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAElE,qDAAqD;AACrD,eAAO,MAAM,eAAe,OAAO,CAAC;AAEpC,mFAAmF;AACnF,eAAO,MAAM,kBAAkB,OAAO,CAAC;AA6BvC,2EAA2E;AAC3E,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC;IAC9B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,2DAA2D;AAC3D,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAElD;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,cAAc,EACrB,IAAI,EAAE,aAAa,GAClB,QAAQ,EAAE,CASZ;AAED;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,cAAc,EACrB,IAAI,EAAE,aAAa,EACnB,YAAY,EAAE,MAAM,GACnB,QAAQ,EAAE,CAUZ;AAED,+EAA+E;AAC/E,wBAAgB,YAAY,CAC1B,KAAK,EAAE,SAAS,QAAQ,EAAE,EAC1B,MAAM,EAAE,MAAM,GACb,MAAM,CAIR"}

package/dist/templates/thumbnail/lines.js

@@ -0,0 +1,76 @@
+import { blockLines, fillLines, linesHeight } from "../../layout/index.js";
+/** How tightly the title's own lines are stacked. */
+export const titleLineHeight = 1.08;
+/** And the subtitle's, which is set at a readable size rather than a large one. */
+export const subtitleLineHeight = 1.25;
+const maxSubtitleLines = 2;
+const subtitleFloor = 0.8;
+/**
+ * The title's ceiling, as a fraction of the image's height.
+ *
+ * Nothing longer than a word or two ever reaches it, since the width runs out
+ * first: at 16:9 a two-word title settles around 0.45 of the height on its own.
+ * What the ceiling is for is the one-word case, where the width would allow
+ * something enormous, and half the height is where a single word stops reading
+ * as writing and starts reading as a graphic.
+ */
+const maxTitleScale = 0.5;
+/**
+ * And its floor, below which the title is cut instead.
+ *
+ * Around 90px at 720 tall. A thumbnail is shown at something like a third of
+ * the width it was rendered at, so this is roughly the smallest text a reader
+ * scrolling past can still take in, and a title that will not fit at it is one
+ * with too much in it for the format.
+ */
+const minTitleScale = 0.125;
+/** The subtitle's size, which does not change with how long the title is. */
+const subtitleScale = 0.055;
+/** The gap between the title and the subtitle under it. */
+export function subtitleGap(height) {
+    return Math.round(height * 0.035);
+}
+/**
+ * The optional second line: a series name, a channel, the episode number.
+ *
+ * It is fitted first because the title takes whatever height it leaves, which
+ * is the order this layout is built in: the title is the picture, and what is
+ * under it is a caption on it.
+ */
+export function thumbnailSubtitle(props, text) {
+    return blockLines(props.subtitle, text.measure, text.fontFamily, {
+        maxWidth: text.contentWidth,
+        maxLines: maxSubtitleLines,
+        fontSize: Math.round(text.height * subtitleScale),
+        floor: subtitleFloor,
+        fontWeight: 600,
+        opacity: 0.85,
+    });
+}
+/**
+ * The title, grown until it fills the room the subtitle left it.
+ *
+ * This is the one built-in whose text is sized by the box rather than by the
+ * image, and the format is the reason. Everything else here is drawn to be read
+ * at something near the size it was rendered at, where a heading that swelled
+ * to fill its space would stop looking like a heading. A video thumbnail is
+ * seen in a list at a fraction of that size, so the only thing on it that
+ * matters is that the words are as large as they can be.
+ */
+export function thumbnailTitle(props, text, subtitleRoom) {
+    return fillLines(props.title, text.measure, text.fontFamily, {
+        maxWidth: text.contentWidth,
+        maxHeight: Math.max(1, text.contentHeight - subtitleRoom),
+        lineHeight: titleLineHeight,
+        maxFontSize: Math.round(text.height * maxTitleScale),
+        minFontSize: Math.round(text.height * minTitleScale),
+        fontWeight: 800,
+        opacity: 1,
+    });
+}
+/** The room the subtitle takes, including the gap above it, or none at all. */
+export function subtitleRoom(lines, height) {
+    const stacked = linesHeight(lines, subtitleLineHeight);
+    return stacked === 0 ? 0 : stacked + subtitleGap(height);
+}
+//# sourceMappingURL=lines.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lines.js","sourceRoot":"","sources":["../../../src/templates/thumbnail/lines.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAG3E,qDAAqD;AACrD,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAC;AAEpC,mFAAmF;AACnF,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,CAAC;AAEvC,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAC3B,MAAM,aAAa,GAAG,GAAG,CAAC;AAE1B;;;;;;;;GAQG;AACH,MAAM,aAAa,GAAG,GAAG,CAAC;AAE1B;;;;;;;GAOG;AACH,MAAM,aAAa,GAAG,KAAK,CAAC;AAE5B,6EAA6E;AAC7E,MAAM,aAAa,GAAG,KAAK,CAAC;AAW5B,2DAA2D;AAC3D,MAAM,UAAU,WAAW,CAAC,MAAc;IACxC,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC;AACpC,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,iBAAiB,CAC/B,KAAqB,EACrB,IAAmB;IAEnB,OAAO,UAAU,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,EAAE;QAC/D,QAAQ,EAAE,IAAI,CAAC,YAAY;QAC3B,QAAQ,EAAE,gBAAgB;QAC1B,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,aAAa,CAAC;QACjD,KAAK,EAAE,aAAa;QACpB,UAAU,EAAE,GAAG;QACf,OAAO,EAAE,IAAI;KACd,CAAC,CAAC;AACL,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,UAAU,cAAc,CAC5B,KAAqB,EACrB,IAAmB,EACnB,YAAoB;IAEpB,OAAO,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,UAAU,EAAE;QAC3D,QAAQ,EAAE,IAAI,CAAC,YAAY;QAC3B,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC;QACzD,UAAU,EAAE,eAAe;QAC3B,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,aAAa,CAAC;QACpD,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,aAAa,CAAC;QACpD,UAAU,EAAE,GAAG;QACf,OAAO,EAAE,CAAC;KACX,CAAC,CAAC;AACL,CAAC;AAED,+EAA+E;AAC/E,MAAM,UAAU,YAAY,CAC1B,KAA0B,EAC1B,MAAc;IAEd,MAAM,OAAO,GAAG,WAAW,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC;IAEvD,OAAO,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;AAC3D,CAAC"}

package/dist/text/fill.d.ts

@@ -0,0 +1,34 @@
+import type { FittedText, MeasureAt } from "./fit.js";
+/** The box a block of text has to fill, and the sizes it may be drawn at. */
+export interface FillOptions {
+    readonly maxWidth: number;
+    readonly maxHeight: number;
+    /** Each line's advance down the box, as a multiple of its font size. */
+    readonly lineHeight: number;
+    /** A ceiling on the size, however much room the box turns out to have. */
+    readonly maxFontSize: number;
+    /** The size below which the text is cut rather than shrunk any further. */
+    readonly minFontSize: number;
+}
+/**
+ * Wrap text into a box, at the largest size the whole of it fits at.
+ *
+ * This is {@link fitText} with the question turned round. `fitText` is given a
+ * size and shrinks only when the words need more lines than the layout allows,
+ * so a short title is drawn at whatever size the template named and no larger.
+ * That is right where the text sits in a group with other things, since a
+ * heading that grew to fill the space would stop looking like a heading.
+ *
+ * It is wrong where the text is the picture. A YouTube thumbnail is looked at
+ * in a fraction of the space it was rendered at, so its words have to take the
+ * room they are given rather than sit in the middle of it, and how much room
+ * that is depends on how many words there are: three of them should be drawn
+ * much larger than twelve. So the search comes down from the largest size the
+ * box could hold until the wrapped block fits both the width and the height.
+ *
+ * Text that will not fit even at the floor is cut to the lines there is room
+ * for, which is what `fitText` does at its own floor and for the same reason:
+ * below a certain size the image has stopped saying anything anybody can read.
+ */
+export declare function fillText(text: string, measure: MeasureAt, options: FillOptions): FittedText;
+//# sourceMappingURL=fill.d.ts.map

package/dist/text/fill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fill.d.ts","sourceRoot":"","sources":["../../src/text/fill.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAKtD,6EAA6E;AAC7E,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,wEAAwE;IACxE,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,0EAA0E;IAC1E,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,2EAA2E;IAC3E,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;CAC9B;AAkCD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,QAAQ,CACtB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,WAAW,GACnB,UAAU,CAiBZ"}

package/dist/text/fill.js

@@ -0,0 +1,57 @@
+import { nextSize } from "./step.js";
+import { largestUnbroken } from "./unbroken.js";
+import { wrapText } from "./wrap.js";
+/**
+ * How many whole lines fit in the box at a given size, and never fewer than one.
+ *
+ * A box too short for a single line gets that line anyway, running over rather
+ * than being left empty. That is the rule `distribute` follows for a group that
+ * overflows: a template which has asked for the impossible wants to see it.
+ */
+function linesInBox(maxHeight, advance) {
+    return Math.max(1, Math.floor(maxHeight / advance));
+}
+/**
+ * The size the search starts from, which is the largest one worth trying: no
+ * taller than a single line of the box, no larger than the caller's ceiling,
+ * and small enough that no word has to be broken to fit the width.
+ */
+function startingSize(text, measure, options) {
+    const ceiling = Math.min(options.maxFontSize, Math.floor(options.maxHeight / options.lineHeight));
+    return Math.max(options.minFontSize, largestUnbroken(text, measure, options.maxWidth, ceiling));
+}
+/**
+ * Wrap text into a box, at the largest size the whole of it fits at.
+ *
+ * This is {@link fitText} with the question turned round. `fitText` is given a
+ * size and shrinks only when the words need more lines than the layout allows,
+ * so a short title is drawn at whatever size the template named and no larger.
+ * That is right where the text sits in a group with other things, since a
+ * heading that grew to fill the space would stop looking like a heading.
+ *
+ * It is wrong where the text is the picture. A YouTube thumbnail is looked at
+ * in a fraction of the space it was rendered at, so its words have to take the
+ * room they are given rather than sit in the middle of it, and how much room
+ * that is depends on how many words there are: three of them should be drawn
+ * much larger than twelve. So the search comes down from the largest size the
+ * box could hold until the wrapped block fits both the width and the height.
+ *
+ * Text that will not fit even at the floor is cut to the lines there is room
+ * for, which is what `fitText` does at its own floor and for the same reason:
+ * below a certain size the image has stopped saying anything anybody can read.
+ */
+export function fillText(text, measure, options) {
+    const { maxWidth, maxHeight, lineHeight, minFontSize } = options;
+    let fontSize = startingSize(text, measure, options);
+    let lines = wrapText(text, maxWidth, (line) => measure(line, fontSize));
+    while (lines.length * fontSize * lineHeight > maxHeight &&
+        fontSize > minFontSize) {
+        fontSize = nextSize(fontSize, minFontSize);
+        lines = wrapText(text, maxWidth, (line) => measure(line, fontSize));
+    }
+    return {
+        lines: lines.slice(0, linesInBox(maxHeight, fontSize * lineHeight)),
+        fontSize,
+    };
+}
+//# sourceMappingURL=fill.js.map

package/dist/text/fill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fill.js","sourceRoot":"","sources":["../../src/text/fill.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAcrC;;;;;;GAMG;AACH,SAAS,UAAU,CAAC,SAAiB,EAAE,OAAe;IACpD,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC;AACtD,CAAC;AAED;;;;GAIG;AACH,SAAS,YAAY,CACnB,IAAY,EACZ,OAAkB,EAClB,OAAoB;IAEpB,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CACtB,OAAO,CAAC,WAAW,EACnB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC,CACnD,CAAC;IAEF,OAAO,IAAI,CAAC,GAAG,CACb,OAAO,CAAC,WAAW,EACnB,eAAe,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,CAC1D,CAAC;AACJ,CAAC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,QAAQ,CACtB,IAAY,EACZ,OAAkB,EAClB,OAAoB;IAEpB,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,OAAO,CAAC;IACjE,IAAI,QAAQ,GAAG,YAAY,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IACpD,IAAI,KAAK,GAAG,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExE,OACE,KAAK,CAAC,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS;QAChD,QAAQ,GAAG,WAAW,EACtB,CAAC;QACD,QAAQ,GAAG,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;QAC3C,KAAK,GAAG,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IACtE,CAAC;IAED,OAAO;QACL,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,SAAS,EAAE,QAAQ,GAAG,UAAU,CAAC,CAAC;QACnE,QAAQ;KACT,CAAC;AACJ,CAAC"}

package/dist/text/fit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fit.d.ts","sourceRoot":"","sources":["../../src/text/fit.ts"],"names":[],"mappings":"AAEA,uEAAuE;AACvE,MAAM,MAAM,SAAS,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;AAEnE,uEAAuE;AACvE,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,oDAAoD;IACpD,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,6EAA6E;IAC7E,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;CAC9B;AAED,6DAA6D;AAC7D,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IAClC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B;AAKD;;;;;;;;;;;GAWG;AACH,wBAAgB,OAAO,CACrB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,UAAU,GAClB,UAAU,CAiBZ"}
+{"version":3,"file":"fit.d.ts","sourceRoot":"","sources":["../../src/text/fit.ts"],"names":[],"mappings":"AAGA,uEAAuE;AACvE,MAAM,MAAM,SAAS,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;AAEnE,uEAAuE;AACvE,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,oDAAoD;IACpD,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,6EAA6E;IAC7E,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;CAC9B;AAED,6DAA6D;AAC7D,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IAClC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,OAAO,CACrB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,UAAU,GAClB,UAAU,CAWZ"}

package/dist/text/fit.js

@@ -1,6 +1,5 @@
+import { nextSize } from "./step.js";
 import { wrapText } from "./wrap.js";
-/** How much of the size is given up each time the text does not fit. */
-const shrinkStep = 0.94;
 /**
  * Wrap text into the space it has, shrinking it until it fits.
  *
@@ -18,10 +17,7 @@ export function fitText(text, measure, options) {
     let fontSize = options.fontSize;
     let lines = wrapText(text, maxWidth, (line) => measure(line, fontSize));
     while (lines.length > maxLines && fontSize > minFontSize) {
-        // Both terms are here to guarantee progress: the proportional step is what
-        // makes the search short, and the whole pixel is what stops it stalling
-        // once the sizes are small enough for rounding to swallow the step.
-        fontSize = Math.max(minFontSize, Math.min(fontSize - 1, Math.floor(fontSize * shrinkStep)));
+        fontSize = nextSize(fontSize, minFontSize);
         lines = wrapText(text, maxWidth, (line) => measure(line, fontSize));
     }
     return { lines: lines.slice(0, maxLines), fontSize };

package/dist/text/fit.js.map

@@ -1 +1 @@
-{"version":3,"file":"fit.js","sourceRoot":"","sources":["../../src/text/fit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAqBrC,wEAAwE;AACxE,MAAM,UAAU,GAAG,IAAI,CAAC;AAExB;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,OAAO,CACrB,IAAY,EACZ,OAAkB,EAClB,OAAmB;IAEnB,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,OAAO,CAAC;IACpD,IAAI,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;IAChC,IAAI,KAAK,GAAG,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExE,OAAO,KAAK,CAAC,MAAM,GAAG,QAAQ,IAAI,QAAQ,GAAG,WAAW,EAAE,CAAC;QACzD,2EAA2E;QAC3E,wEAAwE;QACxE,oEAAoE;QACpE,QAAQ,GAAG,IAAI,CAAC,GAAG,CACjB,WAAW,EACX,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC,CAAC,CAC1D,CAAC;QACF,KAAK,GAAG,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IACtE,CAAC;IAED,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;AACvD,CAAC"}
+{"version":3,"file":"fit.js","sourceRoot":"","sources":["../../src/text/fit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAqBrC;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,OAAO,CACrB,IAAY,EACZ,OAAkB,EAClB,OAAmB;IAEnB,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,OAAO,CAAC;IACpD,IAAI,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;IAChC,IAAI,KAAK,GAAG,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExE,OAAO,KAAK,CAAC,MAAM,GAAG,QAAQ,IAAI,QAAQ,GAAG,WAAW,EAAE,CAAC;QACzD,QAAQ,GAAG,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;QAC3C,KAAK,GAAG,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IACtE,CAAC;IAED,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;AACvD,CAAC"}

package/dist/text/index.d.ts

@@ -4,6 +4,8 @@ export type { TextAttributes } from "./element.js";
 export { breakWord } from "./break.js";
 export { clampLine } from "./clamp.js";
 export { ellipsis } from "./ellipsis.js";
+export { fillText } from "./fill.js";
+export type { FillOptions } from "./fill.js";
 export { fitText } from "./fit.js";
 export type { FitOptions, FittedText, MeasureAt } from "./fit.js";
 export { wrapText } from "./wrap.js";