@effect-tui/react 0.12.0 → 0.12.3

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@effect-tui/react",
-	"version": "0.12.0",
+	"version": "0.12.3",
 	"description": "React bindings for @effect-tui/core",
 	"type": "module",
 	"files": [
@@ -83,7 +83,7 @@
 		"prepublishOnly": "bun run typecheck && bun run build"
 	},
 	"dependencies": {
-		"@effect-tui/core": "^0.12.0",
+		"@effect-tui/core": "^0.12.3",
 		"@effect/platform": "^0.94.0",
 		"@effect/platform-bun": "^0.87.0",
 		"@effect/rpc": "^0.73.0",

package/src/hosts/base.ts

@@ -342,6 +342,10 @@ export abstract class BaseHost implements HostInstance {
 	}
 
 	insertBefore(child: HostInstance, before: HostInstance): void {
+		const existingIdx = this.children.indexOf(child)
+		if (existingIdx >= 0) {
+			this.children.splice(existingIdx, 1)
+		}
 		const idx = this.children.indexOf(before)
 		if (idx >= 0) {
 			this.children.splice(idx, 0, child)

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: "" }
+	}
 }