@mariozechner/pi-tui 0.62.0 → 0.63.0

package/dist/components/editor.js

@@ -155,6 +155,7 @@ const SLASH_COMMAND_SELECT_LIST_LAYOUT = {
     minPrimaryColumnWidth: 12,
     maxPrimaryColumnWidth: 32,
 };
+const ATTACHMENT_AUTOCOMPLETE_DEBOUNCE_MS = 20;
 export class Editor {
     state = {
         lines: [""],
@@ -178,6 +179,11 @@ export class Editor {
     autocompleteState = null;
     autocompletePrefix = "";
     autocompleteMaxVisible = 5;
+    autocompleteAbort;
+    autocompleteDebounceTimer;
+    autocompleteRequestTask = Promise.resolve();
+    autocompleteStartToken = 0;
+    autocompleteRequestId = 0;
     // Paste tracking for large pastes
     pastes = new Map();
     pasteCounter = 0;
@@ -237,6 +243,7 @@ export class Editor {
         }
     }
     setAutocompleteProvider(provider) {
+        this.cancelAutocomplete();
         this.autocompleteProvider = provider;
     }
     /**
@@ -478,7 +485,6 @@ export class Editor {
             if (kb.matches(data, "tui.input.tab")) {
                 const selected = this.autocompleteList.getSelectedItem();
                 if (selected && this.autocompleteProvider) {
-                    const shouldChainSlashArgumentAutocomplete = this.shouldChainSlashArgumentAutocompleteOnTabSelection();
                     this.pushUndoSnapshot();
                     this.lastAction = null;
                     const result = this.autocompleteProvider.applyCompletion(this.state.lines, this.state.cursorLine, this.state.cursorCol, selected, this.autocompletePrefix);
@@ -488,9 +494,6 @@ export class Editor {
                     this.cancelAutocomplete();
                     if (this.onChange)
                         this.onChange(this.getText());
-                    if (shouldChainSlashArgumentAutocomplete && this.isBareCompletedSlashCommandAtCursor()) {
-                        this.tryTriggerAutocomplete();
-                    }
                 }
                 return;
             }
@@ -781,6 +784,7 @@ export class Editor {
         return { line: this.state.cursorLine, col: this.state.cursorCol };
     }
     setText(text) {
+        this.cancelAutocomplete();
         this.lastAction = null;
         this.historyIndex = -1; // Exit history browsing mode
         const normalized = this.normalizeText(text);
@@ -798,6 +802,7 @@ export class Editor {
     insertTextAtCursor(text) {
         if (!text)
             return;
+        this.cancelAutocomplete();
         this.pushUndoSnapshot();
         this.lastAction = null;
         this.historyIndex = -1;
@@ -908,6 +913,7 @@ export class Editor {
         }
     }
     handlePaste(pastedText) {
+        this.cancelAutocomplete();
         this.historyIndex = -1; // Exit history browsing mode
         this.lastAction = null;
         this.pushUndoSnapshot();
@@ -952,6 +958,7 @@ export class Editor {
         this.insertTextAtCursorInternal(filteredText);
     }
     addNewLine() {
+        this.cancelAutocomplete();
         this.historyIndex = -1; // Exit history browsing mode
         this.lastAction = null;
         this.pushUndoSnapshot();
@@ -981,6 +988,7 @@ export class Editor {
         return this.state.cursorCol > 0 && currentLine[this.state.cursorCol - 1] === "\\";
     }
     submitValue() {
+        this.cancelAutocomplete();
         const result = this.expandPasteMarkers(this.state.lines.join("\n")).trim();
         this.state = { lines: [""], cursorLine: 0, cursorCol: 0 };
         this.pastes.clear();
@@ -1677,22 +1685,6 @@ export class Editor {
     isInSlashCommandContext(textBeforeCursor) {
         return this.isSlashMenuAllowed() && textBeforeCursor.trimStart().startsWith("/");
     }
-    shouldChainSlashArgumentAutocompleteOnTabSelection() {
-        if (this.autocompleteState !== "regular") {
-            return false;
-        }
-        const currentLine = this.state.lines[this.state.cursorLine] || "";
-        const textBeforeCursor = currentLine.slice(0, this.state.cursorCol);
-        return this.isInSlashCommandContext(textBeforeCursor) && !textBeforeCursor.trimStart().includes(" ");
-    }
-    isBareCompletedSlashCommandAtCursor() {
-        const currentLine = this.state.lines[this.state.cursorLine] || "";
-        if (this.state.cursorCol !== currentLine.length) {
-            return false;
-        }
-        const textBeforeCursor = currentLine.slice(0, this.state.cursorCol).trimStart();
-        return /^\/\S+ $/.test(textBeforeCursor);
-    }
     // Autocomplete methods
     /**
      * Find the best autocomplete item index for the given prefix.
@@ -1725,38 +1717,13 @@ export class Editor {
         return new SelectList(items, this.autocompleteMaxVisible, this.theme.selectList, layout);
     }
     tryTriggerAutocomplete(explicitTab = false) {
-        if (!this.autocompleteProvider)
-            return;
-        // Check if we should trigger file completion on Tab
-        if (explicitTab) {
-            const provider = this.autocompleteProvider;
-            const shouldTrigger = !provider.shouldTriggerFileCompletion ||
-                provider.shouldTriggerFileCompletion(this.state.lines, this.state.cursorLine, this.state.cursorCol);
-            if (!shouldTrigger) {
-                return;
-            }
-        }
-        const suggestions = this.autocompleteProvider.getSuggestions(this.state.lines, this.state.cursorLine, this.state.cursorCol);
-        if (suggestions && suggestions.items.length > 0) {
-            this.autocompletePrefix = suggestions.prefix;
-            this.autocompleteList = this.createAutocompleteList(suggestions.prefix, suggestions.items);
-            // If typed prefix exactly matches one of the suggestions, select that item
-            const bestMatchIndex = this.getBestAutocompleteMatchIndex(suggestions.items, suggestions.prefix);
-            if (bestMatchIndex >= 0) {
-                this.autocompleteList.setSelectedIndex(bestMatchIndex);
-            }
-            this.autocompleteState = "regular";
-        }
-        else {
-            this.cancelAutocomplete();
-        }
+        this.requestAutocomplete({ force: false, explicitTab });
     }
     handleTabCompletion() {
         if (!this.autocompleteProvider)
             return;
         const currentLine = this.state.lines[this.state.cursorLine] || "";
         const beforeCursor = currentLine.slice(0, this.state.cursorCol);
-        // Check if we're in a slash command context
         if (this.isInSlashCommandContext(beforeCursor) && !beforeCursor.trimStart().includes(" ")) {
             this.handleSlashCommandCompletion();
         }
@@ -1765,79 +1732,130 @@ export class Editor {
         }
     }
     handleSlashCommandCompletion() {
-        this.tryTriggerAutocomplete(true);
+        this.requestAutocomplete({ force: false, explicitTab: true });
     }
-    /*
-    https://github.com/EsotericSoftware/spine-runtimes/actions/runs/19536643416/job/559322883
-    17 this job fails with https://github.com/EsotericSoftware/spine-runtimes/actions/runs/19
-    536643416/job/55932288317 havea  look at .gi
-     */
     forceFileAutocomplete(explicitTab = false) {
+        this.requestAutocomplete({ force: true, explicitTab });
+    }
+    requestAutocomplete(options) {
         if (!this.autocompleteProvider)
             return;
-        // Check if provider supports force file suggestions via runtime check
-        const provider = this.autocompleteProvider;
-        if (typeof provider.getForceFileSuggestions !== "function") {
-            this.tryTriggerAutocomplete(true);
+        if (options.force) {
+            const provider = this.autocompleteProvider;
+            const shouldTrigger = !provider.shouldTriggerFileCompletion ||
+                provider.shouldTriggerFileCompletion(this.state.lines, this.state.cursorLine, this.state.cursorCol);
+            if (!shouldTrigger) {
+                return;
+            }
+        }
+        this.cancelAutocompleteRequest();
+        const startToken = ++this.autocompleteStartToken;
+        const debounceMs = this.getAutocompleteDebounceMs(options);
+        if (debounceMs > 0) {
+            this.autocompleteDebounceTimer = setTimeout(() => {
+                this.autocompleteDebounceTimer = undefined;
+                void this.startAutocompleteRequest(startToken, options);
+            }, debounceMs);
             return;
         }
-        const suggestions = provider.getForceFileSuggestions(this.state.lines, this.state.cursorLine, this.state.cursorCol);
-        if (suggestions && suggestions.items.length > 0) {
-            // If there's exactly one suggestion, apply it immediately
-            if (explicitTab && suggestions.items.length === 1) {
-                const item = suggestions.items[0];
-                this.pushUndoSnapshot();
-                this.lastAction = null;
-                const result = this.autocompleteProvider.applyCompletion(this.state.lines, this.state.cursorLine, this.state.cursorCol, item, suggestions.prefix);
-                this.state.lines = result.lines;
-                this.state.cursorLine = result.cursorLine;
-                this.setCursorCol(result.cursorCol);
-                if (this.onChange)
-                    this.onChange(this.getText());
+        void this.startAutocompleteRequest(startToken, options);
+    }
+    async startAutocompleteRequest(startToken, options) {
+        const previousTask = this.autocompleteRequestTask;
+        this.autocompleteRequestTask = (async () => {
+            await previousTask;
+            if (startToken !== this.autocompleteStartToken || !this.autocompleteProvider) {
                 return;
             }
-            this.autocompletePrefix = suggestions.prefix;
-            this.autocompleteList = this.createAutocompleteList(suggestions.prefix, suggestions.items);
-            // If typed prefix exactly matches one of the suggestions, select that item
-            const bestMatchIndex = this.getBestAutocompleteMatchIndex(suggestions.items, suggestions.prefix);
-            if (bestMatchIndex >= 0) {
-                this.autocompleteList.setSelectedIndex(bestMatchIndex);
-            }
-            this.autocompleteState = "force";
+            const controller = new AbortController();
+            this.autocompleteAbort = controller;
+            const requestId = ++this.autocompleteRequestId;
+            const snapshotText = this.getText();
+            const snapshotLine = this.state.cursorLine;
+            const snapshotCol = this.state.cursorCol;
+            await this.runAutocompleteRequest(requestId, controller, snapshotText, snapshotLine, snapshotCol, options);
+        })();
+        await this.autocompleteRequestTask;
+    }
+    getAutocompleteDebounceMs(options) {
+        if (options.explicitTab || options.force) {
+            return 0;
         }
-        else {
+        const currentLine = this.state.lines[this.state.cursorLine] || "";
+        const textBeforeCursor = currentLine.slice(0, this.state.cursorCol);
+        const isAttachmentContext = /(?:^|[ \t])@(?:"[^"]*|[^\s]*)$/.test(textBeforeCursor);
+        return isAttachmentContext ? ATTACHMENT_AUTOCOMPLETE_DEBOUNCE_MS : 0;
+    }
+    async runAutocompleteRequest(requestId, controller, snapshotText, snapshotLine, snapshotCol, options) {
+        if (!this.autocompleteProvider)
+            return;
+        const suggestions = await this.autocompleteProvider.getSuggestions(this.state.lines, this.state.cursorLine, this.state.cursorCol, { signal: controller.signal, force: options.force });
+        if (!this.isAutocompleteRequestCurrent(requestId, controller, snapshotText, snapshotLine, snapshotCol)) {
+            return;
+        }
+        this.autocompleteAbort = undefined;
+        if (!suggestions || suggestions.items.length === 0) {
             this.cancelAutocomplete();
+            this.tui.requestRender();
+            return;
+        }
+        if (options.force && options.explicitTab && suggestions.items.length === 1) {
+            const item = suggestions.items[0];
+            this.pushUndoSnapshot();
+            this.lastAction = null;
+            const result = this.autocompleteProvider.applyCompletion(this.state.lines, this.state.cursorLine, this.state.cursorCol, item, suggestions.prefix);
+            this.state.lines = result.lines;
+            this.state.cursorLine = result.cursorLine;
+            this.setCursorCol(result.cursorCol);
+            if (this.onChange)
+                this.onChange(this.getText());
+            this.tui.requestRender();
+            return;
         }
+        this.applyAutocompleteSuggestions(suggestions, options.force ? "force" : "regular");
+        this.tui.requestRender();
     }
-    cancelAutocomplete() {
+    isAutocompleteRequestCurrent(requestId, controller, snapshotText, snapshotLine, snapshotCol) {
+        return (!controller.signal.aborted &&
+            requestId === this.autocompleteRequestId &&
+            this.getText() === snapshotText &&
+            this.state.cursorLine === snapshotLine &&
+            this.state.cursorCol === snapshotCol);
+    }
+    applyAutocompleteSuggestions(suggestions, state) {
+        this.autocompletePrefix = suggestions.prefix;
+        this.autocompleteList = this.createAutocompleteList(suggestions.prefix, suggestions.items);
+        const bestMatchIndex = this.getBestAutocompleteMatchIndex(suggestions.items, suggestions.prefix);
+        if (bestMatchIndex >= 0) {
+            this.autocompleteList.setSelectedIndex(bestMatchIndex);
+        }
+        this.autocompleteState = state;
+    }
+    cancelAutocompleteRequest() {
+        this.autocompleteStartToken += 1;
+        if (this.autocompleteDebounceTimer) {
+            clearTimeout(this.autocompleteDebounceTimer);
+            this.autocompleteDebounceTimer = undefined;
+        }
+        this.autocompleteAbort?.abort();
+        this.autocompleteAbort = undefined;
+    }
+    clearAutocompleteUi() {
         this.autocompleteState = null;
         this.autocompleteList = undefined;
         this.autocompletePrefix = "";
     }
+    cancelAutocomplete() {
+        this.cancelAutocompleteRequest();
+        this.clearAutocompleteUi();
+    }
     isShowingAutocomplete() {
         return this.autocompleteState !== null;
     }
     updateAutocomplete() {
         if (!this.autocompleteState || !this.autocompleteProvider)
             return;
-        if (this.autocompleteState === "force") {
-            this.forceFileAutocomplete();
-            return;
-        }
-        const suggestions = this.autocompleteProvider.getSuggestions(this.state.lines, this.state.cursorLine, this.state.cursorCol);
-        if (suggestions && suggestions.items.length > 0) {
-            this.autocompletePrefix = suggestions.prefix;
-            // Always create new SelectList to ensure update
-            this.autocompleteList = this.createAutocompleteList(suggestions.prefix, suggestions.items);
-            // If typed prefix exactly matches one of the suggestions, select that item
-            const bestMatchIndex = this.getBestAutocompleteMatchIndex(suggestions.items, suggestions.prefix);
-            if (bestMatchIndex >= 0) {
-                this.autocompleteList.setSelectedIndex(bestMatchIndex);
-            }
-        }
-        else {
-            this.cancelAutocomplete();
-        }
+        this.requestAutocomplete({ force: this.autocompleteState === "force", explicitTab: false });
     }
 }
 //# sourceMappingURL=editor.js.map