hyperz.js

import React from 'react'
import hyperx from 'hyperx'

export const h = function hyperz() {
    let scope = this

    if (!Array.isArray(arguments[0])) {
        let newScope = arguments[0]
        return hyperz.bind(Object.assign({}, scope, newScope))
    }

    // NOTE: children arg should really be ...children, but hyperx is buggy and
    // returns an array rather than spreading JSX children
    function createElement(component, props, children = []) {
        // NOTE: this also shouldn't be here, but hyperx likes to create useless
        // whitespace children
        children = children.filter(c => typeof c != 'string' || c.trim() != '')

        if (scope[component]) component = scope[component]
        return React.createElement(component, props, ...children)
    }

    return hyperx(createElement).apply(null, arguments)
}.bind({})