claude-buddy-reroll 1.9.1 → 2.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-buddy-reroll",
-  "version": "1.9.1",
+  "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,151 +1,309 @@
-// Display utilities for buddy cards — v2 redesign
+// 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 RESET = '\x1b[0m';
-const DIM = '\x1b[2m';
+const R = '\x1b[0m';
 const BOLD = '\x1b[1m';
-const GRAY = '\x1b[90m';
+const DIM = '\x1b[2m';
 const ITALIC = '\x1b[3m';
-const BG_RESET = '\x1b[49m';
-
-const RARITY_STYLE = {
-  common:    { color: '\x1b[37m',    label: '\x1b[37m',    bg: '',              badge: 'COMMON',    accent: '\x1b[90m',   tl: '┌', tr: '┐', bl: '└', br: '┘', h: '─', v: '│' },
-  uncommon:  { color: '\x1b[32m',    label: '\x1b[32m',    bg: '',              badge: 'UNCOMMON',  accent: '\x1b[32m',   tl: '╭', tr: '╮', bl: '╰', br: '╯', h: '─', v: '│' },
-  rare:      { color: '\x1b[36m',    label: '\x1b[36m',    bg: '',              badge: 'RARE',      accent: '\x1b[36m',   tl: '╔', tr: '╗', bl: '╚', br: '╝', h: '═', v: '║' },
-  epic:      { color: '\x1b[35m',    label: '\x1b[35m',    bg: '\x1b[48;5;53m', badge: 'EPIC',      accent: '\x1b[35;1m', tl: '╔', tr: '╗', bl: '╚', br: '╝', h: '═', v: '║' },
-  legendary: { color: '\x1b[33;1m',  label: '\x1b[33;1m',  bg: '\x1b[48;5;58m', badge: 'LEGENDARY', accent: '\x1b[33;1m', tl: '╔', tr: '╗', bl: '╚', br: '╝', h: '═', v: '║' },
-};
+const GRAY = '\x1b[90m';
 
-const ASCII_STYLE = {
-  common:    { tl: '+', tr: '+', bl: '+', br: '+', h: '-', v: '|' },
-  uncommon:  { tl: '+', tr: '+', bl: '+', br: '+', h: '-', v: '|' },
-  rare:      { tl: '+', tr: '+', bl: '+', br: '+', h: '=', v: '|' },
-  epic:      { tl: '#', tr: '#', bl: '#', br: '#', h: '=', v: '#' },
-  legendary: { tl: '#', tr: '#', bl: '#', br: '#', h: '#', v: '#' },
+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' },
 };
 
-const CARD_WIDTH = 38;
-const INNER = CARD_WIDTH - 4; // content area (minus border + padding)
-
-function box(style, ascii) {
-  const s = ascii ? { ...style, ...ASCII_STYLE[Object.keys(RARITY_STYLE).find(k => RARITY_STYLE[k] === style)] } : style;
-  return {
-    top:    `${style.color}${s.tl}${s.h.repeat(CARD_WIDTH - 2)}${s.tr}${RESET}`,
-    bottom: `${style.color}${s.bl}${s.h.repeat(CARD_WIDTH - 2)}${s.br}${RESET}`,
-    mid:    `${style.color}${s.v}${s.h.repeat(CARD_WIDTH - 2)}${s.v}${RESET}`,
-    row: (content) => {
-      const padded = padAnsiEnd(content, CARD_WIDTH - 4);
-      return `${style.color}${s.v}${RESET} ${padded} ${style.color}${s.v}${RESET}`;
-    },
-    empty: () => `${style.color}${s.v}${RESET}${' '.repeat(CARD_WIDTH - 2)}${style.color}${s.v}${RESET}`,
-  };
+function statBar(value, color) {
+  const w = 12;
+  const filled = Math.round((value / 100) * w);
+  return `${color}${'█'.repeat(filled)}${GRAY}${'░'.repeat(w - filled)}${R}`;
 }
 
-function centerPad(text, width) {
+function centerText(text, width) {
   const vis = visibleLength(text);
   if (vis >= width) return text;
   const left = Math.floor((width - vis) / 2);
-  const right = width - vis - left;
-  return ' '.repeat(left) + text + ' '.repeat(right);
+  return ' '.repeat(left) + text;
 }
 
-function statBar(value, color) {
-  const width = 12;
-  const filled = Math.round((value / 100) * width);
-  const bar = `${color}${'█'.repeat(filled)}${GRAY}${'░'.repeat(width - filled)}${RESET}`;
-  return bar;
+// ─── 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');
 }
 
-export function renderCard(result, { showSalt = false, index = null, frame = 0 } = {}) {
+// ─── UNCOMMON: light frame, adds stats ──────────────────
+
+function renderUncommon(result, { index, frame, showSalt }) {
   const { bones } = result;
-  const { rarity, species, eye, hat, shiny, stats } = bones;
-  const style = RARITY_STYLE[rarity];
-  const ascii = isAsciiOnlyTerminal();
-  const b = box(style, ascii);
-  const stars = formatStars(RARITY_STARS[rarity]);
-  const shinyTag = shiny ? formatShinyTag(' ✨') : '';
-  const sprite = toTerminalSafeText(renderSprite(species, formatEye(eye), hat, frame));
-  const floor = STAT_FLOORS[rarity] || 5;
+  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 header = index !== null ? `#${index + 1} ` : '';
-  const badgeText = `${style.accent}${BOLD}[ ${style.badge} ]${RESET}`;
-  const nameText = `${style.label}${BOLD}${header}${species.toUpperCase()}${RESET} ${style.color}${stars}${shinyTag}${RESET}`;
+  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(b.top);
+  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}`);
 
-  // Badge row (centered)
-  lines.push(b.row(centerPad(badgeText, INNER)));
+  // 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}`);
+  }
 
-  // Name + stars row (centered)
-  lines.push(b.row(centerPad(nameText, INNER)));
+  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');
+}
 
