FilesExpand file tree

 master

/

render.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

77 lines (73 loc) · 2.12 KB

 master

/

render.js

Top

File metadata and controls

• Code
• Blame

77 lines (73 loc) · 2.12 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

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

import { isFalse, isText } from '../shared/nodes'

import { sanitizeHtml } from '../shared/sanitizeString'

import renderAttributes from './renderAttributes'

function isSelfClosing(type) {

if (type === 'input') return true

if (type === 'img') return true

if (type === 'link') return true

if (type === 'meta') return true

if (type === 'br') return true

if (type === 'hr') return true

if (type === 'area') return true

if (type === 'base') return true

if (type === 'col') return true

if (type === 'embed') return true

if (type === 'param') return true

if (type === 'source') return true

if (type === 'track') return true

if (type === 'wbr') return true

if (type === 'menuitem') return true

return false

}

function renderBody(node, scope, next) {

if (isFalse(node)) {

return '<!---->'

}

if (isText(node)) {

const text = node.text === '' ? ' ' : sanitizeHtml(node.text.toString())

return next && next.type === 'text' ? `${text}<!--#-->` : text

}

let element = `<${node.type}`

element += renderAttributes(node.attributes)

if (isSelfClosing(node.type)) {

element += '/>'

} else {

element += '>'

if (node.attributes.html) {

const source = node.attributes.html

element += source

} else if (node.type === 'textarea') {

element += node.children[0].text

} else {

for (let i = 0; i < node.children.length; i++) {

element += renderBody(node.children[i], scope, node.children[i + 1])

}

}

element += `</${node.type}>`

}

return element

}

function renderHead(scope) {

const limit = scope.nextHead.length

for (let i = 0; i < limit; i++) {

const node = scope.nextHead[i]

if (isFalse(node)) {

continue

}

scope.head += `<${node.type}`

scope.head += renderAttributes(node.attributes)

if (isSelfClosing(node.type)) {

scope.head += '/>'

} else {

scope.head += '>'

if (node.attributes.html) {

scope.head += node.attributes.html

}

scope.head += `</${node.type}>`

}

}

}

export default function render(node, scope, next) {

renderHead(scope)

return renderBody(node, scope, next)

}