claude-buddy-reroll 1.9.0 → 1.9.1

package/package.json

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

package/src/display.mjs

@@ -1,91 +1,151 @@
-// 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 — v2 redesign
+
+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 BOLD = '\x1b[1m';
+const GRAY = '\x1b[90m';
+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 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 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 centerPad(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);
+}
+
+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;
+}
+
+export function renderCard(result, { showSalt = false, index = null, frame = 0 } = {}) {
+  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 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 lines = [];
+  lines.push('');
+  lines.push(b.top);
+
+  // Badge row (centered)
+  lines.push(b.row(centerPad(badgeText, INNER)));
+
+  // Name + stars row (centered)
+  lines.push(b.row(centerPad(nameText, INNER)));
+
+  // Separator
+  lines.push(b.mid);
+
+  // Sprite (centered)
+  const spriteLines = sprite.split('\n');
+  for (const sl of spriteLines) {
+    lines.push(b.row(centerPad(`${style.color}${sl}${RESET}`, INNER)));
+  }
+
+  // Separator
+  lines.push(b.mid);
+
+  // 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}`}`));
+
+  // Separator
+  lines.push(b.mid);
+
+  // Stats — compact bars with value
+  if (stats && Object.keys(stats).length > 0) {
+    for (const name of STATS) {
+      if (stats[name] === undefined) continue;
+      const val = stats[name];
+      const isHigh = val >= floor + 40;
+      const isLow = val <= floor;
+
+      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}` : ' ';
+
+      lines.push(b.row(`${GRAY}${label}${RESET} ${bar} ${valStr} ${marker}`));
+    }
+  }
+
+  // Salt line
+  if (showSalt && result.salt) {
+    lines.push(b.mid);
+    lines.push(b.row(`${DIM}${ITALIC}${result.salt}${RESET}`));
+  }
+
+  lines.push(b.bottom);
+  lines.push('');
+
+  return lines.join('\n');
+}
+
+export function renderMiniCard(result, index) {
+  const { bones } = result;
+  const { rarity, species, eye, hat, shiny } = bones;
+  const style = RARITY_STYLE[rarity];
+  const stars = formatStars(RARITY_STARS[rarity]);
+  const shinyTag = shiny
+    ? (isAsciiOnlyTerminal() ? ' [S]' : ` ${formatShinyTag('✨')}`)
+    : '';
+
+  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}`;
+}