WebReflection/index.js

## index.js
const basicHTML = require('basichtml');
basicHTML.init();
document.documentElement.setAttribute('lang', 'en');

const {bind} = require('hyperhtml');

const model = {
  index: {
    title: 'hyperHTML does Cloudflare too',
    h1: {
      text: '🍾 Cloudflare hyperHTML Worker 🎉'
    }
  }
};

const render = {
  index: model => bind(document.documentElement)
  `<head>
    <title>${model.title}</title>
    <meta name=viewport content="width=device-width">
    <meta name="theme-color" content="#ffffff">
  </head>
  <body>
    <h1>${model.h1.text}</h1>
    <main></main>
  </body>`
};

const serve = type => render[type](model[type]).parentNode.toString();

addEventListener('fetch', event => {
  event.respondWith(new Response(
    serve('index'),
    {
      status: 200,
      statusText: 'OK',
      headers: {'content-type': 'text/html;charset=utf-8'}
    }
  ))
});
	const basicHTML = require('basichtml');
	basicHTML.init();
	document.documentElement.setAttribute('lang', 'en');

	const {bind} = require('hyperhtml');

	const model = {
	index: {
	title: 'hyperHTML does Cloudflare too',
	h1: {
	text: '🍾 Cloudflare hyperHTML Worker 🎉'
	}
	}
	};

	const render = {
	index: model => bind(document.documentElement)
	`<head>
	<title>${model.title}</title>
	<meta name=viewport content="width=device-width">
	<meta name="theme-color" content="#ffffff">
	</head>
	<body>
	<h1>${model.h1.text}</h1>
	<main></main>
	</body>`
	};

	const serve = type => render[type](model[type]).parentNode.toString();

	addEventListener('fetch', event => {
	event.respondWith(new Response(
	serve('index'),
	{
	status: 200,
	statusText: 'OK',
	headers: {'content-type': 'text/html;charset=utf-8'}
	}
	))
	});