Movatterモバイル変換

[0]ホーム
URL:

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

Commitf77737d

Browse files
xuzaixianjdneo
authored andcommitted
Add Click the tree explorer should open the topic (LeetCode-OpenSource#132) (LeetCode-OpenSource#186)
1 parentb85611b commitf77737d

File tree

6 files changed

+144
-3
lines changed

6 files changed

+144
-3
lines changed

‎package.json

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,7 @@
3333
"onCommand:leetcode.createSession",
3434
"onCommand:leetcode.refreshExplorer",
3535
"onCommand:leetcode.showProblem",
36+
"onCommand:leetcode.previewProblem",
3637
"onCommand:leetcode.searchProblem",
3738
"onCommand:leetcode.testSolution",
3839
"onCommand:leetcode.submitSolution",
@@ -94,6 +95,11 @@
9495
"title":"Show Problem",
9596
"category":"LeetCode"
9697
},
98+
{
99+
"command":"leetcode.previewProblem",
100+
"title":"Preview Problem",
101+
"category":"LeetCode"
102+
},
97103
{
98104
"command":"leetcode.searchProblem",
99105
"title":"Search Problem",
@@ -164,12 +170,21 @@
164170
"command":"leetcode.showProblem",
165171
"when":"view == leetCodeExplorer && viewItem == problem",
166172
"group":"leetcode@1"
173+
},
174+
{
175+
"command":"leetcode.previewProblem",
176+
"when":"view == leetCodeExplorer && viewItem == problem",
177+
"group":"leetcode@1"
167178
}
168179
],
169180
"commandPalette": [
170181
{
171182
"command":"leetcode.showProblem",
172183
"when":"never"
184+
},
185+
{
186+
"command":"leetcode.previewProblem",
187+
"when":"never"
173188
}
174189
],
175190
"explorer/context": [

‎src/explorer/LeetCodeNode.ts

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
// Copyright (c) jdneo. All rights reserved.
22
// Licensed under the MIT license.
33

4+
import{Command}from"vscode";
45
import{IProblem,ProblemState}from"../shared";
56

67
exportclassLeetCodeNode{
@@ -48,4 +49,13 @@ export class LeetCodeNode {
4849
publicgetparentName():string{
4950
returnthis.parentNodeName;
5051
}
52+
53+
publicgetpreviewCommand():Command{
54+
return{
55+
title:"Preview Problem",
56+
command:"leetcode.previewProblem",
57+
arguments:[this],
58+
};
59+
}
60+
5161
}

‎src/explorer/LeetCodeTreeDataProvider.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,7 @@ export class LeetCodeTreeDataProvider implements vscode.TreeDataProvider<LeetCod
5252
collapsibleState:element.isProblem ?vscode.TreeItemCollapsibleState.None :vscode.TreeItemCollapsibleState.Collapsed,
5353
contextValue:element.isProblem ?"problem" :element.id.toLowerCase(),
5454
iconPath:this.parseIconPathFromProblemState(element),
55+
command:element.isProblem ?element.previewCommand :undefined,
5556
};
5657
}
5758

‎src/extension.ts

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@ import { LeetCodeTreeDataProvider } from "./explorer/LeetCodeTreeDataProvider";
1515
import{leetCodeChannel}from"./leetCodeChannel";
1616
import{leetCodeExecutor}from"./leetCodeExecutor";
1717
import{leetCodeManager}from"./leetCodeManager";
18+
import{leetCodePreviewProvider}from"./leetCodePreviewProvider";
1819
import{leetCodeResultProvider}from"./leetCodeResultProvider";
1920
import{leetCodeStatusBarItem}from"./leetCodeStatusBarItem";
2021

@@ -29,11 +30,13 @@ export async function activate(context: vscode.ExtensionContext): Promise<void>
2930
});
3031

3132
constleetCodeTreeDataProvider:LeetCodeTreeDataProvider=newLeetCodeTreeDataProvider(context);
33+
leetCodePreviewProvider.initialize(context);
3234
leetCodeResultProvider.initialize(context);
3335

3436
context.subscriptions.push(
3537
leetCodeStatusBarItem,
3638
leetCodeChannel,
39+
leetCodePreviewProvider,
3740
leetCodeResultProvider,
3841
vscode.window.createTreeView("leetCodeExplorer",{treeDataProvider:leetCodeTreeDataProvider,showCollapseAll:true}),
3942
vscode.languages.registerCodeLensProvider({scheme:"file"},codeLensProvider),
@@ -43,6 +46,7 @@ export async function activate(context: vscode.ExtensionContext): Promise<void>
4346
vscode.commands.registerCommand("leetcode.signout",()=>leetCodeManager.signOut()),
4447
vscode.commands.registerCommand("leetcode.selectSessions",()=>session.selectSession()),
4548
vscode.commands.registerCommand("leetcode.createSession",()=>session.createSession()),
49+
vscode.commands.registerCommand("leetcode.previewProblem",(node:LeetCodeNode)=>leetCodePreviewProvider.preview(node)),
4650
vscode.commands.registerCommand("leetcode.showProblem",(node:LeetCodeNode)=>show.showProblem(node)),
4751
vscode.commands.registerCommand("leetcode.searchProblem",()=>show.searchProblem()),
4852
vscode.commands.registerCommand("leetcode.refreshExplorer",()=>leetCodeTreeDataProvider.refresh()),

‎src/leetCodeExecutor.ts

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -75,18 +75,22 @@ class LeetCodeExecutor {
7575
);
7676
}
7777

