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

package/application/files/module-files/src/app/{app.module.ts.template → app-module.ts.template}

@@ -1,7 +1,7 @@
 import { NgModule<% if(experimentalZoneless) { %>, provideExperimentalZonelessChangeDetection<% } %> } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 <% if (routing) { %>
-import { AppRoutingModule } from './app-routing.module';<% } %>
+import { AppRoutingModule } from './app-routing-module';<% } %>
 import { App } from './app';
 
 @NgModule({

package/application/files/module-files/src/app/app.ts.template

@@ -9,7 +9,7 @@ import { Component } from '@angular/core';
      %><router-outlet /><%
     } %>
   `,<% } else { %>
-  templateUrl: './app.ng.html',<% } %>
+  templateUrl: './app.html',<% } %>
   standalone: false,<% if(inlineStyle) { %>
   styles: []<% } else { %>
   styleUrl: './app.<%= style %>'<% } %>

package/application/files/module-files/src/main.ts.template

@@ -1,6 +1,6 @@
 <% if(!!viewEncapsulation) { %>import { ViewEncapsulation } from '@angular/core';
 <% }%>import { platformBrowser } from '@angular/platform-browser';
-import { AppModule } from './app/app.module';
+import { AppModule } from './app/app-module';
 
 platformBrowser().bootstrapModule(AppModule, {
   <% if(!experimentalZoneless) { %>ngZoneEventCoalescing: true,<% } %><% if(!!viewEncapsulation) { %>

package/application/files/standalone-files/src/app/app.ts.template

@@ -11,7 +11,7 @@ import { RouterOutlet } from '@angular/router';<% } %>
      %><router-outlet /><%
     } %>
   `,<% } else { %>
-  templateUrl: './app.ng.html',<% } if(inlineStyle) { %>
+  templateUrl: './app.html',<% } if(inlineStyle) { %>
   styles: [],<% } else { %>
   styleUrl: './app.<%= style %>'<% } %>
 })

package/application/index.js

