kodevu 0.1.14 → 0.1.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kodevu",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "type": "module",
   "description": "Poll SVN revisions or Git commits, send each change diff to a reviewer CLI, and write configurable review reports.",
   "bin": {

package/src/progress-ui.js

@@ -26,6 +26,22 @@ function buildBar(progress, width) {
   return `[${"=".repeat(Math.max(filled - 1, 0))}>${" ".repeat(width - filled)}]`;
 }
 
+function truncateLine(line, maxWidth) {
+  if (!Number.isFinite(maxWidth) || maxWidth <= 0) {
+    return "";
+  }
+
+  if (line.length <= maxWidth) {
+    return line;
+  }
+
+  if (maxWidth <= 3) {
+    return ".".repeat(maxWidth);
+  }
+
+  return `${line.slice(0, maxWidth - 3)}...`;
+}
+
 class ProgressItem {
   constructor(display, label, options = {}) {
     this.display = display;
@@ -81,18 +97,45 @@ class ProgressItem {
     this.progress = clampProgress(progress);
     this.active = false;
     this.display.stopIfIdle();
-    this.display.writeStaticLine(
-      `${prefix} ${this.label} ${buildBar(this.progress, this.barWidth)} ${Math.round(this.progress * 100)
-        .toString()
-        .padStart(3, " ")}% ${message}`
-    );
+    this.display.writeStaticLine(this.buildLine(prefix, message));
   }
 
   renderLine(frameIndex) {
     const spinner = SPINNER_FRAMES[frameIndex];
-    const bar = buildBar(this.progress, this.barWidth);
+    return this.buildLine(spinner, this.stage);
+  }
+
+  buildLine(prefix, suffix) {
+    const availableWidth = this.display.getAvailableWidth();
     const pct = `${Math.round(this.progress * 100)}`.padStart(3, " ");
-    return `${spinner} ${this.label} ${bar} ${pct}% ${this.stage}`;
+    const parts = [prefix, this.label];
+    const suffixText = suffix ? ` ${suffix}` : "";
+
+    if (availableWidth < 10) {
+      return truncateLine(`${prefix} ${pct}%`, availableWidth);
+    }
+
+    const fullReservedWidth = prefix.length + this.label.length + pct.length + suffixText.length + 4;
+    const fullBarWidth = availableWidth - fullReservedWidth;
+
+    if (fullBarWidth >= 4) {
+      return truncateLine(
+        `${parts.join(" ")} ${buildBar(this.progress, Math.min(this.barWidth, fullBarWidth))} ${pct}%${suffixText}`,
+        availableWidth
+      );
+    }
+
+    const compactReservedWidth = prefix.length + pct.length + suffixText.length + 4;
+    const compactBarWidth = availableWidth - compactReservedWidth;
+
+    if (compactBarWidth >= 4) {
+      return truncateLine(
+        `${prefix} ${buildBar(this.progress, compactBarWidth)} ${pct}%${suffixText}`,
+        availableWidth
+      );
+    }
+
+    return truncateLine(`${prefix} ${pct}%${suffixText}`, availableWidth);
   }
 
   writeFallback(line) {
@@ -113,6 +156,7 @@ export class ProgressDisplay {
     this.timer = null;
     this.items = [];
     this.renderedLineCount = 0;
+    this.handleResize = this.handleResize.bind(this);
   }
 
   createItem(label, options = {}) {
@@ -126,6 +170,8 @@ export class ProgressDisplay {
       return;
     }
 
+    this.attachResizeHandler();
+
     this.timer = setInterval(() => {
       this.frameIndex = (this.frameIndex + 1) % SPINNER_FRAMES.length;
       this.render();
@@ -150,7 +196,7 @@ export class ProgressDisplay {
     }
 
     this.clearRender();
-    this.stream.write(`${message}\n`);
+    this.stream.write(`${truncateLine(message, this.getAvailableWidth())}\n`);
     this.render();
   }
 
@@ -202,5 +248,38 @@ export class ProgressDisplay {
       clearInterval(this.timer);
       this.timer = null;
     }
+
+    this.detachResizeHandler();
+  }
+
+  getAvailableWidth() {
+    const columns = this.stream.columns || 80;
+    return Math.max(columns - 1, 1);
+  }
+
+  handleResize() {
+    if (!this.enabled) {
+      return;
+    }
+
+    this.render();
+  }
+
+  attachResizeHandler() {
+    if (typeof this.stream.on !== "function" || this.resizeAttached) {
+      return;
+    }
+
+    this.stream.on("resize", this.handleResize);
+    this.resizeAttached = true;
+  }
+
+  detachResizeHandler() {
+    if (typeof this.stream.off !== "function" || !this.resizeAttached) {
+      return;
+    }
+
+    this.stream.off("resize", this.handleResize);
+    this.resizeAttached = false;
   }
 }