Skip to content

convert panel to WebviewView(sidebar), refactor #5

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
y4shb wants to merge 1 commit into
base: main
Choose a base branch
from
Open

convert panel to WebviewView(sidebar), refactor #5

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 18 additions & 0 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,24 @@
"activationEvents": [],
"main": "./out/extension.js",
"contributes": {
"viewsContainers": {
"activitybar": [
{
"id": "deepseek-chat",
"title": "DeepSeek Chat",
"icon": "$(comment-discussion)"
}
]
},
"views": {
"deepseek-chat": [
{
"type": "webview",
"id": "deepChatView",
"name": "DeepSeek Chat"
}
]
},
"commands": [
{
"command": "r1-codeassist.deepChat",
Expand Down
62 changes: 45 additions & 17 deletions src/extension.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,26 +4,34 @@ import { Stream } from 'stream';
import * as vscode from 'vscode';
import ollama from 'ollama';

// This method is called when your extension is activated
// Your extension is activated the very first time the command is executed
export function activate(context: vscode.ExtensionContext) {
class DeepChatProvider implements vscode.WebviewViewProvider {
private _chatView?: vscode.WebviewView;

// Use the console to output diagnostic information (console.log) and errors (console.error)
// This line of code will only be executed once when your extension is activated
// console.log('Congratulations, your extension "r1-codeassist" is now active!');
resolveWebviewView(
view: vscode.WebviewView,
context: vscode.WebviewViewResolveContext,
_token: vscode.CancellationToken,
) {
this._chatView = view;

view.webview.options = {
enableScripts: true
};

const disposable = vscode.commands.registerCommand('r1-codeassist.deepChat', () => {
vscode.window.showInformationMessage('Initializing Deepseek Chat!');
const panel = vscode.window.createWebviewPanel(
'deepChat',
'DeepSeek Chat',
vscode.ViewColumn.One,
{ enableScripts: true }
);
// Set the initial size of the sidebar
setTimeout(() => {
// First focus the view
vscode.commands.executeCommand('deepChatView.focus');

// Then resize using the correct command
for (let i = 0; i < 5; i++) {
vscode.commands.executeCommand('workbench.action.increaseViewWidth');
}
}, 500);

panel.webview.html = getWebViewContent();
view.webview.html = getWebViewContent();

panel.webview.onDidReceiveMessage(async (message: any) => {
view.webview.onDidReceiveMessage(async (message: any) => {
if(message.command === 'chat'){
const userPrompt = message.text;
let responseText = '';
Expand All @@ -37,7 +45,7 @@ export function activate(context: vscode.ExtensionContext) {

for await (const partialResponse of streamResponse) {
responseText += partialResponse.message.content;
panel.webview.postMessage({ command: 'chatResponse', text: responseText});
view.webview.postMessage({ command: 'chatResponse', text: responseText});
}

} catch (error) {
Expand All @@ -46,8 +54,28 @@ export function activate(context: vscode.ExtensionContext) {
}
}
});
}
}

// This method is called when your extension is activated
// Your extension is activated the very first time the command is executed
export function activate(context: vscode.ExtensionContext) {
const chatProvider = new DeepChatProvider();

context.subscriptions.push(
vscode.window.registerWebviewViewProvider('deepChatView', chatProvider)
);

// Command can now be used to focus the view
const disposable = vscode.commands.registerCommand('r1-codeassist.deepChat', () => {
vscode.commands.executeCommand('deepChatView.focus');
});

context.subscriptions.push(disposable);

// Use the console to output diagnostic information (console.log) and errors (console.error)
// This line of code will only be executed once when your extension is activated
// console.log('Congratulations, your extension "r1-codeassist" is now active!');
}

// HTML Content for the Webview Panel
Expand Down