@@ -63,7 +63,7 @@ function default_1(options) {
                     ? (0, schematics_1.filter)((path) => !path.endsWith('tsconfig.spec.json.template'))
                     : (0, schematics_1.noop)(),
                 componentOptions.inlineTemplate
-                    ? (0, schematics_1.filter)((path) => !path.endsWith('.ng.html.template'))
+                    ? (0, schematics_1.filter)((path) => !path.endsWith('app.html.template'))
                     : (0, schematics_1.noop)(),
                 (0, schematics_1.applyTemplates)({
                     utils: schematics_1.strings,

package/class/index.js

@@ -10,6 +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) {
-    options.type = options.type ? `.${options.type}` : '';
     return (0, generate_from_files_1.generateFromFiles)(options);
 }

package/component/index.js

@@ -35,7 +35,16 @@ function default_1(options) {
         if (options.path === undefined) {
             options.path = (0, workspace_1.buildDefaultPath)(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',
+            });
+        }
         // Schematic templates require a defined type value
         options.type ??= '';
         const parsedPath = (0, parse_name_1.parseName)(options.path, options.name);

package/component/schema.d.ts

@@ -51,7 +51,6 @@ export type Schema = {
     name: string;
     /**
      * Generate component template files with an '.ng.html' file extension instead of '.html'.
-     * The '.ng.html' file extension is recommended by the Angular style guide.
      */
     ngHtml?: boolean;
     /**

package/component/schema.json

@@ -137,8 +137,8 @@
     },
     "ngHtml": {
       "type": "boolean",
-      "default": true,
-      "description": "Generate component template files with an '.ng.html' file extension instead of '.html'. The '.ng.html' file extension is recommended by the Angular style guide."
+      "default": false,
+      "description": "Generate component template files with an '.ng.html' file extension instead of '.html'."
     }
   },
   "required": ["name", "project"]

package/directive/index.js

@@ -35,9 +35,16 @@ function default_1(options) {
         if (options.path === undefined) {
             options.path = (0, workspace_1.buildDefaultPath)(project);
         }
-        options.module = (0, find_module_1.findModuleFromOptions)(host, options);
-        // Schematic templates require a defined type value
-        options.type ??= '';
+        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;

package/enum/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 as EnumOptions } from './schema';
+import type { Rule } from '@angular-devkit/schematics';
+import type { Schema as EnumOptions } from './schema';
 export default function (options: EnumOptions): Rule;

package/enum/index.js

@@ -10,6 +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) {
-    options.type = options.type ? `.${options.type}` : '';
     return (0, generate_from_files_1.generateFromFiles)(options);
 }

package/guard/implements-files/{__name@dasherize__.guard.spec.ts.template → __name@dasherize____typeSeparator__guard.spec.ts.template}

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

package/guard/schema.d.ts

@@ -40,6 +40,11 @@ export type Schema = {
      * Skip the generation of a unit test file `spec.ts` for the new guard.
      */
     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.guard.ts`.
+     */
+    typeSeparator?: TypeSeparator;
 };
 export declare enum Implement {
     CanActivate = "CanActivate",
@@ -47,3 +52,11 @@ export declare enum Implement {
     CanDeactivate = "CanDeactivate",
     CanMatch = "CanMatch"
 }
+/**
+ * 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.guard.ts`.
+ */
+export declare enum TypeSeparator {
+    Empty = "-",
+    TypeSeparator = "."
+}

package/guard/schema.js

@@ -2,7 +2,7 @@
 // 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.Implement = void 0;
+exports.TypeSeparator = exports.Implement = void 0;
 var Implement;
 (function (Implement) {
     Implement["CanActivate"] = "CanActivate";
@@ -10,3 +10,12 @@ var Implement;
     Implement["CanDeactivate"] = "CanDeactivate";
     Implement["CanMatch"] = "CanMatch";
 })(Implement || (exports.Implement = Implement = {}));
+/**
+ * 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.guard.ts`.
+ */
+var TypeSeparator;
+(function (TypeSeparator) {
+    TypeSeparator["Empty"] = "-";
+    TypeSeparator["TypeSeparator"] = ".";
+})(TypeSeparator || (exports.TypeSeparator = TypeSeparator = {}));

package/guard/schema.json

@@ -58,6 +58,12 @@
       },
       "default": ["CanActivate"],
       "x-prompt": "Which type of guard would you like to create?"
+    },
+    "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.guard.ts`."
     }
   },
   "required": ["name", "project"]

package/guard/type-files/{__name@dasherize__.guard.spec.ts.template → __name@dasherize____typeSeparator__guard.spec.ts.template}

@@ -1,7 +1,7 @@
 import { TestBed } from '@angular/core/testing';
 import { <%= guardType %> } from '@angular/router';
 
