@trendr/core 0.4.3 → 0.4.5

package/package.json

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

package/src/renderer.js

@@ -948,6 +948,7 @@ export function mount(rootComponent, { stream, stdin, title, theme, onExit: onEx
   let lastInlineBuf = null
 
   function frame() {
+    const frameStart = performance.now()
     const prevCtx = activeContext
     activeContext = ctx
     overlays = []
@@ -1076,7 +1077,7 @@ export function mount(rootComponent, { stream, stdin, title, theme, onExit: onEx
     }
     lastFrameTimestamp = now
     const avgMs = frameTimeWindow.length > 0 ? frameTimeWindow.reduce((a, b) => a + b, 0) / frameTimeWindow.length : 16.67
-    lastFrameStats = { changed, total: width * height, bytes: output ? Buffer.byteLength(output) : 0, fps: Math.round(1000 / avgMs) }
+    lastFrameStats = { changed, total: width * height, bytes: output ? Buffer.byteLength(output) : 0, fps: Math.round(1000 / avgMs), renderMs: performance.now() - frameStart }
 
     const tmp = prev
     prev = curr

package/src/text-area.js

@@ -124,7 +124,7 @@ function ensureVisible(cursorRow, scroll, height, totalLines) {
   return scroll
 }
 
-export function TextArea({ onSubmit, onCancel, onChange, onKeyDown, placeholder, focused = true, maxHeight = 10, clearOnSubmit = true, cursor: cursorProp, value: valueProp, submitOnEnter = false }) {
+export function TextArea({ onSubmit, onCancel, onChange, onKeyDown, placeholder, focused = true, maxHeight = 10, clearOnSubmit = true, cursor: cursorProp, value: valueProp, submitOnEnter = false, color }) {
   const [value, setValue] = createSignal('')
   const [cursor, setCursor] = createSignal(0)
   if (valueProp !== undefined && valueProp !== value()) {
@@ -345,7 +345,7 @@ export function TextArea({ onSubmit, onCancel, onChange, onKeyDown, placeholder,
     const hasCursor = focused && row === displayPos.row
 
     if (!hasCursor) {
-      return jsx('text', { key: row, children: content || ' ' })
+      return jsx('text', { key: row, style: color ? { color } : {}, children: content || ' ' })
     }
 
     const cursorIdx = Math.max(line.start, Math.min(c, line.end))
@@ -358,9 +358,9 @@ export function TextArea({ onSubmit, onCancel, onChange, onKeyDown, placeholder,
       key: row,
       style: { flexDirection: 'row', height: 1 },
       children: [
-        before && jsx('text', { children: before }),
+        before && jsx('text', { style: color ? { color } : {}, children: before }),
         jsx('text', { style: cs ?? {}, children: cursorChar }),
-        after && jsx('text', { children: after }),
+        after && jsx('text', { style: color ? { color } : {}, children: after }),
       ],
     })
   })