@git-stunts/git-warp 10.1.1 → 10.3.2

package/src/visualization/layouts/elkAdapter.js

@@ -6,20 +6,20 @@ const LAYOUT_PRESETS = {
   query: {
     'elk.algorithm': 'layered',
     'elk.direction': 'DOWN',
-    'elk.spacing.nodeNode': '40',
-    'elk.layered.spacing.nodeNodeBetweenLayers': '60',
+    'elk.spacing.nodeNode': '30',
+    'elk.layered.spacing.nodeNodeBetweenLayers': '40',
   },
   path: {
     'elk.algorithm': 'layered',
     'elk.direction': 'RIGHT',
-    'elk.spacing.nodeNode': '40',
-    'elk.layered.spacing.nodeNodeBetweenLayers': '60',
+    'elk.spacing.nodeNode': '30',
+    'elk.layered.spacing.nodeNodeBetweenLayers': '40',
   },
   slice: {
     'elk.algorithm': 'layered',
     'elk.direction': 'DOWN',
-    'elk.spacing.nodeNode': '40',
-    'elk.layered.spacing.nodeNodeBetweenLayers': '60',
+    'elk.spacing.nodeNode': '30',
+    'elk.layered.spacing.nodeNodeBetweenLayers': '40',
   },
 };
 
@@ -46,7 +46,7 @@ function estimateNodeWidth(label) {
   return Math.max((label?.length ?? 0) * charWidth + padding, minWidth);
 }
 
-const NODE_HEIGHT = 40;
+const NODE_HEIGHT = 30;
 
 /**
  * Converts normalised graph data to an ELK graph JSON object.

package/src/visualization/renderers/ascii/graph.js

@@ -2,7 +2,9 @@
  * ASCII graph renderer: maps ELK-positioned nodes and edges onto a character grid.
  *
  * Pixel-to-character scaling:
- *   cellW = 8 px/char, cellH = 4 px/char (approximate monospace aspect ratio)
+ *   cellW = 10, cellH = 10
+ *   ELK uses NODE_HEIGHT=40, nodeNode=40, betweenLayers=60.
+ *   At cellH=10: 40px → 4 rows, compact 3-row nodes fit with natural gaps.
  */
 
 import { createBox } from './box.js';
@@ -11,8 +13,8 @@ import { ARROW } from './symbols.js';
 
 // ── Scaling constants ────────────────────────────────────────────────────────
 
-const CELL_W = 8;
-const CELL_H = 4;
+const CELL_W = 10;
+const CELL_H = 10;
 const MARGIN = 2;
 
 // ── Box-drawing characters (short keys for tight grid-stamping loops) ───────
