Mithril-App

Composable apps for Mithril.js.

Create self contained mithril apps that can be nested into each other.

Usage

var m = require('mithril');
var mApp = require('mithril-app');
 
// set mithril's routing mode
m.route.mode = 'hash';
 
var main = mApp();
 
// add regular mithril components
main.use('/', {
  controller: function () {},
  view: function (ctrl) {
    return m('h1', 'Home');
  }
});
 
main.use('/greeting', {
  controller: function () {},
  view: function (ctrl) {
    return m('h1', 'Greetings earthlings');
  }
});
 
var dashboard = mApp();
 
dashboard.use('/dashboard', {
  controller: function () {},
  view: function (ctrl) {
    return m('h1', 'Dashboard');
  }
});
 
var user = mApp();
 
user.use('/account', {
  controller: function () {},
  view: function (ctrl) {
    return m('h1', 'My Account');
  }
});
 
// add other apps
main.use(dashboard);
 
// add other apps nested in a route
main.use('/user', user);
 
// now mount main app to DOM
main.mount(document.getElementById('app'));

You shoud now have the following routes:

• / > Home
• /greeting > Greetings earthlings
• /dashboard > Dashboard
• /user/account > My Account

Mounting multiple apps at once.

It's also possible to mount multiple apps with on use-call

app.use({
 '/': homepageComponent
 '/user': userApp
})

You can use either mithril components or other apps as values.