Added reactive dashboard.

Author: shinin-light

images/icon-sidebar.svg

@@ -81,6 +81,60 @@
         }
       }
     ],
+    "viewsContainers": {
+      "activitybar": [
+        {
+          "id": "deepcode",
+          "title": "DeepCode",
+          "icon": "images/icon-sidebar.svg"
+        }
+      ]
+    },
+    "views": {
+      "deepcode": [
+        {
+          "id": "deepcode.views.welcome",
+          "name": "DeepCode Extension",
+          "when": "!deepcode:loggedIn"
+        },
+        {
+          "id": "deepcode.views.progress",
+          "name": "DeepCode Analysis",
+          "when": "deepcode:loggedIn && deepcode:analyzing"
+        },
+        {
+          "id": "deepcode.views.analysis",
+          "name": "DeepCode Analysis",
+          "when": "deepcode:loggedIn && deepcode:completed"
+        },
+        {
+          "id": "deepcode.views.support",
+          "name": "Help & feedback"
+        }
+      ]
+    },
+    "viewsWelcome": [
+      {
+        "view": "deepcode.views.welcome",
+        "contents": "Welcome to DeepCode for Visual Studio Code. 👋\nLet's start by connecting VS Code with DeepCode:\n[Connect VS Code with DeepCode](command:deepcode.login 'Connect with DeepCode')\n🚀 DeepCode's mission is to find bugs in your Javascript, TypeScript, Python, Java and C/C++ code, fast!\n💬 A VS Code user (Lucas) recently said:\"I'm really crazy about this super simple service that feels like it's from 5 years in the future\".\n👉 Connect with DeepCode and start your first analysis!"
+      },
+      {
+        "view": "deepcode.views.progress",
+        "contents": "IN PROGRESS"
+      },
+      {
+        "view": "deepcode.views.analysis",
+        "contents": "ANALYZED"
+      }
+    ],
+    "menus": {
+      "commandPalette": [
+        {
+          "command": "deepcode.start",
+          "when": "deepcode:loggedIn"
+        }
+      ]
+    },
     "commands": [
       {
         "command": "deepcode.start",
@@ -89,6 +143,10 @@
       {
         "command": "deepcode.settings",
         "title": "DeepCode settings"
+      },
+      {
+        "command": "deepcode.login",
+        "title": "DeepCode login"
       }
     ]
   },

package.json

@@ -1,16 +1,59 @@
 import * as vscode from "vscode";
+import * as open from "open";
 
 import DeepCode from "../interfaces/DeepCodeInterfaces";
 import DeepCodeLib from "./lib/modules/DeepCodeLib";
 
-import { DEEPCODE_START_COMMAND, DEEPCODE_SETTINGS_COMMAND } from "./constants/commands";
+import {
+  DEEPCODE_START_COMMAND, 
+  DEEPCODE_SETTINGS_COMMAND,
+  DEEPCODE_LOGIN,
+  DEEPCODE_OPEN_BROWSER,
+  DEEPCODE_OPEN_LOCAL,
+} from "./constants/commands";
 import { openDeepcodeSettingsCommand } from "./utils/vscodeCommandsUtils";
 
