Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Apply markdown engine to result provider #232

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.

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
jdneo merged 8 commits into LeetCode-OpenSource:master from Vigilans:webview-md-result
Mar 27, 2019
Merged
Changes from 1 commit
Commits
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
Next Next commit
Apply markdown engine to result provider
  • Loading branch information
Vigilans committed Mar 23, 2019
commit 0e97e36c43c6b262f1a385757abecc9c38091ee8
108 changes: 97 additions & 11 deletions src/webview/leetCodeResultProvider.ts
View file Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,29 +2,36 @@
// Licensed under the MIT license.

import { Disposable, ExtensionContext, ViewColumn, WebviewPanel, window } from "vscode";
import { leetCodeChannel } from "../leetCodeChannel";
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;
}

public async show(result: string): Promise<void> {
public async show(resultString: string): Promise<void> {
if (!this.panel) {
this.panel = window.createWebviewPanel("leetcode.result", "LeetCode Results", ViewColumn.Two, {
retainContextWhenHidden: true,
enableFindWidget: true,
localResourceRoots: this.mdEngine.localResourceRoots,
});

this.panel.onDidDispose(() => {
this.panel = undefined;
}, null, this.context.subscriptions);
}

this.panel.webview.html = await this.provideHtmlContent(result);
const result: Result = this.parseResult(resultString);
this.panel.title = `${""}: Result`;
this.panel.webview.html = this.getWebViewContent(result);
this.panel.reveal(ViewColumn.Two);
}

Expand All @@ -34,19 +41,98 @@ class LeetCodeResultProvider implements Disposable {
}
}

private async provideHtmlContent(result: string): Promise<string> {
return `<!DOCTYPE html>
<html lang="en">
private parseResult(raw: string): Result {
try {
switch (raw[2]) {
case "√": {
const result: AcceptResult = new AcceptResult();
[result.status, raw] = raw.split(/ . (.+)([^]+)/).slice(1);
[result.passed, raw] = raw.split(/\n . (.+)([^]+)/).slice(1);
[result.runtime, raw] = raw.split(/\n . (.+)([^]+)/).slice(1);
[result.memory, raw] = raw.split(/\n . (.+)/).slice(1);
return result;
}
case ×ばつ": {
const result: FailedResult = new FailedResult();
[result.status, raw] = raw.split(/ . (.+)([^]+)/).slice(1);
[result.passed, raw] = raw.split(/\n . (.+)([^]+)/).slice(1);
[result.testcase, raw] = raw.split(/\n . testcase: '(.+)'([^]+)/).slice(1);
[result.answer, raw] = raw.split(/\n . answer: (.+)([^]+)/).slice(1);
[result.expected, raw] = raw.split(/\n . expected_answer: (.+)([^]+)/).slice(1);
[result.stdout, raw] = raw.split(/\n . stdout: ([^]+?)\n$/).slice(1);
result.testcase = result.testcase.replace("\\n", "\n");
return result;
}
default: {
throw new TypeError(raw);
}
}
} catch (error) {
leetCodeChannel.appendLine(`Result parsing failed: ${error.message}`);
throw error;
}
}

private getWebViewContent(result: Result): string {
const styles: string = this.mdEngine.getStylesHTML();
let body: string;
if (result instanceof AcceptResult) {
const accpet: AcceptResult = result as AcceptResult;
body = this.mdEngine.render([
`## ${result.status}`,
``,
`* ${result.passed}`,
`* ${accpet.runtime}`,
`* ${accpet.memory}`,
].join("\n"));
} else {
const failed: FailedResult = result as FailedResult;
body = this.mdEngine.render([
`## ${result.status}`,
`* ${result.passed}`,
``,
`### Testcase`, // TODO: add command to copy raw testcase
`\`\`\`\n${failed.testcase}\n\`\`\``,
`### Answer`,
`\`\`\`\n${failed.answer}\n\`\`\``,
`### Expected`,
`\`\`\`\n${failed.expected}\n\`\`\``,
`### Stdout`,
`\`\`\`\n${failed.stdout}\n\`\`\``,
].join("\n"));
}
return `
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LeetCode Results</title>
${styles}
</head>
<body>
<pre>${result.trim()}</pre>
<body class="vscode-body 'scrollBeyondLastLine' 'wordWrap' 'showEditorSelection'" style="tab-size:4">
${body}
</body>
</html>`;
</html>
`;
}
}

// tslint:disable-next-line:max-classes-per-file
abstract class Result {
public status: string;
public passed: string;
}

// tslint:disable-next-line:max-classes-per-file
class AcceptResult extends Result {
public runtime: string;
public memory: string;
}

// tslint:disable-next-line:max-classes-per-file
class FailedResult extends Result {
public testcase: string;
public answer: string;
public expected: string;
public stdout: string;
}

export const leetCodeResultProvider: LeetCodeResultProvider = new LeetCodeResultProvider();

AltStyle によって変換されたページ (->オリジナル) /