Skip to content

Top voted solution webview #193

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 15 commits into from
Mar 13, 2019
Merged

Top voted solution webview #193

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
8d5d6d6
Merge pull request #1 from jdneo/master
Vigilans Mar 5, 2019
f23bfa2
Add `soluton` command and solution webview provider
Vigilans Mar 7, 2019
2a83af2
Add Solution class & solution raw string parsing
Vigilans Mar 7, 2019
221ff29
Add markdown-it parser with syntax highlight
Vigilans Mar 7, 2019
9c01549
Add markdown style support for SolutionProvider
Vigilans Mar 8, 2019
6478ebc
Render cold_block with solution language in SolutionProvider
Vigilans Mar 8, 2019
16bf8d6
Format modification:
Vigilans Mar 8, 2019
eaba061
Enrich content in webview
Vigilans Mar 8, 2019
5015c2b
Merge branch 'master' into solution-view
Vigilans Mar 11, 2019
7f39d60
Minor fixes
Vigilans Mar 11, 2019
3ca637c
Minor fixes
Vigilans Mar 12, 2019
4dd2ed2
Merge branch 'master' into solution-view
Vigilans Mar 12, 2019
a97f899
Merge branch 'master' into solution-view
Vigilans Mar 13, 2019
c033f24
Minor fixes according to review
Vigilans Mar 13, 2019
3f7a90d
Merge branch 'master' into solution-view
jdneo Mar 13, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Enrich content in webview
  • Loading branch information
@Vigilans
Vigilans committed Mar 8, 2019
commit eaba0610c69f3997350befc8b7fca69f3f9632c5
2 changes: 1 addition & 1 deletion src/commands/show.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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);
}
Expand Down
16 changes: 13 additions & 3 deletions src/leetCodeSolutionProvider.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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 {

Expand Down Expand Up @@ -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,
Expand All @@ -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);
}
Expand Down Expand Up @@ -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>
Expand All @@ -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>
Expand Down