@effect-tui/react 0.11.0 → 0.12.2

package/src/renderer/input/InputProcessor.ts

@@ -16,6 +16,7 @@ export interface InputProcessorConfig {
 export class InputProcessor {
 	private pasteActive = false
 	private pasteBuffer = ""
+	private pendingInput = ""
 
 	constructor(private config: InputProcessorConfig) {}
 
@@ -24,7 +25,8 @@ export class InputProcessor {
 	 * Handles bracketed paste detection, key/mouse event decoding, and dispatch.
 	 */
 	process(data: Buffer): void {
-		let chunk = data.toString("utf8")
+		let chunk = this.pendingInput + data.toString("utf8")
+		this.pendingInput = ""
 
 		while (chunk.length > 0) {
 			if (this.pasteActive) {
@@ -64,7 +66,12 @@ export class InputProcessor {
 
 	private emitInput(str: string): void {
 		if (!str) return
-		const events = decodeInput(Buffer.from(str, "utf8"))
+		const { complete, pending } = this.splitIncompleteCsi(str)
+		if (pending) {
+			this.pendingInput = pending
+		}
+		if (!complete) return
+		const events = decodeInput(Buffer.from(complete, "utf8"))
 
 		for (const event of events) {
 			if (event.type === "mouse") {
@@ -96,4 +103,17 @@ export class InputProcessor {
 			}
 		}
 	}
+
+	private splitIncompleteCsi(input: string): { complete: string; pending: string } {
+		const lastEsc = input.lastIndexOf("\x1b")
+		if (lastEsc < 0) return { complete: input, pending: "" }
+
+		const tail = input.slice(lastEsc)
+		// Only buffer if tail looks like the start of a CSI sequence (ESC[...) without a final byte.
+		if (tail.startsWith("\x1b[") && !/[A-Za-z~]$/.test(tail)) {
+			return { complete: input.slice(0, lastEsc), pending: tail }
+		}
+
+		return { complete: input, pending: "" }
+	}
 }

package/src/utils/styles.ts

@@ -8,8 +8,10 @@ export interface StyleOptions {
 	fg?: ColorValue
 	bg?: ColorValue
 	bold?: boolean
+	dimmed?: boolean
 	italic?: boolean
 	underline?: boolean
+	strikethrough?: boolean
 	inverse?: boolean
 }
 
@@ -17,8 +19,10 @@ export interface StyleInput {
 	fg?: Color
 	bg?: Color
 	bold?: boolean
+	dimmed?: boolean
 	italic?: boolean
 	underline?: boolean
+	strikethrough?: boolean
 	inverse?: boolean
 }
 
@@ -37,8 +41,10 @@ export function styleSpecFromProps(props: StyleInput): StyleSpec | undefined {
 	if (fg !== undefined) spec.fg = fg
 	if (bg !== undefined) spec.bg = bg
 	if (props.bold) spec.bold = true
+	if (props.dimmed) spec.dimmed = true
 	if (props.italic) spec.italic = true
 	if (props.underline) spec.underline = true
+	if (props.strikethrough) spec.strikethrough = true
 	if (props.inverse) spec.inverse = true
 
 	return Object.keys(spec).length > 0 ? spec : undefined