claude-buddy-reroll 1.9.0 → 2.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-buddy-reroll",
-  "version": "1.9.0",
+  "version": "2.0.0",
   "description": "Speaki-styled npm terminal for buddy rerolls, dex replay, and SALT patching.",
   "type": "module",
   "bin": {

package/src/display.mjs

@@ -1,91 +1,309 @@
-// Display utilities for buddy cards
-
-import { RARITY_STARS, STAT_FLOORS } from './engine.mjs';
-import { renderSprite } from './sprites.mjs';
-import { formatEye, formatShinyTag, formatStars, isAsciiOnlyTerminal, toTerminalSafeText } from './terminal.mjs';
-import { renderStatBars } from './stat-bars.mjs';
-
-const RARITY_STYLE = {
-  common:    { border: '─', color: '\x1b[37m',  label: '\x1b[37m',  badge: 'COMMON'    },
-  uncommon:  { border: '═', color: '\x1b[32m',  label: '\x1b[32m',  badge: 'UNCOMMON'  },
-  rare:      { border: '━', color: '\x1b[36m',  label: '\x1b[36m',  badge: 'RARE'      },
-  epic:      { border: '▓', color: '\x1b[35m',  label: '\x1b[35m',  badge: 'EPIC'      },
-  legendary: { border: '█', color: '\x1b[33m',  label: '\x1b[33;1m', badge: 'LEGENDARY' },
-};
-
-const ASCII_BORDER = {
-  common: '-',
-  uncommon: '=',
-  rare: '=',
-  epic: '#',
-  legendary: '#',
-};
-
-const RESET = '\x1b[0m';
-const DIM = '\x1b[2m';
-const BOLD = '\x1b[1m';
-const GRAY = '\x1b[90m';
-
-function statBar(value, max = 100, color = '') {
-  const width = 14;
-  const filled = Math.round((value / max) * width);
-  return `${color}${'█'.repeat(filled)}${GRAY}${'░'.repeat(width - filled)}${RESET} ${String(value).padStart(3)}`;
-}
-
-export function renderCard(result, { showSalt = false, index = null, frame = 0 } = {}) {
-  const { bones, inspirationSeed } = result;
-  const { rarity, species, eye, hat, shiny, stats } = bones;
-  const style = RARITY_STYLE[rarity];
-  const borderChar = isAsciiOnlyTerminal() ? ASCII_BORDER[rarity] : style.border;
-  const stars = formatStars(RARITY_STARS[rarity]);
-  const shinyTag = shiny ? formatShinyTag(' ✨ SHINY!') : '';
-  const sprite = toTerminalSafeText(renderSprite(species, formatEye(eye), hat, frame));
-  const rarityBadge = `${style.label}[ ${style.badge} ]${RESET}`;
-
-  const header = index !== null ? `#${index + 1} ` : '';
-  const saltLine = showSalt && result.salt ? `${DIM}salt: ${result.salt}${RESET}` : '';
-
-  const lines = [
-    '',
-    `${style.color}${borderChar.repeat(36)}${RESET}`,
-    `  ${rarityBadge}`,
-    `${style.color}  ${header}${BOLD}${species.toUpperCase()}${RESET}${style.color}  ${stars}${shinyTag}${RESET}`,
-    `${style.color}${borderChar.repeat(36)}${RESET}`,
-    '',
-    ...sprite.split('\n').map((line) => `  ${line}`),
-    '',
-    `  ${DIM}Eye:${RESET} ${formatEye(eye)}    ${DIM}Hat:${RESET} ${toTerminalSafeText(hat === 'none' ? '(none)' : hat)}`,
-    '',
-    `  ${DIM}Stats:${RESET}`,
-  ];
-
-  const statBarsBlock = renderStatBars(stats, rarity);
-  if (statBarsBlock) {
-    for (const line of statBarsBlock.split('\n')) {
-      lines.push(toTerminalSafeText(line));
-    }
-  }
-
-  lines.push('');
-  if (saltLine) lines.push(`  ${saltLine}`);
-  lines.push(`${style.color}${borderChar.repeat(36)}${RESET}`);
-  lines.push('');
-
-  return lines.join('\n');
-}
-
-export function renderMiniCard(result, index) {
-  const { bones } = result;
-  const { rarity, species, eye, shiny } = bones;
-  const style = RARITY_STYLE[rarity];
-  const stars = formatStars(RARITY_STARS[rarity]);
-  const badge = style.badge.padEnd(9);
-  const shinyTag = shiny
-    ? (isAsciiOnlyTerminal() ? '[SHINY]' : formatShinyTag('✨'))
-    : '';
-
-  const idx = String(index + 1).padStart(2, ' ');
-  return `${style.color}${idx}. ${formatEye(eye)} ${species.padEnd(10)} ${stars.padEnd(5)} ${badge} ${shinyTag.padEnd(8)}${RESET}`;
-}
-
-// Dex rendering is handled directly in cli.mjs
+// Display utilities for buddy cards — v3: rarity = structure
+// Each rarity tier has a fundamentally different card layout.
+
+import { RARITY_STARS, STAT_FLOORS, STATS } from './engine.mjs';
+import { renderSprite } from './sprites.mjs';
+import { formatEye, formatShinyTag, formatStars, isAsciiOnlyTerminal, toTerminalSafeText } from './terminal.mjs';
+import { padAnsiEnd, visibleLength } from './ansi.mjs';
+
+const R = '\x1b[0m';
+const BOLD = '\x1b[1m';
+const DIM = '\x1b[2m';
+const ITALIC = '\x1b[3m';
+const GRAY = '\x1b[90m';
+
+const RARITY = {
+  common:    { color: '\x1b[90m',    accent: '\x1b[37m',    bg: '' },
+  uncommon:  { color: '\x1b[32m',    accent: '\x1b[32;1m',  bg: '' },
+  rare:      { color: '\x1b[34m',    accent: '\x1b[34;1m',  bg: '' },
+  epic:      { color: '\x1b[35m',    accent: '\x1b[35;1m',  bg: '\x1b[48;5;53m' },
+  legendary: { color: '\x1b[33;1m',  accent: '\x1b[33;1m',  bg: '\x1b[48;5;58m' },
+};
+
+function statBar(value, color) {
+  const w = 12;
+  const filled = Math.round((value / 100) * w);
+  return `${color}${'█'.repeat(filled)}${GRAY}${'░'.repeat(w - filled)}${R}`;
+}
+
+function centerText(text, width) {
+  const vis = visibleLength(text);
+  if (vis >= width) return text;
+  const left = Math.floor((width - vis) / 2);
+  return ' '.repeat(left) + text;
+}
+
+// ─── COMMON: compact, no frame, disposable feel ─────────
+
+function renderCommon(result, { index, frame }) {
+  const { bones } = result;
+  const { species, eye } = bones;
+  const c = RARITY.common;
+  const idx = index !== null ? `${GRAY}#${index + 1}${R} ` : '';
+
+  // Extract just the "face" — second or third line of sprite
+  const spriteLines = renderSprite(species, formatEye(eye), 'none', frame).split('\n');
+  const faceLine = spriteLines.find(l => l.includes(formatEye(eye))) || spriteLines[1] || '';
+
+  return [
+    '',
+    `  ${idx}${c.color}★ ${species}${R}  ${GRAY}${formatEye(eye)}${R}`,
+    `  ${c.color}${toTerminalSafeText(faceLine.trim())}${R}`,
+    '',
+  ].join('\n');
+}
+
+// ─── UNCOMMON: light frame, adds stats ──────────────────
+
+function renderUncommon(result, { index, frame, showSalt }) {
+  const { bones } = result;
+  const { species, eye, hat, stats } = bones;
+  const c = RARITY.uncommon;
+  const W = 32;
+  const idx = index !== null ? `#${index + 1} ` : '';
+  const stars = formatStars(RARITY_STARS.uncommon);
+
+  const spriteLines = renderSprite(species, formatEye(eye), hat, frame).split('\n');
+  const faceLine = spriteLines.find(l => l.includes(formatEye(eye))) || spriteLines[1] || '';
+
+  const lines = [];
+  lines.push('');
+  lines.push(`  ${c.color}╭${'─'.repeat(W)}╮${R}`);
+  lines.push(`  ${c.color}│${R} ${c.accent}${BOLD}${idx}${species.toUpperCase()}${R} ${c.color}${stars}${R}${' '.repeat(Math.max(0, W - visibleLength(`${idx}${species.toUpperCase()} ${stars}`) - 1))}${c.color}│${R}`);
+  lines.push(`  ${c.color}│${R} ${toTerminalSafeText(padAnsiEnd(faceLine.trim(), W - 1))}${c.color}│${R}`);
+  lines.push(`  ${c.color}│${R} ${DIM}Eye${R} ${formatEye(eye)}  ${DIM}Hat${R} ${toTerminalSafeText(hat === 'none' ? '—' : hat)}${' '.repeat(Math.max(0, W - 20))}${c.color}│${R}`);
+
+  // Compact stats
+  if (stats) {
+    const top = STATS.filter(s => stats[s] !== undefined)
+      .sort((a, b) => (stats[b] ?? 0) - (stats[a] ?? 0))
+      .slice(0, 3);
+    const statStr = top.map(s => `${s.slice(0, 3)}:${stats[s]}`).join(' ');
+    lines.push(`  ${c.color}│${R} ${GRAY}${statStr}${R}${' '.repeat(Math.max(0, W - visibleLength(statStr) - 1))}${c.color}│${R}`);
+  }
+
+  if (showSalt && result.salt) {
+    lines.push(`  ${c.color}│${R} ${DIM}${ITALIC}${result.salt}${R}${' '.repeat(Math.max(0, W - result.salt.length - 1))}${c.color}│${R}`);
+  }
+  lines.push(`  ${c.color}╰${'─'.repeat(W)}╯${R}`);
+  lines.push('');
+  return lines.join('\n');
+}
+
+// ─── RARE: double frame, full sprite, stat bars ─────────
+
+function renderRare(result, { index, frame, showSalt }) {
+  const { bones } = result;
+  const { species, eye, hat, shiny, stats, rarity } = bones;
+  const c = RARITY.rare;
+  const W = 36;
+  const inner = W - 2;
+  const idx = index !== null ? `#${index + 1} ` : '';
+  const stars = formatStars(RARITY_STARS[rarity]);
+  const floor = STAT_FLOORS[rarity] || 25;
+
+  const v = (content) => {
+    const padded = padAnsiEnd(content, inner);
+    return `  ${c.color}║${R} ${padded}${c.color}║${R}`;
+  };
+
+  const lines = [];
+  lines.push('');
+  lines.push(`  ${c.color}╔${'═'.repeat(W)}╗${R}`);
+  lines.push(v(`${c.accent}${BOLD}${rarity.toUpperCase()}${R} ${c.color}${stars}${R}`));
+  lines.push(v(`${c.accent}${BOLD}${idx}${species.toUpperCase()}${R}${shiny ? ` ${formatShinyTag('✨')}` : ''}`));
+  lines.push(`  ${c.color}╠${'═'.repeat(W)}╣${R}`);
+
+  // Full sprite
+  const sprite = toTerminalSafeText(renderSprite(species, formatEye(eye), hat, frame));
+  for (const sl of sprite.split('\n')) {
+    lines.push(v(centerText(`${c.color}${sl}${R}`, inner)));
+  }
+
+  lines.push(`  ${c.color}╠${'═'.repeat(W)}╣${R}`);
+  lines.push(v(`${DIM}Eye${R} ${formatEye(eye)}  ${DIM}Hat${R} ${toTerminalSafeText(hat === 'none' ? '—' : hat)}`));
+
+  // Stat bars
+  if (stats) {
+    lines.push(v(''));
+    for (const name of STATS) {
+      if (stats[name] === undefined) continue;
+      const val = stats[name];
+      const isHigh = val >= floor + 40;
+      const isLow = val <= floor;
+      const bar = statBar(val, c.color);
+      const marker = isHigh ? `${c.accent}▲${R}` : isLow ? `\x1b[31m▼${R}` : ' ';
+      lines.push(v(`${GRAY}${name.slice(0, 5).padEnd(5)}${R} ${bar} ${String(val).padStart(3)} ${marker}`));
+    }
+  }
+
+  if (showSalt && result.salt) {
+    lines.push(`  ${c.color}╠${'═'.repeat(W)}╣${R}`);
+    lines.push(v(`${DIM}${ITALIC}${result.salt}${R}`));
+  }
+  lines.push(`  ${c.color}╚${'═'.repeat(W)}╝${R}`);
+  lines.push('');
+  return lines.join('\n');
+}
+
+// ─── EPIC: bg tint, wide padding, decorative ────────────
+
+function renderEpic(result, { index, frame, showSalt }) {
+  const { bones } = result;
+  const { species, eye, hat, shiny, stats, rarity } = bones;
+  const c = RARITY.epic;
+  const W = 38;
+  const inner = W - 2;
+  const floor = STAT_FLOORS[rarity] || 35;
+  const idx = index !== null ? `#${index + 1} ` : '';
+  const stars = formatStars(RARITY_STARS[rarity]);
+
+  const v = (content) => {
+    const padded = padAnsiEnd(content, inner);
+    return `  ${c.color}║${R}${c.bg} ${padded}${R} ${c.color}║${R}`;
+  };
+  const blank = () => v('');
+
+  const decorChar = isAsciiOnlyTerminal() ? '*' : '✦';
+  const decor = `  ${c.color}╠${'─'.repeat(Math.floor(W / 2 - 2))}${decorChar}${'─'.repeat(Math.ceil(W / 2 - 1))}╣${R}`;
+
+  const lines = [];
+  lines.push('');
+  lines.push(`  ${c.color}╔${'═'.repeat(W)}╗${R}`);
+  lines.push(blank());
+  lines.push(v(centerText(`${c.accent}${BOLD}${formatStars(RARITY_STARS[rarity])} ${rarity.toUpperCase()}${R}`, inner)));
+  lines.push(v(centerText(`${c.accent}${BOLD}${idx}${species.toUpperCase()}${R}${shiny ? ` ${formatShinyTag('✨ SHINY')}` : ''}`, inner)));
+  lines.push(blank());
+  lines.push(decor);
+  lines.push(blank());
+
+  // Full sprite (colored)
+  const sprite = toTerminalSafeText(renderSprite(species, formatEye(eye), hat, frame));
+  for (const sl of sprite.split('\n')) {
+    lines.push(v(centerText(`${c.accent}${sl}${R}`, inner)));
+  }
+
+  lines.push(blank());
+  lines.push(decor);
+  lines.push(v(`${DIM}Eye${R} ${formatEye(eye)}   ${DIM}Hat${R} ${toTerminalSafeText(hat === 'none' ? '—' : hat)}   ${DIM}Shiny${R} ${shiny ? `${c.accent}YES${R}` : `${GRAY}no${R}`}`));
+  lines.push(blank());
+
+  // Stat bars with wide format
+  if (stats) {
+    for (const name of STATS) {
+      if (stats[name] === undefined) continue;
+      const val = stats[name];
+      const isHigh = val >= floor + 40;
+      const isLow = val <= floor;
+      const bar = statBar(val, c.color);
+      const marker = isHigh ? `${c.accent}▲${R}` : isLow ? `\x1b[31m▼${R}` : ' ';
+      lines.push(v(`  ${GRAY}${name.padEnd(9)}${R} ${bar} ${String(val).padStart(3)} ${marker}`));
+    }
+  }
+
+  lines.push(blank());
+  if (showSalt && result.salt) {
+    lines.push(v(`${DIM}${ITALIC}${result.salt}${R}`));
+  }
+  lines.push(`  ${c.color}╚${'═'.repeat(W)}╝${R}`);
+  lines.push('');
+  return lines.join('\n');
+}
+
+// ─── LEGENDARY: sparkle frame, maximum presence ─────────
+
+function renderLegendary(result, { index, frame, showSalt }) {
+  const { bones } = result;
+  const { species, eye, hat, shiny, stats, rarity } = bones;
+  const c = RARITY.legendary;
+  const W = 40;
+  const inner = W - 2;
+  const floor = STAT_FLOORS[rarity] || 50;
+  const idx = index !== null ? `#${index + 1} ` : '';
+
+  const v = (content) => {
+    const padded = padAnsiEnd(content, inner);
+    return `  ${c.color}║${R}${c.bg} ${padded}${R} ${c.color}║${R}`;
+  };
+  const blank = () => v('');
+
+  const sp = isAsciiOnlyTerminal() ? '*' : '✦';
+  const sparkleTop = `  ${c.color}${sp}${'═'.repeat(W)}${sp}${R}`;
+  const sparkleBot = `  ${c.color}${sp}${'═'.repeat(W)}${sp}${R}`;
+  const decor = `  ${c.color}║${'─'.repeat(Math.floor(W / 2 - 3))} ${sp} ${sp} ${sp} ${'─'.repeat(Math.ceil(W / 2 - 4))}║${R}`;
+
+  const lines = [];
+  lines.push('');
+  lines.push(sparkleTop);
+  lines.push(blank());
+  lines.push(v(centerText(`${c.accent}${BOLD}${formatStars('★ ★ ★ ★ ★')}  L E G E N D A R Y${R}`, inner)));
+  lines.push(blank());
+  lines.push(v(centerText(`${c.accent}${BOLD}${sp} ${idx}${species.toUpperCase()} ${sp}${R}`, inner)));
+  lines.push(blank());
+  lines.push(decor);
+  lines.push(blank());
+
+  // Full sprite (golden)
+  const sprite = toTerminalSafeText(renderSprite(species, formatEye(eye), hat, frame));
+  for (const sl of sprite.split('\n')) {
+    lines.push(v(centerText(`${c.accent}${sl}${R}`, inner)));
+  }
+
+  lines.push(blank());
+  lines.push(decor);
+  lines.push(blank());
+  lines.push(v(`  ${DIM}Eye${R} ${formatEye(eye)}    ${DIM}Hat${R} ${toTerminalSafeText(hat === 'none' ? '—' : hat)}    ${shiny ? `${c.accent}${BOLD}✨ SHINY!${R}` : ''}`));
+  lines.push(blank());
+
+  // Full stat bars
+  if (stats) {
+    for (const name of STATS) {
+      if (stats[name] === undefined) continue;
+      const val = stats[name];
+      const isHigh = val >= floor + 40;
+      const isLow = val <= floor;
+      const bar = statBar(val, c.color);
+      const marker = isHigh ? `${c.accent}▲${R}` : isLow ? `\x1b[31m▼${R}` : ' ';
+      lines.push(v(`  ${c.accent}${name.padEnd(9)}${R} ${bar} ${String(val).padStart(3)} ${marker}`));
+    }
+  }
+
+  lines.push(blank());
+  if (showSalt && result.salt) {
+    lines.push(v(`${DIM}${ITALIC}${result.salt}${R}`));
+    lines.push(blank());
+  }
+  lines.push(sparkleBot);
+  lines.push('');
+  return lines.join('\n');
+}
+
+// ─── Public API ─────────────────────────────────────────
+
+export function renderCard(result, { showSalt = false, index = null, frame = 0 } = {}) {
+  const { rarity } = result.bones;
+  const opts = { index, frame, showSalt };
+
+  switch (rarity) {
+    case 'common':    return renderCommon(result, opts);
+    case 'uncommon':  return renderUncommon(result, opts);
+    case 'rare':      return renderRare(result, opts);
+    case 'epic':      return renderEpic(result, opts);
+    case 'legendary': return renderLegendary(result, opts);
+    default:          return renderCommon(result, opts);
+  }
+}
+
+export function renderMiniCard(result, index) {
+  const { bones } = result;
+  const { rarity, species, eye, hat, shiny } = bones;
+  const c = RARITY[rarity] || RARITY.common;
+  const stars = formatStars(RARITY_STARS[rarity]);
+  const shinyTag = shiny
+    ? (isAsciiOnlyTerminal() ? ' [S]' : ` ${formatShinyTag('✨')}`)
+    : '';
+  const hatTag = hat !== 'none' ? ` ${DIM}+${toTerminalSafeText(hat)}${R}` : '';
+
+  const idx = String(index + 1).padStart(2, ' ');
+  return `${c.color}${idx}. ${formatEye(eye)} ${BOLD}${species.padEnd(10)}${R}${c.color} ${stars.padEnd(5)} ${rarity.slice(0, 3).toUpperCase()}${shinyTag}${hatTag}${R}`;
+}