Add README

.gitignore

@@ -1 +1,2 @@
-node_modules
+node_modules
+dist

README.md

@@ -0,0 +1,25 @@
+# `tiny-vdom`
+
+Smallest possible virtual DOM implementation.
+
+## Installation
+
+```sh
+npm install tiny-vdom
+```
+
+## Usage
+
+`index.js`
+
+```js
+import { h, createElement, patch } from 'tiny-vdom';
+
+const el = createElement(h('div'));
+
+patch(el, h('div', null, 'Hello World!'), h('div'));
+```
+
+## License
+
+`tiny-vdom` is [MIT-licensed](LICENSE) open-source software by [Aiden Bai](https://github.com/aidenybai).

package.json

@@ -1,11 +1,10 @@
 {
   "name": "mini-vdom",
-  "version": "1.0.0",
+  "version": "0.0.1",
   "description": "",
   "main": "index.js",
   "scripts": {
-    "dev": "vite",
-    "build": "vite build"
+    "build": "esbuild src/vdom.ts --minify --outfile=dist/vdom.js"
   },
   "repository": {
     "type": "git",
@@ -18,6 +17,7 @@
   },
   "homepage": "https://github.com/aidenybai/mini-vdom#readme",
   "devDependencies": {
+    "esbuild": "^0.12.28",
     "vite": "^2.5.7"
   }
 }

src/vdom.js → src/vdom.ts

@@ -1,4 +1,4 @@
-export const m = (tag, props = {}, children = []) => ({ tag, props, children });
+export const h = (tag, props = {}, ...children) => ({ tag, props, children });
 
 export const createElement = (vnode) => {
   if (typeof vnode === 'string') return document.createTextNode(vnode);
@@ -17,12 +17,13 @@ export const createElement = (vnode) => {
 };
 
 export const patch = (el, newVNode, oldVNode) => {
-  const replace = () => el.replaceWith(createElement(newVNode));
   if (!newVNode) el.remove();
   if (typeof oldVNode === 'string' || typeof newVNode === 'string') {
-    if (oldVNode !== newVNode) return replace();
+    if (oldVNode !== newVNode) return el.replaceWith(createElement(newVNode));
   } else {
-    if (oldVNode.tag !== newVNode.tag) return replace();
+    if (oldVNode.tag !== newVNode.tag) {
+      return el.replaceWith(createElement(newVNode));
+    }
 
     for (const prop in { ...oldVNode.props, ...newVNode.props }) {
       if (newVNode.props[prop] === undefined) {