+import {
+  DEEPCODE_VIEW_SUPPORT,
+  DEEPCODE_VIEW_PROGRESS,
+  DEEPCODE_VIEW_ANALYSIS,
+} from "./constants/views";
+import { SupportProvider } from "./view/SupportProvider";
+import { ProgressProvider } from "./view/ProgressProvider";
+import { IssueProvider } from "./view/IssueProvider";
+
 class DeepCodeExtension extends DeepCodeLib implements DeepCode.ExtensionInterface {
   public activate(context: vscode.ExtensionContext): void {
     this.store.createStore(context);
     this.statusBarItem.show();
 
+    context.subscriptions.push(
+      vscode.commands.registerCommand(
+        DEEPCODE_OPEN_BROWSER,
+        (url: string) => open(url)
+      )
+    );
+
+    context.subscriptions.push(
+      vscode.commands.registerCommand(
+        DEEPCODE_OPEN_LOCAL,
+        (path: vscode.Uri, range?: vscode.Range) => {
+          console.log("DEEPCODE_OPEN_LOCAL",path.toString());
+          vscode.window.showTextDocument(path, { selection: range }).then(
+            (f) => console.log(f), 
+            (err) => console.error(err)
+          );
+        }
+      )
+    );
+    
+    context.subscriptions.push(
+      vscode.commands.registerCommand(
+        DEEPCODE_LOGIN,
+        this.activateExtensionAnalyzeActions.bind(this)
+      )
+    );
+    
     context.subscriptions.push(
       vscode.commands.registerCommand(
         DEEPCODE_START_COMMAND,
@@ -25,6 +68,21 @@ class DeepCodeExtension extends DeepCodeLib implements DeepCode.ExtensionInterfa
       )
     );
 
+    vscode.window.registerTreeDataProvider(
+      DEEPCODE_VIEW_SUPPORT, 
+      new SupportProvider(this)
+    );
+
+    vscode.window.registerTreeDataProvider(
+      DEEPCODE_VIEW_PROGRESS, 
+      new ProgressProvider(this)
+    );
+
+    vscode.window.registerTreeDataProvider(
+      DEEPCODE_VIEW_ANALYSIS, 
+      new IssueProvider(this)
+    );
+
     context.subscriptions.push(
       { dispose: this.startExtension() },
     );

src/deepcode/DeepCodeExtension.ts

@@ -4,5 +4,11 @@ export const VSCODE_ADD_COMMENT_COMMAND = "editor.action.addCommentLine";
 
 // custom depcode commands
 export const DEEPCODE_START_COMMAND = "deepcode.start";
+export const DEEPCODE_LOGIN = "deepcode.login";
 export const DEEPCODE_SETTINGS_COMMAND = "deepcode.settings";
 export const DEEPCODE_IGNORE_ISSUES_COMMAND = "deepcode.ignoreissues";
+export const DEEPCODE_OPEN_BROWSER = "deepcode.open";
+export const DEEPCODE_OPEN_LOCAL = "deepcode.show";
+
+// custom depcode constants used in commands
+export const DEEPCODE_CONTEXT_PREFIX = "deepcode:";

src/deepcode/constants/commands.ts

@@ -0,0 +1,15 @@
+export const DEEPCODE_VIEW_SUPPORT = "deepcode.views.support";
+export const DEEPCODE_VIEW_PROGRESS = "deepcode.views.progress";
+export const DEEPCODE_VIEW_ANALYSIS = "deepcode.views.analysis";
+
+export const DEEPCODE_CONTEXT = {
+  LOGGEDIN: "loggedIn",
+  ANALYZING: "analyzing",
+  COMPLETED: "completed",
+};
+
+export const DEEPCODE_ANALYSIS_STATUS = {
+  HASHING: "Hashing files",
+  UPLOADING: "Uploading files",
+  ANALYZING: "Analyzing files",
+};

src/deepcode/constants/views.ts

@@ -25,6 +25,11 @@ export default class BaseDeepCodeModule implements DeepCode.BaseDeepCodeModuleIn
   public settingsWatcher: DeepCode.DeepCodeWatcherInterface;
   public errorHandler: DeepCode.ErrorHandlerInterface;
 
+  // Views and analysis progress
+  public refreshViewEmitter: vscode.EventEmitter<any>;
+	public analysisStatus: string = '';
+  public analysisProgress: number = 0;
+
   // These attributes are used in tests
   public staticToken = '';
   public staticBaseURL = '';
@@ -45,6 +50,9 @@ export default class BaseDeepCodeModule implements DeepCode.BaseDeepCodeModuleIn
     this.editorsWatcher = new DeepCodeEditorsWatcher();
     this.settingsWatcher = new DeepCodeSettingsWatcher();
     this.errorHandler = new DeepCodeErrorhandler();
+    this.refreshViewEmitter = new vscode.EventEmitter<any>();
+    this.analysisStatus = '';
+    this.analysisProgress = 0;
   }
 
   public get baseURL(): string {
@@ -85,4 +93,8 @@ export default class BaseDeepCodeModule implements DeepCode.BaseDeepCodeModuleIn
   public get shouldReportEvents(): boolean {
     return !!vscode.workspace.getConfiguration('deepcode').get('yesTelemetry');
   }
+
+  public refreshViews(content?: any): void {
+    this.refreshViewEmitter.fire(content || undefined);
+  }
 }

src/deepcode/lib/modules/BaseDeepCodeModule.ts

@@ -9,6 +9,8 @@ import { startFilesUpload } from "../../utils/packageUtils";
 import { BUNDLE_EVENTS } from "../../constants/events";
 import { errorsLogs } from "../../messages/errorsServerLogMessages";
 import LoginModule from "../../lib/modules/LoginModule";
+import { setContext } from "../../utils/vscodeCommandsUtils";
+import { DEEPCODE_ANALYSIS_STATUS, DEEPCODE_CONTEXT } from "../../constants/views";
 
 class BundlesModule extends LoginModule
   implements DeepCode.BundlesModuleInterface {
@@ -28,29 +30,44 @@ class BundlesModule extends LoginModule
     this.onAnalyseFinish = this.onAnalyseFinish.bind(this);
     this.onError = this.onError.bind(this);
 
-    this.serviceAI.on(BUNDLE_EVENTS.error, this.onError);  }
+    this.serviceAI.on(BUNDLE_EVENTS.error, this.onError);
+  }
+
+  updateStatus(status: string, progress?: number) {
+    this.analysisStatus = status;
+    if (progress) this.analysisProgress = progress;
+    this.refreshViews();
+  }
 
   onBuildBundleProgress(processed: number, total: number) {
     console.log(`BUILD BUNDLE PROGRESS - ${processed}/${total}`);
+    this.updateStatus(DEEPCODE_ANALYSIS_STATUS.HASHING, processed/total);
   }
 
   onBuildBundleFinish() {
     console.log("BUILD BUNDLE FINISH");
+    this.updateStatus(DEEPCODE_ANALYSIS_STATUS.HASHING, 1);
   }
 
   onUploadBundleProgress(processed: number, total: number) {
     console.log(`UPLOAD BUNDLE PROGRESS - ${processed}/${total}`);
+    this.updateStatus(DEEPCODE_ANALYSIS_STATUS.UPLOADING, processed/total);
   }
 
   onUploadBundleFinish() {
     console.log("UPLOAD BUNDLE FINISH");
+    this.updateStatus(DEEPCODE_ANALYSIS_STATUS.UPLOADING, 1);
   }
 
   onAnalyseProgress(analysisResults: IQueueAnalysisCheckResult) {
     console.log("on Analyse Progress");
+    this.updateStatus(DEEPCODE_ANALYSIS_STATUS.ANALYZING, 0.5);
   }
 
   onAnalyseFinish(analysisResults: IQueueAnalysisCheckResult) {
+    this.updateStatus(DEEPCODE_ANALYSIS_STATUS.ANALYZING, 1);
+    setContext(DEEPCODE_CONTEXT.ANALYZING, false);
+    setContext(DEEPCODE_CONTEXT.COMPLETED, true);
     type ResultFiles = {
       [filePath: string]: DeepCode.AnalysisResultsFileResultsInterface;
     };
@@ -80,6 +97,8 @@ class BundlesModule extends LoginModule
   }
 
   onError(error: Error) {
+    setContext(DEEPCODE_CONTEXT.ANALYZING, false);
+    setContext(DEEPCODE_CONTEXT.COMPLETED, false);
     this.errorHandler.processError(this, error);
     throw error;
   }
