Added basic MicroPython project creation interop

Signed-off-by: paulober <[email protected]>

Author: paulober

src/commands/newProject.mts

@@ -1,11 +1,24 @@
 import { Command } from "./command.mjs";
 import Logger from "../logger.mjs";
-import { type Uri } from "vscode";
+import { window, type Uri } from "vscode";
 import { NewProjectPanel } from "../webview/newProjectPanel.mjs";
+import { NewMicroPythonProjectPanel } from "../webview/newMicroPythonProjectPanel.mjs";
+
+/**
+ * Enum for the language of the project.
+ * Can be used to specify the language of the project
+ * in the `NewProjectCommand` class.
+ */
+export enum ProjectLang {
+  cCpp = 1,
+  micropython = 2,
+}
 
 export default class NewProjectCommand extends Command {
   private readonly _logger: Logger = new Logger("NewProjectCommand");
   private readonly _extensionUri: Uri;
+  private static readonly micropythonOption = "MicroPython";
+  private static readonly cCppOption = "C/C++";
 
   public static readonly id = "newProject";
 
@@ -15,8 +28,38 @@ export default class NewProjectCommand extends Command {
     this._extensionUri = extensionUri;
   }
 
-  execute(): void {
-    // show webview where the process of creating a new project is continued
-    NewProjectPanel.createOrShow(this._extensionUri);
+  private preSelectedTypeToStr(preSelectedType?: number): string | undefined {
+    return preSelectedType === ProjectLang.cCpp
+      ? NewProjectCommand.cCppOption
+      : preSelectedType === ProjectLang.micropython
+      ? NewProjectCommand.micropythonOption
+      : undefined;
+  }
+
+  async execute(preSelectedType?: number): Promise<void> {
+    // ask the user what language to use
+    const lang =
+      this.preSelectedTypeToStr(preSelectedType) ??
+      (await window.showQuickPick(
+        [NewProjectCommand.cCppOption, NewProjectCommand.micropythonOption],
+        {
+          placeHolder: "Select which language to use for your new project",
+          canPickMany: false,
+          ignoreFocusOut: false,
+          title: "New Pico Project",
+        }
+      ));
+
+    if (lang === undefined) {
+      return;
+    }
+
+    if (lang === NewProjectCommand.micropythonOption) {
+      // create a new project with MicroPython
+      NewMicroPythonProjectPanel.createOrShow(this._extensionUri);
+    } else {
+      // show webview where the process of creating a new project is continued
+      NewProjectPanel.createOrShow(this._extensionUri);
+    }
   }
 }

src/extension.mts

@@ -74,6 +74,7 @@ import NewExampleProjectCommand from "./commands/newExampleProject.mjs";
 import SwitchBoardCommand from "./commands/switchBoard.mjs";
 import UninstallPicoSDKCommand from "./commands/uninstallPicoSDK.mjs";
 import FlashProjectSWDCommand from "./commands/flashProjectSwd.mjs";
+import { NewMicroPythonProjectPanel } from "./webview/newMicroPythonProjectPanel.mjs";
 
 export async function activate(context: ExtensionContext): Promise<void> {
   Logger.info(LoggerSource.extension, "Extension activation triggered");
@@ -144,6 +145,17 @@ export async function activate(context: ExtensionContext): Promise<void> {
     })
   );
 
+  context.subscriptions.push(
+    window.registerWebviewPanelSerializer(NewMicroPythonProjectPanel.viewType, {
+      // eslint-disable-next-line @typescript-eslint/require-await
+      async deserializeWebviewPanel(webviewPanel: WebviewPanel): Promise<void> {
+        // Reset the webview options so we use latest uri for `localResourceRoots`.
+        webviewPanel.webview.options = getWebviewOptions(context.extensionUri);
+        NewMicroPythonProjectPanel.revive(webviewPanel, context.extensionUri);
+      },
+    })
+  );
+
   context.subscriptions.push(
     window.registerTreeDataProvider(
       PicoProjectActivityBar.viewType,

src/webview/activityBar.mts

@@ -9,7 +9,7 @@ import {
 } from "vscode";
 import Logger from "../logger.mjs";
 import { extensionName } from "../commands/command.mjs";
-import NewProjectCommand from "../commands/newProject.mjs";
+import NewProjectCommand, { ProjectLang } from "../commands/newProject.mjs";
 import CompileProjectCommand from "../commands/compileProject.mjs";
 import RunProjectCommand from "../commands/runProject.mjs";
 import SwitchSDKCommand from "../commands/switchSDK.mjs";
@@ -39,7 +39,8 @@ const COMMON_COMMANDS_PARENT_LABEL = "General";
 const PROJECT_COMMANDS_PARENT_LABEL = "Project";
 const DOCUMENTATION_COMMANDS_PARENT_LABEL = "Documentation";
 
-const NEW_PROJECT_LABEL = "New Project";
+const NEW_C_CPP_PROJECT_LABEL = "New C/C++ Project";
+const NEW_MICROPYTHON_PROJECT_LABEL = "New MicroPython Project";
 const IMPORT_PROJECT_LABEL = "Import Project";
 const EXAMPLE_PROJECT_LABEL = "New Project From Example";
 const SWITCH_SDK_LABEL = "Switch SDK";
@@ -78,10 +79,13 @@ export class PicoProjectActivityBar
     element: QuickAccessCommand
   ): TreeItem | Thenable<TreeItem> {
     switch (element.label) {
-      case NEW_PROJECT_LABEL:
+      case NEW_C_CPP_PROJECT_LABEL:
         // alt. "new-folder"
         element.iconPath = new ThemeIcon("file-directory-create");
         break;
+      case NEW_MICROPYTHON_PROJECT_LABEL:
+        element.iconPath = new ThemeIcon("file-directory-create");
+        break;
       case IMPORT_PROJECT_LABEL:
         // alt. "repo-pull"
         element.iconPath = new ThemeIcon("repo-clone");
@@ -158,11 +162,21 @@ export class PicoProjectActivityBar
     } else if (element.label === COMMON_COMMANDS_PARENT_LABEL) {
       return [
         new QuickAccessCommand(
-          NEW_PROJECT_LABEL,
+          NEW_C_CPP_PROJECT_LABEL,
+          TreeItemCollapsibleState.None,
+          {
+            command: `${extensionName}.${NewProjectCommand.id}`,
+            title: NEW_C_CPP_PROJECT_LABEL,
+            arguments: [ProjectLang.cCpp],
+          }
+        ),
+        new QuickAccessCommand(
+          NEW_MICROPYTHON_PROJECT_LABEL,
           TreeItemCollapsibleState.None,
           {
             command: `${extensionName}.${NewProjectCommand.id}`,
-            title: NEW_PROJECT_LABEL,
+            title: NEW_MICROPYTHON_PROJECT_LABEL,
+            arguments: [ProjectLang.micropython],
           }
         ),
         new QuickAccessCommand(