-  // Separator
-  lines.push(b.mid);
+// ─── RARE: double frame, full sprite, stat bars ─────────
 
-  // Sprite (centered)
-  const spriteLines = sprite.split('\n');
-  for (const sl of spriteLines) {
-    lines.push(b.row(centerPad(`${style.color}${sl}${RESET}`, INNER)));
-  }
+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;
 
-  // Separator
-  lines.push(b.mid);
+  const v = (content) => {
+    const padded = padAnsiEnd(content, inner);
+    return `  ${c.color}║${R} ${padded}${c.color}║${R}`;
+  };
 
-  // Traits row — compact
-  const eyeStr = formatEye(eye);
-  const hatStr = toTerminalSafeText(hat === 'none' ? '—' : hat);
-  lines.push(b.row(`${DIM}Eye${RESET} ${eyeStr}  ${DIM}Hat${RESET} ${hatStr}  ${DIM}Shiny${RESET} ${shiny ? `${style.accent}YES${RESET}` : `${GRAY}no${RESET}`}`));
+  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}`);
 
-  // Separator
-  lines.push(b.mid);
+  // 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)}`));
 
-  // Stats — compact bars with value
-  if (stats && Object.keys(stats).length > 0) {
+  // 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 label = name.slice(0, 5).padEnd(5);
-      const bar = statBar(val, style.color);
-      const valStr = String(val).padStart(3);
-      const marker = isHigh ? `${style.accent}▲${RESET}` : isLow ? `\x1b[31m▼${RESET}` : ' ';
+  const decorChar = isAsciiOnlyTerminal() ? '*' : '✦';
+  const decor = `  ${c.color}╠${'─'.repeat(Math.floor(W / 2 - 2))}${decorChar}${'─'.repeat(Math.ceil(W / 2 - 1))}╣${R}`;
 
-      lines.push(b.row(`${GRAY}${label}${RESET} ${bar} ${valStr} ${marker}`));
+  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}`));
     }
   }
 
-  // Salt line
+  lines.push(blank());
   if (showSalt && result.salt) {
-    lines.push(b.mid);
-    lines.push(b.row(`${DIM}${ITALIC}${result.salt}${RESET}`));
+    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 ─────────
 
-  lines.push(b.bottom);
+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 style = RARITY_STYLE[rarity];
+  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, ' ');
-  const badge = style.badge.slice(0, 3);
-  const hatTag = hat !== 'none' ? ` ${DIM}+${toTerminalSafeText(hat)}${RESET}` : '';
-
-  return `${style.color}${idx}. ${formatEye(eye)} ${BOLD}${species.padEnd(10)}${RESET}${style.color} ${stars.padEnd(5)} ${badge}${shinyTag}${hatTag}${RESET}`;
+  return `${c.color}${idx}. ${formatEye(eye)} ${BOLD}${species.padEnd(10)}${R}${c.color} ${stars.padEnd(5)} ${rarity.slice(0, 3).toUpperCase()}${shinyTag}${hatTag}${R}`;
 }