feat: add new code review mode (#197)

Author: Hellebore

media/chat.css

@@ -403,3 +403,24 @@ button.sidebar__chat-assistant--chat-bubble-text--code-action-button:hover {
 .sidebar__textarea-send-button--disabled svg {
   opacity: 0.2;
 }
+
+.sidebar__branch-form {
+  display: grid;
+  grid-template-columns: min-content auto;
+  align-items: center;
+}
+
+.sidebar__branch-form label {
+  margin-right: 10px;
+  font-weight: bold;
+}
+
+.columnOne {
+  grid-column: 1/2;
+  grid-row: auto;
+}
+
+.columnTwo {
+  grid-column: 2/2;
+  grid-row: auto;
+}

package.json

@@ -67,6 +67,14 @@
 					"contextualTitle": "Recipes",
 					"when": "sourcery.features.coding_assistant"
 				},
+				{
+					"id": "sourcery.code_review",
+					"name": "Code Review",
+					"type": "webview",
+					"icon": "sourcery-icon.png",
+					"contextualTitle": "Code Review",
+					"when": "sourcery.features.coding_assistant && sourcery.features.code_review"
+				},
 				{
 					"id": "sourcery.rules",
 					"name": "Rules",
@@ -229,6 +237,11 @@
 				"title": "Clear",
 				"category": "Sourcery"
 			},
+			{
+				"command": "sourcery.chat.clearCodeReview",
+				"title": "Clear",
+				"category": "Sourcery"
+			},
 			{
 				"command": "sourcery.chat.ask",
 				"title": "Ask Sourcery",
@@ -286,6 +299,11 @@
 					"command": "sourcery.chat.clearChat",
 					"when": "view == sourcery.chat",
 					"group": "navigation"
+				},
+				{
+					"command": "sourcery.chat.clearCodeReview",
+					"when": "view == sourcery.code_review",
+					"group": "navigation"
 				}
 			],
 			"view/item/context": [
@@ -360,6 +378,10 @@
 					"command": "sourcery.chat.clearChat",
 					"when": "false"
 				},
+				{
+					"command": "sourcery.chat.clearCodeReview",
+					"when": "false"
+				},
 				{
 					"command": "sourcery.chat.ask",
 					"when": "sourcery.features.coding_assistant"

src/chat.ts

@@ -16,18 +16,18 @@ marked.use(
   })
 );
 
-enum ChatResultOutcome {
+export enum ChatResultOutcome {
   Success = "success",
   Error = "error",
   Finished = "finished",
 }
 
-enum ChatResultRole {
+export enum ChatResultRole {
   Assistant = "assistant",
   User = "user",
 }
 
-type ChatResult = {
+export type ChatResult = {
   outcome: ChatResultOutcome;
   textContent: string;
   role: ChatResultRole;
@@ -38,15 +38,21 @@ export type ChatRequestData = {
   message: string;
 };
 
+export type CodeReviewRequestData = {
+  kind: "review_request";
+  main: string;
+  current: string;
+};
+
 export type RecipeRequestData = {
   kind: "recipe_request";
   name: string;
   id: string;
 };
 
 export type ChatRequest = {
-  type: "recipe_request" | "chat_request";
-  data: ChatRequestData | RecipeRequestData;
+  type: "recipe_request" | "chat_request" | "review_request";
+  data: ChatRequestData | RecipeRequestData | CodeReviewRequestData;
   context_range?: any;
 };
 
@@ -60,7 +66,7 @@ export type OpenLinkRequest = {
   link: string;
 };
 
-type InsertAtCursorInstruction = {
+export type InsertAtCursorInstruction = {
   type: "insert_at_cursor";
   content: string;
 };
@@ -214,7 +220,7 @@ export class ChatProvider implements vscode.WebviewViewProvider {
       this._currentAssistantMessage = result.textContent;
     }
 
-    let sanitized = this.renderAssistantMessage(this._currentAssistantMessage);
+    let sanitized = renderAssistantMessage(this._currentAssistantMessage);
 
     this._view.webview.postMessage({
       command: "add_result",
@@ -226,23 +232,6 @@ export class ChatProvider implements vscode.WebviewViewProvider {
     });
   }
 
-  private renderAssistantMessage(message: string) {
-    // Send the whole message we've been streamed so far to the webview,
-    // after converting from markdown to html
-
-    const rendered = marked(message, {
-      gfm: true,
-      breaks: true,
-      mangle: false,
-      headerIds: false,
-    });
-
-    // Allow any classes on span and code blocks or highlightjs classes get removed
-    return sanitizeHtml(rendered, {
-      allowedClasses: { span: false, code: false },
-    });
-  }
-
   public clearChat() {
     this._view.webview.postMessage({ command: "clear_chat" });
     this._currentAssistantMessage = "";
@@ -316,7 +305,6 @@ export class ChatProvider implements vscode.WebviewViewProvider {
         <section id="message-container" class="sidebar__section-container active" data-section="chat-assistant">
           <ul class="sidebar__chat-assistant--dialogue-container">
             
-            <li id="anchor"></li>
           </ul>
         </section>
         <footer class="sidebar__chat-assistant--footer">
@@ -344,3 +332,24 @@ export class ChatProvider implements vscode.WebviewViewProvider {
 			</html>`;
   }
 }
+
+export function renderAssistantMessage(message: string) {
+  // Send the whole message we've been streamed so far to the webview,
+  // after converting from markdown to html
+
+  const rendered = marked(message, {
+    gfm: true,
+    breaks: true,
+    mangle: false,
+    headerIds: false,
+  });
+
+  // Allow any classes on span and code blocks or highlightjs classes get removed
+  return sanitizeHtml(rendered, {
+    allowedTags: sanitizeHtml.defaults.allowedTags.concat([
+      "details",
+      "summary",
+    ]),
+    allowedClasses: { span: false, code: false },
+  });
+}