feat(devtools): replace withEventsTracking with withTrackedReducer

Removed withEventsTracking.
Use withTrackedReducer instead for automatic DevTools action naming from events.

- Remove withEventsTracking feature and its test file
- Export withTrackedReducer as the replacement
- Remove unused onInit/DevtoolsHookContext from devtools types
- Remove devtoolsEventsTracker and eventsTracking option
- Update demo app to use withTrackedReducer

Author: msari-ipe-ext-1

apps/demo/src/app/events-sample/book.store.ts

@@ -1,15 +1,16 @@
 import {
   withDevtools,
-  withEventsTracking,
+  withGlitchTracking,
+  withTrackedReducer,
 } from '@angular-architects/ngrx-toolkit';
 import { signalStore, withComputed, withHooks, withState } from '@ngrx/signals';
-import { injectDispatch, on, withReducer } from '@ngrx/signals/events';
+import { injectDispatch, on } from '@ngrx/signals/events';
 import { bookEvents } from './book-events';
 import { Book, mockBooks } from './book.model';
 
 export const BookStore = signalStore(
   { providedIn: 'root' },
-  withDevtools('book-store-events', withEventsTracking()),
+  withDevtools('book-store-events', withGlitchTracking()),
   withState({
     books: [] as Book[],
     selectedBookId: null as string | null,
@@ -40,7 +41,7 @@ export const BookStore = signalStore(
     availableBooks: () => store.books().filter((book) => book.inStock).length,
   })),
 
-  withReducer(
+  withTrackedReducer(
     on(bookEvents.loadBooks, () => ({
       books: mockBooks,
     })),

libs/ngrx-toolkit/src/index.ts

@@ -1,5 +1,4 @@
 export { withDisabledNameIndices } from './lib/devtools/features/with-disabled-name-indicies';
-export { withEventsTracking } from './lib/devtools/features/with-events-tracking';
 export { withGlitchTracking } from './lib/devtools/features/with-glitch-tracking';
 export { withMapper } from './lib/devtools/features/with-mapper';
 export {
@@ -10,6 +9,7 @@ export { renameDevtoolsName } from './lib/devtools/rename-devtools-name';
 export { patchState, updateState } from './lib/devtools/update-state';
 export { withDevToolsStub } from './lib/devtools/with-dev-tools-stub';
 export { DevtoolsFeature, withDevtools } from './lib/devtools/with-devtools';
+export { withTrackedReducer } from './lib/devtools/with-tracked-reducer';
 
 export {
   createEffects,

libs/ngrx-toolkit/src/lib/devtools/features/with-events-tracking.ts

@@ -1,29 +1,19 @@
-import { Observable } from 'rxjs';
 import { Tracker } from './models';
 
 export const DEVTOOLS_FEATURE = Symbol('DEVTOOLS_FEATURE');
 
 export type Mapper = (state: object) => object;
 
-export type DevtoolsHookContext = {
-  id: string;
-  name: string;
-  trackEvents: (source: Observable<{ type: string }>) => void;
-};
-
 export type DevtoolsOptions = {
   indexNames?: boolean; // defines if names should be indexed.
   map?: Mapper; // defines a mapper for the state.
   tracker?: new () => Tracker; // defines a tracker for the state
-  eventsTracking?: boolean; // enables @ngrx/signals/events → DevTools action name tracking
-  onInit?: (context: DevtoolsHookContext) => void; // lifecycle hook executed during devtools init
 };
 
 export type DevtoolsInnerOptions = {
   indexNames: boolean;
   map: Mapper;
   tracker: Tracker;
-  eventsTracking: boolean;
 };
 
 /**

libs/ngrx-toolkit/src/lib/devtools/internal/devtools-feature.ts

@@ -16,7 +16,6 @@ import {
   withEventHandlers,
 } from '@ngrx/signals/events';
 import { delay, tap } from 'rxjs';
-import { withEventsTracking } from '../features/with-events-tracking';
 import { withGlitchTracking } from '../features/with-glitch-tracking';
 import { updateState } from '../update-state';
 import { withDevtools } from '../with-devtools';
@@ -30,7 +29,7 @@ const testEvents = eventGroup({
   },
 });
 
-describe('withEventsTracking', () => {
+describe('withTrackedReducer', () => {
   it('should send a glitched update on event', async () => {
     const { sendSpy, withBasicStore } = setup();
 
@@ -139,7 +138,7 @@ describe('withEventsTracking', () => {
         on(testEvents.bump, (_, state) => ({ count: state.count + 1 })),
       ),
       // Injecting this here, means the reducer gets notified before the tracker
-      withDevtools('store', withEventsTracking()),
+      withDevtools('store', withGlitchTracking()),
     );
 
     TestBed.inject(Store);