mirror of
https://github.com/microsoft/frontend-bootcamp.git
synced 2026-01-26 14:56:42 +08:00
31 lines
1.2 KiB
TypeScript
31 lines
1.2 KiB
TypeScript
import { Reducer } from 'redux';
|
|
import { ActionTypes, TodoAction, TodoActionLookup } from '../actions';
|
|
import { Draft, produce } from 'immer';
|
|
|
|
export type ImmerReducer<T, A = any> = (state: Draft<T>, action: A) => T;
|
|
export type HandlerMap<T> = { [actionType in ActionTypes]?: ImmerReducer<T, TodoActionLookup[actionType]> };
|
|
|
|
function isHandlerFunction<T>(handlerOrMap: HandlerMap<T> | ImmerReducer<T>): handlerOrMap is ImmerReducer<T> {
|
|
if (typeof handlerOrMap === 'function') {
|
|
return true;
|
|
}
|
|
|
|
return false;
|
|
}
|
|
|
|
export function createReducer<T, AType extends ActionTypes | never = never>(
|
|
initialState: T,
|
|
handlerOrMap: HandlerMap<T> | ImmerReducer<T, TodoActionLookup[AType]>
|
|
): Reducer<T> {
|
|
return function reducer(state = initialState, action: TodoAction | TodoActionLookup[AType]): T {
|
|
if (isHandlerFunction(handlerOrMap)) {
|
|
return produce(state, draft => handlerOrMap(draft, action as TodoActionLookup[AType]));
|
|
} else if (handlerOrMap.hasOwnProperty(action.type)) {
|
|
const handler = handlerOrMap[action.type] as ImmerReducer<T>;
|
|
return produce(state, draft => handler(draft, action));
|
|
} else {
|
|
return state;
|
|
}
|
|
};
|
|
}
|