Add open on browser command on sidebar

Author: JamesCamel

package.json

@@ -127,7 +127,11 @@
 			{
 				"command": "HacKMD.openNoteOnHackMD",
 				"title": "Open note on HackMD",
-				"category": "HackMD"
+				"category": "HackMD",
+				"icon": {
+					"light": "src/icon/light/Browser-dark.png",
+					"dark": "src/icon/dark/Browser-light.png"
+				}
 			}
 		],
 		"menus": {
@@ -156,7 +160,17 @@
 				{
 					"command": "HackMD.showPreviewAndEditor",
 					"when": "view == mdTreeItems && viewItem == file"
+				},
+				{
+					"command": "HacKMD.openNoteOnHackMD",
+					"when": "view == mdTreeItems && viewItem == file",
+					"group": "inline"
+				},
+				{
+					"command": "HacKMD.openNoteOnHackMD",
+					"when": "view == mdTreeItems && viewItem == file"
 				}
+
 			]
 		},
 		"viewsWelcome": [

src/commands/note.ts

@@ -18,14 +18,4 @@ export async function registerNoteCommands(context: vscode.ExtensionContext) {
             vscode.env.openExternal(vscode.Uri.parse(noteUrl));
         }
     }));
-
-    context.subscriptions.push(vscode.commands.registerCommand('HacKMD.openNoteOnHackMD', () => {
-        const noteId = vscode.window.activeTextEditor.document.uri.fragment;
-        if (!noteId) {
-            vscode.window.showInformationMessage('Please open an editor first');
-        }
-        const serverUrl = vscode.workspace.getConfiguration('Hackmd').get('serverURL') as string;
-        const noteUrl = `${serverUrl}/${noteId}`;
-        vscode.env.openExternal(vscode.Uri.parse(noteUrl));
-    }));
 }

src/commands/treeView.ts

@@ -77,6 +77,22 @@ export async function registerTreeViewCommands(context: vscode.ExtensionContext)
         }
     }));
 
+    context.subscriptions.push(vscode.commands.registerCommand('HacKMD.openNoteOnHackMD', async (noteNode: NoteTreeNode) => {
+        let noteId = '';
+        if (noteNode) {
+            noteId = noteNode.noteId;
+        } else {
+            noteId = vscode.window.activeTextEditor.document.uri.fragment;
+        }
+        if (!checkNoteIdExist(noteId)) { return; }
+
+        const serverUrl = vscode.workspace.getConfiguration('Hackmd').get('serverURL') as string;
+        const noteUrl = `${serverUrl}/${noteId}`;
+        vscode.env.openExternal(vscode.Uri.parse(noteUrl));
+    }));
+
+
+
     context.subscriptions.push(vscode.workspace.registerTextDocumentContentProvider('hackmd', new MdTextDocumentContentProvider()));
 }