claude-highlight 1.0.1 → 1.0.2

package/dist/claude-highlight.js

@@ -818,11 +818,13 @@ class ScreenModel {
   cols;
   chars;
   fg;
+  bg;
   ours;
   rule;
   x;
   y;
   curFg;
+  curBg;
   curOurs;
   saved;
   top;
@@ -844,12 +846,14 @@ class ScreenModel {
   invalidate() {
     this.chars = Array.from({ length: this.rows }, () => new Array(this.cols).fill(null));
     this.fg = Array.from({ length: this.rows }, () => new Array(this.cols).fill(null));
+    this.bg = Array.from({ length: this.rows }, () => new Array(this.cols).fill(null));
     this.ours = Array.from({ length: this.rows }, () => new Array(this.cols).fill(false));
     this.rule = new Array(this.rows).fill(null);
     this.x = this.y = 0;
     this.curFg = null;
+    this.curBg = null;
     this.curOurs = false;
-    this.saved = [0, 0, null];
+    this.saved = [0, 0, null, null];
     this.top = 0;
     this.bot = this.rows - 1;
     this.alt = false;
@@ -860,6 +864,7 @@ class ScreenModel {
   }
   blankRow() {
     return [
+      new Array(this.cols).fill(null),
       new Array(this.cols).fill(null),
       new Array(this.cols).fill(null),
       new Array(this.cols).fill(false)
@@ -868,6 +873,7 @@ class ScreenModel {
   set(x, ch) {
     this.chars[this.y][x] = ch;
     this.fg[this.y][x] = this.curFg;
+    this.bg[this.y][x] = this.curBg;
     this.ours[this.y][x] = this.curOurs;
     this.dirty.add(this.y);
     this.rule[this.y] = null;
@@ -900,12 +906,14 @@ class ScreenModel {
   }
   scroll(n, up = true) {
     for (let k = 0;k < Math.max(n, 1); k++) {
-      const [c, f, o] = this.blankRow();
+      const [c, f, bg, o] = this.blankRow();
       if (up) {
         this.chars.splice(this.top, 1);
         this.chars.splice(this.bot, 0, c);
         this.fg.splice(this.top, 1);
         this.fg.splice(this.bot, 0, f);
+        this.bg.splice(this.top, 1);
+        this.bg.splice(this.bot, 0, bg);
         this.ours.splice(this.top, 1);
         this.ours.splice(this.bot, 0, o);
       } else {
@@ -913,6 +921,8 @@ class ScreenModel {
         this.chars.splice(this.top, 0, c);
         this.fg.splice(this.bot, 1);
         this.fg.splice(this.top, 0, f);
+        this.bg.splice(this.bot, 1);
+        this.bg.splice(this.top, 0, bg);
         this.ours.splice(this.bot, 1);
         this.ours.splice(this.top, 0, o);
       }
@@ -927,10 +937,17 @@ class ScreenModel {
     while (i < toks.length) {
       const t = toks[i] || "0";
       const n = /^[0-9]+$/.test(t) ? parseInt(t, 10) : -1;
-      if (n === 0 || n === 39) {
+      if (n === 0) {
         this.curFg = null;
+        this.curBg = null;
+      } else if (n === 39) {
+        this.curFg = null;
+      } else if (n === 49) {
+        this.curBg = null;
       } else if (n >= 30 && n <= 37 || n >= 90 && n <= 97) {
         this.curFg = t;
+      } else if (n >= 40 && n <= 47 || n >= 100 && n <= 107) {
+        this.curBg = t;
       } else if (n === 38) {
         if (toks[i + 1] === "5") {
           this.curFg = toks.slice(i, i + 3).join(";");
@@ -939,6 +956,14 @@ class ScreenModel {
           this.curFg = toks.slice(i, i + 5).join(";");
           i += 4;
         }
+      } else if (n === 48) {
+        if (toks[i + 1] === "5") {
+          this.curBg = toks.slice(i, i + 3).join(";");
+          i += 2;
+        } else if (toks[i + 1] === "2") {
+          this.curBg = toks.slice(i, i + 5).join(";");
+          i += 4;
+        }
       }
       i += 1;
     }
@@ -948,6 +973,7 @@ class ScreenModel {
     for (const x of cells) {
       this.chars[this.y][x] = " ";
       this.fg[this.y][x] = null;
+      this.bg[this.y][x] = null;
       this.ours[this.y][x] = false;
     }
     this.dirty.add(this.y);
@@ -1025,13 +1051,15 @@ class ScreenModel {
     } else if (fin === "L" || fin === "M") {
       const n = Math.max(a, 1);
       for (let k = 0;k < n; k++) {
-        const [c, f, o] = this.blankRow();
+        const [c, f, bg, o] = this.blankRow();
         const at = fin === "L" ? this.y : this.bot;
         const from = fin === "L" ? this.bot : this.y;
         this.chars.splice(from, 1);
         this.chars.splice(at, 0, c);
         this.fg.splice(from, 1);
         this.fg.splice(at, 0, f);
+        this.bg.splice(from, 1);
+        this.bg.splice(at, 0, bg);
         this.ours.splice(from, 1);
         this.ours.splice(at, 0, o);
       }
@@ -1040,7 +1068,7 @@ class ScreenModel {
       this.rule = new Array(this.rows).fill(null);
     } else if (fin === "P" || fin === "@") {
       const n = Math.max(a, 1);
-      const chars = this.chars[this.y], fg = this.fg[this.y], ours = this.ours[this.y];
+      const chars = this.chars[this.y], fg = this.fg[this.y], bg = this.bg[this.y], ours = this.ours[this.y];
       if (fin === "P") {
         chars.splice(this.x, n);
         while (chars.length < this.cols)
@@ -1048,6 +1076,9 @@ class ScreenModel {
         fg.splice(this.x, n);
         while (fg.length < this.cols)
           fg.push(null);
+        bg.splice(this.x, n);
+        while (bg.length < this.cols)
+          bg.push(null);
         ours.splice(this.x, n);
         while (ours.length < this.cols)
           ours.push(false);
@@ -1057,6 +1088,8 @@ class ScreenModel {
           chars.pop();
           fg.splice(this.x, 0, null);
           fg.pop();
+          bg.splice(this.x, 0, null);
+          bg.pop();
           ours.splice(this.x, 0, false);
           ours.pop();
         }
@@ -1131,9 +1164,9 @@ class ScreenModel {
           continue;
         }
         if (nxt === 55) {
-          this.saved = [this.x, this.y, this.curFg];
+          this.saved = [this.x, this.y, this.curFg, this.curBg];
         } else if (nxt === 56) {
-          [this.x, this.y, this.curFg] = this.saved;
+          [this.x, this.y, this.curFg, this.curBg] = this.saved;
           this.curOurs = this.curFg !== null && this.palette.has(this.curFg);
         } else if (nxt === 77) {
           if (this.y === this.top)
@@ -1260,7 +1293,7 @@ class ScreenModel {
         const cells = span(idx[start], idx[end - 1] + 1);
         if (cells.some((c) => want[c] !== null))
           continue;
-        if (onlyUnstyled && cells.some((c) => this.fg[y][c] !== null && !this.ours[y][c])) {
+        if (onlyUnstyled && cells.some((c) => this.fg[y][c] !== null && !this.ours[y][c] || this.bg[y][c] !== null)) {
           continue;
         }
         for (const c of cells)
@@ -1270,30 +1303,40 @@ class ScreenModel {
     return want;
   }
   corrections(rules, onlyUnstyled = true) {
-    if (!this.alt || this.dirty.size === 0)
+    if (!this.alt)
       return Buffer.alloc(0);
-    const rows = [...this.dirty].sort((p, q) => p - q);
-    this.dirty = new Set;
     const offLimits = this.composerRows();
+    const todo = new Set(this.dirty);
+    for (const y of offLimits)
+      todo.add(y);
+    if (todo.size === 0)
+      return Buffer.alloc(0);
+    const rows = [...todo].sort((p, q) => p - q);
+    this.dirty = new Set;
     const out = [];
     let len = 0, spent = false;
+    const needsFix = (y, x, want) => {
+      if (this.fg[y][x] === want[x])
+        return false;
+      return this.ours[y][x] || want[x] !== null && this.fg[y][x] === null;
+    };
     for (const y of rows) {
       if (spent) {
         this.dirty.add(y);
         continue;
       }
-      if (!this.ours[y].some((v) => v))
-        continue;
       const want = this.desired(y, rules, onlyUnstyled, offLimits);
+      if (!this.ours[y].some((v) => v) && !want.some((v) => v !== null))
+        continue;
       let x = 0;
       while (x < this.cols) {
-        if (!(this.ours[y][x] && this.fg[y][x] !== want[x])) {
+        if (!needsFix(y, x, want)) {
           x += 1;
           continue;
         }
         let start = x;
         const target = want[x];
-        while (x < this.cols && this.ours[y][x] && this.fg[y][x] !== want[x] && want[x] === target)
+        while (x < this.cols && needsFix(y, x, want) && want[x] === target)
           x += 1;
         if (this.chars[y][start] === "" && start)
           start -= 1;

package/man/claude-highlight.1

@@ -1,4 +1,4 @@
-.TH CLAUDE\-HIGHLIGHT 1 "2026-09-09" "claude-highlight 1.0.1" "User Commands"
+.TH CLAUDE\-HIGHLIGHT 1 "2026-09-10" "claude-highlight 1.0.2" "User Commands"
 .SH NAME
 claude\-highlight \- run Claude Code behind a PTY that colors epistemic markers
 .SH SYNOPSIS

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-highlight",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "type": "module",
   "description": "Colors epistemic markers in Claude Code's output, live, in the terminal",
   "keywords": [