Show Welcome login view when not currently logged in

Author: JamesCamel

package.json

@@ -75,7 +75,7 @@
 			},
 			{
 				"command": "treeView.refreshList",
-				"title": "Refresh!",
+				"title": "Refresh",
 				"icon": "src/icon/refresh.svg"
 			}
 		],
@@ -87,7 +87,13 @@
 					"group": "navigation"
 				}
 			]
-		}
+		},
+		"viewsWelcome": [
+			{
+			  "view": "mdTreeItems",
+			  "contents": "No notes found. Login first.\n[Login HackMD](command:HackMD.login)"
+			}
+		  ]
 	},
 	"scripts": {
 		"vscode:prepublish": "webpack --mode production",

src/extension.ts

@@ -253,6 +253,8 @@ 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');
@@ -313,6 +315,8 @@ export async function activate(context: vscode.ExtensionContext) {
       return;
     }
     await API.logout();
+    store.isLogin = false;
+    context.globalState.update('isLogin', false);
     vscode.window.showInformationMessage('Successfully logged out.');
     await refreshHistoryList(context);
   }));

src/mdTreeView.ts

@@ -1,5 +1,5 @@
 import * as vscode from 'vscode';
-import { Store } from './store';
+import { Store, store } from './store';
 import { reaction } from 'mobx';
 // const history = (await API.getHistory()).history;
 export class MdTreeItemProvider implements vscode.TreeDataProvider<TreeNode> {
@@ -21,12 +21,14 @@ export class MdTreeItemProvider implements vscode.TreeDataProvider<TreeNode> {
     }
 
     getChildren(element?: TreeNode): vscode.ProviderResult<TreeNode[]> {
-        if (element === undefined) {
-            return [new TreeNode("history", vscode.TreeItemCollapsibleState.Collapsed)]
-        } else {
-            return this.store.history.map(item =>
-                new NoteTreeNode(item.id, item.text, vscode.TreeItemCollapsibleState.None)
-            );
+        if (store.isLogin) {
+            if (element === undefined) {
+                return [new TreeNode("history", vscode.TreeItemCollapsibleState.Collapsed)]
+            } else {
+                return this.store.history.map(item =>
+                    new NoteTreeNode(item.id, item.text, vscode.TreeItemCollapsibleState.None)
+                );
+            }
         }
     }
 

src/store/index.ts

@@ -1,9 +1,11 @@
 import { observable } from "mobx";
 
 export interface Store {
-    history: Array<any>
+    history: Array<any>;
+    isLogin: boolean;
 }
 
 export const store: Store = observable({
-    history: [{}]
+    history: [{}],
+    isLogin: false
 });