forked from github/docs
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathhyperscript.ts
More file actions
46 lines (39 loc) · 1.25 KB
/
hyperscript.ts
File metadata and controls
46 lines (39 loc) · 1.25 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
const xmlns = 'http://www.w3.org/2000/svg'
const plainObjectConstructor = {}.constructor
function exists(value: any) {
return value !== null && typeof value !== 'undefined'
}
function isPlainObject(value: any) {
return value.constructor === plainObjectConstructor
}
function isString(value: any) {
return typeof value === 'string'
}
function renderChildren(el: HTMLElement | SVGElement, children: Array<any>) {
for (const child of children) {
if (isPlainObject(child)) {
Object.entries(child)
.filter(([, value]) => exists(value))
.forEach(([key, value]) => el.setAttribute(key, value as string))
} else if (Array.isArray(child)) {
renderChildren(el, child)
} else if (isString(child)) {
el.append(document.createTextNode(child))
} else {
el.append(child)
}
}
}
export default function h(tagName: string, ...children: Array<any>) {
const el = ['svg', 'path'].includes(tagName)
? document.createElementNS(xmlns, tagName)
: document.createElement(tagName)
renderChildren(el, children)
return el
}
export const tags = Object.fromEntries(
['div', 'form', 'a', 'input', 'button', 'ol', 'li', 'mark'].map((tagName) => [
tagName,
(...args: Array<any>) => h(tagName, ...args),
])
)