@benjavicente/lint-angular

Opinated Oxlint/ESLint-compatible plugin for Angular project rules.

Rules

| Rule | Default | Fixable | Description | | ----------------------------------------------------------------------------------------------------- | ------- | ------- | -------------------------------------------------------------------------------------------- | | rules-of-inject | ✅ | | Restrict inject() usage to valid Angular injection contexts. | | avoid-explicit-injection-context | ✅ | | Avoid explicit injection-context APIs such as inject(Injector) and runInInjectionContext. | | avoid-explicit-subscription-management | ✅ | | Avoid storing and manually managing RxJS subscriptions in Angular classes. | | avoid-inappropriate-intimacy | ✅ | | Avoid passing Angular component, directive, and service instances as function arguments. | | avoid-ng-modules | ✅ | | Avoid NgModules in favor of standalone Angular APIs. | | avoid-rxjs-state-in-component | ✅ | | Avoid RxJS subjects for component and directive-local state. | | avoid-writing-signals-in-reactive-context | ✅ | | Avoid writing to signals from reactive Angular contexts. | | class-member-order | ✅ | | Enforce a consistent member order for Angular classes. | | class-matches-filename | ✅ | | Require Angular class names to match component, directive, and service filenames. | | component-resource-filenames | ✅ | | Require component resource filenames to match the component TypeScript filename. | | decorator-filename-suffix | ✅ | | Require Angular decorators to be declared in files with matching filename suffixes. | | injects-tanstack-query-only-in-component-body | ✅ | | Require TanStack Query inject helpers to be direct component/directive class fields. | | no-resource-api | ✅ | | Avoid Angular resource APIs for server state. | | no-route-resolvers | ✅ | | Avoid Angular route resolvers for data loading. | | no-ui-inheritance | ✅ | | Avoid inheritance for Angular components and directives. | | prefer-private-elements | ✅ | ✅ | Prefer ECMAScript private elements over TypeScript private members. | | prefer-load-component-over-load-children | ✅ | | Prefer loadComponent for lazy routes that load a standalone component. | | prefer-style-url | ✅ | ✅ | Prefer styleUrl when a component has exactly one stylesheet. | | public-component-interface | ✅ | ✅ | Keep component and directive signal interfaces public while hiding injected dependencies. | | restrict-injectable-provided-in | ✅ | | Restrict @Injectable providedIn values to root or platform. |

Oxlint setup

{
  "jsPlugins": ["@benjavicente/lint-angular"],
  "rules": {
    "@benjavicente/lint-angular/rules-of-inject": "error",
  },
}