create-vite-react-boot 1.0.19 → 1.0.20

package/bin/cli.js

@@ -69,60 +69,80 @@ function barLine({ width, ratio }) {
 /** 진행바 기반 실행 (yarn/pnpm은 이벤트 파싱, npm은 추정 진행) */
 async function runWithProgress(cmd, args = [], { cwd, env } = {}, label = "작업") {
   const start = Date.now();
-  const { cols } = termSize();
-  const barWidth = Math.min(40, Math.max(20, Math.floor(cols * 0.35)));
+  const cols = process.stdout.columns || 80;
+
+  // ── Windows/Git Bash 등에서 안전하게: 1줄 Compact 모드
+  const compact = process.platform === "win32" || process.env.PROGRESS_COMPACT === "1";
 
   // 상태
-  let percent = null;          // 0..1 (정확 모드에서만)
+  let percent = null;          // 0..1 (yarn/pnpm 이벤트 기반)
   let downloadedBytes = 0;     // 추정치(출력 길이 기반)
-  let totalHint = null;        // yarn/pnpm가 알려주면 총량
+  let totalHint = null;        // yarn/pnpm가 주면 총량 추정
   let lastTick = Date.now();
-  let emaRate = 0;             // 지수이동평균(바이트/초)
+  let emaRate = 0;             // byte/s
   const alpha = 0.15;
 
-  // 화면 세팅 (3줄 확보 후 위로 올라가며 덮어쓰기)
-  process.stdout.write("\x1B[?25l"); // 커서 숨김
-  process.stdout.write("\n\n\n");     // 3줄 확보
+  // 렌더 throttle & dedupe
+  let lastRender = 0;
+  let lastPrinted = "";
 
-  const header = () => {
+  const mkLine = (brief = "") => {
     const elapsed = (Date.now() - start) / 1000;
+    const ratio = percent != null
+      ? percent
+      : Math.min(0.95, Math.max(0.1, 1 - 1 / Math.max(2, elapsed / 3)));
+
+    const barWidth = Math.min(24, Math.max(10, Math.floor(cols * 0.25)));
+    const filled = Math.round(barWidth * Math.max(0, Math.min(1, ratio)));
+    const bar = `[${"#".repeat(filled)}${"-".repeat(barWidth - filled)}]`;
+
     const eta = (() => {
       if (percent != null && percent > 0 && totalHint) {
         const remain = (1 - percent) * totalHint;
         const rate = emaRate > 1 ? emaRate : null;
         return rate ? formatHMS(remain / rate) : "--:--";
       }
-      if (emaRate > 100) {
-        const remainBytes = totalHint ? (totalHint - downloadedBytes) : null;
-        if (remainBytes && remainBytes > 0) return formatHMS(remainBytes / emaRate);
-      }
-      return "--:--";
+      return emaRate > 50 ? formatHMS((totalHint ? Math.max(0, totalHint - downloadedBytes) : 0) / Math.max(1, emaRate)) : "--:--";
     })();
+
     const sizeText = totalHint
-      ? `${(downloadedBytes / 1048576).toFixed(1)} / ${(totalHint / 1048576).toFixed(1)} MiB`
-      : `${(downloadedBytes / 1048576).toFixed(1)} MiB`;
-    return `${label}  [${formatHMS(elapsed)}]  ${sizeText}  (eta: ${eta})`;
+      ? `${(downloadedBytes / 1048576).toFixed(1)}/${(totalHint / 1048576).toFixed(1)}MiB`
+      : `${(downloadedBytes / 1048576).toFixed(1)}MiB`;
+
+    const head = `${label} [${formatHMS(elapsed)}] ${sizeText} (eta:${eta})`;
+    const msg = brief ? ` ${brief}` : "";
+
+    // Compact 1줄로 잘라쓰기
+    let line = `${head} ${bar}${msg}`;
+    if (line.length > cols) line = line.slice(0, cols - 1);
+    return line;
   };
 
-  function render(lastMsg = "") {
-    const elapsed = (Date.now() - start) / 1000;
-    const ratio = percent != null
-      ? percent
-      : Math.min(0.95, Math.max(0.1, 1 - 1 / Math.max(2, elapsed / 3)));
+  const safeWrite = (line) => {
+    // 200ms 이하/동일 라인일 땐 스킵
+    const now = Date.now();
+    if (now - lastRender < 200) return;
+    if (line === lastPrinted) return;
 
-    // 커서를 위로 3줄 올려 블록 덮어쓰기
-    process.stdout.write("\x1B[3F"); // cursor previous line x3
-    // line 0
-    readline.clearLine(process.stdout, 0);
-    process.stdout.write((header()).padEnd(cols) + "\n");
-    // line 1
+    lastRender = now;
+    lastPrinted = line;
+
+    // 1줄 덮어쓰기
     readline.clearLine(process.stdout, 0);
-    process.stdout.write(barLine({ width: barWidth, ratio }).padEnd(cols) + "\n");
-    // line 2
+    readline.cursorTo(process.stdout, 0);
+    process.stdout.write(line);
+  };
+
+  const finishWrite = (ok = true) => {
     readline.clearLine(process.stdout, 0);
-    const brief = lastMsg ? `… ${lastMsg.slice(0, cols - 4)}` : "";
-    process.stdout.write(brief.padEnd(cols) + "\n");
-  }
+    readline.cursorTo(process.stdout, 0);
+    process.stdout.write((ok ? "… 완료" : "… 실패") + "\n");
+  };
+
+  // 커서 숨김 (종료 시 복구는 전역 핸들러에서)
+  process.stdout.write("\x1B[?25l");
+  // Compact 모드는 별도 빈줄 확보 없이 1줄만 사용
+  safeWrite(mkLine());
 
   await new Promise((resolve, reject) => {
     let a = args.slice();
@@ -140,23 +160,20 @@ async function runWithProgress(cmd, args = [], { cwd, env } = {}, label = "작
     });
 
     let lastMsg = "";
-
     const handleJSONLine = (line) => {
       try {
         const j = JSON.parse(line);
-        // yarn classic: progressStart/progressTick/progressFinish
-        if (j.type === "progressStart" && j.data && typeof j.data.current === "number" && typeof j.data.total === "number") {
-          totalHint = j.data.total; // tick 총량 힌트
+        if (j.type === "progressStart" && j.data && typeof j.data.total === "number") {
+          totalHint = j.data.total;
         }
         if (j.type === "progressTick" && j.data && typeof j.data.current === "number" && typeof j.data.total === "number") {
-          percent = Math.max(0, Math.min(1, j.data.current / j.data.total));
+          const p = j.data.current / j.data.total;
+          if (!Number.isNaN(p)) percent = Math.max(0, Math.min(1, p));
           downloadedBytes += 64 * 1024; // 대략 보정
         }
-        if (j.type === "step" && j.data) {
-          lastMsg = String(j.data);
-        }
+        if (j.type === "step" && j.data) lastMsg = String(j.data);
         if (j.msg) lastMsg = String(j.msg);
-      } catch { /* ignore non-json */ }
+      } catch { /* ignore */ }
     };
 
     const tickRate = (chunkLen) => {
@@ -174,49 +191,43 @@ async function runWithProgress(cmd, args = [], { cwd, env } = {}, label = "작
       tickRate(b.length);
       const s = b.toString("utf8");
       if (isYarn || isPnpm) {
-        for (const ln of s.split(/\r?\n/)) {
-          if (!ln.trim()) continue;
-          handleJSONLine(ln);
-        }
+        for (const ln of s.split(/\r?\n/)) if (ln.trim()) handleJSONLine(ln);
       } else {
         lastMsg = s.trim().split(/\r?\n/).pop() || lastMsg;
       }
-      render(lastMsg);
+      safeWrite(mkLine(lastMsg));
     });
     child.stderr.on("data", (b) => {
       downloadedBytes += b.length;
       tickRate(b.length);
       const s = b.toString("utf8");
       if (isYarn || isPnpm) {
-        for (const ln of s.split(/\r?\n/)) {
-          if (!ln.trim()) continue;
-          if (ln.startsWith("{") && ln.endsWith("}")) handleJSONLine(ln);
-        }
+        for (const ln of s.split(/\r?\n/)) if (ln.trim() && ln.startsWith("{") && ln.endsWith("}")) handleJSONLine(ln);
       } else {
         lastMsg = s.trim().split(/\r?\n/).pop() || lastMsg;
       }
-      render(lastMsg);
+      safeWrite(mkLine(lastMsg));
     });
 
-    const iv = setInterval(() => render(lastMsg), 80);
+    // 주기적 업데이트 (출력 없을 때도 500ms마다만 갱신)
+    const iv = setInterval(() => safeWrite(mkLine(lastMsg)), 500);
 
     child.on("error", (e) => {
       clearInterval(iv);
-      render("에러 발생");
-      process.stdout.write("\x1B[?25h"); // 커서 보이기
+      finishWrite(false);
       reject(e);
     });
     child.on("close", (code) => {
       clearInterval(iv);
-      percent = 1;
-      render("완료");
-      process.stdout.write("\n\x1B[?25h"); // 커서 보이기
-      if (code === 0) resolve();
-      else reject(Object.assign(new Error(`${cmd} exited ${code}`), { code }));
+      finishWrite(code === 0);
+      if (code === 0) resolve(); else reject(Object.assign(new Error(`${cmd} exited ${code}`), { code }));
     });
   });
+
+  // 커서 복구는 전역 핸들러가 처리
 }
 
+
 /** 경량 스피너 (applyScaffold 등 파일 생성용) */
 function makeSpinner(text = "") {
   const frames = process.platform === "win32" ? ["-", "\\", "|", "/"] : ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "create-vite-react-boot",
-    "version": "1.0.19",
+    "version": "1.0.20",
     "description": "Create a Vite + React + TS app with Tailwind, axios, AuthContext, login/register, routing.",
     "type": "module",
     "bin": {