FilesExpand file tree

 main

/

hyperscript.ts

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

46 lines (39 loc) · 1.25 KB

 main

/

hyperscript.ts

Copy path

Top

File metadata and controls

• Code
• Blame

46 lines (39 loc) · 1.25 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

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),

])

)