npm - @rawwee/interactive-mcp - Versions diffs - 1.5.2 → 1.5.4 - Mend

@rawwee/interactive-mcp 1.5.2 → 1.5.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/components/InteractiveInput.js +12 -1
package/dist/components/interactive-input/autocomplete.js +58 -19
package/dist/components/interactive-input/sections.js +8 -6
package/package.json +1 -1

package/dist/components/InteractiveInput.js CHANGED Viewed

@@ -28,6 +28,7 @@ export function InteractiveInput({ question, questionId, predefinedOptions = [],
     const [clipboardStatus, setClipboardStatus] = useState(null);
     const [queuedAttachments, setQueuedAttachments] = useState([]);
     const textareaRef = useRef(null);
+    const suggestionsScrollRef = useRef(null);
     const latestInputValueRef = useRef(inputValue);
     const latestCaretPositionRef = useRef(caretPosition);
     const autocompleteTargetRef = useRef(null);
@@ -186,6 +187,16 @@ export function InteractiveInput({ question, questionId, predefinedOptions = [],
         textareaRenderVersion,
         width,
     ]);
+    useEffect(() => {
+        if (fileSuggestions.length === 0) {
+            return;
+        }
+        suggestionsScrollRef.current?.scrollTo?.({
+            x: 0,
+            y: selectedSuggestionIndex,
+        });
+        focusTextarea(textareaRef);
+    }, [fileSuggestions.length, selectedSuggestionIndex]);
     useEffect(() => {
         if (mode !== 'input' || repositoryFiles.length === 0) {
             autocompleteTargetRef.current = null;
@@ -407,5 +418,5 @@ export function InteractiveInput({ question, questionId, predefinedOptions = [],
         onInputActivity,
     ]);
     useKeyboard(keyboardHandler);
-    return (_jsxs(_Fragment, { children: [_jsx(QuestionBox, { question: question, MarkdownTextComponent: MarkdownText }), _jsx(ModeTabs, { mode: mode, hasOptions: hasOptions, onSelectOptionMode: setModeToOption, onSelectInputMode: recoverInputFocusFromClick }), _jsx(OptionList, { mode: mode, options: predefinedOptions, selectedIndex: selectedIndex, onSelectOption: setSelectedIndex, onActivateOptionMode: setModeToOption }), mode === 'input' && (_jsx(InputEditor, { questionId: questionId, textareaRenderVersion: textareaRenderVersion, textareaRef: textareaRef, textareaContainerHeight: textareaContainerHeight, textareaRows: textareaRows, hasSuggestions: fileSuggestions.length > 0, keyBindings: textareaBindings, onFocusRequest: recoverInputFocusFromClick, onContentSync: syncInputStateFromTextarea, onSubmitFromTextarea: handleTextareaSubmit })), mode === 'input' && activeAutocompleteTarget !== null && (_jsx(SuggestionsPanel, { hasOptions: hasOptions, isIndexingFiles: isIndexingFiles, fileSuggestions: fileSuggestions, selectedSuggestionIndex: selectedSuggestionIndex, selectedSuggestionVscodeLink: selectedSuggestionVscodeLink, hasSearchRoot: hasSearchRoot })), mode === 'input' && (_jsx(SearchStatus, { isIndexingFiles: isIndexingFiles, repositoryFiles: repositoryFiles, searchRoot: searchRoot, hasSearchRoot: hasSearchRoot })), _jsx(InputStatus, { mode: mode, isNarrow: isNarrow, inputValue: inputValue, queuedAttachments: queuedAttachments }), mode === 'input' && clipboardStatus && (_jsx(ClipboardStatus, { status: clipboardStatus })), mode === 'input' && queuedAttachments.length > 0 && (_jsx(AttachmentsDisplay, { queuedAttachments: queuedAttachments })), mode === 'input' && _jsx(SendButton, {}), mode === 'input' && _jsx(HelpText, { hasOptions: hasOptions })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(QuestionBox, { question: question, MarkdownTextComponent: MarkdownText }), _jsx(ModeTabs, { mode: mode, hasOptions: hasOptions, onSelectOptionMode: setModeToOption, onSelectInputMode: recoverInputFocusFromClick }), _jsx(OptionList, { mode: mode, options: predefinedOptions, selectedIndex: selectedIndex, onSelectOption: setSelectedIndex, onActivateOptionMode: setModeToOption }), mode === 'input' && (_jsx(InputEditor, { questionId: questionId, textareaRenderVersion: textareaRenderVersion, textareaRef: textareaRef, textareaContainerHeight: textareaContainerHeight, textareaRows: textareaRows, hasSuggestions: fileSuggestions.length > 0, keyBindings: textareaBindings, onFocusRequest: recoverInputFocusFromClick, onContentSync: syncInputStateFromTextarea, onSubmitFromTextarea: handleTextareaSubmit })), mode === 'input' && activeAutocompleteTarget !== null && (_jsx(SuggestionsPanel, { hasOptions: hasOptions, isIndexingFiles: isIndexingFiles, fileSuggestions: fileSuggestions, selectedSuggestionIndex: selectedSuggestionIndex, selectedSuggestionVscodeLink: selectedSuggestionVscodeLink, hasSearchRoot: hasSearchRoot, scrollRef: suggestionsScrollRef })), mode === 'input' && (_jsx(SearchStatus, { isIndexingFiles: isIndexingFiles, repositoryFiles: repositoryFiles, searchRoot: searchRoot, hasSearchRoot: hasSearchRoot })), _jsx(InputStatus, { mode: mode, isNarrow: isNarrow, inputValue: inputValue, queuedAttachments: queuedAttachments }), mode === 'input' && clipboardStatus && (_jsx(ClipboardStatus, { status: clipboardStatus })), mode === 'input' && queuedAttachments.length > 0 && (_jsx(AttachmentsDisplay, { queuedAttachments: queuedAttachments })), mode === 'input' && _jsx(SendButton, {}), mode === 'input' && _jsx(HelpText, { hasOptions: hasOptions })] }));
 }

package/dist/components/interactive-input/autocomplete.js CHANGED Viewed

@@ -5,14 +5,32 @@ const IGNORED_DIRECTORIES = new Set([
     'node_modules',
     'dist',
     'build',
+    'coverage',
+    '.cache',
+    '.bun',
+    '.yarn',
+    '.pnpm',
+    '.pnpm-store',
     '.next',
+    '.nuxt',
+    '.svelte-kit',
+    '.vercel',
     '.turbo',
+    '.output',
+    'out',
     '.idea',
     '.vscode',
+    '.history',
+    '.tmp',
+    'tmp',
+    'temp',
+    '.venv',
+    'venv',
+    '.pytest_cache',
     '.DS_Store',
 ]);
-const MAX_REPOSITORY_FILES = 6000;
-const MAX_SUGGESTIONS = 6;
+const MAX_REPOSITORY_ENTRIES = 50000;
+const MAX_VISIBLE_SUGGESTIONS = 50;
 const toPosixPath = (value) => value.replaceAll(path.sep, '/');
 const getFuzzyScore = (candidate, query) => {
     const candidateLower = candidate.toLowerCase();
@@ -41,6 +59,31 @@ const getFuzzyScore = (candidate, query) => {
     }
     return score - candidate.length * 0.1;
 };
+const isHigherRanked = (left, right) => left.score > right.score ||
+    (left.score === right.score &&
+        left.filePath.localeCompare(right.filePath) < 0);
+const collectTopRankedSuggestions = (files, query, limit) => {
+    const topRanked = [];
+    for (const filePath of files) {
+        const score = getFuzzyScore(filePath, query);
+        if (score === null) {
+            continue;
+        }
+        const scoredSuggestion = { filePath, score };
+        const insertionIndex = topRanked.findIndex((candidate) => isHigherRanked(scoredSuggestion, candidate));
+        if (insertionIndex === -1) {
+            if (topRanked.length < limit) {
+                topRanked.push(scoredSuggestion);
+            }
+            continue;
+        }
+        topRanked.splice(insertionIndex, 0, scoredSuggestion);
+        if (topRanked.length > limit) {
+            topRanked.pop();
+        }
+    }
+    return topRanked;
+};
 export const getAutocompleteTarget = (value, caret) => {
     const clampedCaret = Math.max(0, Math.min(caret, value.length));
     let start = clampedCaret;
@@ -76,25 +119,17 @@ export const getAutocompleteTarget = (value, caret) => {
 };
 export const rankFileSuggestions = (files, query) => {
     if (query.length === 0) {
-        return files.slice(0, MAX_SUGGESTIONS);
+        return files.slice(0, MAX_VISIBLE_SUGGESTIONS);
     }
-    return files
-        .map((filePath) => ({
-        filePath,
-        score: getFuzzyScore(filePath, query),
-    }))
-        .filter((entry) => typeof entry.score === 'number')
-        .sort((a, b) => b.score - a.score || a.filePath.localeCompare(b.filePath))
-        .slice(0, MAX_SUGGESTIONS)
-        .map((entry) => entry.filePath);
+    return collectTopRankedSuggestions(files, query, MAX_VISIBLE_SUGGESTIONS).map((entry) => entry.filePath);
 };
 export const readRepositoryFiles = async (repoRoot) => {
     const discoveredFiles = [];
     const visitDirectory = async (directoryPath) => {
-        if (discoveredFiles.length >= MAX_REPOSITORY_FILES) {
+        if (discoveredFiles.length >= MAX_REPOSITORY_ENTRIES) {
             return;
         }
-        let entries = [];
+        let entries;
         try {
             entries = await fs.readdir(directoryPath, { withFileTypes: true });
         }
@@ -102,22 +137,26 @@ export const readRepositoryFiles = async (repoRoot) => {
             return;
         }
         for (const entry of entries) {
-            if (discoveredFiles.length >= MAX_REPOSITORY_FILES) {
+            if (discoveredFiles.length >= MAX_REPOSITORY_ENTRIES) {
                 return;
             }
             if (IGNORED_DIRECTORIES.has(entry.name)) {
                 continue;
             }
+            if (entry.isSymbolicLink()) {
+                continue;
+            }
             const entryAbsolutePath = path.join(directoryPath, entry.name);
+            const relativePath = path.relative(repoRoot, entryAbsolutePath);
+            if (!relativePath || relativePath.startsWith('..')) {
+                continue;
+            }
             if (entry.isDirectory()) {
+                discoveredFiles.push(`${toPosixPath(relativePath)}/`);
                 await visitDirectory(entryAbsolutePath);
                 continue;
             }
             if (entry.isFile()) {
-                const relativePath = path.relative(repoRoot, entryAbsolutePath);
-                if (!relativePath || relativePath.startsWith('..')) {
-                    continue;
-                }
                 discoveredFiles.push(toPosixPath(relativePath));
             }
         }

package/dist/components/interactive-input/sections.js CHANGED Viewed

@@ -11,9 +11,11 @@ export const OptionList = ({ mode, options, selectedIndex, onSelectOption, onAct
                     }, children: _jsxs("text", { wrapMode: "char", fg: index === selectedIndex && mode === 'option' ? 'cyan' : 'gray', children: [index === selectedIndex && mode === 'option' ? '› ' : '  ', opt] }) }, `${opt}-${index}`))) })] }));
 };
 export const InputEditor = ({ questionId, textareaRenderVersion, textareaRef, textareaContainerHeight, textareaRows, hasSuggestions, keyBindings, onFocusRequest, onContentSync, onSubmitFromTextarea, }) => (_jsxs("box", { flexDirection: "column", marginBottom: 0, width: "100%", children: [_jsx("text", { fg: "gray", children: "Input" }), _jsx("box", { border: true, borderStyle: "single", borderColor: hasSuggestions ? 'cyan' : 'gray', backgroundColor: "#1f1f1f", height: textareaContainerHeight, paddingLeft: 1, paddingRight: 1, onClick: onFocusRequest, children: _jsx("textarea", { ref: textareaRef, focused: true, height: textareaRows, wrapMode: "word", backgroundColor: "#1f1f1f", focusedBackgroundColor: "#1f1f1f", textColor: "white", focusedTextColor: "white", placeholderColor: "gray", placeholder: "Type your answer...", keyBindings: keyBindings, onContentChange: onContentSync, onCursorChange: onContentSync, onSubmit: onSubmitFromTextarea }, `textarea-${questionId}-${textareaRenderVersion}`) })] }));