78-
publicasyncshowProblem(node:IProblem,language:string,outDir:string):Promise<string>{
79-
constfileName:string=genFileName(node,language);
78+
publicasyncshowProblem(problemNode:IProblem,language:string,outDir:string):Promise<string>{
79+
constfileName:string=genFileName(problemNode,language);
8080
constfilePath:string=path.join(outDir,fileName);
8181

8282
if(!awaitfse.pathExists(filePath)){
83-
constcodeTemplate:string=awaitthis.executeCommandWithProgressEx("Fetching problem data...","node",[awaitthis.getLeetCodeBinaryPath(),"show",node.id,"-cx","-l",language]);
83+
constcodeTemplate:string=awaitthis.executeCommandWithProgressEx("Fetching problem data...","node",[awaitthis.getLeetCodeBinaryPath(),"show",problemNode.id,"-cx","-l",language]);
8484
awaitfse.writeFile(filePath,codeTemplate);
8585
}
8686

8787
returnfilePath;
8888
}
8989

90+
publicasyncgetDescription(problemNode:IProblem):Promise<string>{
91+
returnawaitthis.executeCommandWithProgressEx("Fetching problem description...","node",[awaitthis.getLeetCodeBinaryPath(),"show",problemNode.id,"-x"]);
92+
}
93+
9094
publicasynclistSessions():Promise<string>{
9195
returnawaitthis.executeCommandEx("node",[awaitthis.getLeetCodeBinaryPath(),"session"]);
9296
}

‎src/leetCodePreviewProvider.ts

Lines changed: 107 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,107 @@
1+
import{commands,Disposable,ExtensionContext,ViewColumn,WebviewPanel,window}from"vscode";
2+
import{leetCodeExecutor}from"./leetCodeExecutor";
3+
import{IProblem}from"./shared";
4+
classLeetCodePreviewProviderimplementsDisposable{
5+
6+
privatecontext:ExtensionContext;
7+
privatepanel:WebviewPanel|undefined;
8+
9+
publicinitialize(context:ExtensionContext):void{
10+
this.context=context;
11+
}
12+
13+
publicasyncpreview(node:IProblem):Promise<void>{
14+
if(!this.panel){
15+
constpanelType:string="previewProblem";
16+
constpanelTitle:string=node.name;
17+
this.panel=window.createWebviewPanel(panelType,panelTitle,ViewColumn.Active,{
18+
enableScripts:true,
19+
enableCommandUris:true,
20+
enableFindWidget:true,
21+
retainContextWhenHidden:true,
22+
});
23+
}
24+
25+
this.panel.onDidDispose(()=>{
26+
this.panel=undefined;
27+
},null,this.context.subscriptions);
28+
29+
this.panel.webview.onDidReceiveMessage(async(message:IWebViewMessage)=>{
30+
switch(message.command){
31+
case"ShowProblem":
32+
awaitcommands.executeCommand("leetcode.showProblem",node);
33+
this.dispose();
34+
return;
35+
}
36+
});
37+
this.panel.webview.html=awaitthis.provideHtmlContent(node);
38+
}
39+
40+
publicdispose():void{
41+
if(this.panel){
42+
this.panel.dispose();
43+
}
44+
}
45+
46+
publicasyncprovideHtmlContent(node:IProblem):Promise<string>{
47+
returnawaitthis.renderHTML(node);
48+
}
49+
50+
privateasyncrenderHTML(node:IProblem):Promise<string>{
51+
constdescription:string=awaitleetCodeExecutor.getDescription(node);
52+
constdescriptionHTML:string=description.replace(/\n/g,"<br>");
53+
consthtmlTemplate:string=`
54+
<!DOCTYPE html>
55+
<html>
56+
<head>
57+
<meta charset="UTF-8">
58+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
59+
<title>Preview Problem</title>
60+
</head>
61+
<style>
62+
#solve {
63+
position: fixed;
64+
bottom: 1rem;
65+
right: 1rem;
66+
border: 0;
67+
margin: 1rem 0;
68+
padding: 0.2rem 1rem;
69+
color: white;
70+
background-color: var(--vscode-button-background);
71+
}
72+
#solve:hover {
73+
background-color: var(--vscode-button-hoverBackground);
74+
}
75+
#solve:active {
76+
border: 0;
77+
}
78+
</style>
79+
<body>
80+
<div >
81+
${descriptionHTML}
82+
</div>
83+
<button id="solve">Code Now</button>
84+
<script>
85+
(function() {
86+
const vscode = acquireVsCodeApi();
87+
let button = document.getElementById('solve');
88+
button.onclick = solveHandler;
89+
function solveHandler() {
90+
vscode.postMessage({
91+
command: 'ShowProblem',
92+
});
93+
}
94+
}());
95+
</script>
96+
</body>
97+
</html>
98+
`;
99+
returnhtmlTemplate;
100+
}
101+
102+
}
103+
exportinterfaceIWebViewMessage{
104+
command:string;
105+
}
106+
107+
exportconstleetCodePreviewProvider:LeetCodePreviewProvider=newLeetCodePreviewProvider();

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp