@schematics/angular 20.0.0-next.4 → 20.0.0-next.6

package/module/schema.json

@@ -62,6 +62,12 @@
       "type": "string",
       "description": "The declaring NgModule.",
       "alias": "m"
+    },
+    "typeSeparator": {
+      "type": "string",
+      "default": "-",
+      "enum": ["-", "."],
+      "description": "The separator character to use before the type within the generated file's name. For example, if you set the option to `.`, the file will be named `example.module.ts`."
     }
   },
   "required": ["name", "project"]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schematics/angular",
-  "version": "20.0.0-next.4",
+  "version": "20.0.0-next.6",
   "description": "Schematics specific to Angular",
   "homepage": "https://github.com/angular/angular-cli",
   "keywords": [
@@ -22,8 +22,8 @@
   },
   "schematics": "./collection.json",
   "dependencies": {
-    "@angular-devkit/core": "20.0.0-next.4",
-    "@angular-devkit/schematics": "20.0.0-next.4",
+    "@angular-devkit/core": "20.0.0-next.6",
+    "@angular-devkit/schematics": "20.0.0-next.6",
     "jsonc-parser": "3.3.1"
   },
   "repository": {

package/pipe/files/{__name@dasherize@if-flat__/__name@dasherize__.pipe.spec.ts.template → __name@dasherize____typeSeparator__pipe.spec.ts.template}

@@ -1,4 +1,4 @@
-import { <%= classify(name) %>Pipe } from './<%= dasherize(name) %>.pipe';
+import { <%= classify(name) %>Pipe } from './<%= dasherize(name) %><%= typeSeparator %>pipe';
 
 describe('<%= classify(name) %>Pipe', () => {
   it('create an instance', () => {

package/pipe/index.js

@@ -11,32 +11,33 @@ exports.default = default_1;
 const schematics_1 = require("@angular-devkit/schematics");
 const add_declaration_to_ng_module_1 = require("../utility/add-declaration-to-ng-module");
 const find_module_1 = require("../utility/find-module");
+const generate_from_files_1 = require("../utility/generate-from-files");
 const parse_name_1 = require("../utility/parse-name");
 const validation_1 = require("../utility/validation");
 const workspace_1 = require("../utility/workspace");
 function default_1(options) {
     return async (host) => {
         options.path ??= await (0, workspace_1.createDefaultPath)(host, options.project);
-        options.module = (0, find_module_1.findModuleFromOptions)(host, options);
+        try {
+            options.module = (0, find_module_1.findModuleFromOptions)(host, options);
+        }
+        catch {
+            options.module = (0, find_module_1.findModuleFromOptions)(host, {
+                ...options,
+                moduleExt: '-module.ts',
+                routingModuleExt: '-routing-module.ts',
+            });
+        }
         const parsedPath = (0, parse_name_1.parseName)(options.path, options.name);
         options.name = parsedPath.name;
         options.path = parsedPath.path;
         (0, validation_1.validateClassName)(schematics_1.strings.classify(options.name));
-        const templateSource = (0, schematics_1.apply)((0, schematics_1.url)('./files'), [
-            options.skipTests ? (0, schematics_1.filter)((path) => !path.endsWith('.spec.ts.template')) : (0, schematics_1.noop)(),
-            (0, schematics_1.applyTemplates)({
-                ...schematics_1.strings,
-                'if-flat': (s) => (options.flat ? '' : s),
-                ...options,
-            }),
-            (0, schematics_1.move)(parsedPath.path),
-        ]);
         return (0, schematics_1.chain)([
             (0, add_declaration_to_ng_module_1.addDeclarationToNgModule)({
                 type: 'pipe',
                 ...options,
             }),
-            (0, schematics_1.mergeWith)(templateSource),
+            (0, generate_from_files_1.generateFromFiles)(options),
         ]);
     };
 }

package/pipe/schema.d.ts

@@ -49,4 +49,17 @@ export type Schema = {
      * standalone components, directives, or pipes.
      */
     standalone?: boolean;
+    /**
+     * The separator character to use before the type within the generated file's name. For
+     * example, if you set the option to `.`, the file will be named `example.pipe.ts`.
+     */
+    typeSeparator?: TypeSeparator;
 };
+/**
+ * The separator character to use before the type within the generated file's name. For
+ * example, if you set the option to `.`, the file will be named `example.pipe.ts`.
+ */
+export declare enum TypeSeparator {
+    Empty = "-",
+    TypeSeparator = "."
+}

package/pipe/schema.js

@@ -2,3 +2,13 @@
 // THIS FILE IS AUTOMATICALLY GENERATED. TO UPDATE THIS FILE YOU NEED TO CHANGE THE
 // CORRESPONDING JSON SCHEMA FILE, THEN RUN devkit-admin build (or bazel build ...).
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TypeSeparator = void 0;
+/**
+ * The separator character to use before the type within the generated file's name. For
+ * example, if you set the option to `.`, the file will be named `example.pipe.ts`.
+ */
+var TypeSeparator;
+(function (TypeSeparator) {
+    TypeSeparator["Empty"] = "-";
+    TypeSeparator["TypeSeparator"] = ".";
+})(TypeSeparator || (exports.TypeSeparator = TypeSeparator = {}));

package/pipe/schema.json

@@ -61,6 +61,12 @@
       "type": "boolean",
       "default": false,
       "description": "Automatically export the pipe from the specified NgModule, making it accessible to other modules in the application."
+    },
+    "typeSeparator": {
+      "type": "string",
+      "default": "-",
+      "enum": ["-", "."],
+      "description": "The separator character to use before the type within the generated file's name. For example, if you set the option to `.`, the file will be named `example.pipe.ts`."
     }
   },
   "required": ["name", "project"]

package/resolver/class-files/{__name@dasherize__.resolver.spec.ts.template → __name@dasherize____typeSeparator__resolver.spec.ts.template}

@@ -1,6 +1,6 @@
 import { TestBed } from '@angular/core/testing';
 
-import { <%= classify(name) %>Resolver } from './<%= dasherize(name) %>.resolver';
+import { <%= classify(name) %>Resolver } from './<%= dasherize(name) %><%= typeSeparator %>resolver';
 
 describe('<%= classify(name) %>Resolver', () => {
   let resolver: <%= classify(name) %>Resolver;

package/resolver/functional-files/{__name@dasherize__.resolver.spec.ts.template → __name@dasherize____typeSeparator__resolver.spec.ts.template}

@@ -1,7 +1,7 @@
 import { TestBed } from '@angular/core/testing';
 import { ResolveFn } from '@angular/router';
 
-import { <%= camelize(name) %>Resolver } from './<%= dasherize(name) %>.resolver';
+import { <%= camelize(name) %>Resolver } from './<%= dasherize(name) %><%= typeSeparator %>resolver';
 
 describe('<%= camelize(name) %>Resolver', () => {
   const executeResolver: ResolveFn<boolean> = (...resolverParameters) => 

package/resolver/index.d.ts

@@ -5,6 +5,6 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.dev/license
  */
-import { Rule } from '@angular-devkit/schematics';
-import { Schema } from './schema';
-export default function (options: Schema): Rule;
+import type { Rule } from '@angular-devkit/schematics';
+import type { Schema as ResolverOptions } from './schema';
+export default function (options: ResolverOptions): Rule;

package/resolver/index.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = default_1;
 const generate_from_files_1 = require("../utility/generate-from-files");
 function default_1(options) {
-    return options.functional
-        ? (0, generate_from_files_1.generateFromFiles)({ ...options, templateFilesDirectory: './functional-files' })
-        : (0, generate_from_files_1.generateFromFiles)({ ...options, templateFilesDirectory: './class-files' });
+    const templateFilesDirectory = options.functional ? './functional-files' : './class-files';
+    return (0, generate_from_files_1.generateFromFiles)({ ...options, templateFilesDirectory });
 }

package/resolver/schema.d.ts

@@ -34,4 +34,17 @@ export type Schema = {
      * Skip the generation of a unit test file `spec.ts` for the new resolver.
      */
     skipTests?: boolean;
+    /**
+     * The separator character to use before the type within the generated file's name. For
+     * example, if you set the option to `.`, the file will be named `example.resolver.ts`.
+     */
+    typeSeparator?: TypeSeparator;
 };
+/**
+ * The separator character to use before the type within the generated file's name. For
+ * example, if you set the option to `.`, the file will be named `example.resolver.ts`.
+ */
+export declare enum TypeSeparator {
+    Empty = "-",
+    TypeSeparator = "."
+}

package/resolver/schema.js

@@ -2,3 +2,13 @@
 // THIS FILE IS AUTOMATICALLY GENERATED. TO UPDATE THIS FILE YOU NEED TO CHANGE THE
 // CORRESPONDING JSON SCHEMA FILE, THEN RUN devkit-admin build (or bazel build ...).
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TypeSeparator = void 0;
+/**
+ * The separator character to use before the type within the generated file's name. For
+ * example, if you set the option to `.`, the file will be named `example.resolver.ts`.
+ */
+var TypeSeparator;
+(function (TypeSeparator) {
+    TypeSeparator["Empty"] = "-";
+    TypeSeparator["TypeSeparator"] = ".";
+})(TypeSeparator || (exports.TypeSeparator = TypeSeparator = {}));

package/resolver/schema.json

@@ -45,6 +45,12 @@
       "$default": {
         "$source": "projectName"
       }
+    },
+    "typeSeparator": {
+      "type": "string",
+      "default": "-",
+      "enum": ["-", "."],
+      "description": "The separator character to use before the type within the generated file's name. For example, if you set the option to `.`, the file will be named `example.resolver.ts`."
     }
   },
   "required": ["name", "project"]

package/server/files/application-builder/ngmodule-src/app/app.module.server.ts.template

@@ -1,12 +1,12 @@
 import { NgModule } from '@angular/core';
 import { provideServerRendering, withRoutes } from '@angular/ssr';
-import { App } from './app';
-import { AppModule } from './app.module';
+import { <%= appComponentName %> } from '<%= appComponentPath %>';
+import { <%= appModuleName %> } from '<%= appModulePath %>';
 import { serverRoutes } from './app.routes.server';
 
 @NgModule({
-  imports: [AppModule],
+  imports: [<%= appModuleName %>],
   providers: [provideServerRendering(withRoutes(serverRoutes))],
-  bootstrap: [App],
+  bootstrap: [<%= appComponentName %>],
 })
 export class AppServerModule {}

package/server/files/application-builder/standalone-src/main.server.ts.template

@@ -1,7 +1,7 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { App } from './app/app';
+import { <%= appComponentName %> } from '<%= appComponentPath %>';
 import { config } from './app/app.config.server';
 
-const bootstrap = () => bootstrapApplication(App, config);
+const bootstrap = () => bootstrapApplication(<%= appComponentName %>, config);
 
 export default bootstrap;

package/server/files/server-builder/ngmodule-src/app/app.module.server.ts.template

@@ -1,14 +1,14 @@
 import { NgModule } from '@angular/core';
 import { ServerModule } from '@angular/platform-server';
 
-import { AppModule } from './app.module';
-import { App } from './app';
+import { <%= appModuleName %> } from '<%= appModulePath %>';
+import { <%= appComponentName %> } from '<%= appComponentPath %>';
 
 @NgModule({
   imports: [
-    AppModule,
+    <%= appModuleName %>,
     ServerModule,
   ],
-  bootstrap: [App],
+  bootstrap: [<%= appComponentName %>],
 })
 export class AppServerModule {}

package/server/files/server-builder/standalone-src/main.server.ts.template

@@ -1,7 +1,7 @@
 import { bootstrapApplication } from '@angular/platform-browser';
-import { App } from './app/app';
+import { <%= appComponentName %> } from '<%= appComponentPath %>';
 import { config } from './app/app.config.server';
 
-const bootstrap = () => bootstrapApplication(App, config);
+const bootstrap = () => bootstrapApplication(<%= appComponentName %>, config);
 
 export default bootstrap;

package/server/index.js

@@ -18,6 +18,7 @@ const latest_versions_1 = require("../utility/latest-versions");
 const ng_ast_utils_1 = require("../utility/ng-ast-utils");
 const paths_1 = require("../utility/paths");
 const project_targets_1 = require("../utility/project-targets");
+const app_component_1 = require("../utility/standalone/app_component");
 const util_1 = require("../utility/standalone/util");
 const workspace_1 = require("../utility/workspace");
 const workspace_models_1 = require("../utility/workspace-models");
@@ -94,10 +95,6 @@ function updateConfigFileApplicationBuilder(options) {
 function updateTsConfigFile(tsConfigPath) {
     return (host) => {
         const json = new json_file_1.JSONFile(host, tsConfigPath);
-        const filesPath = ['files'];
-        const files = new Set(json.get(filesPath) ?? []);
-        files.add('src/' + serverMainEntryName);
-        json.modify(filesPath, [...files]);
         const typePath = ['compilerOptions', 'types'];
         const types = new Set(json.get(typePath) ?? []);
         types.add('node');
@@ -150,10 +147,22 @@ function default_1(options) {
         const sourceRoot = clientProject.sourceRoot ?? (0, core_1.join)((0, core_1.normalize)(clientProject.root), 'src');
         let filesUrl = `./files/${usingApplicationBuilder ? 'application-builder/' : 'server-builder/'}`;
         filesUrl += isStandalone ? 'standalone-src' : 'ngmodule-src';
+        const { componentName, componentImportPathInSameFile, moduleName, moduleImportPathInSameFile } = (0, app_component_1.resolveBootstrappedComponentData)(host, browserEntryPoint) || {
+            componentName: 'App',
+            componentImportPathInSameFile: './app/app',
+            moduleName: 'AppModule',
+            moduleImportPathInSameFile: './app/app.module',
+        };
         const templateSource = (0, schematics_1.apply)((0, schematics_1.url)(filesUrl), [
             (0, schematics_1.applyTemplates)({
                 ...schematics_1.strings,
                 ...options,
+                appComponentName: componentName,
+                appComponentPath: componentImportPathInSameFile,
+                appModuleName: moduleName,
+                appModulePath: moduleImportPathInSameFile === null
+                    ? null
+                    : `./${node_path_1.posix.basename(moduleImportPathInSameFile)}`,
             }),
             (0, schematics_1.move)(sourceRoot),
         ]);

package/service/index.js

@@ -10,12 +10,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = default_1;
 const generate_from_files_1 = require("../utility/generate-from-files");
 function default_1(options) {
-    // This schematic uses an older method to implement the flat option
-    const flat = options.flat;
-    options.flat = true;
-    // Schematic templates require a defined type value
-    options.type ??= '';
-    return (0, generate_from_files_1.generateFromFiles)(options, {
-        'if-flat': (s) => (flat ? '' : s),
-    });
+    return (0, generate_from_files_1.generateFromFiles)(options);
 }

package/ssr/index.js

@@ -107,6 +107,11 @@ function updateApplicationBuilderTsConfigRule(options) {
             return;
         }
         const json = new json_file_1.JSONFile(host, tsConfigPath);
+        // Skip adding the files entry if the server entry would already be included
+        const include = json.get(['include']);
+        if (Array.isArray(include) && include.includes('src/**/*.ts')) {
+            return;
+        }
         const filesPath = ['files'];
         const files = new Set(json.get(filesPath) ?? []);
         files.add('src/server.ts');

package/utility/add-declaration-to-ng-module.d.ts

@@ -13,6 +13,7 @@ export interface DeclarationToNgModuleOptions {
     flat?: boolean;
     export?: boolean;
     type: string;
+    typeSeparator?: '.' | '-';
     skipImport?: boolean;
     standalone?: boolean;
 }

package/utility/add-declaration-to-ng-module.js

@@ -52,15 +52,15 @@ function addDeclarationToNgModule(options) {
         if (options.skipImport || options.standalone || !modulePath) {
             return host;
         }
+        const typeSeparator = options.typeSeparator ?? '.';
         const sourceText = host.readText(modulePath);
         const source = ts.createSourceFile(modulePath, sourceText, ts.ScriptTarget.Latest, true);
         const filePath = `/${options.path}/` +
             (options.flat ? '' : schematics_1.strings.dasherize(options.name) + '/') +
             schematics_1.strings.dasherize(options.name) +
-            (options.type ? '.' : '') +
-            schematics_1.strings.dasherize(options.type);
+            (options.type ? typeSeparator + schematics_1.strings.dasherize(options.type) : '');
         const importPath = (0, find_module_1.buildRelativePath)(modulePath, filePath);
-        const classifiedName = schematics_1.strings.classify(options.name) + schematics_1.strings.classify(options.type);
+        const classifiedName = schematics_1.strings.classify(options.name) + (options.type ? schematics_1.strings.classify(options.type) : '');
         const changes = (0, ast_utils_1.addDeclarationToModule)(source, modulePath, classifiedName, importPath);
         if (options.export) {
             changes.push(...(0, ast_utils_1.addSymbolToNgModuleMetadata)(source, modulePath, 'exports', classifiedName));

package/utility/ast-utils.d.ts

@@ -60,7 +60,7 @@ export declare function findNode(node: ts.Node, kind: ts.SyntaxKind, text: strin
  */
 export declare function insertAfterLastOccurrence(nodes: ts.Node[] | ts.NodeArray<ts.Node>, toInsert: string, file: string, fallbackPos: number, syntaxKind?: ts.SyntaxKind): Change;
 export declare function getDecoratorMetadata(source: ts.SourceFile, identifier: string, module: string): ts.Node[];
-export declare function getMetadataField(node: ts.ObjectLiteralExpression, metadataField: string): ts.ObjectLiteralElement[];
+export declare function getMetadataField(node: ts.ObjectLiteralExpression, metadataField: string): ts.PropertyAssignment[];
 export declare function addSymbolToNgModuleMetadata(source: ts.SourceFile, ngModulePath: string, metadataField: string, symbolName: string, importPath?: string | null): Change[];
 /**
  * Custom function to insert a declaration (component, pipe, directive)

package/utility/ast-utils.js

@@ -442,11 +442,8 @@ function getRouterModuleDeclaration(source) {
         return undefined;
     }
     const matchingProperties = getMetadataField(node, 'imports');
-    if (!matchingProperties) {
-        return;
-    }
     const assignment = matchingProperties[0];
-    if (assignment.initializer.kind !== ts.SyntaxKind.ArrayLiteralExpression) {
+    if (!assignment || assignment.initializer.kind !== ts.SyntaxKind.ArrayLiteralExpression) {
         return;
     }
     const arrLiteral = assignment.initializer;

package/utility/generate-from-files.js

@@ -17,6 +17,8 @@ function generateFromFiles(options, extraTemplateValues = {}) {
         options.path ??= await (0, workspace_1.createDefaultPath)(host, options.project);
         options.prefix ??= '';
         options.flat ??= true;
+        // Schematic templates require a defined type value
+        options.type ??= '';
         const parsedPath = (0, parse_name_1.parseName)(options.path, options.name);
         options.name = parsedPath.name;
         options.path = parsedPath.path;

package/utility/latest-versions.js

@@ -16,7 +16,7 @@ exports.latestVersions = {
     // As Angular CLI works with same minor versions of Angular Framework, a tilde match for the current
     Angular: '^20.0.0-next.0',
     NgPackagr: '^20.0.0-next.0',
-    DevkitBuildAngular: '^20.0.0-next.4',
-    AngularBuild: '^20.0.0-next.4',
-    AngularSSR: '^20.0.0-next.4',
+    DevkitBuildAngular: '^20.0.0-next.6',
+    AngularBuild: '^20.0.0-next.6',
+    AngularSSR: '^20.0.0-next.6',
 };

package/utility/standalone/app_component.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @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.dev/license
+ */
+import { Tree } from '@angular-devkit/schematics';
+/** Data resolved for a bootstrapped component. */
+interface BootstrappedComponentData {
+    /** Original name of the component class. */
+    componentName: string;
+    /** Path under which the component was imported in the main entrypoint. */
+    componentImportPathInSameFile: string;
+    /** Original name of the NgModule being bootstrapped, null if the app isn't module-based. */
+    moduleName: string | null;
+    /**
+     * Path under which the module was imported in the main entrypoint,
+     * null if the app isn't module-based.
+     */
+    moduleImportPathInSameFile: string | null;
+}
+/**
+ * Finds the original name and path relative to the `main.ts` of the bootrstrapped app component.
+ * @param tree File tree in which to look for the component.
+ * @param mainFilePath Path of the `main` file.
+ */
+export declare function resolveBootstrappedComponentData(tree: Tree, mainFilePath: string): BootstrappedComponentData | null;
+export {};

package/utility/standalone/app_component.js

@@ -0,0 +1,109 @@
+"use strict";
+/**
+ * @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.dev/license
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveBootstrappedComponentData = resolveBootstrappedComponentData;
+const schematics_1 = require("@angular-devkit/schematics");
+const typescript_1 = __importDefault(require("../../third_party/github.com/Microsoft/TypeScript/lib/typescript"));
+const ast_utils_1 = require("../ast-utils");
+const ng_ast_utils_1 = require("../ng-ast-utils");
+const util_1 = require("./util");
+/**
+ * Finds the original name and path relative to the `main.ts` of the bootrstrapped app component.
+ * @param tree File tree in which to look for the component.
+ * @param mainFilePath Path of the `main` file.
+ */
+function resolveBootstrappedComponentData(tree, mainFilePath) {
+    // First try to resolve for a standalone app.
+    try {
+        const call = (0, util_1.findBootstrapApplicationCall)(tree, mainFilePath);
+        if (call.arguments.length > 0 && typescript_1.default.isIdentifier(call.arguments[0])) {
+            const resolved = resolveIdentifier(call.arguments[0]);
+            if (resolved) {
+                return {
+                    componentName: resolved.name,
+                    componentImportPathInSameFile: resolved.path,
+                    moduleName: null,
+                    moduleImportPathInSameFile: null,
+                };
+            }
+        }
+    }
+    catch (e) {
+        // `findBootstrapApplicationCall` will throw if it can't find the `bootrstrapApplication` call.
+        // Catch so we can continue to the fallback logic.
+        if (!(e instanceof schematics_1.SchematicsException)) {
+            throw e;
+        }
+    }
+    // Otherwise fall back to resolving an NgModule-based app.
+    return resolveNgModuleBasedData(tree, mainFilePath);
+}
+/** Resolves the bootstrap data for a NgModule-based app. */
+function resolveNgModuleBasedData(tree, mainFilePath) {
+    const appModulePath = (0, ng_ast_utils_1.getAppModulePath)(tree, mainFilePath);
+    const appModuleFile = (0, util_1.getSourceFile)(tree, appModulePath);
+    const metadataNodes = (0, ast_utils_1.getDecoratorMetadata)(appModuleFile, 'NgModule', '@angular/core');
+    for (const node of metadataNodes) {
+        if (!typescript_1.default.isObjectLiteralExpression(node)) {
+            continue;
+        }
+        const bootstrapProp = (0, ast_utils_1.getMetadataField)(node, 'bootstrap').find((prop) => {
+            return (typescript_1.default.isArrayLiteralExpression(prop.initializer) &&
+                prop.initializer.elements.length > 0 &&
+                typescript_1.default.isIdentifier(prop.initializer.elements[0]));
+        });
+        const componentIdentifier = (bootstrapProp?.initializer)
+            .elements[0];
+        const componentResult = componentIdentifier ? resolveIdentifier(componentIdentifier) : null;
+        const bootstrapCall = (0, ng_ast_utils_1.findBootstrapModuleCall)(tree, mainFilePath);
+        if (componentResult &&
+            bootstrapCall &&
+            bootstrapCall.arguments.length > 0 &&
+            typescript_1.default.isIdentifier(bootstrapCall.arguments[0])) {
+            const moduleResult = resolveIdentifier(bootstrapCall.arguments[0]);
+            if (moduleResult) {
+                return {
+                    componentName: componentResult.name,
+                    componentImportPathInSameFile: componentResult.path,
+                    moduleName: moduleResult.name,
+                    moduleImportPathInSameFile: moduleResult.path,
+                };
+            }
+        }
+    }
+    return null;
+}
+/** Resolves an identifier to its original name and path that it was imported from. */
+function resolveIdentifier(identifier) {
+    const sourceFile = identifier.getSourceFile();
+    // Try to resolve the import path by looking at the top-level named imports of the file.
+    for (const node of sourceFile.statements) {
+        if (!typescript_1.default.isImportDeclaration(node) ||
+            !typescript_1.default.isStringLiteral(node.moduleSpecifier) ||
+            !node.importClause ||
+            !node.importClause.namedBindings ||
+            !typescript_1.default.isNamedImports(node.importClause.namedBindings)) {
+            continue;
+        }
+        for (const element of node.importClause.namedBindings.elements) {
+            if (element.name.text === identifier.text) {
+                return {
+                    // Note that we use `propertyName` if available, because it contains
+                    // the real name in the case where the import is aliased.
+                    name: (element.propertyName || element.name).text,
+                    path: node.moduleSpecifier.text,
+                };
+            }
+        }
+    }
+    return null;
+}

package/workspace/files/tsconfig.json.template

@@ -2,8 +2,7 @@
 /* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
 {
   "compileOnSave": false,
-  "compilerOptions": {
-    "outDir": "./dist/out-tsc",<% if (strict) { %>
+  "compilerOptions": {<% if (strict) { %>
     "strict": true,
     "noImplicitOverride": true,
     "noPropertyAccessFromIndexSignature": true,
@@ -22,5 +21,6 @@
     "strictInputAccessModifiers": true,
     "typeCheckHostBindings": true,
     "strictTemplates": true<% } %>
-  }
+  },
+  "files": []
 }