serpentstack 0.2.5 → 0.2.9

package/lib/utils/ui.js

@@ -17,10 +17,17 @@ const MAGENTA = c(35);
 const CYAN = c(36);
 const BG_DIM = c(100);
 
-export const info = (msg) => console.log(`${CYAN}\u2022${RESET} ${msg}`);
-export const success = (msg) => console.log(`${GREEN}\u2713${RESET} ${msg}`);
-export const warn = (msg) => console.log(`${YELLOW}\u25B3${RESET} ${msg}`);
-export const error = (msg) => console.error(`${RED}\u2717${RESET} ${msg}`);
+// ─── Brand ───────────────────────────────────────────────────
+
+const SNAKE = '🐍';
+const BRAND_COLOR = GREEN;
+
+// ─── Text formatters ─────────────────────────────────────────
+
+export const info = (msg) => console.log(`  ${CYAN}•${RESET} ${msg}`);
+export const success = (msg) => console.log(`  ${GREEN}✓${RESET} ${msg}`);
+export const warn = (msg) => console.log(`  ${YELLOW}△${RESET} ${msg}`);
+export const error = (msg) => console.error(`  ${RED}✗${RESET} ${msg}`);
 export const dim = (msg) => `${DIM}${msg}${RESET}`;
 export const bold = (msg) => `${BOLD}${msg}${RESET}`;
 export const green = (msg) => `${GREEN}${msg}${RESET}`;
@@ -30,18 +37,22 @@ export const cyan = (msg) => `${CYAN}${msg}${RESET}`;
 export const magenta = (msg) => `${MAGENTA}${msg}${RESET}`;
 export const blue = (msg) => `${BLUE}${msg}${RESET}`;
 
