@thi.ng/rdom-forms 1.1.2 → 1.1.3
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/README.md +32 -30
- package/package.json +9 -9
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<!-- This file is generated - DO NOT EDIT! -->
|
|
2
|
-
<!-- Please see: https://
|
|
3
|
-
# 
|
|
4
4
|
|
|
5
5
|
[](https://www.npmjs.com/package/@thi.ng/rdom-forms)
|
|
6
6
|
|
|
@@ -8,11 +8,12 @@
|
|
|
8
8
|
|
|
9
9
|
> [!NOTE]
|
|
10
10
|
> This is one of 214 standalone projects, maintained as part
|
|
11
|
-
> of the [@thi.ng/umbrella](https://
|
|
11
|
+
> of the [@thi.ng/umbrella](https://codeberg.org/thi.ng/umbrella/) ecosystem
|
|
12
12
|
> and anti-framework.
|
|
13
13
|
>
|
|
14
|
-
> 🚀 Please help me to work full-time on these projects by [sponsoring
|
|
15
|
-
>
|
|
14
|
+
> 🚀 Please help me to work full-time on these projects by [sponsoring
|
|
15
|
+
> me](https://codeberg.org/thi.ng/umbrella/src/branch/develop/CONTRIBUTING.md#donations).
|
|
16
|
+
> Thank you! ❤️
|
|
16
17
|
|
|
17
18
|
- [About](#about)
|
|
18
19
|
- [Examples](#examples)
|
|
@@ -28,7 +29,7 @@
|
|
|
28
29
|
|
|
29
30
|
## About
|
|
30
31
|
|
|
31
|
-
Data-driven declarative & extensible HTML form generation. This is a support package for [@thi.ng/rdom](https://
|
|
32
|
+
Data-driven declarative & extensible HTML form generation. This is a support package for [@thi.ng/rdom](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/rdom).
|
|
32
33
|
|
|
33
34
|
This package uses vanilla JS objects to define component specs for various types
|
|
34
35
|
of form elements (various factory functions are provided). These specs can then
|
|
@@ -36,9 +37,9 @@ be passed to the polymorphic & dynamically extensible
|
|
|
36
37
|
[`compileForm()`](https://docs.thi.ng/umbrella/rdom/functions/compileForm.html)
|
|
37
38
|
function to generate the actual form elements/components in hiccup format, which
|
|
38
39
|
can then be used with
|
|
39
|
-
[thi.ng/rdom](https://
|
|
40
|
+
[thi.ng/rdom](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/rdom) or
|
|
40
41
|
for static (or SSR) HTML generation via
|
|
41
|
-
[thi.ng/hiccup](https://
|
|
42
|
+
[thi.ng/hiccup](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/hiccup).
|
|
42
43
|
|
|
43
44
|
All generated form elements are unstyled by default, but can be fully customized
|
|
44
45
|
(in various stages) via user-provided options.
|
|
@@ -46,7 +47,7 @@ All generated form elements are unstyled by default, but can be fully customized
|
|
|
46
47
|
## Examples
|
|
47
48
|
|
|
48
49
|
Please see the [rdom-formgen example
|
|
49
|
-
project](https://
|
|
50
|
+
project](https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/rdom-formgen),
|
|
50
51
|
which demonstrates **all** supported elements and various customization
|
|
51
52
|
options...
|
|
52
53
|
|
|
@@ -106,11 +107,11 @@ Resulting output (reformatted):
|
|
|
106
107
|
|
|
107
108
|
**ALPHA** - bleeding edge / work-in-progress
|
|
108
109
|
|
|
109
|
-
[Search or submit any issues for this package](https://
|
|
110
|
+
[Search or submit any issues for this package](https://codeberg.org/thi.ng/umbrella/issues?q=%5Brdom-forms%5D)
|
|
110
111
|
|
|
111
112
|
## Related packages
|
|
112
113
|
|
|
113
|
-
- [@thi.ng/rdom-components](https://
|
|
114
|
+
- [@thi.ng/rdom-components](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/rdom-components) - Collection of unstyled, customizable components for [@thi.ng/rdom](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/rdom)
|
|
114
115
|
|
|
115
116
|
## Installation
|
|
116
117
|
|
|
@@ -136,32 +137,33 @@ Package sizes (brotli'd, pre-treeshake): ESM: 2.34 KB
|
|
|
136
137
|
|
|
137
138
|
## Dependencies
|
|
138
139
|
|
|
139
|
-
- [@thi.ng/api](https://
|
|
140
|
-
- [@thi.ng/checks](https://
|
|
141
|
-
- [@thi.ng/defmulti](https://
|
|
142
|
-
- [@thi.ng/hiccup-html](https://
|
|
143
|
-
- [@thi.ng/rdom](https://
|
|
144
|
-
- [@thi.ng/rstream](https://
|
|
140
|
+
- [@thi.ng/api](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/api)
|
|
141
|
+
- [@thi.ng/checks](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/checks)
|
|
142
|
+
- [@thi.ng/defmulti](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/defmulti)
|
|
143
|
+
- [@thi.ng/hiccup-html](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/hiccup-html)
|
|
144
|
+
- [@thi.ng/rdom](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/rdom)
|
|
145
|
+
- [@thi.ng/rstream](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/rstream)
|
|
145
146
|
|
|
146
147
|
Note: @thi.ng/api is in _most_ cases a type-only import (not used at runtime)
|
|
147
148
|
|
|
148
149
|
## Usage examples
|
|
149
150
|
|
|
150
|
-
|
|
151
|
-
[/examples](https://
|
|
151
|
+
10 projects in this repo's
|
|
152
|
+
[/examples](https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples)
|
|
152
153
|
directory are using this package:
|
|
153
154
|
|
|
154
|
-
| Screenshot | Description | Live demo | Source
|
|
155
|
-
|
|
156
|
-
| <img src="https://
|
|
157
|
-
| <img src="https://
|
|
158
|
-
| <img src="https://
|
|
159
|
-
| <img src="https://
|
|
160
|
-
| <img src="https://
|
|
161
|
-
| <img src="https://
|
|
162
|
-
| <img src="https://
|
|
163
|
-
| <img src="https://
|
|
164
|
-
| <img src="https://
|
|
155
|
+
| Screenshot | Description | Live demo | Source |
|
|
156
|
+
|:-------------------------------------------------------------------------------------------------------------------------|:----------------------------------------------------------------------------|:--------------------------------------------------------|:---------------------------------------------------------------------------------------------|
|
|
157
|
+
| <img src="https://codeberg.org/thi.ng/umbrella/media/branch/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://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/big-font) |
|
|
158
|
+
| <img src="https://codeberg.org/thi.ng/umbrella/media/branch/develop/assets/examples/blurhash.jpg" width="240"/> | Interactive & reactive image blurhash generator | [Demo](https://demo.thi.ng/umbrella/blurhash/) | [Source](https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/blurhash) |
|
|
159
|
+
| <img src="https://codeberg.org/thi.ng/umbrella/media/branch/develop/assets/examples/darkroom-calc.avif" width="240"/> | Useful small calculators for darkroom processing | [Demo](https://demo.thi.ng/umbrella/darkroom-calc/) | [Source](https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/darkroom-calc) |
|
|
160
|
+
| <img src="https://codeberg.org/thi.ng/umbrella/media/branch/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://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/dominant-colors) |
|
|
161
|
+
| <img src="https://codeberg.org/thi.ng/umbrella/media/branch/develop/assets/examples/pixel-colormatrix.jpg" width="240"/> | Matrix-based image color adjustments | [Demo](https://demo.thi.ng/umbrella/pixel-colormatrix/) | [Source](https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/pixel-colormatrix) |
|
|
162
|
+
| <img src="https://codeberg.org/thi.ng/umbrella/media/branch/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://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/pixel-sorting) |
|
|
163
|
+
| <img src="https://codeberg.org/thi.ng/umbrella/media/branch/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://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/rdom-formgen) |
|
|
164
|
+
| <img src="https://codeberg.org/thi.ng/umbrella/media/branch/develop/assets/examples/rdom-lissajous.png" width="240"/> | rdom & hiccup-canvas interop test | [Demo](https://demo.thi.ng/umbrella/rdom-lissajous/) | [Source](https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/rdom-lissajous) |
|
|
165
|
+
| <img src="https://codeberg.org/thi.ng/umbrella/media/branch/develop/assets/examples/viz-ridge-lines.avif" width="240"/> | Interactive ridge-line plot | [Demo](https://demo.thi.ng/umbrella/viz-ridge-lines/) | [Source](https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/viz-ridge-lines) |
|
|
166
|
+
| <img src="https://codeberg.org/thi.ng/umbrella/media/branch/develop/assets/examples/viz-scatter-plot.avif" width="240"/> | Interactive scatter & line plot of low-discrepancy samples | [Demo](https://demo.thi.ng/umbrella/viz-scatter-plot/) | [Source](https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/viz-scatter-plot) |
|
|
165
167
|
|
|
166
168
|
## API
|
|
167
169
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@thi.ng/rdom-forms",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.3",
|
|
4
4
|
"description": "Data-driven declarative & extensible HTML form generation",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"module": "./index.js",
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"sideEffects": false,
|
|
9
9
|
"repository": {
|
|
10
10
|
"type": "git",
|
|
11
|
-
"url": "git+https://
|
|
11
|
+
"url": "git+https://codeberg.org/thi.ng/umbrella.git",
|
|
12
12
|
"directory": "packages/rdom-forms"
|
|
13
13
|
},
|
|
14
14
|
"homepage": "https://thi.ng/rdom-forms",
|
|
@@ -40,12 +40,12 @@
|
|
|
40
40
|
"tool:tangle": "../../node_modules/.bin/tangle src/**/*.ts"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@thi.ng/api": "^8.12.
|
|
44
|
-
"@thi.ng/checks": "^3.8.
|
|
45
|
-
"@thi.ng/defmulti": "^3.0.
|
|
46
|
-
"@thi.ng/hiccup-html": "^2.7.
|
|
47
|
-
"@thi.ng/rdom": "^1.7.
|
|
48
|
-
"@thi.ng/rstream": "^9.4.
|
|
43
|
+
"@thi.ng/api": "^8.12.18",
|
|
44
|
+
"@thi.ng/checks": "^3.8.8",
|
|
45
|
+
"@thi.ng/defmulti": "^3.0.95",
|
|
46
|
+
"@thi.ng/hiccup-html": "^2.7.50",
|
|
47
|
+
"@thi.ng/rdom": "^1.7.84",
|
|
48
|
+
"@thi.ng/rstream": "^9.4.2"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
51
|
"esbuild": "^0.27.2",
|
|
@@ -99,5 +99,5 @@
|
|
|
99
99
|
"status": "alpha",
|
|
100
100
|
"year": 2023
|
|
101
101
|
},
|
|
102
|
-
"gitHead": "
|
|
102
|
+
"gitHead": "8ddf86ea0a1e658ddbf19cc645b29d0c176e29c4\n"
|
|
103
103
|
}
|