ducks/src/ducks/insert-reducers.ts

🦆🦆🦆 Ducks is a Reducer Bundles Manager that Implementing the Redux Ducks Modular Proposal with Great Convenience.

/**
 *   Ducks - https://github.com/huan/ducks
 *
 *   @copyright 2020 Huan LI (李卓桓) <https://github.com/huan>
 *
 *   Licensed under the Apache License, Version 2.0 (the "License");
 *   you may not use this file except in compliance with the License.
 *   You may obtain a copy of the License at
 *
 *       http://www.apache.org/licenses/LICENSE-2.0
 *
 *   Unless required by applicable law or agreed to in writing, software
 *   distributed under the License is distributed on an "AS IS" BASIS,
 *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *   See the License for the specific language governing permissions and
 *   limitations under the License.
 *
 */
import {
  ActionFromReducersMapObject,
  combineReducers,
  Reducer,
  ReducersMapObject,
  StateFromReducersMapObject,
}                                 from 'redux'

type StateFromInsertReducers<
  R extends Reducer,
  M extends ReducersMapObject<any>,
> = StateFromReducersMapObject<M>
  & (R extends Reducer<infer RS> ? RS : never)

type ActionFromInsertReducers<
  R extends Reducer,
  M extends ReducersMapObject<any>,
> = ActionFromReducersMapObject<M>
  & R extends Reducer<any, infer RA> ? RA : never

/**
 * We have to do some tricky with insertReducer.
 *  because the Redux reduce system will check matching for the the keys of the state and reducers.
 */
function insertReducers <
  R extends Reducer,
  M extends ReducersMapObject,
> (
  originReducer: R,
  insertReducers: M,
): Reducer<
  StateFromInsertReducers<R, M>,
  ActionFromInsertReducers<R, M>
> {
  const insertReducer = combineReducers(insertReducers)

  const newReducer: Reducer<
    StateFromInsertReducers<R, M>,
    ActionFromInsertReducers<R, M>
  > = (state, action) => {

    const prevOriginalState = {} as any // ReturnType<typeof reducer>
    const prevInsertedState = {} as any // StateFromReducersMapObject<typeof insertReducers>

    if (state) {
      Object.keys(state).forEach(key => {
        if (key in insertReducers) {
          prevInsertedState[key] = state[key]
        } else {
          prevOriginalState[key] = state[key]
        }
      })
    }

    const nextOriginalState = originReducer(prevOriginalState, action)
    // console.info('nextOriginalState === prevOriginalState', nextOriginalState === prevOriginalState)
    const nextInsertedState = insertReducer(prevInsertedState, action)
    // console.info('nextInsertedState === prevInsertedState', nextInsertedState === prevInsertedState)

    if (nextOriginalState === prevOriginalState && nextInsertedState === prevInsertedState) {
      return state
    }

    return {
      ...nextOriginalState,
      ...nextInsertedState,
    }
  }

  return newReducer
}

export {
  insertReducers,
}