src/html.js
export default (content, head, state, nonce) =>
`
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no'>
<link rel='icon' type='image/png' sizes='32x32' href='/img/favicon.png'>
${head.meta.toString()}
${head.title.toString()}
<link href='/app.css' rel='stylesheet'>
</head>
<body>
<div id='app'>${content}</div>
<script nonce='${nonce}'>
window.__STATE__ = ${JSON.stringify(state).replace(/</g, '\\u003c')}
</script>
<script src='/bundle.js'></script>
</body>
</html>
`