Files
Termix/plugins/ssh-terminal/src/frontend/lib/terminal-syntax-highlighter.ts
T

508 lines
15 KiB
TypeScript
Raw Normal View History

+2
2026-06-16 15:59:53 -05:00
const ANSI = {
+1
2025-12-31 22:20:12 -06:00
reset: "\x1b[0m",
+2
2026-06-16 15:59:53 -05:00
red: "\x1b[31m",
green: "\x1b[32m",
yellow: "\x1b[33m",
blue: "\x1b[34m",
magenta: "\x1b[35m",
cyan: "\x1b[36m",
brightBlack: "\x1b[90m",
brightRed: "\x1b[91m",
brightGreen: "\x1b[92m",
brightYellow: "\x1b[93m",
brightBlue: "\x1b[94m",
brightCyan: "\x1b[96m",
bold: "\x1b[1m",
underline: "\x1b[4m",
+1
2025-12-31 22:20:12 -06:00
} as const;
+2
2026-06-16 15:59:53 -05:00
export interface SyntaxHighlightOptions {
logLevels?: boolean;
paths?: boolean;
timestamps?: boolean;
ipAddresses?: boolean;
urls?: boolean;
numbers?: boolean;
}
+1
2025-12-31 22:20:12 -06:00
interface HighlightPattern {
name: string;
regex: RegExp;
ansiCode: string;
priority: number;
+2
2026-06-16 15:59:53 -05:00
category: keyof SyntaxHighlightOptions;
+1
2025-12-31 22:20:12 -06:00
}
interface MatchResult {
start: number;
end: number;
ansiCode: string;
priority: number;
+2
2026-06-16 15:59:53 -05:00
// capture group offset: some patterns capture a sub-group rather than whole match
captureStart?: number;
captureEnd?: number;
+1
2025-12-31 22:20:12 -06:00
}
interface TextSegment {
isAnsi: boolean;
content: string;
+2
2026-06-16 15:59:53 -05:00
// the last active SGR code before this segment (for state restoration)
activeSgr?: string;
}
2026-06-29 13:28:26 -05:00
interface ProtectedRange {
start: number;
end: number;
}
+2
2026-06-16 15:59:53 -05:00
const MAX_LINE_LENGTH = 2000;
2026-06-29 13:28:26 -05:00
// Cursor-positioning, erase, and private mode sequences used by TUI apps
// (mc, nano, vim, htop). If a chunk contains these, highlighting can inject
// extra SGR bytes into a full-screen redraw and corrupt xterm's cursor state.
const TUI_SEQUENCE = /\x1b\[(?:[\d;]*[ABCDEFGHJKST]|\?[\d;]*[hl])/;
+8
2026-07-19 12:29:52 -05:00
const TUI_FRAME_SEQUENCE = /[\u2500-\u257f]|\x1b[()][0B]|\x1b\[[0-9;]*[~`]/;
const CONTROL_STRING_SEQUENCE = /\x1b[\]P^_]/;
+2
2026-06-16 15:59:53 -05:00
2026-06-21 15:55:41 -05:00
// A bare \r (not immediately followed by \n) means the terminal is overwriting
// the current line (shell prompts, progress bars). Highlighting mid-rewrite
// chunks corrupts the cursor state, so we skip the whole chunk.
const MID_LINE_CR = /\r(?!\n)/;
// Detects shell prompt lines (user@host:/path$ or similar) after stripping ANSI.
// These should not be highlighted — the server already colored them, and injecting
// additional ANSI codes into the prompt fragments causes display corruption.
+5
2026-08-19 14:12:06 -05:00
//
// The parameter-byte class (0-9;?>=!) intentionally also includes `<` and `:` —
// SGR mouse-tracking reports (`ESC[<Cb;Cx;CyM`) use `<` as their private-mode
// marker. Without it, mouse reports from TUI apps (especially through a
// multiplexer like screen) aren't recognized as escape sequences and leak
// through as literal "35;191;1M" text on screen.
const STRIP_ANSI_RE = /\x1b(?:[@-Z\\-_]|\[[0-9:;<=>?!]*[@-~])/g;
2026-06-29 13:28:26 -05:00
const SSH_BRACKET_HEADING_RE =
/(?:(?<=^)|(?<=\s))\[[\w.-]+@[\w.-]+(?:[^\]\r\n]*)?\]/g;
2026-06-21 15:55:41 -05:00
function isShellPromptLine(bare: string): boolean {
const plain = bare.replace(STRIP_ANSI_RE, "");
// Matches a trailing prompt: "user@host:~$ ", "root@pi:/home/pi# ", "[user@host dir]$ "
if (/(?:[\w.-]+@[\w.-]+|[\w.-]+).*?[$#%>]\s*$/.test(plain)) return true;
// Matches a leading prompt followed by a command: "user@host:/path$ cmd arg"
// This is the echoed command line — the shell colors the prompt prefix itself,
// so injecting extra ANSI codes into it causes visual corruption / doubled paths.
if (/^(?:\[?[\w.-]+@[\w.-]+[\w./ ~-]*\]?|[\w.-]+).*?[$#%>]\s+\S/.test(plain))
return true;
return false;
}
+2
2026-06-16 15:59:53 -05:00
// Matches any complete ANSI escape sequence
+5
2026-08-19 14:12:06 -05:00
const ANSI_REGEX = /\x1b(?:[@-Z\\-_]|\[[0-9:;<=>?!]*[@-~])/g;
+2
2026-06-16 15:59:53 -05:00
// Matches SGR sequences (color/style setters) specifically — used to track active color state
const SGR_REGEX = /\x1b\[[0-9;]*m/;
// All patterns, ordered roughly by specificity. Priority determines which wins on overlap.
const ALL_PATTERNS: HighlightPattern[] = [
// IPv4 with optional :port — well-bounded, very specific
{
name: "ipv4",
regex:
/(?:(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9]?[0-9])\.){3}(?:25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9]?[0-9])(?::\d{1,5})?/g,
ansiCode: ANSI.magenta,
priority: 10,
category: "ipAddresses",
},
// Bracket timestamps [HH:MM] or [HH:MM:SS] — tight range checks prevent false positives
{
name: "timestamp-bracket",
regex: /\[(?:[01]\d|2[0-3]):[0-5]\d(?::[0-5]\d)?\]/g,
ansiCode: ANSI.brightBlack,
priority: 9,
category: "timestamps",
},
// ISO 8601 date with optional time. Require non-digit before to avoid matching
// inside version strings like "1.2024.3". The \b on the right ensures we don't
// match partial tokens.
{
name: "timestamp-iso",
regex:
/(?<![0-9])\b\d{4}-(?:0[1-9]|1[0-2])-(?:0[1-9]|[12]\d|3[01])(?:[T ]\d{2}:\d{2}(?::\d{2})?(?:\.\d+)?(?:Z|[+-]\d{2}:?\d{2})?)?\b/g,
ansiCode: ANSI.brightBlack,
priority: 9,
category: "timestamps",
},
// Error-level keywords — case-insensitive, catches "Error", "error", "FAILED", etc.
{
name: "log-error",
regex:
/\b(?:error|fatal|critical|fail(?:ed)?|denied|exception)\b|\[(?:error|fatal|critical)\]/gi,
ansiCode: ANSI.brightRed,
priority: 9,
category: "logLevels",
},
// Warning-level keywords — case-insensitive
{
name: "log-warn",
regex: /\b(?:warn(?:ing)?|alert|caution)\b|\[warn(?:ing)?\]/gi,
ansiCode: ANSI.brightYellow,
priority: 9,
category: "logLevels",
},
2026-06-21 15:55:41 -05:00
// Success keywords — kept conservative to avoid noise.
// Negative lookahead prevents matching when directly followed by a path separator
// (e.g. shell `cd` output that prints "success~/new/dir").
+2
2026-06-16 15:59:53 -05:00
{
name: "log-success",
2026-06-21 15:55:41 -05:00
regex:
/\b(?:success(?:ful(?:ly)?)?|pass(?:ed)?|complete(?:d)?|ok\b)\b(?![\\/~])/gi,
+2
2026-06-16 15:59:53 -05:00
ansiCode: ANSI.brightGreen,
priority: 8,
category: "logLevels",
},
// URLs — blue + underline
{
name: "url",
regex: /https?:\/\/[^\s\])}>"']+/g,
ansiCode: `${ANSI.blue}${ANSI.underline}`,
priority: 8,
category: "urls",
},
// Absolute paths — permissive character class that allows *, ?, [], globs, etc.
// Requires at least one slash after the root segment so we don't match bare /dev or /tmp.
// Boundary: must start at beginning of text or after whitespace/colon/comma/paren.
{
name: "path-absolute",
regex:
/(?:(?<=^)|(?<=[\s:,;('"]))\/[^\s"'`|<>&;\\]+(?:\/[^\s"'`|<>&;\\]+)+/g,
ansiCode: ANSI.cyan,
priority: 7,
category: "paths",
},
// Home-relative paths
{
name: "path-home",
regex: /~\/[^\s"'`|<>&;(){}[\]\\]+/g,
ansiCode: ANSI.cyan,
priority: 7,
category: "paths",
},
// Info keyword
{
name: "log-info",
regex: /\binfo\b|\[info\]/gi,
ansiCode: ANSI.blue,
priority: 6,
category: "logLevels",
},
// Debug/trace
{
name: "log-debug",
regex: /\b(?:debug|trace|verbose)\b|\[(?:debug|trace)\]/gi,
ansiCode: ANSI.brightBlack,
priority: 6,
category: "logLevels",
},
// Labeled numbers: port 8080, exit 1, code 127, status 404, signal 9, returned 0
// Captures just the number portion so only the digit is highlighted.
{
name: "number-labeled",
regex: /\b(?:port|exit|code|status|signal|returned?)\s+(\d+)\b/gi,
ansiCode: ANSI.brightCyan,
priority: 5,
category: "numbers",
},
];
function hasIncompleteAnsiSequence(text: string): boolean {
+5
2026-08-19 14:12:06 -05:00
return /\x1b\[[0-9:;<=>?!]*$/.test(text);
+1
2025-12-31 22:20:12 -06:00
}
+3
2026-08-06 14:41:39 -05:00
/**
* Tracks whether the stream is inside a control string (OSC/DCS/APC/PM) across
* chunk boundaries.
*
* A control string carries text that must never reach the screen — an OSC 0
* title, for instance, contains the user, host and path. Its opening `ESC ]`
* and its terminator often land in different websocket frames, and the
* continuation frame contains no escape byte at all, so every single-chunk
* guard here misses it. Highlighting that continuation injects an SGR sequence
* into the middle of the string, which aborts it early in xterm.js and dumps
* the rest of the payload on screen as ordinary text.
*
* A trailing lone ESC counts as active for the same reason: its intent is only
* knowable from the next chunk.
*/
export function updateControlStringMode(
output: string,
currentMode: boolean,
): { isActive: boolean; wasActive: boolean } {
const wasActive = currentMode;
let isActive = currentMode;
for (let i = 0; i < output.length; i++) {
const char = output[i];
if (isActive) {
if (char === "\x07") {
isActive = false;
} else if (char === "\x1b") {
// ST (ESC \) closes it; any other ESC aborts it.
isActive = false;
if (output[i + 1] === "\\") i++;
}
continue;
}
if (char !== "\x1b") continue;
const next = output[i + 1];
if (next === undefined) return { isActive: true, wasActive };
if (next === "]" || next === "P" || next === "^" || next === "_") {
isActive = true;
i++;
}
}
return { isActive, wasActive };
}
+1
2025-12-31 22:20:12 -06:00
function parseAnsiSegments(text: string): TextSegment[] {
const segments: TextSegment[] = [];
+2
2026-06-16 15:59:53 -05:00
ANSI_REGEX.lastIndex = 0;
+1
2025-12-31 22:20:12 -06:00
let lastIndex = 0;
+2
2026-06-16 15:59:53 -05:00
let activeSgr = "";
+1
2025-12-31 22:20:12 -06:00
let match;
+2
2026-06-16 15:59:53 -05:00
while ((match = ANSI_REGEX.exec(text)) !== null) {
+1
2025-12-31 22:20:12 -06:00
if (match.index > lastIndex) {
segments.push({
isAnsi: false,
content: text.slice(lastIndex, match.index),
+2
2026-06-16 15:59:53 -05:00
activeSgr,
+1
2025-12-31 22:20:12 -06:00
});
}
+2
2026-06-16 15:59:53 -05:00
const seq = match[0];
segments.push({ isAnsi: true, content: seq });
// Track the active SGR state so we can restore it after a highlight reset
if (SGR_REGEX.test(seq)) {
activeSgr = seq === ANSI.reset ? "" : seq;
}
lastIndex = ANSI_REGEX.lastIndex;
+1
2025-12-31 22:20:12 -06:00
}
if (lastIndex < text.length) {
+2
2026-06-16 15:59:53 -05:00
segments.push({ isAnsi: false, content: text.slice(lastIndex), activeSgr });
+1
2025-12-31 22:20:12 -06:00
}
return segments;
}
+2
2026-06-16 15:59:53 -05:00
function highlightPlainText(
text: string,
activePatterns: HighlightPattern[],
activeSgr: string,
+2
2026-07-26 18:47:27 -05:00
protectedRanges: ProtectedRange[],
+2
2026-06-16 15:59:53 -05:00
): string {
if (text.length > MAX_LINE_LENGTH || !text.trim()) return text;
+1
2025-12-31 22:20:12 -06:00
const matches: MatchResult[] = [];
+2
2026-06-16 15:59:53 -05:00
for (const pattern of activePatterns) {
+1
2025-12-31 22:20:12 -06:00
pattern.regex.lastIndex = 0;
+2
2026-06-16 15:59:53 -05:00
let m;
while ((m = pattern.regex.exec(text)) !== null) {
// For patterns with a capture group (labeled numbers), highlight only the capture
if (m[1] !== undefined) {
const captureOffset = m[0].indexOf(m[1], m[0].search(/\d/));
const captureStart = m.index + captureOffset;
const captureEnd = captureStart + m[1].length;
2026-06-29 13:28:26 -05:00
if (isProtectedRange(captureStart, captureEnd, protectedRanges)) {
continue;
}
+2
2026-06-16 15:59:53 -05:00
matches.push({
start: m.index,
end: m.index + m[0].length,
ansiCode: pattern.ansiCode,
priority: pattern.priority,
captureStart,
captureEnd,
});
} else {
2026-06-29 13:28:26 -05:00
if (isProtectedRange(m.index, m.index + m[0].length, protectedRanges)) {
continue;
}
+2
2026-06-16 15:59:53 -05:00
matches.push({
start: m.index,
end: m.index + m[0].length,
ansiCode: pattern.ansiCode,
priority: pattern.priority,
});
}
+1
2025-12-31 22:20:12 -06:00
}
}
+2
2026-06-16 15:59:53 -05:00
if (matches.length === 0) return text;
+1
2025-12-31 22:20:12 -06:00
+2
2026-06-16 15:59:53 -05:00
// Highest priority wins; ties broken by earlier start position
matches.sort((a, b) =>
a.priority !== b.priority ? b.priority - a.priority : a.start - b.start,
);
+1
2025-12-31 22:20:12 -06:00
+2
2026-06-16 15:59:53 -05:00
const used: Array<{ start: number; end: number }> = [];
const final = matches.filter((m) => {
const overlaps = used.some(
(r) =>
(m.start >= r.start && m.start < r.end) ||
(m.end > r.start && m.end <= r.end) ||
(m.start <= r.start && m.end >= r.end),
+1
2025-12-31 22:20:12 -06:00
);
if (!overlaps) {
+2
2026-06-16 15:59:53 -05:00
used.push({ start: m.start, end: m.end });
+1
2025-12-31 22:20:12 -06:00
return true;
}
return false;
});
+2
2026-06-16 15:59:53 -05:00
// Apply in reverse order so indices stay valid as we insert escape codes
final.sort((a, b) => a.start - b.start).reverse();
+1
2025-12-31 22:20:12 -06:00
+2
2026-06-16 15:59:53 -05:00
let result = text;
for (const m of final) {
const hs = m.captureStart ?? m.start;
const he = m.captureEnd ?? m.end;
// After reset, re-emit the SGR that was active before this plain-text segment
// so we don't clobber colors set by the server earlier in the line.
const restore = activeSgr || "";
result =
result.slice(0, hs) +
m.ansiCode +
result.slice(hs, he) +
ANSI.reset +
restore +
result.slice(he);
}
+1
2025-12-31 22:20:12 -06:00
return result;
}
2026-06-29 13:28:26 -05:00
function getProtectedRanges(text: string): ProtectedRange[] {
const ranges: ProtectedRange[] = [];
SSH_BRACKET_HEADING_RE.lastIndex = 0;
let match;
while ((match = SSH_BRACKET_HEADING_RE.exec(text)) !== null) {
ranges.push({
start: match.index,
end: match.index + match[0].length,
});
}
return ranges;
}
function isProtectedRange(
start: number,
end: number,
ranges: ProtectedRange[],
): boolean {
return ranges.some((range) => start < range.end && end > range.start);
}
+2
2026-06-16 15:59:53 -05:00
function buildActivePatterns(
options: SyntaxHighlightOptions,
): HighlightPattern[] {
return ALL_PATTERNS.filter((p) => options[p.category] !== false);
+1
2025-12-31 22:20:12 -06:00
}
+2
2026-06-16 15:59:53 -05:00
function highlightLine(
line: string,
activePatterns: HighlightPattern[],
): string {
const cr = line.endsWith("\r");
const bare = cr ? line.slice(0, -1) : line;
if (!bare.trim()) return line;
+8
2026-07-19 12:29:52 -05:00
if (bare.length > MAX_LINE_LENGTH) return line;
2026-06-21 15:55:41 -05:00
if (isShellPromptLine(bare)) return line;
+2
2026-06-16 15:59:53 -05:00
+2
2026-07-26 18:47:27 -05:00
// Compute protected ranges (e.g. SSH bracket headings) against the fully
// stripped line rather than per-ANSI-segment text. A colored prompt theme
// (e.g. "[<color>user<reset>@<color>host<reset>]") splits the heading across
// multiple plain-text segments, so matching per-segment would miss it and
// let a username like "warning" get wrongly highlighted as a log level.
const plainLine = bare.replace(STRIP_ANSI_RE, "");
const lineProtectedRanges = getProtectedRanges(plainLine);
+2
2026-06-16 15:59:53 -05:00
const segments = parseAnsiSegments(bare);
+2
2026-07-26 18:47:27 -05:00
let plainOffset = 0;
+2
2026-06-16 15:59:53 -05:00
const result = segments
+2
2026-07-26 18:47:27 -05:00
.map((s) => {
if (s.isAnsi) return s.content;
const segmentStart = plainOffset;
plainOffset += s.content.length;
const localRanges = lineProtectedRanges
.map((r) => ({
start: r.start - segmentStart,
end: r.end - segmentStart,
}))
.filter((r) => r.start < s.content.length && r.end > 0);
return highlightPlainText(
s.content,
activePatterns,
s.activeSgr ?? "",
localRanges,
);
})
+2
2026-06-16 15:59:53 -05:00
.join("");
return cr ? result + "\r" : result;
}
export function highlightTerminalOutput(
text: string,
options: SyntaxHighlightOptions = {},
): string {
if (!text || !text.trim()) return text;
if (hasIncompleteAnsiSequence(text)) return text;
if (TUI_SEQUENCE.test(text)) return text;
+8
2026-07-19 12:29:52 -05:00
if (TUI_FRAME_SEQUENCE.test(text)) return text;
if (CONTROL_STRING_SEQUENCE.test(text)) return text;
2026-06-21 15:55:41 -05:00
if (MID_LINE_CR.test(text)) return text;
+2
2026-06-16 15:59:53 -05:00
const activePatterns = buildActivePatterns(options);
if (activePatterns.length === 0) return text;
2026-06-21 15:55:41 -05:00
const lines = text.split("\n");
const endsWithNewline = text.endsWith("\n");
const hasMultipleLines = lines.length > 1;
// When a multi-line chunk has a trailing fragment without \n, that fragment
// could be a live readline input line that bash will redraw with \r +
// cursor-positioning sequences. Injecting ANSI bytes into it adds invisible
// chars that bash doesn't count, so bash's cursor arithmetic diverges from
// xterm's actual column position — causing the cursor to jump and text to
// shift when the user types or navigates with arrow keys.
// Only skip the last fragment when the chunk already has complete lines
// before it (single-line chunks with no \n are plain output, not input).
const highlightCount =
hasMultipleLines && !endsWithNewline ? lines.length - 1 : lines.length;
return lines
.map((line, i) =>
i < highlightCount ? highlightLine(line, activePatterns) : line,
)
+2
2026-06-16 15:59:53 -05:00
.join("\n");
+1
2025-12-31 22:20:12 -06:00
}