HAV2 with subviews

withsubviews.js

const resolve = (node, state) => {
    if (node == null) {
        //just return it
    } else if (Array.isArray(node)) {
        node = node.map(function (n) { return resolve(n, state)})
        node = Array.prototype.concat.apply([], node)
        node = node.filter(function (n) { return n != null })
    } else if (node.name === '$') {
        node = resolve(node.props.f(state), state)
    } else if (node.children) {
        node.children = resolve(node.children, state)
    } else {
        node = {name: '' + node, props: {}, children: [], type: 2, element: undefined, key: null}
    } 
    return node
}

const view = f => ({name: '$', props: {f}, children: [], type: 0, element: undefined, key: null})

const withViews = app => def => app({
    ...def,
    view: state => resolve(view(def.view), state)
})