stateless stores with reduce

stateless-stores.js

import { Dispatcher } from 'flux'

function isPromise(obj) {
  return obj && (typeof obj === 'object' || typeof obj === 'function') &&
    typeof obj.then === 'function'
}

// the minimalest
class Alt {
  constructor() {
    this.dispatcher = new Dispatcher()
  }

  createActions(model) {
    return Object.keys(model).reduce((actions, name) => {
      const action = (...args) => {
        const data = model[name](...args)

        if (isPromise(data)) {
          data
            .then(x => this.dispatcher.dispatch({ action, data: x }))
            .catch(e => this.dispatcher.dispatch({ action: null, data: e }))
        } else {
          this.dispatcher.dispatch({ action, data })
        }
      }
      actions[name] = action

      return actions
    }, {})
  }

  createStore(reducer, initialState, ...args) {
    const subscriptions = []
    let state = initialState

    // dispatch event
    this.dispatcher.register((payload) => {
      state = reducer(state, payload, ...args)
      subscriptions.forEach(f => f(state))
    })

    // our store
    return {
      subscribe(onChange) {
        const id = subscriptions.push(onChange)
        return () => subscriptions.splice(id, 1)
      }
    }
  }
}



import assign from 'object-assign'

const alt = new Alt()

const actions = alt.createActions({
  fire(x) {
    return x
  }
})

const store = alt.createStore((state, { action, data, meta }) => {
  return assign({}, state, {
    b: data
  })
}, {
  a: 1,
  b: 2
})