feat(language-service): support to report the deprecated API in the template

In the Typescript Language Service, these diagnostics are reported as
suggestion diagnostics. This will report the deprecated `Component`,
`Directive`, etc.

Author: ivanwonder

.aspect/rules/external_repository_action_cache/npm_translate_lock_LTE4Nzc1MDcwNjU=

@@ -2,7 +2,7 @@
 # Input hashes for repository rule npm_translate_lock(name = "npm", pnpm_lock = "//:pnpm-lock.yaml").
 # This file should be checked into version control along with the pnpm-lock.yaml file.
 .npmrc=974837034
-pnpm-lock.yaml=1752070694
-yarn.lock=1122184668
-package.json=-1728624161
+pnpm-lock.yaml=400619548
+yarn.lock=-443465396
+package.json=-2035752261
 pnpm-workspace.yaml=1711114604

package.json

@@ -269,7 +269,7 @@
     "test:legacy-syntaxes": "yarn compile:syntaxes-test && yarn build:syntaxes && jasmine dist/syntaxes/test/driver.js"
   },
   "dependencies": {
-    "@angular/language-service": "20.1.0-rc.0",
+    "@angular/language-service": "20.2.0-next.3",
     "typescript": "^5.8.1",
     "vscode-html-languageservice": "^4.2.5",
     "vscode-jsonrpc": "6.0.0",

pnpm-lock.yaml

@@ -15,7 +15,7 @@
     "ngserver": "./bin/ngserver"
   },
   "dependencies": {
-    "@angular/language-service": "20.1.0-rc.0",
+    "@angular/language-service": "20.2.0-next.3",
     "vscode-html-languageservice": "^4.2.5",
     "vscode-jsonrpc": "6.0.0",
     "vscode-languageserver": "7.0.0",

server/package.json

@@ -35,17 +35,21 @@ function tsDiagnosticCategoryToLspDiagnosticSeverity(category: ts.DiagnosticCate
  * @param scriptInfo Used to compute proper offset.
  */
 export function tsDiagnosticToLspDiagnostic(
-    tsDiag: ts.Diagnostic, scriptInfo: ts.server.ScriptInfo): lsp.Diagnostic {
+    tsDiag: ts.Diagnostic, projectService: ts.server.ProjectService): lsp.Diagnostic {
   const textSpan: ts.TextSpan = {
     start: tsDiag.start || 0,
     length: tsDiag.length || 0,
   };
-  return lsp.Diagnostic.create(
-      tsTextSpanToLspRange(scriptInfo, textSpan),
-      ts.flattenDiagnosticMessageText(tsDiag.messageText, '\n'),
-      tsDiagnosticCategoryToLspDiagnosticSeverity(tsDiag.category),
-      tsDiag.code,
-      tsDiag.source,
-      tsRelatedInformationToLspRelatedInformation(scriptInfo, tsDiag.relatedInformation),
-  );
+
+  const diagScriptInfo =
+      tsDiag.file !== undefined ? projectService.getScriptInfo(tsDiag.file.fileName) : undefined;
+  const range = diagScriptInfo !== undefined ? tsTextSpanToLspRange(diagScriptInfo, textSpan) :
+                                               lsp.Range.create(0, 0, 0, 0);
+  const diag = lsp.Diagnostic.create(
+      range, ts.flattenDiagnosticMessageText(tsDiag.messageText, '\n'),
+      tsDiagnosticCategoryToLspDiagnosticSeverity(tsDiag.category), tsDiag.code, tsDiag.source,
+      tsRelatedInformationToLspRelatedInformation(projectService, tsDiag.relatedInformation));
+  diag.tags = tsDiag.reportsDeprecated !== undefined ? [lsp.DiagnosticTag.Deprecated] : undefined;
+
+  return diag;
 }

server/src/diagnostic.ts

@@ -710,11 +710,21 @@ export class Session {
       if (isDebugMode) {
         console.timeEnd(label);
       }
+
+      const suggestionLabel = `${reason} - getSuggestionDiagnostics for ${fileName}`;
+      if (isDebugMode) {
+        console.time(suggestionLabel);
+      }
+      diagnostics.push(...result.languageService.getSuggestionDiagnostics(fileName));
+      if (isDebugMode) {
+        console.timeEnd(suggestionLabel);
+      }
+
       // Need to send diagnostics even if it's empty otherwise editor state will
       // not be updated.
       this.connection.sendDiagnostics({
         uri: filePathToUri(fileName),
-        diagnostics: diagnostics.map(d => tsDiagnosticToLspDiagnostic(d, result.scriptInfo)),
+        diagnostics: diagnostics.map(d => tsDiagnosticToLspDiagnostic(d, this.projectService)),
       });
       if (this.diagnosticsTimeout) {
         // There is a pending request to check diagnostics for all open files,

server/src/session.ts

@@ -113,12 +113,14 @@ export function lspRangeToTsPositions(
  * @param relatedInfo
  */
 export function tsRelatedInformationToLspRelatedInformation(
-    scriptInfo: ts.server.ScriptInfo,
+    projectService: ts.server.ProjectService,
     relatedInfo?: ts.DiagnosticRelatedInformation[]): lsp.DiagnosticRelatedInformation[]|undefined {
   if (relatedInfo === undefined) return;
   const lspRelatedInfo: lsp.DiagnosticRelatedInformation[] = [];
   for (const info of relatedInfo) {
     if (info.file === undefined || info.start === undefined || info.length === undefined) continue;
+    const scriptInfo = projectService.getScriptInfo(info.file.fileName);
+    if (scriptInfo === undefined) continue;
     const textSpan: ts.TextSpan = {
       start: info.start,
       length: info.length,

server/src/utils.ts

@@ -173,10 +173,10 @@
     uuid "^8.3.2"
     yargs "^17.0.0"
 
-"@angular/language-service@20.1.0-rc.0":
-  version "20.1.0-rc.0"
-  resolved "https://registry.yarnpkg.com/@angular/language-service/-/language-service-20.1.0-rc.0.tgz#6d4e8a45e6716410778f42ce8c0d54e3e7912d02"
-  integrity sha512-8iXIiBGOD4fUulzhH1yEZIQhlwTsY3Kbj1N8wpS1uV1sH2DSgHNq4WR5k3fQYUx7VYbF3VyTCjdBzjh7s2Xcsg==
+"@angular/language-service@20.2.0-next.3":
+  version "20.2.0-next.3"
+  resolved "https://registry.yarnpkg.com/@angular/language-service/-/language-service-20.2.0-next.3.tgz#9090992ec15dee68c85091cedc109abf0d934009"
+  integrity sha512-PveyzuR4PsuHLIRr2OfzatsRj6G3kzjU/EBiMgFjvWn8xsC+VJmiuvaEReLBtOoAuGnXA7pmeWyjrDFr5lNNQA==
 
 "@assemblyscript/loader@^0.10.1":
   version "0.10.1"