yechancho 1.0.8 → 1.1.0

package/index.js

@@ -6,78 +6,83 @@ import chalk from 'chalk'
 import gradient from 'gradient-string'
 import figlet from 'figlet'
 import terminalLink from 'terminal-link'
+import logUpdate from 'log-update'
 import ansiEscapes from 'ansi-escapes'
 import cliCursor from 'cli-cursor'
 
-/**
- * Flags:
- *   --static           no animation, show card only
- *   --duration=2500    intro animation length in ms (default 2.5s)
- *   --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 supportsLinks = terminalLink.isSupported
-
-const LINKS = [
-  { label: 'LinkedIn', url: 'https://www.linkedin.com/in/yechancho5', icon: '🌸' },
-  { label: 'GitHub', url: 'https://github.com/yechancho5', icon: '✿' },
+// Links you want
+const links = [
+  {
+    label: 'LinkedIn',
+    url: 'https://www.linkedin.com/in/yechancho5',
+    icon: '❀',
+  },
+  {
+    label: 'GitHub',
+    url: 'https://github.com/yechancho5',
+    icon: '✿',
+  },
 ]
 
-const NOW = sakura.soft('building ') + sakura.mint('and looking for an internship')
-
-function clamp(n, a, b) {
-  return Math.max(a, Math.min(b, n))
-}
+const supportsLinks = terminalLink.isSupported
 
-function makeHeader() {
-  const text = figlet.textSync('YECHAN', {
-    font: 'ANSI Shadow',
-    horizontalLayout: 'default',
-  })
+const makeHeader = () => {
+  const text = figlet.textSync('YECHAN', { font: 'ANSI Shadow', horizontalLayout: 'default' })
   return gradient(['#FFB7C5', '#FFD7E5', '#C7A2FF'])(text)
 }
 
-function sectionTitle(t) {
-  return sakura.rose('✿ ') + sakura.white.bold(t)
-}
-
-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 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 [about, '', sectionTitle('links'), linkLines, '', sectionTitle('now'), NOW].join('\n')
+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')
+
+  const now =
+    sakura.rose(' now ') +
+    sakura.dim('· ') +
+    sakura.blossom('building ') +
+    sakura.mint('and looking for an internship')
+
+  const footer =
+    '\n' +
+    sakura.dim('say hi: ') +
+    sakura.mint('yechancho') +
+    sakura.dim(' @ npm') +
+    ' ' +
+    sakura.rose('🌸')
+
+  return [bio, line, linkLines, now, footer].join('\n')
 }
 
-function makeCard() {
+const makeCard = () => {
   const content = `${makeHeader()}\n\n${makeBody()}`
   return boxen(content, {
     padding: 1,
@@ -87,152 +92,55 @@ function makeCard() {
   })
 }
 
-/* ---------------- Intro Petal Animation (stable render) ---------------- */
-
-// Use mostly single-width glyphs to avoid emoji-width jitter in overlay
-const PETALS = ['✿', '❀', '·', '•', '*']
-
-function rand(seed) {
-  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.22 + r3 * 0.75,
-      drift: (r2 - 0.5) * 0.45,
-      sway: 0.7 + r1 * 1.2,
-      ch: PETALS[i % PETALS.length],
-    })
+// Simple falling petals animation overlay
+function renderPetalsFrame(card, frame, width = 60, height = 12) {
+  const petals = ['🌸', '✿', '❀', '·']
+  const cols = width
+  const rows = height
+
+  // deterministic-ish positions
+  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 })
   }
-  return petals
-}
-
-function renderOverlay(petals, t, width, height) {
-  const grid = Array.from({ length: height }, () => Array.from({ length: width }, () => ' '))
-
-  for (const p of petals) {
-    const sway = Math.sin((t / 240) * p.sway) * 1.2
-    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
-    }
-  }
+  // Build overlay grid
+  const grid = Array.from({ length: rows }, () => Array.from({ length: cols }, () => ' '))
+  for (const p of points) grid[p.y][p.x] = p.ch
 
