import * as riot from 'riot';
import * as route from 'page';
let page = null;

export default () => {
	route('/',         index);
	route('/:channel', channel);
	route('*',         notFound);

	function index() {
		mount(document.createElement('mk-index'));
	}

	function channel(ctx) {
		const el = document.createElement('mk-channel');
		el.setAttribute('id', ctx.params.channel);
		mount(el);
	}

	function notFound() {
		mount(document.createElement('mk-not-found'));
	}

	// EXEC
	(route as any)();
};

function mount(content) {
	if (page) page.unmount();
	const body = document.getElementById('app');
	page = riot.mount(body.appendChild(content))[0];
}