Tool Shop JS Router
This JavaScript library provides an easy to use router for your web application. It's based on Navigo and works best in combination with the Tool Shop JS Widgets.
Get Started
Installation:
Install with NPM using your CLI:
npm install --save tool-shop-js-routerUsage
Example for the usage of the Router:
// Router returns an instance of the Navigo Router
const router = Router({
hooks: {
before(done) {
// ... do something before each page is rendered
done();
}
},
routes: {
"/about": {
page: AboutPage,
// layout is optional. If not set,
// the page is rendered to the body tag directly.
layout: DefaultLayout
},
// default page
"*": {
page: HomePage,
layout: DefaultLayout
}
}
});API
Page Element
The router instance has a property holding the current page HTML element.
const router = Router(/* ... */);
router.pageElement; // the pages HTML element currently renderedTODO
- [ ] Pass URL and query params to the page constructor