feat(slice): add reducers to actions map option

Author: Chau Tran

packages/ngrx-slice/src/lib/create-slice-actions.spec.ts

@@ -78,4 +78,27 @@ describe(createSliceActions.name, () => {
       }
     });
   });
+
+  it('should return actions with correct name if actionsMap is provided', () => {
+    const actions = createSliceActions(
+      'feature',
+      getter,
+      {
+        foo: (state) => state,
+        bar: state => state
+      },
+      { foo: '[Foo Action] The Foo', noop: '[Noop Action] The Noop' }
+    );
+
+    expect(Object.keys(actions).length).toEqual(3);
+    expect(actions.foo()).toEqual({
+      type: '[Foo Action] The Foo',
+    });
+    expect(actions.noop()).toEqual({
+      type: '[Noop Action] The Noop',
+    });
+    expect(actions.bar()).toEqual({
+      type: 'feature/bar',
+    });
+  });
 });

packages/ngrx-slice/src/lib/create-slice-actions.ts

@@ -12,19 +12,20 @@ export function createSliceActions<
 >(
   featureName: SliceName,
   sliceActionNameGetter: SliceActionNameGetter,
-  reducers: CaseReducers
+  reducers: CaseReducers,
+  reducersToActions?: { [K in keyof CaseReducers | 'noop']?: string },
 ): SliceActions<SliceState, CaseReducers> {
   const actions: Record<string, ActionCreator | Record<string, ActionCreator>> =
     {};
 
   actions['noop'] = createAction(
-    sliceActionNameGetter(featureName, 'noop effect'),
+    reducersToActions?.['noop'] || sliceActionNameGetter(featureName, 'noop effect'),
     props<Record<string, unknown>>()
   );
 
   for (const [reducerKey, reducerValue] of Object.entries(reducers)) {
     const typeOfReducer = typeof reducerValue;
-    const sliceActionName = sliceActionNameGetter(featureName, reducerKey);
+    const sliceActionName = reducersToActions?.[reducerKey] || sliceActionNameGetter(featureName, reducerKey);
 
     if (typeOfReducer === 'function') {
       actions[reducerKey] = createAction(

packages/ngrx-slice/src/lib/create-slice.spec.ts

@@ -1,4 +1,4 @@
-import { createNamespacedSlice, noopReducer } from './create-slice';
+import { createNamespacedSlice, createSlice, noopReducer } from './create-slice';
 import type { PayloadAction } from './typings';
 import { classify } from './utils';
 
@@ -37,7 +37,7 @@ const { CounterActions, CounterSelectors, CounterFeature } =
         },
         trigger: noopReducer<{ multiplier: number }>(),
       },
-    },
+    }
   });
 
 const myInitialState: MyCounterState = {

packages/ngrx-slice/src/lib/create-slice.ts

@@ -39,6 +39,7 @@ export function createSlice<
   initialState,
   reducers,
   extraReducers,
+  reducersToActions,
   sliceActionNameGetter = defaultSliceActionNameGetter,
 }: SliceOptions<SliceName, SliceState, CaseReducers>): Slice<
   SliceState,
@@ -55,7 +56,8 @@ export function createSlice<
   const actions = createSliceActions<SliceState, SliceName, CaseReducers>(
     name,
     sliceActionNameGetter,
-    reducers
+    reducers,
+    reducersToActions,
   );
 
   const reducer = createSliceReducer<SliceState, SliceName, CaseReducers>(

packages/ngrx-slice/src/lib/typings.ts

@@ -99,11 +99,12 @@ export interface SliceCaseReducers<SliceState = any> {
 export interface SliceOptions<
   SliceName extends string,
   SliceState,
-  CaseReducers extends SliceCaseReducers<SliceState>
+  CaseReducers extends SliceCaseReducers<SliceState> = SliceCaseReducers<SliceState>
 > {
   name: SliceName;
   initialState: SliceState;
   reducers: CaseReducers;
+  reducersToActions?: {[K in keyof CaseReducers | 'noop']?: string};
   extraReducers?: Array<ReducerTypes<SliceState, readonly ActionCreator[]>>;
   sliceActionNameGetter?: SliceActionNameGetter;
 }