feat: Pymakr home view

Author: jakobrosenberg

package-lock.json

@@ -269,16 +269,24 @@
     "views": {
       "pymakr": [
         {
-          "id": "pymakr-projects-tree",
-          "name": "Projects",
-          "icon": "media/pycom.svg",
-          "contextualTitle": "Pymakr"
+          "id": "pymakr-home-view",
+          "name": "Pymakr Home",
+          "type": "webview"
         },
         {
           "id": "pymakr-devices-tree",
           "name": "Devices",
           "icon": "media/pycom.svg",
-          "contextualTitle": "Pymakr"
+          "contextualTitle": "Pymakr",
+          "type": "tree"
+        }
+      ],
+      "explorer": [
+        {
+          "id": "pymakr-projects-tree",
+          "name": "Pymakr: Projects",
+          "icon": "media/pycom.svg",
+          "type": "tree"
         }
       ]
     },
@@ -358,6 +366,16 @@
       }
     ],
     "commands": [
+      {
+        "command": "pymakr.openWalkthrough",
+        "title": "Open the Pymakr walkthrough",
+        "category": "PyMakr"
+      },
+      {
+        "command": "pymakr.showMarkdownDocument",
+        "title": "Show a markdown document",
+        "category": "PyMakr"
+      },
       {
         "command": "pymakr.debug.showDeviceSummary",
         "title": "Show device summary",
@@ -623,6 +641,10 @@
     ],
     "menus": {
       "commandPalette": [
+        {
+          "command": "pymakr.showMarkdownDocument",
+          "when": "false"
+        },
         {
           "command": "pymakr.listDevices"
         },
@@ -962,6 +984,7 @@
   },
   "dependencies": {
     "@serialport/bindings-cpp": "^10.7.0",
+    "@vscode/webview-ui-toolkit": "^1.0.0",
     "cheap-watch": "^1.0.4",
     "consolite": "^0.3.8",
     "hookar": "^0.0.7-0",

package.json

@@ -16,6 +16,7 @@ const { createVSCodeHelpers } = require("./utils/vscodeHelpers");
 const { TextDocumentProvider } = require("./providers/TextDocumentProvider");
 const { createStateObject } = require("./utils/storageObj");
 const { Notifier } = require("./utils/Notifier");
+const { HomeProvider } = require("./providers/HomeProvider");
 
 /**
  * Pymakr is the root class and scope of the extension.
@@ -81,6 +82,8 @@ class PyMakr {
     this.devicesProvider = new DevicesProvider(this);
     /** Provides device access for the file explorer */
     this.fileSystemProvider = new FileSystemProvider(this);
+    /** Provides the home screen in the Pycom tab */
+    this.homeProvider = new HomeProvider(this);
 
     this.textDocumentProvider = new TextDocumentProvider(this);
 
@@ -157,6 +160,7 @@ class PyMakr {
       vscode.window.registerTerminalProfileProvider("pymakr.terminal-profile", {
         provideTerminalProfile: () => this.getTerminalProfile(),
       }),
+      vscode.window.registerWebviewViewProvider("pymakr-home-view", this.homeProvider),
     ];
 
     this.context.subscriptions.push(...disposables);

src/PyMakr.js

@@ -38,6 +38,13 @@ class Commands {
   }
 
   commands = {
+    openWalkthrough: () => {
+      vscode.commands.executeCommand(`workbench.action.openWalkthrough`, `Pycom.pymakr#pymakr-get-started`, false);
+    },
+    showMarkdownDocument: (path) => {
+      const uri = vscode.Uri.joinPath(this.pymakr.context.extensionUri, path);
+      vscode.commands.executeCommand("markdown.showPreview", uri);
+    },
     /**
      * @param {{device: Device}} param0
      */