@fusion.dev/helix-docs 0.19.0 → 0.20.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 +11 -11
- package/dist/sources.generated.js +11 -11
- 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` | 139,066 | 46,297 | 39,137 | Element base class, mixins, decorators, floating positioning. |
|
|
62
|
-
| `@fusion.dev/helix-headless` | 533,
|
|
62
|
+
| `@fusion.dev/helix-headless` | 533,028 | 135,092 | 105,692 | 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` |
|
|
65
|
+
| `@fusion.dev/helix` | 987,883 | 225,227 | 164,977 | 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,974 bytes gzipped alone and adds 2,160 to a page that already has Helix on it, so 85 percent of the first one is shared and 15 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,951, over 95 components. Every family at once is 225,
|
|
88
|
+
Across the tier: the cheapest is `code` at 9,065 gzipped alone, the dearest `data-table` at 51,951, over 95 components. Every family at once is 225,227.
|
|
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 135,
|
|
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 135,092 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 95 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 18,820 bytes gzipped alone.
|
|
93
93
|
|
|
@@ -206,7 +206,7 @@ Structure, accessibility, state and form participation. No presentation, and no
|
|
|
206
206
|
| `command` | 100,718 | 32,097 | 26,349 | 17,341 | 4,412 | 3,670 |
|
|
207
207
|
| `copy-button` | 112,372 | 37,841 | 31,814 | 11,471 | 2,883 | 2,388 |
|
|
208
208
|
| `data-table` | 149,954 | 47,589 | 40,032 | 39,656 | 9,922 | 8,467 |
|
|
209
|
-
| `date-input` |
|
|
209
|
+
| `date-input` | 125,921 | 41,093 | 34,520 | 19,264 | 4,853 | 4,138 |
|
|
210
210
|
| `date-picker` | 85,626 | 28,307 | 23,254 | 9,803 | 2,735 | 2,272 |
|
|
211
211
|
| `dialog` | 30,484 | 10,235 | 9,019 | 2,717 | 828 | 573 |
|
|
212
212
|
| `divider` | 27,036 | 9,307 | 8,174 | 1,115 | 293 | 211 |
|
|
@@ -258,7 +258,7 @@ Structure, accessibility, state and form participation. No presentation, and no
|
|
|
258
258
|
| `tabs` | 33,935 | 11,060 | 9,721 | 4,470 | 1,018 | 824 |
|
|
259
259
|
| `tag` | 74,439 | 24,890 | 20,452 | 897 | 202 | 130 |
|
|
260
260
|
| `textarea` | 37,001 | 11,743 | 10,362 | 4,116 | 1,161 | 831 |
|
|
261
|
-
| `time-input` |
|
|
261
|
+
| `time-input` | 138,189 | 44,304 | 37,149 | 28,704 | 7,081 | 6,043 |
|
|
262
262
|
| `time-picker` | 100,612 | 32,667 | 26,835 | 18,178 | 4,958 | 4,192 |
|
|
263
263
|
| `timeline` | 74,971 | 24,867 | 20,572 | 1,897 | 425 | 311 |
|
|
264
264
|
| `toast` | 78,169 | 25,971 | 21,309 | 4,008 | 976 | 784 |
|
|
@@ -279,7 +279,7 @@ The headless tier plus presentation. This is what `bun add @fusion.dev/helix` gi
|
|
|
279
279
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
280
280
|
|---|---|---|---|---|---|---|
|
|
281
281
|
| `accordion` | 80,591 | 26,672 | 21,819 | 6,431 | 1,679 | 1,397 |
|
|
282
|
-
| `announcement` | 79,
|
|
282
|
+
| `announcement` | 79,200 | 26,190 | 21,495 | 5,154 | 1,266 | 1,098 |
|
|
283
283
|
| `app-header` | 30,683 | 10,087 | 8,885 | 4,489 | 1,096 | 862 |
|
|
284
284
|
| `aura` | 87,842 | 30,863 | 26,680 | 60,880 | 21,428 | 18,522 |
|
|
285
285
|
| `avatar` | 32,433 | 10,538 | 9,281 | 6,203 | 1,522 | 1,231 |
|
|
@@ -303,7 +303,7 @@ The headless tier plus presentation. This is what `bun add @fusion.dev/helix` gi
|
|
|
303
303
|
| `command` | 111,027 | 34,077 | 28,141 | 27,635 | 6,401 | 5,520 |
|
|
304
304
|
| `copy-button` | 122,914 | 39,691 | 33,321 | 21,995 | 4,637 | 3,954 |
|
|
305
305
|
| `data-table` | 178,487 | 51,951 | 43,764 | 68,169 | 14,324 | 12,283 |
|
|
306
|
-
| `date-input` |
|
|
306
|
+
| `date-input` | 141,411 | 44,013 | 37,024 | 34,728 | 7,723 | 6,644 |
|
|
307
307
|
| `date-picker` | 91,241 | 29,482 | 24,305 | 15,400 | 3,884 | 3,252 |
|
|
308
308
|
| `dialog` | 34,819 | 11,243 | 9,909 | 7,037 | 1,841 | 1,507 |
|
|
309
309
|
| `divider` | 29,181 | 9,820 | 8,635 | 3,243 | 811 | 678 |
|
|
@@ -360,7 +360,7 @@ The headless tier plus presentation. This is what `bun add @fusion.dev/helix` gi
|
|
|
360
360
|
| `tag` | 77,632 | 25,755 | 21,150 | 4,075 | 1,034 | 912 |
|
|
361
361
|
| `text` | 29,734 | 9,670 | 8,508 | 3,923 | 809 | 634 |
|
|
362
362
|
| `textarea` | 40,350 | 12,544 | 11,034 | 7,448 | 1,979 | 1,530 |
|
|
363
|
-
| `time-input` |
|
|
363
|
+
| `time-input` | 158,726 | 47,725 | 40,183 | 49,226 | 10,489 | 9,061 |
|
|
364
364
|
| `time-picker` | 111,915 | 34,768 | 28,720 | 29,476 | 7,088 | 5,991 |
|
|
365
365
|
| `timeline` | 78,237 | 25,616 | 21,150 | 5,149 | 1,161 | 1,028 |
|
|
366
366
|
| `toast` | 85,469 | 27,600 | 22,735 | 11,293 | 2,556 | 2,150 |
|
|
@@ -385,11 +385,11 @@ column is what was removed rather than part of what remains.
|
|
|
385
385
|
| Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
|
|
386
386
|
|---|---|---|---|---|
|
|
387
387
|
| `@fusion.dev/helix-core` | 712,206 | 119 | 167,831 | `@floating-ui/dom`, `@fusion.dev/helix-icons` |
|
|
388
|
-
| `@fusion.dev/helix-headless` | 8,
|
|
388
|
+
| `@fusion.dev/helix-headless` | 8,606,998 | 426 | 716,801 | `@fusion.dev/helix-core`, `@fusion.dev/helix-icons`, `uqr` |
|
|
389
389
|
| `@fusion.dev/helix-icons` | 65,943 | 11 | 20,928 | none |
|
|
390
390
|
| `@fusion.dev/helix-styles` | 90,390 | 6 | 0 | none |
|
|
391
391
|
| `@fusion.dev/helix-theme` | 461,551 | 8 | 4,699 | none |
|
|
392
|
-
| `@fusion.dev/helix` | 9,
|
|
392
|
+
| `@fusion.dev/helix` | 9,606,889 | 734 | 309,616 | `@fusion.dev/helix-core`, `@fusion.dev/helix-headless`, `@fusion.dev/helix-styles` |
|
|
393
393
|
|
|
394
394
|
## Not measured yet
|
|
395
395
|
|
|
@@ -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\` | 139,066 | 46,297 | 39,137 | Element base class, mixins, decorators, floating positioning. |
|
|
1916
|
-
| \`@fusion.dev/helix-headless\` | 533,
|
|
1916
|
+
| \`@fusion.dev/helix-headless\` | 533,028 | 135,092 | 105,692 | 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\` |
|
|
1919
|
+
| \`@fusion.dev/helix\` | 987,883 | 225,227 | 164,977 | 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,974 bytes gzipped alone and adds 2,160 to a page that already has Helix on it, so 85 percent of the first one is shared and 15 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,951, over 95 components. Every family at once is 225,
|
|
1942
|
+
Across the tier: the cheapest is \`code\` at 9,065 gzipped alone, the dearest \`data-table\` at 51,951, over 95 components. Every family at once is 225,227.
|
|
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 135,
|
|
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 135,092 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 95 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 18,820 bytes gzipped alone.
|
|
1947
1947
|
|
|
@@ -2060,7 +2060,7 @@ Structure, accessibility, state and form participation. No presentation, and no
|
|
|
2060
2060
|
| \`command\` | 100,718 | 32,097 | 26,349 | 17,341 | 4,412 | 3,670 |
|
|
2061
2061
|
| \`copy-button\` | 112,372 | 37,841 | 31,814 | 11,471 | 2,883 | 2,388 |
|
|
2062
2062
|
| \`data-table\` | 149,954 | 47,589 | 40,032 | 39,656 | 9,922 | 8,467 |
|
|
2063
|
-
| \`date-input\` |
|
|
2063
|
+
| \`date-input\` | 125,921 | 41,093 | 34,520 | 19,264 | 4,853 | 4,138 |
|
|
2064
2064
|
| \`date-picker\` | 85,626 | 28,307 | 23,254 | 9,803 | 2,735 | 2,272 |
|
|
2065
2065
|
| \`dialog\` | 30,484 | 10,235 | 9,019 | 2,717 | 828 | 573 |
|
|
2066
2066
|
| \`divider\` | 27,036 | 9,307 | 8,174 | 1,115 | 293 | 211 |
|
|
@@ -2112,7 +2112,7 @@ Structure, accessibility, state and form participation. No presentation, and no
|
|
|
2112
2112
|
| \`tabs\` | 33,935 | 11,060 | 9,721 | 4,470 | 1,018 | 824 |
|
|
2113
2113
|
| \`tag\` | 74,439 | 24,890 | 20,452 | 897 | 202 | 130 |
|
|
2114
2114
|
| \`textarea\` | 37,001 | 11,743 | 10,362 | 4,116 | 1,161 | 831 |
|
|
2115
|
-
| \`time-input\` |
|
|
2115
|
+
| \`time-input\` | 138,189 | 44,304 | 37,149 | 28,704 | 7,081 | 6,043 |
|
|
2116
2116
|
| \`time-picker\` | 100,612 | 32,667 | 26,835 | 18,178 | 4,958 | 4,192 |
|
|
2117
2117
|
| \`timeline\` | 74,971 | 24,867 | 20,572 | 1,897 | 425 | 311 |
|
|
2118
2118
|
| \`toast\` | 78,169 | 25,971 | 21,309 | 4,008 | 976 | 784 |
|
|
@@ -2133,7 +2133,7 @@ The headless tier plus presentation. This is what \`bun add @fusion.dev/helix\`
|
|
|
2133
2133
|
| Family | Alone raw | Alone gzip | Alone brotli | Added raw | Added gzip | Added brotli |
|
|
2134
2134
|
|---|---|---|---|---|---|---|
|
|
2135
2135
|
| \`accordion\` | 80,591 | 26,672 | 21,819 | 6,431 | 1,679 | 1,397 |
|
|
2136
|
-
| \`announcement\` | 79,
|
|
2136
|
+
| \`announcement\` | 79,200 | 26,190 | 21,495 | 5,154 | 1,266 | 1,098 |
|
|
2137
2137
|
| \`app-header\` | 30,683 | 10,087 | 8,885 | 4,489 | 1,096 | 862 |
|
|
2138
2138
|
| \`aura\` | 87,842 | 30,863 | 26,680 | 60,880 | 21,428 | 18,522 |
|
|
2139
2139
|
| \`avatar\` | 32,433 | 10,538 | 9,281 | 6,203 | 1,522 | 1,231 |
|
|
@@ -2157,7 +2157,7 @@ The headless tier plus presentation. This is what \`bun add @fusion.dev/helix\`
|
|
|
2157
2157
|
| \`command\` | 111,027 | 34,077 | 28,141 | 27,635 | 6,401 | 5,520 |
|
|
2158
2158
|
| \`copy-button\` | 122,914 | 39,691 | 33,321 | 21,995 | 4,637 | 3,954 |
|
|
2159
2159
|
| \`data-table\` | 178,487 | 51,951 | 43,764 | 68,169 | 14,324 | 12,283 |
|
|
2160
|
-
| \`date-input\` |
|
|
2160
|
+
| \`date-input\` | 141,411 | 44,013 | 37,024 | 34,728 | 7,723 | 6,644 |
|
|
2161
2161
|
| \`date-picker\` | 91,241 | 29,482 | 24,305 | 15,400 | 3,884 | 3,252 |
|
|
2162
2162
|
| \`dialog\` | 34,819 | 11,243 | 9,909 | 7,037 | 1,841 | 1,507 |
|
|
2163
2163
|
| \`divider\` | 29,181 | 9,820 | 8,635 | 3,243 | 811 | 678 |
|
|
@@ -2214,7 +2214,7 @@ The headless tier plus presentation. This is what \`bun add @fusion.dev/helix\`
|
|
|
2214
2214
|
| \`tag\` | 77,632 | 25,755 | 21,150 | 4,075 | 1,034 | 912 |
|
|
2215
2215
|
| \`text\` | 29,734 | 9,670 | 8,508 | 3,923 | 809 | 634 |
|
|
2216
2216
|
| \`textarea\` | 40,350 | 12,544 | 11,034 | 7,448 | 1,979 | 1,530 |
|
|
2217
|
-
| \`time-input\` |
|
|
2217
|
+
| \`time-input\` | 158,726 | 47,725 | 40,183 | 49,226 | 10,489 | 9,061 |
|
|
2218
2218
|
| \`time-picker\` | 111,915 | 34,768 | 28,720 | 29,476 | 7,088 | 5,991 |
|
|
2219
2219
|
| \`timeline\` | 78,237 | 25,616 | 21,150 | 5,149 | 1,161 | 1,028 |
|
|
2220
2220
|
| \`toast\` | 85,469 | 27,600 | 22,735 | 11,293 | 2,556 | 2,150 |
|
|
@@ -2239,11 +2239,11 @@ column is what was removed rather than part of what remains.
|
|
|
2239
2239
|
| Package | Unpacked | Files | Source maps stripped | Runtime dependencies |
|
|
2240
2240
|
|---|---|---|---|---|
|
|
2241
2241
|
| \`@fusion.dev/helix-core\` | 712,206 | 119 | 167,831 | \`@floating-ui/dom\`, \`@fusion.dev/helix-icons\` |
|
|
2242
|
-
| \`@fusion.dev/helix-headless\` | 8,
|
|
2242
|
+
| \`@fusion.dev/helix-headless\` | 8,606,998 | 426 | 716,801 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-icons\`, \`uqr\` |
|
|
2243
2243
|
| \`@fusion.dev/helix-icons\` | 65,943 | 11 | 20,928 | none |
|
|
2244
2244
|
| \`@fusion.dev/helix-styles\` | 90,390 | 6 | 0 | none |
|
|
2245
2245
|
| \`@fusion.dev/helix-theme\` | 461,551 | 8 | 4,699 | none |
|
|
2246
|
-
| \`@fusion.dev/helix\` | 9,
|
|
2246
|
+
| \`@fusion.dev/helix\` | 9,606,889 | 734 | 309,616 | \`@fusion.dev/helix-core\`, \`@fusion.dev/helix-headless\`, \`@fusion.dev/helix-styles\` |
|
|
2247
2247
|
|
|
2248
2248
|
## Not measured yet
|
|
2249
2249
|
|
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.20.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.20.0",
|
|
39
39
|
"@fusion.dev/scripts": "0.0.0-dev"
|
|
40
40
|
},
|
|
41
41
|
"homepage": "https://fusion.dev",
|