@thi.ng/hdom-components 5.1.201 → 5.1.202
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 +41 -40
- 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/hdom-components)
|
|
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
|
- [Status](#status)
|
|
@@ -29,16 +30,16 @@
|
|
|
29
30
|
|
|
30
31
|
## About
|
|
31
32
|
|
|
32
|
-
Raw, skinnable UI & SVG components for [@thi.ng/hdom](https://
|
|
33
|
+
Raw, skinnable UI & SVG components for [@thi.ng/hdom](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/hdom).
|
|
33
34
|
|
|
34
35
|
A growing collection of unstyled, re-usable & customizable components
|
|
35
36
|
for use with
|
|
36
|
-
[@thi.ng/hdom](https://
|
|
37
|
+
[@thi.ng/hdom](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/hdom)
|
|
37
38
|
&
|
|
38
|
-
[@thi.ng/hiccup](https://
|
|
39
|
+
[@thi.ng/hiccup](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/hiccup).
|
|
39
40
|
|
|
40
41
|
**Please see
|
|
41
|
-
[ADR-0002](https://
|
|
42
|
+
[ADR-0002](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/hdom-components/adr/0002-component-configuration.md)
|
|
42
43
|
and onwards for detailed discussion about the design intentions of these
|
|
43
44
|
components**. Feedback welcome!
|
|
44
45
|
|
|
@@ -46,7 +47,7 @@ components**. Feedback welcome!
|
|
|
46
47
|
|
|
47
48
|
**BETA** - possibly breaking changes forthcoming
|
|
48
49
|
|
|
49
|
-
[Search or submit any issues for this package](https://
|
|
50
|
+
[Search or submit any issues for this package](https://codeberg.org/thi.ng/umbrella/issues?q=%5Bhdom-components%5D)
|
|
50
51
|
|
|
51
52
|
## Installation
|
|
52
53
|
|
|
@@ -72,34 +73,34 @@ Package sizes (brotli'd, pre-treeshake): ESM: 2.04 KB
|
|
|
72
73
|
|
|
73
74
|
## Dependencies
|
|
74
75
|
|
|
75
|
-
- [@thi.ng/api](https://
|
|
76
|
-
- [@thi.ng/canvas](https://
|
|
77
|
-
- [@thi.ng/checks](https://
|
|
78
|
-
- [@thi.ng/math](https://
|
|
79
|
-
- [@thi.ng/transducers](https://
|
|
80
|
-
- [@thi.ng/transducers-stats](https://
|
|
76
|
+
- [@thi.ng/api](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/api)
|
|
77
|
+
- [@thi.ng/canvas](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/canvas)
|
|
78
|
+
- [@thi.ng/checks](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/checks)
|
|
79
|
+
- [@thi.ng/math](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/math)
|
|
80
|
+
- [@thi.ng/transducers](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/transducers)
|
|
81
|
+
- [@thi.ng/transducers-stats](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/transducers-stats)
|
|
81
82
|
|
|
82
83
|
Note: @thi.ng/api is in _most_ cases a type-only import (not used at runtime)
|
|
83
84
|
|
|
84
85
|
## Usage examples
|
|
85
86
|
|
|
86
87
|
11 projects in this repo's
|
|
87
|
-
[/examples](https://
|
|
88
|
+
[/examples](https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples)
|
|
88
89
|
directory are using this package:
|
|
89
90
|
|
|
90
|
-
| Screenshot | Description | Live demo | Source
|
|
91
|
-
|
|
92
|
-
| <img src="https://
|
|
93
|
-
| <img src="https://
|
|
94
|
-
| <img src="https://
|
|
95
|
-
| <img src="https://
|
|
96
|
-
| <img src="https://
|
|
97
|
-
| | Custom dropdown UI component for hdom | [Demo](https://demo.thi.ng/umbrella/hdom-dropdown/) | [Source](https://
|
|
98
|
-
| | Custom dropdown UI component w/ fuzzy search | [Demo](https://demo.thi.ng/umbrella/hdom-dropdown-fuzzy/) | [Source](https://
|
|
99
|
-
| <img src="https://
|
|
100
|
-
| <img src="https://
|
|
101
|
-
| <img src="https://
|
|
102
|
-
| <img src="https://
|
|
91
|
+
| Screenshot | Description | Live demo | Source |
|
|
92
|
+
|:-------------------------------------------------------------------------------------------------------------------------------------|:-----------------------------------------------------------------------|:----------------------------------------------------------|:-----------------------------------------------------------------------------------------------|
|
|
93
|
+
| <img src="https://codeberg.org/thi.ng/umbrella/media/branch/develop/assets/examples/canvas-dial.png" width="240"/> | Canvas based dial widget | [Demo](https://demo.thi.ng/umbrella/canvas-dial/) | [Source](https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/canvas-dial) |
|
|
94
|
+
| <img src="https://codeberg.org/thi.ng/umbrella/media/branch/develop/assets/examples/cellular-automata.png" width="240"/> | 2D transducer based cellular automata | [Demo](https://demo.thi.ng/umbrella/cellular-automata/) | [Source](https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/cellular-automata) |
|
|
95
|
+
| <img src="https://codeberg.org/thi.ng/umbrella/media/branch/develop/assets/examples/crypto-chart.png" width="240"/> | Basic crypto-currency candle chart with multiple moving averages plots | [Demo](https://demo.thi.ng/umbrella/crypto-chart/) | [Source](https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/crypto-chart) |
|
|
96
|
+
| <img src="https://codeberg.org/thi.ng/umbrella/media/branch/develop/assets/examples/hdom-benchmark2.png" width="240"/> | hdom update performance benchmark w/ config options | [Demo](https://demo.thi.ng/umbrella/hdom-benchmark2/) | [Source](https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/hdom-benchmark2) |
|
|
97
|
+
| <img src="https://codeberg.org/thi.ng/umbrella/media/branch/develop/assets/hdom-canvas/hdom-canvas-shapes-results.png" width="240"/> | Various hdom-canvas shape drawing examples & SVG conversion / export | [Demo](https://demo.thi.ng/umbrella/hdom-canvas-shapes/) | [Source](https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/hdom-canvas-shapes) |
|
|
98
|
+
| | Custom dropdown UI component for hdom | [Demo](https://demo.thi.ng/umbrella/hdom-dropdown/) | [Source](https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/hdom-dropdown) |
|
|
99
|
+
| | Custom dropdown UI component w/ fuzzy search | [Demo](https://demo.thi.ng/umbrella/hdom-dropdown-fuzzy/) | [Source](https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/hdom-dropdown-fuzzy) |
|
|
100
|
+
| <img src="https://codeberg.org/thi.ng/umbrella/media/branch/develop/assets/examples/hdom-toggle.png" width="240"/> | Customizable slide toggle component demo | [Demo](https://demo.thi.ng/umbrella/hdom-toggle/) | [Source](https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/hdom-toggle) |
|
|
101
|
+
| <img src="https://codeberg.org/thi.ng/umbrella/media/branch/develop/assets/examples/mandelbrot.jpg" width="240"/> | Worker based, interactive Mandelbrot visualization | [Demo](https://demo.thi.ng/umbrella/mandelbrot/) | [Source](https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/mandelbrot) |
|
|
102
|
+
| <img src="https://codeberg.org/thi.ng/umbrella/media/branch/develop/assets/examples/triple-query.png" width="240"/> | Triple store query results & sortable table | [Demo](https://demo.thi.ng/umbrella/triple-query/) | [Source](https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/triple-query) |
|
|
103
|
+
| <img src="https://codeberg.org/thi.ng/umbrella/media/branch/develop/assets/examples/webgl-cubemap.jpg" width="240"/> | WebGL cube maps with async texture loading | [Demo](https://demo.thi.ng/umbrella/webgl-cubemap/) | [Source](https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/webgl-cubemap) |
|
|
103
104
|
|
|
104
105
|
## API
|
|
105
106
|
|
|
@@ -107,25 +108,25 @@ directory are using this package:
|
|
|
107
108
|
|
|
108
109
|
### Canvas
|
|
109
110
|
|
|
110
|
-
- [Canvas types](https://
|
|
111
|
+
- [Canvas types](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/hdom-components/src/canvas.ts) (WebGL, WebGL2 & Canvas2D)
|
|
111
112
|
|
|
112
113
|
### Form elements
|
|
113
114
|
|
|
114
|
-
- [Button](https://
|
|
115
|
-
- [Button group](https://
|
|
116
|
-
- [Dropdown](https://
|
|
117
|
-
- [Pager](https://
|
|
115
|
+
- [Button](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/hdom-components/src/button.ts)
|
|
116
|
+
- [Button group](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/hdom-components/src/button-group.ts)
|
|
117
|
+
- [Dropdown](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/hdom-components/src/dropdown.ts)
|
|
118
|
+
- [Pager](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/hdom-components/src/pager.ts)
|
|
118
119
|
|
|
119
120
|
### Links
|
|
120
121
|
|
|
121
|
-
- [Link types](https://
|
|
122
|
+
- [Link types](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/hdom-components/src/link.ts)
|
|
122
123
|
|
|
123
124
|
### Other
|
|
124
125
|
|
|
125
|
-
- [FPS counter](https://
|
|
126
|
-
- [Notification](https://
|
|
127
|
-
- [Sparkline](https://
|
|
128
|
-
- [Title](https://
|
|
126
|
+
- [FPS counter](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/hdom-components/src/fps-counter.ts)
|
|
127
|
+
- [Notification](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/hdom-components/src/notification.ts)
|
|
128
|
+
- [Sparkline](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/hdom-components/src/sparkline.ts)
|
|
129
|
+
- [Title](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/hdom-components/src/title.ts)
|
|
129
130
|
|
|
130
131
|
## Authors
|
|
131
132
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@thi.ng/hdom-components",
|
|
3
|
-
"version": "5.1.
|
|
3
|
+
"version": "5.1.202",
|
|
4
4
|
"description": "Raw, skinnable UI & SVG components for @thi.ng/hdom",
|
|
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/hdom-components"
|
|
13
13
|
},
|
|
14
14
|
"homepage": "https://thi.ng/hdom-components",
|
|
@@ -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/canvas": "^1.1.
|
|
45
|
-
"@thi.ng/checks": "^3.8.
|
|
46
|
-
"@thi.ng/math": "^5.15.
|
|
47
|
-
"@thi.ng/transducers": "^9.6.
|
|
48
|
-
"@thi.ng/transducers-stats": "^2.2.
|
|
43
|
+
"@thi.ng/api": "^8.12.18",
|
|
44
|
+
"@thi.ng/canvas": "^1.1.10",
|
|
45
|
+
"@thi.ng/checks": "^3.8.8",
|
|
46
|
+
"@thi.ng/math": "^5.15.7",
|
|
47
|
+
"@thi.ng/transducers": "^9.6.31",
|
|
48
|
+
"@thi.ng/transducers-stats": "^2.2.61"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
51
|
"esbuild": "^0.27.2",
|
|
@@ -113,5 +113,5 @@
|
|
|
113
113
|
"status": "beta",
|
|
114
114
|
"year": 2018
|
|
115
115
|
},
|
|
116
|
-
"gitHead": "
|
|
116
|
+
"gitHead": "8ddf86ea0a1e658ddbf19cc645b29d0c176e29c4\n"
|
|
117
117
|
}
|