@trendr/core 0.4.10 → 0.4.12

package/package.json

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

package/src/ansi.js

@@ -19,6 +19,9 @@ export const sgrReset = `${ESC}0m`
 export const setTitle = (title) => `\x1b]2;${title}\x07`
 export const osc52Copy = (text) => `\x1b]52;c;${Buffer.from(text, 'utf8').toString('base64')}\x07`
 
+export const beginSync = `${ESC}?2026h`
+export const endSync = `${ESC}?2026l`
+
 export const enableMouse = `${ESC}?1003h${ESC}?1006h`
 export const disableMouse = `${ESC}?1003l${ESC}?1006l`
 
@@ -28,6 +31,9 @@ export const ITALIC = 4
 export const UNDERLINE = 8
 export const INVERSE = 16
 export const STRIKETHROUGH = 32
+// never emitted as sgr: marks ui chrome cells (scrollbars, counters) that
+// text selection should skip when extracting copy text
+export const COPY_IGNORE = 64
 
 const ATTR_CODES = [
   [BOLD, '1'],

package/src/buffer.js

@@ -159,5 +159,8 @@ export function blitRect(src, dst, x, y, w, h) {
     for (let col = x1; col < x2; col++) {
       dst.cells[base + col] = src.cells[base + col]
     }
+    // softWrap is per-row metadata set at text paint time; a blitted clean
+    // subtree must carry its wrap flags or selection re-joins lines wrongly
+    if (src.softWrap[row]) dst.softWrap[row] = 1
   }
 }

package/src/diff-view.js

