@caupulican/pi-tui 0.81.39 → 0.81.41

package/dist/components/editor.js

@@ -3,7 +3,7 @@ import { decodePrintableKey, matchesKey } from "../keys.js";
 import { KillRing } from "../kill-ring.js";
 import { CURSOR_MARKER } from "../tui.js";
 import { UndoStack } from "../undo-stack.js";
-import { getGraphemeSegmenter, getWordSegmenter, isWhitespaceChar, truncateToWidth, visibleWidth } from "../utils.js";
+import { getGraphemeSegmenter, getWordSegmenter, isWhitespaceChar, sliceByColumn, visibleWidth } from "../utils.js";
 import { findWordBackward, findWordForward } from "../word-navigation.js";
 import { SelectList } from "./select-list.js";
 const graphemeSegmenter = getGraphemeSegmenter();
@@ -172,6 +172,16 @@ const SLASH_COMMAND_SELECT_LIST_LAYOUT = {
     maxPrimaryColumnWidth: 32,
 };
 const ATTACHMENT_AUTOCOMPLETE_DEBOUNCE_MS = 20;
+function createScrollBorder(direction, hiddenLineCount, width) {
+    const availableWidth = Math.max(0, width);
+    const indicator = `─── ${direction} ${hiddenLineCount} more `;
+    const remaining = availableWidth - visibleWidth(indicator);
+    if (remaining >= 0)
+        return indicator + "─".repeat(remaining);
+    const ellipsis = "...".slice(0, availableWidth);
+    const indicatorWidth = availableWidth - visibleWidth(ellipsis);
+    return sliceByColumn(indicator, 0, indicatorWidth, true) + ellipsis;
+}
 export class Editor {
     state = {
         lines: [""],
@@ -230,6 +240,7 @@ export class Editor {
     snappedFromCursorCol = null;
     // Undo support
     undoStack = new UndoStack();
+    privateContent;
     onSubmit;
     onChange;
     disableSubmit = false;
@@ -237,6 +248,7 @@ export class Editor {
         this.tui = tui;
         this.theme = theme;
         this.borderColor = theme.borderColor;
+        this.privateContent = options.privateContent ?? false;
         const paddingX = options.paddingX ?? 0;
         this.paddingX = Number.isFinite(paddingX) ? Math.max(0, Math.floor(paddingX)) : 0;
         const maxVisible = options.autocompleteMaxVisible ?? 5;
@@ -272,6 +284,8 @@ export class Editor {
     }
     setAutocompleteProvider(provider) {
         this.cancelAutocomplete();
+        if (this.privateContent)
+            return;
         this.autocompleteProvider = provider;
     }
     /**
@@ -279,6 +293,8 @@ export class Editor {
      * Called after successful submission.
      */
     addToHistory(text) {
+        if (this.privateContent)
+            return;
         const trimmed = text.trim();
         if (!trimmed)
             return;
@@ -295,6 +311,8 @@ export class Editor {
     setHistory(texts) {
         this.history = [];
         this.historyIndex = -1;
+        if (this.privateContent)
+            return;
         for (const text of texts) {
             this.addToHistory(text);
         }
@@ -313,6 +331,8 @@ export class Editor {
         return currentVisualLine === visualLines.length - 1;
     }
     navigateHistory(direction) {
+        if (this.privateContent)
+            return;
         this.lastAction = null;
         if (this.history.length === 0)
             return;
@@ -383,14 +403,7 @@ export class Editor {
         const rightPadding = leftPadding;
         // Render top border (with scroll indicator if scrolled down)
         if (this.scrollOffset > 0) {
-            const indicator = `─── ↑ ${this.scrollOffset} more `;
-            const remaining = width - visibleWidth(indicator);
-            if (remaining >= 0) {
-                result.push(this.borderColor(indicator + "─".repeat(remaining)));
-            }
-            else {
-                result.push(this.borderColor(truncateToWidth(indicator, width)));
-            }
+            result.push(this.borderColor(createScrollBorder("↑", this.scrollOffset, width)));
         }
         else {
             result.push(horizontal.repeat(width));
@@ -438,9 +451,7 @@ export class Editor {
         // Render bottom border (with scroll indicator if more content below)
         const linesBelow = layoutLines.length - (this.scrollOffset + visibleLines.length);
         if (linesBelow > 0) {
-            const indicator = `─── ↓ ${linesBelow} more `;
-            const remaining = width - visibleWidth(indicator);
-            result.push(this.borderColor(indicator + "─".repeat(Math.max(0, remaining))));
+            result.push(this.borderColor(createScrollBorder("↓", linesBelow, width)));
         }
         else {
             result.push(horizontal.repeat(width));
@@ -506,7 +517,8 @@ export class Editor {
         }
         // Undo
         if (kb.matches(data, "tui.editor.undo")) {
-            this.undo();
+            if (!this.privateContent)
+                this.undo();
             return;
         }
         // Handle autocomplete mode
@@ -588,11 +600,13 @@ export class Editor {
         }
         // Kill ring actions
         if (kb.matches(data, "tui.editor.yank")) {
-            this.yank();
+            if (!this.privateContent)
+                this.yank();
             return;
         }
         if (kb.matches(data, "tui.editor.yankPop")) {
-            this.yankPop();
+            if (!this.privateContent)
+                this.yankPop();
             return;
         }
         // Cursor movement actions
@@ -832,8 +846,30 @@ export class Editor {
         if (this.getText() !== normalized) {
             this.pushUndoSnapshot();
         }
+        this.pastes.clear();
+        this.pasteCounter = 0;
         this.setTextInternal(normalized);
     }
+    /** Drop every live or historical reference retained by this editor instance. */
+    clear() {
+        this.cancelAutocomplete();
+        this.state = { lines: [""], cursorLine: 0, cursorCol: 0 };
+        this.pastes.clear();
+        this.pasteCounter = 0;
+        this.pasteBuffer = "";
+        this.isInPaste = false;
+        this.history = [];
+        this.historyIndex = -1;
+        this.killRing = new KillRing();
+        this.undoStack.clear();
+        this.lastAction = null;
+        this.jumpMode = null;
+        this.preferredVisualCol = null;
+        this.snappedFromCursorCol = null;
+        this.scrollOffset = 0;
+        if (this.onChange)
+            this.onChange("");
+    }
     /**
      * Insert text at the current cursor position.
      * Used for programmatic insertion (e.g., clipboard image markers).
@@ -854,7 +890,8 @@ export class Editor {
      * - Expand tabs to 4 spaces
      */
     normalizeText(text) {
-        return text.replace(/\r\n/g, "\n").replace(/\r/g, "\n").replace(/\t/g, "    ");
+        const normalizedLines = text.replace(/\r\n/g, "\n").replace(/\r/g, "\n");
+        return this.privateContent ? normalizedLines : normalizedLines.replace(/\t/g, "    ");
     }
     /**
      * Internal text insertion at cursor. Handles single and multi-line text.
@@ -974,11 +1011,11 @@ export class Editor {
         // Filter out non-printable characters except newlines
         let filteredText = cleanText
             .split("")
-            .filter((char) => char === "\n" || char.charCodeAt(0) >= 32)
+            .filter((char) => char === "\n" || (this.privateContent && char === "\t") || char.charCodeAt(0) >= 32)
             .join("");
         // If pasting a file path (starts with /, ~, or .) and the character before
         // the cursor is a word character, prepend a space for better readability
-        if (/^[/~.]/.test(filteredText)) {
+        if (!this.privateContent && /^[/~.]/.test(filteredText)) {
             const currentLine = this.state.lines[this.state.cursorLine] || "";
             const charBeforeCursor = this.state.cursorCol > 0 ? currentLine[this.state.cursorCol - 1] : "";
             if (charBeforeCursor && /\w/.test(charBeforeCursor)) {
@@ -989,7 +1026,7 @@ export class Editor {
         const pastedLines = filteredText.split("\n");
         // Check if this is a large paste (> 10 lines or > 1000 characters)
         const totalChars = filteredText.length;
-        if (pastedLines.length > 10 || totalChars > 1000) {
+        if (!this.privateContent && (pastedLines.length > 10 || totalChars > 1000)) {
             // Store the paste and insert a marker
             this.pasteCounter++;
             const pasteId = this.pasteCounter;
@@ -1041,16 +1078,9 @@ export class Editor {
     }
     submitValue() {
         this.cancelAutocomplete();
-        const result = this.expandPasteMarkers(this.state.lines.join("\n")).trim();
-        this.state = { lines: [""], cursorLine: 0, cursorCol: 0 };
-        this.pastes.clear();
-        this.pasteCounter = 0;
-        this.historyIndex = -1;
-        this.scrollOffset = 0;
-        this.undoStack.clear();
-        this.lastAction = null;
-        if (this.onChange)
-            this.onChange("");
+        const expanded = this.expandPasteMarkers(this.state.lines.join("\n"));
+        const result = this.privateContent ? expanded : expanded.trim();
+        this.clear();
         if (this.onSubmit)
             this.onSubmit(result);
     }
@@ -1060,12 +1090,28 @@ export class Editor {
         if (this.state.cursorCol > 0) {
             this.pushUndoSnapshot();
             // Delete grapheme before cursor (handles emojis, combining characters, etc.)
-            const line = this.state.lines[this.state.cursorLine] || "";
+            let line = this.state.lines[this.state.cursorLine] || "";
             const beforeCursor = line.slice(0, this.state.cursorCol);
             // Find the last grapheme in the text before cursor
             const graphemes = [...this.segment(beforeCursor, "grapheme")];
             const lastGrapheme = graphemes[graphemes.length - 1];
             const graphemeLength = lastGrapheme ? lastGrapheme.segment.length : 1;
+            const pasteMarker = PASTE_MARKER_SINGLE.exec(lastGrapheme?.segment ?? "");
+            if (pasteMarker) {
+                const targetId = Number(pasteMarker[1]);
+                this.pastes.delete(targetId);
+                this.pasteCounter--;
+                const higherIds = [...this.pastes.keys()].filter((id) => id > targetId).sort((a, b) => a - b);
+                for (const id of higherIds) {
+                    this.pastes.set(id - 1, this.pastes.get(id));
+                    this.pastes.delete(id);
+                }
+                this.state.lines = this.state.lines.map((currentLine) => currentLine.replace(PASTE_MARKER_REGEX, (fullMatch, idGroup, suffixGroup) => {
+                    const id = Number(idGroup);
+                    return id <= targetId ? fullMatch : `[paste #${id - 1}${suffixGroup}]`;
+                }));
+                line = this.state.lines[this.state.cursorLine] || "";
+            }
             const before = line.slice(0, this.state.cursorCol - graphemeLength);
             const after = line.slice(this.state.cursorCol);
             this.state.lines[this.state.cursorLine] = before + after;
@@ -1243,8 +1289,10 @@ export class Editor {
             this.pushUndoSnapshot();
             // Calculate text to be deleted and save to kill ring (backward deletion = prepend)
             const deletedText = currentLine.slice(0, this.state.cursorCol);
-            this.killRing.push(deletedText, { prepend: true, accumulate: this.lastAction === "kill" });
-            this.lastAction = "kill";
+            if (!this.privateContent) {
+                this.killRing.push(deletedText, { prepend: true, accumulate: this.lastAction === "kill" });
+                this.lastAction = "kill";
+            }
             // Delete from start of line up to cursor
             this.state.lines[this.state.cursorLine] = currentLine.slice(this.state.cursorCol);
             this.setCursorCol(0);
@@ -1252,8 +1300,10 @@ export class Editor {
         else if (this.state.cursorLine > 0) {
             this.pushUndoSnapshot();
             // At start of line - merge with previous line, treating newline as deleted text
-            this.killRing.push("\n", { prepend: true, accumulate: this.lastAction === "kill" });
-            this.lastAction = "kill";
+            if (!this.privateContent) {
+                this.killRing.push("\n", { prepend: true, accumulate: this.lastAction === "kill" });
+                this.lastAction = "kill";
+            }
             const previousLine = this.state.lines[this.state.cursorLine - 1] || "";
             this.state.lines[this.state.cursorLine - 1] = previousLine + currentLine;
             this.state.lines.splice(this.state.cursorLine, 1);
@@ -1271,16 +1321,20 @@ export class Editor {
             this.pushUndoSnapshot();
             // Calculate text to be deleted and save to kill ring (forward deletion = append)
             const deletedText = currentLine.slice(this.state.cursorCol);
-            this.killRing.push(deletedText, { prepend: false, accumulate: this.lastAction === "kill" });
-            this.lastAction = "kill";
+            if (!this.privateContent) {
+                this.killRing.push(deletedText, { prepend: false, accumulate: this.lastAction === "kill" });
+                this.lastAction = "kill";
+            }
             // Delete from cursor to end of line
             this.state.lines[this.state.cursorLine] = currentLine.slice(0, this.state.cursorCol);
         }
         else if (this.state.cursorLine < this.state.lines.length - 1) {
             this.pushUndoSnapshot();
             // At end of line - merge with next line, treating newline as deleted text
-            this.killRing.push("\n", { prepend: false, accumulate: this.lastAction === "kill" });
-            this.lastAction = "kill";
+            if (!this.privateContent) {
+                this.killRing.push("\n", { prepend: false, accumulate: this.lastAction === "kill" });
+                this.lastAction = "kill";
+            }
             const nextLine = this.state.lines[this.state.cursorLine + 1] || "";
             this.state.lines[this.state.cursorLine] = currentLine + nextLine;
             this.state.lines.splice(this.state.cursorLine + 1, 1);
@@ -1297,8 +1351,10 @@ export class Editor {
             if (this.state.cursorLine > 0) {
                 this.pushUndoSnapshot();
                 // Treat newline as deleted text (backward deletion = prepend)
-                this.killRing.push("\n", { prepend: true, accumulate: this.lastAction === "kill" });
-                this.lastAction = "kill";
+                if (!this.privateContent) {
+                    this.killRing.push("\n", { prepend: true, accumulate: this.lastAction === "kill" });
+                    this.lastAction = "kill";
+                }
                 const previousLine = this.state.lines[this.state.cursorLine - 1] || "";
                 this.state.lines[this.state.cursorLine - 1] = previousLine + currentLine;
                 this.state.lines.splice(this.state.cursorLine, 1);
@@ -1315,8 +1371,10 @@ export class Editor {
             const deleteFrom = this.state.cursorCol;
             this.setCursorCol(oldCursorCol);
             const deletedText = currentLine.slice(deleteFrom, this.state.cursorCol);
-            this.killRing.push(deletedText, { prepend: true, accumulate: wasKill });
-            this.lastAction = "kill";
+            if (!this.privateContent) {
+                this.killRing.push(deletedText, { prepend: true, accumulate: wasKill });
+                this.lastAction = "kill";
+            }
             this.state.lines[this.state.cursorLine] =
                 currentLine.slice(0, deleteFrom) + currentLine.slice(this.state.cursorCol);
             this.setCursorCol(deleteFrom);
@@ -1333,8 +1391,10 @@ export class Editor {
             if (this.state.cursorLine < this.state.lines.length - 1) {
                 this.pushUndoSnapshot();
                 // Treat newline as deleted text (forward deletion = append)
-                this.killRing.push("\n", { prepend: false, accumulate: this.lastAction === "kill" });
-                this.lastAction = "kill";
+                if (!this.privateContent) {
+                    this.killRing.push("\n", { prepend: false, accumulate: this.lastAction === "kill" });
+                    this.lastAction = "kill";
+                }
                 const nextLine = this.state.lines[this.state.cursorLine + 1] || "";
                 this.state.lines[this.state.cursorLine] = currentLine + nextLine;
                 this.state.lines.splice(this.state.cursorLine + 1, 1);
@@ -1349,8 +1409,10 @@ export class Editor {
             const deleteTo = this.state.cursorCol;
             this.setCursorCol(oldCursorCol);
             const deletedText = currentLine.slice(this.state.cursorCol, deleteTo);
-            this.killRing.push(deletedText, { prepend: false, accumulate: wasKill });
-            this.lastAction = "kill";
+            if (!this.privateContent) {
+                this.killRing.push(deletedText, { prepend: false, accumulate: wasKill });
+                this.lastAction = "kill";
+            }
             this.state.lines[this.state.cursorLine] =
                 currentLine.slice(0, this.state.cursorCol) + currentLine.slice(deleteTo);
         }
@@ -1640,14 +1702,18 @@ export class Editor {
         }
     }
     pushUndoSnapshot() {
-        this.undoStack.push(this.state);
+        if (this.privateContent)
+            return;
+        this.undoStack.push({ state: this.state, pastes: this.pastes, pasteCounter: this.pasteCounter });
     }
     undo() {
         this.historyIndex = -1; // Exit history browsing mode
         const snapshot = this.undoStack.pop();
         if (!snapshot)
             return;
-        Object.assign(this.state, snapshot);
+        Object.assign(this.state, snapshot.state);
+        this.pastes = snapshot.pastes;
+        this.pasteCounter = snapshot.pasteCounter;
         this.lastAction = null;
         this.preferredVisualCol = null;
         if (this.onChange) {