From 15e425411fa9e1f2fdb515922611b6859e74fe07 Mon Sep 17 00:00:00 2001
From: Mayank Mandava <mayankmandava@gmail.com>
Date: Tue, 30 Jul 2019 10:04:02 -0700
Subject: [PATCH 01/68] Update link to standalone preact+html module

The `.mjs` link does not work anymore. Changing README to point to `.module.js` instead.
Closes 113
---
 README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/README.md b/README.md
index 1dce010..2707abb 100644
--- a/README.md
+++ b/README.md
@@ -66,7 +66,7 @@ const html = htm.bind(React.createElement);
 
 ```js
 // just want htm + preact in a single file? there's a highly-optimized version of that:
-import { html, render } from 'https://unpkg.com/htm/preact/standalone.mjs'
+import { html, render } from 'https://unpkg.com/htm/preact/standalone.module.js'
 ```
 
 ## Usage
@@ -164,7 +164,7 @@ It's a single HTML file, and there's no build or tooling. You can edit it with n
 <html lang="en">
   <title>htm Demo</title>
   <script type="module">
-    import { html, Component, render } from 'https://unpkg.com/htm/preact/standalone.mjs';
+    import { html, Component, render } from 'https://unpkg.com/htm/preact/standalone.module.js';
 
     class App extends Component {
       addTodo() {

From 7bf85892f57108681d71d670fa9d6fd3c130ab12 Mon Sep 17 00:00:00 2001
From: Jason Miller <developit@google.com>
Date: Tue, 30 Jul 2019 20:20:41 -0400
Subject: [PATCH 02/68] 2.2.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 7a124d7..14aedf7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "htm",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "The Tagged Template syntax for Virtual DOM. Only browser-compatible syntax.",
   "main": "dist/htm.js",
   "umd:main": "dist/htm.umd.js",

From 97a787d2d0cd44a681ad48a361a8735dd4102011 Mon Sep 17 00:00:00 2001
From: Jason Miller <developit@users.noreply.github.com>
Date: Wed, 4 Sep 2019 20:42:38 -0400
Subject: [PATCH 03/68] Add Demos & Examples to readme

---
 README.md | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/README.md b/README.md
index 2707abb..e89f479 100644
--- a/README.md
+++ b/README.md
@@ -253,6 +253,13 @@ console.log(html`
 // }
 ```
 
+## Demos & Examples
+
+- [Canadian Holidays](https://github.com/pcraig3/hols): A full app using HTM and Server-Side Rendering
+- [HTM SSR Example](https://github.com/timarney/htm-ssr-demo): Shows how to do SSR with HTM
+- [HTM + Preact SSR Demo](https://gist.github.com/developit/699c8d8f180a1e4eed58167f9c6711be)
+- [HTM + vhtml SSR Demo](https://gist.github.com/developit/ff925c3995b4a129b6b977bf7cd12ebd)
+
 ## Project Status
 
 The original goal for `htm` was to create a wrapper around Preact that felt natural for use untranspiled in the browser. I wanted to use Virtual DOM, but I wanted to eschew build tooling and use ES Modules directly.

From 6d3bc8bdd156aa96b02e3692ee75677907f8ae07 Mon Sep 17 00:00:00 2001
From: Joachim Viide <jviide@iki.fi>
Date: Wed, 18 Sep 2019 22:14:47 +0300
Subject: [PATCH 04/68] Add typings for htm.bind(...)

The src/index.d.ts file is copied to dist/index.d.ts and
mini/index.d.ts as a part of the build process.
---
 package.json   | 4 ++--
 src/index.d.ts | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 src/index.d.ts

diff --git a/package.json b/package.json
index 14aedf7..523f72a 100644
--- a/package.json
+++ b/package.json
@@ -7,8 +7,8 @@
   "module": "dist/htm.module.js",
   "scripts": {
     "build": "npm run -s build:main && npm run -s build:mini && npm run -s build:preact && npm run -s build:react && npm run -s build:babel && npm run -s build:babel-transform-jsx && npm run -s build:mjsalias",
-    "build:main": "microbundle src/index.mjs -f es,umd --no-sourcemap --target web && microbundle src/cjs.mjs -f iife --no-sourcemap --target web",
-    "build:mini": "microbundle src/index.mjs -o ./mini/index.js -f es,umd --no-sourcemap --target web --alias ./constants.mjs=./constants-mini.mjs && microbundle src/cjs.mjs -o ./mini/index.js -f iife --no-sourcemap --target web --alias ./constants.mjs=./constants-mini.mjs",
+    "build:main": "microbundle src/index.mjs -f es,umd --no-sourcemap --target web && microbundle src/cjs.mjs -f iife --no-sourcemap --target web && cp src/index.d.ts dist",
+    "build:mini": "microbundle src/index.mjs -o ./mini/index.js -f es,umd --no-sourcemap --target web --alias ./constants.mjs=./constants-mini.mjs && microbundle src/cjs.mjs -o ./mini/index.js -f iife --no-sourcemap --target web --alias ./constants.mjs=./constants-mini.mjs && cp src/index.d.ts mini",
     "build:preact": "cd src/integrations/preact && npm run build",
     "build:react": "cd src/integrations/react && npm run build",
     "build:babel": "cd packages/babel-plugin-htm && npm run build",
diff --git a/src/index.d.ts b/src/index.d.ts
new file mode 100644
index 0000000..f63af7b
--- /dev/null
+++ b/src/index.d.ts
@@ -0,0 +1,5 @@
+export default {
+  bind<HResult>(
+    h: (type: any, props: Record<string, any>, ...children: any[]) => HResult
+  ): (strings: TemplateStringsArray, ...values: any[]) => HResult | HResult[];
+};

From 66f8ef8650f2a93627ea800eabc6006c82562f23 Mon Sep 17 00:00:00 2001
From: Joachim Viide <jviide@iki.fi>
Date: Thu, 3 Oct 2019 01:11:16 +0300
Subject: [PATCH 05/68] Update htm/preact/standalone to Preact X

---
 package.json                      | 2 +-
 src/integrations/preact/index.mjs | 6 +-----
 test/preact.test.mjs              | 4 ++--
 3 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 14aedf7..88e9566 100644
--- a/package.json
+++ b/package.json
@@ -77,7 +77,7 @@
     "eslint-config-developit": "^1.1.1",
     "jest": "^24.1.0",
     "microbundle": "^0.10.1",
-    "preact": "^8.4.2",
+    "preact": "^10.0.0",
     "react": "^16.8.3"
   }
 }
diff --git a/src/integrations/preact/index.mjs b/src/integrations/preact/index.mjs
index 019c572..4a7b0bb 100644
--- a/src/integrations/preact/index.mjs
+++ b/src/integrations/preact/index.mjs
@@ -11,13 +11,9 @@
  * limitations under the License.
  */
 
-import { h, Component, render as preactRender } from 'preact';
+import { h, Component, render } from 'preact';
 import htm from 'htm';
 
-function render(tree, parent) {
-	preactRender(tree, parent, parent.firstElementChild);
-}
-
 const html = htm.bind(h);
 
 export { h, html, render, Component };
diff --git a/test/preact.test.mjs b/test/preact.test.mjs
index d7bee21..0582e2e 100644
--- a/test/preact.test.mjs
+++ b/test/preact.test.mjs
@@ -83,7 +83,7 @@ describe('htm/preact', () => {
 		scratch.innerHTML = '';
 
 		render(html`<div is-before="blah" ...${props} />`, scratch);
-		expect(scratch.innerHTML).toBe(`<div is-before="blah" a="1" b="2" c="3"></div>`);
+		expect(scratch.innerHTML).toBe(`<div a="1" b="2" c="3" is-before="blah"></div>`);
 		scratch.innerHTML = '';
 
 		render(html`<div ...${props} is-after />`, scratch);
@@ -92,7 +92,7 @@ describe('htm/preact', () => {
 		scratch.innerHTML = '';
 
 		render(html`<div is-before ...${props} is-after="blah" />`, scratch);
-		expect(scratch.innerHTML).toBe(`<div is-before="true" a="1" b="2" c="3" is-after="blah"></div>`);
+		expect(scratch.innerHTML).toBe(`<div a="1" b="2" c="3" is-after="blah" is-before="true"></div>`);
 		scratch.innerHTML = '';
 
 		render(html`<div ...${props} ...${other} />`, scratch);

From 9930affb4fb244a5f4269beed98a5740982ce3b2 Mon Sep 17 00:00:00 2001
From: Ziad EL KHOURY HANNA <ziad.khoury.hanna@oceandatalab.com>
Date: Thu, 17 Oct 2019 15:27:05 +0200
Subject: [PATCH 06/68] [babel-plugin-htm] Add auto-import pragma option

---
 packages/babel-plugin-htm/README.md |  72 +++++++++++++++
 packages/babel-plugin-htm/index.mjs |  46 ++++++++--
 test/babel.test.mjs                 | 131 ++++++++++++++++++++++++++--
 3 files changed, 237 insertions(+), 12 deletions(-)

diff --git a/packages/babel-plugin-htm/README.md b/packages/babel-plugin-htm/README.md
index 09ead9b..0587f84 100644
--- a/packages/babel-plugin-htm/README.md
+++ b/packages/babel-plugin-htm/README.md
@@ -41,6 +41,78 @@ By default, `babel-plugin-htm` will process all Tagged Templates with a tag func
 ]}
 ```
 
+### `import=false` _(experimental)_
+
+Auto-import the pragma function, off by default.
+
+#### `false` (default)
+
+Don't auto-import anything.
+
+#### `String`
+
+Import the `pragma` like `import {<pragma>} from '<import>'`.
+
+With Babel config:
+```js
+"plugins": [
+  ["babel-plugin-htm", {
+    "tag": "$$html",
+    "import": "preact"
+  }]
+]
+```
+
+```js
+import { html as $$html } from 'htm/preact';
+
+export default $$html`<div id="foo">hello ${you}</div>`
+```
+
+The above will produce files that look like:
+
+```js
+import { h } from 'preact';
+import { html as $$html } from 'htm/preact';
+
+export default h("div", { id: "foo" }, "hello ", you)
+```
+
+#### `{module: String, export: String}`
+
+Import the `pragma` like `import {<import.export> as <pragma>} from '<import.module>'`.
+
+With Babel config:
+```js
+"plugins": [
+  ["babel-plugin-htm", {
+    "pragma": "React.createElement",
+    "tag": "$$html",
+    "import": {
+      // the module to import:
+      "module": "react",
+      // a named export to use from that module:
+      "export": "default"
+    }
+  }]
+]
+```
+
+```js
+import { html as $$html } from 'htm/react';
+
+export default $$html`<div id="foo">hello ${you}</div>`
+```
+
+The above will produce files that look like:
+
+```js
+import React from 'react';
+import { html as $$html } from 'htm/react';
+
+export default React.createElement("div", { id: "foo" }, "hello ", you)
+```
+
 ### `useBuiltIns=false`
 
 `babel-plugin-htm` transforms prop spreads (`<a ...${b}>`) into `Object.assign()` calls. For browser support reasons, Babel's standard `_extends` helper is used by default. To use native `Object.assign` directly, pass `{useBuiltIns:true}`.
diff --git a/packages/babel-plugin-htm/index.mjs b/packages/babel-plugin-htm/index.mjs
index 3b32406..9e00c37 100644
--- a/packages/babel-plugin-htm/index.mjs
+++ b/packages/babel-plugin-htm/index.mjs
@@ -5,16 +5,42 @@ import { build, treeify } from '../../src/build.mjs';
  * @param {object} options
  * @param {string} [options.pragma=h]  JSX/hyperscript pragma.
  * @param {string} [options.tag=html]  The tagged template "tag" function name to process.
+ * @param {string | boolean | object} [options.import=false]  Import the tag automatically
  * @param {boolean} [options.monomorphic=false]  Output monomorphic inline objects instead of using String literals.
  * @param {boolean} [options.useBuiltIns=false]  Use the native Object.assign instead of trying to polyfill it.
  * @param {boolean} [options.useNativeSpread=false]  Use the native { ...a, ...b } syntax for prop spreads.
  * @param {boolean} [options.variableArity=true] If `false`, always passes exactly 3 arguments to the pragma function.
  */
 export default function htmBabelPlugin({ types: t }, options = {}) {
-	const pragma = options.pragma===false ? false : dottedIdentifier(options.pragma || 'h');
+	const pragmaString = options.pragma===false ? false : options.pragma || 'h';
+	const pragma = pragmaString===false ? false : dottedIdentifier(pragmaString);
 	const useBuiltIns = options.useBuiltIns;
 	const useNativeSpread = options.useNativeSpread;
 	const inlineVNodes = options.monomorphic || pragma===false;
+	const importDeclaration = pragmaImport(options.import || false);
+
+	function pragmaImport(imp) {
+		if (pragmaString === false || imp === false) {
+			return null;
+		}
+		const pragmaRoot = t.identifier(pragmaString.split('.')[0]);
+		const { module, export: export_ } = typeof imp !== 'string' ? imp : {
+			module: imp,
+			export: null
+		};
+
+		let specifier;
+		if (export_ === '*') {
+			specifier = t.importNamespaceSpecifier(pragmaRoot);
+		}
+		else if (export_ === 'default') {
+			specifier = t.importDefaultSpecifier(pragmaRoot);
+		}
+		else {
+			specifier = t.importSpecifier(pragmaRoot, export_ ? t.identifier(export_) : pragmaRoot);
+		}
+		return t.importDeclaration([specifier], t.stringLiteral(module));
+	}
 
 	function dottedIdentifier(keypath) {
 		const path = keypath.split('.');
@@ -69,7 +95,7 @@ export default function htmBabelPlugin({ types: t }, options = {}) {
 		}
 		return t.stringLiteral(str);
 	}
-  
+
 	function createVNode(tag, props, children) {
 		// Never pass children=[[]].
 		if (children.elements.length === 1 && t.isArrayExpression(children.elements[0]) && children.elements[0].elements.length === 0) {
@@ -94,7 +120,7 @@ export default function htmBabelPlugin({ types: t }, options = {}) {
 
 		return t.callExpression(pragma, [tag, props].concat(children));
 	}
-	
+
 	function spreadNode(args, state) {
 		if (args.length === 0) {
 			return t.nullLiteral();
@@ -102,7 +128,7 @@ export default function htmBabelPlugin({ types: t }, options = {}) {
 		if (args.length > 0 && t.isNode(args[0])) {
 			args.unshift({});
 		}
-		
+
 		// 'Object.assign(x)', can be collapsed to 'x'.
 		if (args.length === 1) {
 			return propsNode(args[0]);
@@ -124,11 +150,11 @@ export default function htmBabelPlugin({ types: t }, options = {}) {
 			});
 			return t.objectExpression(properties);
 		}
-		
+
 		const helper = useBuiltIns ? dottedIdentifier('Object.assign') : state.addHelper('extends');
 		return t.callExpression(helper, args.map(propsNode));
 	}
-	
+
 	function propsNode(props) {
 		return t.isNode(props) ? props : t.objectExpression(objectProperties(props));
 	}
@@ -152,6 +178,13 @@ export default function htmBabelPlugin({ types: t }, options = {}) {
 	return {
 		name: 'htm',
 		visitor: {
+			Program: {
+				exit(path, state) {
+					if (state.get('hasHtm') && importDeclaration) {
+						path.unshiftContainer('body', importDeclaration);
+					}
+				},
+			},
 			TaggedTemplateExpression(path, state) {
 				const tag = path.node.tag.name;
 				if (htmlName[0]==='/' ? patternStringToRegExp(htmlName).test(tag) : tag === htmlName) {
@@ -163,6 +196,7 @@ export default function htmBabelPlugin({ types: t }, options = {}) {
 						? transform(tree, state)
 						: t.arrayExpression(tree.map(root => transform(root, state)));
 					path.replaceWith(node);
+					state.set('hasHtm', true);
 				}
 			}
 		}
diff --git a/test/babel.test.mjs b/test/babel.test.mjs
index 8dad65d..c7ad833 100644
--- a/test/babel.test.mjs
+++ b/test/babel.test.mjs
@@ -46,7 +46,7 @@ describe('htm/babel', () => {
 				]
 			}).code
 		).toBe(`h("a",Object.assign({b:2},{c:3}),"d: ",4);`);
-		
+
 		expect(
 			transform('html`<a b=${2} ...${{ c: 3 }}>d: ${4}</a>`;', {
 				...options,
@@ -68,7 +68,7 @@ describe('htm/babel', () => {
 				]
 			}).code
 		).toBe(`h("a",foo);`);
-		
+
 		expect(
 			transform('html`<a ...${foo}></a>`;', {
 				...options,
@@ -92,7 +92,7 @@ describe('htm/babel', () => {
 				]
 			}).code
 		).toBe(`h("a",Object.assign({},foo,bar));`);
-		
+
 		expect(
 			transform('html`<a ...${foo} ...${bar}></a>`;', {
 				...options,
@@ -116,7 +116,7 @@ describe('htm/babel', () => {
 				]
 			}).code
 		).toBe(`h("a",Object.assign({b:"1"},foo));`);
-		
+
 		expect(
 			transform('html`<a b="1" ...${foo}></a>`;', {
 				...options,
@@ -140,7 +140,7 @@ describe('htm/babel', () => {
 				]
 			}).code
 		).toBe(`h("a",Object.assign({},foo,{b:"1"}));`);
-		
+
 		expect(
 			transform('html`<a ...${foo} b="1"></a>`;', {
 				...options,
@@ -164,7 +164,7 @@ describe('htm/babel', () => {
 				]
 			}).code
 		).toBe(`h("a",Object.assign({b:"1"},foo,{c:2},{d:3}));`);
-		
+
 		expect(
 			transform('html`<a b="1" ...${foo} c=${2} ...${{d:3}}></a>`;', {
 				...options,
@@ -307,6 +307,125 @@ describe('htm/babel', () => {
 		});
 	});
 
+	describe('{import:"preact"}', () => {
+		test('should do nothing when pragma=false', () => {
+			expect(
+				transform('var name="world",vnode=html`<div id=hello>hello, ${name}</div>`;', {
+					...options,
+					plugins: [
+						[htmBabelPlugin, {
+							pragma: false,
+							import: 'preact'
+						}]
+					]
+				}).code
+			).toBe(`var name="world",vnode={tag:"div",props:{id:"hello"},children:["hello, ",name]};`);
+		});
+		test('should do nothing when tag is not used', () => {
+			expect(
+				transform('console.log("hi");', {
+					...options,
+					plugins: [
+						[htmBabelPlugin, {
+							import: 'preact'
+						}]
+					]
+				}).code
+			).toBe(`console.log("hi");`);
+		});
+		test('should add import', () => {
+			expect(
+				transform('html`<div id=hello>hello</div>`;', {
+					...options,
+					plugins: [
+						[htmBabelPlugin, {
+							import: 'preact'
+						}]
+					]
+				}).code
+			).toBe(`import{h}from"preact";h("div",{id:"hello"},"hello");`);
+		});
+		test('should add import for pragma', () => {
+			expect(
+				transform('html`<div id=hello>hello</div>`;', {
+					...options,
+					plugins: [
+						[htmBabelPlugin, {
+							pragma: 'createElement',
+							import: 'react'
+						}]
+					]
+				}).code
+			).toBe(`import{createElement}from"react";createElement("div",{id:"hello"},"hello");`);
+		});
+	});
+
+	describe('{import:Object}', () => {
+		test('should add import', () => {
+			expect(
+				transform('html`<div id=hello>hello</div>`;', {
+					...options,
+					plugins: [
+						[htmBabelPlugin, {
+							import: {
+								module: 'preact',
+								export: 'h'
+							}
+						}]
+					]
+				}).code
+			).toBe(`import{h}from"preact";h("div",{id:"hello"},"hello");`);
+		});
+		test('should add import as pragma', () => {
+			expect(
+				transform('html`<div id=hello>hello</div>`;', {
+					...options,
+					plugins: [
+						[htmBabelPlugin, {
+							pragma: 'hh',
+							import: {
+								module: 'preact',
+								export: 'h'
+							}
+						}]
+					]
+				}).code
+			).toBe(`import{h as hh}from"preact";hh("div",{id:"hello"},"hello");`);
+		});
+		test('should add import default', () => {
+			expect(
+				transform('html`<div id=hello>hello</div>`;', {
+					...options,
+					plugins: [
+						[htmBabelPlugin, {
+							pragma: 'React.createElement',
+							import: {
+								module: 'react',
+								export: 'default'
+							}
+						}]
+					]
+				}).code
+			).toBe(`import React from"react";React.createElement("div",{id:"hello"},"hello");`);
+		});
+		test('should add import *', () => {
+			expect(
+				transform('html`<div id=hello>hello</div>`;', {
+					...options,
+					plugins: [
+						[htmBabelPlugin, {
+							pragma: 'Preact.h',
+							import: {
+								module: 'preact',
+								export: '*'
+							}
+						}]
+					]
+				}).code
+			).toBe(`import*as Preact from"preact";Preact.h("div",{id:"hello"},"hello");`);
+		});
+	});
+
 	describe('main test suite', () => {
 		// Run all of the main tests against the Babel plugin:
 		const mod = require('fs').readFileSync(require('path').resolve(__dirname, 'index.test.mjs'), 'utf8').replace(/\\0/g, '\0');

From 935e8b1ddcf62080c5636e636cb5f84b9fbc6807 Mon Sep 17 00:00:00 2001
From: Joachim Viide <jviide@iki.fi>
Date: Fri, 18 Oct 2019 20:54:11 +0300
Subject: [PATCH 07/68] Use only Map for caching, remove keyed fallback

---
 src/index.mjs | 28 +++++++---------------------
 1 file changed, 7 insertions(+), 21 deletions(-)

diff --git a/src/index.mjs b/src/index.mjs
index 70fcb2a..059d1ee 100644
--- a/src/index.mjs
+++ b/src/index.mjs
@@ -14,29 +14,15 @@
 import { MINI } from './constants.mjs';
 import { build, evaluate } from './build.mjs';
 
-const getCacheMap = (statics) => {
-	let tpl = CACHE.get(statics);
-	if (!tpl) {
-		CACHE.set(statics, tpl = build(statics));
-	}
-	return tpl;
-};
-
-const getCacheKeyed = (statics) => {
-	let key = '';
-	for (let i = 0; i < statics.length; i++) {
-		key += statics[i].length + '-' + statics[i];
-	}
-	return CACHE[key] || (CACHE[key] = build(statics));
-};
-
-const USE_MAP = !MINI && typeof Map === 'function';
-const CACHE = USE_MAP ? new Map() : {};
-const getCache = USE_MAP ? getCacheMap : getCacheKeyed;
+const CACHE = new Map();
 
 const cached = function(statics) {
-	const res = evaluate(this, getCache(statics), arguments, []);
-	return res.length > 1 ? res : res[0];
+	let tmp = CACHE.get(statics);
+	if (!tmp) {
+		CACHE.set(statics, tmp = build(statics));
+	}
+	tmp = evaluate(this, tmp, arguments, []);
+	return tmp.length > 1 ? tmp : tmp[0];
 };
 
 export default MINI ? build : cached;

From 8028bd9cf6eb638aefeabdc7c0f23fa2eedfe2b1 Mon Sep 17 00:00:00 2001
From: Joachim Viide <jviide@iki.fi>
Date: Fri, 18 Oct 2019 22:08:49 +0300
Subject: [PATCH 08/68] Implement per-h cache

Keep the API backwards compatible by redefining htm.bind.
---
 src/index.mjs | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/index.mjs b/src/index.mjs
index 059d1ee..c212f79 100644
--- a/src/index.mjs
+++ b/src/index.mjs
@@ -14,15 +14,17 @@
 import { MINI } from './constants.mjs';
 import { build, evaluate } from './build.mjs';
 
-const CACHE = new Map();
+const regular = h => {
+	const cache = new Map();
 
-const cached = function(statics) {
-	let tmp = CACHE.get(statics);
-	if (!tmp) {
-		CACHE.set(statics, tmp = build(statics));
-	}
-	tmp = evaluate(this, tmp, arguments, []);
-	return tmp.length > 1 ? tmp : tmp[0];
+	return function(statics) {
+		let tmp = cache.get(statics);
+		if (!tmp) {
+			cache.set(statics, tmp = build(statics));
+		}
+		tmp = evaluate(h, tmp, arguments, []);
+		return tmp.length > 1 ? tmp : tmp[0];
+	};
 };
 
-export default MINI ? build : cached;
+export default MINI ? build : { bind: regular };

From b5a5703226091e76a5515f2c58eb330e52188d30 Mon Sep 17 00:00:00 2001
From: Joachim Viide <jviide@iki.fi>
Date: Fri, 18 Oct 2019 22:14:52 +0300
Subject: [PATCH 09/68] Cache static subtrees

---
 src/build.mjs                 | 71 +++++++++++++++++++++++------------
 test/statics-caching.test.mjs | 28 ++++++++++++++
 2 files changed, 75 insertions(+), 24 deletions(-)
 create mode 100644 test/statics-caching.test.mjs

diff --git a/src/build.mjs b/src/build.mjs
index 3813467..c83f181 100644
--- a/src/build.mjs
+++ b/src/build.mjs
@@ -8,10 +8,10 @@ const MODE_COMMENT = 4;
 const MODE_PROP_SET = 5;
 const MODE_PROP_APPEND = 6;
 
-const TAG_SET = 1;
 const CHILD_APPEND = 0;
 const CHILD_RECURSE = 2;
-const PROPS_ASSIGN = 3;
+const TAG_SET = 3;
+const PROPS_ASSIGN = 4;
 const PROP_SET = MODE_PROP_SET;
 const PROP_APPEND = MODE_PROP_APPEND;
 
@@ -36,30 +36,30 @@ export const treeify = (built, fields) => {
 		const children = [];
 
 		for (let i = 1; i < built.length; i++) {
-			const field = built[i++];
-			const value = typeof field === 'number' ? fields[field - 1] : field;
+			const type = built[i++];
+			const value = built[i] ? fields[built[i++]-1] : built[++i];
 
-			if (built[i] === TAG_SET) {
+			if (type === TAG_SET) {
 				tag = value;
 			}
-			else if (built[i] === PROPS_ASSIGN) {
+			else if (type === PROPS_ASSIGN) {
 				props.push(value);
 				currentProps = null;
 			}
-			else if (built[i] === PROP_SET) {
+			else if (type === PROP_SET) {
 				if (!currentProps) {
 					currentProps = Object.create(null);
 					props.push(currentProps);
 				}
 				currentProps[built[++i]] = [value];
 			}
-			else if (built[i] === PROP_APPEND) {
+			else if (type === PROP_APPEND) {
 				currentProps[built[++i]].push(value);
 			}
-			else if (built[i] === CHILD_RECURSE) {
+			else if (type === CHILD_RECURSE) {
 				children.push(_treeify(value));
 			}
-			else if (built[i] === CHILD_APPEND) {
+			else if (type === CHILD_APPEND) {
 				children.push(value);
 			}
 		}
@@ -70,12 +70,20 @@ export const treeify = (built, fields) => {
 	return children.length > 1 ? children : children[0];
 };
 
-
 export const evaluate = (h, built, fields, args) => {
+	let tmp;
+
+	// `build()` used the first element of the operation list as
+	// temporary workspace. Now that `build()` is done we can use
+	// that space to track whether the current element is "dynamic"
+	// (i.e. it or any of its descendants depend on dynamic values).
+	built[0] = 0;
+
 	for (let i = 1; i < built.length; i++) {
-		const field = built[i];
-		const value = typeof field === 'number' ? fields[field] : field;
-		const type = built[++i];
+		const type = built[i++];
+
+		// Set `built[0]` to truthy if this element depends on a dynamic value.
+		const value = built[i] ? fields[built[0] = built[i++]] : built[++i];
 
 		if (type === TAG_SET) {
 			args[0] = value;
@@ -90,11 +98,26 @@ export const evaluate = (h, built, fields, args) => {
 			args[1][built[++i]] += (value + '');
 		}
 		else if (type) {
-			// code === CHILD_RECURSE
-			args.push(h.apply(null, evaluate(h, value, fields, ['', null])));
+			// type === CHILD_RECURSE
+			tmp = h.apply(0, evaluate(h, value, fields, ['', null]));
+			args.push(tmp);
+
+			if (value[0]) {
+				// If the child element is dynamic, then so is the current element.
+				built[0] = 1;
+			}
+			else {
+				// Rewrite the operation list in-place if the child element is static.
+				// The currently evaluated piece `CHILD_RECURSE, 0, [...]` becomes
+				// `CHILD_APPEND, 0, tmp`.
+				// Essentially the operation list gets optimized for potential future
+				// re-evaluations.
+				built[i-2] = CHILD_APPEND;
+				built[i] = tmp;
+			}
 		}
 		else {
-			// code === CHILD_APPEND
+			// type === CHILD_APPEND
 			args.push(value);
 		}
 	}
@@ -118,7 +141,7 @@ export const build = function(statics) {
 				current.push(field ? fields[field] : buffer);
 			}
 			else {
-				current.push(field || buffer, CHILD_APPEND);
+				current.push(CHILD_APPEND, field, buffer);
 			}
 		}
 		else if (mode === MODE_TAGNAME && (field || buffer)) {
@@ -126,7 +149,7 @@ export const build = function(statics) {
 				current[1] = field ? fields[field] : buffer;
 			}
 			else {
-				current.push(field || buffer, TAG_SET);
+				current.push(TAG_SET, field, buffer);
 			}
 			mode = MODE_WHITESPACE;
 		}
@@ -135,7 +158,7 @@ export const build = function(statics) {
 				current[2] = Object.assign(current[2] || {}, fields[field]);
 			}
 			else {
-				current.push(field, PROPS_ASSIGN);
+				current.push(PROPS_ASSIGN, field, 0);
 			}
 		}
 		else if (mode === MODE_WHITESPACE && buffer && !field) {
@@ -143,7 +166,7 @@ export const build = function(statics) {
 				(current[2] = current[2] || {})[buffer] = true;
 			}
 			else {
-				current.push(true, PROP_SET, buffer);
+				current.push(PROP_SET, 0, true, buffer);
 			}
 		}
 		else if (mode >= MODE_PROP_SET) {
@@ -158,11 +181,11 @@ export const build = function(statics) {
 			}
 			else {
 				if (buffer || (!field && mode === MODE_PROP_SET)) {
-					current.push(buffer, mode, propName);
+					current.push(mode, 0, buffer, propName);
 					mode = MODE_PROP_APPEND;
 				}
 				if (field) {
-					current.push(field, mode, propName);
+					current.push(mode, field, 0, propName);
 					mode = MODE_PROP_APPEND;
 				}
 			}
@@ -241,7 +264,7 @@ export const build = function(statics) {
 					(current = current[0]).push(h.apply(null, mode.slice(1)));
 				}
 				else {
-					(current = current[0]).push(mode, CHILD_RECURSE);
+					(current = current[0]).push(CHILD_RECURSE, 0, mode);
 				}
 				mode = MODE_SLASH;
 			}
diff --git a/test/statics-caching.test.mjs b/test/statics-caching.test.mjs
new file mode 100644
index 0000000..74c11a3
--- /dev/null
+++ b/test/statics-caching.test.mjs
@@ -0,0 +1,28 @@
+/**
+ * Copyright 2018 Google Inc. All Rights Reserved.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import htm from '../src/index.mjs';
+
+const h = (tag, props, ...children) => ({ tag, props, children });
+const html = htm.bind(h);
+
+describe('htm', () => {
+	test('caching', () => {
+		const x = () => html`<div>a</div>`;
+		const a = x();
+		const b = x();
+		expect(a).toEqual({ tag: 'div', props: null, children: ['a'] });
+		expect(b).toEqual({ tag: 'div', props: null, children: ['a'] });
+		expect(a).toBe(b);
+	});
+});

From 52be2e1b32ec1f66e1ef0ec2ae0efd03fd7caf83 Mon Sep 17 00:00:00 2001
From: Jodi Warren <jodi@jodiwarren.com>
Date: Sun, 20 Oct 2019 21:35:39 +0100
Subject: [PATCH 10/68] Clarify where to add the plugin config.

Makes a start on #47
---
 packages/babel-plugin-htm/README.md | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/packages/babel-plugin-htm/README.md b/packages/babel-plugin-htm/README.md
index 09ead9b..4dae351 100644
--- a/packages/babel-plugin-htm/README.md
+++ b/packages/babel-plugin-htm/README.md
@@ -7,11 +7,14 @@ A Babel plugin that compiles [htm] syntax to hyperscript, React.createElement, o
 Basic usage:
 
 ```js
-[
-  ["htm", {
-    "pragma": "React.createElement"
-  }]
-]
+// In your babel config
+{
+  presets: [
+    ["htm", {
+      "pragma": "React.createElement"
+    }]
+  ]
+}
 ```
 
 ```js

From 8d76204646668498b3d59ea830bcaa0f0dd2a54f Mon Sep 17 00:00:00 2001
From: "Serge A. Zaitsev" <zaitsev.serge@gmail.com>
Date: Mon, 28 Oct 2019 07:09:46 +0100
Subject: [PATCH 11/68] add preact hooks to the standalone bundle

---
 src/integrations/preact/standalone.mjs | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/integrations/preact/standalone.mjs b/src/integrations/preact/standalone.mjs
index 4ed23d4..01fbf80 100644
--- a/src/integrations/preact/standalone.mjs
+++ b/src/integrations/preact/standalone.mjs
@@ -12,6 +12,7 @@
  */
 
 import { h, Component, render as preactRender } from 'preact';
+import { useState, useReducer, useEffect, useLayoutEffect, useRef, useImperativeHandle, useMemo, useCallback, useContext, useDebugValue } from 'preact/hooks';
 import htm from '../../index.mjs';
 
 function render(tree, parent) {
@@ -20,4 +21,4 @@ function render(tree, parent) {
 
 const html = htm.bind(h);
 
-export { h, html, render, Component };
+export { h, html, render, Component, useState, useReducer, useEffect, useLayoutEffect, useRef, useImperativeHandle, useMemo, useCallback, useContext, useDebugValue };

From 2dd4f5471e7728880f5d537d4b84a9f47a6b89a6 Mon Sep 17 00:00:00 2001
From: Jason Miller <developit@users.noreply.github.com>
Date: Mon, 23 Dec 2019 23:39:48 -0500
Subject: [PATCH 12/68] Update README.md

---
 packages/babel-plugin-htm/README.md | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/babel-plugin-htm/README.md b/packages/babel-plugin-htm/README.md
index 4dae351..e975d69 100644
--- a/packages/babel-plugin-htm/README.md
+++ b/packages/babel-plugin-htm/README.md
@@ -4,12 +4,11 @@ A Babel plugin that compiles [htm] syntax to hyperscript, React.createElement, o
 
 ## Usage
 
-Basic usage:
+In your Babel configuration (`.babelrc`, `babel.config.js`, `"babel"` field in package.json, etc), add the plugin:
 
 ```js
-// In your babel config
 {
-  presets: [
+  "plugins": [
     ["htm", {
       "pragma": "React.createElement"
     }]

From bdbee85cbdbbfa51612e81fa67be079da2b3413b Mon Sep 17 00:00:00 2001
From: Joachim Viide <jviide@iki.fi>
Date: Tue, 24 Dec 2019 14:29:12 +0200
Subject: [PATCH 13/68] Create a new cache per `this`

---
 src/index.mjs | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/index.mjs b/src/index.mjs
index c212f79..b34f87b 100644
--- a/src/index.mjs
+++ b/src/index.mjs
@@ -14,17 +14,16 @@
 import { MINI } from './constants.mjs';
 import { build, evaluate } from './build.mjs';
 
-const regular = h => {
-	const cache = new Map();
+const CACHES = new Map();
 
-	return function(statics) {
-		let tmp = cache.get(statics);
-		if (!tmp) {
-			cache.set(statics, tmp = build(statics));
-		}
-		tmp = evaluate(h, tmp, arguments, []);
-		return tmp.length > 1 ? tmp : tmp[0];
-	};
+const regular = function(statics) {
+	let tmp = CACHES.get(this);
+	if (!tmp) {
+		tmp = new Map();
+		CACHES.set(this, tmp);
+	}
+	tmp = evaluate(this, tmp.get(statics) || (tmp.set(statics, tmp = build(statics)), tmp), arguments, []);
+	return tmp.length > 1 ? tmp : tmp[0];
 };
 
-export default MINI ? build : { bind: regular };
+export default MINI ? build : regular;

From 9bfed78d72fee8676bb846b6bc6a9851a2bcbd57 Mon Sep 17 00:00:00 2001
From: Joachim Viide <jviide@iki.fi>
Date: Thu, 26 Dec 2019 20:49:18 +0200
Subject: [PATCH 14/68] Add a test ensuring that each h has a separate subtree
 cache

---
 test/statics-caching.test.mjs | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/test/statics-caching.test.mjs b/test/statics-caching.test.mjs
index 74c11a3..68641f7 100644
--- a/test/statics-caching.test.mjs
+++ b/test/statics-caching.test.mjs
@@ -17,7 +17,7 @@ const h = (tag, props, ...children) => ({ tag, props, children });
 const html = htm.bind(h);
 
 describe('htm', () => {
-	test('caching', () => {
+	test('should cache static subtrees', () => {
 		const x = () => html`<div>a</div>`;
 		const a = x();
 		const b = x();
@@ -25,4 +25,15 @@ describe('htm', () => {
 		expect(b).toEqual({ tag: 'div', props: null, children: ['a'] });
 		expect(a).toBe(b);
 	});
+
+	test('should have a different cache for each h', () => {
+		let tmp = htm.bind(() => 1);
+		const x = () => tmp`<div>a</div>`;
+		const a = x();
+		tmp = htm.bind(() => 2);
+		const b = x();
+
+		expect(a).toBe(1);
+		expect(b).toBe(2);
+	});
 });

From 0ac2b50be3699f798f3122a20c4288c81887b254 Mon Sep 17 00:00:00 2001
From: Joachim Viide <jviide@iki.fi>
Date: Fri, 27 Dec 2019 04:23:22 +0200
Subject: [PATCH 15/68] Add staticness bit tracking

---
 src/build.mjs                 | 18 ++++++------
 test/statics-caching.test.mjs | 53 +++++++++++++++++++++++++++++++++++
 2 files changed, 62 insertions(+), 9 deletions(-)

diff --git a/src/build.mjs b/src/build.mjs
index c83f181..05e63fc 100644
--- a/src/build.mjs
+++ b/src/build.mjs
@@ -82,8 +82,8 @@ export const evaluate = (h, built, fields, args) => {
 	for (let i = 1; i < built.length; i++) {
 		const type = built[i++];
 
-		// Set `built[0]` to truthy if this element depends on a dynamic value.
-		const value = built[i] ? fields[built[0] = built[i++]] : built[++i];
+		// Set `built[0]`'s appropriate bits if this element depends on a dynamic value.
+		const value = built[i] ? ((built[0] |= type ? 1 : 2), fields[built[i++]]) : built[++i];
 
 		if (type === TAG_SET) {
 			args[0] = value;
@@ -97,14 +97,15 @@ export const evaluate = (h, built, fields, args) => {
 		else if (type === PROP_APPEND) {
 			args[1][built[++i]] += (value + '');
 		}
-		else if (type) {
-			// type === CHILD_RECURSE
-			tmp = h.apply(0, evaluate(h, value, fields, ['', null]));
+		else if (type) { // type === CHILD_RECURSE
+			// Set the operation list (including the staticness bits) as
+			// `this` for the `h` call.
+			tmp = h.apply(value, evaluate(h, value, fields, ['', null]));
 			args.push(tmp);
 
 			if (value[0]) {
-				// If the child element is dynamic, then so is the current element.
-				built[0] = 1;
+				// Set the 2nd lowest bit it the child element is dynamic.
+				built[0] |= 2;
 			}
 			else {
 				// Rewrite the operation list in-place if the child element is static.
@@ -116,8 +117,7 @@ export const evaluate = (h, built, fields, args) => {
 				built[i] = tmp;
 			}
 		}
-		else {
-			// type === CHILD_APPEND
+		else { // type === CHILD_APPEND
 			args.push(value);
 		}
 	}
diff --git a/test/statics-caching.test.mjs b/test/statics-caching.test.mjs
index 68641f7..11c9820 100644
--- a/test/statics-caching.test.mjs
+++ b/test/statics-caching.test.mjs
@@ -36,4 +36,57 @@ describe('htm', () => {
 		expect(a).toBe(1);
 		expect(b).toBe(2);
 	});
+
+	describe('`this` in the h function', () => {
+		const html = htm.bind(function() {
+			return this;
+		});
+
+		test('stays the same for each call site)', () => {
+			const x = () => html`<div>a</div>`;
+			const a = x();
+			const b = x();
+			expect(a).toBe(b);
+		});
+
+		test('is different for each call site', () => {
+			const a = html`<div>a</div>`;
+			const b = html`<div>a</div>`;
+			expect(a).not.toBe(b);
+		});
+
+		test('is specific to each h function', () => {
+			let tmp = htm.bind(function() { return this; });
+			const x = () => tmp`<div>a</div>`;
+			const a = x();
+			tmp = htm.bind(function() { return this; });
+			const b = x();
+			expect(a).not.toBe(b);
+		});
+	});
+
+	describe('`this[0]` in the h function contains the staticness bits', () => {
+		const html = htm.bind(function() {
+			return this[0];
+		});
+
+		test('should be 0 for static subtrees', () => {
+			expect(html`<div></div>`).toBe(0);
+			expect(html`<div>a</div>`).toBe(0);
+			expect(html`<div><a /></div>`).toBe(0);
+		});
+
+		test('should be 2 for static nodes with some dynamic children', () => {
+			expect(html`<div>${'a'}<b /></div>`).toBe(2);
+			expect(html`<div><a y=${2} /><b /></div>`).toBe(2);
+		});
+
+		test('should be 1 for dynamic nodes with all static children', () => {
+			expect(html`<div x=${1}><a /><b /></div>`).toBe(1);
+		});
+
+		test('should be 3 for dynamic nodes with some dynamic children', () => {
+			expect(html`<div x=${1}><a y=${2} /><b /></div>`).toBe(3);
+		});
+	});
 });

From e248e5a6c4ea174a6d4bf30094b0c4a11310a4f2 Mon Sep 17 00:00:00 2001
From: Joachim Viide <jviide@iki.fi>
Date: Tue, 21 Jan 2020 17:42:16 +0200
Subject: [PATCH 16/68] Prepare README.md and package.json files for v3 release

---
 README.md                                               | 6 +++---
 package.json                                            | 2 +-
 packages/babel-plugin-htm/package.json                  | 4 ++--
 packages/babel-plugin-transform-jsx-to-htm/package.json | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index e89f479..28aeb8f 100644
--- a/README.md
+++ b/README.md
@@ -75,7 +75,7 @@ If you're using Preact or React, we've included off-the-shelf bindings to make y
 They also have the added benefit of sharing a template cache across all modules.
 
 ```js
-import { render } from 'preact'; 
+import { render } from 'preact';
 import { html } from 'htm/preact';
 render(html`<a href="/">Hello!</a>`, document.body);
 ```
@@ -83,7 +83,7 @@ render(html`<a href="/">Hello!</a>`, document.body);
 Similarly, for React:
 
 ```js
-import ReactDOM from 'react-dom'; 
+import ReactDOM from 'react-dom';
 import { html } from 'htm/react';
 ReactDOM.render(html`<a href="/">Hello!</a>`, document.body);
 ```
@@ -266,7 +266,7 @@ The original goal for `htm` was to create a wrapper around Preact that felt natu
 
 This meant giving up JSX, and the closest alternative was [Tagged Templates]. So, I wrote this library to patch up the differences between the two as much as possible. As it turns out, the technique is framework-agnostic, so it should work great with most Virtual DOM libraries.
 
-As of 2.1.0, `htm` is stable, well-tested and ready for production use.
+As of 3.0.0, `htm` is stable, well-tested and ready for production use.
 
 [Tagged Templates]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#Tagged_templates
 [lit-html]: https://github.com/Polymer/lit-html
diff --git a/package.json b/package.json
index 3111673..63bd296 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "htm",
-  "version": "2.2.1",
+  "version": "3.0.0",
   "description": "The Tagged Template syntax for Virtual DOM. Only browser-compatible syntax.",
   "main": "dist/htm.js",
   "umd:main": "dist/htm.umd.js",
diff --git a/packages/babel-plugin-htm/package.json b/packages/babel-plugin-htm/package.json
index b4bf19e..a405519 100644
--- a/packages/babel-plugin-htm/package.json
+++ b/packages/babel-plugin-htm/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "babel-plugin-htm",
-	"version": "2.2.0",
+	"version": "3.0.0",
 	"description": "Babel plugin to compile htm's Tagged Template syntax to hyperscript or inline VNodes.",
 	"main": "dist/babel-plugin-htm.js",
 	"module": "dist/babel-plugin-htm.mjs",
@@ -33,7 +33,7 @@
 	"license": "Apache-2.0",
 	"homepage": "https://github.com/developit/htm/tree/master/packages/babel-plugin-htm",
 	"dependencies": {
-		"htm": "^2.2.0"
+		"htm": "^3.0.0"
 	},
 	"devDependencies": {
 		"microbundle": "^0.10.1"
diff --git a/packages/babel-plugin-transform-jsx-to-htm/package.json b/packages/babel-plugin-transform-jsx-to-htm/package.json
index da74966..f3f43ee 100644
--- a/packages/babel-plugin-transform-jsx-to-htm/package.json
+++ b/packages/babel-plugin-transform-jsx-to-htm/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "babel-plugin-transform-jsx-to-htm",
-	"version": "1.1.0",
+	"version": "2.0.0",
 	"description": "Babel plugin to compile JSX to Tagged Templates.",
 	"main": "dist/babel-plugin-transform-jsx-to-htm.js",
 	"scripts": {
@@ -32,7 +32,7 @@
 	"homepage": "https://github.com/developit/htm/tree/master/packages/babel-plugin-transform-jsx-to-htm",
 	"dependencies": {
 		"@babel/plugin-syntax-jsx": "^7.2.0",
-		"htm": "^2.2.0"
+		"htm": "^3.0.0"
 	},
 	"devDependencies": {
 		"microbundle": "^0.10.1"

From 4b0b58330e57831741ad0d6f4f696da50b734a94 Mon Sep 17 00:00:00 2001
From: Joachim Viide <jviide@iki.fi>
Date: Tue, 21 Jan 2020 18:50:20 +0200
Subject: [PATCH 17/68] Update README.md

Co-Authored-By: Jason Miller <developit@users.noreply.github.com>
---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 28aeb8f..54f4327 100644
--- a/README.md
+++ b/README.md
@@ -266,7 +266,7 @@ The original goal for `htm` was to create a wrapper around Preact that felt natu
 
 This meant giving up JSX, and the closest alternative was [Tagged Templates]. So, I wrote this library to patch up the differences between the two as much as possible. As it turns out, the technique is framework-agnostic, so it should work great with most Virtual DOM libraries.
 
-As of 3.0.0, `htm` is stable, well-tested and ready for production use.
+`htm` is stable, fast, well-tested and ready for production use.
 
 [Tagged Templates]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#Tagged_templates
 [lit-html]: https://github.com/Polymer/lit-html

From 1aa860b48d5d9985375f196dd11a0804f7649751 Mon Sep 17 00:00:00 2001
From: Joachim Viide <jviide@iki.fi>
Date: Tue, 21 Jan 2020 18:50:37 +0200
Subject: [PATCH 18/68] Update README.md

Co-Authored-By: Jason Miller <developit@users.noreply.github.com>
---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 54f4327..8ecf860 100644
--- a/README.md
+++ b/README.md
@@ -264,7 +264,7 @@ console.log(html`
 
 The original goal for `htm` was to create a wrapper around Preact that felt natural for use untranspiled in the browser. I wanted to use Virtual DOM, but I wanted to eschew build tooling and use ES Modules directly.
 
-This meant giving up JSX, and the closest alternative was [Tagged Templates]. So, I wrote this library to patch up the differences between the two as much as possible. As it turns out, the technique is framework-agnostic, so it should work great with most Virtual DOM libraries.
+ This meant giving up JSX, and the closest alternative was [Tagged Templates]. So, I wrote this library to patch up the differences between the two as much as possible. The technique turns out to be framework-agnostic, so it should work great with any library or renderer that works with JSX.
 
 `htm` is stable, fast, well-tested and ready for production use.
 

From 0dc8436006e3dd7d339eb7a12ba67a7318443407 Mon Sep 17 00:00:00 2001
From: Joachim Viide <jviide@iki.fi>
Date: Tue, 21 Jan 2020 18:56:35 +0200
Subject: [PATCH 19/68] v3.0.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 63bd296..f41ac4e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "htm",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "The Tagged Template syntax for Virtual DOM. Only browser-compatible syntax.",
   "main": "dist/htm.js",
   "umd:main": "dist/htm.umd.js",

From 8fa321291ff01b1eea13a34fa9b4c8abe838d42a Mon Sep 17 00:00:00 2001
From: Jason Miller <developit@users.noreply.github.com>
Date: Wed, 22 Jan 2020 16:07:09 -0500
Subject: [PATCH 20/68] [ts] Re-export hooks from preact's types

---
 src/integrations/preact/index.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/integrations/preact/index.d.ts b/src/integrations/preact/index.d.ts
index 8a17f64..4e2a426 100644
--- a/src/integrations/preact/index.d.ts
+++ b/src/integrations/preact/index.d.ts
@@ -1,4 +1,5 @@
 import { h, VNode, Component } from 'preact';
+export * from 'preact/hooks';
 declare function render(tree: VNode, parent: HTMLElement): void;
 declare const html: (strings: TemplateStringsArray, ...values: any[]) => VNode;
 export { h, html, render, Component };

From 9e20548e01fdbb6fbb8de039e423536a995a5a2f Mon Sep 17 00:00:00 2001
From: Les Orchard <me@lmorchard.com>
Date: Wed, 22 Jan 2020 17:49:26 -0800
Subject: [PATCH 21/68] add createContext to preact standalone bundle

fixes #145
---
 src/integrations/preact/standalone.mjs | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/integrations/preact/standalone.mjs b/src/integrations/preact/standalone.mjs
index 01fbf80..f2604da 100644
--- a/src/integrations/preact/standalone.mjs
+++ b/src/integrations/preact/standalone.mjs
@@ -11,7 +11,7 @@
  * limitations under the License.
  */
 
-import { h, Component, render as preactRender } from 'preact';
+import { h, Component, createContext, render as preactRender } from 'preact';
 import { useState, useReducer, useEffect, useLayoutEffect, useRef, useImperativeHandle, useMemo, useCallback, useContext, useDebugValue } from 'preact/hooks';
 import htm from '../../index.mjs';
 
@@ -21,4 +21,4 @@ function render(tree, parent) {
 
 const html = htm.bind(h);
 
-export { h, html, render, Component, useState, useReducer, useEffect, useLayoutEffect, useRef, useImperativeHandle, useMemo, useCallback, useContext, useDebugValue };
+export { h, html, render, Component, createContext, useState, useReducer, useEffect, useLayoutEffect, useRef, useImperativeHandle, useMemo, useCallback, useContext, useDebugValue };

From 541f3b3537d12968ed07b284617131864bfbb607 Mon Sep 17 00:00:00 2001
From: Joachim Viide <jviide@iki.fi>
Date: Thu, 23 Jan 2020 18:47:58 +0200
Subject: [PATCH 22/68] Fix typing file name & package.json field

---
 package.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index f41ac4e..3f80a0d 100644
--- a/package.json
+++ b/package.json
@@ -5,9 +5,10 @@
   "main": "dist/htm.js",
   "umd:main": "dist/htm.umd.js",
   "module": "dist/htm.module.js",
+  "types": "dist/htm.d.ts",
   "scripts": {
     "build": "npm run -s build:main && npm run -s build:mini && npm run -s build:preact && npm run -s build:react && npm run -s build:babel && npm run -s build:babel-transform-jsx && npm run -s build:mjsalias",
-    "build:main": "microbundle src/index.mjs -f es,umd --no-sourcemap --target web && microbundle src/cjs.mjs -f iife --no-sourcemap --target web && cp src/index.d.ts dist",
+    "build:main": "microbundle src/index.mjs -f es,umd --no-sourcemap --target web && microbundle src/cjs.mjs -f iife --no-sourcemap --target web && cp src/index.d.ts dist/htm.d.ts",
     "build:mini": "microbundle src/index.mjs -o ./mini/index.js -f es,umd --no-sourcemap --target web --alias ./constants.mjs=./constants-mini.mjs && microbundle src/cjs.mjs -o ./mini/index.js -f iife --no-sourcemap --target web --alias ./constants.mjs=./constants-mini.mjs && cp src/index.d.ts mini",
     "build:preact": "cd src/integrations/preact && npm run build",
     "build:react": "cd src/integrations/react && npm run build",

From c1a04f3d65c32dc30a2f60eaee7a8e41a6fdeb4b Mon Sep 17 00:00:00 2001
From: Joachim Viide <jviide@iki.fi>
Date: Thu, 23 Jan 2020 22:54:03 +0200
Subject: [PATCH 23/68] Add a test for forcing subtree staticness

---
 test/statics-caching.test.mjs | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/test/statics-caching.test.mjs b/test/statics-caching.test.mjs
index 11c9820..5e314f8 100644
--- a/test/statics-caching.test.mjs
+++ b/test/statics-caching.test.mjs
@@ -89,4 +89,25 @@ describe('htm', () => {
 			expect(html`<div x=${1}><a y=${2} /><b /></div>`).toBe(3);
 		});
 	});
+
+	describe('the h function should be able to modify `this[0]`', () => {
+		test('should be able to force subtrees to be static', () => {
+			function wrapH(h) {
+				return function(type, props, ...children) {
+					if (props['@static']) {
+						this[0] &= ~3;
+					}
+					return h(type, props, ...children);
+				};
+			}
+
+			const html = htm.bind(wrapH(h));
+			const x = () => html`<div @static>${'a'}</div>`;
+			const a = x();
+			const b = x();
+			expect(a).toEqual({ tag: 'div', props: { '@static': true }, children: ['a'] });
+			expect(b).toEqual({ tag: 'div', props: { '@static': true }, children: ['a'] });
+			expect(a).toBe(b);
+		});
+	});
 });

From 55ed1664d91a84e5947389ab5f25d52f617db99c Mon Sep 17 00:00:00 2001
From: Joachim Viide <jviide@iki.fi>
Date: Thu, 23 Jan 2020 23:11:09 +0200
Subject: [PATCH 24/68] Add a test for forcing the subtree to be static via a
 special flag

---
 test/statics-caching.test.mjs | 34 ++++++++++++++++++++++++----------
 1 file changed, 24 insertions(+), 10 deletions(-)

diff --git a/test/statics-caching.test.mjs b/test/statics-caching.test.mjs
index 5e314f8..78bb627 100644
--- a/test/statics-caching.test.mjs
+++ b/test/statics-caching.test.mjs
@@ -91,16 +91,20 @@ describe('htm', () => {
 	});
 
 	describe('the h function should be able to modify `this[0]`', () => {
-		test('should be able to force subtrees to be static', () => {
-			function wrapH(h) {
-				return function(type, props, ...children) {
-					if (props['@static']) {
-						this[0] &= ~3;
-					}
-					return h(type, props, ...children);
-				};
-			}
-
+		function wrapH(h) {
+			return function(type, props, ...children) {
+				if (type === '@static') {
+					this[0] &= ~3;
+					return children;
+				}
+				if (props['@static']) {
+					this[0] &= ~3;
+				}
+				return h(type, props, ...children);
+			};
+		}
+
+		test('should be able to force subtrees to be static via a prop', () => {
 			const html = htm.bind(wrapH(h));
 			const x = () => html`<div @static>${'a'}</div>`;
 			const a = x();
@@ -109,5 +113,15 @@ describe('htm', () => {
 			expect(b).toEqual({ tag: 'div', props: { '@static': true }, children: ['a'] });
 			expect(a).toBe(b);
 		});
+
+		test('should be able to force subtrees to be static via a special tag', () => {
+			const html = htm.bind(wrapH(h));
+			const x = () => html`<@static>${'a'}<//>`;
+			const a = x();
+			const b = x();
+			expect(a).toEqual(['a']);
+			expect(b).toEqual(['a']);
+			expect(a).toBe(b);
+		});
 	});
 });

From a6142bf11075286a80f41b7cf4349f4670d7d328 Mon Sep 17 00:00:00 2001
From: Joachim Viide <jviide@iki.fi>
Date: Tue, 28 Jan 2020 19:41:26 +0200
Subject: [PATCH 25/68] v3.0.2

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 3f80a0d..a1a84c2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "htm",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "description": "The Tagged Template syntax for Virtual DOM. Only browser-compatible syntax.",
   "main": "dist/htm.js",
   "umd:main": "dist/htm.umd.js",

From 5e00c2081a5da8ba377dcd0a7336858078cc6b2a Mon Sep 17 00:00:00 2001
From: Yuki Hattori <yukihattori1116@gmail.com>
Date: Wed, 29 Jan 2020 21:20:48 +0900
Subject: [PATCH 26/68] Fix typing: export the identified w/ declared type

---
 src/index.d.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/index.d.ts b/src/index.d.ts
index f63af7b..d5108ca 100644
--- a/src/index.d.ts
+++ b/src/index.d.ts
@@ -1,5 +1,6 @@
-export default {
+declare const htm: {
   bind<HResult>(
     h: (type: any, props: Record<string, any>, ...children: any[]) => HResult
   ): (strings: TemplateStringsArray, ...values: any[]) => HResult | HResult[];
 };
+export default htm;

From 5189f0d0ad9a124fd77255c08084e8a1617cadab Mon Sep 17 00:00:00 2001
From: Joachim Viide <jviide@iki.fi>
Date: Wed, 5 Feb 2020 12:53:33 +0200
Subject: [PATCH 27/68] v3.0.3

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index a1a84c2..da57148 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "htm",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "description": "The Tagged Template syntax for Virtual DOM. Only browser-compatible syntax.",
   "main": "dist/htm.js",
   "umd:main": "dist/htm.umd.js",

From fd9c10d6797363eef532066a9834a2d0be3bb24c Mon Sep 17 00:00:00 2001
From: Jason Miller <developit@users.noreply.github.com>
Date: Wed, 15 Apr 2020 12:20:25 -0400
Subject: [PATCH 28/68] Fix render() in standalone build (fixes #159)

---
 src/integrations/preact/standalone.mjs | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/integrations/preact/standalone.mjs b/src/integrations/preact/standalone.mjs
index f2604da..09a66b6 100644
--- a/src/integrations/preact/standalone.mjs
+++ b/src/integrations/preact/standalone.mjs
@@ -11,14 +11,10 @@
  * limitations under the License.
  */
 
-import { h, Component, createContext, render as preactRender } from 'preact';
+import { h, Component, createContext, render } from 'preact';
 import { useState, useReducer, useEffect, useLayoutEffect, useRef, useImperativeHandle, useMemo, useCallback, useContext, useDebugValue } from 'preact/hooks';
 import htm from '../../index.mjs';
 
-function render(tree, parent) {
-	preactRender(tree, parent, parent.firstElementChild);
-}
-
 const html = htm.bind(h);
 
 export { h, html, render, Component, createContext, useState, useReducer, useEffect, useLayoutEffect, useRef, useImperativeHandle, useMemo, useCallback, useContext, useDebugValue };

From 5df6718d93088454d04b7a0074d61b6d56dcd640 Mon Sep 17 00:00:00 2001
From: Jason Miller <developit@users.noreply.github.com>
Date: Wed, 15 Apr 2020 12:33:41 -0400
Subject: [PATCH 29/68] fix jest lint issue

---
 test/preact.test.mjs | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/test/preact.test.mjs b/test/preact.test.mjs
index 0582e2e..14392c8 100644
--- a/test/preact.test.mjs
+++ b/test/preact.test.mjs
@@ -61,8 +61,12 @@ describe('htm/preact', () => {
 		document.querySelector('button').click();
 		document.querySelector('button').click();
 		setTimeout(() => {
-			expect(scratch.innerHTML).toBe(fullHtml.replace('jason', 'tom').replace(/\b0\b/g, '2'));
-			done();
+			try {
+				expect(scratch.innerHTML).toBe(fullHtml.replace('jason', 'tom').replace(/\b0\b/g, '2'));
+			}
+			finally {
+				done();
+			}
 		});
 	});
 

From b6b4d53b573b9fe7280d92bbb0ee13063cfdbd57 Mon Sep 17 00:00:00 2001
From: Jason Miller <developit@users.noreply.github.com>
Date: Wed, 15 Apr 2020 12:36:23 -0400
Subject: [PATCH 30/68] actually fix jest lint issue

---
 test/preact.test.mjs | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/test/preact.test.mjs b/test/preact.test.mjs
index 14392c8..3a3e7f3 100644
--- a/test/preact.test.mjs
+++ b/test/preact.test.mjs
@@ -13,6 +13,8 @@
 
 import { html, Component, render } from 'htm/preact';
 
+const sleep = ms => new Promise(r => setTimeout(r, ms));
+
 describe('htm/preact', () => {
 	const scratch = document.createElement('div');
 	document.body.appendChild(scratch);
@@ -57,17 +59,11 @@ describe('htm/preact', () => {
 		expect(scratch.innerHTML).toBe(fullHtml.replace('jason', 'tom'));
 	});
 
-	test('state update re-renders', done => {
+	test('state update re-renders', async () => {
 		document.querySelector('button').click();
 		document.querySelector('button').click();
-		setTimeout(() => {
-			try {
-				expect(scratch.innerHTML).toBe(fullHtml.replace('jason', 'tom').replace(/\b0\b/g, '2'));
-			}
-			finally {
-				done();
-			}
-		});
+		await sleep(1);
+		expect(scratch.innerHTML).toBe(fullHtml.replace('jason', 'tom').replace(/\b0\b/g, '2'));
 	});
 
 	test('preserves case', () => {

From f6e6b0a8daf85286e00ee1d7dcc56be27703b02a Mon Sep 17 00:00:00 2001
From: Jason Miller <developit@google.com>
Date: Wed, 15 Apr 2020 12:39:24 -0400
Subject: [PATCH 31/68] 3.0.4

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index da57148..b39f0de 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "htm",
-  "version": "3.0.3",
+  "version": "3.0.4",
   "description": "The Tagged Template syntax for Virtual DOM. Only browser-compatible syntax.",
   "main": "dist/htm.js",
   "umd:main": "dist/htm.umd.js",

From 514de396d1ff24f23d0aff80cf4aab104cdac759 Mon Sep 17 00:00:00 2001
From: Kristofer Baxter <kristofer@kristoferbaxter.com>
Date: Tue, 28 Apr 2020 16:04:15 -0700
Subject: [PATCH 32/68] Github Actions

---
 .github/workflows/test.yml | 18 ++++++++++++++++++
 .travis.yml                |  3 ---
 2 files changed, 18 insertions(+), 3 deletions(-)
 create mode 100644 .github/workflows/test.yml
 delete mode 100644 .travis.yml

diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
new file mode 100644
index 0000000..3360c44
--- /dev/null
+++ b/.github/workflows/test.yml
@@ -0,0 +1,18 @@
+name: Unit Tests
+on: [pull_request]
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [10.x, 12.x, 14.x]
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v2
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v1
+      with:
+        node-version: ${{ matrix.node-version }}
+    - name: Test
+      - run: npm install
+      - run: npm test
\ No newline at end of file
diff --git a/.travis.yml b/.travis.yml
deleted file mode 100644
index 965fe2d..0000000
--- a/.travis.yml
+++ /dev/null
@@ -1,3 +0,0 @@
-language: node_js
-node_js: node
-cache: npm

From 363398e86dc45b4166a83b9bc431263d16faa87e Mon Sep 17 00:00:00 2001
From: Jason Miller <developit@users.noreply.github.com>
Date: Wed, 29 Apr 2020 10:21:56 -0400
Subject: [PATCH 33/68] Update test.yml

---
 .github/workflows/test.yml | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
index 3360c44..b1b3832 100644
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@@ -13,6 +13,7 @@ jobs:
       uses: actions/setup-node@v1
       with:
         node-version: ${{ matrix.node-version }}
-    - name: Test
-      - run: npm install
-      - run: npm test
\ No newline at end of file
+    - name: Install
+      run: npm install
+    - name: Build & Test
+      run: npm test

From ae45408e2933b09cb9ec74f76cfad4f0ac4554d1 Mon Sep 17 00:00:00 2001
From: Jason Miller <developit@users.noreply.github.com>
Date: Wed, 29 Apr 2020 10:27:21 -0400
Subject: [PATCH 34/68] run CI on push

---
 .github/workflows/test.yml | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
index b1b3832..33c84ef 100644
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@@ -1,5 +1,7 @@
 name: Unit Tests
-on: [pull_request]
+
+on: [pull_request, push]
+
 jobs:
   build:
     runs-on: ubuntu-latest
@@ -15,5 +17,5 @@ jobs:
         node-version: ${{ matrix.node-version }}
     - name: Install
       run: npm install
-    - name: Build & Test
+    - name: Build and Test
       run: npm test

From 0f20aa265efd3355329bc4af7d827fa768f87ca2 Mon Sep 17 00:00:00 2001
From: Vikram Subramanian <vikram.subramanian@gmail.com>
Date: Fri, 17 Apr 2020 23:57:02 -0700
Subject: [PATCH 35/68] Support node v13 with es modules

Creates conditional export that points "import" conditional exports to mjs files. This lets node load the esm version with having to set "type": "module" on the main package.json.

This is similar to the approach in the main preact repo - https://github.com/preactjs/preact/pull/2451
---
 package.json | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/package.json b/package.json
index b39f0de..6bfcc54 100644
--- a/package.json
+++ b/package.json
@@ -6,6 +6,39 @@
   "umd:main": "dist/htm.umd.js",
   "module": "dist/htm.module.js",
   "types": "dist/htm.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/htm.mjs",
+      "require": "./dist/htm.js",
+      "browser": "./dist/htm.module.js",
+      "umd": "./dist/htm.umd.js"
+    },
+    "./": "./",
+    "./preact": {
+      "import": "./preact/index.mjs",
+      "require": "./preact/index.js",
+      "browser": "./preact/index.module.js",
+      "umd": "./preact/index.umd.js"
+    },
+    "./preact/standalone": {
+      "import": "./preact/standalone.mjs",
+      "require": "./preact/standalone.js",
+      "browser": "./preact/standalone.module.js",
+      "umd": "./preact/standalone.umd.js"
+    },
+    "./react": {
+      "import": "./react/index.mjs",
+      "require": "./react/index.js",
+      "browser": "./react/index.module.js",
+      "umd": "./react/index.umd.js"
+    },
+    "./mini": {
+      "import": "./mini/index.mjs",
+      "require": "./mini/index.js",
+      "browser": "./mini/index.module.js",
+      "umd": "./mini/index.umd.js"
+    }
+  },
   "scripts": {
     "build": "npm run -s build:main && npm run -s build:mini && npm run -s build:preact && npm run -s build:react && npm run -s build:babel && npm run -s build:babel-transform-jsx && npm run -s build:mjsalias",
     "build:main": "microbundle src/index.mjs -f es,umd --no-sourcemap --target web && microbundle src/cjs.mjs -f iife --no-sourcemap --target web && cp src/index.d.ts dist/htm.d.ts",

From dbba970e4784b54256759135bb96fe105a98e459 Mon Sep 17 00:00:00 2001
From: Vikram Subramanian <vikram.subramanian@gmail.com>
Date: Wed, 29 Apr 2020 19:29:17 -0700
Subject: [PATCH 36/68] Add test for Node ESM conditional exports

---
 .github/workflows/test.yml     | 24 ++++++++++++++----------
 .gitignore                     |  1 +
 package.json                   |  3 ++-
 test/fixtures/esm/index.js     |  5 +++++
 test/fixtures/esm/package.json | 10 ++++++++++
 5 files changed, 32 insertions(+), 11 deletions(-)
 create mode 100644 test/fixtures/esm/index.js
 create mode 100644 test/fixtures/esm/package.json

diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
index 33c84ef..0aa1f95 100644
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@@ -7,15 +7,19 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
+        # Change the condition for ESM Dist Test below when changing this.
         node-version: [10.x, 12.x, 14.x]
     steps:
-    - name: Checkout
-      uses: actions/checkout@v2
-    - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v1
-      with:
-        node-version: ${{ matrix.node-version }}
-    - name: Install
-      run: npm install
-    - name: Build and Test
-      run: npm test
+      - name: Checkout
+        uses: actions/checkout@v2
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node-version }}
+      - name: Install
+        run: npm install
+      - name: Build and Test
+        run: npm test
+      - if: matrix.node-version == '14.x'
+        name: ESM Dist Test
+        run: npm run test:dist
diff --git a/.gitignore b/.gitignore
index a32229b..fbca3fd 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,3 +5,4 @@ package-lock.json
 dist
 mini
 yarn.lock
+htm.tgz
diff --git a/package.json b/package.json
index 6bfcc54..60b0a31 100644
--- a/package.json
+++ b/package.json
@@ -48,8 +48,9 @@
     "build:babel": "cd packages/babel-plugin-htm && npm run build",
     "build:babel-transform-jsx": "cd packages/babel-plugin-transform-jsx-to-htm && npm run build",
     "build:mjsalias": "cp dist/htm.module.js dist/htm.mjs && cp mini/index.module.js mini/index.mjs && cp preact/index.module.js preact/index.mjs && cp preact/standalone.module.js preact/standalone.mjs && cp react/index.module.js react/index.mjs",
-    "test": "eslint src/**/*.mjs test/**/*.mjs && npm run build && jest test",
+    "test": "eslint src/**/*.mjs test/**/*.mjs --ignore-path .gitignore && npm run build && jest test",
     "test:perf": "v8 test/__perftest.mjs",
+    "test:dist": "npm pack && mv htm*.tgz test/fixtures/esm/htm.tgz && cd test/fixtures/esm && npm install && node index.js",
     "release": "npm t && git commit -am \"$npm_package_version\" && git tag $npm_package_version && git push && git push --tags && npm publish"
   },
   "files": [
diff --git a/test/fixtures/esm/index.js b/test/fixtures/esm/index.js
new file mode 100644
index 0000000..317ebc7
--- /dev/null
+++ b/test/fixtures/esm/index.js
@@ -0,0 +1,5 @@
+import "htm";
+import "htm/preact";
+import "htm/preact/standalone";
+// TODOD: Enable once react distro is ESM compatible.
+// import "htm/react";
diff --git a/test/fixtures/esm/package.json b/test/fixtures/esm/package.json
new file mode 100644
index 0000000..5f7e92b
--- /dev/null
+++ b/test/fixtures/esm/package.json
@@ -0,0 +1,10 @@
+{
+  "name": "htm_dist_test",
+  "type": "module",
+  "private": true,
+  "description": "A package to test importing htm as ES modules in Node",
+  "dependencies": {
+    "htm": "file:htm.tgz",
+    "preact": "^10.4.1"
+  }
+}

From f4bec0a68987826db1c24ae8e634a63242bb7e4a Mon Sep 17 00:00:00 2001
From: Jason Miller <developit@users.noreply.github.com>
Date: Fri, 1 May 2020 10:40:03 -0400
Subject: [PATCH 37/68] Add a couple basic assertions to the dist output

---
 test/fixtures/esm/index.js | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/test/fixtures/esm/index.js b/test/fixtures/esm/index.js
index 317ebc7..560bee7 100644
--- a/test/fixtures/esm/index.js
+++ b/test/fixtures/esm/index.js
@@ -1,5 +1,14 @@
-import "htm";
-import "htm/preact";
-import "htm/preact/standalone";
-// TODOD: Enable once react distro is ESM compatible.
-// import "htm/react";
+import assert from 'assert';
+import htm from 'htm';
+import * as preact from 'htm/preact';
+import * as standalone from 'htm/preact/standalone';
+// TODO: Enable once react distro is ESM compatible.
+// import * as react 'htm/react';
+
+assert(typeof htm === 'function', 'import htm from "htm"');
+
+assert(typeof preact.html === 'function', 'import { html } from "preact"');
+
+assert(typeof standalone.html === 'function', 'import { html } from "preact/standalone"');
+
+console.log('✅ Dist Tests Passed');

From e03c4581705102440e74566baa4bef8429c5ed37 Mon Sep 17 00:00:00 2001
From: Schalk Venter <venterschalk@gmail.com>
Date: Fri, 22 May 2020 16:42:33 +0200
Subject: [PATCH 38/68] Adds key to indicate best practice in README

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 8ecf860..a69218e 100644
--- a/README.md
+++ b/README.md
@@ -177,7 +177,7 @@ It's a single HTML file, and there's no build or tooling. You can edit it with n
             <${Header} name="ToDo's (${page})" />
             <ul>
               ${todos.map(todo => html`
-                <li>${todo}</li>
+                <li key="${todo}">${todo}</li>
               `)}
             </ul>
             <button onClick=${() => this.addTodo()}>Add Todo</button>

From 63862a07db282978659e25cd30461e9ff177a2f9 Mon Sep 17 00:00:00 2001
From: spoerri <spoerri@users.noreply.github.com>
Date: Tue, 18 Aug 2020 17:43:51 -0400
Subject: [PATCH 39/68] Resolves #173

---
 README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index a69218e..c87186c 100644
--- a/README.md
+++ b/README.md
@@ -28,9 +28,9 @@ It uses standard JavaScript [Tagged Templates] and works in [all modern browsers
 
 The syntax you write when using HTM is as close as possible to JSX:
 
-- Spread props: `<div ...${props}>`
+- Spread props: `<div ...${props}>` intead of `<div ...{props}>`
 - Self-closing tags: `<div />`
-- Components: `<${Foo}>` _(where `Foo` is a component reference)_
+- Components: `<${Foo}>` instead of `<Foo>` _(where `Foo` is a component reference)_
 - Boolean attributes: `<div draggable />`
 
 

From e2b76d060fd3eaecdf5325342c5dba32e22b0ed6 Mon Sep 17 00:00:00 2001
From: yuler <joyful4yu@gmail.com>
Date: Mon, 7 Sep 2020 18:51:24 +0800
Subject: [PATCH 40/68] Fix example typo in buid.mjs

---
 src/build.mjs | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/build.mjs b/src/build.mjs
index 05e63fc..927c372 100644
--- a/src/build.mjs
+++ b/src/build.mjs
@@ -19,13 +19,13 @@ const PROP_APPEND = MODE_PROP_APPEND;
 // convenient to analyze and transform (e.g. Babel plugins).
 // For example:
 // 	treeify(
-//		build'<div href="1${a}" ...${b}><${x} /></div>`,
+//		build`<div href="1${a}" ...${b}><${x} /></div>`,
 //		[X, Y, Z]
 //	)
 // returns:
 // 	{
 // 		tag: 'div',
-//		props: [ { href: ["1", X] },	Y ],
+//		props: [ { href: ["1", X] }, Y ],
 // 		children: [ { tag: Z, props: [], children: [] } ]
 // 	}
 export const treeify = (built, fields) => {

From 8b4dc27282d064ed06a296c71b004dab0f09ad93 Mon Sep 17 00:00:00 2001
From: Jason Miller <developit@users.noreply.github.com>
Date: Mon, 21 Sep 2020 15:58:19 -0400
Subject: [PATCH 41/68] Add `terse` option

---
 packages/babel-plugin-transform-jsx-to-htm/index.mjs | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/babel-plugin-transform-jsx-to-htm/index.mjs b/packages/babel-plugin-transform-jsx-to-htm/index.mjs
index 2fcbb4a..8e311fe 100644
--- a/packages/babel-plugin-transform-jsx-to-htm/index.mjs
+++ b/packages/babel-plugin-transform-jsx-to-htm/index.mjs
@@ -4,6 +4,7 @@ import jsx from '@babel/plugin-syntax-jsx';
  * @param {Babel} babel
  * @param {object} [options]
  * @param {string} [options.tag='html']  The tagged template "tag" function name to produce.
+ * @param {boolean} [options.terse=true]  Output `<//>` for closing component tags
  * @param {string | boolean | object} [options.import=false]  Import the tag automatically
  */
 export default function jsxToHtmBabelPlugin({ types: t }, options = {}) {
@@ -130,9 +131,14 @@ export default function jsxToHtmBabelPlugin({ types: t }, options = {}) {
 
 			if (!isFragment) {
 				if (isComponentName(name)) {
-					raw('</');
-					expr(name);
-					raw('>');
+					if (options.terse) {
+						raw('<//>');
+					}
+					else {
+						raw('</');
+						expr(name);
+						raw('>');
+					}
 				}
 				else {
 					raw('</');

From 158b2d7ff65e8dbdd2ad80f8a430ce031a23abaa Mon Sep 17 00:00:00 2001
From: Jason Miller <developit@users.noreply.github.com>
Date: Mon, 21 Sep 2020 15:58:40 -0400
Subject: [PATCH 42/68] Update index.mjs

---
 packages/babel-plugin-transform-jsx-to-htm/index.mjs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/babel-plugin-transform-jsx-to-htm/index.mjs b/packages/babel-plugin-transform-jsx-to-htm/index.mjs
index 8e311fe..2f7dc93 100644
--- a/packages/babel-plugin-transform-jsx-to-htm/index.mjs
+++ b/packages/babel-plugin-transform-jsx-to-htm/index.mjs
@@ -4,7 +4,7 @@ import jsx from '@babel/plugin-syntax-jsx';
  * @param {Babel} babel
  * @param {object} [options]
  * @param {string} [options.tag='html']  The tagged template "tag" function name to produce.
- * @param {boolean} [options.terse=true]  Output `<//>` for closing component tags
+ * @param {boolean} [options.terse=false]  Output `<//>` for closing component tags
  * @param {string | boolean | object} [options.import=false]  Import the tag automatically
  */
 export default function jsxToHtmBabelPlugin({ types: t }, options = {}) {

From 49b78266b13a07c3cc14602edc37d6cd6f2a859e Mon Sep 17 00:00:00 2001
From: Leroy Campbell <leroy@artisonian.com>
Date: Tue, 29 Sep 2020 22:35:15 -0700
Subject: [PATCH 43/68] Export useErrorBoundary hook

---
 package.json                           | 2 +-
 src/integrations/preact/standalone.mjs | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 60b0a31..4d311d5 100644
--- a/package.json
+++ b/package.json
@@ -112,7 +112,7 @@
     "eslint-config-developit": "^1.1.1",
     "jest": "^24.1.0",
     "microbundle": "^0.10.1",
-    "preact": "^10.0.0",
+    "preact": "^10.2.0",
     "react": "^16.8.3"
   }
 }
diff --git a/src/integrations/preact/standalone.mjs b/src/integrations/preact/standalone.mjs
index 09a66b6..e78dfb0 100644
--- a/src/integrations/preact/standalone.mjs
+++ b/src/integrations/preact/standalone.mjs
@@ -12,9 +12,9 @@
  */
 
 import { h, Component, createContext, render } from 'preact';
-import { useState, useReducer, useEffect, useLayoutEffect, useRef, useImperativeHandle, useMemo, useCallback, useContext, useDebugValue } from 'preact/hooks';
+import { useState, useReducer, useEffect, useLayoutEffect, useRef, useImperativeHandle, useMemo, useCallback, useContext, useDebugValue, useErrorBoundary } from 'preact/hooks';
 import htm from '../../index.mjs';
 
 const html = htm.bind(h);
 
-export { h, html, render, Component, createContext, useState, useReducer, useEffect, useLayoutEffect, useRef, useImperativeHandle, useMemo, useCallback, useContext, useDebugValue };
+export { h, html, render, Component, createContext, useState, useReducer, useEffect, useLayoutEffect, useRef, useImperativeHandle, useMemo, useCallback, useContext, useDebugValue, useErrorBoundary };

From e47bea61213c2f5b20f098a87850de9b7404ff08 Mon Sep 17 00:00:00 2001
From: Jason Miller <developit@users.noreply.github.com>
Date: Fri, 11 Dec 2020 17:39:12 -0500
Subject: [PATCH 44/68] Collapse whitespace when { terse: true }

/cc @cristianbote
---
 packages/babel-plugin-transform-jsx-to-htm/index.mjs | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/babel-plugin-transform-jsx-to-htm/index.mjs b/packages/babel-plugin-transform-jsx-to-htm/index.mjs
index 2f7dc93..b0029aa 100644
--- a/packages/babel-plugin-transform-jsx-to-htm/index.mjs
+++ b/packages/babel-plugin-transform-jsx-to-htm/index.mjs
@@ -4,13 +4,14 @@ import jsx from '@babel/plugin-syntax-jsx';
  * @param {Babel} babel
  * @param {object} [options]
  * @param {string} [options.tag='html']  The tagged template "tag" function name to produce.
- * @param {boolean} [options.terse=false]  Output `<//>` for closing component tags
+ * @param {boolean} [options.terse=false]  Collapse whitespace and use `<//>` for closing component tags
  * @param {string | boolean | object} [options.import=false]  Import the tag automatically
  */
 export default function jsxToHtmBabelPlugin({ types: t }, options = {}) {
 	const tagString = options.tag || 'html';
 	const tag = dottedIdentifier(tagString);
 	const importDeclaration = tagImport(options.import || false);
+	const terse = options.terse === true;
 
 	function tagImport(imp) {
 		if (imp === false) {
@@ -118,8 +119,9 @@ export default function jsxToHtmBabelPlugin({ types: t }, options = {}) {
 			for (let i = 0; i < children.length; i++) {
 				let child = children[i];
 				if (t.isStringLiteral(child)) {
-					// @todo - expose `whitespace: true` option?
-					escapeText(child.value);
+					let value = child.value;
+					if (terse) value = value.replace(/\n+/g, ' ');
+					escapeText(value);
 				}
 				else if (t.isJSXElement(child)) {
 					processNode(child);
@@ -131,7 +133,7 @@ export default function jsxToHtmBabelPlugin({ types: t }, options = {}) {
 
 			if (!isFragment) {
 				if (isComponentName(name)) {
-					if (options.terse) {
+					if (terse) {
 						raw('<//>');
 					}
 					else {

From 83e08d3fea9e3adb30dfcb5a411d6c99950c4043 Mon Sep 17 00:00:00 2001
From: Jason Miller <jason@developit.ca>
Date: Mon, 14 Dec 2020 22:05:41 -0500
Subject: [PATCH 45/68] Revert #189

---
 packages/babel-plugin-transform-jsx-to-htm/index.mjs | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/packages/babel-plugin-transform-jsx-to-htm/index.mjs b/packages/babel-plugin-transform-jsx-to-htm/index.mjs
index b0029aa..b12d011 100644
--- a/packages/babel-plugin-transform-jsx-to-htm/index.mjs
+++ b/packages/babel-plugin-transform-jsx-to-htm/index.mjs
@@ -4,7 +4,7 @@ import jsx from '@babel/plugin-syntax-jsx';
  * @param {Babel} babel
  * @param {object} [options]
  * @param {string} [options.tag='html']  The tagged template "tag" function name to produce.
- * @param {boolean} [options.terse=false]  Collapse whitespace and use `<//>` for closing component tags
+ * @param {boolean} [options.terse=false]  Use `<//>` for closing component tags
  * @param {string | boolean | object} [options.import=false]  Import the tag automatically
  */
 export default function jsxToHtmBabelPlugin({ types: t }, options = {}) {
@@ -119,9 +119,7 @@ export default function jsxToHtmBabelPlugin({ types: t }, options = {}) {
 			for (let i = 0; i < children.length; i++) {
 				let child = children[i];
 				if (t.isStringLiteral(child)) {
-					let value = child.value;
-					if (terse) value = value.replace(/\n+/g, ' ');
-					escapeText(value);
+					escapeText(child.value);
 				}
 				else if (t.isJSXElement(child)) {
 					processNode(child);

From 81944515a06516295393088e352e71b7c3fcf8e0 Mon Sep 17 00:00:00 2001
From: Wesley Aptekar-Cassels <me@wesleyac.com>
Date: Thu, 28 Jan 2021 18:59:34 +0800
Subject: [PATCH 46/68] Add section on caching to README

---
 README.md | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/README.md b/README.md
index a69218e..8531f25 100644
--- a/README.md
+++ b/README.md
@@ -153,6 +153,14 @@ console.log(html`
 // ]
 ```
 
+### Caching
+
+The default build of `htm` caches template strings, which means that it can return the same Javascript object at multiple points in the tree. If you don't want this behaviour, you have three options:
+
+* Change your `h` function to copy nodes when needed.
+* Add the code `this[0] = 3;` at the beginning of your `h` function, which disables caching of created elements.
+* Use `htm/mini`, which disables caching by default.
+
 ## Example
 
 Curious to see what it all looks like? Here's a working app!

From 2e6f84a8accbbdb6a683cd5976f68cb6c3831b7c Mon Sep 17 00:00:00 2001
From: Jason Miller <developit@users.noreply.github.com>
Date: Thu, 4 Feb 2021 22:21:06 -0500
Subject: [PATCH 47/68] Update README.md

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index c87186c..ade1070 100644
--- a/README.md
+++ b/README.md
@@ -28,7 +28,7 @@ It uses standard JavaScript [Tagged Templates] and works in [all modern browsers
 
 The syntax you write when using HTM is as close as possible to JSX:
 
-- Spread props: `<div ...${props}>` intead of `<div ...{props}>`
+- Spread props: `<div ...${props}>` instead of `<div ...{props}>`
 - Self-closing tags: `<div />`
 - Components: `<${Foo}>` instead of `<Foo>` _(where `Foo` is a component reference)_
 - Boolean attributes: `<div draggable />`

From 881f79d732787b1de0fc1114992713c130206931 Mon Sep 17 00:00:00 2001
From: Jason Miller <developit@users.noreply.github.com>
Date: Thu, 4 Feb 2021 22:21:39 -0500
Subject: [PATCH 48/68] Update README.md

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index ade1070..fe5e2e3 100644
--- a/README.md
+++ b/README.md
@@ -28,7 +28,7 @@ It uses standard JavaScript [Tagged Templates] and works in [all modern browsers
 
 The syntax you write when using HTM is as close as possible to JSX:
 
-- Spread props: `<div ...${props}>` instead of `<div ...{props}>`
+- Spread props: `<div ...${props}>` instead of `<div {...props}>`
 - Self-closing tags: `<div />`
 - Components: `<${Foo}>` instead of `<Foo>` _(where `Foo` is a component reference)_
 - Boolean attributes: `<div draggable />`

From 27f10acf408a887de3c6b6d0b816e061171e7469 Mon Sep 17 00:00:00 2001
From: Joachim Viide <jviide@iki.fi>
Date: Fri, 19 Feb 2021 14:34:11 +0000
Subject: [PATCH 49/68] Add a test for a babel-transform-jsx-to-htm problem

JSX expressions such as <><Foo />{Bar}</> get parsed into unbalanced TemplateLiteral expressions where there are less quasis than there should be when compared to the number of expressions.
---
 test/babel-transform-jsx.test.mjs | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/test/babel-transform-jsx.test.mjs b/test/babel-transform-jsx.test.mjs
index 566a099..e448b22 100644
--- a/test/babel-transform-jsx.test.mjs
+++ b/test/babel-transform-jsx.test.mjs
@@ -177,6 +177,12 @@ describe('babel-plugin-transform-jsx-to-htm', () => {
 				compile(`<React.Fragment>{Foo}{Bar}</React.Fragment>`)
 			).toBe('html`${Foo}${Bar}`;');
 		});
+
+		test('short syntax fragments should not crash due to TemplateLiteral quasi/expression unbalance', () => {
+			expect(
+				compile(`<><Foo />{Bar}</>`)
+			).toBe('html`<${Foo}/>${Bar}`;');
+		});		
 	});
 
 	describe('props', () => {

From 90b9f16d79159028b515d7cc617bfcafb62bb7e5 Mon Sep 17 00:00:00 2001
From: Joachim Viide <jviide@iki.fi>
Date: Fri, 19 Feb 2021 14:40:18 +0000
Subject: [PATCH 50/68] Fix TemplateLiteral quasi/expression unbalance

Always keep a quasi - even one with no text - after an expression in generated template literals.
---
 .../index.mjs                                 | 29 +++++--------------
 1 file changed, 8 insertions(+), 21 deletions(-)

diff --git a/packages/babel-plugin-transform-jsx-to-htm/index.mjs b/packages/babel-plugin-transform-jsx-to-htm/index.mjs
index b12d011..7fbe449 100644
--- a/packages/babel-plugin-transform-jsx-to-htm/index.mjs
+++ b/packages/babel-plugin-transform-jsx-to-htm/index.mjs
@@ -48,15 +48,16 @@ export default function jsxToHtmBabelPlugin({ types: t }, options = {}) {
 
 	let quasis = [];
 	let expressions = [];
-	let buffer = '';
 
 	function expr(value) {
-		commit(true);
 		expressions.push(value);
+		quasis.push(t.templateElement({	raw: '', cooked: '' }));
 	}
 
 	function raw(str) {
-		buffer += str;
+		const last = quasis[quasis.length - 1];
+		last.value.raw += str;
+		last.value.cooked += str;
 	}
 
 	function escapeText(text) {
@@ -81,15 +82,6 @@ export default function jsxToHtmBabelPlugin({ types: t }, options = {}) {
 		return expr(t.stringLiteral(node.value));
 	}
 
-	function commit(force) {
-		if (!buffer && !force) return;
-		quasis.push(t.templateElement({
-			raw: buffer,
-			cooked: buffer
-		}));
-		buffer = '';
-	}
-
 	const FRAGMENT_EXPR = dottedIdentifier('React.Fragment');
 
 	function isFragmentName(node) {
@@ -197,7 +189,6 @@ export default function jsxToHtmBabelPlugin({ types: t }, options = {}) {
 		processChildren(node, name, isFragment);
 
 		if (isRoot) {
-			commit(true);
 			const template = t.templateLiteral(quasis, expressions);
 			const replacement = t.taggedTemplateExpression(tag, template);
 			path.replaceWith(replacement);
@@ -205,17 +196,14 @@ export default function jsxToHtmBabelPlugin({ types: t }, options = {}) {
 	}
 
 	function jsxVisitorHandler(path, state, isFragment) {
-		let quasisBefore = quasis.slice();
-		let expressionsBefore = expressions.slice();
-		let bufferBefore = buffer;
+		let quasisBefore = quasis;
+		let expressionsBefore = expressions;
 	
-		buffer = '';
-		quasis.length = 0;
-		expressions.length = 0;
+		quasis = [t.templateElement({	raw: '', cooked: '' })];
+		expressions = [];
 	
 		if (isFragment) {
 			processChildren(path.node, null, true);
-			commit();
 			const template = t.templateLiteral(quasis, expressions);
 			const replacement = t.taggedTemplateExpression(tag, template);
 			path.replaceWith(replacement);
@@ -226,7 +214,6 @@ export default function jsxToHtmBabelPlugin({ types: t }, options = {}) {
 	
 		quasis = quasisBefore;
 		expressions = expressionsBefore;
-		buffer = bufferBefore;
 	
 		state.set('jsxElement', true);
 	}

From 283de5671f12a14208e30d78945be325a91c30e4 Mon Sep 17 00:00:00 2001
From: Joachim Viide <jviide@iki.fi>
Date: Fri, 19 Feb 2021 15:34:52 +0000
Subject: [PATCH 51/68] Fix code formatting

---
 packages/babel-plugin-transform-jsx-to-htm/index.mjs | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/babel-plugin-transform-jsx-to-htm/index.mjs b/packages/babel-plugin-transform-jsx-to-htm/index.mjs
index 7fbe449..2a94325 100644
--- a/packages/babel-plugin-transform-jsx-to-htm/index.mjs
+++ b/packages/babel-plugin-transform-jsx-to-htm/index.mjs
@@ -51,7 +51,7 @@ export default function jsxToHtmBabelPlugin({ types: t }, options = {}) {
 
 	function expr(value) {
 		expressions.push(value);
-		quasis.push(t.templateElement({	raw: '', cooked: '' }));
+		quasis.push(t.templateElement({ raw: '', cooked: '' }));
 	}
 
 	function raw(str) {
@@ -199,7 +199,7 @@ export default function jsxToHtmBabelPlugin({ types: t }, options = {}) {
 		let quasisBefore = quasis;
 		let expressionsBefore = expressions;
 	
-		quasis = [t.templateElement({	raw: '', cooked: '' })];
+		quasis = [t.templateElement({ raw: '', cooked: '' })];
 		expressions = [];
 	
 		if (isFragment) {

From aa924ce44ce440e5d29933b4453a2fa570bf4355 Mon Sep 17 00:00:00 2001
From: Jason Miller <developit@users.noreply.github.com>
Date: Fri, 19 Feb 2021 11:13:25 -0500
Subject: [PATCH 52/68] lint fix

---
 test/babel-transform-jsx.test.mjs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/babel-transform-jsx.test.mjs b/test/babel-transform-jsx.test.mjs
index e448b22..d1c2383 100644
--- a/test/babel-transform-jsx.test.mjs
+++ b/test/babel-transform-jsx.test.mjs
@@ -182,7 +182,7 @@ describe('babel-plugin-transform-jsx-to-htm', () => {
 			expect(
 				compile(`<><Foo />{Bar}</>`)
 			).toBe('html`<${Foo}/>${Bar}`;');
-		});		
+		});
 	});
 
 	describe('props', () => {

From e3154f55accdd3f36711d68c8f5348b5b9d55d24 Mon Sep 17 00:00:00 2001
From: Nurettin Kaya <sibbngheid@gmail.com>
Date: Wed, 31 Mar 2021 00:23:19 -0700
Subject: [PATCH 53/68] Reorder exports

---
 package.json | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/package.json b/package.json
index 4d311d5..e885ddd 100644
--- a/package.json
+++ b/package.json
@@ -8,35 +8,35 @@
   "types": "dist/htm.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/htm.mjs",
-      "require": "./dist/htm.js",
       "browser": "./dist/htm.module.js",
-      "umd": "./dist/htm.umd.js"
+      "umd": "./dist/htm.umd.js",
+      "import": "./dist/htm.mjs",
+      "require": "./dist/htm.js"
     },
     "./": "./",
     "./preact": {
-      "import": "./preact/index.mjs",
-      "require": "./preact/index.js",
       "browser": "./preact/index.module.js",
-      "umd": "./preact/index.umd.js"
+      "umd": "./preact/index.umd.js",
+      "import": "./preact/index.mjs",
+      "require": "./preact/index.js"
     },
     "./preact/standalone": {
-      "import": "./preact/standalone.mjs",
-      "require": "./preact/standalone.js",
       "browser": "./preact/standalone.module.js",
-      "umd": "./preact/standalone.umd.js"
+      "umd": "./preact/standalone.umd.js",
+      "import": "./preact/standalone.mjs",
+      "require": "./preact/standalone.js"
     },
     "./react": {
-      "import": "./react/index.mjs",
-      "require": "./react/index.js",
       "browser": "./react/index.module.js",
-      "umd": "./react/index.umd.js"
+      "umd": "./react/index.umd.js",
+      "import": "./react/index.mjs",
+      "require": "./react/index.js"
     },
     "./mini": {
-      "import": "./mini/index.mjs",
-      "require": "./mini/index.js",
       "browser": "./mini/index.module.js",
-      "umd": "./mini/index.umd.js"
+      "umd": "./mini/index.umd.js",
+      "import": "./mini/index.mjs",
+      "require": "./mini/index.js"
     }
   },
   "scripts": {

From e929e57c4e65b2abfd772d10702cea8b3c4ae25c Mon Sep 17 00:00:00 2001
From: Jason Miller <jason@developit.ca>
Date: Fri, 9 Jul 2021 11:01:49 -0400
Subject: [PATCH 54/68] add jest types

---
 package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/package.json b/package.json
index 4d311d5..3937d25 100644
--- a/package.json
+++ b/package.json
@@ -106,6 +106,7 @@
   "devDependencies": {
     "@babel/core": "^7.2.2",
     "@babel/preset-env": "^7.1.6",
+    "@types/jest": "^26.0.24",
     "babel-jest": "^24.1.0",
     "babel-preset-env": "^1.7.0",
     "eslint": "^5.2.0",

From 59b0624ed014b46d26a412c2ece46d2d365b5b02 Mon Sep 17 00:00:00 2001
From: Jason Miller <jason@developit.ca>
Date: Fri, 9 Jul 2021 11:02:21 -0400
Subject: [PATCH 55/68] [transform-jsx-to-htm] Add support for namespaces in
 JSX

---
 .../index.mjs                                 | 11 +++++++++-
 test/babel-transform-jsx.test.mjs             | 20 +++++++++++++++++++
 2 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/packages/babel-plugin-transform-jsx-to-htm/index.mjs b/packages/babel-plugin-transform-jsx-to-htm/index.mjs
index 2a94325..258a596 100644
--- a/packages/babel-plugin-transform-jsx-to-htm/index.mjs
+++ b/packages/babel-plugin-transform-jsx-to-htm/index.mjs
@@ -89,10 +89,14 @@ export default function jsxToHtmBabelPlugin({ types: t }, options = {}) {
 	}
 	
 	function isComponentName(node) {
+		if (t.isJSXNamespacedName(node)) return false;
 		return !t.isIdentifier(node) || node.name.match(/^[$_A-Z]/);
 	}
 	
 	function getNameExpr(node) {
+		if (t.isJSXNamespacedName(node)) {
+			return t.identifier(node.namespace.name + ':' + node.name.name);
+		}
 		if (!t.isJSXMemberExpression(node)) {
 			return t.identifier(node.name);
 		}
@@ -169,7 +173,12 @@ export default function jsxToHtmBabelPlugin({ types: t }, options = {}) {
 						continue;
 					}
 					const { name, value } = attr;
-					raw(name.name);
+					if (t.isJSXNamespacedName(name)) {
+						raw(name.namespace.name + ':' + name.name.name);
+					}
+					else {
+						raw(name.name);
+					}
 					if (value) {
 						raw('=');
 						if (value.expression) {
diff --git a/test/babel-transform-jsx.test.mjs b/test/babel-transform-jsx.test.mjs
index d1c2383..f92852b 100644
--- a/test/babel-transform-jsx.test.mjs
+++ b/test/babel-transform-jsx.test.mjs
@@ -137,6 +137,26 @@ describe('babel-plugin-transform-jsx-to-htm', () => {
 			).toBe('html`<${a.b.c}>a</${a.b.c}>`;');
 		});
 
+		test('namespaced element names', () => {
+			expect(
+				compile('(<a:b/>);')
+			).toBe('html`<a:b/>`;');
+
+			expect(
+				compile('(<a:b><x:y/></a:b>);')
+			).toBe('html`<a:b><x:y/></a:b>`;');
+		});
+
+		test('namespaced attributes', () => {
+			expect(
+				compile('(<a b:c="d"/>);')
+			).toBe('html`<a b:c="d"/>`;');
+
+			expect(
+				compile('(<a b:c="d" e:f={1} g>h</a>);')
+			).toBe('html`<a b:c="d" e:f=${1} g>h</a>`;');
+		});
+
 		test('static text', () => {
 			expect(
 				compile(`(<div>Hello</div>);`)

From ee502391f97b74575d097e64694d189dcdafcea4 Mon Sep 17 00:00:00 2001
From: Jason Miller <developit@users.noreply.github.com>
Date: Fri, 9 Jul 2021 11:11:10 -0400
Subject: [PATCH 56/68] Make export maps change non-breaking by exposing all
 files

---
 package.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 4d311d5..173da7b 100644
--- a/package.json
+++ b/package.json
@@ -37,7 +37,8 @@
       "require": "./mini/index.js",
       "browser": "./mini/index.module.js",
       "umd": "./mini/index.umd.js"
-    }
+    },
+    "./": "./"
   },
   "scripts": {
     "build": "npm run -s build:main && npm run -s build:mini && npm run -s build:preact && npm run -s build:react && npm run -s build:babel && npm run -s build:babel-transform-jsx && npm run -s build:mjsalias",

From 7f0d81342036208caa692a5d011f401f021f719d Mon Sep 17 00:00:00 2001
From: Jason Miller <developit@users.noreply.github.com>
Date: Fri, 9 Jul 2021 11:14:33 -0400
Subject: [PATCH 57/68] Update package.json

---
 package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index b6eb13b..1f75a09 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
       "import": "./dist/htm.mjs",
       "require": "./dist/htm.js"
     },
+    "./": "./",
     "./preact": {
       "browser": "./preact/index.module.js",
       "umd": "./preact/index.umd.js",
@@ -36,8 +37,7 @@
       "umd": "./mini/index.umd.js",
       "import": "./mini/index.mjs",
       "require": "./mini/index.js"
-    },
-    "./": "./"
+    }
   },
   "scripts": {
     "build": "npm run -s build:main && npm run -s build:mini && npm run -s build:preact && npm run -s build:react && npm run -s build:babel && npm run -s build:babel-transform-jsx && npm run -s build:mjsalias",

From 28b4c3f864f956589a07ef11107835d8dcca3754 Mon Sep 17 00:00:00 2001
From: Jason Miller <developit@users.noreply.github.com>
Date: Fri, 9 Jul 2021 11:24:31 -0400
Subject: [PATCH 58/68] Update README.md

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index aceab95..6763017 100644
--- a/README.md
+++ b/README.md
@@ -185,7 +185,7 @@ It's a single HTML file, and there's no build or tooling. You can edit it with n
             <${Header} name="ToDo's (${page})" />
             <ul>
               ${todos.map(todo => html`
-                <li key="${todo}">${todo}</li>
+                <li key=${todo}>${todo}</li>
               `)}
             </ul>
             <button onClick=${() => this.addTodo()}>Add Todo</button>

From eebc52da53e240ee4a91895b9f33b2566ea6e102 Mon Sep 17 00:00:00 2001
From: Jason Miller <jason@developit.ca>
Date: Fri, 9 Jul 2021 11:28:04 -0400
Subject: [PATCH 59/68] babel-plugin-transform-jsx-to-htm@2.2.0

---
 packages/babel-plugin-transform-jsx-to-htm/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/babel-plugin-transform-jsx-to-htm/package.json b/packages/babel-plugin-transform-jsx-to-htm/package.json
index f3f43ee..ed51f00 100644
--- a/packages/babel-plugin-transform-jsx-to-htm/package.json
+++ b/packages/babel-plugin-transform-jsx-to-htm/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "babel-plugin-transform-jsx-to-htm",
-	"version": "2.0.0",
+	"version": "2.2.0",
 	"description": "Babel plugin to compile JSX to Tagged Templates.",
 	"main": "dist/babel-plugin-transform-jsx-to-htm.js",
 	"scripts": {

From aefd98dd9035a97f6d3bfeefcc6fc28b6eaba53d Mon Sep 17 00:00:00 2001
From: Jason Miller <jason@developit.ca>
Date: Fri, 9 Jul 2021 11:32:22 -0400
Subject: [PATCH 60/68] 3.1.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 1f75a09..a50d467 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "htm",
-  "version": "3.0.4",
+  "version": "3.1.0",
   "description": "The Tagged Template syntax for Virtual DOM. Only browser-compatible syntax.",
   "main": "dist/htm.js",
   "umd:main": "dist/htm.umd.js",

From 2142684499ddbb80cc10508d31876cf41dc4b23e Mon Sep 17 00:00:00 2001
From: Jeroen Versteeg <jeroen@alisqi.com>
Date: Wed, 11 Aug 2021 13:20:29 +0200
Subject: [PATCH 61/68] Fixed babel-plugin-htm's documentation of `import`
 options

---
 packages/babel-plugin-htm/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/babel-plugin-htm/README.md b/packages/babel-plugin-htm/README.md
index ef27e75..a2bb474 100644
--- a/packages/babel-plugin-htm/README.md
+++ b/packages/babel-plugin-htm/README.md
@@ -60,7 +60,7 @@ With Babel config:
 "plugins": [
   ["babel-plugin-htm", {
     "tag": "$$html",
-    "import": "preact"
+    "import": "htm/preact"
   }]
 ]
 ```

From 91f50b15bf9b36b5cb34385fee6435f05744df08 Mon Sep 17 00:00:00 2001
From: Marvin Hagemeister <hello@marvinh.dev>
Date: Wed, 1 Sep 2021 09:08:47 +0200
Subject: [PATCH 62/68] Skip running tests on outdated Node 10

---
 .github/workflows/test.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
index 0aa1f95..f23f7fe 100644
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@@ -8,7 +8,7 @@ jobs:
     strategy:
       matrix:
         # Change the condition for ESM Dist Test below when changing this.
-        node-version: [10.x, 12.x, 14.x]
+        node-version: [12.x, 14.x]
     steps:
       - name: Checkout
         uses: actions/checkout@v2

From 95fdb9462220c3a73b352db80a948dcad6e77e09 Mon Sep 17 00:00:00 2001
From: Jason Miller <developit@users.noreply.github.com>
Date: Wed, 1 Sep 2021 12:09:28 -0400
Subject: [PATCH 63/68] Create compressed-size.yml

---
 .github/workflows/compressed-size.yml | 11 +++++++++++
 1 file changed, 11 insertions(+)
 create mode 100644 .github/workflows/compressed-size.yml

diff --git a/.github/workflows/compressed-size.yml b/.github/workflows/compressed-size.yml
new file mode 100644
index 0000000..bfacd33
--- /dev/null
+++ b/.github/workflows/compressed-size.yml
@@ -0,0 +1,11 @@
+name: Compressed Size
+
+on: [pull_request]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v2
+      - uses: preactjs/compressed-size-action@v1

From 2ffa9fc135494d388822a4fb2d9ded729b457138 Mon Sep 17 00:00:00 2001
From: Jason Miller <developit@users.noreply.github.com>
Date: Wed, 1 Sep 2021 12:15:09 -0400
Subject: [PATCH 64/68] Update compressed-size.yml

---
 .github/workflows/compressed-size.yml | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/compressed-size.yml b/.github/workflows/compressed-size.yml
index bfacd33..30195d3 100644
--- a/.github/workflows/compressed-size.yml
+++ b/.github/workflows/compressed-size.yml
@@ -8,4 +8,6 @@ jobs:
 
     steps:
       - uses: actions/checkout@v2
-      - uses: preactjs/compressed-size-action@v1
+      - uses: preactjs/compressed-size-action@v2
+        with:
+          pattern: "./{dist,mini,react,preact}/{index.js,index.mjs,htm.js,htm.mjs,standalone.js,standalone.mjs}"

From 4fdfb389a655f42c11235968821038e0695679f5 Mon Sep 17 00:00:00 2001
From: Volodymyr Zhdanov <wight554@gmail.com>
Date: Mon, 25 Apr 2022 21:16:01 +0300
Subject: [PATCH 65/68] Fix nodenext module support from TypeScript 4.7

* as per https://github.com/microsoft/TypeScript/issues/48235#issuecomment-1067363731
* follow-up https://github.com/preactjs/preact/pull/3513
---
 package.json | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/package.json b/package.json
index a50d467..f3b92d8 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,7 @@
   "types": "dist/htm.d.ts",
   "exports": {
     ".": {
+      "types": "./src/index.d.ts",
       "browser": "./dist/htm.module.js",
       "umd": "./dist/htm.umd.js",
       "import": "./dist/htm.mjs",
@@ -15,24 +16,28 @@
     },
     "./": "./",
     "./preact": {
+      "types": "./preact/index.d.ts",
       "browser": "./preact/index.module.js",
       "umd": "./preact/index.umd.js",
       "import": "./preact/index.mjs",
       "require": "./preact/index.js"
     },
     "./preact/standalone": {
+      "types": "./preact/index.d.ts",
       "browser": "./preact/standalone.module.js",
       "umd": "./preact/standalone.umd.js",
       "import": "./preact/standalone.mjs",
       "require": "./preact/standalone.js"
     },
     "./react": {
+      "types": "./react/index.d.ts",
       "browser": "./react/index.module.js",
       "umd": "./react/index.umd.js",
       "import": "./react/index.mjs",
       "require": "./react/index.js"
     },
     "./mini": {
+      "types": "./mini/index.d.ts",
       "browser": "./mini/index.module.js",
       "umd": "./mini/index.umd.js",
       "import": "./mini/index.mjs",

From 33acbf90d32e143ddbe6aa78ca488d3407513dd7 Mon Sep 17 00:00:00 2001
From: Jason Miller <developit@users.noreply.github.com>
Date: Tue, 26 Apr 2022 12:13:22 -0400
Subject: [PATCH 66/68] use dist path

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index f3b92d8..802902c 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,7 @@
   "types": "dist/htm.d.ts",
   "exports": {
     ".": {
-      "types": "./src/index.d.ts",
+      "types": "./dist/htm.d.ts",
       "browser": "./dist/htm.module.js",
       "umd": "./dist/htm.umd.js",
       "import": "./dist/htm.mjs",

From f5c8bec76fb527f917c55b0b9342a18c69aa543d Mon Sep 17 00:00:00 2001
From: Jason Miller <jason@developit.ca>
Date: Tue, 26 Apr 2022 12:22:22 -0400
Subject: [PATCH 67/68] 3.1.1

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 802902c..4a048e0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "htm",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "description": "The Tagged Template syntax for Virtual DOM. Only browser-compatible syntax.",
   "main": "dist/htm.js",
   "umd:main": "dist/htm.umd.js",

From d56b77da01d9ff6ec7bcdc5387542e95ad3b6c0a Mon Sep 17 00:00:00 2001
From: Sijmen <sijmenhuizenga@gmail.com>
Date: Wed, 27 Apr 2022 22:44:10 +0200
Subject: [PATCH 68/68] Add createRef to standalone preact bundle

---
 src/integrations/preact/standalone.mjs | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/integrations/preact/standalone.mjs b/src/integrations/preact/standalone.mjs
index e78dfb0..0ceb223 100644
--- a/src/integrations/preact/standalone.mjs
+++ b/src/integrations/preact/standalone.mjs
@@ -11,10 +11,10 @@
  * limitations under the License.
  */
 
-import { h, Component, createContext, render } from 'preact';
+import { h, Component, createContext, createRef, render } from 'preact';
 import { useState, useReducer, useEffect, useLayoutEffect, useRef, useImperativeHandle, useMemo, useCallback, useContext, useDebugValue, useErrorBoundary } from 'preact/hooks';
 import htm from '../../index.mjs';
 
 const html = htm.bind(h);
 
-export { h, html, render, Component, createContext, useState, useReducer, useEffect, useLayoutEffect, useRef, useImperativeHandle, useMemo, useCallback, useContext, useDebugValue, useErrorBoundary };
+export { h, html, render, Component, createContext, createRef, useState, useReducer, useEffect, useLayoutEffect, useRef, useImperativeHandle, useMemo, useCallback, useContext, useDebugValue, useErrorBoundary };
