add webview, icon

Author: heyzec

package.json

@@ -16,7 +16,8 @@
   },
   "main": "./out/extension.js",
   "activationEvents": [
-    "onLanguage:javascript"
+    "onLanguage:javascript",
+    "onView:nodeDependencies"
   ],
   "contributes": {
     "commands": [
@@ -71,7 +72,26 @@
         "command": "source-academy.eval-editor",
         "key": "shift+enter"
       }
-    ]
+    ],
+    "views": {
+      "source-academy": [
+        {
+          "id": "nodeDependencies",
+          "name": "Assessments",
+          "icon": "media/dep.svg",
+          "contextualTitle": "Package Explorer"
+        }
+      ]
+    },
+    "viewsContainers": {
+      "activitybar": [
+        {
+          "id": "source-academy",
+          "title": "Source Academy",
+          "icon": "assets/sa.svg"
+        }
+      ]
+    }
   },
   "scripts-info": {
     "build": "Builds/obtains bundles required for the extension",

src/extension.ts

@@ -1,14 +1,17 @@
 // The module 'vscode' contains the VS Code extensibility API
 // Import the module and reference it with the alias vscode in your code below
 import * as vscode from "vscode";
+import { showPanel } from "./commands/showPanel";
+import { setupTreeView } from "./view/test";
 import { setupStatusBar } from "./statusbar/status";
 import { registerAllCommands } from "./commands";
 import { activateLspClient, deactivateLspClient } from "./lsp/client";
-import { showPanel } from "./commands/showPanel";
 
 // This method is called when your extension is activated
 // Your extension is activated the very first time the command is executed
 export function activate(context: vscode.ExtensionContext) {
+  console.log("Source Academy extension is now active!");
+  setupTreeView();
   registerAllCommands(context);
 
   context.subscriptions.push(setupStatusBar(context));