Hyperapp#2 Html factory

example.js

import { html } from 'path/to/html'
import { app } from 'hyperapp#2'

// define any html tag
const { div, span } = html

// following syntax is supported
// tag(attrs)
// tag([child])
// tag(attrs, [child])
// tag(attrs, [textString])

// and your app
app({
  init: {},
  view: state => div({
    class: 'active'
  }, [ 
    span([
      // no need to use 'text' node
      'some text as child node'
    ])
  ]),
  node: document.body
})

html.js

import { h, text } from 'https://unpkg.com/hyperapp'

// Html factory
export const html = new Proxy({}, {
  get: (target, name) => (attributes, children = []) =>  {
    const [attr, child] = 
      Array.isArray(attributes)
      ? [{}, attributes]
      : [attributes, children]
    return h(name, attr, child.map(node => 
      typeof node === 'string'
      ? text(node)
      : node  
    ))
  }
})