From 12fc3eede3c54f56c8128b108473e9f4b3dcb661 Mon Sep 17 00:00:00 2001
From: cryozeus <yashbhardwaj911@gmail.com>
Date: Sat, 22 Feb 2025 17:44:29 +0530
Subject: [PATCH] convert panel to WebviewView(sidebar), refactor

---
 package.json     | 18 ++++++++++++++
 src/extension.ts | 62 +++++++++++++++++++++++++++++++++++-------------
 2 files changed, 63 insertions(+), 17 deletions(-)

diff --git a/package.json b/package.json
index deddf78..0917cdb 100644
--- a/package.json
+++ b/package.json
@@ -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",
diff --git a/src/extension.ts b/src/extension.ts
index 18bd0a3..1a3cb04 100644
--- a/src/extension.ts
+++ b/src/extension.ts
@@ -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 = '';
@@ -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) {
@@ -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