NOTE: Although this library will still work as described. It is nearly redundant now due to the fact that hyperapp actions can now be nested. So instead of calling actions.incrementComponentA() it is possible to nest actions like actions.componentA.increment(). See jorgebucaran/hyperapp#73
A utility function for merging reducers, effects and routes with safe namespacing
npm i -S hyperapp-unite
import { uniteActions } from 'hyperapp-unite'
const x = {
inc: model => ({ x: model.x + 1 })
dec: model => ({ x: model.x - 1 })
}
const y = {
inc: model => ({ y: model.y + 1 })
dec: model => ({ y: model.y - 1 })
}
export default uniteActions({ x, y })
The above code will export an object with every reducer action namespaced using its parents key (x,y) as a camel case suffix:
{
incX: f(model)
decX: f(model)
incY: f(model)
decY: f(model)
}
This object can be passed in to hyperapp as the update or effects value..
import reducers from './reducers'
app({
update: reducers,
model: { x:0, y:0 }
view: (_, actions) =>
<button onClick={e => actions.incX()}>X+<button>
<button onClick={e => actions.incY()}>Y+<button>
})