yechancho 1.0.6 → 1.0.7

package/index.js

@@ -6,7 +6,6 @@ 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'
 
@@ -26,7 +25,6 @@ const args = new Map(
 
 const sleep = (ms) => new Promise((r) => setTimeout(r, ms))
 
-// Sakura palette
 const sakura = {
   soft: chalk.hex('#FFD7E5'),
   pink: chalk.hex('#FFB7C5'),
@@ -76,15 +74,7 @@ function makeBody() {
     return left + right
   }).join('\n')
 
-  return [
-    about,
-    '',
-    sectionTitle('links'),
-    linkLines,
-    '',
-    sectionTitle('now'),
-    NOW,
-  ].join('\n')
+  return [about, '', sectionTitle('links'), linkLines, '', sectionTitle('now'), NOW].join('\n')
 }
 
 function makeCard() {
@@ -97,9 +87,10 @@ function makeCard() {
   })
 }
 
-/* ---------------- Short Intro Petal Animation ---------------- */
+/* ---------------- Intro Petal Animation (stable render) ---------------- */
 
-const PETALS = ['🌸', '❀', '✿', '·', '•']
+// Use mostly single-width glyphs to avoid emoji-width jitter in overlay
+const PETALS = ['✿', '❀', '·', '•', '*']
 
 function rand(seed) {
   const x = Math.sin(seed) * 10000
@@ -115,9 +106,9 @@ function initPetals(count, width, height) {
     petals.push({
       x: Math.floor(r1 * width),
       y: Math.floor(r2 * height),
-      vy: 0.25 + r3 * 0.85,
-      drift: (r2 - 0.5) * 0.6,
-      sway: 0.6 + r1 * 1.2,
+      vy: 0.22 + r3 * 0.75,
+      drift: (r2 - 0.5) * 0.45,
+      sway: 0.7 + r1 * 1.2,
       ch: PETALS[i % PETALS.length],
     })
   }
@@ -128,7 +119,7 @@ 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 / 220) * p.sway) * 1.5
+    const sway = Math.sin((t / 240) * p.sway) * 1.2
     const x = Math.round(p.x + sway)
     const y = Math.round(p.y)
 
@@ -137,8 +128,7 @@ function renderOverlay(petals, t, width, height) {
     }
   }
 
-  const overlay = grid.map((r) => r.join('')).join('\n')
-  return sakura.soft(overlay)
+  return sakura.soft(grid.map((r) => r.join('')).join('\n'))
 }
 
 function stepPetals(petals, width, height) {
@@ -155,28 +145,68 @@ function stepPetals(petals, width, height) {
   }
 }
 
+// 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 termW = process.stdout.columns ?? 80
-  const termH = process.stdout.rows ?? 24
+  const computeSizes = () => {
+    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)
+    // 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 / 4), 12, 40)
-  const petals = initPetals(petalCount, overlayW, overlayH)
+    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)
-    logUpdate(`${overlay}\n\n${card}`)
+    const frame = `${overlay}\n\n${card}`
+    drawFrame(frame)
+
     stepPetals(petals, overlayW, overlayH)
     t += frameMs
     await sleep(frameMs)
   }
+
+  process.stdout.off('resize', onResize)
 }
 
 async function main() {
@@ -191,12 +221,16 @@ async function main() {
   const durationArg = args.get('--duration')
   const durationMs = durationArg === true ? 2500 : parseInt(durationArg ?? '2500', 10) || 2500
 
+  setupCleanup()
   cliCursor.hide()
+
+  // Clear once, then render frames from top-left
   process.stdout.write(ansiEscapes.clearScreen)
 
   await runIntroAnimation(card, durationMs, fps)
 
-  logUpdate.clear()
+  // Final static render (clean)
+  process.stdout.write(ansiEscapes.cursorTo(0, 0) + ansiEscapes.eraseDown)
   cliCursor.show()
   console.log(card)
 }

package/package.json

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