Ultra lightweight javascript router for those that need the most basic simple javascript routing.
// Initialise the router
var router = new LightRouter({
type: 'path', // Default routing type
handler: handler, // Handler for string-based route callbacks
pathRoot: 'my-app/path', // Base path for your app
routes: {
'': 'home', // Base Url
'users': 'userIndex',
'users/{id}': 'userShow',
'users/(.*)': function(params) { /* User: params[0] */ },
'users/(?:create|{id}/edit)': function(params) { /* Create/Edit User: params.id */ }
}
});
// Route callback handlers
var handler = {
home: function() { },
userIndex: function() { },
userShow: function(params) { /* Show user: params.id */ }
};
// Run the router
router.run();
- Super fast, regexes and objects are only initialized when they need to be.
- Predictable and easy regex-based, no new syntax to learn.
- Most routers use
:param
style syntax which interferes with regexes non-consuming match(?:
- Node support
- Support for matching from a base path (see
pathRoot
). - Traditional URL matching and support for hash based routing for single page apps.
- Fully unit tested.
Routes can be added with the add()
method
router.add(/anywhere-in-url-match\/(\w+)/, function(params) { });
router.add('articles/{id}', function(params) { console.log('loading article ' + params.id); });
router.add('user/{userId}/show', function(params) { console.log('showing user', params.userId); });
Type | Matches Against |
---|---|
path | window.location.pathname |
hash | window.location.hash |
The given pathRoot
will be essentially stripped out when matching the routes:
// Initialise the router
var router = new LightRouter({
type: 'path',
path: 'my-app-path/users/1',
pathRoot: 'my-app-path',
routes: {
'users/{id}': function(params) { console.log('showing user', params.id); }
}
}).run();
Adds a route and calls the callback function if the routing url matches. Callback can be either a string (with use of the handler
option) or closure.
Empty's all the routes
Set's the default routing type to either by hash or path
Set's the paths root url (the paths root url will be removed when matching against routes).
Set's the path to match routes against (will default to window.location.pathname)
Set's the hash to match routes against (will default to window.location.hash)
Set's the context to call matched routes under.
Set the object handler for string-based route callbacks.
Get's the url to match routes against (will default to get the url on the default routing type as set in the options or by setType()
or for the type if supplied.)
Attempt to match a one-time route.
Checks the routes against the url and calls the associated route function. Will also return the matched Route
object.