@trendr/core 0.4.6 → 0.4.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trendr/core",
-  "version": "0.4.6",
+  "version": "0.4.7",
   "description": "direct-mode TUI renderer with JSX, signals, and per-cell diffing",
   "license": "MIT",
   "author": "Jonathan Pyers",

package/src/buffer.js

@@ -129,6 +129,21 @@ export function dimBuffer(buf) {
   }
 }
 
+export function dimRect(buf, x, y, w, h) {
+  const x1 = Math.max(x, 0)
+  const y1 = Math.max(y, 0)
+  const x2 = Math.min(x + w, buf.width)
+  const y2 = Math.min(y + h, buf.height)
+  for (let row = y1; row < y2; row++) {
+    const base = row * buf.width
+    for (let col = x1; col < x2; col++) {
+      const cell = buf.cells[base + col]
+      if (cell.attrs & 2) continue
+      buf.cells[base + col] = { ch: cell.ch, fg: cell.fg, bg: cell.bg, attrs: cell.attrs | 2 }
+    }
+  }
+}
+
 export function copyBuffer(src, dst) {
   const len = Math.min(src.cells.length, dst.cells.length)
   for (let i = 0; i < len; i++) dst.cells[i] = src.cells[i]

package/src/renderer.js

@@ -1,4 +1,4 @@
-import { createBuffer, clearBuffer, fillRect, writeText, dimBuffer, blitRect } from './buffer.js'
+import { createBuffer, clearBuffer, fillRect, writeText, dimBuffer, dimRect, blitRect } from './buffer.js'
 import { diff } from './diff.js'
 import { bufferToLines } from './serialize.js'
 import { computeLayout, resolveBorderEdges, intrinsicHeight } from './layout.js'
@@ -409,6 +409,10 @@ function paintTree(node, buf, clip, offset, prevBuf) {
       paintTree(child, buf, childClip, childOffset, childPrevBuf)
     }
   }
+
+  // style.dim on a box dims its whole painted region after children render:
+  // the scoped sibling of the overlay backdrop's full-buffer dim
+  if (style.dim) dimRect(buf, clipped.x, clipped.y, clipped.width, clipped.height)
 }
 
 function extractText(node, parentCtx) {