@tenphi/tasty 0.0.0-snapshot.fafcbfe → 0.0.0-snapshot.fdb16ea
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/README.md +397 -185
- package/dist/async-storage-DKK-wTD4.js +44 -0
- package/dist/async-storage-DKK-wTD4.js.map +1 -0
- package/dist/babel-CMYf4JZ2.d.ts +83 -0
- package/dist/collector-Ctn5s74s.d.ts +145 -0
- package/dist/collector-DMSR6ANK.js +304 -0
- package/dist/collector-DMSR6ANK.js.map +1 -0
- package/dist/config-B23gZrfP.js +12317 -0
- package/dist/config-B23gZrfP.js.map +1 -0
- package/dist/config-CZx8_DCu.d.ts +1296 -0
- package/dist/context-CA8YKeMn.js +24 -0
- package/dist/context-CA8YKeMn.js.map +1 -0
- package/dist/core/index.d.ts +5 -33
- package/dist/core/index.js +6 -26
- package/dist/core-B1tyn69d.js +1573 -0
- package/dist/core-B1tyn69d.js.map +1 -0
- package/dist/css-writer-CvAxkR6S.js +390 -0
- package/dist/css-writer-CvAxkR6S.js.map +1 -0
- package/dist/format-global-rules-DklyaXv-.js +22 -0
- package/dist/format-global-rules-DklyaXv-.js.map +1 -0
- package/dist/format-rules-BCTWVvcS.js +130 -0
- package/dist/format-rules-BCTWVvcS.js.map +1 -0
- package/dist/hydrate-BCPvkJj3.js +37 -0
- package/dist/hydrate-BCPvkJj3.js.map +1 -0
- package/dist/index-B3o0aCYV.d.ts +1538 -0
- package/dist/index-CsvB0EXZ.d.ts +1909 -0
- package/dist/index.d.ts +5 -40
- package/dist/index.js +921 -32
- package/dist/index.js.map +1 -0
- package/dist/keyframes-Dxdx3KOo.js +493 -0
- package/dist/keyframes-Dxdx3KOo.js.map +1 -0
- package/dist/{utils/merge-styles.js → merge-styles-C-uwpoNW.js} +4 -6
- package/dist/merge-styles-C-uwpoNW.js.map +1 -0
- package/dist/{utils/merge-styles.d.ts → merge-styles-DJTSfz_M.d.ts} +3 -3
- package/dist/{utils/resolve-recipes.js → resolve-recipes-BuOvSEa2.js} +5 -8
- package/dist/resolve-recipes-BuOvSEa2.js.map +1 -0
- package/dist/ssr/astro-client.d.ts +1 -0
- package/dist/ssr/astro-client.js +19 -0
- package/dist/ssr/astro-client.js.map +1 -0
- package/dist/ssr/astro-middleware-static.d.ts +16 -0
- package/dist/ssr/astro-middleware-static.js +18 -0
- package/dist/ssr/astro-middleware-static.js.map +1 -0
- package/dist/ssr/astro-middleware.d.ts +17 -0
- package/dist/ssr/astro-middleware.js +19 -0
- package/dist/ssr/astro-middleware.js.map +1 -0
- package/dist/ssr/astro.d.ts +93 -0
- package/dist/ssr/astro.js +157 -0
- package/dist/ssr/astro.js.map +1 -0
- package/dist/ssr/index.d.ts +37 -0
- package/dist/ssr/index.js +10 -0
- package/dist/ssr/index.js.map +1 -0
- package/dist/ssr/next.d.ts +45 -0
- package/dist/ssr/next.js +74 -0
- package/dist/ssr/next.js.map +1 -0
- package/dist/static/index.d.ts +91 -5
- package/dist/static/index.js +49 -4
- package/dist/static/index.js.map +1 -0
- package/dist/static/inject.d.ts +5 -0
- package/dist/static/inject.js +17 -0
- package/dist/static/inject.js.map +1 -0
- package/dist/zero/babel.d.ts +2 -108
- package/dist/zero/babel.js +235 -39
- package/dist/zero/babel.js.map +1 -1
- package/dist/zero/index.d.ts +81 -3
- package/dist/zero/index.js +2 -4
- package/dist/zero/next.d.ts +56 -30
- package/dist/zero/next.js +106 -41
- package/dist/zero/next.js.map +1 -1
- package/docs/README.md +39 -0
- package/docs/adoption.md +323 -0
- package/docs/ai-agents.md +224 -0
- package/docs/comparison.md +448 -0
- package/docs/configuration.md +823 -0
- package/docs/debug.md +322 -0
- package/docs/design-system.md +455 -0
- package/docs/dsl.md +1021 -0
- package/docs/getting-started.md +238 -0
- package/docs/injector.md +614 -0
- package/docs/methodology.md +648 -0
- package/docs/migration-v3.md +285 -0
- package/docs/pipeline.md +741 -0
- package/docs/plugins.md +353 -0
- package/docs/react-api.md +681 -0
- package/docs/runtime-benchmarks.md +216 -0
- package/docs/ssr.md +451 -0
- package/docs/styles.md +645 -0
- package/docs/tasty-static.md +582 -0
- package/package.json +149 -40
- package/tasty.config.ts +6 -0
- package/dist/_virtual/_rolldown/runtime.js +0 -8
- package/dist/chunks/cacheKey.js +0 -70
- package/dist/chunks/cacheKey.js.map +0 -1
- package/dist/chunks/definitions.d.ts +0 -37
- package/dist/chunks/definitions.js +0 -260
- package/dist/chunks/definitions.js.map +0 -1
- package/dist/chunks/renderChunk.js +0 -61
- package/dist/chunks/renderChunk.js.map +0 -1
- package/dist/config.d.ts +0 -280
- package/dist/config.js +0 -403
- package/dist/config.js.map +0 -1
- package/dist/debug.d.ts +0 -204
- package/dist/debug.js +0 -733
- package/dist/debug.js.map +0 -1
- package/dist/hooks/useGlobalStyles.d.ts +0 -27
- package/dist/hooks/useGlobalStyles.js +0 -56
- package/dist/hooks/useGlobalStyles.js.map +0 -1
- package/dist/hooks/useKeyframes.d.ts +0 -56
- package/dist/hooks/useKeyframes.js +0 -54
- package/dist/hooks/useKeyframes.js.map +0 -1
- package/dist/hooks/useProperty.d.ts +0 -79
- package/dist/hooks/useProperty.js +0 -91
- package/dist/hooks/useProperty.js.map +0 -1
- package/dist/hooks/useRawCSS.d.ts +0 -53
- package/dist/hooks/useRawCSS.js +0 -28
- package/dist/hooks/useRawCSS.js.map +0 -1
- package/dist/hooks/useStyles.d.ts +0 -40
- package/dist/hooks/useStyles.js +0 -169
- package/dist/hooks/useStyles.js.map +0 -1
- package/dist/injector/index.d.ts +0 -157
- package/dist/injector/index.js +0 -154
- package/dist/injector/index.js.map +0 -1
- package/dist/injector/injector.d.ts +0 -139
- package/dist/injector/injector.js +0 -404
- package/dist/injector/injector.js.map +0 -1
- package/dist/injector/sheet-manager.d.ts +0 -127
- package/dist/injector/sheet-manager.js +0 -714
- package/dist/injector/sheet-manager.js.map +0 -1
- package/dist/injector/types.d.ts +0 -135
- package/dist/keyframes/index.js +0 -206
- package/dist/keyframes/index.js.map +0 -1
- package/dist/parser/classify.js +0 -319
- package/dist/parser/classify.js.map +0 -1
- package/dist/parser/const.js +0 -33
- package/dist/parser/const.js.map +0 -1
- package/dist/parser/lru.js +0 -109
- package/dist/parser/lru.js.map +0 -1
- package/dist/parser/parser.d.ts +0 -25
- package/dist/parser/parser.js +0 -116
- package/dist/parser/parser.js.map +0 -1
- package/dist/parser/tokenizer.js +0 -69
- package/dist/parser/tokenizer.js.map +0 -1
- package/dist/parser/types.d.ts +0 -51
- package/dist/parser/types.js +0 -46
- package/dist/parser/types.js.map +0 -1
- package/dist/pipeline/conditions.d.ts +0 -134
- package/dist/pipeline/conditions.js +0 -400
- package/dist/pipeline/conditions.js.map +0 -1
- package/dist/pipeline/exclusive.js +0 -231
- package/dist/pipeline/exclusive.js.map +0 -1
- package/dist/pipeline/index.d.ts +0 -53
- package/dist/pipeline/index.js +0 -641
- package/dist/pipeline/index.js.map +0 -1
- package/dist/pipeline/materialize.js +0 -908
- package/dist/pipeline/materialize.js.map +0 -1
- package/dist/pipeline/parseStateKey.d.ts +0 -15
- package/dist/pipeline/parseStateKey.js +0 -430
- package/dist/pipeline/parseStateKey.js.map +0 -1
- package/dist/pipeline/simplify.js +0 -557
- package/dist/pipeline/simplify.js.map +0 -1
- package/dist/plugins/okhsl-plugin.d.ts +0 -35
- package/dist/plugins/okhsl-plugin.js +0 -371
- package/dist/plugins/okhsl-plugin.js.map +0 -1
- package/dist/plugins/types.d.ts +0 -69
- package/dist/properties/index.js +0 -158
- package/dist/properties/index.js.map +0 -1
- package/dist/states/index.d.ts +0 -49
- package/dist/states/index.js +0 -416
- package/dist/states/index.js.map +0 -1
- package/dist/static/tastyStatic.d.ts +0 -46
- package/dist/static/tastyStatic.js +0 -31
- package/dist/static/tastyStatic.js.map +0 -1
- package/dist/static/types.d.ts +0 -49
- package/dist/static/types.js +0 -24
- package/dist/static/types.js.map +0 -1
- package/dist/styles/align.d.ts +0 -15
- package/dist/styles/align.js +0 -14
- package/dist/styles/align.js.map +0 -1
- package/dist/styles/border.d.ts +0 -25
- package/dist/styles/border.js +0 -114
- package/dist/styles/border.js.map +0 -1
- package/dist/styles/color.d.ts +0 -14
- package/dist/styles/color.js +0 -23
- package/dist/styles/color.js.map +0 -1
- package/dist/styles/createStyle.js +0 -77
- package/dist/styles/createStyle.js.map +0 -1
- package/dist/styles/dimension.js +0 -97
- package/dist/styles/dimension.js.map +0 -1
- package/dist/styles/display.d.ts +0 -37
- package/dist/styles/display.js +0 -67
- package/dist/styles/display.js.map +0 -1
- package/dist/styles/fade.d.ts +0 -15
- package/dist/styles/fade.js +0 -58
- package/dist/styles/fade.js.map +0 -1
- package/dist/styles/fill.d.ts +0 -44
- package/dist/styles/fill.js +0 -51
- package/dist/styles/fill.js.map +0 -1
- package/dist/styles/flow.d.ts +0 -16
- package/dist/styles/flow.js +0 -12
- package/dist/styles/flow.js.map +0 -1
- package/dist/styles/gap.d.ts +0 -31
- package/dist/styles/gap.js +0 -37
- package/dist/styles/gap.js.map +0 -1
- package/dist/styles/height.d.ts +0 -17
- package/dist/styles/height.js +0 -20
- package/dist/styles/height.js.map +0 -1
- package/dist/styles/index.d.ts +0 -2
- package/dist/styles/index.js +0 -9
- package/dist/styles/index.js.map +0 -1
- package/dist/styles/inset.d.ts +0 -52
- package/dist/styles/inset.js +0 -150
- package/dist/styles/inset.js.map +0 -1
- package/dist/styles/justify.d.ts +0 -15
- package/dist/styles/justify.js +0 -14
- package/dist/styles/justify.js.map +0 -1
- package/dist/styles/list.d.ts +0 -16
- package/dist/styles/list.js +0 -98
- package/dist/styles/list.js.map +0 -1
- package/dist/styles/margin.d.ts +0 -24
- package/dist/styles/margin.js +0 -104
- package/dist/styles/margin.js.map +0 -1
- package/dist/styles/outline.d.ts +0 -29
- package/dist/styles/outline.js +0 -65
- package/dist/styles/outline.js.map +0 -1
- package/dist/styles/padding.d.ts +0 -24
- package/dist/styles/padding.js +0 -104
- package/dist/styles/padding.js.map +0 -1
- package/dist/styles/predefined.d.ts +0 -73
- package/dist/styles/predefined.js +0 -241
- package/dist/styles/predefined.js.map +0 -1
- package/dist/styles/preset.d.ts +0 -47
- package/dist/styles/preset.js +0 -126
- package/dist/styles/preset.js.map +0 -1
- package/dist/styles/radius.d.ts +0 -14
- package/dist/styles/radius.js +0 -51
- package/dist/styles/radius.js.map +0 -1
- package/dist/styles/scrollbar.d.ts +0 -21
- package/dist/styles/scrollbar.js +0 -105
- package/dist/styles/scrollbar.js.map +0 -1
- package/dist/styles/shadow.d.ts +0 -14
- package/dist/styles/shadow.js +0 -24
- package/dist/styles/shadow.js.map +0 -1
- package/dist/styles/styledScrollbar.d.ts +0 -47
- package/dist/styles/styledScrollbar.js +0 -38
- package/dist/styles/styledScrollbar.js.map +0 -1
- package/dist/styles/transition.d.ts +0 -14
- package/dist/styles/transition.js +0 -158
- package/dist/styles/transition.js.map +0 -1
- package/dist/styles/types.d.ts +0 -498
- package/dist/styles/width.d.ts +0 -17
- package/dist/styles/width.js +0 -20
- package/dist/styles/width.js.map +0 -1
- package/dist/tasty.d.ts +0 -982
- package/dist/tasty.js +0 -191
- package/dist/tasty.js.map +0 -1
- package/dist/tokens/typography.d.ts +0 -19
- package/dist/tokens/typography.js +0 -237
- package/dist/tokens/typography.js.map +0 -1
- package/dist/types.d.ts +0 -184
- package/dist/utils/cache-wrapper.js +0 -26
- package/dist/utils/cache-wrapper.js.map +0 -1
- package/dist/utils/case-converter.js +0 -8
- package/dist/utils/case-converter.js.map +0 -1
- package/dist/utils/colors.d.ts +0 -5
- package/dist/utils/colors.js +0 -9
- package/dist/utils/colors.js.map +0 -1
- package/dist/utils/css-types.d.ts +0 -7
- package/dist/utils/dotize.d.ts +0 -26
- package/dist/utils/dotize.js +0 -122
- package/dist/utils/dotize.js.map +0 -1
- package/dist/utils/filter-base-props.d.ts +0 -15
- package/dist/utils/filter-base-props.js +0 -45
- package/dist/utils/filter-base-props.js.map +0 -1
- package/dist/utils/get-display-name.d.ts +0 -7
- package/dist/utils/get-display-name.js +0 -10
- package/dist/utils/get-display-name.js.map +0 -1
- package/dist/utils/hsl-to-rgb.js +0 -38
- package/dist/utils/hsl-to-rgb.js.map +0 -1
- package/dist/utils/is-dev-env.js +0 -19
- package/dist/utils/is-dev-env.js.map +0 -1
- package/dist/utils/is-valid-element-type.js +0 -15
- package/dist/utils/is-valid-element-type.js.map +0 -1
- package/dist/utils/merge-styles.js.map +0 -1
- package/dist/utils/mod-attrs.d.ts +0 -8
- package/dist/utils/mod-attrs.js +0 -21
- package/dist/utils/mod-attrs.js.map +0 -1
- package/dist/utils/okhsl-to-rgb.js +0 -296
- package/dist/utils/okhsl-to-rgb.js.map +0 -1
- package/dist/utils/process-tokens.d.ts +0 -31
- package/dist/utils/process-tokens.js +0 -171
- package/dist/utils/process-tokens.js.map +0 -1
- package/dist/utils/resolve-recipes.d.ts +0 -17
- package/dist/utils/resolve-recipes.js.map +0 -1
- package/dist/utils/string.js +0 -8
- package/dist/utils/string.js.map +0 -1
- package/dist/utils/styles.d.ts +0 -183
- package/dist/utils/styles.js +0 -585
- package/dist/utils/styles.js.map +0 -1
- package/dist/utils/typography.d.ts +0 -36
- package/dist/utils/typography.js +0 -53
- package/dist/utils/typography.js.map +0 -1
- package/dist/utils/warnings.d.ts +0 -16
- package/dist/utils/warnings.js +0 -16
- package/dist/utils/warnings.js.map +0 -1
- package/dist/zero/css-writer.d.ts +0 -45
- package/dist/zero/css-writer.js +0 -74
- package/dist/zero/css-writer.js.map +0 -1
- package/dist/zero/extractor.d.ts +0 -24
- package/dist/zero/extractor.js +0 -150
- package/dist/zero/extractor.js.map +0 -1
|
@@ -0,0 +1,390 @@
|
|
|
1
|
+
import { Ft as registerFunctionPolyfill, It as registerLocalFunctionPolyfills, J as hasLocalCounterStyle, K as extractLocalCounterStyle, L as renderStyles, Mt as formatFunctionRule, Nt as hasLocalFunctions, Pt as parseFunctionName, Q as hasLocalFontFace, Y as extractLocalFontFace, Z as formatFontFaceRule, _ as isFunctionsPolyfillEnabled, bt as hasLocalProperties, ft as makeClassName, gt as validateNamePrefix, it as PropertyTypeResolver, jt as extractLocalFunctions, mt as makeKeyframeName, q as formatCounterStyleRule, vt as extractLocalProperties } from "./config-B23gZrfP.js";
|
|
2
|
+
import { a as mergeKeyframes, c as generateChunkCacheKey, i as hasLocalKeyframes, l as categorizeStyleKeys, n as extractLocalKeyframes, r as filterUsedKeyframes, s as renderStylesForChunk, t as extractAnimationNamesFromStyles } from "./keyframes-Dxdx3KOo.js";
|
|
3
|
+
import { createHash } from "crypto";
|
|
4
|
+
import * as fs from "fs";
|
|
5
|
+
import * as path from "path";
|
|
6
|
+
//#region src/zero/extractor.ts
|
|
7
|
+
/**
|
|
8
|
+
* Module-level prefix used by the zero-runtime extractor.
|
|
9
|
+
* Defaults to `'ts'` so static classes never collide with the runtime
|
|
10
|
+
* `'t'` classes when both are loaded on the same page. Override via
|
|
11
|
+
* `setExtractorNamePrefix()` from the Babel plugin so user config flows
|
|
12
|
+
* into the extractor.
|
|
13
|
+
*/
|
|
14
|
+
let currentNamePrefix = "ts";
|
|
15
|
+
/**
|
|
16
|
+
* Set the prefix used by the zero-runtime extractor.
|
|
17
|
+
* Called by the Babel plugin after resolving user config so that
|
|
18
|
+
* generated class and keyframe names match the user's configuration.
|
|
19
|
+
*/
|
|
20
|
+
function setExtractorNamePrefix(prefix) {
|
|
21
|
+
validateNamePrefix(prefix);
|
|
22
|
+
currentNamePrefix = prefix;
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* Generate a deterministic className from a cache key using content hash.
|
|
26
|
+
* This ensures the same styles always produce the same className,
|
|
27
|
+
* regardless of build order or incremental compilation.
|
|
28
|
+
*/
|
|
29
|
+
function generateClassName(cacheKey) {
|
|
30
|
+
const hash = createHash("md5").update(cacheKey).digest("hex").slice(0, 6);
|
|
31
|
+
return makeClassName(currentNamePrefix, hash);
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* Extract styles using chunking (for className mode).
|
|
35
|
+
* Returns multiple classes, one per chunk.
|
|
36
|
+
*/
|
|
37
|
+
function extractStylesWithChunks(styles) {
|
|
38
|
+
const chunks = [];
|
|
39
|
+
const chunkMap = categorizeStyleKeys(styles);
|
|
40
|
+
for (const [chunkName, chunkStyleKeys] of chunkMap) {
|
|
41
|
+
if (chunkStyleKeys.length === 0) continue;
|
|
42
|
+
const cacheKey = generateChunkCacheKey(styles, chunkName, chunkStyleKeys);
|
|
43
|
+
const renderResult = renderStylesForChunk(styles, chunkName, chunkStyleKeys);
|
|
44
|
+
if (renderResult.rules.length === 0) continue;
|
|
45
|
+
const className = generateClassName(cacheKey);
|
|
46
|
+
const selector = `.${className}.${className}`;
|
|
47
|
+
const css = formatRulesToCSS(renderResult.rules, selector);
|
|
48
|
+
chunks.push({
|
|
49
|
+
className,
|
|
50
|
+
css
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
return chunks;
|
|
54
|
+
}
|
|
55
|
+
/**
|
|
56
|
+
* Extract styles for a specific selector (for global/selector mode).
|
|
57
|
+
* Returns a single CSS block.
|
|
58
|
+
*/
|
|
59
|
+
function extractStylesForSelector(selector, styles) {
|
|
60
|
+
return {
|
|
61
|
+
selector,
|
|
62
|
+
css: formatRulesDirectly(renderStyles(styles, selector))
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
/**
|
|
66
|
+
* Format StyleResult[] to CSS string.
|
|
67
|
+
* Prefixes each rule's selector with the base selector.
|
|
68
|
+
* Used for chunked styles where rules have relative selectors.
|
|
69
|
+
*/
|
|
70
|
+
function formatRulesToCSS(rules, baseSelector) {
|
|
71
|
+
return rules.map((rule) => {
|
|
72
|
+
let css = `${(Array.isArray(rule.selector) ? rule.selector : rule.selector ? rule.selector.split("|||") : [""]).map((part) => {
|
|
73
|
+
let selector;
|
|
74
|
+
if (!part) selector = baseSelector;
|
|
75
|
+
else if (part.startsWith(":") || part.startsWith("[")) selector = `${baseSelector}${part}`;
|
|
76
|
+
else if (part.startsWith(">") || part.startsWith("+") || part.startsWith("~")) selector = `${baseSelector}${part}`;
|
|
77
|
+
else selector = `${baseSelector}${part}`;
|
|
78
|
+
if (rule.rootPrefix) selector = `${rule.rootPrefix} ${selector}`;
|
|
79
|
+
return selector;
|
|
80
|
+
}).join(", ")} { ${rule.declarations} }`;
|
|
81
|
+
if (rule.atRules && rule.atRules.length > 0) for (const atRule of [...rule.atRules].reverse()) css = `${atRule} {\n ${css}\n}`;
|
|
82
|
+
return css;
|
|
83
|
+
}).join("\n\n");
|
|
84
|
+
}
|
|
85
|
+
/**
|
|
86
|
+
* Format StyleResult[] to CSS string directly without prefixing.
|
|
87
|
+
* Used for global styles where rules already have the full selector.
|
|
88
|
+
*/
|
|
89
|
+
function formatRulesDirectly(rules) {
|
|
90
|
+
return rules.map((rule) => {
|
|
91
|
+
let css = `${rule.rootPrefix ? `${rule.rootPrefix} ${rule.selector}` : rule.selector} { ${rule.declarations} }`;
|
|
92
|
+
if (rule.atRules && rule.atRules.length > 0) for (const atRule of [...rule.atRules].reverse()) css = `${atRule} {\n ${css}\n}`;
|
|
93
|
+
return css;
|
|
94
|
+
}).join("\n\n");
|
|
95
|
+
}
|
|
96
|
+
/**
|
|
97
|
+
* Generate a deterministic keyframes name from content hash.
|
|
98
|
+
* This ensures the same keyframes content always produces the same name,
|
|
99
|
+
* enabling automatic deduplication across elements and files.
|
|
100
|
+
*
|
|
101
|
+
* Uses the configured prefix with a `k` discriminator so keyframe names
|
|
102
|
+
* stay visually distinct from class names sharing the same prefix.
|
|
103
|
+
*/
|
|
104
|
+
function generateKeyframesName(steps) {
|
|
105
|
+
const content = JSON.stringify(steps);
|
|
106
|
+
const hash = createHash("md5").update(content).digest("hex").slice(0, 6);
|
|
107
|
+
return makeKeyframeName(currentNamePrefix, hash);
|
|
108
|
+
}
|
|
109
|
+
/**
|
|
110
|
+
* Extract keyframes that are used in styles.
|
|
111
|
+
* Merges local @keyframes with global keyframes, filters to only used ones.
|
|
112
|
+
* Generates hash-based names from content for automatic deduplication.
|
|
113
|
+
*
|
|
114
|
+
* @param styles - The styles object (may contain @keyframes and animation properties)
|
|
115
|
+
* @param globalKeyframes - Optional global keyframes from config
|
|
116
|
+
* @returns Keyframes to inject and name mapping for replacement
|
|
117
|
+
*/
|
|
118
|
+
function extractKeyframesFromStyles(styles, globalKeyframes) {
|
|
119
|
+
const emptyResult = {
|
|
120
|
+
keyframes: [],
|
|
121
|
+
nameMap: /* @__PURE__ */ new Map()
|
|
122
|
+
};
|
|
123
|
+
const usedNames = extractAnimationNamesFromStyles(styles);
|
|
124
|
+
if (usedNames.size === 0) return emptyResult;
|
|
125
|
+
const usedKeyframes = filterUsedKeyframes(mergeKeyframes(hasLocalKeyframes(styles) ? extractLocalKeyframes(styles) : null, globalKeyframes ?? null), usedNames);
|
|
126
|
+
if (!usedKeyframes) return emptyResult;
|
|
127
|
+
const seenHashes = /* @__PURE__ */ new Set();
|
|
128
|
+
const nameMap = /* @__PURE__ */ new Map();
|
|
129
|
+
const keyframesToEmit = [];
|
|
130
|
+
for (const [originalName, steps] of Object.entries(usedKeyframes)) {
|
|
131
|
+
const hashedName = generateKeyframesName(steps);
|
|
132
|
+
nameMap.set(originalName, hashedName);
|
|
133
|
+
if (!seenHashes.has(hashedName)) {
|
|
134
|
+
seenHashes.add(hashedName);
|
|
135
|
+
const css = keyframesToCSS(hashedName, steps);
|
|
136
|
+
keyframesToEmit.push({
|
|
137
|
+
name: hashedName,
|
|
138
|
+
css
|
|
139
|
+
});
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
return {
|
|
143
|
+
keyframes: keyframesToEmit,
|
|
144
|
+
nameMap
|
|
145
|
+
};
|
|
146
|
+
}
|
|
147
|
+
/**
|
|
148
|
+
* Convert keyframes steps to CSS string.
|
|
149
|
+
*/
|
|
150
|
+
function keyframesToCSS(name, steps) {
|
|
151
|
+
const stepRules = [];
|
|
152
|
+
for (const [key, value] of Object.entries(steps)) if (typeof value === "string") stepRules.push(`${key} { ${value.trim()} }`);
|
|
153
|
+
else if (value && typeof value === "object") {
|
|
154
|
+
const declarations = Object.entries(value).map(([prop, val]) => {
|
|
155
|
+
return `${camelToKebab(prop)}: ${val}`;
|
|
156
|
+
}).join("; ");
|
|
157
|
+
stepRules.push(`${key} { ${declarations} }`);
|
|
158
|
+
}
|
|
159
|
+
return `@keyframes ${name} { ${stepRules.join(" ")} }`;
|
|
160
|
+
}
|
|
161
|
+
/**
|
|
162
|
+
* Convert camelCase to kebab-case.
|
|
163
|
+
*/
|
|
164
|
+
function camelToKebab(str) {
|
|
165
|
+
return str.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);
|
|
166
|
+
}
|
|
167
|
+
/**
|
|
168
|
+
* Extract auto-inferred @property declarations from styles.
|
|
169
|
+
* Scans rendered style declarations and keyframe declarations for custom properties
|
|
170
|
+
* whose types can be inferred from their values.
|
|
171
|
+
*
|
|
172
|
+
* @param styles - The styles object
|
|
173
|
+
* @param options - Options including autoPropertyTypes flag
|
|
174
|
+
* @returns Array of @property CSS rules to inject
|
|
175
|
+
*/
|
|
176
|
+
function extractPropertiesFromStyles(styles, options) {
|
|
177
|
+
if (options?.autoPropertyTypes === false) return [];
|
|
178
|
+
const registered = /* @__PURE__ */ new Set();
|
|
179
|
+
const results = [];
|
|
180
|
+
if (hasLocalProperties(styles)) {
|
|
181
|
+
const localProps = extractLocalProperties(styles);
|
|
182
|
+
if (localProps) for (const token of Object.keys(localProps)) {
|
|
183
|
+
let cssName;
|
|
184
|
+
if (token.startsWith("#")) cssName = `--${token.slice(1)}-color`;
|
|
185
|
+
else if (token.startsWith("$")) cssName = `--${token.slice(1)}`;
|
|
186
|
+
else if (token.startsWith("--")) cssName = token;
|
|
187
|
+
else cssName = `--${token}`;
|
|
188
|
+
registered.add(cssName);
|
|
189
|
+
}
|
|
190
|
+
}
|
|
191
|
+
const resolver = new PropertyTypeResolver();
|
|
192
|
+
const registerProperty = (name, syntax, initialValue) => {
|
|
193
|
+
if (registered.has(name)) return;
|
|
194
|
+
registered.add(name);
|
|
195
|
+
const parts = [];
|
|
196
|
+
parts.push(`syntax: "${syntax}";`);
|
|
197
|
+
parts.push(`inherits: true;`);
|
|
198
|
+
parts.push(`initial-value: ${initialValue};`);
|
|
199
|
+
const css = `@property ${name} { ${parts.join(" ")} }`;
|
|
200
|
+
results.push({
|
|
201
|
+
name,
|
|
202
|
+
css
|
|
203
|
+
});
|
|
204
|
+
};
|
|
205
|
+
const isPropertyDefined = (name) => registered.has(name);
|
|
206
|
+
const chunkMap = categorizeStyleKeys(styles);
|
|
207
|
+
for (const [chunkName, chunkStyleKeys] of chunkMap) {
|
|
208
|
+
if (chunkStyleKeys.length === 0) continue;
|
|
209
|
+
const renderResult = renderStylesForChunk(styles, chunkName, chunkStyleKeys);
|
|
210
|
+
for (const rule of renderResult.rules) {
|
|
211
|
+
if (!rule.declarations) continue;
|
|
212
|
+
resolver.scanDeclarations(rule.declarations, isPropertyDefined, registerProperty);
|
|
213
|
+
}
|
|
214
|
+
}
|
|
215
|
+
if (hasLocalKeyframes(styles)) {
|
|
216
|
+
const localKf = extractLocalKeyframes(styles);
|
|
217
|
+
if (localKf) for (const steps of Object.values(localKf)) scanKeyframeSteps(steps, resolver, isPropertyDefined, registerProperty);
|
|
218
|
+
}
|
|
219
|
+
return results;
|
|
220
|
+
}
|
|
221
|
+
function scanKeyframeSteps(steps, resolver, isPropertyDefined, registerProperty) {
|
|
222
|
+
for (const value of Object.values(steps)) if (typeof value === "string") resolver.scanDeclarations(value, isPropertyDefined, registerProperty);
|
|
223
|
+
else if (value && typeof value === "object") {
|
|
224
|
+
const declarations = Object.entries(value).map(([prop, val]) => {
|
|
225
|
+
return `${camelToKebab(prop)}: ${val}`;
|
|
226
|
+
}).join("; ");
|
|
227
|
+
resolver.scanDeclarations(declarations, isPropertyDefined, registerProperty);
|
|
228
|
+
}
|
|
229
|
+
}
|
|
230
|
+
/**
|
|
231
|
+
* Extract @font-face rules from styles, merging with global config.
|
|
232
|
+
* Deduplicates by content hash.
|
|
233
|
+
*/
|
|
234
|
+
function extractFontFaceFromStyles(styles, globalFontFace) {
|
|
235
|
+
const results = [];
|
|
236
|
+
const seenHashes = /* @__PURE__ */ new Set();
|
|
237
|
+
function addFontFace(family, input) {
|
|
238
|
+
const descriptors = Array.isArray(input) ? input : [input];
|
|
239
|
+
for (const desc of descriptors) {
|
|
240
|
+
const hash = createHash("md5").update(JSON.stringify({
|
|
241
|
+
family,
|
|
242
|
+
...desc
|
|
243
|
+
})).digest("hex").slice(0, 8);
|
|
244
|
+
if (!seenHashes.has(hash)) {
|
|
245
|
+
seenHashes.add(hash);
|
|
246
|
+
results.push({ css: formatFontFaceRule(family, desc) });
|
|
247
|
+
}
|
|
248
|
+
}
|
|
249
|
+
}
|
|
250
|
+
if (globalFontFace) for (const [family, input] of Object.entries(globalFontFace)) addFontFace(family, input);
|
|
251
|
+
if (hasLocalFontFace(styles)) {
|
|
252
|
+
const local = extractLocalFontFace(styles);
|
|
253
|
+
if (local) for (const [family, input] of Object.entries(local)) addFontFace(family, input);
|
|
254
|
+
}
|
|
255
|
+
return results;
|
|
256
|
+
}
|
|
257
|
+
/**
|
|
258
|
+
* Extract @counter-style rules from styles, merging with global config.
|
|
259
|
+
* Deduplicates by name; component-local definitions override global ones with
|
|
260
|
+
* the same name (local wins).
|
|
261
|
+
*/
|
|
262
|
+
function extractCounterStyleFromStyles(styles, globalCounterStyle) {
|
|
263
|
+
const byName = /* @__PURE__ */ new Map();
|
|
264
|
+
function addCounterStyle(name, descriptors) {
|
|
265
|
+
byName.set(name, {
|
|
266
|
+
name,
|
|
267
|
+
css: formatCounterStyleRule(name, descriptors)
|
|
268
|
+
});
|
|
269
|
+
}
|
|
270
|
+
if (globalCounterStyle) for (const [name, descriptors] of Object.entries(globalCounterStyle)) addCounterStyle(name, descriptors);
|
|
271
|
+
if (hasLocalCounterStyle(styles)) {
|
|
272
|
+
const local = extractLocalCounterStyle(styles);
|
|
273
|
+
if (local) for (const [name, descriptors] of Object.entries(local)) addCounterStyle(name, descriptors);
|
|
274
|
+
}
|
|
275
|
+
return [...byName.values()];
|
|
276
|
+
}
|
|
277
|
+
/**
|
|
278
|
+
* Extract @function rules from styles, merging with global config.
|
|
279
|
+
* Deduplicates by CSS function name; component-local definitions override
|
|
280
|
+
* global ones with the same name (local wins).
|
|
281
|
+
*/
|
|
282
|
+
function extractFunctionsFromStyles(styles, globalFunction) {
|
|
283
|
+
if (isFunctionsPolyfillEnabled()) {
|
|
284
|
+
if (globalFunction) for (const [name, definition] of Object.entries(globalFunction)) registerFunctionPolyfill(name, definition);
|
|
285
|
+
registerLocalFunctionPolyfills(styles);
|
|
286
|
+
return [];
|
|
287
|
+
}
|
|
288
|
+
const byName = /* @__PURE__ */ new Map();
|
|
289
|
+
function addFunction(name, definition) {
|
|
290
|
+
const cssName = parseFunctionName(name);
|
|
291
|
+
byName.set(cssName, {
|
|
292
|
+
name: cssName,
|
|
293
|
+
css: formatFunctionRule(name, definition)
|
|
294
|
+
});
|
|
295
|
+
}
|
|
296
|
+
if (globalFunction) for (const [name, definition] of Object.entries(globalFunction)) addFunction(name, definition);
|
|
297
|
+
if (hasLocalFunctions(styles)) {
|
|
298
|
+
const local = extractLocalFunctions(styles);
|
|
299
|
+
if (local) for (const [name, definition] of Object.entries(local)) addFunction(name, definition);
|
|
300
|
+
}
|
|
301
|
+
return [...byName.values()];
|
|
302
|
+
}
|
|
303
|
+
//#endregion
|
|
304
|
+
//#region src/zero/css-writer.ts
|
|
305
|
+
var CSSWriter = class {
|
|
306
|
+
cssBlocks = /* @__PURE__ */ new Map();
|
|
307
|
+
outputPath;
|
|
308
|
+
devMode;
|
|
309
|
+
constructor(outputPath, options = {}) {
|
|
310
|
+
this.outputPath = outputPath;
|
|
311
|
+
this.devMode = options.devMode ?? false;
|
|
312
|
+
}
|
|
313
|
+
/**
|
|
314
|
+
* Add CSS block with deduplication key
|
|
315
|
+
* @param key - Unique key for deduplication
|
|
316
|
+
* @param css - CSS content
|
|
317
|
+
* @param source - Optional source file path (used in devMode)
|
|
318
|
+
*/
|
|
319
|
+
add(key, css, source) {
|
|
320
|
+
this.cssBlocks.set(key, {
|
|
321
|
+
css,
|
|
322
|
+
source
|
|
323
|
+
});
|
|
324
|
+
}
|
|
325
|
+
/**
|
|
326
|
+
* Check if a key already exists
|
|
327
|
+
*/
|
|
328
|
+
has(key) {
|
|
329
|
+
return this.cssBlocks.has(key);
|
|
330
|
+
}
|
|
331
|
+
/**
|
|
332
|
+
* Get the number of CSS blocks
|
|
333
|
+
*/
|
|
334
|
+
get size() {
|
|
335
|
+
return this.cssBlocks.size;
|
|
336
|
+
}
|
|
337
|
+
/**
|
|
338
|
+
* Write all collected CSS to the output file
|
|
339
|
+
*/
|
|
340
|
+
write() {
|
|
341
|
+
const outputDir = path.dirname(this.outputPath);
|
|
342
|
+
if (!fs.existsSync(outputDir)) fs.mkdirSync(outputDir, { recursive: true });
|
|
343
|
+
const cssBlocks = [];
|
|
344
|
+
for (const block of this.cssBlocks.values()) if (this.devMode && block.source) cssBlocks.push(`/* from: ${block.source} */\n${block.css}`);
|
|
345
|
+
else cssBlocks.push(block.css);
|
|
346
|
+
const css = cssBlocks.join("\n\n");
|
|
347
|
+
fs.writeFileSync(this.outputPath, `/* Generated by @tenphi/tasty/zero - DO NOT EDIT */\n\n` + css);
|
|
348
|
+
}
|
|
349
|
+
/**
|
|
350
|
+
* Get all CSS as string (for testing or in-memory use)
|
|
351
|
+
*/
|
|
352
|
+
getCSS() {
|
|
353
|
+
const cssBlocks = [];
|
|
354
|
+
for (const block of this.cssBlocks.values()) if (this.devMode && block.source) cssBlocks.push(`/* from: ${block.source} */\n${block.css}`);
|
|
355
|
+
else cssBlocks.push(block.css);
|
|
356
|
+
return cssBlocks.join("\n\n");
|
|
357
|
+
}
|
|
358
|
+
/**
|
|
359
|
+
* Clear all collected CSS
|
|
360
|
+
*/
|
|
361
|
+
clear() {
|
|
362
|
+
this.cssBlocks.clear();
|
|
363
|
+
}
|
|
364
|
+
/**
|
|
365
|
+
* Get the output path
|
|
366
|
+
*/
|
|
367
|
+
getOutputPath() {
|
|
368
|
+
return this.outputPath;
|
|
369
|
+
}
|
|
370
|
+
};
|
|
371
|
+
/**
|
|
372
|
+
* Factory for creating a {@link CSSWriter} instance.
|
|
373
|
+
*
|
|
374
|
+
* Canonical functional entry point; the `CSSWriter` class remains exported
|
|
375
|
+
* for advanced/internal use.
|
|
376
|
+
*
|
|
377
|
+
* @example
|
|
378
|
+
* ```ts
|
|
379
|
+
* import { createCSSWriter } from '@tenphi/tasty/zero';
|
|
380
|
+
*
|
|
381
|
+
* const writer = createCSSWriter('output.css', { devMode: true });
|
|
382
|
+
* ```
|
|
383
|
+
*/
|
|
384
|
+
function createCSSWriter(outputPath, options) {
|
|
385
|
+
return new CSSWriter(outputPath, options);
|
|
386
|
+
}
|
|
387
|
+
//#endregion
|
|
388
|
+
export { extractFunctionsFromStyles as a, extractStylesForSelector as c, extractFontFaceFromStyles as i, extractStylesWithChunks as l, createCSSWriter as n, extractKeyframesFromStyles as o, extractCounterStyleFromStyles as r, extractPropertiesFromStyles as s, CSSWriter as t, setExtractorNamePrefix as u };
|
|
389
|
+
|
|
390
|
+
//# sourceMappingURL=css-writer-CvAxkR6S.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"css-writer-CvAxkR6S.js","names":[],"sources":["../src/zero/extractor.ts","../src/zero/css-writer.ts"],"sourcesContent":["import { createHash } from 'crypto';\n\nimport {\n categorizeStyleKeys,\n generateChunkCacheKey,\n renderStylesForChunk,\n} from '../chunks';\nimport type {\n CounterStyleDescriptors,\n FontFaceDescriptors,\n FontFaceInput,\n FunctionDefinition,\n KeyframesSteps,\n} from '../injector/types';\nimport {\n extractLocalCounterStyle,\n formatCounterStyleRule,\n hasLocalCounterStyle,\n} from '../counter-style';\nimport {\n extractLocalFontFace,\n formatFontFaceRule,\n hasLocalFontFace,\n} from '../font-face';\nimport { isFunctionsPolyfillEnabled } from '../config';\nimport {\n extractLocalFunctions,\n formatFunctionRule,\n hasLocalFunctions,\n parseFunctionName,\n registerFunctionPolyfill,\n registerLocalFunctionPolyfills,\n} from '../functions';\nimport {\n extractAnimationNamesFromStyles,\n extractLocalKeyframes,\n filterUsedKeyframes,\n hasLocalKeyframes,\n mergeKeyframes,\n} from '../keyframes';\nimport type { StyleResult } from '../pipeline';\nimport { renderStyles } from '../pipeline';\nimport { extractLocalProperties, hasLocalProperties } from '../properties';\nimport { PropertyTypeResolver } from '../properties/property-type-resolver';\nimport type { Styles } from '../styles/types';\nimport {\n DEFAULT_ZERO_NAME_PREFIX,\n makeClassName,\n makeKeyframeName,\n validateNamePrefix,\n} from '../utils/name-prefix';\n\nexport interface ExtractedChunk {\n className: string;\n css: string;\n}\n\nexport interface ExtractedSelector {\n selector: string;\n css: string;\n}\n\nexport interface ExtractedKeyframes {\n name: string;\n css: string;\n}\n\ninterface KeyframesExtractionResult {\n /** Keyframes to inject (deduplicated by content) */\n keyframes: ExtractedKeyframes[];\n /** Map from original animation name to canonical name (for replacement) */\n nameMap: Map<string, string>;\n}\n\n/**\n * Module-level prefix used by the zero-runtime extractor.\n * Defaults to `'ts'` so static classes never collide with the runtime\n * `'t'` classes when both are loaded on the same page. Override via\n * `setExtractorNamePrefix()` from the Babel plugin so user config flows\n * into the extractor.\n */\nlet currentNamePrefix: string = DEFAULT_ZERO_NAME_PREFIX;\n\n/**\n * Set the prefix used by the zero-runtime extractor.\n * Called by the Babel plugin after resolving user config so that\n * generated class and keyframe names match the user's configuration.\n */\nexport function setExtractorNamePrefix(prefix: string): void {\n validateNamePrefix(prefix);\n currentNamePrefix = prefix;\n}\n\n/**\n * Get the prefix currently used by the zero-runtime extractor.\n * Exposed primarily for tests.\n */\nexport function getExtractorNamePrefix(): string {\n return currentNamePrefix;\n}\n\n/**\n * Generate a deterministic className from a cache key using content hash.\n * This ensures the same styles always produce the same className,\n * regardless of build order or incremental compilation.\n */\nfunction generateClassName(cacheKey: string): string {\n const hash = createHash('md5').update(cacheKey).digest('hex').slice(0, 6);\n return makeClassName(currentNamePrefix, hash);\n}\n\n/**\n * Extract styles using chunking (for className mode).\n * Returns multiple classes, one per chunk.\n */\nexport function extractStylesWithChunks(styles: Styles): ExtractedChunk[] {\n const chunks: ExtractedChunk[] = [];\n\n // Categorize style keys into chunks\n const chunkMap = categorizeStyleKeys(styles as Record<string, unknown>);\n\n for (const [chunkName, chunkStyleKeys] of chunkMap) {\n if (chunkStyleKeys.length === 0) continue;\n\n // Generate cache key for this chunk (used for className hash)\n const cacheKey = generateChunkCacheKey(styles, chunkName, chunkStyleKeys);\n\n // Render styles for this chunk\n const renderResult = renderStylesForChunk(\n styles,\n chunkName,\n chunkStyleKeys,\n );\n\n if (renderResult.rules.length === 0) continue;\n\n // Generate deterministic className from content hash\n const className = generateClassName(cacheKey);\n const selector = `.${className}.${className}`;\n\n // Format CSS\n const css = formatRulesToCSS(renderResult.rules, selector);\n\n chunks.push({ className, css });\n }\n\n return chunks;\n}\n\n/**\n * Extract styles for a specific selector (for global/selector mode).\n * Returns a single CSS block.\n */\nexport function extractStylesForSelector(\n selector: string,\n styles: Styles,\n): ExtractedSelector {\n // renderStyles with selector returns StyleResult[] with selectors already applied\n const rules = renderStyles(styles, selector);\n // Format without re-prefixing - rules already have the full selector\n const css = formatRulesDirectly(rules);\n\n return { selector, css };\n}\n\n/**\n * Format StyleResult[] to CSS string.\n * Prefixes each rule's selector with the base selector.\n * Used for chunked styles where rules have relative selectors.\n */\nfunction formatRulesToCSS(rules: StyleResult[], baseSelector: string): string {\n return rules\n .map((rule) => {\n // Handle selector as array (OR conditions) or string\n // Note: renderStyles without className joins array selectors with '|||' placeholder\n const selectorParts = Array.isArray(rule.selector)\n ? rule.selector\n : rule.selector\n ? rule.selector.split('|||')\n : [''];\n\n // Prefix each selector part with the base selector\n const fullSelector = selectorParts\n .map((part) => {\n // Build selector: [rootPrefix] baseSelector[part]\n let selector: string;\n\n // If part is empty, just use base selector\n if (!part) {\n selector = baseSelector;\n } else if (part.startsWith(':') || part.startsWith('[')) {\n // If part starts with a pseudo-class or pseudo-element, append to base\n selector = `${baseSelector}${part}`;\n } else if (\n part.startsWith('>') ||\n part.startsWith('+') ||\n part.startsWith('~')\n ) {\n // If part starts with >, +, ~ combinator, append with space\n selector = `${baseSelector}${part}`;\n } else {\n // Otherwise, combine base with part\n selector = `${baseSelector}${part}`;\n }\n\n // Prepend rootPrefix if present (for @root() states)\n if (rule.rootPrefix) {\n selector = `${rule.rootPrefix} ${selector}`;\n }\n\n return selector;\n })\n .join(', ');\n\n let css = `${fullSelector} { ${rule.declarations} }`;\n\n // Wrap in at-rules (in reverse order for proper nesting)\n if (rule.atRules && rule.atRules.length > 0) {\n for (const atRule of [...rule.atRules].reverse()) {\n css = `${atRule} {\\n ${css}\\n}`;\n }\n }\n\n return css;\n })\n .join('\\n\\n');\n}\n\n/**\n * Format StyleResult[] to CSS string directly without prefixing.\n * Used for global styles where rules already have the full selector.\n */\nfunction formatRulesDirectly(rules: StyleResult[]): string {\n return rules\n .map((rule) => {\n // Prepend rootPrefix if present (for @root() states)\n const selector = rule.rootPrefix\n ? `${rule.rootPrefix} ${rule.selector}`\n : rule.selector;\n\n let css = `${selector} { ${rule.declarations} }`;\n\n // Wrap in at-rules (in reverse order for proper nesting)\n if (rule.atRules && rule.atRules.length > 0) {\n for (const atRule of [...rule.atRules].reverse()) {\n css = `${atRule} {\\n ${css}\\n}`;\n }\n }\n\n return css;\n })\n .join('\\n\\n');\n}\n\n// Note: With hash-based className generation, counter management functions\n// are no longer needed. ClassNames are deterministic based on content.\n\n/**\n * Generate a deterministic keyframes name from content hash.\n * This ensures the same keyframes content always produces the same name,\n * enabling automatic deduplication across elements and files.\n *\n * Uses the configured prefix with a `k` discriminator so keyframe names\n * stay visually distinct from class names sharing the same prefix.\n */\nfunction generateKeyframesName(steps: KeyframesSteps): string {\n const content = JSON.stringify(steps);\n const hash = createHash('md5').update(content).digest('hex').slice(0, 6);\n return makeKeyframeName(currentNamePrefix, hash);\n}\n\n/**\n * Extract keyframes that are used in styles.\n * Merges local @keyframes with global keyframes, filters to only used ones.\n * Generates hash-based names from content for automatic deduplication.\n *\n * @param styles - The styles object (may contain @keyframes and animation properties)\n * @param globalKeyframes - Optional global keyframes from config\n * @returns Keyframes to inject and name mapping for replacement\n */\nexport function extractKeyframesFromStyles(\n styles: Styles,\n globalKeyframes?: Record<string, KeyframesSteps> | null,\n): KeyframesExtractionResult {\n const emptyResult: KeyframesExtractionResult = {\n keyframes: [],\n nameMap: new Map(),\n };\n\n // Extract animation names from styles\n const usedNames = extractAnimationNamesFromStyles(styles);\n if (usedNames.size === 0) return emptyResult;\n\n // Merge local and global keyframes\n const local = hasLocalKeyframes(styles)\n ? extractLocalKeyframes(styles)\n : null;\n const allKeyframes = mergeKeyframes(local, globalKeyframes ?? null);\n\n // Filter to only used keyframes\n const usedKeyframes = filterUsedKeyframes(allKeyframes, usedNames);\n if (!usedKeyframes) return emptyResult;\n\n // Generate hash-based names and collect unique keyframes\n const seenHashes = new Set<string>();\n const nameMap = new Map<string, string>();\n const keyframesToEmit: ExtractedKeyframes[] = [];\n\n for (const [originalName, steps] of Object.entries(usedKeyframes)) {\n const hashedName = generateKeyframesName(steps);\n\n // Always map original name to hashed name (for CSS replacement)\n nameMap.set(originalName, hashedName);\n\n // Only emit each unique keyframe once\n if (!seenHashes.has(hashedName)) {\n seenHashes.add(hashedName);\n const css = keyframesToCSS(hashedName, steps);\n keyframesToEmit.push({ name: hashedName, css });\n }\n }\n\n return { keyframes: keyframesToEmit, nameMap };\n}\n\n/**\n * Convert keyframes steps to CSS string.\n */\nfunction keyframesToCSS(name: string, steps: KeyframesSteps): string {\n const stepRules: string[] = [];\n\n for (const [key, value] of Object.entries(steps)) {\n if (typeof value === 'string') {\n // Raw CSS string\n stepRules.push(`${key} { ${value.trim()} }`);\n } else if (value && typeof value === 'object') {\n // Style map - convert to CSS declarations\n const declarations = Object.entries(value)\n .map(([prop, val]) => {\n const cssProperty = camelToKebab(prop);\n return `${cssProperty}: ${val}`;\n })\n .join('; ');\n stepRules.push(`${key} { ${declarations} }`);\n }\n }\n\n return `@keyframes ${name} { ${stepRules.join(' ')} }`;\n}\n\n/**\n * Convert camelCase to kebab-case.\n */\nfunction camelToKebab(str: string): string {\n return str.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);\n}\n\n// ============================================================================\n// Property Extraction (auto-infer @property types for zero-runtime)\n// ============================================================================\n\nexport interface ExtractedProperty {\n name: string;\n css: string;\n}\n\n/**\n * Extract auto-inferred @property declarations from styles.\n * Scans rendered style declarations and keyframe declarations for custom properties\n * whose types can be inferred from their values.\n *\n * @param styles - The styles object\n * @param options - Options including autoPropertyTypes flag\n * @returns Array of @property CSS rules to inject\n */\nexport function extractPropertiesFromStyles(\n styles: Styles,\n options?: { autoPropertyTypes?: boolean },\n): ExtractedProperty[] {\n if (options?.autoPropertyTypes === false) return [];\n\n const registered = new Set<string>();\n const results: ExtractedProperty[] = [];\n\n // Collect explicitly declared properties (they take precedence)\n if (hasLocalProperties(styles)) {\n const localProps = extractLocalProperties(styles);\n if (localProps) {\n for (const token of Object.keys(localProps)) {\n // Normalize token to CSS name\n let cssName: string;\n if (token.startsWith('#')) {\n cssName = `--${token.slice(1)}-color`;\n } else if (token.startsWith('$')) {\n cssName = `--${token.slice(1)}`;\n } else if (token.startsWith('--')) {\n cssName = token;\n } else {\n cssName = `--${token}`;\n }\n registered.add(cssName);\n }\n }\n }\n\n const resolver = new PropertyTypeResolver();\n\n const registerProperty = (\n name: string,\n syntax: string,\n initialValue: string,\n ) => {\n if (registered.has(name)) return;\n registered.add(name);\n\n const parts: string[] = [];\n parts.push(`syntax: \"${syntax}\";`);\n parts.push(`inherits: true;`);\n parts.push(`initial-value: ${initialValue};`);\n\n const css = `@property ${name} { ${parts.join(' ')} }`;\n results.push({ name, css });\n };\n\n const isPropertyDefined = (name: string) => registered.has(name);\n\n // Scan rendered style declarations\n const chunkMap = categorizeStyleKeys(styles as Record<string, unknown>);\n for (const [chunkName, chunkStyleKeys] of chunkMap) {\n if (chunkStyleKeys.length === 0) continue;\n const renderResult = renderStylesForChunk(\n styles,\n chunkName,\n chunkStyleKeys,\n );\n for (const rule of renderResult.rules) {\n if (!rule.declarations) continue;\n resolver.scanDeclarations(\n rule.declarations,\n isPropertyDefined,\n registerProperty,\n );\n }\n }\n\n // Scan keyframe declarations\n if (hasLocalKeyframes(styles)) {\n const localKf = extractLocalKeyframes(styles);\n if (localKf) {\n for (const steps of Object.values(localKf)) {\n scanKeyframeSteps(steps, resolver, isPropertyDefined, registerProperty);\n }\n }\n }\n\n return results;\n}\n\nfunction scanKeyframeSteps(\n steps: KeyframesSteps,\n resolver: PropertyTypeResolver,\n isPropertyDefined: (name: string) => boolean,\n registerProperty: (\n name: string,\n syntax: string,\n initialValue: string,\n ) => void,\n): void {\n for (const value of Object.values(steps)) {\n if (typeof value === 'string') {\n resolver.scanDeclarations(value, isPropertyDefined, registerProperty);\n } else if (value && typeof value === 'object') {\n const declarations = Object.entries(value)\n .map(([prop, val]) => {\n const cssProperty = camelToKebab(prop);\n return `${cssProperty}: ${val}`;\n })\n .join('; ');\n resolver.scanDeclarations(\n declarations,\n isPropertyDefined,\n registerProperty,\n );\n }\n }\n}\n\n// ============================================================================\n// Font Face Extraction (zero-runtime)\n// ============================================================================\n\nexport interface ExtractedFontFace {\n css: string;\n}\n\n/**\n * Extract @font-face rules from styles, merging with global config.\n * Deduplicates by content hash.\n */\nexport function extractFontFaceFromStyles(\n styles: Styles,\n globalFontFace?: Record<string, FontFaceInput> | null,\n): ExtractedFontFace[] {\n const results: ExtractedFontFace[] = [];\n const seenHashes = new Set<string>();\n\n function addFontFace(family: string, input: FontFaceInput) {\n const descriptors: FontFaceDescriptors[] = Array.isArray(input)\n ? input\n : [input];\n for (const desc of descriptors) {\n const hash = createHash('md5')\n .update(JSON.stringify({ family, ...desc }))\n .digest('hex')\n .slice(0, 8);\n if (!seenHashes.has(hash)) {\n seenHashes.add(hash);\n results.push({ css: formatFontFaceRule(family, desc) });\n }\n }\n }\n\n // Global font faces first\n if (globalFontFace) {\n for (const [family, input] of Object.entries(globalFontFace)) {\n addFontFace(family, input);\n }\n }\n\n // Local font faces. @font-face is keyed by content hash, not family name, so\n // distinct definitions all emit and byte-identical ones collapse — there is\n // no \"winner\" to pick between a global and a local definition.\n if (hasLocalFontFace(styles)) {\n const local = extractLocalFontFace(styles);\n if (local) {\n for (const [family, input] of Object.entries(local)) {\n addFontFace(family, input);\n }\n }\n }\n\n return results;\n}\n\n// ============================================================================\n// Counter Style Extraction (zero-runtime)\n// ============================================================================\n\nexport interface ExtractedCounterStyle {\n name: string;\n css: string;\n}\n\n/**\n * Extract @counter-style rules from styles, merging with global config.\n * Deduplicates by name; component-local definitions override global ones with\n * the same name (local wins).\n */\nexport function extractCounterStyleFromStyles(\n styles: Styles,\n globalCounterStyle?: Record<string, CounterStyleDescriptors> | null,\n): ExtractedCounterStyle[] {\n const byName = new Map<string, ExtractedCounterStyle>();\n\n function addCounterStyle(name: string, descriptors: CounterStyleDescriptors) {\n byName.set(name, { name, css: formatCounterStyleRule(name, descriptors) });\n }\n\n // Global counter styles first, then local — local replaces global on conflict.\n if (globalCounterStyle) {\n for (const [name, descriptors] of Object.entries(globalCounterStyle)) {\n addCounterStyle(name, descriptors);\n }\n }\n\n if (hasLocalCounterStyle(styles)) {\n const local = extractLocalCounterStyle(styles);\n if (local) {\n for (const [name, descriptors] of Object.entries(local)) {\n addCounterStyle(name, descriptors);\n }\n }\n }\n\n return [...byName.values()];\n}\n\n// ============================================================================\n// Function Extraction (zero-runtime)\n// ============================================================================\n\nexport interface ExtractedFunction {\n name: string;\n css: string;\n}\n\n/**\n * Extract @function rules from styles, merging with global config.\n * Deduplicates by CSS function name; component-local definitions override\n * global ones with the same name (local wins).\n */\nexport function extractFunctionsFromStyles(\n styles: Styles,\n globalFunction?: Record<string, FunctionDefinition> | null,\n): ExtractedFunction[] {\n // @function polyfill: register definitions as inline closures so call sites\n // are expanded to plain CSS during chunk rendering. No native @function rules\n // are emitted. Global definitions are also registered here as a safety net in\n // case configure() ran in a separate module scope.\n if (isFunctionsPolyfillEnabled()) {\n if (globalFunction) {\n for (const [name, definition] of Object.entries(globalFunction)) {\n registerFunctionPolyfill(name, definition);\n }\n }\n registerLocalFunctionPolyfills(styles);\n return [];\n }\n\n const byName = new Map<string, ExtractedFunction>();\n\n function addFunction(name: string, definition: FunctionDefinition) {\n const cssName = parseFunctionName(name);\n byName.set(cssName, {\n name: cssName,\n css: formatFunctionRule(name, definition),\n });\n }\n\n // Global functions first, then local — local replaces global on conflict.\n if (globalFunction) {\n for (const [name, definition] of Object.entries(globalFunction)) {\n addFunction(name, definition);\n }\n }\n\n if (hasLocalFunctions(styles)) {\n const local = extractLocalFunctions(styles);\n if (local) {\n for (const [name, definition] of Object.entries(local)) {\n addFunction(name, definition);\n }\n }\n }\n\n return [...byName.values()];\n}\n","import * as fs from 'fs';\nimport * as path from 'path';\n\nexport interface CSSWriterOptions {\n /** Enable source comments in output (e.g., \"from: Button.tsx\") */\n devMode?: boolean;\n}\n\ninterface CSSBlock {\n css: string;\n source?: string;\n}\n\nexport class CSSWriter {\n private cssBlocks = new Map<string, CSSBlock>();\n private outputPath: string;\n private devMode: boolean;\n\n constructor(outputPath: string, options: CSSWriterOptions = {}) {\n this.outputPath = outputPath;\n this.devMode = options.devMode ?? false;\n }\n\n /**\n * Add CSS block with deduplication key\n * @param key - Unique key for deduplication\n * @param css - CSS content\n * @param source - Optional source file path (used in devMode)\n */\n add(key: string, css: string, source?: string): void {\n this.cssBlocks.set(key, { css, source });\n }\n\n /**\n * Check if a key already exists\n */\n has(key: string): boolean {\n return this.cssBlocks.has(key);\n }\n\n /**\n * Get the number of CSS blocks\n */\n get size(): number {\n return this.cssBlocks.size;\n }\n\n /**\n * Write all collected CSS to the output file\n */\n write(): void {\n const outputDir = path.dirname(this.outputPath);\n\n // Ensure directory exists\n if (!fs.existsSync(outputDir)) {\n fs.mkdirSync(outputDir, { recursive: true });\n }\n\n // Combine all CSS blocks with optional source comments\n const cssBlocks: string[] = [];\n for (const block of this.cssBlocks.values()) {\n if (this.devMode && block.source) {\n cssBlocks.push(`/* from: ${block.source} */\\n${block.css}`);\n } else {\n cssBlocks.push(block.css);\n }\n }\n const css = cssBlocks.join('\\n\\n');\n\n // Add header comment\n const header = `/* Generated by @tenphi/tasty/zero - DO NOT EDIT */\\n\\n`;\n\n fs.writeFileSync(this.outputPath, header + css);\n }\n\n /**\n * Get all CSS as string (for testing or in-memory use)\n */\n getCSS(): string {\n const cssBlocks: string[] = [];\n for (const block of this.cssBlocks.values()) {\n if (this.devMode && block.source) {\n cssBlocks.push(`/* from: ${block.source} */\\n${block.css}`);\n } else {\n cssBlocks.push(block.css);\n }\n }\n return cssBlocks.join('\\n\\n');\n }\n\n /**\n * Clear all collected CSS\n */\n clear(): void {\n this.cssBlocks.clear();\n }\n\n /**\n * Get the output path\n */\n getOutputPath(): string {\n return this.outputPath;\n }\n}\n\n/**\n * Factory for creating a {@link CSSWriter} instance.\n *\n * Canonical functional entry point; the `CSSWriter` class remains exported\n * for advanced/internal use.\n *\n * @example\n * ```ts\n * import { createCSSWriter } from '@tenphi/tasty/zero';\n *\n * const writer = createCSSWriter('output.css', { devMode: true });\n * ```\n */\nexport function createCSSWriter(\n outputPath: string,\n options?: CSSWriterOptions,\n): CSSWriter {\n return new CSSWriter(outputPath, options);\n}\n"],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
//#region src/ssr/format-global-rules.ts
|
|
2
|
+
/**
|
|
3
|
+
* Format an array of global StyleResult rules into a CSS text string.
|
|
4
|
+
*
|
|
5
|
+
* Rules already have their full selectors applied by renderStyles().
|
|
6
|
+
* Handles rootPrefix prepending and at-rule wrapping.
|
|
7
|
+
*/
|
|
8
|
+
function formatGlobalRules(rules) {
|
|
9
|
+
if (rules.length === 0) return "";
|
|
10
|
+
const cssRules = [];
|
|
11
|
+
for (const rule of rules) {
|
|
12
|
+
const baseRule = `${rule.rootPrefix ? `${rule.rootPrefix} ${rule.selector}` : rule.selector} { ${rule.declarations} }`;
|
|
13
|
+
let fullRule = baseRule;
|
|
14
|
+
if (rule.atRules && rule.atRules.length > 0) fullRule = rule.atRules.reduce((css, atRule) => `${atRule} { ${css} }`, baseRule);
|
|
15
|
+
cssRules.push(fullRule);
|
|
16
|
+
}
|
|
17
|
+
return cssRules.join("\n");
|
|
18
|
+
}
|
|
19
|
+
//#endregion
|
|
20
|
+
export { formatGlobalRules as t };
|
|
21
|
+
|
|
22
|
+
//# sourceMappingURL=format-global-rules-DklyaXv-.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"format-global-rules-DklyaXv-.js","names":[],"sources":["../src/ssr/format-global-rules.ts"],"sourcesContent":["/**\n * Format global CSS rules for SSR output.\n *\n * Unlike formatRules() which applies className-based specificity doubling,\n * this function formats rules that already have their full selectors\n * (from renderStyles called with a selector string).\n */\n\nimport type { StyleResult } from '../pipeline';\n\n/**\n * Format an array of global StyleResult rules into a CSS text string.\n *\n * Rules already have their full selectors applied by renderStyles().\n * Handles rootPrefix prepending and at-rule wrapping.\n */\nexport function formatGlobalRules(rules: StyleResult[]): string {\n if (rules.length === 0) return '';\n\n const cssRules: string[] = [];\n\n for (const rule of rules) {\n const selector = rule.rootPrefix\n ? `${rule.rootPrefix} ${rule.selector}`\n : rule.selector;\n\n const baseRule = `${selector} { ${rule.declarations} }`;\n\n let fullRule = baseRule;\n if (rule.atRules && rule.atRules.length > 0) {\n fullRule = rule.atRules.reduce(\n (css, atRule) => `${atRule} { ${css} }`,\n baseRule,\n );\n }\n\n cssRules.push(fullRule);\n }\n\n return cssRules.join('\\n');\n}\n"],"mappings":";;;;;;;AAgBA,SAAgB,kBAAkB,OAA8B;CAC9D,IAAI,MAAM,WAAW,GAAG,OAAO;CAE/B,MAAM,WAAqB,CAAC;CAE5B,KAAK,MAAM,QAAQ,OAAO;EAKxB,MAAM,WAAW,GAJA,KAAK,aAClB,GAAG,KAAK,WAAW,GAAG,KAAK,aAC3B,KAAK,SAEoB,KAAK,KAAK,aAAa;EAEpD,IAAI,WAAW;EACf,IAAI,KAAK,WAAW,KAAK,QAAQ,SAAS,GACxC,WAAW,KAAK,QAAQ,QACrB,KAAK,WAAW,GAAG,OAAO,KAAK,IAAI,KACpC,QACF;EAGF,SAAS,KAAK,QAAQ;CACxB;CAEA,OAAO,SAAS,KAAK,IAAI;AAC3B"}
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
import { Gt as parseStyle, yt as getEffectiveDefinition } from "./config-B23gZrfP.js";
|
|
2
|
+
//#region src/ssr/ssr-collector-ref.ts
|
|
3
|
+
const GETTER_KEY = "__tasty_ssr_collector_getter__";
|
|
4
|
+
let _getSSRCollector = null;
|
|
5
|
+
/**
|
|
6
|
+
* Register the collector getter in the current module graph only.
|
|
7
|
+
* Used by Next.js TastyRegistry.
|
|
8
|
+
*/
|
|
9
|
+
function registerSSRCollectorGetter(fn) {
|
|
10
|
+
_getSSRCollector = fn;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* Register the collector getter on globalThis so it is visible across
|
|
14
|
+
* separate module graphs (e.g. Astro middleware ↔ page components).
|
|
15
|
+
*/
|
|
16
|
+
function registerSSRCollectorGetterGlobal(fn) {
|
|
17
|
+
globalThis[GETTER_KEY] = fn;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* Retrieve the SSR collector: module-level first, globalThis fallback.
|
|
21
|
+
*/
|
|
22
|
+
function getRegisteredSSRCollector() {
|
|
23
|
+
if (_getSSRCollector) return _getSSRCollector();
|
|
24
|
+
const getter = globalThis[GETTER_KEY];
|
|
25
|
+
return getter ? getter() : null;
|
|
26
|
+
}
|
|
27
|
+
//#endregion
|
|
28
|
+
//#region src/ssr/format-property.ts
|
|
29
|
+
/**
|
|
30
|
+
* Format a single @property rule as a CSS string.
|
|
31
|
+
*
|
|
32
|
+
* Returns the full `@property --name { ... }` text, or empty string
|
|
33
|
+
* if the token is invalid.
|
|
34
|
+
*/
|
|
35
|
+
function formatPropertyCSS(token, definition) {
|
|
36
|
+
const result = getEffectiveDefinition(token, definition);
|
|
37
|
+
if (!result.isValid) return "";
|
|
38
|
+
return buildPropertyRule(result.cssName, result.definition);
|
|
39
|
+
}
|
|
40
|
+
function buildPropertyRule(cssName, definition) {
|
|
41
|
+
const parts = [];
|
|
42
|
+
if (definition.syntax != null) {
|
|
43
|
+
let syntax = String(definition.syntax).trim();
|
|
44
|
+
if (!/^['"]/u.test(syntax)) syntax = `"${syntax}"`;
|
|
45
|
+
parts.push(`syntax: ${syntax};`);
|
|
46
|
+
}
|
|
47
|
+
const inherits = definition.inherits ?? true;
|
|
48
|
+
parts.push(`inherits: ${inherits ? "true" : "false"};`);
|
|
49
|
+
if (definition.initialValue != null) {
|
|
50
|
+
let initialValueStr;
|
|
51
|
+
if (typeof definition.initialValue === "number") initialValueStr = String(definition.initialValue);
|
|
52
|
+
else initialValueStr = parseStyle(definition.initialValue).output;
|
|
53
|
+
parts.push(`initial-value: ${initialValueStr};`);
|
|
54
|
+
}
|
|
55
|
+
return `@property ${cssName} { ${parts.join(" ").trim()} }`;
|
|
56
|
+
}
|
|
57
|
+
//#endregion
|
|
58
|
+
//#region src/ssr/format-rules.ts
|
|
59
|
+
/**
|
|
60
|
+
* Resolve selectors for a rule, applying className-based specificity doubling
|
|
61
|
+
* and rootPrefix handling. Mirrors the logic in StyleInjector.inject().
|
|
62
|
+
*/
|
|
63
|
+
function resolveSelector(rule, className) {
|
|
64
|
+
let selector = rule.selector;
|
|
65
|
+
if (rule.needsClassName) {
|
|
66
|
+
const selectorParts = selector ? selector.split("|||") : [""];
|
|
67
|
+
const classPrefix = `.${className}.${className}`;
|
|
68
|
+
selector = selectorParts.map((part) => {
|
|
69
|
+
const classSelector = part ? `${classPrefix}${part}` : classPrefix;
|
|
70
|
+
if (rule.rootPrefix) return `${rule.rootPrefix} ${classSelector}`;
|
|
71
|
+
return classSelector;
|
|
72
|
+
}).join(", ");
|
|
73
|
+
}
|
|
74
|
+
return selector;
|
|
75
|
+
}
|
|
76
|
+
/**
|
|
77
|
+
* Group rules by selector + at-rules + startingStyle and merge their declarations.
|
|
78
|
+
* Mirrors the grouping logic in SheetManager.insertRule().
|
|
79
|
+
*/
|
|
80
|
+
function groupRules(rules) {
|
|
81
|
+
const groupMap = /* @__PURE__ */ new Map();
|
|
82
|
+
const order = [];
|
|
83
|
+
const atKey = (at) => at && at.length ? at.join("|") : "";
|
|
84
|
+
for (const r of rules) {
|
|
85
|
+
const key = `${atKey(r.atRules)}||${r.selector}||${r.startingStyle ? "1" : "0"}`;
|
|
86
|
+
const existing = groupMap.get(key);
|
|
87
|
+
if (existing) existing.declarations = existing.declarations ? `${existing.declarations} ${r.declarations}` : r.declarations;
|
|
88
|
+
else {
|
|
89
|
+
groupMap.set(key, {
|
|
90
|
+
selector: r.selector,
|
|
91
|
+
atRules: r.atRules,
|
|
92
|
+
startingStyle: r.startingStyle,
|
|
93
|
+
declarations: r.declarations
|
|
94
|
+
});
|
|
95
|
+
order.push(key);
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
return order.map((key) => groupMap.get(key));
|
|
99
|
+
}
|
|
100
|
+
/**
|
|
101
|
+
* Format an array of StyleResult rules into a CSS text string.
|
|
102
|
+
*
|
|
103
|
+
* Applies className-based specificity doubling (.cls.cls),
|
|
104
|
+
* groups rules by selector + at-rules, and wraps with at-rule blocks.
|
|
105
|
+
*
|
|
106
|
+
* Produces the same CSS text as SheetManager.insertRule() would insert
|
|
107
|
+
* into the DOM, but as a plain string suitable for SSR output.
|
|
108
|
+
*/
|
|
109
|
+
function formatRules(rules, className) {
|
|
110
|
+
if (rules.length === 0) return "";
|
|
111
|
+
const grouped = groupRules(rules.map((rule) => ({
|
|
112
|
+
selector: resolveSelector(rule, className),
|
|
113
|
+
declarations: rule.declarations,
|
|
114
|
+
atRules: rule.atRules,
|
|
115
|
+
startingStyle: rule.startingStyle
|
|
116
|
+
})));
|
|
117
|
+
const cssRules = [];
|
|
118
|
+
for (const rule of grouped) {
|
|
119
|
+
const innerContent = rule.startingStyle ? `@starting-style { ${rule.declarations} }` : rule.declarations;
|
|
120
|
+
const baseRule = `${rule.selector} { ${innerContent} }`;
|
|
121
|
+
let fullRule = baseRule;
|
|
122
|
+
if (rule.atRules && rule.atRules.length > 0) fullRule = rule.atRules.reduce((css, atRule) => `${atRule} { ${css} }`, baseRule);
|
|
123
|
+
cssRules.push(fullRule);
|
|
124
|
+
}
|
|
125
|
+
return cssRules.join("\n");
|
|
126
|
+
}
|
|
127
|
+
//#endregion
|
|
128
|
+
export { registerSSRCollectorGetterGlobal as a, registerSSRCollectorGetter as i, formatPropertyCSS as n, getRegisteredSSRCollector as r, formatRules as t };
|
|
129
|
+
|
|
130
|
+
//# sourceMappingURL=format-rules-BCTWVvcS.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"format-rules-BCTWVvcS.js","names":[],"sources":["../src/ssr/ssr-collector-ref.ts","../src/ssr/format-property.ts","../src/ssr/format-rules.ts"],"sourcesContent":["/**\n * Global reference to the SSR collector getter function.\n *\n * This indirection avoids importing 'node:async_hooks' in the browser bundle.\n * The SSR entry point sets this ref when loaded on the server. The useStyles\n * hook calls it if set; on the client it stays null and is never called.\n *\n * Uses a module-level variable as the primary mechanism. In Next.js App\n * Router the RSC and SSR module graphs load separate copies of this module,\n * so the getter registered by TastyRegistry (SSR layer) is invisible to\n * server components (RSC layer) — which correctly fall through to inline\n * RSC styles.\n *\n * A globalThis fallback (`registerSSRCollectorGetterGlobal`) is provided\n * for frameworks like Astro where middleware and page components live in\n * different module graphs and must share the getter across them.\n */\n\nimport type { ServerStyleCollector } from './collector';\n\ntype SSRCollectorGetter = () => ServerStyleCollector | null;\n\nconst GETTER_KEY = '__tasty_ssr_collector_getter__';\n\nlet _getSSRCollector: SSRCollectorGetter | null = null;\n\n/**\n * Register the collector getter in the current module graph only.\n * Used by Next.js TastyRegistry.\n */\nexport function registerSSRCollectorGetter(fn: SSRCollectorGetter): void {\n _getSSRCollector = fn;\n}\n\n/**\n * Register the collector getter on globalThis so it is visible across\n * separate module graphs (e.g. Astro middleware ↔ page components).\n */\nexport function registerSSRCollectorGetterGlobal(fn: SSRCollectorGetter): void {\n (globalThis as Record<string, unknown>)[GETTER_KEY] = fn;\n}\n\n/**\n * Retrieve the SSR collector: module-level first, globalThis fallback.\n */\nexport function getRegisteredSSRCollector(): ServerStyleCollector | null {\n if (_getSSRCollector) return _getSSRCollector();\n const getter = (globalThis as Record<string, unknown>)[GETTER_KEY] as\n | SSRCollectorGetter\n | undefined;\n return getter ? getter() : null;\n}\n","/**\n * Format @property CSS rules for SSR output.\n *\n * Replicates the CSS construction from StyleInjector.property()\n * but returns a CSS string instead of inserting into the DOM.\n */\n\nimport type { PropertyDefinition } from '../injector/types';\nimport { getEffectiveDefinition } from '../properties';\nimport type { StyleValue } from '../utils/styles';\nimport { parseStyle } from '../utils/styles';\n\n/**\n * Format a single @property rule as a CSS string.\n *\n * Returns the full `@property --name { ... }` text, or empty string\n * if the token is invalid.\n */\nexport function formatPropertyCSS(\n token: string,\n definition: PropertyDefinition,\n): string {\n const result = getEffectiveDefinition(token, definition);\n if (!result.isValid) return '';\n\n return buildPropertyRule(result.cssName, result.definition);\n}\n\nfunction buildPropertyRule(\n cssName: string,\n definition: PropertyDefinition,\n): string {\n const parts: string[] = [];\n\n if (definition.syntax != null) {\n let syntax = String(definition.syntax).trim();\n if (!/^['\"]/u.test(syntax)) syntax = `\"${syntax}\"`;\n parts.push(`syntax: ${syntax};`);\n }\n\n const inherits = definition.inherits ?? true;\n parts.push(`inherits: ${inherits ? 'true' : 'false'};`);\n\n if (definition.initialValue != null) {\n let initialValueStr: string;\n if (typeof definition.initialValue === 'number') {\n initialValueStr = String(definition.initialValue);\n } else {\n initialValueStr = parseStyle(\n definition.initialValue as StyleValue,\n ).output;\n }\n parts.push(`initial-value: ${initialValueStr};`);\n }\n\n const declarations = parts.join(' ').trim();\n return `@property ${cssName} { ${declarations} }`;\n}\n","/**\n * Shared CSS rule formatting utility.\n *\n * Extracted from SheetManager to allow both the DOM-based injector (client)\n * and the ServerStyleCollector (server) to produce identical CSS text\n * from StyleResult arrays.\n */\n\nimport type { StyleResult } from '../pipeline';\n\n/**\n * Resolve selectors for a rule, applying className-based specificity doubling\n * and rootPrefix handling. Mirrors the logic in StyleInjector.inject().\n */\nfunction resolveSelector(rule: StyleResult, className: string): string {\n let selector = rule.selector;\n\n if (rule.needsClassName) {\n const selectorParts = selector ? selector.split('|||') : [''];\n const classPrefix = `.${className}.${className}`;\n\n selector = selectorParts\n .map((part) => {\n const classSelector = part ? `${classPrefix}${part}` : classPrefix;\n\n if (rule.rootPrefix) {\n return `${rule.rootPrefix} ${classSelector}`;\n }\n return classSelector;\n })\n .join(', ');\n }\n\n return selector;\n}\n\ninterface GroupedRule {\n selector: string;\n declarations: string;\n atRules?: string[];\n startingStyle?: boolean;\n}\n\n/**\n * Group rules by selector + at-rules + startingStyle and merge their declarations.\n * Mirrors the grouping logic in SheetManager.insertRule().\n */\nfunction groupRules(rules: GroupedRule[]): GroupedRule[] {\n const groupMap = new Map<string, GroupedRule>();\n const order: string[] = [];\n\n const atKey = (at?: string[]) => (at && at.length ? at.join('|') : '');\n\n for (const r of rules) {\n const key = `${atKey(r.atRules)}||${r.selector}||${r.startingStyle ? '1' : '0'}`;\n const existing = groupMap.get(key);\n if (existing) {\n existing.declarations = existing.declarations\n ? `${existing.declarations} ${r.declarations}`\n : r.declarations;\n } else {\n groupMap.set(key, {\n selector: r.selector,\n atRules: r.atRules,\n startingStyle: r.startingStyle,\n declarations: r.declarations,\n });\n order.push(key);\n }\n }\n\n return order.map((key) => groupMap.get(key)!);\n}\n\n/**\n * Format an array of StyleResult rules into a CSS text string.\n *\n * Applies className-based specificity doubling (.cls.cls),\n * groups rules by selector + at-rules, and wraps with at-rule blocks.\n *\n * Produces the same CSS text as SheetManager.insertRule() would insert\n * into the DOM, but as a plain string suitable for SSR output.\n */\nexport function formatRules(rules: StyleResult[], className: string): string {\n if (rules.length === 0) return '';\n\n const resolvedRules = rules.map((rule) => ({\n selector: resolveSelector(rule, className),\n declarations: rule.declarations,\n atRules: rule.atRules,\n startingStyle: rule.startingStyle,\n }));\n\n const grouped = groupRules(resolvedRules);\n const cssRules: string[] = [];\n\n for (const rule of grouped) {\n const innerContent = rule.startingStyle\n ? `@starting-style { ${rule.declarations} }`\n : rule.declarations;\n const baseRule = `${rule.selector} { ${innerContent} }`;\n\n let fullRule = baseRule;\n if (rule.atRules && rule.atRules.length > 0) {\n fullRule = rule.atRules.reduce(\n (css, atRule) => `${atRule} { ${css} }`,\n baseRule,\n );\n }\n\n cssRules.push(fullRule);\n }\n\n return cssRules.join('\\n');\n}\n"],"mappings":";;AAsBA,MAAM,aAAa;AAEnB,IAAI,mBAA8C;;;;;AAMlD,SAAgB,2BAA2B,IAA8B;CACvE,mBAAmB;AACrB;;;;;AAMA,SAAgB,iCAAiC,IAA8B;CAC7E,WAAwC,cAAc;AACxD;;;;AAKA,SAAgB,4BAAyD;CACvE,IAAI,kBAAkB,OAAO,iBAAiB;CAC9C,MAAM,SAAU,WAAuC;CAGvD,OAAO,SAAS,OAAO,IAAI;AAC7B;;;;;;;;;ACjCA,SAAgB,kBACd,OACA,YACQ;CACR,MAAM,SAAS,uBAAuB,OAAO,UAAU;CACvD,IAAI,CAAC,OAAO,SAAS,OAAO;CAE5B,OAAO,kBAAkB,OAAO,SAAS,OAAO,UAAU;AAC5D;AAEA,SAAS,kBACP,SACA,YACQ;CACR,MAAM,QAAkB,CAAC;CAEzB,IAAI,WAAW,UAAU,MAAM;EAC7B,IAAI,SAAS,OAAO,WAAW,MAAM,CAAC,CAAC,KAAK;EAC5C,IAAI,CAAC,SAAS,KAAK,MAAM,GAAG,SAAS,IAAI,OAAO;EAChD,MAAM,KAAK,WAAW,OAAO,EAAE;CACjC;CAEA,MAAM,WAAW,WAAW,YAAY;CACxC,MAAM,KAAK,aAAa,WAAW,SAAS,QAAQ,EAAE;CAEtD,IAAI,WAAW,gBAAgB,MAAM;EACnC,IAAI;EACJ,IAAI,OAAO,WAAW,iBAAiB,UACrC,kBAAkB,OAAO,WAAW,YAAY;OAEhD,kBAAkB,WAChB,WAAW,YACb,CAAC,CAAC;EAEJ,MAAM,KAAK,kBAAkB,gBAAgB,EAAE;CACjD;CAGA,OAAO,aAAa,QAAQ,KADP,MAAM,KAAK,GAAG,CAAC,CAAC,KACO,EAAE;AAChD;;;;;;;AC3CA,SAAS,gBAAgB,MAAmB,WAA2B;CACrE,IAAI,WAAW,KAAK;CAEpB,IAAI,KAAK,gBAAgB;EACvB,MAAM,gBAAgB,WAAW,SAAS,MAAM,KAAK,IAAI,CAAC,EAAE;EAC5D,MAAM,cAAc,IAAI,UAAU,GAAG;EAErC,WAAW,cACR,KAAK,SAAS;GACb,MAAM,gBAAgB,OAAO,GAAG,cAAc,SAAS;GAEvD,IAAI,KAAK,YACP,OAAO,GAAG,KAAK,WAAW,GAAG;GAE/B,OAAO;EACT,CAAC,CAAC,CACD,KAAK,IAAI;CACd;CAEA,OAAO;AACT;;;;;AAaA,SAAS,WAAW,OAAqC;CACvD,MAAM,2BAAW,IAAI,IAAyB;CAC9C,MAAM,QAAkB,CAAC;CAEzB,MAAM,SAAS,OAAmB,MAAM,GAAG,SAAS,GAAG,KAAK,GAAG,IAAI;CAEnE,KAAK,MAAM,KAAK,OAAO;EACrB,MAAM,MAAM,GAAG,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,IAAI,EAAE,gBAAgB,MAAM;EAC3E,MAAM,WAAW,SAAS,IAAI,GAAG;EACjC,IAAI,UACF,SAAS,eAAe,SAAS,eAC7B,GAAG,SAAS,aAAa,GAAG,EAAE,iBAC9B,EAAE;OACD;GACL,SAAS,IAAI,KAAK;IAChB,UAAU,EAAE;IACZ,SAAS,EAAE;IACX,eAAe,EAAE;IACjB,cAAc,EAAE;GAClB,CAAC;GACD,MAAM,KAAK,GAAG;EAChB;CACF;CAEA,OAAO,MAAM,KAAK,QAAQ,SAAS,IAAI,GAAG,CAAE;AAC9C;;;;;;;;;;AAWA,SAAgB,YAAY,OAAsB,WAA2B;CAC3E,IAAI,MAAM,WAAW,GAAG,OAAO;CAS/B,MAAM,UAAU,WAPM,MAAM,KAAK,UAAU;EACzC,UAAU,gBAAgB,MAAM,SAAS;EACzC,cAAc,KAAK;EACnB,SAAS,KAAK;EACd,eAAe,KAAK;CACtB,EAEuC,CAAC;CACxC,MAAM,WAAqB,CAAC;CAE5B,KAAK,MAAM,QAAQ,SAAS;EAC1B,MAAM,eAAe,KAAK,gBACtB,qBAAqB,KAAK,aAAa,MACvC,KAAK;EACT,MAAM,WAAW,GAAG,KAAK,SAAS,KAAK,aAAa;EAEpD,IAAI,WAAW;EACf,IAAI,KAAK,WAAW,KAAK,QAAQ,SAAS,GACxC,WAAW,KAAK,QAAQ,QACrB,KAAK,WAAW,GAAG,OAAO,KAAK,IAAI,KACpC,QACF;EAGF,SAAS,KAAK,QAAQ;CACxB;CAEA,OAAO,SAAS,KAAK,IAAI;AAC3B"}
|