Add editor and preview mode buttons beside viewItems

Author: JamesCamel

package.json

@@ -77,6 +77,16 @@
 				"command": "treeView.refreshList",
 				"title": "Refresh",
 				"icon": "src/icon/refresh.svg"
+			},
+			{
+				"command": "note.showPreview",
+				"title": "Show preview",
+				"icon": "src/icon/eye.svg"
+			},
+			{
+				"command": "note.showPreviewAndEditor",
+				"title": "Show preview to side",
+				"icon": "src/icon/education.svg"
 			}
 		],
 		"menus": {
@@ -86,14 +96,26 @@
 					"when": "view == mdTreeItems",
 					"group": "navigation"
 				}
+			],
+			"view/item/context": [
+				{
+					"command": "note.showPreview",
+					"when": "view == mdTreeItems && viewItem == file",
+					"group": "inline"
+				},
+				{
+					"command": "note.showPreviewAndEditor",
+					"when": "view == mdTreeItems && viewItem == file",
+					"group": "inline"
+				}
 			]
 		},
 		"viewsWelcome": [
 			{
-			  "view": "mdTreeItems",
-			  "contents": "No notes found. Login first.\n[Login HackMD](command:HackMD.login)"
+				"view": "mdTreeItems",
+				"contents": "No notes found. Login first.\n[Login HackMD](command:HackMD.login)"
 			}
-		  ]
+		]
 	},
 	"scripts": {
 		"vscode:prepublish": "webpack --mode production",
@@ -156,4 +178,4 @@
 		"node-fetch": "^2.6.0",
 		"string": "git+ssh://git@github.com/hackmdio/string.js.git#a68176b3d"
 	}
-}
+}

src/commands/index.ts

@@ -5,5 +5,5 @@ import { Store } from '../store';
 
 export function registerCommand(context: vscode.ExtensionContext, store: Store) {
     registerUserCommands(context, store);
-    registerTreeViewCommands(context, store)
+    registerTreeViewCommands(context, store);
 }

src/commands/treeView.ts

@@ -1,7 +1,8 @@
-import * as vscode from 'vscode'
+import * as vscode from 'vscode';
 import { Store } from '../store';
 import * as apiClient from '@hackmd/api';
-import { HackMDTreeViewProvider } from './../tree/index'
+import { HackMDTreeViewProvider } from './../tree/index';
+import { NoteTreeNode } from './../tree/nodes';
 import { MdTextDocumentContentProvider } from './../mdTextDocument';
 const API = new apiClient.default();
 
@@ -20,5 +21,30 @@ export async function registerTreeViewCommands(context: vscode.ExtensionContext,
             }
         }
     }));
+
+    context.subscriptions.push(vscode.commands.registerCommand('note.showPreview', async (node: NoteTreeNode) => {
+        const noteNode = node;
+        if (noteNode.label && noteNode.noteId) {
+            const content = await API.exportString(noteNode.noteId, apiClient.ExportType.MD);
+            if (content) {
+                const uri = vscode.Uri.parse(`hackmd:${noteNode.label}.md#${noteNode.noteId}`);
+                vscode.commands.executeCommand('markdown.showPreview', uri);
+            }
+        }
+    }));
+
+    context.subscriptions.push(vscode.commands.registerCommand('note.showPreviewAndEditor', async (node: NoteTreeNode) => {
+        const noteNode = node;
+        if (noteNode.label && noteNode.noteId) {
+            const content = await API.exportString(noteNode.noteId, apiClient.ExportType.MD);
+            if (content) {
+                const uri = vscode.Uri.parse(`hackmd:${noteNode.label}.md#${noteNode.noteId}`);
+                const doc = await vscode.workspace.openTextDocument(uri);
+                await vscode.window.showTextDocument(doc, { preview: false });
+                vscode.commands.executeCommand('markdown.showPreviewToSide', uri);
+            }
+        }
+    }));
+
     context.subscriptions.push(vscode.workspace.registerTextDocumentContentProvider('hackmd', new MdTextDocumentContentProvider()));
 }

src/commands/user.ts

@@ -52,7 +52,6 @@ export async function registerUserCommands(context: vscode.ExtensionContext, sto
         }
         await API.logout();
         store.isLogin = false;
-        context.globalState.update('isLogin', false);
         vscode.window.showInformationMessage('Successfully logged out.');
         await refreshHistoryList(context);
       }));

src/icon/education.svg

@@ -6,6 +6,10 @@ export class MdTextDocumentContentProvider implements vscode.TextDocumentContent
     async provideTextDocumentContent(uri: vscode.Uri): Promise<string> {
         const noteId = uri.fragment;
         const content = await API.exportString(noteId, apiClient.ExportType.MD);
+        // vscode.commands.executeCommand('markdown.showSource', content);
+        // vscode.commands.executeCommand('markdown.showPreviewToSide', content);
+
+        // vscode.commands.executeCommand('markdown.showSource', content);
         return content;
     }
 }

src/icon/eye.svg

@@ -43,10 +43,8 @@ export class HackMDTreeViewProvider implements vscode.TreeDataProvider<TreeNode>
 export const refreshHistoryList = async (context) => {
     if (await checkLogin()) {
         store.history = (await API.getHistory()).history;
-        context.globalState.update('history', store.history);
     } else {
         store.history = [{}];
-        context.globalState.update('history', [{}]);
     }
 };
 
@@ -63,7 +61,6 @@ export const login = async (context: vscode.ExtensionContext) => {
     await API.login(email, password);
     if (await checkLogin()) {
         store.isLogin = true;
-        context.globalState.update('isLogin', true);
         vscode.window.showInformationMessage('Successfully login!');
     } else {
         vscode.window.showInformationMessage('Wrong email or password, please enter again');

src/mdTextDocument.ts

@@ -31,5 +31,6 @@ export class NoteTreeNode extends TreeNode {
                 this.noteId
             ]
         };
+        this.contextValue = 'file';
     }
 }