@nghyane/arcane-tui 0.1.7 → 0.1.8

package/package.json

@@ -1,7 +1,7 @@
 {
 	"type": "module",
 	"name": "@nghyane/arcane-tui",
-	"version": "0.1.7",
+	"version": "0.1.8",
 	"description": "Terminal User Interface library with differential rendering for efficient text-based applications",
 	"homepage": "https://github.com/nghyane/arcane",
 	"author": "Can Bölük",

package/src/components/editor.ts

@@ -93,6 +93,10 @@ function wordWrapLine(line: string, maxWidth: number): TextChunk[] {
 
 		// Skip leading whitespace at line start
 		if (atLineStart && token.isWhitespace) {
+			// Extend previous chunk's range to cover the skipped whitespace (no cursor gap)
+			if (chunks.length > 0) {
+				chunks[chunks.length - 1]!.endIndex = token.endIndex;
+			}
 			chunkStartIndex = token.endIndex;
 			continue;
 		}
@@ -162,6 +166,10 @@ function wordWrapLine(line: string, maxWidth: number): TextChunk[] {
 			// Start new line - skip leading whitespace
 			atLineStart = true;
 			if (token.isWhitespace) {
+				// Extend the just-pushed chunk's range to cover this whitespace (no cursor gap)
+				if (chunks.length > 0) {
+					chunks[chunks.length - 1]!.endIndex = token.endIndex;
+				}
 				currentChunk = "";
 				currentWidth = 0;
 				chunkStartIndex = token.endIndex;

package/src/tui.ts

@@ -646,6 +646,7 @@ export class TUI extends Container {
 		this.#selectionActive = false;
 		this.#selectionAnchor = null;
 		this.#selectionEnd = null;
+		this.requestRender();
 	}
 
 	#getSelectionRange(): { startRow: number; startCol: number; endRow: number; endCol: number } | null {
@@ -713,7 +714,9 @@ export class TUI extends Container {
 
 		// Output only the changed cells
 		let out = "\x1b[?2026h"; // Synchronized output
+		out += "\x1b7"; // Save cursor position
 		out += renderDiff(changes, width);
+		out += "\x1b8"; // Restore cursor position
 		out += "\x1b[?2026l";
 		this.terminal.write(out);
 	}
@@ -733,11 +736,12 @@ export class TUI extends Container {
 			const line = cache[row];
 			if (TERMINAL.isImageLine(line)) continue;
 			const lineStart = row === startRow ? startCol : 0;
-			const lineEnd = row === endRow ? endCol : visibleWidth(line);
+			const isFullLine = row !== endRow;
+			const lineEnd = isFullLine ? visibleWidth(line) : endCol;
 			const sliced = sliceByColumn(line, lineStart, lineEnd - lineStart, true);
 			// Strip ANSI from the sliced segment
 			const plain = sliced.replace(/\x1b\[[^a-zA-Z]*[a-zA-Z]|\x1b\][^\x07]*\x07|\x1b_[^\x07]*\x07/g, "");
-			textLines.push(plain);
+			textLines.push(isFullLine ? plain.trimEnd() : plain);
 		}
 
 		const text = textLines.join("\n");