yechancho 1.0.2 → 1.0.4

package/index.js

@@ -9,73 +9,122 @@ import terminalLink from 'terminal-link'
 import logUpdate from 'log-update'
 import ansiEscapes from 'ansi-escapes'
 import cliCursor from 'cli-cursor'
+import readline from 'node:readline'
+
+/**
+ * Flags:
+ *   --static           no animation, show card only
+ *   --duration=2500    opening animation length in ms (default 2.5s, then overlay clears)
+ *   --fps=30           animation fps (default 30)
+ */
+
+const args = new Map(
+  process.argv.slice(2).map((a) => {
+    const [k, v] = a.split('=')
+    return [k, v ?? true]
+  })
+)
 
 const sleep = (ms) => new Promise((r) => setTimeout(r, ms))
 
+// Sakura palette
 const sakura = {
+  soft: chalk.hex('#FFD7E5'),
   pink: chalk.hex('#FFB7C5'),
-  blossom: chalk.hex('#FFD7E5'),
   rose: chalk.hex('#FF6FAE'),
   lilac: chalk.hex('#C7A2FF'),
   sky: chalk.hex('#7FD1FF'),
   mint: chalk.hex('#8CFFDB'),
   dim: chalk.hex('#9AA0A6'),
+  white: chalk.hex('#F8F8FF'),
 }
 
