This commit adds a feature to the Angular Language Service that enables getting the locations for components that use a template file. Part of https://github.com/angular/vscode-ng-language-service/issues/1081 PR Close #40655
		
			
				
	
	
		
			178 lines
		
	
	
		
			6.8 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			178 lines
		
	
	
		
			6.8 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
| /**
 | |
|  * @license
 | |
|  * Copyright Google LLC All Rights Reserved.
 | |
|  *
 | |
|  * Use of this source code is governed by an MIT-style license that can be
 | |
|  * found in the LICENSE file at https://angular.io/license
 | |
|  */
 | |
| 
 | |
| import * as ts from 'typescript/lib/tsserverlibrary';
 | |
| 
 | |
| import {GetComponentLocationsForTemplateResponse, GetTcbResponse, NgLanguageService} from '../api';
 | |
| 
 | |
| import {LanguageService} from './language_service';
 | |
| 
 | |
| export function create(info: ts.server.PluginCreateInfo): NgLanguageService {
 | |
|   const {project, languageService: tsLS, config} = info;
 | |
|   const angularOnly = config?.angularOnly === true;
 | |
| 
 | |
|   const ngLS = new LanguageService(project, tsLS);
 | |
| 
 | |
|   function getSemanticDiagnostics(fileName: string): ts.Diagnostic[] {
 | |
|     const diagnostics: ts.Diagnostic[] = [];
 | |
|     if (!angularOnly) {
 | |
|       diagnostics.push(...tsLS.getSemanticDiagnostics(fileName));
 | |
|     }
 | |
|     diagnostics.push(...ngLS.getSemanticDiagnostics(fileName));
 | |
|     return diagnostics;
 | |
|   }
 | |
| 
 | |
|   function getQuickInfoAtPosition(fileName: string, position: number): ts.QuickInfo|undefined {
 | |
|     if (angularOnly) {
 | |
|       return ngLS.getQuickInfoAtPosition(fileName, position);
 | |
|     } else {
 | |
|       // If TS could answer the query, then return that result. Otherwise, return from Angular LS.
 | |
|       return tsLS.getQuickInfoAtPosition(fileName, position) ??
 | |
|           ngLS.getQuickInfoAtPosition(fileName, position);
 | |
|     }
 | |
|   }
 | |
| 
 | |
|   function getTypeDefinitionAtPosition(
 | |
|       fileName: string, position: number): readonly ts.DefinitionInfo[]|undefined {
 | |
|     if (angularOnly) {
 | |
|       return ngLS.getTypeDefinitionAtPosition(fileName, position);
 | |
|     } else {
 | |
|       // If TS could answer the query, then return that result. Otherwise, return from Angular LS.
 | |
|       return tsLS.getTypeDefinitionAtPosition(fileName, position) ??
 | |
|           ngLS.getTypeDefinitionAtPosition(fileName, position);
 | |
|     }
 | |
|   }
 | |
| 
 | |
|   function getDefinitionAndBoundSpan(
 | |
|       fileName: string, position: number): ts.DefinitionInfoAndBoundSpan|undefined {
 | |
|     if (angularOnly) {
 | |
|       return ngLS.getDefinitionAndBoundSpan(fileName, position);
 | |
|     } else {
 | |
|       // If TS could answer the query, then return that result. Otherwise, return from Angular LS.
 | |
|       return tsLS.getDefinitionAndBoundSpan(fileName, position) ??
 | |
|           ngLS.getDefinitionAndBoundSpan(fileName, position);
 | |
|     }
 | |
|   }
 | |
| 
 | |
|   function getReferencesAtPosition(fileName: string, position: number): ts.ReferenceEntry[]|
 | |
|       undefined {
 | |
|     return ngLS.getReferencesAtPosition(fileName, position);
 | |
|   }
 | |
| 
 | |
|   function findRenameLocations(
 | |
|       fileName: string, position: number, findInStrings: boolean, findInComments: boolean,
 | |
|       providePrefixAndSuffixTextForRename?: boolean): readonly ts.RenameLocation[]|undefined {
 | |
|     // Most operations combine results from all extensions. However, rename locations are exclusive
 | |
|     // (results from only one extension are used) so our rename locations are a superset of the TS
 | |
|     // rename locations. As a result, we do not check the `angularOnly` flag here because we always
 | |
|     // want to include results at TS locations as well as locations in templates.
 | |
|     return ngLS.findRenameLocations(fileName, position);
 | |
|   }
 | |
| 
 | |
|   function getRenameInfo(fileName: string, position: number): ts.RenameInfo {
 | |
|     // See the comment in `findRenameLocations` explaining why we don't check the `angularOnly`
 | |
|     // flag.
 | |
|     return ngLS.getRenameInfo(fileName, position);
 | |
|   }
 | |
| 
 | |
|   function getCompletionsAtPosition(
 | |
|       fileName: string, position: number,
 | |
|       options: ts.GetCompletionsAtPositionOptions): ts.WithMetadata<ts.CompletionInfo>|undefined {
 | |
|     if (angularOnly) {
 | |
|       return ngLS.getCompletionsAtPosition(fileName, position, options);
 | |
|     } else {
 | |
|       // If TS could answer the query, then return that result. Otherwise, return from Angular LS.
 | |
|       return tsLS.getCompletionsAtPosition(fileName, position, options) ??
 | |
|           ngLS.getCompletionsAtPosition(fileName, position, options);
 | |
|     }
 | |
|   }
 | |
| 
 | |
|   function getCompletionEntryDetails(
 | |
|       fileName: string, position: number, entryName: string,
 | |
|       formatOptions: ts.FormatCodeOptions|ts.FormatCodeSettings|undefined, source: string|undefined,
 | |
|       preferences: ts.UserPreferences|undefined): ts.CompletionEntryDetails|undefined {
 | |
|     if (angularOnly) {
 | |
|       return ngLS.getCompletionEntryDetails(
 | |
|           fileName, position, entryName, formatOptions, preferences);
 | |
|     } else {
 | |
|       // If TS could answer the query, then return that result. Otherwise, return from Angular LS.
 | |
|       return tsLS.getCompletionEntryDetails(
 | |
|                  fileName, position, entryName, formatOptions, source, preferences) ??
 | |
|           ngLS.getCompletionEntryDetails(fileName, position, entryName, formatOptions, preferences);
 | |
|     }
 | |
|   }
 | |
| 
 | |
|   function getCompletionEntrySymbol(
 | |
|       fileName: string, position: number, name: string, source: string|undefined): ts.Symbol|
 | |
|       undefined {
 | |
|     if (angularOnly) {
 | |
|       return ngLS.getCompletionEntrySymbol(fileName, position, name);
 | |
|     } else {
 | |
|       // If TS could answer the query, then return that result. Otherwise, return from Angular LS.
 | |
|       return tsLS.getCompletionEntrySymbol(fileName, position, name, source) ??
 | |
|           ngLS.getCompletionEntrySymbol(fileName, position, name);
 | |
|     }
 | |
|   }
 | |
|   /**
 | |
|    * Gets global diagnostics related to the program configuration and compiler options.
 | |
|    */
 | |
|   function getCompilerOptionsDiagnostics(): ts.Diagnostic[] {
 | |
|     const diagnostics: ts.Diagnostic[] = [];
 | |
|     if (!angularOnly) {
 | |
|       diagnostics.push(...tsLS.getCompilerOptionsDiagnostics());
 | |
|     }
 | |
|     diagnostics.push(...ngLS.getCompilerOptionsDiagnostics());
 | |
|     return diagnostics;
 | |
|   }
 | |
| 
 | |
|   function getTcb(fileName: string, position: number): GetTcbResponse {
 | |
|     return ngLS.getTcb(fileName, position);
 | |
|   }
 | |
| 
 | |
|   /**
 | |
|    * Given an external template, finds the associated components that use it as a `templateUrl`.
 | |
|    */
 | |
|   function getComponentLocationsForTemplate(fileName: string):
 | |
|       GetComponentLocationsForTemplateResponse {
 | |
|     return ngLS.getComponentLocationsForTemplate(fileName);
 | |
|   }
 | |
| 
 | |
|   return {
 | |
|     ...tsLS,
 | |
|     getSemanticDiagnostics,
 | |
|     getTypeDefinitionAtPosition,
 | |
|     getQuickInfoAtPosition,
 | |
|     getDefinitionAndBoundSpan,
 | |
|     getReferencesAtPosition,
 | |
|     findRenameLocations,
 | |
|     getRenameInfo,
 | |
|     getCompletionsAtPosition,
 | |
|     getCompletionEntryDetails,
 | |
|     getCompletionEntrySymbol,
 | |
|     getTcb,
 | |
|     getCompilerOptionsDiagnostics,
 | |
|     getComponentLocationsForTemplate,
 | |
|   };
 | |
| }
 | |
| 
 | |
| export function getExternalFiles(project: ts.server.Project): string[] {
 | |
|   if (!project.hasRoots()) {
 | |
|     return [];  // project has not been initialized
 | |
|   }
 | |
|   const typecheckFiles: string[] = [];
 | |
|   for (const scriptInfo of project.getScriptInfos()) {
 | |
|     if (scriptInfo.scriptKind === ts.ScriptKind.External) {
 | |
|       // script info for typecheck file is marked as external, see
 | |
|       // getOrCreateTypeCheckScriptInfo() in
 | |
|       // packages/language-service/ivy/language_service.ts
 | |
|       typecheckFiles.push(scriptInfo.fileName);
 | |
|     }
 | |
|   }
 | |
|   return typecheckFiles;
 | |
| }
 |