Transparent m.route.mode about mithril.js

[lhorie]

Mithril's router requires a URL component to tie to (either location.pathname, location.hash or location.search)

With that being said, creating a custom URL-less router is pretty easy:

Let's say you have an app

//your app's namespace
var app = {};

//some modules
app.module1 = { /*...*/ }
app.module2 = { /*...*/ }

You can add an object to hold your routes like this:

//routes to point to said modules
app.routes = {
    "foo": app.module1,
    "bar": app.module2
};

Then you can create a "redirect" method to call programmatically:

//utility to programmatically route
app.route = function(route) {
    m.module(rootElement, app.routes[route])
}

//usage:
app.route("foo") //runs module1

And, optionally, you can create a helper tool to make links routed also

//utility to make links routeable
app.router = function(element, isInit) {
    if (!isInit) {
        m.module(rootElement, app.routes[element.href])
    }
}

//usage:
m("a[href=foo]", {config: app.router})