@trendr/core 0.4.18 → 0.4.19

package/README.md

@@ -547,6 +547,7 @@ Multi-line text input. Auto-grows up to `maxHeight`, then scrolls.
   value={draft()}          // controlled value (optional)
   submitOnEnter={false}    // default false: Alt+Enter submits, Enter inserts newline.
                            // true flips it: Enter submits, Shift/Alt+Enter inserts newline
+  newlineOnBackslashEnter={false} // replace a backslash immediately before Enter with a newline
   clearOnSubmit={true}     // reset to empty on submit (default true)
   cursor={{ blink: true }} // per-component cursor config (overrides theme)
   onChange={(v, prev) => {}} // every edit, receives new and previous value

package/package.json

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

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, color, lineCounter = false }) {
+export function TextArea({ onSubmit, onCancel, onChange, onKeyDown, placeholder, focused = true, maxHeight = 10, clearOnSubmit = true, cursor: cursorProp, value: valueProp, submitOnEnter = false, newlineOnBackslashEnter = false, color, lineCounter = false }) {
   const [value, setValue] = createSignal('')
   const [cursor, setCursor] = createSignal(0)
   if (valueProp !== undefined && valueProp !== value()) {
@@ -169,6 +169,7 @@ export function TextArea({ onSubmit, onCancel, onChange, onKeyDown, placeholder,
       return
     }
 
+    const isBackslashNewlineKey = newlineOnBackslashEnter && key === 'return' && !meta && c > 0 && v[c - 1] === '\\'
     const isSubmitKey = submitOnEnter
       ? (key === 'return' && !meta && !shift)
       : (meta && key === 'return')
@@ -176,6 +177,12 @@ export function TextArea({ onSubmit, onCancel, onChange, onKeyDown, placeholder,
       ? ((shift && key === 'return') || (meta && key === 'return'))
       : (key === 'return')
 
+    if (isBackslashNewlineKey) {
+      update(v.slice(0, c - 1) + '\n' + v.slice(c), c)
+      event.stopPropagation()
+      return
+    }
+
     if (isSubmitKey) {
       if (onSubmit) onSubmit(v)
       if (clearOnSubmit) update('', 0)