component structure

invc-sam-mithril-component.js

import m from 'mithril'
import { curry } from 'ramda'

const createActions = ({ update }) => {
    return {
        someBehavior ({ id }) { 
            update(m => { m.someId = id })
        }
    }
}
const createHandlers = curry({ actions }, scope) => {
    const { id } = scope
    return {
        onclick (e) {
            return actions.someBehavior({ id })
        }
    }
})

const createView = ({ components, handlers }) => {
    return {
        view (vnode) {
            const { id } = vnode.attrs
            const { onclick } = handlers(id)
            return m('button', {
                type: 'button',
                onclick
            }, m(components.otherComponent))
        }   
    }
}
const transform = ({ model })  => {
    return { whatever } 
}
function createComponent ({ update }) {
    const actions = createActions({ update })
    const handlers = curry(createHandlers({ actions })
    const view = createView({ handlers })
    return {
        actions,
        view,
        transform
    }
}

export default createComponent

// OR //
export { createComponent, createActions, createHandlers, createView }