eslint-plugin(component-store): avoid-mapping-selectors

[LayZeeDK]

Which @ngrx/* package(s) are relevant/related to the feature request?

component-store, eslint-plugin

Information

I think an NgRx ComponentStore variant of the NgRx Store ESLint rule avoid-mapping-selectors would be helpful to avoid anti-patterns.

Incorrect usage

export class UserStore extends ComponentStore<UserState> {
  loggedInUser$ = this.select((state) => state.loggedInUser);

  name$ = this.select(this.loggedInUser$).pipe(map((user) => user.name));
}

Correct usage

export class UserStore extends ComponentStore<UserState> {
  loggedInUser$ = this.select((state) => state.loggedInUser);

  name$ = this.select(this.loggedInUser$, (user) => user.name);
}

Describe any alternatives/workarounds you're currently using

Currently, I'm maintaining internal developer guides for NgRx ComponentStore usage.

I would be willing to submit a PR to fix this issue

• Yes
• No