Tim Branyen tbranyen

## test.html
<!doctype html>
<html lang="en">
<head>
  <title>Worker example</title>
</head>
<body>
  <main id="mount"></main>

  <script src="http://localhost:8080/packages/diffhtml/dist/diffhtml.min.js"></script>
  <script src="./packages/diffhtml-middleware-worker/dist/worker.js"></script>

## visible-proxy.js
function makeVisibleProxy() {
  const obj = {};

  // Own keys must be known ahead of time for this to work
  const keys = ['key1', 'key2'];

  // Map each known key to the obj, but make the getter "lazy"
  keys.forEach(keyName => {
    const desc = {
      configurable: true,

## game-of-life.js
const grid = buildGrid(20, 50, [
  (10 * 50) + 20,
  (10 * 50) + 21,
  (10 * 50) + 22,
  (10 * 50) + 23,
  (10 * 50) + 24,
  (10 * 50) + 25,
  (10 * 50) + 26,
  (10 * 50) + 27,
  (10 * 50) + 28,

## diffhtml.js
import { innerHTML, html } from 'https://unpkg.com/diffhtml/dist/es';

let a = 1;
let b = 2;

const updateA = ({ target }) => (a = Number(target.value), render());
const updateB = ({ target }) => (b = Number(target.value), render());

function render() {
  innerHTML(document.body, html`

## awhat.js
function makePromise() {
  return new Promise(() => {});
}

async function main() {
  console.log('start');
  await makePromise();
  console.log('end');
}

## console-react.jsx
const Console = props => {
  for (let method in console) {
    if (method in props) {
      console[method](props[method]);
    }
  }

  return <></>;
};

## hook-class.js
import { useState, Component } from 'react';

class MyComponent extends Component {
  render() {
    const [ count, setCount ] = this.state;

    return (
      <div>{count}</div>
    );
  }

## webapp.config.json
{
  "builds": [{
    "input": "lib/**/*.js",
    "output": "dist/esm",
    "outputType": "module",
    "debug": true
  }, {
    "input": "lib/**/*.js",
    "output": "dist/cjs",
    "outputType": "commonjs",

## events.js
const bus = {};
const get = e => (bus[e] = bus[e] || new Set());

export const listeners = new Proxy(bus, { get });
export const emit = (e, ...args) => listeners[e].forEach(fn => fn(...args));

## cjs-treeshake.js
it('will treekshake a static named import', async () => {
  const input = register('./a')`
    const { a } = require('./b');

    console.log(a);
  `;

  register('./b')`
    function b() {}
    exports.a = 'hello world';
	<!doctype html>
	<html lang="en">
	<head>
	<title>Worker example</title>
	</head>
	<body>
	<main id="mount"></main>

	<script src="http://localhost:8080/packages/diffhtml/dist/diffhtml.min.js"></script>
	<script src="./packages/diffhtml-middleware-worker/dist/worker.js"></script>
	function makeVisibleProxy() {
	const obj = {};

	// Own keys must be known ahead of time for this to work
	const keys = ['key1', 'key2'];

	// Map each known key to the obj, but make the getter "lazy"
	keys.forEach(keyName => {
	const desc = {
	configurable: true,
	const grid = buildGrid(20, 50, [
	(10 * 50) + 20,
	(10 * 50) + 21,
	(10 * 50) + 22,
	(10 * 50) + 23,
	(10 * 50) + 24,
	(10 * 50) + 25,
	(10 * 50) + 26,
	(10 * 50) + 27,
	(10 * 50) + 28,
	import { innerHTML, html } from 'https://unpkg.com/diffhtml/dist/es';

	let a = 1;
	let b = 2;

	const updateA = ({ target }) => (a = Number(target.value), render());
	const updateB = ({ target }) => (b = Number(target.value), render());

	function render() {
	innerHTML(document.body, html`
	function makePromise() {
	return new Promise(() => {});
	}

	async function main() {
	console.log('start');
	await makePromise();
	console.log('end');
	}
	const Console = props => {
	for (let method in console) {
	if (method in props) {
	console[method](props[method]);
	}
	}

	return <></>;
	};
	import { useState, Component } from 'react';

	class MyComponent extends Component {
	render() {
	const [ count, setCount ] = this.state;

	return (
	<div>{count}</div>
	);
	}
	{
	"builds": [{
	"input": "lib/*/.js",
	"output": "dist/esm",
	"outputType": "module",
	"debug": true
	}, {
	"input": "lib/*/.js",
	"output": "dist/cjs",
	"outputType": "commonjs",
	const bus = {};
	const get = e => (bus[e] = bus[e] \|\| new Set());

	export const listeners = new Proxy(bus, { get });
	export const emit = (e, ...args) => listeners[e].forEach(fn => fn(...args));
	it('will treekshake a static named import', async () => {
	const input = register('./a')`
	const { a } = require('./b');

	console.log(a);
	`;

	register('./b')`
	function b() {}
	exports.a = 'hello world';