build: align VSCode extension build with vsce (angular#64220)

This commit refactors the VSCode extension's build and launch configurations to align with `vsce` and `pnpm` workspaces.

The following changes are included:
- Updated `.vscode/launch.json` to use new `vsce:` prefixed tasks and simplified launch configurations.
- Updated `.vscode/tasks.json` to use `pnpm` workspace commands for watching and packaging the extension.
- Adjusted `BUILD.bazel` and `package.json` files to reflect the new build output paths.

These changes streamline the development workflow for the VSCode extension, making it easier to build, debug, and package.

PR Close angular#64220

Author: alan-agius4

.vscode/launch.json

@@ -5,90 +5,44 @@
     {
       "type": "extensionHost",
       "request": "launch",
-      "name": "Launch Dev Client",
+      "name": "VSCE: Launch Dev Client",
       "runtimeExecutable": "${execPath}",
       "args": [
         "--disable-extensions",
-        "--extensionDevelopmentPath=${workspaceFolder}"
+        "--extensionDevelopmentPath=${workspaceFolder}/vscode-ng-language-service"
       ],
       "outFiles": [
-        "${workspaceFolder}/dist/bin/vscode-ng-language-service/client/src/*.js"
+        "${workspaceFolder}/dist/bin/vscode-ng-language-service/client/index.js",
+        "${workspaceFolder}/dist/bin/vscode-ng-language-service/server/index.js"
       ],
-      "preLaunchTask": {
-        "type": "npm",
-        "script": "vscode:watch"
-      }
+      "preLaunchTask": "vsce: watch bundles"
     },
     {
       "type": "extensionHost",
       "request": "launch",
-      "name": "Launch Prod Client",
+      "name": "VSCE: Launch Prod Client",
       "runtimeExecutable": "${execPath}",
       "args": [
-        "--extensionDevelopmentPath=${workspaceFolder}/dist/bin/vscode-ng-language-service/npm"
+        "--disable-extensions",
+        "--extensionDevelopmentPath=${workspaceFolder}/dist/bin/vscode-ng-language-service/npm/vscode-ng-language-service/vsix_sandbox"
       ],
       "sourceMaps": false,
-      "preLaunchTask": "build vsix"
+      "preLaunchTask": "vsce: package"
     },
     {
       "type": "node",
       "request": "attach",
-      "name": "Attach to Server",
+      "name": "VSCE: Attach to Server",
       "port": 6009,
       "restart": true,
-      "outFiles": [
-        "${workspaceFolder}/dist/bin/vscode-ng-language-service/server/src/*.js"
-      ]
-    },
-    {
-      "type": "node",
-      "request": "attach",
-      "name": "Attach to Jasmine",
-      "port": 9229,
-      "restart": true,
-      "outFiles": [
-        "${workspaceFolder}/dist/bin/vscode-ng-language-service/**/*.js"
-      ],
-    },
-    {
-      "name": "Integration test: Attach to server",
-      "port": 9330,
-      "request": "attach",
-      "skipFiles": [
-        "<node_internals>/**"
-      ],
-      "outFiles": [
-        "${workspaceFolder}/dist/bin/vscode-ng-language-service/integration/lsp/*.js"
-      ],
-      "type": "node"
-    },
-    {
-      "name": "E2E Test",
-      "type": "extensionHost",
-      "request": "launch",
-      "runtimeExecutable": "${execPath}",
-      "args": [
-        "--disable-extensions",
-        "--extensionDevelopmentPath=${workspaceFolder}/dist/bin/vscode-ng-language-service/npm",
-        "--extensionTestsPath=${workspaceFolder}/dist/bin/vscode-ng-language-service/integration/e2e/jasmine",
-        "${workspaceFolder}/vscode-ng-language-service/integration/project"
-      ],
-      "outFiles": [
-        "${workspaceFolder}/dist/bin/vscode-ng-language-service/integration/e2e/*.js"
-      ],
-      "preLaunchTask": {
-        "type": "npm",
-        "script": "compile:integration"
-      }
+      "skipFiles": ["<node_internals>/**"],
+      "outFiles": ["${workspaceFolder}/dist/bin/vscode-ng-language-service/server/index.js"]
     }
   ],
   "compounds": [
     {
-      "name": "Dev Client + Server",
-      "configurations": [
-        "Launch Dev Client",
-        "Attach to Server"
-      ]
+      "name": "VSCE: Dev Client + Server",
+      "configurations": ["VSCE: Launch Dev Client", "VSCE: Attach to Server"]
     }
   ]
-}
+}

.vscode/tasks.json

@@ -2,20 +2,9 @@
   "version": "2.0.0",
   "tasks": [
     {
-      "type": "npm",
-      "script": "compile",
-      "group": "build",
-      "presentation": {
-        "panel": "dedicated",
-        "reveal": "never"
-      },
-      "problemMatcher": [
-        "$tsc"
-      ]
-    },
-    {
-      "type": "npm",
-      "script": "vscode:watch",
+      "type": "shell",
+      "label": "vsce: watch bundles",
+      "command": "pnpm --filter=ng-template run watch",
       "isBackground": true,
       "group": {
         "kind": "build",
@@ -36,8 +25,8 @@
     },
     {
       "type": "shell",
-      "label": "build vsix",
-      "command": "pnpm bazel build //vscode-ng-language-service:npm --config=release"
+      "label": "vsce: package",
+      "command": "pnpm --filter=ng-template run package"
     }
   ]
 }

vscode-ng-language-service/BUILD.bazel

@@ -26,7 +26,7 @@ expand_template_rule(
         "0.0.0-PLACEHOLDER": "{{BUILD_SCM_VERSION}}",
     },
     substitutions = {
-        "./bazel-bin/client/src/extension": "./index",
+        "../dist/bin/vscode-ng-language-service/client/index": "./index",
     },
     template = "package.json",
 )

vscode-ng-language-service/package.json

@@ -242,11 +242,11 @@
     "onLanguage:html",
     "onLanguage:typescript"
   ],
-  "main": "./bazel-bin/client/src/extension",
+  "main": "../dist/bin/vscode-ng-language-service/client/index",
   "scripts": {
     "build:syntaxes": "bazel run //vscode-ng-language-service/syntaxes:syntaxes",
-    "watch": "ibazel build //vscode-ng-language-service:index.js //vscode-ng-language-service/server:index.js",
-    "package": "pnpm bazel build //vscode-ng-language-service:npm --config=release",
+    "watch": "ibazel build //vscode-ng-language-service/client:index //vscode-ng-language-service/server:index",
+    "package": "bazel build //vscode-ng-language-service:npm --config=release",
     "test": "bazel test --test_tag_filters=unit_test //vscode-ng-language-service/...",
     "test:watch": "ibazel test --test_tag_filters=unit_test //vscode-ng-language-service/...",
     "test:lsp": "bazel test --test_output=streamed //vscode-ng-language-service/integration/lsp:test",

vscode-ng-language-service/server/BUILD.bazel

@@ -71,6 +71,9 @@ expand_template_rule(
     stamp_substitutions = {
         "0.0.0-PLACEHOLDER": "{{BUILD_SCM_VERSION}}",
     },
+    substitutions = {
+        "../../dist/bin/vscode-ng-language-service/server/index.js": "./index.js",
+    },
     template = "package.json",
 )
 

vscode-ng-language-service/server/package.json

@@ -11,6 +11,7 @@
   "engines": {
     "node": "^20.11.1 || ^22.11.0"
   },
+  "main": "../../dist/bin/vscode-ng-language-service/server/index.js",
   "bin": {
     "ngserver": "./bin/ngserver"
   },