fix: convert html to markdown.

Author: cangzhang

package.json

@@ -148,12 +148,14 @@
     "nanoid": "^3.1.20",
     "react": "^17.0.0",
     "react-dom": "^17.0.0",
-    "styled-components": "^5.2.1"
+    "styled-components": "^5.2.1",
+    "turndown": "^7.0.0"
   },
   "devDependencies": {
     "@svgr/webpack": "^5.5.0",
     "@types/react": "^16.9.53",
     "@types/react-dom": "^16.9.8",
+    "@types/turndown": "^5.0.0",
     "@typescript-eslint/eslint-plugin": "^3.0.2",
     "@typescript-eslint/parser": "^3.0.2",
     "babel-plugin-styled-components": "^1.12.0",

src/extension.ts

@@ -1,5 +1,6 @@
 import 'module-alias/register';
 import * as vscode from 'vscode';
+import * as TurndownService from 'turndown';
 
 import { uriHandler, CodingServer } from 'src/codingServer';
 import { Panel } from 'src/panel';
@@ -45,6 +46,7 @@ export async function activate(context: vscode.ExtensionContext) {
     showCollapseAll: true,
   });
 
+  const tdService = new TurndownService();
   const commentController = vscode.comments.createCommentController(
     'mr-comment',
     'Merge request diff comments',
@@ -236,11 +238,11 @@ export async function activate(context: vscode.ExtensionContext) {
             const lineNum = isLeft ? rootLine.leftNo : rootLine.rightNo;
             const range = new vscode.Range(lineNum, 0, lineNum, 0);
             const commentList: vscode.Comment[] = i.map((c) => {
-              const body = new vscode.MarkdownString(`${c.content}`);
+              const body = new vscode.MarkdownString(tdService.turndown(c.content));
               body.isTrusted = true;
               const comment: vscode.Comment = {
                 mode: vscode.CommentMode.Preview,
-                body: c.content,
+                body,
                 author: {
                   name: `${c.author.name}(${c.author.global_key})`,
                   iconPath: vscode.Uri.parse(c.author.avatar, false),

yarn.lock

@@ -1445,6 +1445,11 @@
   dependencies:
     "@types/node" "*"
 
+"@types/turndown@^5.0.0":
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/@types/turndown/-/turndown-5.0.0.tgz#2b763b36f783e4e237cea62cdc8f8592b72b9285"
+  integrity sha512-Y7KZn6SfSv1vzjByJGijrM9w99HoUbLiAgYwe+sGH6RYi5diIGLYOcr4Z1YqR2biFs9K5PnxKv/Fbkmh57pvzg==
+
 "@typescript-eslint/eslint-plugin@^3.0.2":
   version "3.10.1"
   resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-3.10.1.tgz#7e061338a1383f59edc204c605899f93dc2e2c8f"
@@ -3138,6 +3143,11 @@ domelementtype@^2.0.1:
   resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.1.0.tgz#a851c080a6d1c3d94344aed151d99f669edf585e"
   integrity sha512-LsTgx/L5VpD+Q8lmsXSHW2WpA+eBlZ9HPf3erD1IoPF00/3JKHZ3BknUVA2QGDNu69ZNmyFmCWBSO45XjYKC5w==
 
+domino@^2.1.6:
+  version "2.1.6"
+  resolved "https://registry.yarnpkg.com/domino/-/domino-2.1.6.tgz#fe4ace4310526e5e7b9d12c7de01b7f485a57ffe"
+  integrity sha512-3VdM/SXBZX2omc9JF9nOPCtDaYQ67BGp5CoLpIQlO2KCAPETs8TcDHacF26jXadGbvUteZzRTeos2fhID5+ucQ==
+
 domutils@^1.7.0:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.7.0.tgz#56ea341e834e06e6748af7a1cb25da67ea9f8c2a"
@@ -7295,6 +7305,13 @@ tunnel-agent@^0.6.0:
   dependencies:
     safe-buffer "^5.0.1"
 
+turndown@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/turndown/-/turndown-7.0.0.tgz#19b2a6a2d1d700387a1e07665414e4af4fec5225"
+  integrity sha512-G1FfxfR0mUNMeGjszLYl3kxtopC4O9DRRiMlMDDVHvU1jaBkGFg4qxIyjIk2aiKLHyDyZvZyu4qBO2guuYBy3Q==
+  dependencies:
+    domino "^2.1.6"
+
 tweetnacl@^0.14.3, tweetnacl@~0.14.0:
   version "0.14.5"
   resolved "https://registry.yarnpkg.com/tweetnacl/-/tweetnacl-0.14.5.tgz#5ae68177f192d4456269d108afa93ff8743f4f64"