From 5b6c6be02248ef88feb464bb5b4d562f90d08c4e Mon Sep 17 00:00:00 2001 From: cte Date: Thu, 30 Jan 2025 21:35:56 -0800 Subject: [PATCH] Update README --- README.md | 8 +++++++- package.json | 2 +- src/core/webview/ClineProvider.ts | 12 +++++------- 3 files changed, 13 insertions(+), 9 deletions(-) diff --git a/README.md b/README.md index c9b65f9..c19e0c6 100644 --- a/README.md +++ b/README.md @@ -255,9 +255,15 @@ Roo Code is available on: ```bash code --install-extension bin/roo-code-4.0.0.vsix ``` -5. **Debug**: +5. **Start the webview (Vite/React app with HMR)**: + ```bash + npm run dev + ``` +6. **Debug**: - Press `F5` (or **Run** → **Start Debugging**) in VSCode to open a new session with Roo Code loaded. +Changes to the webview will appear immediately. Changes to the core extension will require a restart of the extension host. + We use [changesets](https://github.com/changesets/changesets) for versioning and publishing. Check our `CHANGELOG.md` for release notes. --- diff --git a/package.json b/package.json index 5df7d03..638c1f6 100644 --- a/package.json +++ b/package.json @@ -227,7 +227,7 @@ "lint": "eslint src --ext ts && npm run lint --prefix webview-ui", "package": "npm run build:webview && npm run check-types && npm run lint && node esbuild.js --production", "pretest": "npm run compile-tests && npm run compile && npm run lint", - "start:webview": "cd webview-ui && npm run start", + "dev": "cd webview-ui && npm run dev", "test": "jest && npm run test:webview", "test:webview": "cd webview-ui && npm run test", "test:extension": "vscode-test", diff --git a/src/core/webview/ClineProvider.ts b/src/core/webview/ClineProvider.ts index 1ad84dd..ffb9848 100644 --- a/src/core/webview/ClineProvider.ts +++ b/src/core/webview/ClineProvider.ts @@ -281,9 +281,9 @@ export class ClineProvider implements vscode.WebviewViewProvider { } webviewView.webview.html = - this.context.extensionMode === vscode.ExtensionMode.Production - ? this.getHtmlContent(webviewView.webview) - : this.getHMRHtmlContent(webviewView.webview) + this.context.extensionMode === vscode.ExtensionMode.Development + ? this.getHMRHtmlContent(webviewView.webview) + : this.getHtmlContent(webviewView.webview) // Sets up an event listener to listen for messages passed from the webview view context // and executes code based on the message that is recieved @@ -424,10 +424,8 @@ export class ClineProvider implements vscode.WebviewViewProvider { const localServerUrl = `localhost:${localPort}` const scriptUri = `http://${localServerUrl}/${file}` - const reactRefreshHash = "sha256-YmMpkm5ow6h+lfI3ZRp0uys+EUCt6FOyLkJERkfVnTY=" - const reactRefresh = /*html*/ ` -