fix(@schematics/angular): generate resolvers with a dash type separator

To align with the updated style guide, Angular v20 will generate resolvers
with file extension `resolver` type prefixed with a `-` separator instead of
a `.` by default. Projects will automatically use this naming convention.
Projects can however opt-out by setting the `typeSeparator` option to `.`
for the resolver schematic. This can be done as a default in the `angular.json`
or directly on the commandline via `--type-separator=.` when executing `ng generate`.
As an example, `example.resolver.ts` will now be named `example-resolver.ts`.
The TypeScript declaration will continue to contain `Resolver` such as with `ExampleResolver`.

Author: clydin

packages/schematics/angular/guard/schema.json

@@ -62,7 +62,8 @@
     "typeSeparator": {
       "type": "string",
       "default": "-",
-      "enum": ["-", "."]
+      "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"]

packages/schematics/angular/pipe/schema.json

@@ -65,7 +65,8 @@
     "typeSeparator": {
       "type": "string",
       "default": "-",
-      "enum": ["-", "."]
+      "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"]

packages/schematics/angular/resolver/class-files/__name@dasherize__.resolver.spec.ts.template renamed to packages/schematics/angular/resolver/class-files/__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;

packages/schematics/angular/resolver/class-files/__name@dasherize__.resolver.ts.template renamed to packages/schematics/angular/resolver/class-files/__name@dasherize____typeSeparator__resolver.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) => 

packages/schematics/angular/resolver/functional-files/__name@dasherize__.resolver.spec.ts.template renamed to packages/schematics/angular/resolver/functional-files/__name@dasherize____typeSeparator__resolver.spec.ts.template

@@ -48,9 +48,9 @@ describe('resolver Schematic', () => {
       appTree,
     );
     const files = tree.files;
-    expect(files).toContain('/projects/bar/src/app/foo.resolver.spec.ts');
-    expect(files).toContain('/projects/bar/src/app/foo.resolver.ts');
-    const fileString = tree.readContent('/projects/bar/src/app/foo.resolver.ts');
+    expect(files).toContain('/projects/bar/src/app/foo-resolver.spec.ts');
+    expect(files).toContain('/projects/bar/src/app/foo-resolver.ts');
+    const fileString = tree.readContent('/projects/bar/src/app/foo-resolver.ts');
     expect(fileString).toContain('export class FooResolver implements Resolve<boolean>');
   });
 
@@ -59,38 +59,60 @@ describe('resolver Schematic', () => {
 
     const tree = await schematicRunner.runSchematic('resolver', options, appTree);
     const files = tree.files;
-    expect(files).not.toContain('/projects/bar/src/app/foo.resolver.spec.ts');
+    expect(files).not.toContain('/projects/bar/src/app/foo-resolver.spec.ts');
+    expect(files).toContain('/projects/bar/src/app/foo-resolver.ts');
+  });
+
+  it('should use a `.` type separator when specified', async () => {
+    const options = { ...defaultOptions, typeSeparator: '.' };
+
+    const tree = await schematicRunner.runSchematic('resolver', options, appTree);
+    const files = tree.files;
+    expect(files).toContain('/projects/bar/src/app/foo.resolver.spec.ts');
     expect(files).toContain('/projects/bar/src/app/foo.resolver.ts');
+    const specContent = tree.readContent('/projects/bar/src/app/foo.resolver.spec.ts');
+    expect(specContent).toContain(`'./foo.resolver'`);
+  });
+
+  it('should use a `-` type separator when specified', async () => {
+    const options = { ...defaultOptions, typeSeparator: '-' };
+
+    const tree = await schematicRunner.runSchematic('resolver', options, appTree);
+    const files = tree.files;
+    expect(files).toContain('/projects/bar/src/app/foo-resolver.spec.ts');
+    expect(files).toContain('/projects/bar/src/app/foo-resolver.ts');
+    const specContent = tree.readContent('/projects/bar/src/app/foo-resolver.spec.ts');
+    expect(specContent).toContain(`'./foo-resolver'`);
   });
 
   it('should respect the flat flag', async () => {
     const options = { ...defaultOptions, flat: false };
 
     const tree = await schematicRunner.runSchematic('resolver', options, appTree);
     const files = tree.files;
-    expect(files).toContain('/projects/bar/src/app/foo/foo.resolver.spec.ts');
-    expect(files).toContain('/projects/bar/src/app/foo/foo.resolver.ts');
+    expect(files).toContain('/projects/bar/src/app/foo/foo-resolver.spec.ts');
+    expect(files).toContain('/projects/bar/src/app/foo/foo-resolver.ts');
   });
 
   it('should respect the sourceRoot value', async () => {
     const config = JSON.parse(appTree.readContent('/angular.json'));
     config.projects.bar.sourceRoot = 'projects/bar/custom';
     appTree.overwrite('/angular.json', JSON.stringify(config, null, 2));
     appTree = await schematicRunner.runSchematic('resolver', defaultOptions, appTree);
-    expect(appTree.files).toContain('/projects/bar/custom/app/foo.resolver.ts');
+    expect(appTree.files).toContain('/projects/bar/custom/app/foo-resolver.ts');
   });
 
   it('should create a functional resolver', async () => {
     const tree = await schematicRunner.runSchematic('resolver', defaultOptions, appTree);
-    const fileString = tree.readContent('/projects/bar/src/app/foo.resolver.ts');
+    const fileString = tree.readContent('/projects/bar/src/app/foo-resolver.ts');
     expect(fileString).toContain(
       'export const fooResolver: ResolveFn<boolean> = (route, state) => {',
     );
   });
 
   it('should create a helper function to run a functional resolver in a test', async () => {
     const tree = await schematicRunner.runSchematic('resolver', defaultOptions, appTree);
-    const fileString = tree.readContent('/projects/bar/src/app/foo.resolver.spec.ts');
+    const fileString = tree.readContent('/projects/bar/src/app/foo-resolver.spec.ts');
     expect(fileString).toContain(
       'const executeResolver: ResolveFn<boolean> = (...resolverParameters) => ',
     );

packages/schematics/angular/resolver/functional-files/__name@dasherize__.resolver.ts.template renamed to packages/schematics/angular/resolver/functional-files/__name@dasherize____typeSeparator__resolver.ts.template

@@ -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"]