headreel 1.3.0 → 1.5.0

package/dist/styles/highlights-reel/reel.js

@@ -1,3 +1,4 @@
+import { longestStreak as coreLongestStreak } from '../../core/streaks.js';
 import { paletteOf } from './palette.js';
 /**
  * Where the reel lives: four cards on one desk, filmed by one camera.
@@ -54,16 +55,7 @@ const NEUTRAL = { light: [102, 106, 124], dark: [140, 146, 168] };
 const CARD_ORDER = ['contributions', 'top_repo', 'pull_requests', 'languages'];
 /** Longest run of consecutive days with at least one contribution. */
 export function longestStreak(contributions) {
-    let best = 0;
-    let run = 0;
-    for (const week of contributions.weeks) {
-        for (const day of week) {
-            run = day.count > 0 ? run + 1 : 0;
-            if (run > best)
-                best = run;
-        }
-    }
-    return best;
+    return coreLongestStreak(contributions.weeks.flat().map((day) => day.count));
 }
 /** "2026-03-28" .. "2026-04-03" -> "Mar 28 to Apr 3". */
 function dateRange(from, to) {

package/dist/styles/index.js

@@ -1,9 +1,13 @@
 import { contributionCity } from './contribution-city/index.js';
 import { highlightsReel } from './highlights-reel/index.js';
+import { nowPlaying } from './now-playing/index.js';
+import { receipt } from './receipt/index.js';
 import { repoGalaxy } from './repo-galaxy/index.js';
 /** Built-in styles, keyed by id. */
 export const styles = {
     [contributionCity.id]: contributionCity,
     [highlightsReel.id]: highlightsReel,
+    [nowPlaying.id]: nowPlaying,
+    [receipt.id]: receipt,
     [repoGalaxy.id]: repoGalaxy,
 };

package/dist/styles/now-playing/deck.js

@@ -0,0 +1,105 @@
+import { paletteOf } from './palette.js';
+/** 8 lyric lines at 2 s each, at 25 fps. */
+export const FRAMES = 400;
+/** Cassette hub and the fullest tape pack, px. */
+export const HUB_R = 26;
+export const PACK_MAX = 40;
+const COUNTER_MAX = 999;
+function hexToRgb(hex) {
+    const n = Number.parseInt(hex.slice(1), 16);
+    return [(n >> 16) & 255, (n >> 8) & 255, n & 255];
+}
+function rgbToHsl([r, g, b]) {
+    const [rn, gn, bn] = [r / 255, g / 255, b / 255];
+    const max = Math.max(rn, gn, bn);
+    const min = Math.min(rn, gn, bn);
+    const l = (max + min) / 2;
+    if (max === min)
+        return [0, 0, l];
+    const d = max - min;
+    const s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+    let h;
+    if (max === rn)
+        h = ((gn - bn) / d + (gn < bn ? 6 : 0)) / 6;
+    else if (max === gn)
+        h = ((bn - rn) / d + 2) / 6;
+    else
+        h = ((rn - gn) / d + 4) / 6;
+    return [h, s, l];
+}
+function hslToRgb(h, s, l) {
+    if (s === 0) {
+        const v = Math.round(l * 255);
+        return [v, v, v];
+    }
+    const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+    const p = 2 * l - q;
+    const channel = (t) => {
+        if (t < 0)
+            t += 1;
+        if (t > 1)
+            t -= 1;
+        if (t < 1 / 6)
+            return p + (q - p) * 6 * t;
+        if (t < 1 / 2)
+            return q;
+        if (t < 2 / 3)
+            return p + (q - p) * (2 / 3 - t) * 6;
+        return p;
+    };
+    return [
+        Math.round(channel(h + 1 / 3) * 255),
+        Math.round(channel(h) * 255),
+        Math.round(channel(h - 1 / 3) * 255),
+    ];
+}
+/**
+ * The band's caption is small white type, so the band is held to a darkness
+ * pale linguist colors reach after adjustment and dark ones keep their hue.
+ */
+export function languageBandColor(hex) {
+    if (!hex)
+        return [90, 96, 110];
+    const [h, s, l] = rgbToHsl(hexToRgb(hex));
+    return hslToRgb(h, Math.min(s, 0.8), Math.min(Math.max(l, 0.3), 0.45));
+}
+/** Tape pack radius for a share of the tape, by area. */
+export function packRadius(share) {
+    const s = Math.min(1, Math.max(0, share));
+    return Math.sqrt(HUB_R ** 2 + s * (PACK_MAX ** 2 - HUB_R ** 2));
+}
+function reel(share, phase) {
+    const radius = packRadius(share);
+    return { radius, revs: Math.max(1, Math.round(80 / radius)), phase };
+}
+/** Meter heights: sqrt scaling, so a quiet day next to a busy one still shows. */
+export function meterBars(days) {
+    const max = Math.max(1, ...days);
+    return days.map((c) => (c > 0 ? Math.sqrt(c / max) : 0));
+}
+export function buildDeck(data, options, rng) {
+    const brush = [];
+    for (let i = 0; i < 90; i++) {
+        brush.push({
+            y: rng(),
+            x0: rng() * 0.6,
+            x1: 0.4 + rng() * 0.6,
+            alpha: 0.03 + rng() * 0.03,
+        });
+    }
+    return {
+        palette: paletteOf(options),
+        status: data.status,
+        repo: data.repo ? { owner: data.repo.owner, name: data.repo.name } : null,
+        bandColor: languageBandColor(data.repo?.language?.color),
+        languageName: data.repo?.language?.name ?? null,
+        counter: Math.min(COUNTER_MAX, data.commits),
+        bars: meterBars(data.days),
+        lyrics: data.lyrics,
+        takeUp: reel(data.share, rng()),
+        supply: reel(1 - data.share, rng()),
+        brush,
+        screws: [rng() * Math.PI, rng() * Math.PI, rng() * Math.PI, rng() * Math.PI],
+        labelTilt: (rng() - 0.5) * 0.04,
+    };
+}

package/dist/styles/now-playing/index.js

@@ -0,0 +1,16 @@
+import { fetchNowPlaying, nowPlayingSchema } from '../../core/data/now-playing.js';
+import { buildDeck, FRAMES } from './deck.js';
+import { options } from './options.js';
+import { paletteOf, pinnedOf } from './palette.js';
+import { createDeckSketch } from './sketch.js';
+export const nowPlaying = {
+    id: 'now-playing',
+    fps: 25,
+    frames: FRAMES,
+    pinned: (options) => pinnedOf(paletteOf(options)),
+    data: { name: 'nowplaying', schema: nowPlayingSchema, fetch: fetchNowPlaying },
+    options,
+    createSketch({ data, options, identity, rng }) {
+        return createDeckSketch(buildDeck(data, options, rng), identity);
+    },
+};

package/dist/styles/now-playing/options.js

@@ -0,0 +1,19 @@
+import { z } from 'zod';
+export const THEMES = ['dark', 'light'];
+export const ACCENTS = ['cyan', 'green', 'orange'];
+export const options = z
+    .object({
+    /** The deck and the room: graphite on dark, or a silver deck on light. */
+    theme: z.enum(THEMES).default('dark'),
+    /** Display phosphor, level meter, play LED, prompt and links. Real VFD colors only. */
+    accent: z.enum(ACCENTS).default('cyan'),
+    /** Comma-separated repositories never picked, e.g. the profile repo itself. */
+    exclude: z
+        .string()
+        .default('')
+        .transform((v) => v
+        .split(',')
+        .map((n) => n.trim())
+        .filter(Boolean)),
+})
+    .strict();

package/dist/styles/now-playing/palette.js

@@ -0,0 +1,69 @@
+/**
+ * Accent presets: the three colors real VFDs came in. The phosphor value
+ * passes 4.5:1 on the display glass; the light theme's darker value passes
+ * 4.5:1 on its room (both asserted by a test).
+ */
+export const ACCENT_VALUES = {
+    cyan: [34, 211, 238],
+    green: [52, 211, 153],
+    orange: [251, 146, 60],
+};
+/** Tailwind 700 of each accent (orange 800: 700 misses 4.5:1), for type on the light room. */
+const LIGHT_ACCENT_VALUES = {
+    cyan: [14, 116, 144],
+    green: [4, 120, 87],
+    orange: [154, 52, 18],
+};
+const CASSETTE = {
+    shell: [46, 44, 41],
+    tape: [24, 19, 17],
+    paper: [239, 230, 210],
+    ink: [31, 29, 26],
+    glass: [7, 16, 15],
+    amber: [255, 181, 71],
+    red: [255, 77, 61],
+};
+const BASE = {
+    dark: {
+        ...CASSETTE,
+        bg: [16, 17, 20],
+        vignette: 0.3,
+        faceplate: [36, 38, 43],
+        bevel: [58, 61, 68],
+        keyTop: [58, 61, 68],
+        keyRim: [255, 255, 255],
+        screw: [22, 23, 26],
+        plateInk: [143, 147, 156],
+        identityInk: [242, 239, 232],
+        identityMuted: [143, 147, 156],
+    },
+    // A silver deck, as 1980s hi-fi came in. The window and display stay dark.
+    light: {
+        ...CASSETTE,
+        bg: [236, 237, 241],
+        vignette: 0.06,
+        faceplate: [204, 207, 212],
+        bevel: [246, 247, 249],
+        keyTop: [226, 228, 232],
+        keyRim: [255, 255, 255],
+        screw: [120, 124, 132],
+        plateInk: [70, 74, 82],
+        identityInk: [17, 18, 22],
+        identityMuted: [92, 96, 106],
+    },
+};
+export function paletteOf(options) {
+    const accent = ACCENT_VALUES[options.accent];
+    return {
+        ...BASE[options.theme],
+        accent,
+        identityAccent: options.theme === 'dark' ? accent : LIGHT_ACCENT_VALUES[options.accent],
+    };
+}
+/** Flat colors the encoder keeps exact and undithered. */
+export function pinnedOf(palette) {
+    const colors = [palette.bg, palette.faceplate, palette.glass, palette.paper, palette.accent];
+    if (palette.identityAccent !== palette.accent)
+        colors.push(palette.identityAccent);
+    return colors;
+}