@thi.ng/hiccup-html 2.7.0 → 2.7.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +1 -1
- package/README.md +180 -78
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
package/README.md
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
<!-- This file is generated - DO NOT EDIT! -->
|
|
2
2
|
<!-- Please see: https://github.com/thi-ng/umbrella/blob/develop/CONTRIBUTING.md#changes-to-readme-files -->
|
|
3
|
-
# 
|
|
4
4
|
|
|
5
5
|
[](https://www.npmjs.com/package/@thi.ng/hiccup-html)
|
|
6
6
|
|
|
7
7
|
[](https://mastodon.thi.ng/@toxi)
|
|
8
8
|
|
|
9
9
|
> [!NOTE]
|
|
10
|
-
> This is one of
|
|
10
|
+
> This is one of 189 standalone projects, maintained as part
|
|
11
11
|
> of the [@thi.ng/umbrella](https://github.com/thi-ng/umbrella/) monorepo
|
|
12
12
|
> and anti-framework.
|
|
13
13
|
>
|
|
@@ -16,14 +16,14 @@
|
|
|
16
16
|
|
|
17
17
|
- [About](#about)
|
|
18
18
|
- [Supported elements](#supported-elements)
|
|
19
|
+
- [Block content](#block-content)
|
|
20
|
+
- [Forms / inputs](#forms--inputs)
|
|
19
21
|
- [Head / metadata](#head--metadata)
|
|
20
|
-
- [Sections](#sections)
|
|
21
|
-
- [Text content](#text-content)
|
|
22
|
-
- [Lists](#lists)
|
|
23
|
-
- [Tables](#tables)
|
|
24
22
|
- [Inline](#inline)
|
|
25
|
-
- [
|
|
23
|
+
- [Lists](#lists)
|
|
26
24
|
- [Media](#media)
|
|
25
|
+
- [Sections](#sections)
|
|
26
|
+
- [Tables](#tables)
|
|
27
27
|
- [Compatibility](#compatibility)
|
|
28
28
|
- [Status](#status)
|
|
29
29
|
- [Support packages](#support-packages)
|
|
@@ -41,72 +41,173 @@
|
|
|
41
41
|
|
|
42
42
|
100+ type-checked HTML5 element functions for [@thi.ng/hiccup](https://github.com/thi-ng/umbrella/tree/develop/packages/hiccup) related infrastructure.
|
|
43
43
|
|
|
44
|
-
The following type-checked factory functions are provided **so far** and
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
definitions in
|
|
44
|
+
The following type-checked factory functions are provided **so far** and in most
|
|
45
|
+
cases include specialized type definitions for element-specific attributes,
|
|
46
|
+
incl. enumerated attrib values (where applicable/useful) and 420+ CSS property
|
|
47
|
+
names (for use with the `style` attrib). See type definitions in
|
|
49
48
|
[api.ts](https://github.com/thi-ng/umbrella/tree/develop/packages/hiccup-html/src/api.ts)
|
|
50
49
|
and [`defElement()`](#defelement) below for more details.
|
|
51
50
|
|
|
52
51
|
### Supported elements
|
|
53
52
|
|
|
54
|
-
####
|
|
53
|
+
#### Block content
|
|
55
54
|
|
|
56
|
-
[Source](https://github.com/thi-ng/umbrella/tree/develop/packages/hiccup-html/src/
|
|
55
|
+
[Source](https://github.com/thi-ng/umbrella/tree/develop/packages/hiccup-html/src/blocks.ts)
|
|
57
56
|
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
57
|
+
- `blockquote`
|
|
58
|
+
- `details`
|
|
59
|
+
- `dialog`
|
|
60
|
+
- `div`
|
|
61
|
+
- `figcaption`
|
|
62
|
+
- `figure`
|
|
63
|
+
- `hr`
|
|
64
|
+
- `iframe`
|
|
65
|
+
- `para`
|
|
66
|
+
- `pre`
|
|
67
|
+
- `slot`
|
|
68
|
+
- `summary`
|
|
69
|
+
- `template`
|
|
61
70
|
|
|
62
|
-
####
|
|
71
|
+
#### Forms / inputs
|
|
63
72
|
|
|
64
|
-
[Source](https://github.com/thi-ng/umbrella/tree/develop/packages/hiccup-html/src/
|
|
73
|
+
[Source](https://github.com/thi-ng/umbrella/tree/develop/packages/hiccup-html/src/forms.ts)
|
|
65
74
|
|
|
66
|
-
|
|
67
|
-
|
|
75
|
+
- `button`
|
|
76
|
+
- `checkbox`
|
|
77
|
+
- `fieldset`
|
|
78
|
+
- `form`
|
|
79
|
+
- `inputColor`
|
|
80
|
+
- `inputFile`
|
|
81
|
+
- `inputNumber`
|
|
82
|
+
- `inputPass`
|
|
83
|
+
- `inputRange`
|
|
84
|
+
- `inputReset`
|
|
85
|
+
- `inputSearch`
|
|
86
|
+
- `inputSubmit`
|
|
87
|
+
- `inputText`
|
|
88
|
+
- `label`
|
|
89
|
+
- `legend`
|
|
90
|
+
- `meter`
|
|
91
|
+
- `optGroup`
|
|
92
|
+
- `option`
|
|
93
|
+
- `output`
|
|
94
|
+
- `progress`
|
|
95
|
+
- `radio`
|
|
96
|
+
- `select`
|
|
97
|
+
- `textArea`
|
|
68
98
|
|
|
69
|
-
####
|
|
99
|
+
#### Head / metadata
|
|
70
100
|
|
|
71
|
-
[Source](https://github.com/thi-ng/umbrella/tree/develop/packages/hiccup-html/src/
|
|
101
|
+
[Source](https://github.com/thi-ng/umbrella/tree/develop/packages/hiccup-html/src/head.ts)
|
|
72
102
|
|
|
73
|
-
|
|
74
|
-
`
|
|
103
|
+
- `base`
|
|
104
|
+
- `head`
|
|
105
|
+
- `link`
|
|
106
|
+
- `linkCSS`
|
|
107
|
+
- `meta`
|
|
108
|
+
- `metaReferrer`
|
|
109
|
+
- `metaRefresh`
|
|
110
|
+
- `metaRobots`
|
|
111
|
+
- `metaUTF8`
|
|
112
|
+
- `metaViewport`
|
|
113
|
+
- `metaXUA`
|
|
114
|
+
- `script`
|
|
115
|
+
- `style`
|
|
116
|
+
- `title`
|
|
75
117
|
|
|
76
|
-
####
|
|
118
|
+
#### Inline
|
|
77
119
|
|
|
78
|
-
[Source](https://github.com/thi-ng/umbrella/tree/develop/packages/hiccup-html/src/
|
|
120
|
+
[Source](https://github.com/thi-ng/umbrella/tree/develop/packages/hiccup-html/src/inline.ts)
|
|
79
121
|
|
|
80
|
-
|
|
122
|
+
- `abbr`
|
|
123
|
+
- `anchor`
|
|
124
|
+
- `br`
|
|
125
|
+
- `cite`
|
|
126
|
+
- `code`
|
|
127
|
+
- `data`
|
|
128
|
+
- `del`
|
|
129
|
+
- `dfn`
|
|
130
|
+
- `em`
|
|
131
|
+
- `i`
|
|
132
|
+
- `ins`
|
|
133
|
+
- `kbd`
|
|
134
|
+
- `mark`
|
|
135
|
+
- `quote`
|
|
136
|
+
- `small`
|
|
137
|
+
- `span`
|
|
138
|
+
- `strikethrough`
|
|
139
|
+
- `strong`
|
|
140
|
+
- `sub`
|
|
141
|
+
- `sup`
|
|
142
|
+
- `time`
|
|
143
|
+
- `variable`
|
|
144
|
+
- `wbr`
|
|
81
145
|
|
|
82
|
-
####
|
|
146
|
+
#### Lists
|
|
83
147
|
|
|
84
|
-
[Source](https://github.com/thi-ng/umbrella/tree/develop/packages/hiccup-html/src/
|
|
148
|
+
[Source](https://github.com/thi-ng/umbrella/tree/develop/packages/hiccup-html/src/lists.ts)
|
|
85
149
|
|
|
86
|
-
|
|
87
|
-
|
|
150
|
+
- `datalist`
|
|
151
|
+
- `dd`
|
|
152
|
+
- `dl`
|
|
153
|
+
- `dt`
|
|
154
|
+
- `li`
|
|
155
|
+
- `menu`
|
|
156
|
+
- `ol`
|
|
157
|
+
- `ul`
|
|
88
158
|
|
|
89
|
-
####
|
|
159
|
+
#### Media
|
|
90
160
|
|
|
91
|
-
[Source](https://github.com/thi-ng/umbrella/tree/develop/packages/hiccup-html/src/
|
|
161
|
+
[Source](https://github.com/thi-ng/umbrella/tree/develop/packages/hiccup-html/src/media.ts)
|
|
92
162
|
|
|
93
|
-
|
|
94
|
-
|
|
163
|
+
- `audio`
|
|
164
|
+
- `canvas`
|
|
165
|
+
- `img`
|
|
166
|
+
- `object`
|
|
167
|
+
- `picture`
|
|
168
|
+
- `source`
|
|
169
|
+
- `track`
|
|
170
|
+
- `video`
|
|
95
171
|
|
|
96
|
-
####
|
|
172
|
+
#### Sections
|
|
97
173
|
|
|
98
|
-
[Source](https://github.com/thi-ng/umbrella/tree/develop/packages/hiccup-html/src/
|
|
174
|
+
[Source](https://github.com/thi-ng/umbrella/tree/develop/packages/hiccup-html/src/sections.ts)
|
|
99
175
|
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
176
|
+
- `address`
|
|
177
|
+
- `article`
|
|
178
|
+
- `aside`
|
|
179
|
+
- `body`
|
|
180
|
+
- `comment`
|
|
181
|
+
- `footer`
|
|
182
|
+
- `h1`
|
|
183
|
+
- `h2`
|
|
184
|
+
- `h3`
|
|
185
|
+
- `h4`
|
|
186
|
+
- `h5`
|
|
187
|
+
- `h6`
|
|
188
|
+
- `header`
|
|
189
|
+
- `hgroup`
|
|
190
|
+
- `html`
|
|
191
|
+
- `main`
|
|
192
|
+
- `nav`
|
|
193
|
+
- `noscript`
|
|
194
|
+
- `search`
|
|
195
|
+
- `section`
|
|
104
196
|
|
|
105
|
-
####
|
|
197
|
+
#### Tables
|
|
106
198
|
|
|
107
|
-
[Source](https://github.com/thi-ng/umbrella/tree/develop/packages/hiccup-html/src/
|
|
199
|
+
[Source](https://github.com/thi-ng/umbrella/tree/develop/packages/hiccup-html/src/table.ts)
|
|
108
200
|
|
|
109
|
-
|
|
201
|
+
- `caption`
|
|
202
|
+
- `col`
|
|
203
|
+
- `colgroup`
|
|
204
|
+
- `table`
|
|
205
|
+
- `tbody`
|
|
206
|
+
- `td`
|
|
207
|
+
- `tfoot`
|
|
208
|
+
- `th`
|
|
209
|
+
- `thead`
|
|
210
|
+
- `tr`
|
|
110
211
|
|
|
111
212
|
### Compatibility
|
|
112
213
|
|
|
@@ -196,7 +297,7 @@ Browser ESM import:
|
|
|
196
297
|
|
|
197
298
|
[JSDelivr documentation](https://www.jsdelivr.com/)
|
|
198
299
|
|
|
199
|
-
Package sizes (brotli'd, pre-treeshake): ESM: 1.
|
|
300
|
+
Package sizes (brotli'd, pre-treeshake): ESM: 1.63 KB
|
|
200
301
|
|
|
201
302
|
## Dependencies
|
|
202
303
|
|
|
@@ -204,41 +305,42 @@ Package sizes (brotli'd, pre-treeshake): ESM: 1.51 KB
|
|
|
204
305
|
|
|
205
306
|
## Usage examples
|
|
206
307
|
|
|
207
|
-
|
|
308
|
+
30 projects in this repo's
|
|
208
309
|
[/examples](https://github.com/thi-ng/umbrella/tree/develop/examples)
|
|
209
310
|
directory are using this package:
|
|
210
311
|
|
|
211
|
-
| Screenshot
|
|
212
|
-
|
|
213
|
-
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/big-font.png" width="240"/>
|
|
214
|
-
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/blurhash.jpg" width="240"/>
|
|
215
|
-
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/canvas-recorder.png" width="240"/>
|
|
216
|
-
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/color-themes.png" width="240"/>
|
|
217
|
-
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/csp-bus.png" width="240"/>
|
|
218
|
-
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/dominant-colors.png" width="240"/>
|
|
219
|
-
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/layout-gridgen.png" width="240"/>
|
|
220
|
-
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/lispy-repl.png" width="240"/>
|
|
221
|
-
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/mastodon-feed.jpg" width="240"/>
|
|
222
|
-
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/meta-css-basics.png" width="240"/>
|
|
223
|
-
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/parse-playground.png" width="240"/>
|
|
224
|
-
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/pixel-gradients.jpg" width="240"/>
|
|
225
|
-
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/pixel-sorting.png" width="240"/>
|
|
226
|
-
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/pixel-waveform.jpg" width="240"/>
|
|
227
|
-
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/procedural-text.jpg" width="240"/>
|
|
228
|
-
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/rdom-dnd.png" width="240"/>
|
|
229
|
-
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/rdom-formgen.jpg" width="240"/>
|
|
230
|
-
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/rdom-key-sequences.jpg" width="240"/>
|
|
231
|
-
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/rdom-lissajous.png" width="240"/>
|
|
232
|
-
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/rdom-router.jpg" width="240"/>
|
|
233
|
-
|
|
|
234
|
-
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/rdom-web-components.png" width="240"/>
|
|
235
|
-
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/related-images.jpg" width="240"/>
|
|
236
|
-
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/render-audio.png" width="240"/>
|
|
237
|
-
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/rstream-system-bus.png" width="240"/>
|
|
238
|
-
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/stacked-layout.png" width="240"/>
|
|
239
|
-
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/svg-resample.png" width="240"/>
|
|
240
|
-
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/
|
|
241
|
-
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/
|
|
312
|
+
| Screenshot | Description | Live demo | Source |
|
|
313
|
+
|:----------------------------------------------------------------------------------------------------------------------------|:--------------------------------------------------------------------------------------------------------|:----------------------------------------------------------|:---------------------------------------------------------------------------------------|
|
|
314
|
+
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/big-font.png" width="240"/> | Large ASCII font text generator using @thi.ng/rdom | [Demo](https://demo.thi.ng/umbrella/big-font/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/big-font) |
|
|
315
|
+
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/blurhash.jpg" width="240"/> | Interactive & reactive image blurhash generator | [Demo](https://demo.thi.ng/umbrella/blurhash/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/blurhash) |
|
|
316
|
+
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/canvas-recorder.png" width="240"/> | Self-modifying, animated typographic grid with emergent complex patterns | [Demo](https://demo.thi.ng/umbrella/canvas-recorder/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/canvas-recorder) |
|
|
317
|
+
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/color-themes.png" width="240"/> | Probabilistic color theme generator | [Demo](https://demo.thi.ng/umbrella/color-themes/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/color-themes) |
|
|
318
|
+
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/csp-bus.png" width="240"/> | CSP channel-based event handling, async transducers & reactive UI components | [Demo](https://demo.thi.ng/umbrella/csp-bus/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/csp-bus) |
|
|
319
|
+
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/dominant-colors.png" width="240"/> | Color palette generation via dominant color extraction from uploaded images | [Demo](https://demo.thi.ng/umbrella/dominant-colors/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/dominant-colors) |
|
|
320
|
+
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/layout-gridgen.png" width="240"/> | Randomized space-filling, nested grid layout generator | [Demo](https://demo.thi.ng/umbrella/layout-gridgen/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/layout-gridgen) |
|
|
321
|
+
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/lispy-repl.png" width="240"/> | Browser REPL for a Lispy S-expression based mini language | [Demo](https://demo.thi.ng/umbrella/lispy-repl/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/lispy-repl) |
|
|
322
|
+
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/mastodon-feed.jpg" width="240"/> | Mastodon API feed reader with support for different media types, fullscreen media modal, HTML rewriting | [Demo](https://demo.thi.ng/umbrella/mastodon-feed/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/mastodon-feed) |
|
|
323
|
+
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/meta-css-basics.png" width="240"/> | Basic thi.ng/meta-css usage & testbed | [Demo](https://demo.thi.ng/umbrella/meta-css-basics/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/meta-css-basics) |
|
|
324
|
+
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/parse-playground.png" width="240"/> | Parser grammar livecoding editor/playground & codegen | [Demo](https://demo.thi.ng/umbrella/parse-playground/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/parse-playground) |
|
|
325
|
+
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/pixel-gradients.jpg" width="240"/> | Randomized 4-point 2D color gradient image generator | [Demo](https://demo.thi.ng/umbrella/pixel-gradients/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/pixel-gradients) |
|
|
326
|
+
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/pixel-sorting.png" width="240"/> | Interactive pixel sorting tool using thi.ng/color & thi.ng/pixel | [Demo](https://demo.thi.ng/umbrella/pixel-sorting/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/pixel-sorting) |
|
|
327
|
+
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/pixel-waveform.jpg" width="240"/> | RGB waveform image analysis | [Demo](https://demo.thi.ng/umbrella/pixel-waveform/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/pixel-waveform) |
|
|
328
|
+
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/procedural-text.jpg" width="240"/> | Procedural stochastic text generation via custom DSL, parse grammar & AST transformation | [Demo](https://demo.thi.ng/umbrella/procedural-text/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/procedural-text) |
|
|
329
|
+
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/rdom-dnd.png" width="240"/> | rdom drag & drop example | [Demo](https://demo.thi.ng/umbrella/rdom-dnd/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-dnd) |
|
|
330
|
+
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/rdom-formgen.jpg" width="240"/> | Basic usage of the declarative rdom-forms generator | [Demo](https://demo.thi.ng/umbrella/rdom-formgen/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-formgen) |
|
|
331
|
+
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/rdom-key-sequences.jpg" width="240"/> | rstream & transducer-based FSM for converting key event sequences into high-level commands | [Demo](https://demo.thi.ng/umbrella/rdom-key-sequences/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-key-sequences) |
|
|
332
|
+
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/rdom-lissajous.png" width="240"/> | rdom & hiccup-canvas interop test | [Demo](https://demo.thi.ng/umbrella/rdom-lissajous/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-lissajous) |
|
|
333
|
+
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/rdom-router.jpg" width="240"/> | Basic thi.ng/router usage with thi.ng/rdom components | [Demo](https://demo.thi.ng/umbrella/rdom-router/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-router) |
|
|
334
|
+
| | Full umbrella repo doc string search w/ paginated results | [Demo](https://demo.thi.ng/umbrella/rdom-search-docs/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-search-docs) |
|
|
335
|
+
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/rdom-web-components.png" width="240"/> | Defining & using basic Web Components (with shadow DOM) via @thi.ng/rdom & @thi.ng/meta-css | [Demo](https://demo.thi.ng/umbrella/rdom-web-components/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-web-components) |
|
|
336
|
+
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/related-images.jpg" width="240"/> | Responsive image gallery with tag-based Jaccard similarity ranking | [Demo](https://demo.thi.ng/umbrella/related-images/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/related-images) |
|
|
337
|
+
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/render-audio.png" width="240"/> | Generative audio synth offline renderer and WAV file export | [Demo](https://demo.thi.ng/umbrella/render-audio/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/render-audio) |
|
|
338
|
+
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/rstream-system-bus.png" width="240"/> | Declarative component-based system with central rstream-based pubsub event bus | [Demo](https://demo.thi.ng/umbrella/rstream-system-bus/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rstream-system-bus) |
|
|
339
|
+
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/stacked-layout.png" width="240"/> | Responsive & reactively computed stacked column layout | [Demo](https://demo.thi.ng/umbrella/stacked-layout/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/stacked-layout) |
|
|
340
|
+
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/svg-resample.png" width="240"/> | SVG path parsing & dynamic resampling | [Demo](https://demo.thi.ng/umbrella/svg-resample/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/svg-resample) |
|
|
341
|
+
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/thing-packages-quiz.avif" width="240"/> | thi.ng/rdom & thi.ng/rstream based quiz to guess thi.ng package names | [Demo](https://demo.thi.ng/umbrella/thing-packages-quiz/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/thing-packages-quiz) |
|
|
342
|
+
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/trace-bitmap.jpg" width="240"/> | Multi-layer vectorization & dithering of bitmap images | [Demo](https://demo.thi.ng/umbrella/trace-bitmap/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/trace-bitmap) |
|
|
343
|
+
| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/webgl-channel-mixer.jpg" width="240"/> | rdom & WebGL-based image channel editor | [Demo](https://demo.thi.ng/umbrella/webgl-channel-mixer/) | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/webgl-channel-mixer) |
|
|
242
344
|
|
|
243
345
|
## API
|
|
244
346
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@thi.ng/hiccup-html",
|
|
3
|
-
"version": "2.7.
|
|
3
|
+
"version": "2.7.2",
|
|
4
4
|
"description": "100+ type-checked HTML5 element functions for @thi.ng/hiccup related infrastructure",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"module": "./index.js",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"tool:tangle": "../../node_modules/.bin/tangle src/**/*.ts"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@thi.ng/api": "^8.11.
|
|
39
|
+
"@thi.ng/api": "^8.11.6"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@microsoft/api-extractor": "^7.47.0",
|
|
@@ -111,5 +111,5 @@
|
|
|
111
111
|
],
|
|
112
112
|
"year": 2020
|
|
113
113
|
},
|
|
114
|
-
"gitHead": "
|
|
114
|
+
"gitHead": "c7aaa453b01a45e5235517db9d2a283b97abac96\n"
|
|
115
115
|
}
|