write redux as vuex

revuex.js

import _ from 'underscore'
import { combineReducers } from 'redux'

/**
 * translate vuex to redux
 */
const translator = {
  action: (name) => (action) => (...args) => (dispatch, getState) => {
    let state = getState()
    return action({
      commit: (type, payload) => {
        return dispatch({
          type,
          ...payload,
        })
      },
      state: state[name],
      rootState: state,
    }, ...args)
  },
  getter: (name) => (getter) => (state) => getter(state[name]),
}

/**
 * revuex.reducer for creating store with redux
 * revuex.actions for calling in views
 * revuex.getters for mapping props into components
 */
export default class Reveux {
  constructor ({ modules = {} }) {
    let reducers = {}

    this.actions = {}
    this.getters = {}

    _.each(modules, (module, name) => {
      this.actions = {...this.actions, ..._.mapObject(module.actions || {}, translator.action(name))}
      this.getters = {...this.getters, ..._.mapObject(module.getters || {}, translator.getter(name))}
      reducers = {...reducers,
        [name]: function reducer (state = module.state || {}, action) {
          let mutation = (module.mutations || {})[action.type]
          if (mutation) {
            return mutation(state, action)
          }
          return state
        }
      }
    })

    this.reducer = combineReducers(reducers)

    return this
  }

  mapActions (map = {}) {
    if (map instanceof Array) {
      return _.pick(this.actions, ...map)
    }
    return _.mapObject(map, (name) => {
      return this.actions[name]
    })
  }

}