HyperApp 0.11.0 Router

hyperapp-router.js

/**
    mixins: [
        Router(view)
    ],
*/
export function Router(appView) {
    return function router(emit, view) {
        return {
            state: {
                router: match(location.pathname)
            },
            actions: {
                router: {
                    match: function (state, actions, data) {
                        return {
                            router: emit("route", match(data))
                        }
                    },
                    go: function (state, actions, data) {
                        history.pushState({}, "", data)
                        actions.router.match(data.split("?")[0])
                    }
                }
            },
            events: {
                load: function (state, actions) {
                    addEventListener("popstate", match)
                    function match() {
                        actions.router.match(location.pathname)
                    }
                },
                render: function () {
                    return view
                }
            }
        }

        function match(data) {
            for (var match, params = {}, i = 0, len = appView.length; i < len; i++) {
                var route = appView[i][0]
                var keys = []

                if (!match) {
                    data.replace(
                        RegExp(
                            route === "*"
                                ? "." + route
                                : "^" +
                                route
                                    .replace(/\//g, "\\/")
                                    .replace(/:([\w]+)/g, function (_, key) {
                                        keys.push(key)
                                        return "([-\\.%\\w]+)"
                                    }) +
                                "/?$",
                            "g"
                        ),
                        function () {
                            for (var j = 1; j < arguments.length - 2;) {
                                params[keys.shift()] = arguments[j++]
                            }
                            match = route
                            view = appView[i][1]
                        }
                    )
                }
            }

            return {
                match: match,
                params: params
            }
        }
    }
}