-
Notifications
You must be signed in to change notification settings - Fork 0
/
Node.js
76 lines (69 loc) · 1.33 KB
/
Node.js
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
import log from './log.js'
import rAF from './rAF.js'
export default {
...[
{},
'onbeforeupdate',
'onupdate',
'onbeforeremove',
'onremove',
].reduce((node, method) => ({
...node,
[method]({ key }) {
log(key, method)
},
})),
oninit({ key, state }) {
log(key, 'oninit')
state.subnodes = []
},
async oncreate({ key, dom }) {
log(key, 'oncreate')
await rAF()
dom.scrollIntoView({
behavior: 'smooth',
})
},
view: ({
key,
tag,
state: { subnodes },
attrs: { remove },
output,
}) => (
log(key, 'view (start)')
,
output = m(
'[style=border: 1px solid; padding: .5em; margin: .5em]'
,
'Node ', key
,
' '
,
remove && m('button', {
innerHTML: 'x',
onclick: remove,
})
,
m('hr')
,
subnodes.map((key, i) =>
m(tag, {
key,
remove: () =>
subnodes.splice(i, 1),
})
)
,
m('button', {
innerHTML: '+',
onclick: () =>
subnodes.push(key + '.' + (subnodes.length + 1))
})
)
,
log(key, 'view (end)')
,
output
)
}