fix(utils): align table columns with unicode characters

Author: matejchalk

package-lock.json

@@ -41,6 +41,7 @@
     "rimraf": "^6.0.1",
     "semver": "^7.6.3",
     "simple-git": "^3.26.0",
+    "string-width": "^8.1.0",
     "ts-morph": "^24.0.0",
     "tslib": "^2.6.2",
     "vscode-material-icons": "^0.1.1",

package.json

@@ -37,6 +37,7 @@
     "multi-progress-bars": "^5.0.3",
     "semver": "^7.6.0",
     "simple-git": "^3.20.0",
+    "string-width": "^8.1.0",
     "ora": "^9.0.0",
     "zod": "^4.0.5"
   },

packages/utils/package.json

@@ -1,5 +1,6 @@
 import ansis from 'ansis';
 import type { TableCellAlignment } from 'build-md';
+import stringWidth from 'string-width';
 import type {
   Table,
   TableAlignment,
@@ -133,7 +134,7 @@ function alignText(
   if (!width) {
     return text;
   }
-  const missing = width - getTextWidth(text);
+  const missing = width - stringWidth(text);
   switch (alignment) {
     case 'left':
       return `${text}${' '.repeat(missing)}`;
@@ -154,15 +155,11 @@ function getColumnWidths(table: NormalizedTable): number[] {
       ...table.rows.map(row => row[index]),
     ].filter(cell => cell != null);
     const texts = cells.map(cell => cell.text);
-    const widths = texts.map(getTextWidth);
+    const widths = texts.map(text => stringWidth(text));
     return Math.max(...widths);
   });
 }
 
-function getTextWidth(text: string): number {
-  return ansis.strip(text).length;
-}
-
 function normalizeTable(table: Table): NormalizedTable {
   const rows = normalizeTableRows(table.rows, table.columns);
   const columns = normalizeTableColumns(table.columns);

packages/utils/src/lib/text-formats/ascii/table.ts

@@ -330,6 +330,23 @@ Code coverage:
 /          2.4 s  ✖
 /about    720 ms  ✔
 /contact     n/a
+`.trim(),
+    );
+  });
+
+  it('should align columns with unicode characters correctly', () => {
+    const output = formatAsciiTable({
+      rows: [
+        ['❌', '/', '1.2 s'],
+        ['✅', '/contact', '612 ms'],
+      ],
+    });
+    expect(ansis.strip(output)).toBe(
+      `
+┌────┬──────────┬────────┐
+│ ❌ │ /        │ 1.2 s  │
+│ ✅ │ /contact │ 612 ms │
+└────┴──────────┴────────┘
 `.trim(),
     );
   });