-  return sakura.soft(grid.map((r) => r.join('')).join('\n'))
-}
+  const overlay = grid.map((r) => r.join('')).join('\n')
+  const tinted = sakura.blossom(overlay)
 
-function stepPetals(petals, width, height) {
-  for (const p of petals) {
-    p.y += p.vy
-    p.x += p.drift
-
-    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
-  }
-}
-
-// Render without log-update: write to (0,0) and erase down. No scrolling.
-function drawFrame(frame) {
-  process.stdout.write(ansiEscapes.cursorTo(0, 0) + ansiEscapes.eraseDown + frame)
-}
-
-function setupCleanup() {
-  const cleanup = () => {
-    try {
-      cliCursor.show()
-      process.stdout.write(ansiEscapes.cursorTo(0, 0) + ansiEscapes.eraseDown)
-    } catch {}
-  }
-  process.on('SIGINT', () => {
-    cleanup()
-    process.exit(0)
-  })
-  process.on('SIGTERM', () => {
-    cleanup()
-    process.exit(0)
-  })
-  process.on('exit', cleanup)
-  return cleanup
-}
-
-async function runIntroAnimation(card, durationMs, fps) {
-  const frameMs = Math.round(1000 / fps)
-  let petals = []
-  let overlayW = 60
-  let overlayH = 10
-
-  const computeSizes = () => {
-    const termW = process.stdout.columns ?? 80
-    const termH = process.stdout.rows ?? 24
-
-    // Important: keep overlay small enough so overlay + card fits without scrolling.
-    overlayW = clamp(termW - 2, 40, 110)
-    overlayH = clamp(Math.floor(termH * 0.35), 6, 14)
-
-    const petalCount = clamp(Math.floor(overlayW / 5), 10, 32)
-    petals = initPetals(petalCount, overlayW, overlayH)
-  }
-
-  computeSizes()
-
-  // If user resizes terminal, recompute overlay
-  const onResize = () => computeSizes()
-  process.stdout.on('resize', onResize)
-
-  const start = Date.now()
-  let t = 0
-
-  while (Date.now() - start < durationMs) {
-    const overlay = renderOverlay(petals, t, overlayW, overlayH)
-    const frame = `${overlay}\n\n${card}`
-    drawFrame(frame)
-
-    stepPetals(petals, overlayW, overlayH)
-    t += frameMs
-    await sleep(frameMs)
-  }
-
-  process.stdout.off('resize', onResize)
+  // Put overlay ABOVE the card
+  return tinted + '\n' + card
 }
 
 async function main() {
   const card = makeCard()
 
-  if (args.get('--static')) {
+  // If user runs with --static, just print once.
+  if (process.argv.includes('--static')) {
     console.log(card)
     return
   }
 
-  const fps = clamp(parseInt(args.get('--fps') ?? '30', 10) || 30, 10, 60)
-  const durationArg = args.get('--duration')
-  const durationMs = durationArg === true ? 2500 : parseInt(durationArg ?? '2500', 10) || 2500
-
-  setupCleanup()
+  // Animated intro (brief)
   cliCursor.hide()
-
-  // Clear once, then render frames from top-left
   process.stdout.write(ansiEscapes.clearScreen)
 
-  await runIntroAnimation(card, durationMs, fps)
+  const frames = 28
+  for (let f = 0; f < frames; f++) {
+    logUpdate(renderPetalsFrame(card, f))
+    await sleep(45)
+  }
 
-  // Final static render (clean)
-  process.stdout.write(ansiEscapes.cursorTo(0, 0) + ansiEscapes.eraseDown)
+  logUpdate.clear()
   cliCursor.show()
   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.8",
+  "version": "1.1.0",
   "description": "yechancho's terminal card",
   "main": "index.js",
   "type": "module",