@flightdev/ui 2.0.0
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/.turbo/turbo-build.log +81 -0
- package/.turbo/turbo-lint.log +40 -0
- package/.turbo/turbo-typecheck.log +4 -0
- package/LICENSE +21 -0
- package/README.md +92 -0
- package/TESTING.md +124 -0
- package/dist/adapter-MMD-iHNx.d.ts +424 -0
- package/dist/adapters/tier-1/angular.d.ts +60 -0
- package/dist/adapters/tier-1/angular.js +2 -0
- package/dist/adapters/tier-1/index.d.ts +7 -0
- package/dist/adapters/tier-1/index.js +7 -0
- package/dist/adapters/tier-1/qwik.d.ts +55 -0
- package/dist/adapters/tier-1/qwik.js +2 -0
- package/dist/adapters/tier-1/react.d.ts +67 -0
- package/dist/adapters/tier-1/react.js +2 -0
- package/dist/adapters/tier-1/solid.d.ts +45 -0
- package/dist/adapters/tier-1/solid.js +2 -0
- package/dist/adapters/tier-1/svelte.d.ts +48 -0
- package/dist/adapters/tier-1/svelte.js +2 -0
- package/dist/adapters/tier-1/vue.d.ts +47 -0
- package/dist/adapters/tier-1/vue.js +2 -0
- package/dist/adapters/tier-2/index.d.ts +7 -0
- package/dist/adapters/tier-2/index.js +7 -0
- package/dist/adapters/tier-2/inferno.d.ts +31 -0
- package/dist/adapters/tier-2/inferno.js +2 -0
- package/dist/adapters/tier-2/lit.d.ts +34 -0
- package/dist/adapters/tier-2/lit.js +2 -0
- package/dist/adapters/tier-2/marko.d.ts +59 -0
- package/dist/adapters/tier-2/marko.js +2 -0
- package/dist/adapters/tier-2/mithril.d.ts +31 -0
- package/dist/adapters/tier-2/mithril.js +2 -0
- package/dist/adapters/tier-2/preact.d.ts +33 -0
- package/dist/adapters/tier-2/preact.js +2 -0
- package/dist/adapters/tier-2/stencil.d.ts +52 -0
- package/dist/adapters/tier-2/stencil.js +2 -0
- package/dist/adapters/tier-3/alpine.d.ts +73 -0
- package/dist/adapters/tier-3/alpine.js +2 -0
- package/dist/adapters/tier-3/hotwire.d.ts +71 -0
- package/dist/adapters/tier-3/hotwire.js +2 -0
- package/dist/adapters/tier-3/htmx.d.ts +88 -0
- package/dist/adapters/tier-3/htmx.js +2 -0
- package/dist/adapters/tier-3/index.d.ts +7 -0
- package/dist/adapters/tier-3/index.js +7 -0
- package/dist/adapters/tier-3/petite-vue.d.ts +56 -0
- package/dist/adapters/tier-3/petite-vue.js +2 -0
- package/dist/adapters/tier-3/stimulus.d.ts +63 -0
- package/dist/adapters/tier-3/stimulus.js +2 -0
- package/dist/adapters/tier-3/vanilla.d.ts +63 -0
- package/dist/adapters/tier-3/vanilla.js +2 -0
- package/dist/chunk-2SNQ6PTM.js +217 -0
- package/dist/chunk-3D4XMIZI.js +136 -0
- package/dist/chunk-3HU6GSQ4.js +125 -0
- package/dist/chunk-4PZDNFL7.js +148 -0
- package/dist/chunk-5IBLFTYL.js +114 -0
- package/dist/chunk-64JZJ7OK.js +142 -0
- package/dist/chunk-7ZJI3QU2.js +132 -0
- package/dist/chunk-CE4FJHQJ.js +133 -0
- package/dist/chunk-DTCAUBH5.js +87 -0
- package/dist/chunk-NTASPOHG.js +106 -0
- package/dist/chunk-OI2AMQLG.js +152 -0
- package/dist/chunk-Q7HUE44H.js +106 -0
- package/dist/chunk-QH3LOWXU.js +155 -0
- package/dist/chunk-QIVAK6BH.js +103 -0
- package/dist/chunk-V34XPVGK.js +103 -0
- package/dist/chunk-VK7ZPMO7.js +221 -0
- package/dist/chunk-X6CNUW6T.js +136 -0
- package/dist/chunk-XTDK7ME5.js +382 -0
- package/dist/chunk-YFGSHW5S.js +121 -0
- package/dist/chunk-ZAJVSE7J.js +90 -0
- package/dist/core/index.d.ts +161 -0
- package/dist/core/index.js +2 -0
- package/dist/index.d.ts +103 -0
- package/dist/index.js +71 -0
- package/docs/ADAPTERS.md +946 -0
- package/docs/PATTERNS.md +836 -0
- package/package.json +229 -0
- package/src/adapters/tier-1/angular.ts +223 -0
- package/src/adapters/tier-1/index.ts +12 -0
- package/src/adapters/tier-1/qwik.ts +177 -0
- package/src/adapters/tier-1/react.ts +330 -0
- package/src/adapters/tier-1/solid.ts +222 -0
- package/src/adapters/tier-1/svelte.ts +211 -0
- package/src/adapters/tier-1/vue.ts +234 -0
- package/src/adapters/tier-2/index.ts +12 -0
- package/src/adapters/tier-2/inferno.ts +149 -0
- package/src/adapters/tier-2/lit.ts +191 -0
- package/src/adapters/tier-2/marko.ts +199 -0
- package/src/adapters/tier-2/mithril.ts +152 -0
- package/src/adapters/tier-2/preact.ts +133 -0
- package/src/adapters/tier-2/stencil.ts +214 -0
- package/src/adapters/tier-3/alpine.ts +218 -0
- package/src/adapters/tier-3/hotwire.ts +254 -0
- package/src/adapters/tier-3/htmx.ts +263 -0
- package/src/adapters/tier-3/index.ts +12 -0
- package/src/adapters/tier-3/petite-vue.ts +163 -0
- package/src/adapters/tier-3/stimulus.ts +233 -0
- package/src/adapters/tier-3/vanilla.ts +252 -0
- package/src/ambient.d.ts +310 -0
- package/src/core/adapter.ts +366 -0
- package/src/core/index.ts +56 -0
- package/src/core/registry.ts +518 -0
- package/src/core/types.ts +461 -0
- package/src/htmx.ts +134 -0
- package/src/index.ts +263 -0
- package/test/__mocks__/stencil-core.ts +19 -0
- package/test/__mocks__/stencil-hydrate.ts +15 -0
- package/test/adapters/tier-1.test.ts +206 -0
- package/test/adapters/tier-2.test.ts +175 -0
- package/test/adapters/tier-3.test.ts +284 -0
- package/test/contracts/adapter.contract.ts +293 -0
- package/test/core/core.test.ts +310 -0
- package/test/errors/error-handling.test.ts +454 -0
- package/test/integration/htmx.integration.test.ts +246 -0
- package/test/integration/react.integration.test.ts +271 -0
- package/test/integration/registry.integration.test.ts +308 -0
- package/tsconfig.json +22 -0
- package/tsup.config.ts +93 -0
- package/vitest.config.ts +101 -0
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
|
|
2
|
+
> @flightdev/ui@2.0.0 build E:\testear framework\Flight\packages\ui
|
|
3
|
+
> tsup
|
|
4
|
+
|
|
5
|
+
[34mCLI[39m Building entry: src/index.ts, src/core/index.ts, src/adapters/tier-1/angular.ts, src/adapters/tier-1/index.ts, src/adapters/tier-1/qwik.ts, src/adapters/tier-1/react.ts, src/adapters/tier-1/solid.ts, src/adapters/tier-1/svelte.ts, src/adapters/tier-1/vue.ts, src/adapters/tier-2/index.ts, src/adapters/tier-2/inferno.ts, src/adapters/tier-2/lit.ts, src/adapters/tier-2/marko.ts, src/adapters/tier-2/mithril.ts, src/adapters/tier-2/preact.ts, src/adapters/tier-2/stencil.ts, src/adapters/tier-3/alpine.ts, src/adapters/tier-3/hotwire.ts, src/adapters/tier-3/htmx.ts, src/adapters/tier-3/index.ts, src/adapters/tier-3/petite-vue.ts, src/adapters/tier-3/stimulus.ts, src/adapters/tier-3/vanilla.ts
|
|
6
|
+
[34mCLI[39m Using tsconfig: tsconfig.json
|
|
7
|
+
[34mCLI[39m tsup v8.5.1
|
|
8
|
+
[34mCLI[39m Using tsup config: E:\testear framework\Flight\packages\ui\tsup.config.ts
|
|
9
|
+
[34mCLI[39m Target: node20
|
|
10
|
+
[34mCLI[39m Cleaning output folder
|
|
11
|
+
[34mESM[39m Build start
|
|
12
|
+
[32mESM[39m [1mdist\adapters\tier-3\alpine.js [22m[32m156.00 B[39m
|
|
13
|
+
[32mESM[39m [1mdist\adapters\tier-3\htmx.js [22m[32m164.00 B[39m
|
|
14
|
+
[32mESM[39m [1mdist\adapters\tier-3\hotwire.js [22m[32m174.00 B[39m
|
|
15
|
+
[32mESM[39m [1mdist\adapters\tier-3\index.js [22m[32m638.00 B[39m
|
|
16
|
+
[32mESM[39m [1mdist\adapters\tier-3\stimulus.js [22m[32m160.00 B[39m
|
|
17
|
+
[32mESM[39m [1mdist\adapters\tier-3\petite-vue.js [22m[32m155.00 B[39m
|
|
18
|
+
[32mESM[39m [1mdist\chunk-4PZDNFL7.js [22m[32m4.15 KB[39m
|
|
19
|
+
[32mESM[39m [1mdist\chunk-Q7HUE44H.js [22m[32m3.03 KB[39m
|
|
20
|
+
[32mESM[39m [1mdist\adapters\tier-3\vanilla.js [22m[32m167.00 B[39m
|
|
21
|
+
[32mESM[39m [1mdist\chunk-7ZJI3QU2.js [22m[32m3.72 KB[39m
|
|
22
|
+
[32mESM[39m [1mdist\chunk-CE4FJHQJ.js [22m[32m3.75 KB[39m
|
|
23
|
+
[32mESM[39m [1mdist\adapters\tier-2\index.js [22m[32m422.00 B[39m
|
|
24
|
+
[32mESM[39m [1mdist\chunk-ZAJVSE7J.js [22m[32m2.42 KB[39m
|
|
25
|
+
[32mESM[39m [1mdist\adapters\tier-1\vue.js [22m[32m117.00 B[39m
|
|
26
|
+
[32mESM[39m [1mdist\adapters\tier-2\inferno.js [22m[32m129.00 B[39m
|
|
27
|
+
[32mESM[39m [1mdist\adapters\tier-2\marko.js [22m[32m123.00 B[39m
|
|
28
|
+
[32mESM[39m [1mdist\adapters\tier-2\preact.js [22m[32m126.00 B[39m
|
|
29
|
+
[32mESM[39m [1mdist\adapters\tier-2\mithril.js [22m[32m129.00 B[39m
|
|
30
|
+
[32mESM[39m [1mdist\chunk-QIVAK6BH.js [22m[32m2.83 KB[39m
|
|
31
|
+
[32mESM[39m [1mdist\adapters\tier-2\lit.js [22m[32m117.00 B[39m
|
|
32
|
+
[32mESM[39m [1mdist\adapters\tier-2\stencil.js [22m[32m129.00 B[39m
|
|
33
|
+
[32mESM[39m [1mdist\chunk-YFGSHW5S.js [22m[32m3.68 KB[39m
|
|
34
|
+
[32mESM[39m [1mdist\chunk-V34XPVGK.js [22m[32m2.76 KB[39m
|
|
35
|
+
[32mESM[39m [1mdist\chunk-DTCAUBH5.js [22m[32m2.21 KB[39m
|
|
36
|
+
[32mESM[39m [1mdist\adapters\tier-1\angular.js [22m[32m129.00 B[39m
|
|
37
|
+
[32mESM[39m [1mdist\chunk-OI2AMQLG.js [22m[32m4.29 KB[39m
|
|
38
|
+
[32mESM[39m [1mdist\chunk-5IBLFTYL.js [22m[32m2.80 KB[39m
|
|
39
|
+
[32mESM[39m [1mdist\core\index.js [22m[32m228.00 B[39m
|
|
40
|
+
[32mESM[39m [1mdist\adapters\tier-1\qwik.js [22m[32m120.00 B[39m
|
|
41
|
+
[32mESM[39m [1mdist\chunk-3HU6GSQ4.js [22m[32m3.89 KB[39m
|
|
42
|
+
[32mESM[39m [1mdist\adapters\tier-1\index.js [22m[32m412.00 B[39m
|
|
43
|
+
[32mESM[39m [1mdist\index.js [22m[32m2.47 KB[39m
|
|
44
|
+
[32mESM[39m [1mdist\adapters\tier-1\react.js [22m[32m123.00 B[39m
|
|
45
|
+
[32mESM[39m [1mdist\chunk-QH3LOWXU.js [22m[32m3.96 KB[39m
|
|
46
|
+
[32mESM[39m [1mdist\adapters\tier-1\solid.js [22m[32m123.00 B[39m
|
|
47
|
+
[32mESM[39m [1mdist\chunk-3D4XMIZI.js [22m[32m3.82 KB[39m
|
|
48
|
+
[32mESM[39m [1mdist\adapters\tier-1\svelte.js [22m[32m126.00 B[39m
|
|
49
|
+
[32mESM[39m [1mdist\chunk-NTASPOHG.js [22m[32m2.95 KB[39m
|
|
50
|
+
[32mESM[39m [1mdist\chunk-VK7ZPMO7.js [22m[32m6.50 KB[39m
|
|
51
|
+
[32mESM[39m [1mdist\chunk-64JZJ7OK.js [22m[32m3.82 KB[39m
|
|
52
|
+
[32mESM[39m [1mdist\chunk-X6CNUW6T.js [22m[32m3.56 KB[39m
|
|
53
|
+
[32mESM[39m [1mdist\chunk-2SNQ6PTM.js [22m[32m5.54 KB[39m
|
|
54
|
+
[32mESM[39m [1mdist\chunk-XTDK7ME5.js [22m[32m10.12 KB[39m
|
|
55
|
+
[32mESM[39m ⚡️ Build success in 315ms
|
|
56
|
+
[34mDTS[39m Build start
|
|
57
|
+
[32mDTS[39m ⚡️ Build success in 19743ms
|
|
58
|
+
[32mDTS[39m [1mdist\adapters\tier-1\index.d.ts [22m[32m548.00 B[39m
|
|
59
|
+
[32mDTS[39m [1mdist\adapters\tier-2\index.d.ts [22m[32m563.00 B[39m
|
|
60
|
+
[32mDTS[39m [1mdist\adapters\tier-3\index.d.ts [22m[32m806.00 B[39m
|
|
61
|
+
[32mDTS[39m [1mdist\index.d.ts [22m[32m3.26 KB[39m
|
|
62
|
+
[32mDTS[39m [1mdist\adapters\tier-1\angular.d.ts [22m[32m1.87 KB[39m
|
|
63
|
+
[32mDTS[39m [1mdist\adapters\tier-1\qwik.d.ts [22m[32m1.67 KB[39m
|
|
64
|
+
[32mDTS[39m [1mdist\adapters\tier-1\react.d.ts [22m[32m2.27 KB[39m
|
|
65
|
+
[32mDTS[39m [1mdist\adapters\tier-1\solid.d.ts [22m[32m1.50 KB[39m
|
|
66
|
+
[32mDTS[39m [1mdist\adapters\tier-1\svelte.d.ts [22m[32m1.41 KB[39m
|
|
67
|
+
[32mDTS[39m [1mdist\adapters\tier-1\vue.d.ts [22m[32m1.57 KB[39m
|
|
68
|
+
[32mDTS[39m [1mdist\adapters\tier-2\inferno.d.ts [22m[32m1.06 KB[39m
|
|
69
|
+
[32mDTS[39m [1mdist\adapters\tier-2\lit.d.ts [22m[32m1.19 KB[39m
|
|
70
|
+
[32mDTS[39m [1mdist\adapters\tier-2\marko.d.ts [22m[32m2.01 KB[39m
|
|
71
|
+
[32mDTS[39m [1mdist\adapters\tier-2\mithril.d.ts [22m[32m1.05 KB[39m
|
|
72
|
+
[32mDTS[39m [1mdist\adapters\tier-2\preact.d.ts [22m[32m1.11 KB[39m
|
|
73
|
+
[32mDTS[39m [1mdist\adapters\tier-2\stencil.d.ts [22m[32m1.65 KB[39m
|
|
74
|
+
[32mDTS[39m [1mdist\adapters\tier-3\alpine.d.ts [22m[32m2.23 KB[39m
|
|
75
|
+
[32mDTS[39m [1mdist\adapters\tier-3\hotwire.d.ts [22m[32m2.24 KB[39m
|
|
76
|
+
[32mDTS[39m [1mdist\adapters\tier-3\htmx.d.ts [22m[32m2.59 KB[39m
|
|
77
|
+
[32mDTS[39m [1mdist\adapters\tier-3\petite-vue.d.ts [22m[32m1.73 KB[39m
|
|
78
|
+
[32mDTS[39m [1mdist\adapters\tier-3\stimulus.d.ts [22m[32m1.95 KB[39m
|
|
79
|
+
[32mDTS[39m [1mdist\adapters\tier-3\vanilla.d.ts [22m[32m2.06 KB[39m
|
|
80
|
+
[32mDTS[39m [1mdist\core\index.d.ts [22m[32m4.54 KB[39m
|
|
81
|
+
[32mDTS[39m [1mdist\adapter-MMD-iHNx.d.ts [22m[32m12.96 KB[39m
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
|
|
2
|
+
> @flight-framework/ui@2.0.0 lint E:\testear framework\Flight\packages\ui
|
|
3
|
+
> eslint src test
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
E:\testear framework\Flight\packages\ui\src\adapters\tier-1\angular.ts
|
|
7
|
+
78:21 warning 'provideClientHydration' is assigned a value but never used @typescript-eslint/no-unused-vars
|
|
8
|
+
|
|
9
|
+
E:\testear framework\Flight\packages\ui\src\adapters\tier-1\solid.ts
|
|
10
|
+
69:15 warning 'App' is assigned a value but never used @typescript-eslint/no-unused-vars
|
|
11
|
+
103:27 warning 'App' is assigned a value but never used @typescript-eslint/no-unused-vars
|
|
12
|
+
|
|
13
|
+
E:\testear framework\Flight\packages\ui\src\adapters\tier-3\hotwire.ts
|
|
14
|
+
95:13 warning 'turboFrames' is assigned a value but never used @typescript-eslint/no-unused-vars
|
|
15
|
+
96:13 warning 'turboStreams' is assigned a value but never used @typescript-eslint/no-unused-vars
|
|
16
|
+
|
|
17
|
+
E:\testear framework\Flight\packages\ui\src\core\adapter.ts
|
|
18
|
+
23:5 warning 'DEFAULT_CAPABILITIES' is defined but never used @typescript-eslint/no-unused-vars
|
|
19
|
+
|
|
20
|
+
E:\testear framework\Flight\packages\ui\test\__mocks__\stencil-core.ts
|
|
21
|
+
8:28 warning 'target' is defined but never used. Allowed unused args must match /^_/u @typescript-eslint/no-unused-vars
|
|
22
|
+
8:45 warning 'key' is defined but never used. Allowed unused args must match /^_/u @typescript-eslint/no-unused-vars
|
|
23
|
+
|
|
24
|
+
E:\testear framework\Flight\packages\ui\test\adapters\tier-1.test.ts
|
|
25
|
+
8:32 warning 'vi' is defined but never used @typescript-eslint/no-unused-vars
|
|
26
|
+
|
|
27
|
+
E:\testear framework\Flight\packages\ui\test\core\core.test.ts
|
|
28
|
+
13:15 warning 'AdapterCapabilities' is defined but never used @typescript-eslint/no-unused-vars
|
|
29
|
+
|
|
30
|
+
E:\testear framework\Flight\packages\ui\test\errors\error-handling.test.ts
|
|
31
|
+
10:44 warning 'vi' is defined but never used @typescript-eslint/no-unused-vars
|
|
32
|
+
|
|
33
|
+
E:\testear framework\Flight\packages\ui\test\integration\react.integration.test.ts
|
|
34
|
+
12:40 warning 'RenderContext' is defined but never used @typescript-eslint/no-unused-vars
|
|
35
|
+
|
|
36
|
+
E:\testear framework\Flight\packages\ui\test\integration\registry.integration.test.ts
|
|
37
|
+
10:32 warning 'beforeEach' is defined but never used @typescript-eslint/no-unused-vars
|
|
38
|
+
|
|
39
|
+
✖ 13 problems (0 errors, 13 warnings)
|
|
40
|
+
|
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2024-2026 Flight Contributors
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
# @flight-framework/ui
|
|
2
|
+
|
|
3
|
+
Headless UI components for Flight Framework. Accessible, unstyled primitives for building design systems.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install @flight-framework/ui
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Components
|
|
12
|
+
|
|
13
|
+
### Dialog (Modal)
|
|
14
|
+
|
|
15
|
+
```tsx
|
|
16
|
+
import { Dialog, DialogTrigger, DialogContent, DialogTitle } from '@flight-framework/ui/react';
|
|
17
|
+
|
|
18
|
+
function App() {
|
|
19
|
+
return (
|
|
20
|
+
<Dialog>
|
|
21
|
+
<DialogTrigger>Open Modal</DialogTrigger>
|
|
22
|
+
<DialogContent>
|
|
23
|
+
<DialogTitle>Confirm Action</DialogTitle>
|
|
24
|
+
<p>Are you sure you want to continue?</p>
|
|
25
|
+
</DialogContent>
|
|
26
|
+
</Dialog>
|
|
27
|
+
);
|
|
28
|
+
}
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
### Dropdown Menu
|
|
32
|
+
|
|
33
|
+
```tsx
|
|
34
|
+
import { Menu, MenuTrigger, MenuContent, MenuItem } from '@flight-framework/ui/react';
|
|
35
|
+
|
|
36
|
+
function App() {
|
|
37
|
+
return (
|
|
38
|
+
<Menu>
|
|
39
|
+
<MenuTrigger>Options</MenuTrigger>
|
|
40
|
+
<MenuContent>
|
|
41
|
+
<MenuItem onSelect={() => {}}>Edit</MenuItem>
|
|
42
|
+
<MenuItem onSelect={() => {}}>Delete</MenuItem>
|
|
43
|
+
</MenuContent>
|
|
44
|
+
</Menu>
|
|
45
|
+
);
|
|
46
|
+
}
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
### Tabs
|
|
50
|
+
|
|
51
|
+
```tsx
|
|
52
|
+
import { Tabs, TabList, Tab, TabPanel } from '@flight-framework/ui/react';
|
|
53
|
+
|
|
54
|
+
function App() {
|
|
55
|
+
return (
|
|
56
|
+
<Tabs defaultValue="tab1">
|
|
57
|
+
<TabList>
|
|
58
|
+
<Tab value="tab1">Tab 1</Tab>
|
|
59
|
+
<Tab value="tab2">Tab 2</Tab>
|
|
60
|
+
</TabList>
|
|
61
|
+
<TabPanel value="tab1">Content 1</TabPanel>
|
|
62
|
+
<TabPanel value="tab2">Content 2</TabPanel>
|
|
63
|
+
</Tabs>
|
|
64
|
+
);
|
|
65
|
+
}
|
|
66
|
+
```
|
|
67
|
+
|
|
68
|
+
## Available Components
|
|
69
|
+
|
|
70
|
+
- Dialog / Modal
|
|
71
|
+
- Dropdown Menu
|
|
72
|
+
- Popover
|
|
73
|
+
- Tooltip
|
|
74
|
+
- Tabs
|
|
75
|
+
- Accordion
|
|
76
|
+
- Collapsible
|
|
77
|
+
- Switch / Toggle
|
|
78
|
+
- Slider
|
|
79
|
+
- Select / Combobox
|
|
80
|
+
- Toast / Notifications
|
|
81
|
+
|
|
82
|
+
## Features
|
|
83
|
+
|
|
84
|
+
- Fully accessible (WAI-ARIA)
|
|
85
|
+
- Keyboard navigation
|
|
86
|
+
- Focus management
|
|
87
|
+
- Unstyled (bring your own CSS)
|
|
88
|
+
- TypeScript support
|
|
89
|
+
|
|
90
|
+
## License
|
|
91
|
+
|
|
92
|
+
MIT
|
package/TESTING.md
ADDED
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
# @flight-framework/ui Testing Guide
|
|
2
|
+
|
|
3
|
+
This document describes how to run tests, add new tests, and maintain coverage for the UI package.
|
|
4
|
+
|
|
5
|
+
## Quick Start
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
# Run all tests
|
|
9
|
+
pnpm --filter @flight-framework/ui test
|
|
10
|
+
|
|
11
|
+
# Run with coverage
|
|
12
|
+
pnpm --filter @flight-framework/ui test:coverage
|
|
13
|
+
|
|
14
|
+
# Run specific test file
|
|
15
|
+
pnpm --filter @flight-framework/ui test -- --testPathPattern="react"
|
|
16
|
+
|
|
17
|
+
# Watch mode (development)
|
|
18
|
+
pnpm --filter @flight-framework/ui test:watch
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
## Test Structure
|
|
22
|
+
|
|
23
|
+
```
|
|
24
|
+
packages/ui/test/
|
|
25
|
+
├── __mocks__/ # Framework mocks
|
|
26
|
+
├── adapters/ # Framework-specific adapter tests
|
|
27
|
+
├── contracts/ # Interface contract tests
|
|
28
|
+
├── core/ # Core functionality tests
|
|
29
|
+
├── errors/ # Error handling tests
|
|
30
|
+
└── integration/ # Integration tests
|
|
31
|
+
├── react.integration.test.ts
|
|
32
|
+
├── htmx.integration.test.ts
|
|
33
|
+
└── registry.integration.test.ts
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
## Coverage Requirements
|
|
37
|
+
|
|
38
|
+
| Metric | Threshold |
|
|
39
|
+
|--------|-----------|
|
|
40
|
+
| Statements | 60% |
|
|
41
|
+
| Branches | 50% |
|
|
42
|
+
| Functions | 60% |
|
|
43
|
+
| Lines | 60% |
|
|
44
|
+
|
|
45
|
+
Tests will fail if coverage drops below these thresholds.
|
|
46
|
+
|
|
47
|
+
## Adding New Adapter Tests
|
|
48
|
+
|
|
49
|
+
When creating a new adapter, add tests in `test/adapters/`:
|
|
50
|
+
|
|
51
|
+
```typescript
|
|
52
|
+
// test/adapters/my-framework.test.ts
|
|
53
|
+
import { describe, it, expect } from 'vitest';
|
|
54
|
+
import { myFramework } from '../../src/adapters/my-framework.js';
|
|
55
|
+
|
|
56
|
+
describe('MyFramework Adapter', () => {
|
|
57
|
+
it('has correct identity', () => {
|
|
58
|
+
const adapter = myFramework();
|
|
59
|
+
expect(adapter.id).toBe('my-framework');
|
|
60
|
+
expect(adapter.tier).toBe('tier-2');
|
|
61
|
+
});
|
|
62
|
+
|
|
63
|
+
it('renders to string', async () => {
|
|
64
|
+
const adapter = myFramework();
|
|
65
|
+
const result = await adapter.renderToString({
|
|
66
|
+
component: () => '<div>Test</div>',
|
|
67
|
+
props: {},
|
|
68
|
+
});
|
|
69
|
+
expect(result.html).toContain('Test');
|
|
70
|
+
});
|
|
71
|
+
});
|
|
72
|
+
```
|
|
73
|
+
|
|
74
|
+
## Integration Tests
|
|
75
|
+
|
|
76
|
+
Integration tests verify real-world scenarios across the adapter system:
|
|
77
|
+
|
|
78
|
+
- **React**: SSR, hydration, streaming, islands
|
|
79
|
+
- **HTMX**: HTML-first rendering, hx-* attributes
|
|
80
|
+
- **Registry**: Dynamic loading, capability queries, tier filtering
|
|
81
|
+
|
|
82
|
+
## CI/CD Integration
|
|
83
|
+
|
|
84
|
+
Tests run automatically on:
|
|
85
|
+
- Push to `main` or `develop`
|
|
86
|
+
- Pull requests affecting `packages/ui/**`
|
|
87
|
+
|
|
88
|
+
Coverage reports upload to Codecov on Node 20 builds.
|
|
89
|
+
|
|
90
|
+
## Mocking Framework Dependencies
|
|
91
|
+
|
|
92
|
+
External frameworks are mocked to avoid installation:
|
|
93
|
+
|
|
94
|
+
```typescript
|
|
95
|
+
// vitest.config.ts
|
|
96
|
+
build: {
|
|
97
|
+
rollupOptions: {
|
|
98
|
+
external: ['react', 'vue', 'svelte', ...]
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
```
|
|
102
|
+
|
|
103
|
+
Add mocks in `test/__mocks__/` for frameworks that need custom mock behavior.
|
|
104
|
+
|
|
105
|
+
## Common Commands
|
|
106
|
+
|
|
107
|
+
| Command | Description |
|
|
108
|
+
|---------|-------------|
|
|
109
|
+
| `pnpm test` | Run all tests once |
|
|
110
|
+
| `pnpm test:coverage` | Run with coverage report |
|
|
111
|
+
| `pnpm test:watch` | Watch mode for development |
|
|
112
|
+
| `pnpm test -- --reporter=verbose` | Verbose output |
|
|
113
|
+
|
|
114
|
+
## Troubleshooting
|
|
115
|
+
|
|
116
|
+
**Tests hanging**: Check for unhandled async operations or increase timeout:
|
|
117
|
+
```typescript
|
|
118
|
+
// vitest.config.ts
|
|
119
|
+
testTimeout: 15000 // 15 seconds
|
|
120
|
+
```
|
|
121
|
+
|
|
122
|
+
**Coverage too low**: Focus on untested branches and edge cases in `src/core/` and `src/adapters/`.
|
|
123
|
+
|
|
124
|
+
**Mock issues**: Ensure framework mocks return expected structure per `UIAdapterV2` interface.
|