Can we have a selector with all the state + extra selectors on createFeature?

[Armenvardanyan95]

Currently, if we use createFeature, we will receive automatically created selectors for all object keys in the initial state + one state selector, that returns the entire object. This is great, but now with extraSelectors being added, it can make sense to provide an additional selector that returns the entire state + all values of the extraSelectors. Lots of developers create such selectors (usually named viewModel or vm) anyway, so maybe, if it is possible, we could provide them out of the box.

How it works currently:

const someFeature = createFeature({
  name: 'some',
  reducer: createReducer(
    {
      data: 1,
      otherData: 2,
      loading: {
        data: false,
        otherData: false,
      }
    }
  ),
  extraSelectors: ({selectLoading}) => ({
    anyLoading: createSelector(
      selectLoading,
      ({data, otherData}) => data || otherData,
    )
  })
});

@Component({
  selector: 'my-app',
  standalone: true,
  imports: [JsonPipe, AsyncPipe],
  template: `
    {{ someData$ | async | json }}
    {{ anyLoading$ | async }}
  `,
})
export class App {
  store = inject(Store);
  someData$ = this.store.select(someFeature.selectSomeState); // does not have `anyLoading`
  anyLoading$ = this.store.select(someFeature.anyLoading); // we have to select anyLoading separately
}

How I think this can look:

@Component({
  selector: 'my-app',
  standalone: true,
  imports: [AsyncPipe],
  template: `
    {{ (someData$ | async).anyLoading }}
  `,
})
export class App {
  store = inject(Store);
  someData$ = this.store.select(someFeature.someFeatureViewModel); // `anyLoading` is readily available here
}