A nice client-side router.

$ component install ianstormtaylor/router

Simple example:

var db = require('db');
var Router = require('router');
var router = new Router()
  .on('/:user', user, renderUser)
  .on('/:user/:repo', user, repo, renderRepo)
  .start();
function user (context, next) {
  var id = context.params.user;
  var user = db.users.get(id);
  context.user = user;
  next();
}
function repo (context, next) {
  var id = context.params.repo;
  var repo = db.users.get(id);
  context.repo = repo;
  next();
}
function renderUser (context, next) {
  var user = context.user;
  render(user);
}
function renderRepo (context, next) {
  var user = context.user;
  var repo = context.repo;
  render(user, repo);
}

Check the examples folder for the some more complicated examples.

Bind middleware functions to a path. Middleware take next callbacks to move to the next middleware on the queue.

Add "in" transition middleware that will be executed when a route is matched. This is equivalent to passing middleware to #on. You have to call #on first before calling #in.

Add "out" transition middleware that will be executed when the route is being "torn down" and another route is matched. You have to call #on first before calling #out.

Start the router, dispatching the current URL. (Convenience so you don't have to call #dispatch(window.location... yourself.)

Start and listen for link clicks that the router should handle, optionally namespaced by a path. This means that you don't need to .preventDefault clicks by hand on a[href]'s since the router will do it for you for internal links.

Dispatch to a path and push it onto the history with an optional state object.

Trigger middleware for a path.

Push a path onto the history, with an optional state object.

Replace the current URL in the history with a new path, with an optional state object.

Unbind the router

Trigger path on all routes that listen for it.

Use the given plugin.

MIT