score.routerΒΆ
A small routing library for javascript. It does not impose any constraints on the transport of the routing strings (i.e. URLs), but limits itself to the generation and parsing of such strings.
The usage is quite simple: create routes with addRoute
, create urls with
url
and invoke the registered routes via load
:
require(['score.router'], function(Router) {
var router = new Router();
router.addRoute('home', '/', function() {
alert('loading home');
});
var url = router.url('home');
// url is now '/'
router.load(url);
});
It is possible to define variables to routes. These have to provided as
bracket-encapsulated strings in the url template and as arguments object to
the url
function:
require(['score.router'], function(Router) {
var router = new Router();
router.addRoute('user', '/user/{id}', function(vars) {
alert('loading user ' + vars.id);
});
var url = router.url('user', {id: 42});
router.load(url);
});
It is also possible to provide converters to newly added routes. These converter functions are responsible for turning the javascript-representation of an object into its URL representation and vice versa:
require(['score.router', 'Customer'], function(Router, Customer) {
var router = new Router();
router.addRoute('user', '/user/{id}', function(vars) {
// note that we are not accessing "id", but "customer" this time
alert('loading user ' + vars.customer.name);
}, function(vars) {
// conversion from javascript to url parts
return {id: vars.customer.id};
}, function(vars) {
// url parts to javascript
return {customer: Customer.get(vars.id)};
});
var url = router.url('user', {customer: Customer.get(42)});
// url is "/user/42"
router.load(url);
});