-const SPINNER_FRAMES = ['\u280B', '\u2819', '\u2839', '\u2838', '\u283C', '\u2834', '\u2826', '\u2827', '\u2807', '\u280F'];
+// ─── Spinner ─────────────────────────────────────────────────
+
+const SPINNER_FRAMES = ['◐', '◓', '◑', '◒'];
 
 export function spinner(msg) {
   if (NO_COLOR || !stderr.isTTY) {
     stderr.write(`  ${msg}\n`);
-    return { stop(final) { if (final) stderr.write(`  ${final}\n`); } };
+    return { stop(final) { if (final) stderr.write(`  ${final}\n`); }, update() {} };
   }
   let i = 0;
+  let currentMsg = msg;
   const id = setInterval(() => {
-    stderr.write(`\r${CYAN}${SPINNER_FRAMES[i++ % SPINNER_FRAMES.length]}${RESET} ${msg}`);
-  }, 80);
+    stderr.write(`\r  ${GREEN}${SPINNER_FRAMES[i++ % SPINNER_FRAMES.length]}${RESET} ${currentMsg}`);
+  }, 100);
   return {
+    update(newMsg) { currentMsg = newMsg; },
     stop(final) {
       clearInterval(id);
       stderr.write(`\r\x1b[K`);
@@ -50,16 +61,20 @@ export function spinner(msg) {
   };
 }
 
+// ─── Confirm ─────────────────────────────────────────────────
+
 export async function confirm(msg) {
   const rl = createInterface({ input: stdin, output: stdout });
   try {
-    const answer = await rl.question(`${YELLOW}?${RESET} ${msg} ${dim('(y/N)')} `);
+    const answer = await rl.question(`${YELLOW}?${RESET} ${msg} ${DIM}(y/N)${RESET} `);
     return answer.trim().toLowerCase() === 'y';
   } finally {
     rl.close();
   }
 }
 
+// ─── Version ─────────────────────────────────────────────────
+
 export function getVersion() {
   try {
     const pkg = JSON.parse(readFileSync(new URL('../../package.json', import.meta.url), 'utf8'));
@@ -69,36 +84,44 @@ export function getVersion() {
   }
 }
 
+// ─── Headers & Dividers ──────────────────────────────────────
+
 export function printHeader() {
-  console.log(`\n  ${BOLD}${GREEN}\u2728 SerpentStack${RESET} ${DIM}v${getVersion()}${RESET}\n`);
+  console.log();
+  console.log(`  ${SNAKE} ${BOLD}${GREEN}SerpentStack${RESET} ${DIM}v${getVersion()}${RESET}`);
+  console.log();
 }
 
+export function divider(label) {
+  if (label) {
+    console.log(`  ${DIM}── ${RESET}${BOLD}${label}${RESET} ${DIM}${'─'.repeat(Math.max(0, 50 - stripAnsi(label).length))}${RESET}`);
+  } else {
+    console.log(`  ${DIM}${'─'.repeat(54)}${RESET}`);
+  }
+}
+
+// ─── Boxes ───────────────────────────────────────────────────
+
 /**
  * Print a boxed section with a title and content lines.
- * Used for "Next steps" and prompt blocks.
  */
-export function printBox(title, lines, { color = GREEN, icon = '\u25B6' } = {}) {
-  const maxLen = Math.max(
-    title.length + 4,
-    ...lines.map(l => stripAnsi(l).length + 4)
-  );
+export function printBox(title, lines, { color = GREEN, icon = '▶' } = {}) {
+  const allText = [title, ...lines];
+  const maxLen = Math.max(...allText.map(l => stripAnsi(l).length + 4));
   const width = Math.min(Math.max(maxLen, 50), 80);
-  const top = `${color}\u250C${'─'.repeat(width)}\u2510${RESET}`;
-  const bot = `${color}\u2514${'─'.repeat(width)}\u2518${RESET}`;
 
-  console.log(top);
-  console.log(`${color}\u2502${RESET} ${BOLD}${icon} ${title}${RESET}${' '.repeat(Math.max(0, width - stripAnsi(title).length - 3))}${color}\u2502${RESET}`);
-  console.log(`${color}\u2502${' '.repeat(width)}${color}\u2502${RESET}`);
+  console.log(`  ${DIM}┌${'─'.repeat(width)}┐${RESET}`);
+  console.log(`  ${DIM}│${RESET} ${BOLD}${icon} ${title}${RESET}${' '.repeat(Math.max(0, width - stripAnsi(title).length - 3))}${DIM}│${RESET}`);
+  console.log(`  ${DIM}│${' '.repeat(width)}│${RESET}`);
   for (const line of lines) {
     const pad = Math.max(0, width - stripAnsi(line).length - 2);
-    console.log(`${color}\u2502${RESET}  ${line}${' '.repeat(pad)}${color}\u2502${RESET}`);
+    console.log(`  ${DIM}│${RESET}  ${line}${' '.repeat(pad)}${DIM}│${RESET}`);
   }
-  console.log(bot);
+  console.log(`  ${DIM}└${'─'.repeat(width)}┘${RESET}`);
 }
 
 /**
- * Print a copyable prompt block that the user can paste into their IDE agent.
- * Accepts a single string or an array of lines for multi-line prompts.
+ * Print a copyable prompt block.
  */
 export function printPrompt(promptLines, { hint = 'Copy this prompt and paste it into your IDE agent' } = {}) {
   const lines = Array.isArray(promptLines) ? promptLines : [promptLines];
@@ -107,45 +130,43 @@ export function printPrompt(promptLines, { hint = 'Copy this prompt and paste it
   const innerWidth = width - 2;
 
   console.log();
-  console.log(`  ${DIM}\u250C${'─'.repeat(innerWidth)}\u2510${RESET}`);
+  console.log(`  ${DIM}┌${'─'.repeat(innerWidth)}┐${RESET}`);
   for (const line of lines) {
     const pad = Math.max(0, innerWidth - stripAnsi(line).length - 2);
-    console.log(`  ${DIM}\u2502${RESET} ${CYAN}${line}${RESET}${' '.repeat(pad)}${DIM}\u2502${RESET}`);
+    console.log(`  ${DIM}│${RESET} ${CYAN}${line}${RESET}${' '.repeat(pad)}${DIM}│${RESET}`);
   }
-  console.log(`  ${DIM}\u2514${'─'.repeat(innerWidth)}\u2518${RESET}`);
-  console.log(`  ${DIM}\u2191 ${hint}${RESET}`);
+  console.log(`  ${DIM}└${'─'.repeat(innerWidth)}┘${RESET}`);
+  console.log(`  ${DIM}↑ ${hint}${RESET}`);
   console.log();
 }
 
-/**
- * File status icon with color.
- */
+// ─── File Status ─────────────────────────────────────────────
+
 export function fileIcon(status) {
   switch (status) {
-    case 'created': return `${GREEN}\u2713${RESET}`;
-    case 'overwritten': return `${CYAN}\u21BB${RESET}`;
-    case 'skipped': return `${YELLOW}\u2022${RESET}`;
-    case 'failed': return `${RED}\u2717${RESET}`;
-    case 'unchanged': return `${DIM}\u2022${RESET}`;
-    default: return `${DIM}\u2022${RESET}`;
+    case 'created': return `${GREEN}✓${RESET}`;
+    case 'overwritten': return `${CYAN}↻${RESET}`;
+    case 'skipped': return `${YELLOW}•${RESET}`;
+    case 'failed': return `${RED}✗${RESET}`;
+    case 'unchanged': return `${DIM}•${RESET}`;
+    default: return `${DIM}•${RESET}`;
   }
 }
 
-/**
- * Format a file path with its status for display.
- */
 export function fileStatus(path, status, detail) {
   const icon = fileIcon(status);
   switch (status) {
-    case 'created': return `  ${icon} ${green(path)}`;
-    case 'overwritten': return `  ${icon} ${cyan(path)} ${dim('(updated)')}`;
-    case 'skipped': return `  ${icon} ${dim(`${path} (${detail || 'exists, skipped'})`)}`;
-    case 'failed': return `  ${icon} ${red(path)} ${dim(`\u2014 ${detail}`)}`;
-    case 'unchanged': return `  ${icon} ${dim(`${path} (up to date)`)}`;
-    default: return `  ${icon} ${path}`;
+    case 'created': return `    ${icon} ${path}`;
+    case 'overwritten': return `    ${icon} ${cyan(path)} ${dim('(updated)')}`;
+    case 'skipped': return `    ${icon} ${dim(`${path} (${detail || 'exists, skipped'})`)}`;
+    case 'failed': return `    ${icon} ${red(path)} ${dim(`— ${detail}`)}`;
+    case 'unchanged': return `    ${icon} ${dim(`${path} (up to date)`)}`;
+    default: return `    ${icon} ${path}`;
   }
 }
 
-function stripAnsi(str) {
-  return str.replace(/\x1b\[\d+m/g, '');
+// ─── Utilities ───────────────────────────────────────────────
+
+export function stripAnsi(str) {
+  return str.replace(/\x1b\[[\d;]*m/g, '');
 }

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "serpentstack",
-  "version": "0.2.5",
+  "version": "0.2.9",
   "description": "CLI for SerpentStack — AI-driven development standards with project-specific skills and persistent agents",
   "type": "module",
   "bin": {
-    "serpentstack": "./bin/serpentstack.js"
+    "serpentstack": "bin/serpentstack.js"
   },
   "engines": {
     "node": ">=22"
@@ -27,7 +27,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/Benja-Pauls/SerpentStack"
+    "url": "git+https://github.com/Benja-Pauls/SerpentStack.git"
   },
   "homepage": "https://github.com/Benja-Pauls/SerpentStack#readme",
   "author": "Ben Paulson"