headreel 1.2.0 → 1.4.0

package/dist/styles/repo-galaxy/sketch.js

@@ -1,3 +1,4 @@
+import { fitIdentity } from '../../core/text.js';
 import { LAYOUT, RINGS } from './galaxy.js';
 const PALETTE = {
     skyTop: '#060914',
@@ -57,6 +58,13 @@ function truncate(text, max) {
 }
 export function createGalaxySketch(galaxy, identity, login, rng) {
     const grainSeed = Math.floor(rng() * 2 ** 31);
+    // Everything in the text column stops short of the outer orbit's dial.
+    const column = CX - RINGS[RINGS.length - 1].rx - 24 - TEXT_X;
+    const fitted = fitIdentity({
+        name: identity.name.toUpperCase(),
+        tagline: identity.tagline,
+        website: identity.website && `↗ ${displayUrl(identity.website)}`,
+    }, column);
     let sky;
     let grain;
     function renderSky(p) {
@@ -332,16 +340,16 @@ export function createGalaxySketch(galaxy, identity, login, rng) {
         }
         p.textFont(SANS);
         p.textStyle(p.BOLD);
-        p.textSize(50);
+        p.textSize(fitted.name.size);
         ctx.letterSpacing = '3px';
         p.fill(PALETTE.ink);
-        p.text(identity.name.toUpperCase(), x, 116);
+        p.text(fitted.name.text, x, 116);
         ctx.letterSpacing = '0px';
-        if (identity.tagline) {
+        if (fitted.tagline) {
             p.textStyle(p.NORMAL);
-            p.textSize(17);
+            p.textSize(fitted.tagline.size);
             p.fill(...brass);
-            p.text(identity.tagline, x, 146);
+            p.text(fitted.tagline.text, x, 146);
         }
         const count = galaxy.planets.length;
         p.textFont(MONO);
@@ -371,10 +379,10 @@ export function createGalaxySketch(galaxy, identity, login, rng) {
             p.text(label, lx + 14, 296);
             lx += 14 + p.textWidth(label) + 18;
         }
-        if (identity.website) {
-            p.textSize(12);
+        if (fitted.website) {
+            p.textSize(fitted.website.size);
             p.fill(...brass);
-            p.text(`↗ ${displayUrl(identity.website)}`, x, 350);
+            p.text(fitted.website.text, x, 350);
         }
     }
     return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "headreel",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "description": "Animated GitHub profile banner made from your GitHub activity, with a GitHub Action or CLI.",
   "keywords": [
     "github",