-export const SuggestionsPanel = ({ hasOptions, isIndexingFiles, fileSuggestions, selectedSuggestionIndex, selectedSuggestionVscodeLink, hasSearchRoot, }) => (_jsxs("box", { flexDirection: "column", marginBottom: 0, width: "100%", gap: 0, children: [_jsx("text", { fg: "gray", children: hasOptions
-                ? 'File suggestions • ↑/↓ or Ctrl+N/P navigate • Enter apply'
-                : 'File suggestions • ↑/↓ or Ctrl+N/P navigate • Enter/Tab apply' }), isIndexingFiles ? (_jsx("text", { fg: "gray", children: "Indexing files..." })) : fileSuggestions.length > 0 ? (_jsxs("box", { flexDirection: "column", width: "100%", children: [fileSuggestions.map((suggestion, index) => (_jsx("box", { paddingLeft: 0, paddingRight: 1, gap: 0, children: _jsxs("text", { fg: index === selectedSuggestionIndex ? 'cyan' : 'gray', wrapMode: "char", children: [index === selectedSuggestionIndex ? '› ' : '  ', suggestion] }) }, suggestion))), selectedSuggestionVscodeLink && (_jsxs("box", { flexDirection: "column", width: "100%", children: [_jsx("text", { fg: "gray", wrapMode: "word", children: "open file with:" }), _jsx("text", { fg: "cyan", wrapMode: "word", onMouseUp: () => {
+export const SuggestionsPanel = ({ hasOptions, isIndexingFiles, fileSuggestions, selectedSuggestionIndex, selectedSuggestionVscodeLink, hasSearchRoot, scrollRef, }) => (_jsxs("box", { flexDirection: "column", marginBottom: 0, width: "100%", gap: 0, children: [_jsx("text", { fg: "gray", children: hasOptions
+                ? 'Path suggestions (files + folders) • ↑/↓ or Ctrl+N/P navigate • Enter apply'
+                : 'Path suggestions (files + folders) • ↑/↓ or Ctrl+N/P navigate • Enter/Tab apply' }), isIndexingFiles ? (_jsx("text", { fg: "gray", children: "Indexing files..." })) : fileSuggestions.length > 0 ? (_jsxs("box", { flexDirection: "column", width: "100%", children: [_jsx("text", { fg: "gray", children: "Showing up to 50 results" }), _jsx("scrollbox", { ref: scrollRef, width: "100%", height: 6, scrollY: true, viewportCulling: true, scrollbarOptions: {
+                        showArrows: false,
+                    }, children: _jsx("box", { flexDirection: "column", width: "100%", children: fileSuggestions.map((suggestion, index) => (_jsx("box", { paddingLeft: 0, paddingRight: 1, gap: 0, children: _jsxs("text", { fg: index === selectedSuggestionIndex ? 'cyan' : 'gray', wrapMode: "char", children: [index === selectedSuggestionIndex ? '› ' : '  ', suggestion] }) }, suggestion))) }) }), selectedSuggestionVscodeLink && (_jsxs("box", { flexDirection: "column", width: "100%", children: [_jsx("text", { fg: "gray", wrapMode: "word", children: "open file with:" }), _jsx("text", { fg: "cyan", wrapMode: "word", onMouseUp: () => {
                                 void openExternalLink(selectedSuggestionVscodeLink, 'vscode');
                             }, children: "\u2022 VS Code" }), _jsx("text", { fg: "cyan", wrapMode: "word", onMouseUp: () => {
                                 void openExternalLink(selectedSuggestionVscodeLink, 'vscode-insiders');
@@ -25,7 +27,7 @@ export const SearchStatus = ({ isIndexingFiles, repositoryFiles, searchRoot, has
                 ? `#search root: ${searchRoot}`
                 : '#search root: no search root' }), _jsx("text", { fg: "gray", children: isIndexingFiles
                 ? '#search index: indexing...'
-                : `#search index: ${repositoryFiles.length} files indexed` })] }));
+                : `#search index: ${repositoryFiles.length} paths indexed` })] }));
 export const InputStatus = ({ mode, isNarrow, inputValue, queuedAttachments, }) => (_jsxs("box", { flexDirection: isNarrow ? 'column' : 'row', justifyContent: "space-between", marginBottom: 0, gap: isNarrow ? 0 : undefined, children: [_jsx("text", { fg: "gray", children: mode === 'input' ? 'Custom input' : 'Option selection' }), _jsx("text", { fg: "gray", children: mode === 'input' && queuedAttachments.length > 0
                 ? `${inputValue.length} chars + ${queuedAttachments.length} queued`
                 : `${inputValue.length} chars` })] }));
@@ -33,5 +35,5 @@ export const ClipboardStatus = ({ status }) => (_jsx("text", { fg: status.starts
 export const AttachmentsDisplay = ({ queuedAttachments, }) => (_jsxs("box", { flexDirection: "column", width: "100%", gap: 0, children: [_jsxs("text", { fg: "yellow", children: [_jsx("strong", { children: "QUEUED ATTACHMENTS" }), " (Delete placeholder text to remove)"] }), queuedAttachments.map((attachment, index) => (_jsxs("text", { fg: "gray", wrapMode: "word", children: ["[File ", index + 1, "] ", attachment.label] }, attachment.id)))] }));
 export const SendButton = () => (_jsx("box", { backgroundColor: "cyan", paddingLeft: 1, paddingRight: 1, alignSelf: "flex-start", marginBottom: 0, children: _jsxs("text", { fg: "black", children: [_jsx("strong", { children: "Send" }), " \u2303S"] }) }));
 export const HelpText = ({ hasOptions }) => (_jsx("text", { fg: "gray", wrapMode: "word", children: hasOptions
-        ? 'Enter/Ctrl+J newline (or #search apply) • #search nav: ↑/↓ or Ctrl+N/P • Tab mode switch • #path for repo file autocomplete • Cmd/Ctrl+C copy input • Cmd/Ctrl+V paste/attach • Cmd/Ctrl+Z undo • Cmd/Ctrl+Shift+Z redo'
-        : 'Enter/Ctrl+J newline • #search nav: ↑/↓ or Ctrl+N/P • Enter/Tab #search apply • #path for repo file autocomplete • Cmd/Ctrl+C copy input • Cmd/Ctrl+V paste/attach • Cmd/Ctrl+Z undo • Cmd/Ctrl+Shift+Z redo' }));
+        ? 'Enter/Ctrl+J newline (or #search apply) • #search nav: ↑/↓ or Ctrl+N/P • Tab mode switch • #path for repo file/folder autocomplete • Cmd/Ctrl+C copy input • Cmd/Ctrl+V paste/attach • Cmd/Ctrl+Z undo • Cmd/Ctrl+Shift+Z redo'
+        : 'Enter/Ctrl+J newline • #search nav: ↑/↓ or Ctrl+N/P • Enter/Tab #search apply • #path for repo file/folder autocomplete • Cmd/Ctrl+C copy input • Cmd/Ctrl+V paste/attach • Cmd/Ctrl+Z undo • Cmd/Ctrl+Shift+Z redo' }));

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@rawwee/interactive-mcp",
-  "version": "1.5.2",
+  "version": "1.5.4",
   "main": "dist/index.js",
   "type": "module",
   "bin": {