https://github.com/angular-sanctuary/ngx-boomer
https://github.com/angular-sanctuary/ngx-boomer
Last synced: 5 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/angular-sanctuary/ngx-boomer
- Owner: angular-sanctuary
- Created: 2025-05-27T08:48:47.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-05-27T09:21:02.000Z (5 months ago)
- Last Synced: 2025-05-27T09:58:39.715Z (5 months ago)
- Language: JavaScript
- Size: 160 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-angular - ngx-boomer - This project is a straightforward utility designed to enforce rules that preserve Angular's previous naming conventions in Angular 20. (Angular / Updating Angular)
- fucking-awesome-angular - ngx-boomer - This project is a straightforward utility designed to enforce rules that preserve Angular's previous naming conventions in Angular 20. (Angular / Updating Angular)
README
# ngx-boomer
As part of their new style guide, Angular does not encourage using suffix on class names and/or files, based on the following rules:
- for components, directives and services, Angular CLI does not generates a suffix for the class name and the file name.
- for guards, interceptors, modules, pipes and resolvers, Angular CLI now use a `-` separator in the file name, between the class name and the file type, moving from `auth.guard.ts` to `auth-guard.ts` for example.
Using `ng update` towards Angular v20 will update your angular.json schematics rules to keep the current behavior, applying these changes:
```json
{
"@schematics/angular:component": { "type": "component" },
"@schematics/angular:directive": { "type": "directive" },
"@schematics/angular:service": { "type": "service" },
"@schematics/angular:guard": { "typeSeparator": "." },
"@schematics/angular:interceptor": { "typeSeparator": "." },
"@schematics/angular:module": { "typeSeparator": "." },
"@schematics/angular:pipe": { "typeSeparator": "." },
"@schematics/angular:resolver": { "typeSeparator": "." }
}
```
Creating an Angular project with Angular CLI v20 won't include these rules, using the style guide recommandations by default.
This project is a simple tool to add these rules on any new projet, to keep the previous behavior.
Run `npx ngx-boomer` to update your `angular.json` file.