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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
|
// Package gomponents provides declarative view components in Go, that can render to HTML5.
// The primary interface is a Node, which has a single function Render, which should render
// the Node to a string. Furthermore, NodeFunc is a function which implements the Node interface
// by calling itself on Render.
// All DOM elements and attributes can be created by using the El and Attr functions.
// The package also provides a lot of convenience functions for creating elements and attributes
// with the most commonly used parameters. If they don't suffice, a fallback to El and Attr is always possible.
package gomponents
import (
"fmt"
"html/template"
"io"
"strings"
)
// voidElements don't have end tags and must be treated differently in the rendering.
// See https://dev.w3.org/html5/spec-LC/syntax.html#void-elements
var voidElements = []string{"area", "base", "br", "col", "command", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"}
// Node is a DOM node that can Render itself to a io.Writer.
type Node interface {
Render(w io.Writer) error
}
// NodeType describes what type of Node it is, currently either an element or an attribute.
// Nodes default to being ElementType.
type NodeType int
const (
ElementType = NodeType(iota)
AttributeType
)
// nodeTypeDescriber can be implemented by Nodes to let callers know whether the Node is an ElementType or an AttributeType.
// This is used for rendering.
type nodeTypeDescriber interface {
Type() NodeType
}
// NodeFunc is render function that is also a Node of ElementType.
type NodeFunc func(io.Writer) error
func (n NodeFunc) Render(w io.Writer) error {
return n(w)
}
func (n NodeFunc) Type() NodeType {
return ElementType
}
// String satisfies fmt.Stringer.
func (n NodeFunc) String() string {
var b strings.Builder
_ = n.Render(&b)
return b.String()
}
// El creates an element DOM Node with a name and child Nodes.
// See https://dev.w3.org/html5/spec-LC/syntax.html#elements-0 for how elements are rendered.
// No tags are ever omitted from normal tags, even though it's allowed for elements given at
// https://dev.w3.org/html5/spec-LC/syntax.html#optional-tags
// If an element is a void kind, non-attribute children nodes are ignored.
// Use this if no convenience creator exists.
func El(name string, children ...Node) NodeFunc {
return func(w2 io.Writer) error {
w := &statefulWriter{w: w2}
w.Write([]byte("<" + name))
for _, c := range children {
renderChild(w, c, AttributeType)
}
w.Write([]byte(">"))
if isVoidKind(name) {
return w.err
}
for _, c := range children {
renderChild(w, c, ElementType)
}
w.Write([]byte("</" + name + ">"))
return w.err
}
}
func isVoidKind(name string) bool {
for _, e := range voidElements {
if name == e {
return true
}
}
return false
}
// renderChild c to the given writer w if the node type is t.
func renderChild(w *statefulWriter, c Node, t NodeType) {
if w.err != nil || c == nil {
return
}
if g, ok := c.(group); ok {
for _, groupC := range g.children {
renderChild(w, groupC, t)
}
return
}
switch t {
case ElementType:
if p, ok := c.(nodeTypeDescriber); !ok || p.Type() == ElementType {
w.err = c.Render(w.w)
}
case AttributeType:
if p, ok := c.(nodeTypeDescriber); ok && p.Type() == AttributeType {
w.err = c.Render(w.w)
}
}
}
// statefulWriter only writes if no errors have occured earlier in its lifetime.
type statefulWriter struct {
w io.Writer
err error
}
func (w *statefulWriter) Write(p []byte) {
if w.err != nil {
return
}
_, w.err = w.w.Write(p)
}
// Attr creates an attribute DOM Node with a name and optional value.
// If only a name is passed, it's a name-only (boolean) attribute (like "required").
// If a name and value are passed, it's a name-value attribute (like `class="header"`).
// More than one value make Attr panic.
// Use this if no convenience creator exists.
func Attr(name string, value ...string) Node {
switch len(value) {
case 0:
return &attr{name: name}
case 1:
return &attr{name: name, value: &value[0]}
default:
panic("attribute must be just name or name and value pair")
}
}
type attr struct {
name string
value *string
}
func (a *attr) Render(w io.Writer) error {
if a.value == nil {
_, err := w.Write([]byte(" " + a.name))
return err
}
_, err := w.Write([]byte(" " + a.name + `="` + *a.value + `"`))
return err
}
func (a *attr) Type() NodeType {
return AttributeType
}
// String satisfies fmt.Stringer.
func (a *attr) String() string {
var b strings.Builder
_ = a.Render(&b)
return b.String()
}
// Text creates a text DOM Node that Renders the escaped string t.
func Text(t string) NodeFunc {
return func(w io.Writer) error {
_, err := w.Write([]byte(template.HTMLEscapeString(t)))
return err
}
}
// Textf creates a text DOM Node that Renders the interpolated and escaped string t.
func Textf(format string, a ...interface{}) NodeFunc {
return func(w io.Writer) error {
_, err := w.Write([]byte(template.HTMLEscapeString(fmt.Sprintf(format, a...))))
return err
}
}
// Raw creates a text DOM Node that just Renders the unescaped string t.
func Raw(t string) NodeFunc {
return func(w io.Writer) error {
_, err := w.Write([]byte(t))
return err
}
}
type group struct {
children []Node
}
func (g group) String() string {
panic("cannot render group directly")
}
func (g group) Render(io.Writer) error {
panic("cannot render group directly")
}
// Group multiple Nodes into one Node. Useful for concatenation of Nodes in variadic functions.
// The resulting Node cannot Render directly, trying it will panic.
// Render must happen through a parent element created with El or a helper.
func Group(children []Node) Node {
return group{children: children}
}
// Map something enumerable to a list of Nodes.
// Example:
// items := []string{"hat", "partyhat"}
//
// lis := g.Map(len(items), func(i int) g.Node {
// return g.El("li", g.Text(items[i]))
// })
//
// list := g.El("ul", lis...)
func Map(length int, cb func(i int) Node) []Node {
var nodes []Node
for i := 0; i < length; i++ {
nodes = append(nodes, cb(i))
}
return nodes
}
|