Enrich content in webview

Vigilans · Vigilans · commit eaba0610c69f · 2019-03-08T17:21:41.000+08:00
diff --git a/src/commands/show.ts b/src/commands/show.ts
@@ -52,7 +52,7 @@ export async function showSolution(node?: LeetCodeNode): Promise<void> {
         let solution: string = await leetCodeExecutor.showSolution(node, language);
         // remove slash in espaced \'...\'(generated by leetcode's database)
         solution = solution.replace(/\\'/g, "'");
-        await leetCodeSolutionProvider.show(solution);
+        await leetCodeSolutionProvider.show(solution, node);
     } catch (error) {
         await promptForOpenOutputChannel("Failed to fetch the top voted solution. Please open the output channel for details.", DialogType.error);
     }
diff --git a/src/leetCodeSolutionProvider.ts b/src/leetCodeSolutionProvider.ts
@@ -6,7 +6,7 @@ import * as MarkdownIt from "markdown-it";
 import * as path from "path";
 import * as vscode from "vscode";
 import { Disposable, ExtensionContext, ViewColumn, WebviewPanel, window } from "vscode";
-import { Solution } from "./shared";
+import { IProblem, Solution } from "./shared";
 
 class LeetCodeSolutionProvider implements Disposable {
 
@@ -37,7 +37,7 @@ class LeetCodeSolutionProvider implements Disposable {
         };
     }
 
-    public async show(solutionString: string): Promise<void> {
+    public async show(solutionString: string, problem: IProblem): Promise<void> {
         if (!this.panel) {
             this.panel = window.createWebviewPanel("leetCode", "Top voted solution", ViewColumn.Active, {
                 retainContextWhenHidden: true,
@@ -51,7 +51,7 @@ class LeetCodeSolutionProvider implements Disposable {
         }
 
         this.solution = this.parseSolution(solutionString);
-        this.panel.title = this.solution.title;
+        this.panel.title = problem.name;
         this.panel.webview.html = this.getWebViewContent(this.solution);
         this.panel.reveal(ViewColumn.Active);
     }
@@ -96,6 +96,14 @@ class LeetCodeSolutionProvider implements Disposable {
         const styles: string = this.getMarkdownStyles()
             .map((style: vscode.Uri) => `<link rel="stylesheet" type="text/css" href="${style.toString()}">`)
             .join("\n");
+        const { title, url, lang, author, votes } = solution;
+        const head: string = this.markdown.render(`# [${title}](${url})`);
+        const auth: string = `[${author}](https://leetcode.com/${author}/)`;
+        const info: string = this.markdown.render([
+            `| Language |  Author  |  Votes   |`,
+            `| :------: | :------: | :------: |`,
+            `| ${lang}  | ${auth}  | ${votes} |`,
+        ].join("\n"));
         const body: string = this.markdown.render(solution.body);
         return `
             <!DOCTYPE html>
@@ -104,6 +112,8 @@ class LeetCodeSolutionProvider implements Disposable {
                 ${styles}
             </head>
             <body class="vscode-body 'scrollBeyondLastLine' 'wordWrap' 'showEditorSelection'" style="tab-size:4">
+                ${head}
+                ${info}
                 ${body}
             </body>
             </html>

Original file line number	Diff line number	Diff line change
`@@ -52,7 +52,7 @@ export async function showSolution(node?: LeetCodeNode): Promise<void> {`
`52`	`52`	`let solution: string = await leetCodeExecutor.showSolution(node, language);`
`53`	`53`	`// remove slash in espaced \'...\'(generated by leetcode's database)`
`54`	`54`	`solution = solution.replace(/\\'/g, "'");`
`55`		`- await leetCodeSolutionProvider.show(solution);`
	`55`	`+ await leetCodeSolutionProvider.show(solution, node);`
`56`	`56`	`} catch (error) {`
`57`	`57`	`await promptForOpenOutputChannel("Failed to fetch the top voted solution. Please open the output channel for details.", DialogType.error);`
`58`	`58`	`}`