Hyperapp hash router

router.js

import { h } from 'hyperapp'

const location = {
    state: {
        hash: window.location.hash
    },
    actions: {
        changed: () => () => {
            return { hash: window.location.hash }
        },
        go: (goTo) => () => {
            window.location.hash = goTo
        }
    },
    subscribe: (routerActions) => {
        window.addEventListener('hashchange', () => routerActions.changed())
    }
}

const Route = ({ path, render }) => {
    const currentHash = window.location.hash || "#"
    const match = currentHash.match(`^${path}$`)

    if (match) {
        return render({ path: currentHash, match })
    }
}

const Redirect = ({ to }) => {
    window.location.hash = to
}

const Switch = (props, children) => children.find(a => a)

const Link = (props, children) => h('a', { ...props, href: props.to }, children)

export { location, Route, Redirect, Switch, Link }