@fusion.dev/helix-docs 0.51.0 → 0.52.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/content/metrics.mdx +12 -12
- package/dist/sources.generated.js +12 -12
- package/package.json +3 -3
package/content/metrics.mdx
CHANGED
|
@@ -59,10 +59,10 @@ repository does that. The per-component tables are what a page pays.
|
|
|
59
59
|
| Package | Raw | Gzip | Brotli | |
|
|
60
60
|
|---|---|---|---|---|
|
|
61
61
|
| `@fusion.dev/helix-core` | 145,945 | 48,071 | 40,712 | Element base class, mixins, decorators, floating positioning. |
|
|
62
|
-
| `@fusion.dev/helix-headless` | 605,
|
|
62
|
+
| `@fusion.dev/helix-headless` | 605,672 | 157,018 | 122,047 | Every headless family, which is what the barrel means. |
|
|
63
63
|
| `@fusion.dev/helix-icons` | 47,484 | 14,907 | 12,553 | The whole glyph set. |
|
|
64
64
|
| `@fusion.dev/helix-theme` | 3,288 | 1,571 | 1,355 | The derivation engine. Build time for most consumers, runtime for a theme switcher. |
|
|
65
|
-
| `@fusion.dev/helix` | 1,082,
|
|
65
|
+
| `@fusion.dev/helix` | 1,082,914 | 254,056 | 186,162 | Every styled family. |
|
|
66
66
|
| `lit` | 15,394 | 6,118 | 5,460 | Not ours. Here so it can be subtracted from every row above it. |
|
|
67
67
|
|
|
68
68
|
## The stylesheets
|
|
@@ -83,11 +83,11 @@ is the whole cost of adopting the base layer on its own.
|
|
|
83
83
|
|
|
84
84
|
## What the numbers say
|
|
85
85
|
|
|
86
|
-
**Most of a first component is the runtime under it.** The median styled family is 18,
|
|
86
|
+
**Most of a first component is the runtime under it.** The median styled family is 18,826 bytes gzipped alone and adds 2,232 to a page that already has Helix on it, so 88 percent of the first one is shared and 12 percent is the component. Ten typical components are one plus nine additions rather than ten of the first number, and the pair of columns below is what lets that be worked out rather than guessed.
|
|
87
87
|
|
|
88
|
-
Across the tier: the cheapest is `code` at 9,451 gzipped alone, the dearest `data-table` at 59,038, over 100 components. Every family at once is 254,
|
|
88
|
+
Across the tier: the cheapest is `code` at 9,451 gzipped alone, the dearest `data-table` at 59,038, over 100 components. Every family at once is 254,056.
|
|
89
89
|
|
|
90
|
-
**No family imports a barrel, and the `barrels` rule in `fusion workspace` is what keeps it that way.** `@fusion.dev/helix-headless` is `sideEffects` over every module in `dist`, which is true of a file that calls `customElements.define` and which means a bundler may drop none of it: one `import { HelixHeadlessButton } from '@fusion.dev/helix-headless'` costs 157,
|
|
90
|
+
**No family imports a barrel, and the `barrels` rule in `fusion workspace` is what keeps it that way.** `@fusion.dev/helix-headless` is `sideEffects` over every module in `dist`, which is true of a file that calls `customElements.define` and which means a bundler may drop none of it: one `import { HelixHeadlessButton } from '@fusion.dev/helix-headless'` costs 157,018 bytes gzipped whatever else the page does, which is 8 times the median family measured above. The styled tier imports the family it extends instead, all 100 of them, and the check refuses the shape rather than the package name, so the rule follows `sideEffects` wherever it goes.
|
|
91
91
|
|
|
92
92
|
The headless tier never had the problem, and it is the control: `@fusion.dev/helix-core` is `sideEffects: false`, and a headless family is a median of 20,532 bytes gzipped alone.
|
|
93
93
|
|
|
@@ -195,7 +195,7 @@ Structure, accessibility, state and form participation. No presentation, and no
|
|
|
195
195
|
| `button-group` | 28,320 | 9,574 | 8,438 | 661 | 141 | 155 |
|
|
196
196
|
| `callout` | 75,643 | 25,209 | 20,789 | 912 | 240 | 126 |
|
|
197
197
|
| `card` | 28,354 | 9,585 | 8,456 | 694 | 158 | 71 |
|
|
198
|
-
| `carousel` | 84,
|
|
198
|
+
| `carousel` | 84,876 | 28,045 | 23,106 | 10,026 | 2,661 | 2,226 |
|
|
199
199
|
| `chat` | 99,050 | 32,965 | 27,143 | 17,711 | 5,158 | 4,315 |
|
|
200
200
|
| `checkbox` | 36,296 | 11,600 | 10,225 | 2,306 | 676 | 436 |
|
|
201
201
|
| `checkbox-group` | 39,339 | 12,263 | 10,819 | 4,830 | 1,277 | 957 |
|
|
@@ -255,7 +255,7 @@ Structure, accessibility, state and form participation. No presentation, and no
|
|
|
255
255
|
| `slider` | 39,332 | 12,455 | 11,004 | 5,177 | 1,418 | 1,223 |
|
|
256
256
|
| `sparkline` | 34,678 | 11,828 | 10,448 | 2,559 | 838 | 637 |
|
|
257
257
|
| `speed-dial` | 105,779 | 36,229 | 30,429 | 3,743 | 977 | 697 |
|
|
258
|
-
| `splitter` | 37,
|
|
258
|
+
| `splitter` | 37,937 | 12,142 | 10,727 | 10,143 | 2,577 | 2,208 |
|
|
259
259
|
| `stat` | 28,808 | 9,623 | 8,469 | 1,148 | 201 | 88 |
|
|
260
260
|
| `steps` | 84,665 | 27,801 | 22,777 | 6,322 | 1,529 | 1,186 |
|
|
261
261
|
| `switch` | 35,811 | 11,505 | 10,179 | 1,699 | 533 | 342 |
|
|
@@ -297,7 +297,7 @@ The headless tier plus presentation. This is what `bun add @fusion.dev/helix` gi
|
|
|
297
297
|
| `button-group` | 29,996 | 9,950 | 8,778 | 2,320 | 528 | 510 |
|
|
298
298
|
| `callout` | 77,642 | 25,753 | 21,306 | 2,895 | 764 | 706 |
|
|
299
299
|
| `card` | 31,587 | 10,409 | 9,159 | 3,915 | 976 | 823 |
|
|
300
|
-
| `carousel` | 94,
|
|
300
|
+
| `carousel` | 94,968 | 29,707 | 24,655 | 20,107 | 4,322 | 3,654 |
|
|
301
301
|
| `chat` | 113,166 | 35,452 | 29,289 | 31,812 | 7,678 | 6,460 |
|
|
302
302
|
| `checkbox` | 42,340 | 12,992 | 11,454 | 8,334 | 2,076 | 1,669 |
|
|
303
303
|
| `checkbox-group` | 41,522 | 12,837 | 11,297 | 6,999 | 1,845 | 1,426 |
|
|
@@ -352,7 +352,7 @@ The headless tier plus presentation. This is what `bun add @fusion.dev/helix` gi
|
|
|
352
352
|
| `quote` | 28,498 | 9,607 | 8,462 | 1,191 | 301 | 193 |
|
|
353
353
|
| `radio` | 45,268 | 13,351 | 11,771 | 10,759 | 2,267 | 1,832 |
|
|
354
354
|
| `rating` | 44,808 | 14,184 | 12,535 | 10,730 | 3,097 | 2,539 |
|
|
355
|
-
| `sandbox` | 63,
|
|
355
|
+
| `sandbox` | 63,540 | 17,409 | 15,415 | 35,445 | 7,795 | 6,616 |
|
|
356
356
|
| `scatter-chart` | 82,664 | 27,048 | 23,816 | 19,829 | 5,282 | 4,343 |
|
|
357
357
|
| `scroll-area` | 33,234 | 10,788 | 9,483 | 5,874 | 1,455 | 1,149 |
|
|
358
358
|
| `select` | 137,262 | 43,276 | 36,358 | 28,057 | 6,307 | 5,215 |
|
|
@@ -361,7 +361,7 @@ The headless tier plus presentation. This is what `bun add @fusion.dev/helix` gi
|
|
|
361
361
|
| `slider` | 50,314 | 14,414 | 12,755 | 16,142 | 3,398 | 2,924 |
|
|
362
362
|
| `sparkline` | 38,595 | 12,775 | 11,282 | 6,465 | 1,790 | 1,500 |
|
|
363
363
|
| `speed-dial` | 113,345 | 37,698 | 31,658 | 11,289 | 2,381 | 1,982 |
|
|
364
|
-
| `splitter` |
|
|
364
|
+
| `splitter` | 44,009 | 13,134 | 11,663 | 16,197 | 3,611 | 3,113 |
|
|
365
365
|
| `stat` | 31,624 | 10,248 | 9,052 | 3,954 | 829 | 679 |
|
|
366
366
|
| `steps` | 98,288 | 30,223 | 24,872 | 19,933 | 3,925 | 3,365 |
|
|
367
367
|
| `switch` | 40,035 | 12,546 | 11,059 | 5,908 | 1,586 | 1,231 |
|
|
@@ -395,11 +395,11 @@ column is what was removed rather than part of what remains.
|
|
|
395
395
|
| Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
|
|
396
396
|
|---|---|---|---|---|
|
|
397
397
|
| `@fusion.dev/helix-core` | 847,310 | 123 | 186,573 | `@floating-ui/dom`, `@fusion.dev/helix-icons` |
|
|
398
|
-
| `@fusion.dev/helix-headless` | 11,
|
|
398
|
+
| `@fusion.dev/helix-headless` | 11,322,865 | 472 | 863,670 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `uqr` |
|
|
399
399
|
| `@fusion.dev/helix-icons` | 65,943 | 11 | 20,928 | none |
|
|
400
400
|
| `@fusion.dev/helix-styles` | 101,139 | 6 | 0 | none |
|
|
401
401
|
| `@fusion.dev/helix-theme` | 465,413 | 8 | 4,703 | none |
|
|
402
|
-
| `@fusion.dev/helix` | 12,
|
|
402
|
+
| `@fusion.dev/helix` | 12,338,315 | 798 | 338,963 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles` |
|
|
403
403
|
|
|
404
404
|
## Not measured yet
|
|
405
405
|
|
|
@@ -2023,10 +2023,10 @@ repository does that. The per-component tables are what a page pays.
|
|
|
2023
2023
|
| Package | Raw | Gzip | Brotli | |
|
|
2024
2024
|
|---|---|---|---|---|
|
|
2025
2025
|
| \`@fusion.dev/helix-core\` | 145,945 | 48,071 | 40,712 | Element base class, mixins, decorators, floating positioning. |
|
|
2026
|
-
| \`@fusion.dev/helix-headless\` | 605,
|
|
2026
|
+
| \`@fusion.dev/helix-headless\` | 605,672 | 157,018 | 122,047 | Every headless family, which is what the barrel means. |
|
|
2027
2027
|
| \`@fusion.dev/helix-icons\` | 47,484 | 14,907 | 12,553 | The whole glyph set. |
|
|
2028
2028
|
| \`@fusion.dev/helix-theme\` | 3,288 | 1,571 | 1,355 | The derivation engine. Build time for most consumers, runtime for a theme switcher. |
|
|
2029
|
-
| \`@fusion.dev/helix\` | 1,082,
|
|
2029
|
+
| \`@fusion.dev/helix\` | 1,082,914 | 254,056 | 186,162 | Every styled family. |
|
|
2030
2030
|
| \`lit\` | 15,394 | 6,118 | 5,460 | Not ours. Here so it can be subtracted from every row above it. |
|
|
2031
2031
|
|
|
2032
2032
|
## The stylesheets
|
|
@@ -2047,11 +2047,11 @@ is the whole cost of adopting the base layer on its own.
|
|
|
2047
2047
|
|
|
2048
2048
|
## What the numbers say
|
|
2049
2049
|
|
|
2050
|
-
**Most of a first component is the runtime under it.** The median styled family is 18,
|
|
2050
|
+
**Most of a first component is the runtime under it.** The median styled family is 18,826 bytes gzipped alone and adds 2,232 to a page that already has Helix on it, so 88 percent of the first one is shared and 12 percent is the component. Ten typical components are one plus nine additions rather than ten of the first number, and the pair of columns below is what lets that be worked out rather than guessed.
|
|
2051
2051
|
|
|
2052
|
-
Across the tier: the cheapest is \`code\` at 9,451 gzipped alone, the dearest \`data-table\` at 59,038, over 100 components. Every family at once is 254,
|
|
2052
|
+
Across the tier: the cheapest is \`code\` at 9,451 gzipped alone, the dearest \`data-table\` at 59,038, over 100 components. Every family at once is 254,056.
|
|
2053
2053
|
|
|
2054
|
-
**No family imports a barrel, and the \`barrels\` rule in \`fusion workspace\` is what keeps it that way.** \`@fusion.dev/helix-headless\` is \`sideEffects\` over every module in \`dist\`, which is true of a file that calls \`customElements.define\` and which means a bundler may drop none of it: one \`import { HelixHeadlessButton } from '@fusion.dev/helix-headless'\` costs 157,
|
|
2054
|
+
**No family imports a barrel, and the \`barrels\` rule in \`fusion workspace\` is what keeps it that way.** \`@fusion.dev/helix-headless\` is \`sideEffects\` over every module in \`dist\`, which is true of a file that calls \`customElements.define\` and which means a bundler may drop none of it: one \`import { HelixHeadlessButton } from '@fusion.dev/helix-headless'\` costs 157,018 bytes gzipped whatever else the page does, which is 8 times the median family measured above. The styled tier imports the family it extends instead, all 100 of them, and the check refuses the shape rather than the package name, so the rule follows \`sideEffects\` wherever it goes.
|
|
2055
2055
|
|
|
2056
2056
|
The headless tier never had the problem, and it is the control: \`@fusion.dev/helix-core\` is \`sideEffects: false\`, and a headless family is a median of 20,532 bytes gzipped alone.
|
|
2057
2057
|
|
|
@@ -2159,7 +2159,7 @@ Structure, accessibility, state and form participation. No presentation, and no
|
|
|
2159
2159
|
| \`button-group\` | 28,320 | 9,574 | 8,438 | 661 | 141 | 155 |
|
|
2160
2160
|
| \`callout\` | 75,643 | 25,209 | 20,789 | 912 | 240 | 126 |
|
|
2161
2161
|
| \`card\` | 28,354 | 9,585 | 8,456 | 694 | 158 | 71 |
|
|
2162
|
-
| \`carousel\` | 84,
|
|
2162
|
+
| \`carousel\` | 84,876 | 28,045 | 23,106 | 10,026 | 2,661 | 2,226 |
|
|
2163
2163
|
| \`chat\` | 99,050 | 32,965 | 27,143 | 17,711 | 5,158 | 4,315 |
|
|
2164
2164
|
| \`checkbox\` | 36,296 | 11,600 | 10,225 | 2,306 | 676 | 436 |
|
|
2165
2165
|
| \`checkbox-group\` | 39,339 | 12,263 | 10,819 | 4,830 | 1,277 | 957 |
|
|
@@ -2219,7 +2219,7 @@ Structure, accessibility, state and form participation. No presentation, and no
|
|
|
2219
2219
|
| \`slider\` | 39,332 | 12,455 | 11,004 | 5,177 | 1,418 | 1,223 |
|
|
2220
2220
|
| \`sparkline\` | 34,678 | 11,828 | 10,448 | 2,559 | 838 | 637 |
|
|
2221
2221
|
| \`speed-dial\` | 105,779 | 36,229 | 30,429 | 3,743 | 977 | 697 |
|
|
2222
|
-
| \`splitter\` | 37,
|
|
2222
|
+
| \`splitter\` | 37,937 | 12,142 | 10,727 | 10,143 | 2,577 | 2,208 |
|
|
2223
2223
|
| \`stat\` | 28,808 | 9,623 | 8,469 | 1,148 | 201 | 88 |
|
|
2224
2224
|
| \`steps\` | 84,665 | 27,801 | 22,777 | 6,322 | 1,529 | 1,186 |
|
|
2225
2225
|
| \`switch\` | 35,811 | 11,505 | 10,179 | 1,699 | 533 | 342 |
|
|
@@ -2261,7 +2261,7 @@ The headless tier plus presentation. This is what \`bun add @fusion.dev/helix\`
|
|
|
2261
2261
|
| \`button-group\` | 29,996 | 9,950 | 8,778 | 2,320 | 528 | 510 |
|
|
2262
2262
|
| \`callout\` | 77,642 | 25,753 | 21,306 | 2,895 | 764 | 706 |
|
|
2263
2263
|
| \`card\` | 31,587 | 10,409 | 9,159 | 3,915 | 976 | 823 |
|
|
2264
|
-
| \`carousel\` | 94,
|
|
2264
|
+
| \`carousel\` | 94,968 | 29,707 | 24,655 | 20,107 | 4,322 | 3,654 |
|
|
2265
2265
|
| \`chat\` | 113,166 | 35,452 | 29,289 | 31,812 | 7,678 | 6,460 |
|
|
2266
2266
|
| \`checkbox\` | 42,340 | 12,992 | 11,454 | 8,334 | 2,076 | 1,669 |
|
|
2267
2267
|
| \`checkbox-group\` | 41,522 | 12,837 | 11,297 | 6,999 | 1,845 | 1,426 |
|
|
@@ -2316,7 +2316,7 @@ The headless tier plus presentation. This is what \`bun add @fusion.dev/helix\`
|
|
|
2316
2316
|
| \`quote\` | 28,498 | 9,607 | 8,462 | 1,191 | 301 | 193 |
|
|
2317
2317
|
| \`radio\` | 45,268 | 13,351 | 11,771 | 10,759 | 2,267 | 1,832 |
|
|
2318
2318
|
| \`rating\` | 44,808 | 14,184 | 12,535 | 10,730 | 3,097 | 2,539 |
|
|
2319
|
-
| \`sandbox\` | 63,
|
|
2319
|
+
| \`sandbox\` | 63,540 | 17,409 | 15,415 | 35,445 | 7,795 | 6,616 |
|
|
2320
2320
|
| \`scatter-chart\` | 82,664 | 27,048 | 23,816 | 19,829 | 5,282 | 4,343 |
|
|
2321
2321
|
| \`scroll-area\` | 33,234 | 10,788 | 9,483 | 5,874 | 1,455 | 1,149 |
|
|
2322
2322
|
| \`select\` | 137,262 | 43,276 | 36,358 | 28,057 | 6,307 | 5,215 |
|
|
@@ -2325,7 +2325,7 @@ The headless tier plus presentation. This is what \`bun add @fusion.dev/helix\`
|
|
|
2325
2325
|
| \`slider\` | 50,314 | 14,414 | 12,755 | 16,142 | 3,398 | 2,924 |
|
|
2326
2326
|
| \`sparkline\` | 38,595 | 12,775 | 11,282 | 6,465 | 1,790 | 1,500 |
|
|
2327
2327
|
| \`speed-dial\` | 113,345 | 37,698 | 31,658 | 11,289 | 2,381 | 1,982 |
|
|
2328
|
-
| \`splitter\` |
|
|
2328
|
+
| \`splitter\` | 44,009 | 13,134 | 11,663 | 16,197 | 3,611 | 3,113 |
|
|
2329
2329
|
| \`stat\` | 31,624 | 10,248 | 9,052 | 3,954 | 829 | 679 |
|
|
2330
2330
|
| \`steps\` | 98,288 | 30,223 | 24,872 | 19,933 | 3,925 | 3,365 |
|
|
2331
2331
|
| \`switch\` | 40,035 | 12,546 | 11,059 | 5,908 | 1,586 | 1,231 |
|
|
@@ -2359,11 +2359,11 @@ column is what was removed rather than part of what remains.
|
|
|
2359
2359
|
| Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
|
|
2360
2360
|
|---|---|---|---|---|
|
|
2361
2361
|
| \`@fusion.dev/helix-core\` | 847,310 | 123 | 186,573 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
|
|
2362
|
-
| \`@fusion.dev/helix-headless\` | 11,
|
|
2362
|
+
| \`@fusion.dev/helix-headless\` | 11,322,865 | 472 | 863,670 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
|
|
2363
2363
|
| \`@fusion.dev/helix-icons\` | 65,943 | 11 | 20,928 | none |
|
|
2364
2364
|
| \`@fusion.dev/helix-styles\` | 101,139 | 6 | 0 | none |
|
|
2365
2365
|
| \`@fusion.dev/helix-theme\` | 465,413 | 8 | 4,703 | none |
|
|
2366
|
-
| \`@fusion.dev/helix\` | 12,
|
|
2366
|
+
| \`@fusion.dev/helix\` | 12,338,315 | 798 | 338,963 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
|
|
2367
2367
|
|
|
2368
2368
|
## Not measured yet
|
|
2369
2369
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fusion.dev/helix-docs",
|
|
3
3
|
"description": "Versioned documentation content and registry for Helix.",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.52.0",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Ross Sheppard <ross.sheppard@fusion.dev>",
|
|
7
7
|
"repository": {
|
|
@@ -36,8 +36,8 @@
|
|
|
36
36
|
},
|
|
37
37
|
"bugs": "https://github.com/project-fusion/fusion/issues",
|
|
38
38
|
"devDependencies": {
|
|
39
|
-
"@fusion.dev/helix-cem": "0.
|
|
40
|
-
"@fusion.dev/helix-testing": "0.
|
|
39
|
+
"@fusion.dev/helix-cem": "0.52.0",
|
|
40
|
+
"@fusion.dev/helix-testing": "0.52.0",
|
|
41
41
|
"@fusion.dev/scripts": "0.0.0-dev",
|
|
42
42
|
"lit": "^3.2.1",
|
|
43
43
|
"playwright": "^1.62.1"
|