createSilce.ts

import p from 'immer';

interface CreateSliceOption {
  name: string;
  initialState: Record<string, unknown>;
  reducers: Record<string, Function>;
}

const createKey = (name, key) => `${name}-reducer-${key}-action`;


function createSlice(option: CreateSliceOption) {
  const { initialState, reducers, name } = option;
  const actions: Record<keyof typeof reducers, Function> = {};
  const keyToActionsMap: Record<string, string> = {}
  const reducersKey = Object.keys(reducers);
  reducersKey.forEach(key => {
    const keyName = createKey(name, key);
    keyToActionsMap[keyName] = key;
    actions[key] = payload => ({
      type: keyName,
      payload,
    });
  });
  const reducerFn = (state = initialState, action: any) => {
    return p(state, draft => {
      const keyName = createKey(name, action.type);
      const selectedActions = reducers[keyToActionsMap[keyName]];
      selectedActions(state, action);
    });
  };

  return {
    reducer: reducerFn,
    actions: (actions as Record<keyof typeof reducers, Function>),
  };
}

export default createSlice;