Add dev tasks to .vscode/tasks.json

Author: thetarnav

.vscode/launch.json

@@ -6,16 +6,17 @@
             "type": "chrome",
             "request": "launch",
             "skipFiles": [
-                "${workspaceFolder}/node_modules/**/*.js",
+                "**/node_modules/**/*",
                 "<node_internals>/**",
                 "${workspaceFolder}/packages/shared/**/*",
             ],
             "sourceMaps": true,
             "url": "http://localhost:3000",
             "webRoot": "${workspaceFolder}",
+            // For vite
             "pathMapping": {
                 "/@fs/": ""
             },
         }
     ]
-}
+}

.vscode/tasks.json

@@ -0,0 +1,31 @@
+{
+    "version": "2.0.0",
+    "tasks": [
+        {
+            "label": "dev:packages",
+            "detail": "Build packages in dev (watch) mode",
+            "type": "shell",
+            "command": "pnpm run dev:packages",
+            "isBackground": true,
+            "problemMatcher": []
+        },
+        {
+            "label": "dev:sandbox",
+            "detail": "Start a local server for developing on overlay",
+            "type": "shell",
+            "command": "pnpm run dev:sandbox",
+            "isBackground": true,
+            "problemMatcher": []
+        },
+        {
+            "label": "dev:packages&sandbox",
+            "detail": "Build packages and start a local server for developing on overlay",
+            "dependsOn": [
+                "dev:packages",
+                "dev:sandbox",
+            ],
+            "dependsOrder": "parallel",
+            "problemMatcher": []
+        }
+    ]
+}

extension/build.ts

@@ -123,7 +123,9 @@ for (let browser of browsers) {
     const vite_config: vite.InlineConfig = {
         root: dirname,
         configFile: false,
-        server: {port: 3333},
+        server: {
+            port: 3333,
+        },
         resolve: {
             conditions: ['browser'],
         },