const router = new Router();

router.setRoutes({
    '/': HomeView,
    '/person/:id': {
        '/': PersonView,
        '/edit': EditPersonView
    },
    render: renderApp
});

router.listen();

function renderApp(view) {
    // view is now HomeView, PersonView or EditPersonView
    viewEngine.render(view);
}

const ensurePersonIsLoaded = params => getPerson(params.id)
    .then(person => state.dispatch('person_loaded', person));

router.setRoutes({
    '/': HomeView,
    '/person/:id': {
        before: ensurePersonIsLoaded,
        '/': PersonView,
        '/edit': EditPersonView
    }
});

router.setRoutes({
    '/': HomeView,
    '/person/:id': {
        '/': PersonView,
        render: renderPerson
    },
    render: renderApp
});

function PersonView(params) {
    return 'Text about person';
}

function renderPerson(view) {
    return m('.person-container', view);
}

function renderApp(view) {
    return m('.app-container', view);
}

// Visiting /person/123 would yield something like this:
// m('.app-container', m('.person-container', 'Text about person'))