feat(devtools): forward tracked event payloads without breaking changs to updateState

Author: sqrter

docs/docs/with-devtools.md

@@ -41,7 +41,7 @@ The extensions don't activate during app initialization (as it is with `@ngrx/st
 import { updateState } from '@angular-architects/ngrx-toolkit';
 ```
 
-The Signal Store does not use the Redux pattern, so there are no action names involved by default. Instead, every action is referred to as a "Store Update". If you want to customize the action entry for better clarity, you can use the `updateState()` function instead of `patchState()`:
+The Signal Store does not use the Redux pattern, so there are no action names involved by default. Instead, every action is referred to as a "Store Update". If you want to customize the action name for better clarity, you can use the `updateState()` function instead of `patchState()`:
 
 ```typescript
 import { updateState } from '@angular-architects/ngrx-toolkit';
@@ -50,9 +50,6 @@ patchState(this.store, { loading: false });
 
 // updateState is a wrapper around patchState and has an action name as second parameter
 updateState(this.store, 'update loading', { loading: false });
-
-// updateState also accepts an action object with a mandatory type field
-updateState(this.store, { type: '[Book Store] bookSelected', payload: { bookId: '1' } }, { selectedBookId: '1' });
 ```
 
 ## `renameDevtoolsName()`
@@ -175,7 +172,7 @@ const Store = signalStore(
 ## Events tracking: `withTrackedReducer`
 
 `withTrackedReducer` tracks state changes within the events
-plugin. This utility automatically derives the event entry, streamlining
+plugin. This utility automatically derives the event name, streamlining
 the tracking process.
 
 To use it

libs/ngrx-toolkit/src/lib/devtools/tests/action-name.spec.ts

@@ -45,29 +45,4 @@ describe('updateState', () => {
       { shop: { name: 'i4' } },
     );
   });
-
-  it('should set and send an action object', () => {
-    const { sendSpy } = setupExtensions();
-
-    const Store = signalStore(
-      { providedIn: 'root' },
-      withDevtools('shop'),
-      withState({ name: 'Car' }),
-      withMethods((store) => ({
-        setName(name: string) {
-          updateState(store, { type: 'Set Name', name }, { name });
-        },
-      })),
-    );
-    const store = TestBed.inject(Store);
-    TestBed.flushEffects();
-
-    store.setName('i4');
-    TestBed.flushEffects();
-
-    expect(sendSpy).toHaveBeenLastCalledWith(
-      { type: 'Set Name', name: 'i4' },
-      { shop: { name: 'i4' } },
-    );
-  });
 });

libs/ngrx-toolkit/src/lib/devtools/update-state.ts

@@ -4,7 +4,6 @@ import {
   WritableStateSource,
 } from '@ngrx/signals';
 import { currentActionNames } from './internal/current-action-names';
-import { Action } from './internal/models';
 
 type PatchFn = typeof originalPatchState extends (
   arg1: infer First,
@@ -29,7 +28,7 @@ export const patchState: PatchFn = (state, action, ...rest) => {
  */
 export function updateState<State extends object>(
   stateSource: WritableStateSource<State>,
-  action: string | Action,
+  action: string,
   ...updaters: Array<
     Partial<NoInfer<State>> | PartialStateUpdater<NoInfer<State>>
   >

libs/ngrx-toolkit/src/lib/devtools/with-tracked-reducer.ts

@@ -3,6 +3,7 @@ import {
   EmptyFeatureResult,
   getState,
   PartialStateUpdater,
+  patchState,
   SignalStoreFeature,
   signalStoreFeature,
   type,
@@ -15,7 +16,7 @@ import {
 } from '@ngrx/signals/events';
 import { tap } from 'rxjs/operators';
 import { GLITCH_TRACKING_FEATURE } from './features/with-glitch-tracking';
-import { updateState } from './update-state';
+import { currentActionNames } from './internal/current-action-names';
 import { DEVTOOL_FEATURE_NAMES } from './with-devtools';
 
 export function withTrackedReducer<State extends object>(
@@ -39,7 +40,8 @@ export function withTrackedReducer<State extends object>(
             const result = caseReducer.reducer(event, state);
             const updaters = Array.isArray(result) ? result : [result];
 
-            updateState(store, event, ...updaters);
+            currentActionNames.add(event);
+            patchState(store, ...updaters);
           }),
         ),
       ),