kodevu 0.1.17 → 0.1.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kodevu",
-  "version": "0.1.17",
+  "version": "0.1.19",
   "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

@@ -1,6 +1,8 @@
 import readline from "node:readline";
 
 const SPINNER_FRAMES = ["|", "/", "-", "\\"];
+const ELLIPSIS = "...";
+const MIN_DYNAMIC_WIDTH = 60;
 
 function clampProgress(value) {
   if (!Number.isFinite(value)) {
@@ -10,12 +12,53 @@ function clampProgress(value) {
   return Math.max(0, Math.min(1, value));
 }
 
+function getCharacterWidth(character) {
+  const codePoint = character.codePointAt(0);
+
+  if (!codePoint || codePoint <= 0x1f || (codePoint >= 0x7f && codePoint <= 0x9f)) {
+    return 0;
+  }
+
+  if (
+    codePoint >= 0x1100 &&
+    (
+      codePoint <= 0x115f ||
+      codePoint === 0x2329 ||
+      codePoint === 0x232a ||
+      (codePoint >= 0x2e80 && codePoint <= 0xa4cf && codePoint !== 0x303f) ||
+      (codePoint >= 0xac00 && codePoint <= 0xd7a3) ||
+      (codePoint >= 0xf900 && codePoint <= 0xfaff) ||
+      (codePoint >= 0xfe10 && codePoint <= 0xfe19) ||
+      (codePoint >= 0xfe30 && codePoint <= 0xfe6f) ||
+      (codePoint >= 0xff00 && codePoint <= 0xff60) ||
+      (codePoint >= 0xffe0 && codePoint <= 0xffe6) ||
+      (codePoint >= 0x1f300 && codePoint <= 0x1f64f) ||
+      (codePoint >= 0x1f900 && codePoint <= 0x1f9ff) ||
+      (codePoint >= 0x20000 && codePoint <= 0x3fffd)
+    )
+  ) {
+    return 2;
+  }
+
+  return 1;
+}
+
+function getDisplayWidth(text) {
+  let width = 0;
+
+  for (const character of text) {
+    width += getCharacterWidth(character);
+  }
+
+  return width;
+}
+
 function truncateLine(line, maxWidth) {
   if (!Number.isFinite(maxWidth) || maxWidth <= 0) {
     return "";
   }
 
-  if (line.length <= maxWidth) {
+  if (getDisplayWidth(line) <= maxWidth) {
     return line;
   }
 
@@ -23,7 +66,22 @@ function truncateLine(line, maxWidth) {
     return ".".repeat(maxWidth);
   }
 
-  return `${line.slice(0, maxWidth - 3)}...`;
+  const targetWidth = maxWidth - getDisplayWidth(ELLIPSIS);
+  let result = "";
+  let width = 0;
+
+  for (const character of line) {
+    const nextWidth = width + getCharacterWidth(character);
+
+    if (nextWidth > targetWidth) {
+      break;
+    }
+
+    result += character;
+    width = nextWidth;
+  }
+
+  return `${result}${ELLIPSIS}`;
 }
 
 class ProgressItem {
@@ -40,7 +98,7 @@ class ProgressItem {
     this.active = true;
     this.stage = stage;
 
-    if (!this.display.enabled) {
+    if (!this.display.canRenderDynamically()) {
       this.writeFallback(`... ${this.label}: ${stage}`);
       return;
     }
@@ -56,11 +114,12 @@ class ProgressItem {
       this.stage = stage;
     }
 
-    if (!this.display.enabled) {
+    if (!this.display.canRenderDynamically()) {
       this.writeFallback(`... ${this.label}: ${this.stage}`);
       return;
     }
 
+    this.display.start();
     this.display.activate(this);
   }
 
@@ -117,6 +176,7 @@ export class ProgressDisplay {
     this.items = [];
     this.currentItem = null;
     this.statusVisible = false;
+    this.lastStatusWidth = 0;
     this.resizeAttached = false;
     this.handleResize = this.handleResize.bind(this);
   }
@@ -158,7 +218,7 @@ export class ProgressDisplay {
   }
 
   log(message) {
-    if (!this.enabled) {
+    if (!this.canRenderDynamically()) {
       this.stream.write(`${message}\n`);
       return;
     }
@@ -169,7 +229,7 @@ export class ProgressDisplay {
   }
 
   writeStaticLine(message) {
-    if (!this.enabled) {
+    if (!this.canRenderDynamically()) {
       this.stream.write(`${message}\n`);
       return;
     }
@@ -180,13 +240,16 @@ export class ProgressDisplay {
   }
 
   render() {
-    if (!this.enabled || !this.currentItem?.active) {
+    if (!this.canRenderDynamically() || !this.currentItem?.active) {
+      this.clearStatusLine();
       return;
     }
 
     this.clearStatusLine();
-    this.stream.write(this.currentItem.renderLine(this.frameIndex));
+    const line = this.currentItem.renderLine(this.frameIndex);
+    this.stream.write(line);
     this.statusVisible = true;
+    this.lastStatusWidth = getDisplayWidth(line);
   }
 
   clearStatusLine() {
@@ -194,9 +257,23 @@ export class ProgressDisplay {
       return;
     }
 
-    readline.clearLine(this.stream, 0);
+    const rows = Math.max(1, Math.ceil(this.lastStatusWidth / Math.max(this.stream.columns || 1, 1)));
+
+    readline.moveCursor(this.stream, 0, -Math.max(rows - 1, 0));
+
+    for (let index = 0; index < rows; index += 1) {
+      readline.clearLine(this.stream, 0);
+      readline.cursorTo(this.stream, 0);
+
+      if (index < rows - 1) {
+        readline.moveCursor(this.stream, 0, 1);
+      }
+    }
+
+    readline.moveCursor(this.stream, 0, -Math.max(rows - 1, 0));
     readline.cursorTo(this.stream, 0);
     this.statusVisible = false;
+    this.lastStatusWidth = 0;
   }
 
   stopIfIdle() {
@@ -217,6 +294,10 @@ export class ProgressDisplay {
     return Math.max(columns - 1, 1);
   }
 
+  canRenderDynamically() {
+    return this.enabled && this.getAvailableWidth() >= MIN_DYNAMIC_WIDTH;
+  }
+
   handleResize() {
     if (!this.enabled) {
       return;