Example #1
0
import {trust, parseQueryString, buildQueryString} from 'mithril';
import * as h from 'mithril/hyperscript';
import {render} from 'mithril/render';
import {redraw} from 'mithril/redraw';
import * as withAttr from 'mithril/withAttr';

const vnode = trust('Some <strong>bold</strong> text.');

const params = parseQueryString('?id=123');

const qstr = buildQueryString({id: 123});

render(document.body, 'Hello');
render(document.body, h('h1', 'Test'));
render(document.body, [
	h('h1', 'Test'), "abc", null, 123, false, h('p', 'Vnode array'),
	['a', 123, undefined, h('div', 'Nested')]
]);

redraw();

const handler = withAttr("value", (value) => {});
handler({currentTarget: {value: 10}});
Example #2
0
	const vnode = m.trust("<br>");
}

{
	const vnode = m.fragment({key: 123}, [m("div")]);
	console.assert((vnode.children as Array<m.Vnode<any, any>>).length === 1);
	console.assert(vnode.children![0].tag === 'div');
}

{
	const handler = m.withAttr("value", (value) => {});
	handler({currentTarget: {value: 10}});
}

{
	const params = m.parseQueryString("?a=1&b=2");
	const query = m.buildQueryString({a: 1, b: 2});
}

{
	const root = window.document.createElement("div");
	m.render(root, m("div"));
	console.assert(root.childNodes.length === 1);
}

{
	const root = window.document.createElement("div");
	m.mount(root, { view: () => m("div") });
	console.assert(root.childNodes.length === 1);
	console.assert(root.firstChild!.nodeName === "DIV");
}