-import { <%= camelize(name) %>Guard } from './<%= dasherize(name) %>.guard';
+import { <%= camelize(name) %>Guard } from './<%= dasherize(name) %><%= typeSeparator %>guard';
 
 describe('<%= camelize(name) %>Guard', () => {
   const executeGuard: <%= guardType %><% if (guardType === 'CanDeactivateFn') { %><unknown><% } %> = (...guardParameters) => 

package/interceptor/class-files/{__name@dasherize@if-flat__/__name@dasherize__.interceptor.spec.ts.template → __name@dasherize____typeSeparator__interceptor.spec.ts.template}

@@ -1,6 +1,6 @@
 import { TestBed } from '@angular/core/testing';
 
-import { <%= classify(name) %>Interceptor } from './<%= dasherize(name) %>.interceptor';
+import { <%= classify(name) %>Interceptor } from './<%= dasherize(name) %><%= typeSeparator %>interceptor';
 
 describe('<%= classify(name) %>Interceptor', () => {
   beforeEach(() => TestBed.configureTestingModule({

package/interceptor/functional-files/{__name@dasherize@if-flat__/__name@dasherize__.interceptor.spec.ts.template → __name@dasherize____typeSeparator__interceptor.spec.ts.template}

@@ -1,7 +1,7 @@
 import { TestBed } from '@angular/core/testing';
 import { HttpInterceptorFn } from '@angular/common/http';
 
-import { <%= camelize(name) %>Interceptor } from './<%= dasherize(name) %>.interceptor';
+import { <%= camelize(name) %>Interceptor } from './<%= dasherize(name) %><%= typeSeparator %>interceptor';
 
 describe('<%= camelize(name) %>Interceptor', () => {
   const interceptor: HttpInterceptorFn = (req, next) => 

package/interceptor/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 as InterceptorOptions } from './schema';
+import type { Rule } from '@angular-devkit/schematics';
+import type { Schema as InterceptorOptions } from './schema';
 export default function (options: InterceptorOptions): Rule;

package/interceptor/index.js

@@ -10,13 +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) {
-    // This schematic uses an older method to implement the flat option
-    const flat = options.flat;
-    options.flat = true;
-    const extraTemplateValues = {
-        'if-flat': (s) => (flat ? '' : s),
-    };
-    return options.functional
-        ? (0, generate_from_files_1.generateFromFiles)({ ...options, templateFilesDirectory: './functional-files' }, extraTemplateValues)
-        : (0, generate_from_files_1.generateFromFiles)({ ...options, templateFilesDirectory: './class-files' }, extraTemplateValues);
+    const templateFilesDirectory = options.functional ? './functional-files' : './class-files';
+    return (0, generate_from_files_1.generateFromFiles)({ ...options, templateFilesDirectory });
 }

package/interceptor/schema.d.ts

@@ -35,4 +35,17 @@ export type Schema = {
      * Skip the generation of a unit test file `spec.ts` for the new interceptor.
      */
     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.interceptor.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.interceptor.ts`.
+ */
+export declare enum TypeSeparator {
+    Empty = "-",
+    TypeSeparator = "."
+}

package/interceptor/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.interceptor.ts`.
+ */
+var TypeSeparator;
+(function (TypeSeparator) {
+    TypeSeparator["Empty"] = "-";
+    TypeSeparator["TypeSeparator"] = ".";
+})(TypeSeparator || (exports.TypeSeparator = TypeSeparator = {}));

package/interceptor/schema.json

@@ -45,6 +45,12 @@
       "type": "boolean",
       "description": "Creates the interceptor as a function `HttpInterceptorFn` instead of a class. Functional interceptors can be simpler for basic scenarios.",
       "default": true
+    },
+    "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.interceptor.ts`."
     }
   },
   "required": ["name", "project"]

package/interface/index.js

@@ -10,6 +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) {
-    options.type = options.type ? `.${options.type}` : '';
     return (0, generate_from_files_1.generateFromFiles)(options);
 }

package/library/files/src/__entryFile__.ts.template

@@ -3,4 +3,4 @@
  */
 
 export * from './lib/<%= dasherize(name) %>';<% if (!standalone) { %>
-export * from './lib/<%= dasherize(name) %>.module';<% } %>
+export * from './lib/<%= dasherize(name) %>-module';<% } %>

package/library/index.js

@@ -72,9 +72,6 @@ function addLibToWorkspaceFile(options, projectRoot, projectName) {
                 build: {
                     builder: workspace_models_1.Builders.BuildNgPackagr,
                     defaultConfiguration: 'production',
-                    options: {
-                        project: `${projectRoot}/ng-package.json`,
-                    },
                     configurations: {
                         production: {
                             tsConfig: `${projectRoot}/tsconfig.lib.prod.json`,
@@ -154,6 +151,10 @@ function default_1(options) {
                 export: true,
                 standalone: options.standalone,
                 project: packageName,
+                // Explicitly set an empty `type` since it doesn't necessarily make sense in a library.
+                // This also ensures that the generated files are valid even if the `component` schematic
+                // inherits its `type` from the workspace.
+                type: '',
             }),
             (_tree, context) => {
                 if (!options.skipPackageJson && !options.skipInstall) {

package/migrations/migration-collection.json

@@ -15,6 +15,11 @@
       "factory": "./update-module-resolution/migration",
       "description": "Update 'moduleResolution' to 'bundler' in TypeScript configurations. You can read more about this, here: https://www.typescriptlang.org/tsconfig/#moduleResolution"
     },
+    "previous-style-guide": {
+      "version": "20.0.0",
+      "factory": "./previous-style-guide/migration",
+      "description": "Update workspace generation defaults to maintain previous style guide behavior."
+    },
     "use-application-builder": {
       "version": "20.0.0",
       "factory": "./use-application-builder/migration",

package/migrations/previous-style-guide/migration.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @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 type { Rule } from '@angular-devkit/schematics';
+export default function (): Rule;

package/migrations/previous-style-guide/migration.js

@@ -0,0 +1,42 @@
+"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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const workspace_1 = require("../../utility/workspace");
+const TYPE_SCHEMATICS = ['component', 'directive', 'service'];
+const SEPARATOR_SCHEMATICS = ['guard', 'interceptor', 'module', 'pipe', 'resolver'];
+function default_1() {
+    return (0, workspace_1.updateWorkspace)((workspace) => {
+        let schematicsDefaults = workspace.extensions['schematics'];
+        // Ensure "schematics" field is an object
+        if (!schematicsDefaults ||
+            typeof schematicsDefaults !== 'object' ||
+            Array.isArray(schematicsDefaults)) {
+            schematicsDefaults = workspace.extensions['schematics'] = {};
+        }
+        // Add "type" value for each schematic to continue generating a type suffix.
+        // New default is an empty type value.
+        for (const schematicName of TYPE_SCHEMATICS) {
+            const schematic = (schematicsDefaults[`@schematics/angular:${schematicName}`] ??= {});
+            if (typeof schematic === 'object' && !Array.isArray(schematic) && !('type' in schematic)) {
+                schematic['type'] = schematicName;
+            }
+        }
+        // Add "typeSeparator" value for each schematic to continue generating "." before type.
+        // New default is an "-" type value.
+        for (const schematicName of SEPARATOR_SCHEMATICS) {
+            const schematic = (schematicsDefaults[`@schematics/angular:${schematicName}`] ??= {});
+            if (typeof schematic === 'object' &&
+                !Array.isArray(schematic) &&
+                !('typeSeparator' in schematic)) {
+                schematic['typeSeparator'] = '.';
+            }
+        }
+    });
+}

package/module/files/__name@dasherize@if-flat__/{__name@dasherize__.module.ts.template → __name@dasherize____typeSeparator__module.ts.template}

@@ -2,7 +2,7 @@ import { NgModule } from '@angular/core';<% if (commonModule) { %>
 import { CommonModule } from '@angular/common';<% } %><% if (lazyRouteWithoutRouteModule) { %>
 import { Routes, RouterModule } from '@angular/router';<% } %>
 <% if ((!lazyRoute && routing) || lazyRouteWithRouteModule) { %>
-import { <%= classify(name) %>RoutingModule } from './<%= dasherize(name) %>-routing.module';<% } %>
+import { <%= classify(name) %>RoutingModule } from './<%= dasherize(name) %>-routing<%= typeSeparator %>module';<% } %>
 <% if (lazyRouteWithoutRouteModule) { %>
 const routes: Routes = [
   { path: '', component: <%= classify(name) %> }

package/module/index.js

@@ -52,7 +52,7 @@ const validation_1 = require("../utility/validation");
 const workspace_1 = require("../utility/workspace");
 const schema_1 = require("./schema");
 function buildRelativeModulePath(options, modulePath) {
-    const importModulePath = (0, posix_1.join)(options.path ?? '', options.flat ? '' : schematics_1.strings.dasherize(options.name), schematics_1.strings.dasherize(options.name) + '.module');
+    const importModulePath = (0, posix_1.join)(options.path ?? '', options.flat ? '' : schematics_1.strings.dasherize(options.name), schematics_1.strings.dasherize(options.name) + options.typeSeparator + 'module');
     return (0, find_module_1.buildRelativePath)(modulePath, importModulePath);
 }
 function addImportToNgModule(options) {
@@ -99,9 +99,11 @@ function addRouteDeclarationToNgModule(options, routingModulePath) {
     };
 }
 function getRoutingModulePath(host, modulePath) {
-    const routingModulePath = modulePath.endsWith(find_module_1.ROUTING_MODULE_EXT)
+    const routingModulePath = modulePath.endsWith(find_module_1.ROUTING_MODULE_EXT) || modulePath.endsWith('-routing-module.ts')
         ? modulePath
-        : modulePath.replace(find_module_1.MODULE_EXT, find_module_1.ROUTING_MODULE_EXT);
+        : modulePath
+            .replace(find_module_1.MODULE_EXT, find_module_1.ROUTING_MODULE_EXT)
+            .replace('-module.ts', '-routing-module.ts');
     return host.exists(routingModulePath) ? routingModulePath : undefined;
 }
 function buildRoute(options, modulePath) {
@@ -116,7 +118,16 @@ function default_1(options) {
             options.path = await (0, workspace_1.createDefaultPath)(host, options.project);
         }
         if (options.module) {
-            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',
+                });
+            }
         }
         let routingModulePath;
         const isLazyLoadedModuleGen = !!(options.route && options.module);
@@ -131,7 +142,7 @@ function default_1(options) {
         const templateSource = (0, schematics_1.apply)((0, schematics_1.url)('./files'), [
             options.routing || (isLazyLoadedModuleGen && routingModulePath)
                 ? (0, schematics_1.noop)()
-                : (0, schematics_1.filter)((path) => !path.endsWith('-routing.module.ts.template')),
+                : (0, schematics_1.filter)((path) => !path.includes('-routing')),
             (0, schematics_1.applyTemplates)({
                 ...schematics_1.strings,
                 'if-flat': (s) => (options.flat ? '' : s),
@@ -143,7 +154,7 @@ function default_1(options) {
             (0, schematics_1.move)(parsedPath.path),
         ]);
         const moduleDasherized = schematics_1.strings.dasherize(options.name);
-        const modulePath = `${!options.flat ? moduleDasherized + '/' : ''}${moduleDasherized}.module.ts`;
+        const modulePath = `${!options.flat ? moduleDasherized + '/' : ''}${moduleDasherized}${options.typeSeparator}module.ts`;
         const componentOptions = {
             module: modulePath,
             flat: options.flat,

package/module/schema.d.ts

@@ -40,6 +40,11 @@ export type Schema = {
      * The scope for the new routing module.
      */
     routingScope?: RoutingScope;
+    /**
+     * 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`.
+     */
+    typeSeparator?: TypeSeparator;
 };
 /**
  * The scope for the new routing module.
@@ -48,3 +53,11 @@ export declare enum RoutingScope {
     Child = "Child",
     Root = "Root"
 }
+/**
+ * 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`.
+ */
+export declare enum TypeSeparator {
+    Empty = "-",
+    TypeSeparator = "."
+}

package/module/schema.js

@@ -2,7 +2,7 @@
 // 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.RoutingScope = void 0;
+exports.TypeSeparator = exports.RoutingScope = void 0;
 /**
  * The scope for the new routing module.
  */
@@ -11,3 +11,12 @@ var RoutingScope;
     RoutingScope["Child"] = "Child";
     RoutingScope["Root"] = "Root";
 })(RoutingScope || (exports.RoutingScope = RoutingScope = {}));
+/**
+ * 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`.
+ */
+var TypeSeparator;
+(function (TypeSeparator) {
+    TypeSeparator["Empty"] = "-";
+    TypeSeparator["TypeSeparator"] = ".";
+})(TypeSeparator || (exports.TypeSeparator = TypeSeparator = {}));

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.5",
   "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.5",
+    "@angular-devkit/schematics": "20.0.0-next.5",
     "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");
@@ -150,10 +151,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/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.5',
+    AngularBuild: '^20.0.0-next.5',
+    AngularSSR: '^20.0.0-next.5',
 };

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;
+}