@@ -236,7 +236,7 @@ export function Diff({
       const isThumb = i >= thumbStart && i < thumbStart + thumbH
       bar.push(jsx('text', {
         key: i,
-        style: { color: isThumb ? palette.lineNo : palette.lineNo, dim: !isThumb },
+        style: { color: palette.lineNo, dim: !isThumb, copyIgnore: true },
         children: isThumb ? '█' : '│',
       }))
     }

package/src/dropdown.js

@@ -126,7 +126,7 @@ export function Dropdown({ items, cursor, scroll, visibleCount, width, onSubmit,
       children: [
         content,
         jsx('text', {
-          style: { color: barIsThumb ? s.accent : muted, dim: !barIsThumb },
+          style: { color: barIsThumb ? s.accent : muted, dim: !barIsThumb, copyIgnore: true },
           children: ' ' + (barIsThumb ? '█' : '│'),
         }),
       ],

package/src/list.js

@@ -190,7 +190,7 @@ export function List({ items = [], selected: selectedProp, onSelect, onCursorCha
     barChildren.push(
       jsx('text', {
         key: i,
-        style: { color: isThumb ? (focused ? accent : muted) : muted, dim: !isThumb },
+        style: { color: isThumb ? (focused ? accent : muted) : muted, dim: !isThumb, copyIgnore: true },
         children: isThumb ? '\u2588' : '\u2502',
       })
     )

package/src/renderer.js

@@ -98,6 +98,7 @@ function resolveAttrs(style) {
   if (style.underline) attrs |= ansi.UNDERLINE
   if (style.inverse) attrs |= ansi.INVERSE
   if (style.strikethrough) attrs |= ansi.STRIKETHROUGH
+  if (style.copyIgnore) attrs |= ansi.COPY_IGNORE
   return attrs
 }
 
@@ -1068,10 +1069,13 @@ export function mount(rootComponent, { stream, stdin, title, theme, onExit: onEx
 
     const { output, changed } = diff(prev, curr)
     if (changed > 0) {
-      out.write(ansi.hideCursor)
+      // synchronized output (dec 2026): supporting terminals apply the whole
+      // frame atomically instead of tearing mid-write; others ignore it
+      out.write(ansi.beginSync + ansi.hideCursor)
       // diff() returns a view into a shared double buffer that gets reused two
       // frames later; write a copy so backpressured streams never see it mutate
       out.write(Buffer.from(output))
+      out.write(ansi.endSync)
     }
 
     const now = performance.now()
@@ -1226,6 +1230,10 @@ export function mount(rootComponent, { stream, stdin, title, theme, onExit: onEx
   }
 
   ctx.repaint = repaint
+  // gentle sibling of repaint: schedules a normal diffed frame with no
+  // clear-screen; right for overlay state like selection that frame()
+  // already applies each pass
+  ctx.requestFrame = () => scheduler.forceFrame()
   ctx.getPaintBuffer = () => (inline ? lastInlineBuf : prev)
 
   return { unmount, repaint, setTheme, getBuffer: ctx.getPaintBuffer }

package/src/scroll-box.js

@@ -93,7 +93,7 @@ export function ScrollBox({ children, focused = true, scrollOffset: offsetProp,
       barChildren.push(
         jsx('text', {
           key: i,
-          style: { color: isThumb ? (focused ? accent : muted) : muted, dim: !isThumb },
+          style: { color: isThumb ? (focused ? accent : muted) : muted, dim: !isThumb, copyIgnore: true },
           children: isThumb ? thumbChar : trackChar,
         })
       )

package/src/scrollable-text.js

@@ -89,7 +89,7 @@ export function ScrollableText({ content = '', focused = true, scrollOffset: off
       style: { flexDirection: 'row', height: 1 },
       children: [
         jsx('text', { style: { flexGrow: 1, ...textStyle }, children: line || ' ' }),
-        jsx('text', { style: { color: barColor, dim: !isThumb }, children: ' ' + barChar }),
+        jsx('text', { style: { color: barColor, dim: !isThumb, copyIgnore: true }, children: ' ' + barChar }),
       ],
     })
   })

package/src/selection.js

@@ -1,6 +1,6 @@
 import { useMouse } from './hooks.js'
 import { getContext, registerHook } from './renderer.js'
-import { osc52Copy } from './ansi.js'
+import { osc52Copy, COPY_IGNORE } from './ansi.js'
 
 function normalize(a, b) {
   const forward = a.y < b.y || (a.y === b.y && a.x <= b.x)
@@ -22,8 +22,10 @@ export function extractSelectionText(buf, sel) {
     const to = y === sel.ey ? Math.min(sel.ex, buf.width - 1) : buf.width - 1
     let text = ''
     for (let x = 0; x <= to; x++) {
-      const ch = buf.cells[y * buf.width + x].ch
-      if (ch === '') continue
+      const cell = buf.cells[y * buf.width + x]
+      if (cell.ch === '') continue
+      // chrome cells (scrollbars, counters) never belong in copied text
+      const ch = cell.attrs & COPY_IGNORE ? ' ' : cell.ch
       text += y === sel.sy && x < sel.sx ? ' ' : ch
     }
     rows.push({ text: text.replace(/\s+$/, ''), soft: !!buf.softWrap[y] })
@@ -63,7 +65,7 @@ export function useSelection({ onCopy, copy = true } = {}) {
       state.dragging = false
       if (ctx.selection) {
         ctx.selection = null
-        ctx.repaint()
+        ctx.requestFrame()
       }
       return
     }
@@ -71,7 +73,7 @@ export function useSelection({ onCopy, copy = true } = {}) {
     if (event.action === 'drag' && state.anchor) {
       state.dragging = true
       ctx.selection = normalize(state.anchor, { x: event.x, y: event.y })
-      ctx.repaint()
+      ctx.requestFrame()
       return
     }
 
@@ -79,7 +81,7 @@ export function useSelection({ onCopy, copy = true } = {}) {
       if (state.dragging && ctx.selection) {
         const text = extractSelectionText(ctx.getPaintBuffer(), ctx.selection)
         ctx.selection = null
-        ctx.repaint()
+        ctx.requestFrame()
         if (text) {
           if (copy) ctx.stream.write(osc52Copy(text))
           if (onCopy) onCopy(text)

package/src/text-area.js

@@ -372,7 +372,7 @@ export function TextArea({ onSubmit, onCancel, onChange, onKeyDown, placeholder,
   const counter = counterActive
     ? jsx('box', {
         style: { flexDirection: 'row', height: 1 },
-        children: jsx('text', { style: { color: muted, dim: true }, children: `${displayPos.row + 1}/${lineMap.length}` }),
+        children: jsx('text', { style: { color: muted, dim: true, copyIgnore: true }, children: `${displayPos.row + 1}/${lineMap.length}` }),
       })
     : null