From 2aa60f33f36d13adf8284b6c9974d339df38332f Mon Sep 17 00:00:00 2001
From: Fran Zekan <zekan.fran369@gmail.com>
Date: Tue, 28 Mar 2023 14:51:31 +0200
Subject: [PATCH 1/2] Add HTM

---
 App.js     | 44 +++++++++++++++-----------------------------
 index.html |  3 ++-
 2 files changed, 17 insertions(+), 30 deletions(-)

diff --git a/App.js b/App.js
index 4bb7927..0896eb3 100644
--- a/App.js
+++ b/App.js
@@ -1,37 +1,23 @@
 import { createElement, useState } from "react"
+import htm from "htm"
+
+const html = htm.bind(createElement)
 
 function App() {
   const [count, setCount] = useState(0)
 
-  return createElement(
-    "div",
-    { className: "App" },
-    createElement(
-      "a",
-      { href: "https://react.dev/", target: "_blank" },
-      createElement("img", {
-        src: "/react.svg",
-        className: "logo",
-        alt: "React logo",
-      }),
-    ),
-    createElement("h1", {}, "React"),
-    createElement(
-      "div",
-      { className: "card" },
-      createElement(
-        "button",
-        { onClick: () => setCount((count) => count + 1) },
-        "count is ",
-        count,
-      ),
-    ),
-    createElement(
-      "p",
-      { className: "read-the-docs" },
-      "Click on the React logo to learn more",
-    ),
-  )
+  return html`<div className="App">
+    <a href="https://react.dev/" target="_blank">
+      <img src="/react.svg" className="logo" alt="React logo" />
+    </a>
+    <h1>React but with HTM</h1>
+    <div className="card">
+      <button onClick=${() => setCount((count) => count + 1)}>
+        count is ${count}
+      </button>
+    </div>
+    <p className="read-the-docs">Click on the React logo to learn more</p>
+  </div>`
 }
 
 export default App
diff --git a/index.html b/index.html
index 9f233e6..85e3f27 100644
--- a/index.html
+++ b/index.html
@@ -16,7 +16,8 @@
           "react": "https://esm.sh/react",
           "react/": "https://esm.sh/react/",
           "react-dom": "https://esm.sh/react-dom",
-          "react-dom/": "https://esm.sh/react-dom/"
+          "react-dom/": "https://esm.sh/react-dom/",
+          "htm": "https://esm.sh/htm"
         }
       }
     </script>

From c9c2655dc69e2d70cc1a5b3ed124af9b259ad390 Mon Sep 17 00:00:00 2001
From: Fran Zekan <zekan.fran369@gmail.com>
Date: Tue, 28 Mar 2023 14:51:51 +0200
Subject: [PATCH 2/2] Ignore bun lock

---
 .gitignore | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/.gitignore b/.gitignore
index 5f427ca..13e7b3d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -7,6 +7,8 @@ yarn-error.log*
 pnpm-debug.log*
 lerna-debug.log*
 
+bun.lockb
+
 # Dependencies
 node_modules
 .yarn/*