commitshow 0.3.9 → 0.3.12

package/dist/lib/render.js

@@ -23,137 +23,132 @@ function scoreBar(value, max) {
     const tone = scoreTone(Math.round((value / max) * 100));
     return tone('▰'.repeat(filled)) + c.muted('▱'.repeat(empty));
 }
+// ANSI Shadow figlet font · transcribed via oh-my-logo --filled. CEO
+// referenced the Claude Code style; Claude Code itself doesn't embed a
+// text-as-ASCII logo (only the Clawd mascot lives in its bundle), but
+// oh-my-logo is the open-source library that imitates the look and ANSI
+// Shadow is the free figlet font it uses. 6 rows tall, variable width per
+// glyph (4 to 10 cols), pre-padded so bigText concats cleanly.
 const BIG_DIGITS = {
     "0": [
-        "11111",
-        "10001",
-        "10001",
-        "10001",
-        "10001",
-        "10001",
-        "11111",
+        "  ██████╗ ",
+        " ██╔═████╗",
+        " ██║██╔██║",
+        " ████╔╝██║",
+        " ╚██████╔╝",
+        "  ╚═════╝ ",
     ],
     "1": [
-        "00100",
-        "01100",
-        "00100",
-        "00100",
-        "00100",
-        "00100",
-        "01110",
+        "  ██╗",
+        " ███║",
+        " ╚██║",
+        "  ██║",
+        "  ██║",
+        "  ╚═╝",
     ],
     "2": [
-        "11111",
-        "00001",
-        "00001",
-        "11111",
-        "10000",
-        "10000",
-        "11111",
+        " ██████╗ ",
+        " ╚════██╗",
+        "  █████╔╝",
+        " ██╔═══╝ ",
+        " ███████╗",
+        " ╚══════╝",
     ],
     "3": [
-        "11111",
-        "00001",
-        "00001",
-        "11111",
-        "00001",
-        "00001",
-        "11111",
+        " ██████╗ ",
+        " ╚════██╗",
+        "  █████╔╝",
+        "  ╚═══██╗",
+        " ██████╔╝",
+        " ╚═════╝ ",
     ],
     "4": [
-        "10001",
-        "10001",
-        "10001",
-        "11111",
-        "00001",
-        "00001",
-        "00001",
+        " ██╗  ██╗",
+        " ██║  ██║",
+        " ███████║",
+        " ╚════██║",
+        "      ██║",
+        "      ╚═╝",
     ],
     "5": [
-        "11111",
-        "10000",
-        "10000",
-        "11111",
-        "00001",
-        "00001",
-        "11111",
+        " ███████╗",
+        " ██╔════╝",
+        " ███████╗",
+        " ╚════██║",
+        " ███████║",
+        " ╚══════╝",
     ],
     "6": [
-        "11111",
-        "10000",
-        "10000",
-        "11111",
-        "10001",
-        "10001",
-        "11111",
+        "  ██████╗ ",
+        " ██╔════╝ ",
+        " ███████╗ ",
+        " ██╔═══██╗",
+        " ╚██████╔╝",
+        "  ╚═════╝ ",
     ],
     "7": [
-        "11111",
-        "00001",
-        "00001",
-        "00001",
-        "00001",
-        "00001",
-        "00001",
+        " ███████╗",
+        " ╚════██║",
+        "     ██╔╝",
+        "    ██╔╝ ",
+        "    ██║  ",
+        "    ╚═╝  ",
     ],
     "8": [
-        "11111",
-        "10001",
-        "10001",
-        "11111",
-        "10001",
-        "10001",
-        "11111",
+        "  █████╗ ",
+        " ██╔══██╗",
+        " ╚█████╔╝",
+        " ██╔══██╗",
+        " ╚█████╔╝",
+        "  ╚════╝ ",
     ],
     "9": [
-        "11111",
-        "10001",
-        "10001",
-        "11111",
-        "00001",
-        "00001",
-        "11111",
+        "  █████╗ ",
+        " ██╔══██╗",
+        " ╚██████║",
+        "  ╚═══██║",
+        "  █████╔╝",
+        "  ╚════╝ ",
     ],
     "/": [
-        "00001",
-        "00001",
-        "00010",
-        "00100",
-        "01000",
-        "10000",
-        "10000",
+        "     ██╗",
+        "    ██╔╝",
+        "   ██╔╝ ",
+        "  ██╔╝  ",
+        " ██╔╝   ",
+        " ╚═╝    ",
     ],
     " ": [
-        "00000",
-        "00000",
-        "00000",
-        "00000",
-        "00000",
-        "00000",
-        "00000",
+        "   ",
+        "   ",
+        "   ",
+        "   ",
+        "   ",
+        "   ",
     ],
 };
