Export markdownEngine as global variable

src/webview/leetCodeResultProvider.ts

@@ -3,16 +3,14 @@
 
 import { Disposable, ExtensionContext, ViewColumn, WebviewPanel, window } from "vscode";
 import { leetCodeChannel } from "../leetCodeChannel";
-import { MarkdownEngine } from "./MarkdownEngine";
+import { markdownEngine } from "./markdownEngine";
 
 class LeetCodeResultProvider implements Disposable {
 
     private context: ExtensionContext;
     private panel: WebviewPanel | undefined;
-    private mdEngine: MarkdownEngine;
 
     public initialize(context: ExtensionContext): void {
-        this.mdEngine = new MarkdownEngine();
         this.context = context;
     }
 
@@ -21,7 +19,7 @@ class LeetCodeResultProvider implements Disposable {
             this.panel = window.createWebviewPanel("leetcode.result", "Submission Result", ViewColumn.Two, {
                 retainContextWhenHidden: true,
                 enableFindWidget: true,
-                localResourceRoots: this.mdEngine.localResourceRoots,
+                localResourceRoots: markdownEngine.localResourceRoots,
             });
 
             this.panel.onDidDispose(() => {
@@ -73,11 +71,11 @@ class LeetCodeResultProvider implements Disposable {
     }
 
     private getWebViewContent(result: Result): string {
-        const styles: string = this.mdEngine.getStylesHTML();
+        const styles: string = markdownEngine.getStylesHTML();
         let body: string;
         if (result instanceof AcceptResult) {
             const accpet: AcceptResult = result as AcceptResult;
-            body = this.mdEngine.render([
+            body = markdownEngine.render([
                 `## ${result.status}`,
                 ``,
                 `* ${result.passed}`,
@@ -86,7 +84,7 @@ class LeetCodeResultProvider implements Disposable {
             ].join("\n"));
         } else {
             const failed: FailedResult = result as FailedResult;
-            body = this.mdEngine.render([
+            body = markdownEngine.render([
                 `## ${result.status}`,
                 `* ${result.passed}`,
                 ``,

src/webview/leetCodeSolutionProvider.ts

@@ -3,25 +3,23 @@
 
 import { Disposable, ExtensionContext, ViewColumn, WebviewPanel, window } from "vscode";
 import { IProblem } from "../shared";
-import { MarkdownEngine } from "./MarkdownEngine";
+import { markdownEngine } from "./markdownEngine";
 
 class LeetCodeSolutionProvider implements Disposable {
 
     private context: ExtensionContext;
     private panel: WebviewPanel | undefined;
-    private mdEngine: MarkdownEngine;
 
     public initialize(context: ExtensionContext): void {
         this.context = context;
-        this.mdEngine = new MarkdownEngine();
     }
 
     public async show(solutionString: string, problem: IProblem): Promise<void> {
         if (!this.panel) {
             this.panel = window.createWebviewPanel("leetCode.solution", "Top Voted Solution", ViewColumn.Active, {
                 retainContextWhenHidden: true,
                 enableFindWidget: true,
-                localResourceRoots: this.mdEngine.localResourceRoots,
+                localResourceRoots: markdownEngine.localResourceRoots,
             });
 
             this.panel.onDidDispose(() => {
@@ -55,16 +53,16 @@ class LeetCodeSolutionProvider implements Disposable {
     }
 
     private getWebViewContent(solution: Solution): string {
-        const styles: string = this.mdEngine.getStylesHTML();
+        const styles: string = markdownEngine.getStylesHTML();
         const { title, url, lang, author, votes } = solution;
-        const head: string = this.mdEngine.render(`# [${title}](${url})`);
+        const head: string = markdownEngine.render(`# [${title}](${url})`);
         const auth: string = `[${author}](https://leetcode.com/${author}/)`;
-        const info: string = this.mdEngine.render([
+        const info: string = markdownEngine.render([
             `| Language |  Author  |  Votes   |`,
             `| :------: | :------: | :------: |`,
             `| ${lang}  | ${auth}  | ${votes} |`,
         ].join("\n"));
-        const body: string = this.mdEngine.render(solution.body, {
+        const body: string = markdownEngine.render(solution.body, {
             lang: solution.lang,
             host: "https://discuss.leetcode.com/",
         });

src/webview/MarkdownEngine.ts → src/webview/markdownEngine.ts

@@ -8,7 +8,7 @@ import * as path from "path";
 import * as vscode from "vscode";
 import { leetCodeChannel } from "../leetCodeChannel";
 
-export class MarkdownEngine {
+class MarkdownEngine {
 
     private readonly engine: MarkdownIt;
     private readonly extRoot: string; // root path of vscode built-in markdown extension
@@ -106,3 +106,5 @@ export class MarkdownEngine {
         };
     }
 }
+
+export const markdownEngine: MarkdownEngine = new MarkdownEngine();