@thi.ng/layout 4.1.8 → 4.1.10
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 +21 -20
- package/package.json +8 -8
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/layout)
|
|
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)
|
|
@@ -42,11 +43,11 @@ below.
|
|
|
42
43
|
|
|
43
44
|
**STABLE** - used in production
|
|
44
45
|
|
|
45
|
-
[Search or submit any issues for this package](https://
|
|
46
|
+
[Search or submit any issues for this package](https://codeberg.org/thi.ng/umbrella/issues?q=%5Blayout%5D)
|
|
46
47
|
|
|
47
48
|
## Related packages
|
|
48
49
|
|
|
49
|
-
- [@thi.ng/imgui](https://
|
|
50
|
+
- [@thi.ng/imgui](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/imgui) - Immediate mode GUI with flexible state handling & data only shape output
|
|
50
51
|
|
|
51
52
|
## Installation
|
|
52
53
|
|
|
@@ -78,25 +79,25 @@ Package sizes (brotli'd, pre-treeshake): ESM: 1.24 KB
|
|
|
78
79
|
|
|
79
80
|
## Dependencies
|
|
80
81
|
|
|
81
|
-
- [@thi.ng/api](https://
|
|
82
|
-
- [@thi.ng/arrays](https://
|
|
83
|
-
- [@thi.ng/checks](https://
|
|
82
|
+
- [@thi.ng/api](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/api)
|
|
83
|
+
- [@thi.ng/arrays](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/arrays)
|
|
84
|
+
- [@thi.ng/checks](https://codeberg.org/thi.ng/umbrella/src/branch/develop/packages/checks)
|
|
84
85
|
|
|
85
86
|
Note: @thi.ng/api is in _most_ cases a type-only import (not used at runtime)
|
|
86
87
|
|
|
87
88
|
## Usage examples
|
|
88
89
|
|
|
89
90
|
Five projects in this repo's
|
|
90
|
-
[/examples](https://
|
|
91
|
+
[/examples](https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples)
|
|
91
92
|
directory are using this package:
|
|
92
93
|
|
|
93
|
-
| Screenshot | Description | Live demo | Source
|
|
94
|
-
|
|
95
|
-
| <img src="https://
|
|
96
|
-
| <img src="https://
|
|
97
|
-
| <img src="https://
|
|
98
|
-
| <img src="https://
|
|
99
|
-
| <img src="https://
|
|
94
|
+
| Screenshot | Description | Live demo | Source |
|
|
95
|
+
|:--------------------------------------------------------------------------------------------------------------------------|:------------------------------------------------------------|:--------------------------------------------------------|:---------------------------------------------------------------------------------------------|
|
|
96
|
+
| <img src="https://codeberg.org/thi.ng/umbrella/media/branch/develop/assets/examples/calibration-sheet.avif" width="240"/> | Parametrically design calibration sheet for B&W photography | [Demo](https://demo.thi.ng/umbrella/calibration-sheet/) | [Source](https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/calibration-sheet) |
|
|
97
|
+
| <img src="https://codeberg.org/thi.ng/umbrella/media/branch/develop/assets/examples/fft-synth.png" width="240"/> | Interactive inverse FFT toy synth | [Demo](https://demo.thi.ng/umbrella/fft-synth/) | [Source](https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/fft-synth) |
|
|
98
|
+
| <img src="https://codeberg.org/thi.ng/umbrella/media/branch/develop/assets/imgui/imgui-all.png" width="240"/> | Canvas based Immediate Mode GUI components | [Demo](https://demo.thi.ng/umbrella/imgui/) | [Source](https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/imgui) |
|
|
99
|
+
| <img src="https://codeberg.org/thi.ng/umbrella/media/branch/develop/assets/examples/imgui-basics.png" width="240"/> | Minimal IMGUI usage example | [Demo](https://demo.thi.ng/umbrella/imgui-basics/) | [Source](https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/imgui-basics) |
|
|
100
|
+
| <img src="https://codeberg.org/thi.ng/umbrella/media/branch/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://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/layout-gridgen) |
|
|
100
101
|
|
|
101
102
|
## API
|
|
102
103
|
|
|
@@ -108,7 +109,7 @@ The `GridLayout` class supports infinite nesting and column/row-based
|
|
|
108
109
|
space allocation, based on an initial configuration and supporting
|
|
109
110
|
multiple column/row spans.
|
|
110
111
|
|
|
111
|
-
|
|
112
113
|
|
|
113
114
|
The code producing this layout (incl. the visualization itself):
|
|
114
115
|
|
|
@@ -205,7 +206,7 @@ IMPORTANT: As with GridLayout, nested layouts **MUST** be completed first before
|
|
|
205
206
|
requesting new cells (aka `LayoutBoxes`) from a parent, otherwise unintended
|
|
206
207
|
overlaps will occur.
|
|
207
208
|
|
|
208
|
-
|
|
209
210
|
|
|
210
211
|
The code producing this layout (incl. the visualization itself):
|
|
211
212
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@thi.ng/layout",
|
|
3
|
-
"version": "4.1.
|
|
3
|
+
"version": "4.1.10",
|
|
4
4
|
"description": "Configurable nested 2D grid layout generators",
|
|
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/layout"
|
|
13
13
|
},
|
|
14
14
|
"homepage": "https://thi.ng/layout",
|
|
@@ -40,13 +40,13 @@
|
|
|
40
40
|
"tool:tangle": "../../node_modules/.bin/tangle src/**/*.ts"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@thi.ng/api": "^8.12.
|
|
44
|
-
"@thi.ng/arrays": "^2.14.
|
|
45
|
-
"@thi.ng/checks": "^3.8.
|
|
43
|
+
"@thi.ng/api": "^8.12.19",
|
|
44
|
+
"@thi.ng/arrays": "^2.14.15",
|
|
45
|
+
"@thi.ng/checks": "^3.8.9"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
|
-
"esbuild": "^0.
|
|
49
|
-
"typedoc": "^0.28.
|
|
48
|
+
"esbuild": "^0.28.0",
|
|
49
|
+
"typedoc": "^0.28.18",
|
|
50
50
|
"typescript": "^5.9.3"
|
|
51
51
|
},
|
|
52
52
|
"keywords": [
|
|
@@ -99,5 +99,5 @@
|
|
|
99
99
|
],
|
|
100
100
|
"year": 2019
|
|
101
101
|
},
|
|
102
|
-
"gitHead": "
|
|
102
|
+
"gitHead": "a780d4a5f6f5fc595c9d28527686f63534927d32"
|
|
103
103
|
}
|