43 lines
846 B
JavaScript
43 lines
846 B
JavaScript
|
const route = require('page');
|
||
|
let page = null;
|
||
|
|
||
|
module.exports = me => {
|
||
|
route('/', index);
|
||
|
route('/apps', apps);
|
||
|
route('/app/new', newApp);
|
||
|
route('/app/:app', app);
|
||
|
route('*', notFound);
|
||
|
|
||
|
function index() {
|
||
|
mount(document.createElement('mk-index'));
|
||
|
}
|
||
|
|
||
|
function apps() {
|
||
|
mount(document.createElement('mk-apps-page'));
|
||
|
}
|
||
|
|
||
|
function newApp() {
|
||
|
mount(document.createElement('mk-new-app-page'));
|
||
|
}
|
||
|
|
||
|
function app(ctx) {
|
||
|
const el = document.createElement('mk-app-page');
|
||
|
el.setAttribute('app', ctx.params.app);
|
||
|
mount(el);
|
||
|
}
|
||
|
|
||
|
function notFound() {
|
||
|
mount(document.createElement('mk-not-found'));
|
||
|
}
|
||
|
|
||
|
// EXEC
|
||
|
route();
|
||
|
};
|
||
|
|
||
|
const riot = require('riot');
|
||
|
function mount(content) {
|
||
|
if (page) page.unmount();
|
||
|
const body = document.getElementById('app');
|
||
|
page = riot.mount(body.appendChild(content))[0];
|
||
|
}
|