@@ -125,6 +144,8 @@ class BundlesModule extends LoginModule
   }
 
   public async performBundlesActions(path: string): Promise<void> {
+    setContext(DEEPCODE_CONTEXT.ANALYZING, true);
+    setContext(DEEPCODE_CONTEXT.COMPLETED, false);
     if (!Object.keys(this.serverFilesFilterList).length) {
       await this.createFilesFilterList();
       this.filesWatcher.activate(this);
@@ -152,6 +173,8 @@ class BundlesModule extends LoginModule
       return currentProgress;
     };
 
+    this.updateStatus(DEEPCODE_ANALYSIS_STATUS.HASHING, 0);
+
     window.withProgress(progressOptions, async progress => {
       this.serviceAI.on(BUNDLE_EVENTS.buildBundleProgress, (processed: number, total: number) => {
         this.onBuildBundleProgress(processed, total);

src/deepcode/lib/modules/BundlesModule.ts

@@ -1,10 +1,12 @@
 import * as vscode from "vscode";
-import * as open from "open";
 
 import DeepCode from "../../../interfaces/DeepCodeInterfaces";
 import http from "../../http/requests";
 import { deepCodeMessages } from "../../messages/deepCodeMessages";
+import { setContext, viewInBrowser } from "../../utils/vscodeCommandsUtils";
 import ReportModule from "./ReportModule";
+import { DEEPCODE_CONTEXT } from "../../constants/views";
+
 
 const sleep = (duration: number) => new Promise(resolve => setTimeout(resolve, duration));
 
@@ -18,6 +20,7 @@ class LoginModule extends ReportModule implements DeepCode.LoginModuleInterface
     this.pendingLogin = true;
 
     try {
+      setContext(DEEPCODE_CONTEXT.LOGGEDIN, false);
       const { login } = deepCodeMessages;
       let pressedButton: string | undefined;
 
@@ -29,18 +32,21 @@ class LoginModule extends ReportModule implements DeepCode.LoginModuleInterface
         if (!sessionToken || !loginURL) {
           throw new Error();
         }
-        await open(loginURL);
+        await viewInBrowser(loginURL);
         await this.setToken(sessionToken);
         await this.waitLoginConfirmation();
+        setContext(DEEPCODE_CONTEXT.LOGGEDIN, true);
       }
     } finally {
       this.pendingLogin = false;
     }
   }
 
-  public checkSession(): Promise<boolean> {
-    if (!this.token) return Promise.resolve(false);
-    return http.checkSession(this.baseURL, this.token);
+  public async checkSession(): Promise<boolean> {
+    if (!this.token) return false;
+    const validSession = await http.checkSession(this.baseURL, this.token);
+    setContext(DEEPCODE_CONTEXT.LOGGEDIN, !!validSession);
+    return validSession;
   }
 
   private async waitLoginConfirmation(): Promise<void> {

src/deepcode/lib/modules/LoginModule.ts

@@ -2,7 +2,9 @@ import * as vscode from "vscode";
 import { DEEPCODE_NAME } from "../constants/general";
 import {
   DEEPCODE_START_COMMAND,
-  VSCODE_GO_TO_SETTINGS_COMMAND
+  VSCODE_GO_TO_SETTINGS_COMMAND,
+  DEEPCODE_CONTEXT_PREFIX,
+  DEEPCODE_OPEN_BROWSER,
 } from "../constants/commands";
 
 export const getDeepcodeExtensionId = (): string => {
@@ -20,3 +22,11 @@ export const openDeepcodeSettingsCommand = (): void => {
 export const startDeepCodeCommand = (): void => {
   vscode.commands.executeCommand(DEEPCODE_START_COMMAND);
 };
+
+export function setContext(key: string, value: unknown) {
+  vscode.commands.executeCommand('setContext', `${DEEPCODE_CONTEXT_PREFIX}${key}`, value);
+};
+
+export function viewInBrowser(url: string) {
+  vscode.commands.executeCommand(DEEPCODE_OPEN_BROWSER, url);
+};