@@ -76,8 +78,8 @@ function writeString(grid, r, c, str) {
 function stampNode(grid, node) {
   const r = toRow(node.y);
   const c = toCol(node.x);
-  const w = Math.max(scaleW(node.width), 4);
-  const h = Math.max(scaleH(node.height), 3);
+  const w = Math.max(toCol(node.width), 4);
+  const h = 3; // Always: border + label + border
 
   // Top border
   writeChar(grid, r, c, BOX.tl);
@@ -87,10 +89,8 @@ function stampNode(grid, node) {
   writeChar(grid, r, c + w - 1, BOX.tr);
 
   // Side borders
-  for (let j = 1; j < h - 1; j++) {
-    writeChar(grid, r + j, c, BOX.v);
-    writeChar(grid, r + j, c + w - 1, BOX.v);
-  }
+  writeChar(grid, r + 1, c, BOX.v);
+  writeChar(grid, r + 1, c + w - 1, BOX.v);
 
   // Bottom border
   writeChar(grid, r + h - 1, c, BOX.bl);
@@ -99,13 +99,13 @@ function stampNode(grid, node) {
   }
   writeChar(grid, r + h - 1, c + w - 1, BOX.br);
 
-  // Label (centered)
+  // Label (always on row 1)
   const label = node.label ?? node.id;
   const maxLabel = w - 4;
   const truncated = label.length > maxLabel
     ? `${label.slice(0, Math.max(maxLabel - 1, 1))}\u2026`
     : label;
-  const labelRow = r + Math.floor(h / 2);
+  const labelRow = r + 1;
   const labelCol = c + Math.max(1, Math.floor((w - truncated.length) / 2));
   writeString(grid, labelRow, labelCol, truncated);
 }
@@ -220,6 +220,8 @@ function drawArrowhead(grid, section, nodeSet) {
   const pc = toCol(prev.x);
 
   let arrow;
+  let ar = er;
+  let ac = ec;
   if (er > pr) {
     arrow = ARROW.down;
   } else if (er < pr) {
@@ -230,8 +232,21 @@ function drawArrowhead(grid, section, nodeSet) {
     arrow = ARROW.left;
   }
 
-  if (!isNodeCell(nodeSet, er, ec)) {
-    writeChar(grid, er, ec, arrow);
+  // If the endpoint is inside a node box, step back one cell into free space
+  if (isNodeCell(nodeSet, ar, ac)) {
+    if (er > pr) {
+      ar = er - 1;
+    } else if (er < pr) {
+      ar = er + 1;
+    } else if (ec > pc) {
+      ac = ec - 1;
+    } else {
+      ac = ec + 1;
+    }
+  }
+
+  if (!isNodeCell(nodeSet, ar, ac)) {
+    writeChar(grid, ar, ac, arrow);
   }
 }
 
@@ -282,8 +297,8 @@ function buildNodeSet(nodes) {
   for (const node of nodes) {
     const r = toRow(node.y);
     const c = toCol(node.x);
-    const w = Math.max(scaleW(node.width), 4);
-    const h = Math.max(scaleH(node.height), 3);
+    const w = Math.max(toCol(node.width), 4);
+    const h = 3; // Match compact node height
     for (let dr = 0; dr < h; dr++) {
       for (let dc = 0; dc < w; dc++) {
         set.add(`${r + dr},${c + dc}`);

package/src/visualization/renderers/ascii/history.js

@@ -6,75 +6,12 @@
 import { colors } from './colors.js';
 import { createBox } from './box.js';
 import { padRight, padLeft } from '../../utils/unicode.js';
-import { truncate } from '../../utils/truncate.js';
 import { TIMELINE } from './symbols.js';
+import { OP_DISPLAY, EMPTY_OP_SUMMARY, summarizeOps, formatOpSummary } from './opSummary.js';
 
 // Default pagination settings
 const DEFAULT_PAGE_SIZE = 20;
 
-// Operation type to display info mapping
-const OP_DISPLAY = {
-  NodeAdd: { symbol: '+', label: 'node', color: colors.success },
-  NodeTombstone: { symbol: '-', label: 'node', color: colors.error },
-  EdgeAdd: { symbol: '+', label: 'edge', color: colors.success },
-  EdgeTombstone: { symbol: '-', label: 'edge', color: colors.error },
-  PropSet: { symbol: '~', label: 'prop', color: colors.warning },
-  BlobValue: { symbol: '+', label: 'blob', color: colors.primary },
-};
-
-// Default empty operation summary
-const EMPTY_OP_SUMMARY = Object.freeze({
-  NodeAdd: 0,
-  EdgeAdd: 0,
-  PropSet: 0,
-  NodeTombstone: 0,
-  EdgeTombstone: 0,
-  BlobValue: 0,
-});
-
-/**
- * Summarizes operations in a patch.
- * @param {Object[]} ops - Array of patch operations
- * @returns {Object} Summary with counts by operation type
- */
-function summarizeOps(ops) {
-  const summary = { ...EMPTY_OP_SUMMARY };
-  for (const op of ops) {
-    if (op.type && summary[op.type] !== undefined) {
-      summary[op.type]++;
-    }
-  }
-  return summary;
-}
-
-/**
- * Formats operation summary as a colored string.
- * @param {Object} summary - Operation counts by type
- * @param {number} maxWidth - Maximum width for the summary string
- * @returns {string} Formatted summary string
- */
-function formatOpSummary(summary, maxWidth = 40) {
-  const order = ['NodeAdd', 'EdgeAdd', 'PropSet', 'NodeTombstone', 'EdgeTombstone', 'BlobValue'];
-  const parts = order
-    .filter((opType) => summary[opType] > 0)
-    .map((opType) => {
-      const display = OP_DISPLAY[opType];
-      return { text: `${display.symbol}${summary[opType]}${display.label}`, color: display.color };
-    });
-
-  if (parts.length === 0) {
-    return colors.muted('(empty)');
-  }
-
-  // Truncate plain text first to avoid breaking ANSI escape sequences
-  const plain = parts.map((p) => p.text).join(' ');
-  const truncated = truncate(plain, maxWidth);
-  if (truncated === plain) {
-    return parts.map((p) => p.color(p.text)).join(' ');
-  }
-  return colors.muted(truncated);
-}
-
 /**
  * Ensures entry has an opSummary, computing one if needed.
  * @param {Object} entry - Patch entry
@@ -330,6 +267,6 @@ export function renderHistoryView(payload, options = {}) {
   return `${box}\n`;
 }
 
-export { summarizeOps };
+export { summarizeOps, formatOpSummary, OP_DISPLAY, EMPTY_OP_SUMMARY };
 
 export default { renderHistoryView, summarizeOps };

package/src/visualization/renderers/ascii/index.js

@@ -9,6 +9,6 @@ export { progressBar } from './progress.js';
 export { renderInfoView } from './info.js';
 export { renderCheckView } from './check.js';
 export { renderMaterializeView } from './materialize.js';
-export { renderHistoryView, summarizeOps } from './history.js';
+export { renderHistoryView, summarizeOps, formatOpSummary, OP_DISPLAY, EMPTY_OP_SUMMARY } from './history.js';
 export { renderPathView } from './path.js';
 export { renderGraphView } from './graph.js';

package/src/visualization/renderers/ascii/opSummary.js

@@ -0,0 +1,73 @@
+/**
+ * Shared operation summary utilities for ASCII renderers.
+ *
+ * Extracted from history.js so other views (e.g. seek) can reuse the same
+ * op-type ordering, symbols, and formatting.
+ */
+
+import { colors } from './colors.js';
+import { truncate } from '../../utils/truncate.js';
+
+// Operation type to display info mapping
+export const OP_DISPLAY = Object.freeze({
+  NodeAdd: { symbol: '+', label: 'node', color: colors.success },
+  NodeTombstone: { symbol: '-', label: 'node', color: colors.error },
+  EdgeAdd: { symbol: '+', label: 'edge', color: colors.success },
+  EdgeTombstone: { symbol: '-', label: 'edge', color: colors.error },
+  PropSet: { symbol: '~', label: 'prop', color: colors.warning },
+  BlobValue: { symbol: '+', label: 'blob', color: colors.primary },
+});
+
+// Default empty operation summary
+export const EMPTY_OP_SUMMARY = Object.freeze({
+  NodeAdd: 0,
+  EdgeAdd: 0,
+  PropSet: 0,
+  NodeTombstone: 0,
+  EdgeTombstone: 0,
+  BlobValue: 0,
+});
+
+/**
+ * Summarizes operations in a patch.
+ * @param {Object[]} ops - Array of patch operations
+ * @returns {Object} Summary with counts by operation type
+ */
+export function summarizeOps(ops) {
+  const summary = { ...EMPTY_OP_SUMMARY };
+  for (const op of ops) {
+    if (op.type && summary[op.type] !== undefined) {
+      summary[op.type]++;
+    }
+  }
+  return summary;
+}
+
+/**
+ * Formats operation summary as a colored string.
+ * @param {Object} summary - Operation counts by type
+ * @param {number} maxWidth - Maximum width for the summary string
+ * @returns {string} Formatted summary string
+ */
+export function formatOpSummary(summary, maxWidth = 40) {
+  const order = ['NodeAdd', 'EdgeAdd', 'PropSet', 'NodeTombstone', 'EdgeTombstone', 'BlobValue'];
+  const parts = order
+    .filter((opType) => summary[opType] > 0)
+    .map((opType) => {
+      const display = OP_DISPLAY[opType];
+      return { text: `${display.symbol}${summary[opType]}${display.label}`, color: display.color };
+    });
+
+  if (parts.length === 0) {
+    return colors.muted('(empty)');
+  }
+
+  // Truncate plain text first to avoid breaking ANSI escape sequences
+  const plain = parts.map((p) => p.text).join(' ');
+  const truncated = truncate(plain, maxWidth);
+  if (truncated === plain) {
+    return parts.map((p) => p.color(p.text)).join(' ');
+  }
+  return colors.muted(truncated);
+}
+

package/src/visualization/renderers/ascii/seek.js

@@ -0,0 +1,330 @@
+/**
+ * ASCII renderer for the `seek --view` command.
+ *
+ * Displays a swimlane dashboard: one horizontal track per writer, with
+ * relative-offset column headers that map directly to `--tick=+N/-N` CLI
+ * syntax.  Included patches (at or before the cursor) render as filled
+ * dots on a solid line; excluded (future) patches render as open circles
+ * on a dotted line.
+ */
+
+import boxen from 'boxen';
+import { colors } from './colors.js';
+import { padRight } from '../../utils/unicode.js';
+import { formatSha, formatWriterName } from './formatters.js';
+import { TIMELINE } from './symbols.js';
+import { formatOpSummary } from './opSummary.js';
+
+/** Maximum number of tick columns shown in the windowed view. */
+const MAX_COLS = 9;
+
+/** Character width of each tick column (marker + connector gap). */
+const COL_W = 6;
+
+/** Character width reserved for the writer name column. */
+const NAME_W = 10;
+
+/** Middle-dot used for excluded-zone connectors. */
+const DOT_MID = '\u00B7'; // ·
+
+/** Open circle used for excluded-zone patch markers. */
+const CIRCLE_OPEN = '\u25CB'; // ○
+
+function formatDelta(n) {
+  if (typeof n !== 'number' || !Number.isFinite(n) || n === 0) {
+    return '';
+  }
+  const sign = n > 0 ? '+' : '';
+  return ` (${sign}${n})`;
+}
+
+function pluralize(n, singular, plural) {
+  return n === 1 ? singular : plural;
+}
+
+function buildReceiptLines(tickReceipt) {
+  if (!tickReceipt || typeof tickReceipt !== 'object') {
+    return [];
+  }
+
+  const entries = Object.entries(tickReceipt)
+    .filter(([writerId, entry]) => writerId && entry && typeof entry === 'object')
+    .sort(([a], [b]) => a.localeCompare(b));
+
+  const lines = [];
+  for (const [writerId, entry] of entries) {
+    const sha = typeof entry.sha === 'string' ? entry.sha : null;
+    const opSummary = entry.opSummary && typeof entry.opSummary === 'object' ? entry.opSummary : entry;
+    const name = padRight(formatWriterName(writerId, NAME_W), NAME_W);
+    const shaStr = sha ? `  ${formatSha(sha)}` : '';
+    lines.push(`    ${name}${shaStr}  ${formatOpSummary(opSummary, 40)}`);
+  }
+
+  return lines;
+}
+
+// ============================================================================
+// Window
+// ============================================================================
+
+/**
+ * Computes a sliding window of tick positions centered on the current tick.
+ *
+ * When all points fit within {@link MAX_COLS}, the full array is returned.
+ * Otherwise a window of MAX_COLS entries is centered on `currentIdx`, with
+ * clamping at both ends.
+ *
+ * @param {number[]} allPoints - All tick positions (including virtual tick 0)
+ * @param {number} currentIdx - Index of the current tick in `allPoints`
+ * @returns {{ points: number[], currentCol: number, moreLeft: boolean, moreRight: boolean }}
+ */
+function computeWindow(allPoints, currentIdx) {
+  if (allPoints.length <= MAX_COLS) {
+    return {
+      points: allPoints,
+      currentCol: currentIdx,
+      moreLeft: false,
+      moreRight: false,
+    };
+  }
+
+  const half = Math.floor(MAX_COLS / 2);
+  let start = currentIdx - half;
+  if (start < 0) {
+    start = 0;
+  }
+  let end = start + MAX_COLS;
+  if (end > allPoints.length) {
+    end = allPoints.length;
+    start = end - MAX_COLS;
+  }
+
+  return {
+    points: allPoints.slice(start, end),
+    currentCol: currentIdx - start,
+    moreLeft: start > 0,
+    moreRight: end < allPoints.length,
+  };
+}
+
+// ============================================================================
+// Header row
+// ============================================================================
+
+/**
+ * Builds the column header row showing relative step offsets.
+ *
+ * The current tick is rendered as `[N]` (absolute tick number); all other
+ * columns show their signed step distance (`-2`, `-1`, `+1`, `+2`, etc.)
+ * matching the `--tick=+N/-N` CLI syntax.
+ *
+ * @param {{ points: number[], currentCol: number }} win - Computed window
+ * @returns {string} Formatted, indented header line
+ */
+function buildHeaderRow(win) {
+  const { points, currentCol } = win;
+  let header = '';
+
+  for (let i = 0; i < points.length; i++) {
+    const rel = i - currentCol;
+    let label;
+    if (rel === 0) {
+      label = `[${points[i]}]`;
+    } else if (rel > 0) {
+      label = `+${rel}`;
+    } else {
+      label = String(rel);
+    }
+    header += label.padEnd(COL_W);
+  }
+
+  const margin = ' '.repeat(NAME_W + 2);
+  return `  ${margin}${header.trimEnd()}`;
+}
+
+// ============================================================================
+// Writer swimlane
+// ============================================================================
+
+/**
+ * Renders a single cell (marker) in the swimlane grid.
+ *
+ * @param {boolean} hasPatch - Whether this writer has a patch at this tick
+ * @param {boolean} incl - Whether this tick is in the included zone
+ * @returns {string} A single styled character
+ */
+function renderCell(hasPatch, incl) {
+  if (hasPatch) {
+    return incl ? colors.success(TIMELINE.dot) : colors.muted(CIRCLE_OPEN);
+  }
+  return incl ? TIMELINE.line : colors.muted(DOT_MID);
+}
+
+/**
+ * Builds the swimlane track string for a writer across the window columns.
+ *
+ * @param {Set<number>} patchSet - Set of ticks where this writer has patches
+ * @param {number[]} points - Window tick positions
+ * @param {number} currentTick - Active seek cursor tick
+ * @returns {string} Styled swimlane track
+ */
+function buildLane(patchSet, points, currentTick) {
+  let lane = '';
+  for (let i = 0; i < points.length; i++) {
+    const t = points[i];
+    const incl = t <= currentTick;
+
+    if (i > 0) {
+      const n = COL_W - 1;
+      lane += incl
+        ? TIMELINE.line.repeat(n)
+        : colors.muted(DOT_MID.repeat(n));
+    }
+
+    lane += renderCell(patchSet.has(t), incl);
+  }
+  return lane;
+}
+
+/**
+ * Builds one writer's horizontal swimlane row.
+ *
+ * Each tick position in the window gets a marker character:
+ * - `●` (green)  — writer has a patch here AND tick ≤ currentTick (included)
+ * - `○` (muted)  — writer has a patch here AND tick > currentTick (excluded)
+ * - `─` (solid)  — no patch, included zone
+ * - `·` (muted)  — no patch, excluded zone
+ *
+ * Between consecutive columns, connector characters of the appropriate style
+ * fill the gap (COL_W − 1 chars).
+ *
+ * @param {Object} opts
+ * @param {string} opts.writerId
+ * @param {Object} opts.writerInfo - `{ ticks, tipSha, tickShas }`
+ * @param {{ points: number[] }} opts.win - Computed window
+ * @param {number} opts.currentTick - Active seek cursor tick
+ * @returns {string} Formatted, indented swimlane line
+ */
+function buildWriterSwimRow({ writerId, writerInfo, win, currentTick }) {
+  const patchSet = new Set(writerInfo.ticks);
+  const tickShas = writerInfo.tickShas || {};
+  const lane = buildLane(patchSet, win.points, currentTick);
+
+  // SHA of the highest included patch
+  const included = writerInfo.ticks.filter((t) => t <= currentTick);
+  const maxIncl = included.length > 0 ? included[included.length - 1] : null;
+  const sha = maxIncl !== null
+    ? (tickShas[maxIncl] || writerInfo.tipSha)
+    : writerInfo.tipSha;
+
+  const name = padRight(formatWriterName(writerId, NAME_W), NAME_W);
+  const shaStr = sha ? `  ${formatSha(sha)}` : '';
+
+  return `    ${name}  ${lane}${shaStr}`;
+}
+
+// ============================================================================
+// Body assembly
+// ============================================================================
+
+/**
+ * Builds the tick-position array and index of the current tick.
+ *
+ * Ensures the current tick is always present: if `tick` is absent from
+ * `ticks` (e.g. saved cursor after writer refs changed), it is inserted
+ * at the correct sorted position so the window always centres on it.
+ *
+ * @param {number[]} ticks - Discovered Lamport ticks
+ * @param {number} tick - Current cursor tick
+ * @returns {{ allPoints: number[], currentIdx: number }}
+ */
+function buildTickPoints(ticks, tick) {
+  const allPoints = (ticks[0] === 0) ? [...ticks] : [0, ...ticks];
+  let currentIdx = allPoints.indexOf(tick);
+  if (currentIdx === -1) {
+    let ins = allPoints.findIndex((t) => t > tick);
+    if (ins === -1) {
+      ins = allPoints.length;
+    }
+    allPoints.splice(ins, 0, tick);
+    currentIdx = ins;
+  }
+  return { allPoints, currentIdx };
+}
+
+/**
+ * Builds the body lines for the seek dashboard.
+ *
+ * @param {Object} payload - Seek payload from the CLI handler
+ * @returns {string[]} Lines for the box body
+ */
+function buildSeekBodyLines(payload) {
+  const { graph, tick, maxTick, ticks, nodes, edges, patchCount, perWriter, diff, tickReceipt } = payload;
+  const lines = [];
+
+  lines.push('');
+  lines.push(`  ${colors.bold('GRAPH:')} ${graph}`);
+  lines.push(`  ${colors.bold('POSITION:')} tick ${tick} of ${maxTick}`);
+  lines.push('');
+
+  if (ticks.length === 0) {
+    lines.push(`  ${colors.muted('(no ticks)')}`);
+  } else {
+    const { allPoints, currentIdx } = buildTickPoints(ticks, tick);
+    const win = computeWindow(allPoints, currentIdx);
+
+    // Column headers with relative offsets
+    lines.push(buildHeaderRow(win));
+
+    // Per-writer swimlanes
+    const writerEntries = perWriter instanceof Map
+      ? [...perWriter.entries()]
+      : Object.entries(perWriter).map(([k, v]) => [k, v]);
+
+    for (const [writerId, writerInfo] of writerEntries) {
+      lines.push(buildWriterSwimRow({ writerId, writerInfo, win, currentTick: tick }));
+    }
+  }
+
+  lines.push('');
+  const edgeLabel = pluralize(edges, 'edge', 'edges');
+  const nodeLabel = pluralize(nodes, 'node', 'nodes');
+  const patchLabel = pluralize(patchCount, 'patch', 'patches');
+
+  const nodesStr = `${nodes} ${nodeLabel}${formatDelta(diff?.nodes)}`;
+  const edgesStr = `${edges} ${edgeLabel}${formatDelta(diff?.edges)}`;
+  lines.push(`  ${colors.bold('State:')} ${nodesStr}, ${edgesStr}, ${patchCount} ${patchLabel}`);
+
+  const receiptLines = buildReceiptLines(tickReceipt);
+  if (receiptLines.length > 0) {
+    lines.push('');
+    lines.push(`  ${colors.bold(`Tick ${tick}:`)}`);
+    lines.push(...receiptLines);
+  }
+  lines.push('');
+
+  return lines;
+}
+
+// ============================================================================
+// Public API
+// ============================================================================
+
+/**
+ * Renders the seek view dashboard inside a double-bordered box.
+ *
+ * @param {Object} payload - Seek payload from the CLI handler
+ * @returns {string} Boxen-wrapped ASCII dashboard with trailing newline
+ */
+export function renderSeekView(payload) {
+  const lines = buildSeekBodyLines(payload);
+  const body = lines.join('\n');
+
+  return `${boxen(body, {
+    title: ' SEEK ',
+    titleAlignment: 'center',
+    padding: 0,
+    borderStyle: 'double',
+    borderColor: 'cyan',
+  })}\n`;
+}

package/src/visualization/utils/ansi.js

@@ -1,4 +1,10 @@
-import stripAnsiLib from 'strip-ansi';
+// ANSI escape code regex (inlined from ansi-regex@6 / strip-ansi@7)
+// Valid string terminator sequences: BEL, ESC\, 0x9c
+const ST = '(?:\\u0007|\\u001B\\u005C|\\u009C)';
+const osc = `(?:\\u001B\\][\\s\\S]*?${ST})`;
+const csi =
+  '[\\u001B\\u009B][[\\]()#;?]*(?:\\d{1,4}(?:[;:]\\d{0,4})*)?[\\dA-PR-TZcf-nq-uy=><~]';
+const ansiRegex = new RegExp(`${osc}|${csi}`, 'g');
 
 /**
  * Strips ANSI escape codes from a string.
@@ -8,7 +14,7 @@ import stripAnsiLib from 'strip-ansi';
  * @returns {string} The string with all ANSI codes removed
  */
 export function stripAnsi(str) {
-  return stripAnsiLib(str);
+  return str.replace(ansiRegex, '');
 }
 
 export default { stripAnsi };