From 063d8ef9eaf874a941f4459e831057dd0a1b7ddd Mon Sep 17 00:00:00 2001
From: Joris
Date: Tue, 5 Jul 2022 21:55:41 +0200
Subject: Rewrite in TS

---
 src/lib/h.ts | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 src/lib/h.ts

(limited to 'src/lib/h.ts')

diff --git a/src/lib/h.ts b/src/lib/h.ts
new file mode 100644
index 0000000..7e93311
--- /dev/null
+++ b/src/lib/h.ts
@@ -0,0 +1,31 @@
+type Child = Element | Text | string | number
+
+export type Children = Child[]
+
+export function h(tagName: string, attrs: object, ...children: Children): Element {
+  let elem = document.createElement(tagName)
+  elem = Object.assign(elem, attrs)
+  appendChildren(elem, ...children)
+  return elem
+}
+
+export function s(tagName: string, attrs: object, ...children: Children): Element {
+  let elem = document.createElementNS('http://www.w3.org/2000/svg', tagName)
+  Object.entries(attrs).forEach(([key, value]) => elem.setAttribute(key, value))
+  appendChildren(elem, ...children)
+  return elem
+}
+
+function appendChildren(elem: Element, ...children: Children) {
+  for (const child of children) {
+    if (typeof child === 'number')
+      elem.append(child.toString())
+    else
+      elem.append(child)
+  }
+}
+
+export function concatClassName(attrs: any, className: string): object {
+  const existingClassName = 'className' in attrs ? attrs['className'] : undefined
+  return { ...attrs, className: `${className} ${existingClassName}` }
+}
-- 
cgit v1.2.3