@fusion.dev/helix-docs 0.10.3 → 0.11.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 +8 -8
- package/dist/sources.generated.js +8 -8
- package/package.json +2 -2
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` | 136,650 | 44,897 | 38,468 | Element base class, mixins, decorators, floating positioning. |
|
|
62
|
-
| `@fusion.dev/helix-headless` | 523,
|
|
62
|
+
| `@fusion.dev/helix-headless` | 523,864 | 133,090 | 104,269 | 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` | 971,
|
|
65
|
+
| `@fusion.dev/helix` | 971,686 | 222,123 | 163,000 | 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 13,914 bytes gzipped alone and adds 2,450 to a page that already has Helix on it, so 82 percent of the first one is shared and 18 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,065 gzipped alone, the dearest `data-table` at 51,725, over 94 components. Every family at once is 222,
|
|
88
|
+
Across the tier: the cheapest is `code` at 9,065 gzipped alone, the dearest `data-table` at 51,725, over 94 components. Every family at once is 222,123.
|
|
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 133,
|
|
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 133,090 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 94 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 16,187 bytes gzipped alone.
|
|
93
93
|
|
|
@@ -195,7 +195,7 @@ Structure, accessibility, state and form participation. No presentation, and no
|
|
|
195
195
|
| `callout` | 74,155 | 24,675 | 20,454 | 912 | 455 | 211 |
|
|
196
196
|
| `card` | 26,866 | 9,186 | 8,102 | 694 | 348 | 76 |
|
|
197
197
|
| `carousel` | 80,904 | 26,737 | 22,141 | 7,686 | 2,418 | 1,589 |
|
|
198
|
-
| `chat` |
|
|
198
|
+
| `chat` | 85,008 | 28,020 | 23,110 | 9,594 | 2,842 | 1,994 |
|
|
199
199
|
| `checkbox` | 34,646 | 11,172 | 9,831 | 2,252 | 952 | 464 |
|
|
200
200
|
| `checkbox-group` | 37,546 | 11,793 | 10,407 | 4,655 | 1,592 | 847 |
|
|
201
201
|
| `code` | 25,451 | 8,754 | 7,715 | 451 | 246 | 45 |
|
|
@@ -291,7 +291,7 @@ The headless tier plus presentation. This is what `bun add @fusion.dev/helix` gi
|
|
|
291
291
|
| `callout` | 76,172 | 25,232 | 20,980 | 2,913 | 999 | 686 |
|
|
292
292
|
| `card` | 30,099 | 10,015 | 8,818 | 3,915 | 1,176 | 844 |
|
|
293
293
|
| `carousel` | 89,716 | 28,261 | 23,587 | 16,487 | 3,956 | 3,065 |
|
|
294
|
-
| `chat` | 96,
|
|
294
|
+
| `chat` | 96,677 | 30,177 | 24,969 | 21,252 | 4,954 | 3,839 |
|
|
295
295
|
| `checkbox` | 40,820 | 12,584 | 11,096 | 8,410 | 2,364 | 1,667 |
|
|
296
296
|
| `checkbox-group` | 39,793 | 12,366 | 10,895 | 6,888 | 2,183 | 1,429 |
|
|
297
297
|
| `code` | 26,546 | 9,065 | 7,981 | 1,529 | 528 | 264 |
|
|
@@ -383,11 +383,11 @@ column is what was removed rather than part of what remains.
|
|
|
383
383
|
| Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
|
|
384
384
|
|---|---|---|---|---|
|
|
385
385
|
| `@fusion.dev/helix-core` | 679,080 | 115 | 161,519 | `@floating-ui/dom`, `@fusion.dev/helix-icons` |
|
|
386
|
-
| `@fusion.dev/helix-headless` | 8,
|
|
386
|
+
| `@fusion.dev/helix-headless` | 8,399,077 | 422 | 704,048 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `uqr` |
|
|
387
387
|
| `@fusion.dev/helix-icons` | 65,943 | 11 | 20,928 | none |
|
|
388
388
|
| `@fusion.dev/helix-styles` | 90,313 | 6 | 0 | none |
|
|
389
389
|
| `@fusion.dev/helix-theme` | 461,551 | 8 | 4,699 | none |
|
|
390
|
-
| `@fusion.dev/helix` | 9,
|
|
390
|
+
| `@fusion.dev/helix` | 9,408,466 | 726 | 306,673 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles` |
|
|
391
391
|
|
|
392
392
|
## Not measured yet
|
|
393
393
|
|
|
@@ -1913,10 +1913,10 @@ repository does that. The per-component tables are what a page pays.
|
|
|
1913
1913
|
| Package | Raw | Gzip | Brotli | |
|
|
1914
1914
|
|---|---|---|---|---|
|
|
1915
1915
|
| \`@fusion.dev/helix-core\` | 136,650 | 44,897 | 38,468 | Element base class, mixins, decorators, floating positioning. |
|
|
1916
|
-
| \`@fusion.dev/helix-headless\` | 523,
|
|
1916
|
+
| \`@fusion.dev/helix-headless\` | 523,864 | 133,090 | 104,269 | Every headless family, which is what the barrel means. |
|
|
1917
1917
|
| \`@fusion.dev/helix-icons\` | 47,484 | 14,907 | 12,553 | The whole glyph set. |
|
|
1918
1918
|
| \`@fusion.dev/helix-theme\` | 3,288 | 1,571 | 1,355 | The derivation engine. Build time for most consumers, runtime for a theme switcher. |
|
|
1919
|
-
| \`@fusion.dev/helix\` | 971,
|
|
1919
|
+
| \`@fusion.dev/helix\` | 971,686 | 222,123 | 163,000 | Every styled family. |
|
|
1920
1920
|
| \`lit\` | 15,394 | 6,118 | 5,460 | Not ours. Here so it can be subtracted from every row above it. |
|
|
1921
1921
|
|
|
1922
1922
|
## The stylesheets
|
|
@@ -1939,9 +1939,9 @@ is the whole cost of adopting the base layer on its own.
|
|
|
1939
1939
|
|
|
1940
1940
|
**Most of a first component is the runtime under it.** The median styled family is 13,914 bytes gzipped alone and adds 2,450 to a page that already has Helix on it, so 82 percent of the first one is shared and 18 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.
|
|
1941
1941
|
|
|
1942
|
-
Across the tier: the cheapest is \`code\` at 9,065 gzipped alone, the dearest \`data-table\` at 51,725, over 94 components. Every family at once is 222,
|
|
1942
|
+
Across the tier: the cheapest is \`code\` at 9,065 gzipped alone, the dearest \`data-table\` at 51,725, over 94 components. Every family at once is 222,123.
|
|
1943
1943
|
|
|
1944
|
-
**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 133,
|
|
1944
|
+
**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 133,090 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 94 of them, and the check refuses the shape rather than the package name, so the rule follows \`sideEffects\` wherever it goes.
|
|
1945
1945
|
|
|
1946
1946
|
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 16,187 bytes gzipped alone.
|
|
1947
1947
|
|
|
@@ -2049,7 +2049,7 @@ Structure, accessibility, state and form participation. No presentation, and no
|
|
|
2049
2049
|
| \`callout\` | 74,155 | 24,675 | 20,454 | 912 | 455 | 211 |
|
|
2050
2050
|
| \`card\` | 26,866 | 9,186 | 8,102 | 694 | 348 | 76 |
|
|
2051
2051
|
| \`carousel\` | 80,904 | 26,737 | 22,141 | 7,686 | 2,418 | 1,589 |
|
|
2052
|
-
| \`chat\` |
|
|
2052
|
+
| \`chat\` | 85,008 | 28,020 | 23,110 | 9,594 | 2,842 | 1,994 |
|
|
2053
2053
|
| \`checkbox\` | 34,646 | 11,172 | 9,831 | 2,252 | 952 | 464 |
|
|
2054
2054
|
| \`checkbox-group\` | 37,546 | 11,793 | 10,407 | 4,655 | 1,592 | 847 |
|
|
2055
2055
|
| \`code\` | 25,451 | 8,754 | 7,715 | 451 | 246 | 45 |
|
|
@@ -2145,7 +2145,7 @@ The headless tier plus presentation. This is what \`bun add @fusion.dev/helix\`
|
|
|
2145
2145
|
| \`callout\` | 76,172 | 25,232 | 20,980 | 2,913 | 999 | 686 |
|
|
2146
2146
|
| \`card\` | 30,099 | 10,015 | 8,818 | 3,915 | 1,176 | 844 |
|
|
2147
2147
|
| \`carousel\` | 89,716 | 28,261 | 23,587 | 16,487 | 3,956 | 3,065 |
|
|
2148
|
-
| \`chat\` | 96,
|
|
2148
|
+
| \`chat\` | 96,677 | 30,177 | 24,969 | 21,252 | 4,954 | 3,839 |
|
|
2149
2149
|
| \`checkbox\` | 40,820 | 12,584 | 11,096 | 8,410 | 2,364 | 1,667 |
|
|
2150
2150
|
| \`checkbox-group\` | 39,793 | 12,366 | 10,895 | 6,888 | 2,183 | 1,429 |
|
|
2151
2151
|
| \`code\` | 26,546 | 9,065 | 7,981 | 1,529 | 528 | 264 |
|
|
@@ -2237,11 +2237,11 @@ column is what was removed rather than part of what remains.
|
|
|
2237
2237
|
| Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
|
|
2238
2238
|
|---|---|---|---|---|
|
|
2239
2239
|
| \`@fusion.dev/helix-core\` | 679,080 | 115 | 161,519 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
|
|
2240
|
-
| \`@fusion.dev/helix-headless\` | 8,
|
|
2240
|
+
| \`@fusion.dev/helix-headless\` | 8,399,077 | 422 | 704,048 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
|
|
2241
2241
|
| \`@fusion.dev/helix-icons\` | 65,943 | 11 | 20,928 | none |
|
|
2242
2242
|
| \`@fusion.dev/helix-styles\` | 90,313 | 6 | 0 | none |
|
|
2243
2243
|
| \`@fusion.dev/helix-theme\` | 461,551 | 8 | 4,699 | none |
|
|
2244
|
-
| \`@fusion.dev/helix\` | 9,
|
|
2244
|
+
| \`@fusion.dev/helix\` | 9,408,466 | 726 | 306,673 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
|
|
2245
2245
|
|
|
2246
2246
|
## Not measured yet
|
|
2247
2247
|
|
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.11.0",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Ross Sheppard <ross.sheppard@fusion.dev>",
|
|
7
7
|
"repository": {
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
},
|
|
36
36
|
"bugs": "https://github.com/project-fusion/fusion/issues",
|
|
37
37
|
"devDependencies": {
|
|
38
|
-
"@fusion.dev/helix-cem": "0.
|
|
38
|
+
"@fusion.dev/helix-cem": "0.11.0",
|
|
39
39
|
"@fusion.dev/scripts": "0.0.0-dev"
|
|
40
40
|
},
|
|
41
41
|
"homepage": "https://fusion.dev",
|