@fusion.dev/helix-docs 0.104.0 → 0.104.1
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 +8 -8
- package/dist/sources.generated.js +8 -8
- 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` | 166,763 | 53,662 | 45,511 | Element base class, mixins, decorators, floating positioning. |
|
|
62
|
-
| `@fusion.dev/helix-headless` |
|
|
62
|
+
| `@fusion.dev/helix-headless` | 679,245 | 176,721 | 137,416 | 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,179,
|
|
65
|
+
| `@fusion.dev/helix` | 1,179,594 | 277,791 | 203,945 | 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
|
|
@@ -85,9 +85,9 @@ is the whole cost of adopting the base layer on its own.
|
|
|
85
85
|
|
|
86
86
|
**Most of a first component is the runtime under it.** The median styled family is 17,749 bytes gzipped alone and adds 2,176 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,701 gzipped alone, the dearest `data-table` at 59,924, over 103 components. Every family at once is 277,
|
|
88
|
+
Across the tier: the cheapest is `code` at 9,701 gzipped alone, the dearest `data-table` at 59,924, over 103 components. Every family at once is 277,791.
|
|
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 176,
|
|
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 176,721 bytes gzipped whatever else the page does, which is 10 times the median family measured above. The styled tier imports the family it extends instead, all 103 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,633 bytes gzipped alone.
|
|
93
93
|
|
|
@@ -194,7 +194,7 @@ Structure, accessibility, state and form participation. No presentation, and no
|
|
|
194
194
|
| `button` | 35,489 | 11,163 | 9,826 | 3,095 | 786 | 589 |
|
|
195
195
|
| `button-group` | 30,787 | 9,826 | 8,634 | 661 | 134 | 23 |
|
|
196
196
|
| `callout` | 78,112 | 25,489 | 21,032 | 914 | 220 | 77 |
|
|
197
|
-
| `canvas` |
|
|
197
|
+
| `canvas` | 83,300 | 25,389 | 22,210 | 46,815 | 14,039 | 11,884 |
|
|
198
198
|
| `card` | 30,821 | 9,839 | 8,681 | 694 | 136 | 21 |
|
|
199
199
|
| `carousel` | 88,395 | 28,556 | 23,604 | 10,942 | 2,758 | 2,266 |
|
|
200
200
|
| `chat` | 101,703 | 33,381 | 27,450 | 17,447 | 5,114 | 4,200 |
|
|
@@ -299,7 +299,7 @@ The headless tier plus presentation. This is what `bun add @fusion.dev/helix` gi
|
|
|
299
299
|
| `button` | 41,582 | 12,277 | 10,803 | 9,170 | 1,893 | 1,576 |
|
|
300
300
|
| `button-group` | 32,463 | 10,201 | 8,984 | 2,320 | 496 | 423 |
|
|
301
301
|
| `callout` | 80,113 | 26,029 | 21,499 | 2,899 | 727 | 678 |
|
|
302
|
-
| `canvas` |
|
|
302
|
+
| `canvas` | 102,332 | 28,840 | 25,145 | 65,832 | 17,479 | 14,782 |
|
|
303
303
|
| `card` | 34,054 | 10,658 | 9,364 | 3,915 | 938 | 821 |
|
|
304
304
|
| `carousel` | 99,183 | 30,280 | 25,092 | 21,719 | 4,517 | 3,771 |
|
|
305
305
|
| `chat` | 115,860 | 35,891 | 29,623 | 31,590 | 7,638 | 6,415 |
|
|
@@ -401,11 +401,11 @@ column is what was removed rather than part of what remains.
|
|
|
401
401
|
| Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
|
|
402
402
|
|---|---|---|---|---|
|
|
403
403
|
| `@fusion.dev/helix-core` | 1,110,957 | 165 | 246,940 | `@floating-ui/dom`, `@fusion.dev/helix-icons` |
|
|
404
|
-
| `@fusion.dev/helix-headless` | 12,
|
|
404
|
+
| `@fusion.dev/helix-headless` | 12,593,195 | 484 | 981,196 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `uqr` |
|
|
405
405
|
| `@fusion.dev/helix-icons` | 131,512 | 21 | 44,809 | `svgo` |
|
|
406
406
|
| `@fusion.dev/helix-styles` | 101,465 | 6 | 0 | none |
|
|
407
407
|
| `@fusion.dev/helix-theme` | 465,413 | 8 | 4,703 | none |
|
|
408
|
-
| `@fusion.dev/helix` | 13,
|
|
408
|
+
| `@fusion.dev/helix` | 13,599,452 | 828 | 346,417 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles` |
|
|
409
409
|
|
|
410
410
|
## Not measured yet
|
|
411
411
|
|
|
@@ -2141,10 +2141,10 @@ repository does that. The per-component tables are what a page pays.
|
|
|
2141
2141
|
| Package | Raw | Gzip | Brotli | |
|
|
2142
2142
|
|---|---|---|---|---|
|
|
2143
2143
|
| \`@fusion.dev/helix-core\` | 166,763 | 53,662 | 45,511 | Element base class, mixins, decorators, floating positioning. |
|
|
2144
|
-
| \`@fusion.dev/helix-headless\` |
|
|
2144
|
+
| \`@fusion.dev/helix-headless\` | 679,245 | 176,721 | 137,416 | Every headless family, which is what the barrel means. |
|
|
2145
2145
|
| \`@fusion.dev/helix-icons\` | 47,484 | 14,907 | 12,553 | The whole glyph set. |
|
|
2146
2146
|
| \`@fusion.dev/helix-theme\` | 3,288 | 1,571 | 1,355 | The derivation engine. Build time for most consumers, runtime for a theme switcher. |
|
|
2147
|
-
| \`@fusion.dev/helix\` | 1,179,
|
|
2147
|
+
| \`@fusion.dev/helix\` | 1,179,594 | 277,791 | 203,945 | Every styled family. |
|
|
2148
2148
|
| \`lit\` | 15,394 | 6,118 | 5,460 | Not ours. Here so it can be subtracted from every row above it. |
|
|
2149
2149
|
|
|
2150
2150
|
## The stylesheets
|
|
@@ -2167,9 +2167,9 @@ is the whole cost of adopting the base layer on its own.
|
|
|
2167
2167
|
|
|
2168
2168
|
**Most of a first component is the runtime under it.** The median styled family is 17,749 bytes gzipped alone and adds 2,176 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.
|
|
2169
2169
|
|
|
2170
|
-
Across the tier: the cheapest is \`code\` at 9,701 gzipped alone, the dearest \`data-table\` at 59,924, over 103 components. Every family at once is 277,
|
|
2170
|
+
Across the tier: the cheapest is \`code\` at 9,701 gzipped alone, the dearest \`data-table\` at 59,924, over 103 components. Every family at once is 277,791.
|
|
2171
2171
|
|
|
2172
|
-
**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 176,
|
|
2172
|
+
**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 176,721 bytes gzipped whatever else the page does, which is 10 times the median family measured above. The styled tier imports the family it extends instead, all 103 of them, and the check refuses the shape rather than the package name, so the rule follows \`sideEffects\` wherever it goes.
|
|
2173
2173
|
|
|
2174
2174
|
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,633 bytes gzipped alone.
|
|
2175
2175
|
|
|
@@ -2276,7 +2276,7 @@ Structure, accessibility, state and form participation. No presentation, and no
|
|
|
2276
2276
|
| \`button\` | 35,489 | 11,163 | 9,826 | 3,095 | 786 | 589 |
|
|
2277
2277
|
| \`button-group\` | 30,787 | 9,826 | 8,634 | 661 | 134 | 23 |
|
|
2278
2278
|
| \`callout\` | 78,112 | 25,489 | 21,032 | 914 | 220 | 77 |
|
|
2279
|
-
| \`canvas\` |
|
|
2279
|
+
| \`canvas\` | 83,300 | 25,389 | 22,210 | 46,815 | 14,039 | 11,884 |
|
|
2280
2280
|
| \`card\` | 30,821 | 9,839 | 8,681 | 694 | 136 | 21 |
|
|
2281
2281
|
| \`carousel\` | 88,395 | 28,556 | 23,604 | 10,942 | 2,758 | 2,266 |
|
|
2282
2282
|
| \`chat\` | 101,703 | 33,381 | 27,450 | 17,447 | 5,114 | 4,200 |
|
|
@@ -2381,7 +2381,7 @@ The headless tier plus presentation. This is what \`bun add @fusion.dev/helix\`
|
|
|
2381
2381
|
| \`button\` | 41,582 | 12,277 | 10,803 | 9,170 | 1,893 | 1,576 |
|
|
2382
2382
|
| \`button-group\` | 32,463 | 10,201 | 8,984 | 2,320 | 496 | 423 |
|
|
2383
2383
|
| \`callout\` | 80,113 | 26,029 | 21,499 | 2,899 | 727 | 678 |
|
|
2384
|
-
| \`canvas\` |
|
|
2384
|
+
| \`canvas\` | 102,332 | 28,840 | 25,145 | 65,832 | 17,479 | 14,782 |
|
|
2385
2385
|
| \`card\` | 34,054 | 10,658 | 9,364 | 3,915 | 938 | 821 |
|
|
2386
2386
|
| \`carousel\` | 99,183 | 30,280 | 25,092 | 21,719 | 4,517 | 3,771 |
|
|
2387
2387
|
| \`chat\` | 115,860 | 35,891 | 29,623 | 31,590 | 7,638 | 6,415 |
|
|
@@ -2483,11 +2483,11 @@ column is what was removed rather than part of what remains.
|
|
|
2483
2483
|
| Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
|
|
2484
2484
|
|---|---|---|---|---|
|
|
2485
2485
|
| \`@fusion.dev/helix-core\` | 1,110,957 | 165 | 246,940 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
|
|
2486
|
-
| \`@fusion.dev/helix-headless\` | 12,
|
|
2486
|
+
| \`@fusion.dev/helix-headless\` | 12,593,195 | 484 | 981,196 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
|
|
2487
2487
|
| \`@fusion.dev/helix-icons\` | 131,512 | 21 | 44,809 | \`svgo\` |
|
|
2488
2488
|
| \`@fusion.dev/helix-styles\` | 101,465 | 6 | 0 | none |
|
|
2489
2489
|
| \`@fusion.dev/helix-theme\` | 465,413 | 8 | 4,703 | none |
|
|
2490
|
-
| \`@fusion.dev/helix\` | 13,
|
|
2490
|
+
| \`@fusion.dev/helix\` | 13,599,452 | 828 | 346,417 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
|
|
2491
2491
|
|
|
2492
2492
|
## Not measured yet
|
|
2493
2493
|
|
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.104.
|
|
4
|
+
"version": "0.104.1",
|
|
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.104.
|
|
40
|
-
"@fusion.dev/helix-testing": "0.104.
|
|
39
|
+
"@fusion.dev/helix-cem": "0.104.1",
|
|
40
|
+
"@fusion.dev/helix-testing": "0.104.1",
|
|
41
41
|
"@fusion.dev/scripts": "0.0.0-dev",
|
|
42
42
|
"lit": "^3.2.1",
|
|
43
43
|
"playwright": "^1.62.1"
|