Fabel/Fabelous-Autocoder
Fabel
/
Fabelous-Autocoder
0
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases 3 Wiki Activity

feat/preview #3

Merged
Fabel merged 25 commits from feat/preview into develop 2024-10-09 12:27:58 +00:00
Conversation 0 Commits 25 Files Changed 2 +51 -57
1 changed files with 51 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit ac7afb4b4e - Show all commits

90
src/extension.ts
View File

@ -59,10 +59,13 @@ const previewDecorationType = vscode.window.createTextEditorDecorationType({
rangeBehavior: vscode.DecorationRangeBehavior.ClosedOpen, // Ensure proper handling of multiline decorations
});
async function autocompleteCommand(textEditor: vscode.TextEditor, cancellationToken?: vscode.CancellationToken) {
const document = textEditor.document;
const position = textEditor.selection.active;
// Get the context and create the FIM prompt
const context = getContextLines(document, position);
const fimPrompt = createFIMPrompt(context, document.languageId);
@ -86,6 +89,7 @@ async function autocompleteCommand(textEditor: vscode.TextEditor, cancellationTo
vscode.workspace.onDidCloseTextDocument(axiosCancelPost);
});
// Make the API request
const response = await axios.post(apiEndpoint, {
model: apiModel,
prompt: fimPrompt,
@ -108,75 +112,68 @@ async function autocompleteCommand(textEditor: vscode.TextEditor, cancellationTo
let completionText = response.data.response;
completionText = completionText.replace(/<fim_middle>|<fim_suffix>|<fim_prefix>/g, '').trim();
// Split the completion text by new lines
// Split the completion text by new lines
const lines = completionText.split('\n');
// Create a decoration for each line of the response
const previewRanges = lines.map((line: string, idx: number) => {
// Determine the start position for each line
const startPos = new vscode.Position(position.line + idx, 0);
// Create a range that decorates the line, spanning from start to start (empty range)
const range = new vscode.Range(startPos, startPos);
// Remove context lines and insert the preview
const startLine = Math.max(0, position.line - 1); // Start 1 line before the cursor
const endLine = position.line + 1; // End 1 line after the cursor
const rangeToReplace = new vscode.Range(
new vscode.Position(startLine, 0),
new vscode.Position(endLine, 0)
);
// Apply grayed-out italic styling to the preview
const previewRanges = lines.map((line: string, index: number) => {
const linePos = new vscode.Position(startLine + index, 0);
return {
range,
range: new vscode.Range(linePos, linePos),
renderOptions: {
after: {
contentText: line, // Display the current line
color: '#888888',
fontStyle: 'italic',
before: {
contentText: line,
color: '#888888', // Grayed-out text
fontStyle: 'italic', // Italic text
}
}
};
});
// Apply the decorations for multiline preview
const previewDecorationType = vscode.window.createTextEditorDecorationType({
color: '#888888', // Grayed-out color
fontStyle: 'italic', // Italic style
});
// Apply the preview as decoration
textEditor.setDecorations(previewDecorationType, previewRanges);
// Flag to ensure we only accept or dismiss once
let previewInserted = true;
let completionInserted = false; // Flag to track insertion
// Event handler to accept or dismiss the preview
const disposable = vscode.workspace.onDidChangeTextDocument(async (event) => {
if (event.document.uri.toString() === document.uri.toString()) {
const change = event.contentChanges[0];
// Handle Backspace to decline the preview
// Handle Backspace to dismiss the preview
if (change && change.text === '' && change.rangeLength === 1) {
textEditor.setDecorations(previewDecorationType, []); // Remove preview decorations
disposable.dispose();
}
// Handle Ctrl + Enter (or Cmd + Enter on macOS) to accept the preview
const isCtrlOrCmdPressed = event.contentChanges.some(
(change) => {
const isMac = process.platform === 'darwin';
const isCtrlOrCmd = isMac ? change.text.includes('\u0010') : change.text.includes('\n');
return isCtrlOrCmd;
}
);
if (isCtrlOrCmdPressed && !completionInserted) {
// Ensure that we insert the completion text only once
completionInserted = true;
// Remove the preview decoration before applying the final completion
// Remove the decoration preview
textEditor.setDecorations(previewDecorationType, []);
disposable.dispose(); // Clean up event listener
previewInserted = false;
}
// Handle Enter to accept the preview
if (change && change.text === '\n' && previewInserted) {
// Remove the decoration preview and insert actual completion text
textEditor.setDecorations(previewDecorationType, []); // Remove decorations
const edit = new vscode.WorkspaceEdit();
const insertPosition = new vscode.Position(position.line, 0);
// Avoid duplicating the completion text
if (!document.getText().includes(completionText)) {
edit.insert(document.uri, insertPosition, '\n' + completionText);
const acceptedText = completionText;
edit.replace(document.uri, rangeToReplace, acceptedText); // Insert actual completion
await vscode.workspace.applyEdit(edit);
}
const newPosition = new vscode.Position(position.line + lines.length, lines[lines.length - 1].length);
textEditor.selection = new vscode.Selection(newPosition, newPosition);
disposable.dispose(); // Clean up the listener after accepting the completion
disposable.dispose(); // Clean up event listener
previewInserted = false;
}
}
});
@ -189,12 +186,9 @@ async function autocompleteCommand(textEditor: vscode.TextEditor, cancellationTo
}
}
);
}
async function provideCompletionItems(document: vscode.TextDocument, position: vscode.Position, cancellationToken: vscode.CancellationToken) {
const item = new vscode.CompletionItem("Fabelous autocompletion");
item.insertText = new vscode.SnippetString('${1:}');