-const BIG_ROWS = 7;
-const PIXEL_FILL = "█"; // 1 char per pixel · halves width vs ██ so 3-digit scores stay inside narrow PC grid columns
-const PIXEL_BLANK = " ";
-const PIXEL_GAP = " "; // visible seam between pixels — the "block" feel
-const DIGIT_GAP = "   "; // wider gap between digits so they read as separate numerals
-function digitToRows(d) {
-    const m = BIG_DIGITS[d] ?? BIG_DIGITS[" "];
-    return m.map(row => row.split("").map(c => c === "1" ? PIXEL_FILL : PIXEL_BLANK).join(PIXEL_GAP));
-}
-/** Render a string ("68", "100", "82/100") as a pixel-grid block numeral. */
+const BIG_ROWS = 6;
+/** Render a string ("68", "100", "82/100") in ANSI Shadow figlet font.
+ *  Each glyph already carries 1 col of leading + 1 col of trailing space,
+ *  so a 1-space gutter is enough to separate adjacent digits without the
+ *  tracking looking gappy. Variable-width glyphs are NOT padded — the
+ *  font is a proportional shadow font and looks best when concatenated
+ *  natively, exactly as `figlet` and oh-my-logo render it. */
 function bigText(text) {
-    const rows = Array.from({ length: BIG_ROWS }, () => "");
-    const chars = text.split("");
-    for (let i = 0; i < chars.length; i++) {
-        const glyph = digitToRows(chars[i]);
+    const rows = Array.from({ length: BIG_ROWS }, () => '');
+    const GAP = ' ';
+    for (let i = 0; i < text.length; i++) {
+        const ch = text[i];
+        const glyph = BIG_DIGITS[ch] ?? BIG_DIGITS[' '];
         for (let r = 0; r < BIG_ROWS; r++) {
-            rows[r] += glyph[r] + (i < chars.length - 1 ? DIGIT_GAP : "");
+            rows[r] += glyph[r] + (i < text.length - 1 ? GAP : '');
         }
     }
     return rows;
 }
+/** Visible (rune) length — counts Unicode code points so the centering math
+ *  treats `█` and `╔` as one column each, matching how monospace terminals
+ *  render the ANSI Shadow font. */
 function bigTextWidth(text) {
     if (text.length === 0)
         return 0;
@@ -271,42 +266,57 @@ export function renderAudit(view) {
         lines.push('  ' + boxBottom());
         lines.push('');
     }
-    // Hero score · big-digit ASCII for X-share screenshots.
-    // Now positioned AFTER concerns/strengths · the score is the receipt
-    // for the findings above, not the lead. Always brand gold for cohesive
-    // wordmark + score brand mark.
-    const bigRows = bigText(String(total));
-    const bigWidth = bigRows[0].length;
-    const leftPad = Math.floor((58 - bigWidth) / 2);
-    for (const row of bigRows) {
-        lines.push('  ' + ' '.repeat(leftPad) + c.pixelInk(row));
-    }
-    // Breathing room between the hero ASCII and the small caption. Without
-    // it the "/ 100 · walk-on · strong" line glues to the bottom of the
-    // digits and the score reads as one block.
-    lines.push('');
-    // Caption · small "/ 100 · band" · band tinted so the signal lives there.
-    // Walk-on track gets an extra middle segment + a sub-line surfacing the
-    // 95 max so users read the score in the right context (88 walk-on ≠ 88
-    // league · perfect walk-on caps at 95 because Scout+Community pillars
-    // structurally unevaluated).
+    // Hero score · trophy plate. Score + caption wrapped in a double-line
+    // ╔═╗ box so the X/Twitter screenshot has a single hero artifact you can
+    // crop to. Box is intentionally wider than tall (≈3:2) — square in cell
+    // count is too tall once the 6-row ANSI Shadow + 1 caption + 2 padding
+    // rows are stacked. Outer 58-col layout still centers the box.
     const band = total >= 75 ? 'strong' : total >= 50 ? 'mid' : 'weak';
     const bandTone = scoreTone(total);
+    const bigRows = bigText(String(total));
+    const bigWidth = bigRows[0].length;
+    // Inner content width = the longer of (digit width, caption width) + a
+    // small breathing margin on each side. Box outer = inner + 2 (frame).
     const captionVisible = isWalkOn
         ? `/ 100 · walk-on · ${band}`
         : `/ 100 · ${band}`;
-    const capPad = Math.floor((58 - captionVisible.length) / 2);
+    const SCORE_PAD = 4; // 2 cells of breathing room on each side of widest line
+    const scoreInsideW = Math.max(bigWidth, captionVisible.length) + SCORE_PAD;
+    const scoreOuterW = scoreInsideW + 2;
+    // Center the trophy box inside the 58-col layout
+    const trophyLeftPad = Math.max(0, Math.floor((58 - scoreOuterW) / 2));
+    const trophyIndent = '  ' + ' '.repeat(trophyLeftPad);
+    const trophyTop = c.muted('╔' + '═'.repeat(scoreInsideW) + '╗');
+    const trophyBottom = c.muted('╚' + '═'.repeat(scoreInsideW) + '╝');
+    const trophyBlank = c.muted('║' + ' '.repeat(scoreInsideW) + '║');
+    // Center a colored line inside the box. visibleLen is the *visible*
+    // (ANSI-stripped) cell count of the colored content.
+    const trophyRow = (visibleLen, colored) => {
+        const pad = Math.max(0, scoreInsideW - visibleLen);
+        const lp = Math.floor(pad / 2);
+        const rp = pad - lp;
+        return c.muted('║') + ' '.repeat(lp) + colored + ' '.repeat(rp) + c.muted('║');
+    };
+    lines.push(trophyIndent + trophyTop);
+    lines.push(trophyIndent + trophyBlank);
+    for (const row of bigRows) {
+        lines.push(trophyIndent + trophyRow(bigWidth, c.pixelInk(row)));
+    }
+    lines.push(trophyIndent + trophyBlank);
+    // Caption row · band-tinted so the signal lives on the band word.
+    const captionColored = isWalkOn
+        ? c.muted('/ 100 · ') + c.gold('walk-on') + c.muted(' · ') + bandTone(band)
+        : c.muted('/ 100 · ') + bandTone(band);
+    lines.push(trophyIndent + trophyRow(captionVisible.length, captionColored));
+    lines.push(trophyIndent + trophyBottom);
+    // Walk-on sub-caption stays OUTSIDE the trophy — it's an explanation
+    // of the cap, not part of the headline. Keeps the box clean and tight
+    // for screenshot crops.
     if (isWalkOn) {
-        lines.push('  ' + ' '.repeat(capPad)
-            + c.muted('/ 100 · ') + c.gold('walk-on') + c.muted(' · ') + bandTone(band));
-        // Sub-caption explaining the 5pt headroom · centered, dim
         const subVisible = 'audition unlocks final 5 · max walk-on score 95';
         const subPad = Math.floor((58 - subVisible.length) / 2);
         lines.push('  ' + ' '.repeat(subPad) + c.muted(subVisible));
     }
-    else {
-        lines.push('  ' + ' '.repeat(capPad) + c.muted('/ 100 · ') + bandTone(band));
-    }
     lines.push('');
     // Axis bars · league shows all three; walk-on shows Audit only and
     // surfaces Scout + Community as locked-with-unlock-hint rows.
@@ -352,8 +362,13 @@ export function renderAudit(view) {
                 lines.push('  ' + boxRow(2 + detailTrunc.length, c.muted('  ') + c.muted(detailTrunc)));
                 // Third line: evidence (if any) · only on fail/warn so success cases stay compact
                 if (it.evidence && (it.status === 'fail' || it.status === 'warn')) {
-                    const evTrunc = truncate(it.evidence, 50);
-                    lines.push('  ' + boxRow(2 + evTrunc.length, c.muted('  → ') + c.muted(evTrunc)));
+                    // `'  → '` is 4 visible chars (two leading spaces + arrow + space)
+                    // — boxRow needs the full visible length or its right │ lands 2
+                    // cells too far right and the row "bursts" out of the box.
+                    // Cap evTrunc at 48 so even on the widest evidence string the row
+                    // stays inside CONTENT_W (54): 4 prefix + 48 evidence + 2 padding.
+                    const evTrunc = truncate(it.evidence, 48);
+                    lines.push('  ' + boxRow(4 + evTrunc.length, c.muted('  → ') + c.muted(evTrunc)));
                 }
             }
             lines.push('  ' + boxBottom());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "commitshow",
-  "version": "0.3.9",
+  "version": "0.3.12",
   "description": "commit.show CLI — audit any vibe-coded project from your terminal.",
   "type": "module",
   "bin": {