-const links = [
-  {
-    label: 'LinkedIn',
-    url: 'https://www.linkedin.com/in/yechancho5',
-    icon: '❀',
-  },
-  {
-    label: 'Github',
-    url: 'https://www.github.com/in/yechancho5',
-    icon: '❀',
-  },
+const supportsLinks = terminalLink.isSupported
+
+const LINKS = [
+  { label: 'LinkedIn', url: 'https://www.linkedin.com/in/yechancho5', icon: '🌸' },
+  { label: 'GitHub', url: 'https://github.com/yechancho5', icon: '✿' },
 ]
 
-const supportsLinks = terminalLink.isSupported
+const TECH = ['React', 'TypeScript', 'FastAPI', 'Postgres', 'AWS', 'RAG']
+const NOW = sakura.soft('building: ') + sakura.mint('cool products + shipping fast')
+
+function clamp(n, a, b) {
+  return Math.max(a, Math.min(b, n))
+}
 
-const makeHeader = () => {
-  const text = figlet.textSync('YECHAN', { font: 'ANSI Shadow', horizontalLayout: 'default' })
+function makeHeader() {
+  const text = figlet.textSync('YECHAN', {
+    font: 'ANSI Shadow',
+    horizontalLayout: 'default',
+  })
   return gradient(['#FFB7C5', '#FFD7E5', '#C7A2FF'])(text)
 }
 
-const makeBody = () => {
-  const bio =
-    sakura.blossom("hi, i'm yechan ") +
-    sakura.dim('— ') +
-    sakura.pink('i build things ') +
-    sakura.dim('• ') +
-    sakura.lilac('full-stack') +
-    sakura.dim(' • ') +
-    sakura.sky('systems') +
-    '\n'
-
-  const line = sakura.dim('─'.repeat(36))
-
-  const linkLines = links
-    .map(({ label, url, icon }) => {
-      const left = sakura.rose(` ${icon} `) + sakura.pink(`${label}:`).padEnd(12)
-      const right = supportsLinks ? terminalLink(sakura.sky(url), url) : sakura.sky(url)
-      return left + ' ' + right
-    })
-    .join('\n')
+function makeBranchArt() {
+  const cols = process.stdout.columns ?? 80
+  if (cols < 70) return ''
+
+  const art = [
+    "        .::' '::..",
+    "      .:'        `:.",
+    "     ::    _.._     ::",
+    "     `:..-'    `-..:'",
+    "        \\  🌸  /",
+    "     _.-'\\    /`-._",
+    "   .'     \\__/     `.",
+    "  /  ✿   .-..-.   ❀  \\",
+    "  \\     (      )     /",
+    "   `-._  `-..-'  _.-'",
+    "       `--.  .--'",
+    "           \\/",
+  ].join('\n')
+
+  return gradient(['#FFD7E5', '#FFB7C5', '#C7A2FF'])(art)
+}
+
+function sectionTitle(t) {
+  return sakura.rose('✿ ') + sakura.white.bold(t)
+}
+
+function pill(text) {
+  return chalk.hex('#1A1A1A').bgHex('#FFD7E5')(` ${text} `)
+}
+
+function makeBody() {
+  const about =
+    sakura.white("hi, i'm ") +
+    sakura.pink.bold('yechan') +
+    sakura.dim(' — ') +
+    sakura.soft('i like building useful things & hanging with friends.')
 
-  const footer =
-    '\n' +
-    sakura.dim('say hi: ') +
-    sakura.mint('yechancho') +
-    sakura.dim(' @ npm') +
-    ' ' +
-    sakura.rose('🌸')
+  const linkLines = LINKS.map(({ label, url, icon }) => {
+    const left = sakura.pink(`${icon} ${label}:`).padEnd(14)
+    const right = supportsLinks ? terminalLink(sakura.sky(url), url) : sakura.sky(url)
+    return left + right
+  }).join('\n')
 
-  return [bio, line, linkLines, footer].join('\n')
+  const techLine = TECH.map((t) => pill(t)).join(' ')
+
+  return [
+    about,
+    '',
+    sectionTitle('links'),
+    linkLines,
+    '',
+    sectionTitle('stack'),
+    techLine,
+    '',
+    sectionTitle('now'),
+    NOW,
+    '',
+    sakura.dim('run: ') + sakura.pink('npx @yechancho/terminal-card') + ' ' + sakura.rose('🌸'),
+  ].join('\n')
 }
 
-const makeCard = () => {
-  const content = `${makeHeader()}\n\n${makeBody()}`
+function makeCard() {
+  const branch = makeBranchArt()
+  const content = `${makeHeader()}\n${branch ? branch + '\n' : ''}\n${makeBody()}`
   return boxen(content, {
     padding: 1,
     margin: 1,
@@ -84,49 +133,162 @@ const makeCard = () => {
   })
 }
 
-function renderPetalsFrame(card, frame, width = 60, height = 12) {
-  const petals = ['🌸', '✿', '❀', '·']
-  const cols = width
-  const rows = height
-
-  const points = []
-  for (let i = 0; i < 18; i++) {
-    const x = (i * 7 + frame * 3) % cols
-    const y = (i * 3 + frame) % rows
-    const ch = petals[(i + frame) % petals.length]
-    points.push({ x, y, ch })
+const PETALS = ['🌸', '❀', '✿', '·', '•']
+
+function rand(seed) {
+  // tiny deterministic-ish PRNG
+  const x = Math.sin(seed) * 10000
+  return x - Math.floor(x)
+}
+
+function initPetals(count, width, height) {
+  const petals = []
+  for (let i = 0; i < count; i++) {
+    const r1 = rand(i * 13.37)
+    const r2 = rand(i * 42.42)
+    const r3 = rand(i * 7.77)
+    petals.push({
+      x: Math.floor(r1 * width),
+      y: Math.floor(r2 * height),
+      vy: 0.25 + r3 * 0.85, // fall speed
+      drift: (r2 - 0.5) * 0.6, // horizontal drift
+      sway: 0.6 + r1 * 1.2, // sway frequency
+      ch: PETALS[i % PETALS.length],
+    })
   }
+  return petals
+}
+
+function renderOverlay(petals, t, width, height) {
+  const grid = Array.from({ length: height }, () => Array.from({ length: width }, () => ' '))
 
-  const grid = Array.from({ length: rows }, () => Array.from({ length: cols }, () => ' '))
-  for (const p of points) grid[p.y][p.x] = p.ch
+  for (const p of petals) {
+    const sway = Math.sin((t / 220) * p.sway) * 1.5
+    const x = Math.round(p.x + sway)
+    const y = Math.round(p.y)
+
+    if (y >= 0 && y < height && x >= 0 && x < width) {
+      grid[y][x] = p.ch
+    }
+  }
 
   const overlay = grid.map((r) => r.join('')).join('\n')
-  const tinted = sakura.blossom(overlay)
+  return sakura.soft(overlay)
+}
 
-  return tinted + '\n' + card
+function stepPetals(petals, width, height) {
+  for (const p of petals) {
+    p.y += p.vy
+    p.x += p.drift
+
+    // wrap around
+    if (p.y >= height) {
+      p.y = 0
+      p.x = Math.floor(Math.random() * width)
+    }
+    if (p.x < 0) p.x = width - 1
+    if (p.x >= width) p.x = 0
+  }
+}
+
+
+function setupExitCleanup() {
+  const cleanup = () => {
+    try {
+      cliCursor.show()
+      logUpdate.clear()
+      process.stdout.write(ansiEscapes.cursorShow)
+    } catch {}
+  }
+
+  process.on('SIGINT', () => {
+    cleanup()
+    process.exit(0)
+  })
+  process.on('SIGTERM', () => {
+    cleanup()
+    process.exit(0)
+  })
+  process.on('exit', cleanup)
+
+  return cleanup
+}
+
+async function waitForKeyOrDuration(durationMs) {
+  return new Promise((resolve) => {
+    const done = () => resolve()
+
+    let timer = null
+    if (Number.isFinite(durationMs) && durationMs > 0) {
+      timer = setTimeout(done, durationMs)
+    }
+
+    readline.emitKeypressEvents(process.stdin)
+    if (process.stdin.isTTY) process.stdin.setRawMode(true)
+    process.stdin.resume()
+
+    const onKey = () => {
+      if (timer) clearTimeout(timer)
+      process.stdin.off('keypress', onKey)
+      done()
+    }
+
+    process.stdin.on('keypress', onKey)
+  })
 }
 
 async function main() {
   const card = makeCard()
 
-  if (process.argv.includes('--static')) {
+  if (args.get('--static')) {
     console.log(card)
     return
   }
 
+  const fps = clamp(parseInt(args.get('--fps') ?? '30', 10) || 30, 10, 60)
+  const frameMs = Math.round(1000 / fps)
+
+  const cleanup = setupExitCleanup()
+
   cliCursor.hide()
   process.stdout.write(ansiEscapes.clearScreen)
 
-  const frames = 28
-  for (let f = 0; f < frames; f++) {
-    logUpdate(renderPetalsFrame(card, f))
-    await sleep(45)
+  // Overlay size adapts to terminal
+  const termW = process.stdout.columns ?? 80
+  const termH = process.stdout.rows ?? 24
+
+  const overlayW = clamp(termW - 2, 40, 120)
+  const overlayH = clamp(Math.floor(termH / 2), 8, 18)
+
+  // More petals on bigger screens
+  const petalCount = clamp(Math.floor(overlayW / 4), 12, 40)
+  const petals = initPetals(petalCount, overlayW, overlayH)
+
+  const durationArg = args.get('--duration')
+  const durationMs = durationArg === true ? 2500 : parseInt(durationArg ?? '2500', 10) || 2500
+
+  let running = true
+  const stopPromise = waitForKeyOrDuration(durationMs).then(() => (running = false))
+
+  let t = 0
+  while (running) {
+    const overlay = renderOverlay(petals, t, overlayW, overlayH)
+    const sparkleLine =
+      sakura.rose('✿') +
+      sakura.dim(' '.repeat(Math.max(0, overlayW - 4))) +
+      sakura.rose('✿')
+
+    logUpdate(`${overlay}\n${sparkleLine}\n${card}`)
+    stepPetals(petals, overlayW, overlayH)
+    t += frameMs
+    await sleep(frameMs)
   }
 
+  await stopPromise
+
   logUpdate.clear()
-  cliCursor.show()
+  cleanup()
   console.log(card)
-  console.log(sakura.dim('Tip: run with ') + sakura.pink('--static') + sakura.dim(' to disable animation.'))
 }
 
 main().catch((e) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yechancho",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "yechancho's terminal card",
   "main": "index.js",
   "type": "module",