view: vnode =>
     m("pre.euler-code-wrapper", m.trust(vnode.attrs.code))

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}});

	.then(svg => {
		m.render(document.body, m.trust(svg));
	});

    { name: "contact", link: "mail" },
    { name: "github", link: "https://github.com/phincallahan" },
    { name: "last.fm", link: "https://www.last.fm/user/caphine" },
    { name: "spotify", link: "https://open.spotify.com/user/12141814312" }
]

const node = m.trust(
    `<section id="about">
        <p>
            <b class="name">Phineas Callahan</b> is a math major at 
            <a href="carleton.edu">Carleton College</a>. He enjoys writing clean
            code, solving algorithmic problems, and jamming out to 
            <a href="${discoLink}">disco</a>.
        </p>

        <table class="links">
            <tbody>
                <tr>
                    <td><strong>links: </strong></td>
                    <td><ul>${
    links.map(({ name, link }) => (
        `<li><a href=${link}>${name}</a></li>`
    )).join('')
    }</ul></td>
                </tr>
            </tbody>
        </table>
    </section>`
);

export const About: m.Component = { view: () => node }

// Not intended to be run; only to compile & check types.

import * as m from 'mithril';
import * as stream from 'mithril/stream';

const FRAME_BUDGET = 100;

{
	const vnode = m("div");
	console.assert(vnode.tag === "div");
	console.assert(typeof m.version === "string");
	console.assert(m.version.indexOf(".") > -1);
}

{
	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");