@tenphi/tasty 0.0.0-snapshot.5b5918b → 0.0.0-snapshot.5b8f4c7
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 +6 -6
- package/dist/babel-types-DXckIPcq.d.ts +18 -0
- package/dist/chunks/async-storage-CG5HnUT5.js +20 -0
- package/dist/chunks/{async-storage-DKK-wTD4.js.map → async-storage-CG5HnUT5.js.map} +1 -1
- package/dist/chunks/build-config-DlK3GYxC.js +60 -0
- package/dist/chunks/build-config-DlK3GYxC.js.map +1 -0
- package/dist/chunks/{collector-JaAJjNdp.js → collector-8P-AICif.js} +10 -127
- package/dist/chunks/collector-8P-AICif.js.map +1 -0
- package/dist/chunks/config-engine-Rle61uea.js +272 -0
- package/dist/chunks/config-engine-Rle61uea.js.map +1 -0
- package/dist/chunks/{css-definitions-BYc5Hi9j.js → css-definitions-BZr68HWY.js} +158 -457
- package/dist/chunks/css-definitions-BZr68HWY.js.map +1 -0
- package/dist/chunks/{css-resources-Cyl_axbI.js → css-resources-P7IBUUZs.js} +2 -9
- package/dist/chunks/{css-resources-Cyl_axbI.js.map → css-resources-P7IBUUZs.js.map} +1 -1
- package/dist/chunks/{debug-ip-nW0XP.js → debug-CYZvzaDy.js} +80 -161
- package/dist/chunks/debug-CYZvzaDy.js.map +1 -0
- package/dist/chunks/{dsl-CXvoaLnj.js → dsl-Ddc5EUBK.js} +111 -825
- package/dist/chunks/dsl-Ddc5EUBK.js.map +1 -0
- package/dist/chunks/hydration-TRcz5vnk.js +41 -0
- package/dist/chunks/hydration-TRcz5vnk.js.map +1 -0
- package/dist/chunks/react-runtime-5vJc9SrW.js +582 -0
- package/dist/chunks/react-runtime-5vJc9SrW.js.map +1 -0
- package/dist/chunks/runtime-engine-BS5MtEiW.js +2415 -0
- package/dist/chunks/runtime-engine-BS5MtEiW.js.map +1 -0
- package/dist/chunks/runtime-state-neLsYxfs.js +141 -0
- package/dist/chunks/runtime-state-neLsYxfs.js.map +1 -0
- package/dist/chunks/{shared-utils-OIg0N_dp.js → shared-utils-y-HjvPN4.js} +30 -64
- package/dist/chunks/shared-utils-y-HjvPN4.js.map +1 -0
- package/dist/chunks/{style-engine-CGwgRBIt.js → style-engine-yFldprCU.js} +1069 -2877
- package/dist/chunks/style-engine-yFldprCU.js.map +1 -0
- package/dist/chunks/{zero-engine-Cwanr_2T.js → zero-engine-Eou-QeXm.js} +51 -146
- package/dist/chunks/zero-engine-Eou-QeXm.js.map +1 -0
- package/dist/{collector-CVdVIy7s.d.ts → collector-DgQjDEia.d.ts} +6 -5
- package/dist/{config-BWYrv_Aa.d.ts → config-Bsde8tEj.d.ts} +24 -38
- package/dist/core/index.d.ts +5 -5
- package/dist/core/index.js +9 -8
- package/dist/{index-BxQXD_vZ.d.ts → index-DaljDo0O.d.ts} +158 -218
- package/dist/index.d.ts +5 -5
- package/dist/index.js +10 -8
- package/dist/{merge-styles-BFktNP8J.d.ts → merge-styles-CbaLuCf9.d.ts} +2 -3
- package/dist/ssr/astro-client.d.ts +1 -1
- package/dist/ssr/astro-client.js +1 -14
- package/dist/ssr/astro-client.js.map +1 -1
- package/dist/ssr/astro-middleware-extract-static.d.ts +1 -2
- package/dist/ssr/astro-middleware-extract.d.ts +1 -2
- package/dist/ssr/astro-middleware-static.d.ts +1 -2
- package/dist/ssr/astro-middleware-static.js +0 -11
- package/dist/ssr/astro-middleware-static.js.map +1 -1
- package/dist/ssr/astro-middleware.d.ts +1 -2
- package/dist/ssr/astro-middleware.js +0 -12
- package/dist/ssr/astro-middleware.js.map +1 -1
- package/dist/ssr/astro.d.ts +8 -16
- package/dist/ssr/astro.js +7 -86
- package/dist/ssr/astro.js.map +1 -1
- package/dist/ssr/index.d.ts +10 -11
- package/dist/ssr/index.js +4 -4
- package/dist/ssr/next-config.d.ts +3 -5
- package/dist/ssr/next-config.js +40 -21
- package/dist/ssr/next-config.js.map +1 -1
- package/dist/ssr/next.d.ts +3 -9
- package/dist/ssr/next.js +7 -37
- package/dist/ssr/next.js.map +1 -1
- package/dist/static/index.d.ts +8 -9
- package/dist/static/index.js +4 -22
- package/dist/static/index.js.map +1 -1
- package/dist/static/inject.d.ts +1 -2
- package/dist/{index-BzAC3p06.d.ts → types-B75WazDa.d.ts} +812 -862
- package/dist/zero/babel.d.ts +67 -2
- package/dist/zero/babel.js +57 -131
- package/dist/zero/babel.js.map +1 -1
- package/dist/zero/index.d.ts +44 -8
- package/dist/zero/index.js +24 -2
- package/dist/zero/index.js.map +1 -0
- package/dist/zero/next.d.ts +4 -5
- package/dist/zero/next.js +0 -31
- package/dist/zero/next.js.map +1 -1
- package/docs/ai-agents.md +24 -2
- package/docs/configuration.md +30 -3
- package/docs/dsl.md +66 -9
- package/docs/getting-started.md +13 -11
- package/docs/methodology.md +2 -2
- package/docs/pipeline.md +34 -10
- package/docs/plugins.md +1 -1
- package/docs/react-api.md +9 -0
- package/docs/runtime-benchmarks.md +112 -75
- package/docs/ssr.md +1 -1
- package/docs/styles.md +43 -5
- package/docs/tasty-static.md +34 -1
- package/package.json +60 -41
- package/dist/babel-D6lOuSwk.d.ts +0 -83
- package/dist/chunks/async-storage-DKK-wTD4.js +0 -44
- package/dist/chunks/collector-JaAJjNdp.js.map +0 -1
- package/dist/chunks/css-definitions-BYc5Hi9j.js.map +0 -1
- package/dist/chunks/debug-ip-nW0XP.js.map +0 -1
- package/dist/chunks/dsl-CXvoaLnj.js.map +0 -1
- package/dist/chunks/hydrate-D6rc7oYw.js +0 -37
- package/dist/chunks/hydrate-D6rc7oYw.js.map +0 -1
- package/dist/chunks/react-runtime-Dc3BiX_V.js +0 -1526
- package/dist/chunks/react-runtime-Dc3BiX_V.js.map +0 -1
- package/dist/chunks/runtime-engine-Cgo_eVyn.js +0 -3517
- package/dist/chunks/runtime-engine-Cgo_eVyn.js.map +0 -1
- package/dist/chunks/shared-utils-OIg0N_dp.js.map +0 -1
- package/dist/chunks/style-engine-CGwgRBIt.js.map +0 -1
- package/dist/chunks/zero-engine-Cwanr_2T.js.map +0 -1
package/README.md
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
<p align="center">
|
|
2
|
-
<img src="assets/tasty.svg" width="128" height="128" alt="Tasty logo"
|
|
2
|
+
<img src="assets/tasty.svg" width="128" height="128" alt="Tasty logo" />
|
|
3
3
|
</p>
|
|
4
4
|
|
|
5
5
|
<h1 align="center">Tasty</h1>
|
|
6
6
|
|
|
7
7
|
<p align="center">
|
|
8
|
-
<strong>CSS-in-JS for React design systems.</strong><br
|
|
8
|
+
<strong>CSS-in-JS for React design systems.</strong><br />
|
|
9
9
|
Build components whose styles don’t fight.
|
|
10
10
|
</p>
|
|
11
11
|
|
|
12
12
|
<p align="center">
|
|
13
|
-
<a href="https://www.npmjs.com/package/@tenphi/tasty"><img src="https://img.shields.io/npm/v/@tenphi/tasty.svg" alt="npm version"
|
|
14
|
-
<a href="https://github.com/tenphi/tasty/actions/workflows/ci.yml"><img src="https://github.com/tenphi/tasty/actions/workflows/ci.yml/badge.svg?branch=main" alt="CI"
|
|
15
|
-
<a href="https://github.com/tenphi/tasty/blob/main/LICENSE"><img src="https://img.shields.io/github/license/tenphi/tasty" alt="license"
|
|
13
|
+
<a href="https://www.npmjs.com/package/@tenphi/tasty"><img src="https://img.shields.io/npm/v/@tenphi/tasty.svg" alt="npm version" /></a>
|
|
14
|
+
<a href="https://github.com/tenphi/tasty/actions/workflows/ci.yml"><img src="https://github.com/tenphi/tasty/actions/workflows/ci.yml/badge.svg?branch=main" alt="CI" /></a>
|
|
15
|
+
<a href="https://github.com/tenphi/tasty/blob/main/LICENSE"><img src="https://img.shields.io/github/license/tenphi/tasty" alt="license" /></a>
|
|
16
16
|
</p>
|
|
17
17
|
|
|
18
18
|
---
|
|
@@ -615,7 +615,7 @@ const tokens = theme.tasty(); // Ready-to-use Tasty tokens
|
|
|
615
615
|
Syntax highlighting for Tasty styles in TypeScript, TSX, JavaScript, and JSX. Highlights color tokens, custom units, state keys, presets, and style properties inside `tasty()`, `tastyStatic()`, and related APIs.
|
|
616
616
|
|
|
617
617
|
<p align="center">
|
|
618
|
-
<img src="assets/tasty-vscode-highlight.png" width="512" alt="Tasty VS Code syntax highlighting example"
|
|
618
|
+
<img src="assets/tasty-vscode-highlight.png" width="512" alt="Tasty VS Code syntax highlighting example" />
|
|
619
619
|
</p>
|
|
620
620
|
|
|
621
621
|
## Built with Tasty
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { t as TastyConfig } from "./config-Bsde8tEj.js";
|
|
2
|
+
//#region src/zero/babel-types.d.ts
|
|
3
|
+
/**
|
|
4
|
+
* Build-time configuration for zero-runtime mode.
|
|
5
|
+
* Subset of TastyConfig excluding runtime-only DOM options
|
|
6
|
+
* (`nonce`, `maxRulesPerSheet`, `forceTextInjection`, `gc`)
|
|
7
|
+
* and overriding `devMode` default to `false`.
|
|
8
|
+
*/
|
|
9
|
+
type TastyZeroConfig = Omit<TastyConfig, 'nonce' | 'maxRulesPerSheet' | 'forceTextInjection' | 'gc' | 'devMode'> & {
|
|
10
|
+
/**
|
|
11
|
+
* Enable development mode features: source comments in generated CSS.
|
|
12
|
+
* @default false
|
|
13
|
+
*/
|
|
14
|
+
devMode?: boolean;
|
|
15
|
+
};
|
|
16
|
+
//#endregion
|
|
17
|
+
export { TastyZeroConfig as t };
|
|
18
|
+
//# sourceMappingURL=babel-types-DXckIPcq.d.ts.map
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { AsyncLocalStorage } from "node:async_hooks";
|
|
2
|
+
//#region src/ssr/async-storage.ts
|
|
3
|
+
const ALS_KEY = "__tasty_ssr_als__";
|
|
4
|
+
function getSharedStorage() {
|
|
5
|
+
const g = globalThis;
|
|
6
|
+
if (!g[ALS_KEY]) g[ALS_KEY] = new AsyncLocalStorage();
|
|
7
|
+
return g[ALS_KEY];
|
|
8
|
+
}
|
|
9
|
+
function runWithCollector(collector, fn) {
|
|
10
|
+
return getSharedStorage().run(collector, fn);
|
|
11
|
+
}
|
|
12
|
+
function getSSRCollector() {
|
|
13
|
+
const storage = getSharedStorage();
|
|
14
|
+
if (typeof storage?.getStore !== "function") return null;
|
|
15
|
+
return storage.getStore() ?? null;
|
|
16
|
+
}
|
|
17
|
+
//#endregion
|
|
18
|
+
export { runWithCollector as n, getSSRCollector as t };
|
|
19
|
+
|
|
20
|
+
//# sourceMappingURL=async-storage-CG5HnUT5.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"async-storage-
|
|
1
|
+
{"version":3,"file":"async-storage-CG5HnUT5.js","names":[],"sources":["../../src/ssr/async-storage.ts"],"sourcesContent":["/**\n * AsyncLocalStorage integration for SSR collector discovery.\n *\n * Used by Astro middleware and generic framework integrations where\n * the library cannot wrap the React tree with a context provider.\n * The middleware calls runWithCollector() around the render, and\n * useStyles() calls getSSRCollector() to find it.\n *\n * Uses globalThis to ensure the AsyncLocalStorage instance is shared\n * across module instances — frameworks like Astro may load middleware\n * and page components from separate module graphs.\n *\n * This module imports from 'node:async_hooks' — it must be excluded\n * from client bundles via the build configuration.\n */\n\nimport { AsyncLocalStorage } from 'node:async_hooks';\n\nimport type { ServerStyleCollector } from './collector';\n\nconst ALS_KEY = '__tasty_ssr_als__';\n\nfunction getSharedStorage(): AsyncLocalStorage<ServerStyleCollector> {\n const g = globalThis as Record<string, unknown>;\n if (!g[ALS_KEY]) {\n g[ALS_KEY] = new AsyncLocalStorage<ServerStyleCollector>();\n }\n return g[ALS_KEY] as AsyncLocalStorage<ServerStyleCollector>;\n}\n\n/**\n * Run a function with a ServerStyleCollector bound to the current\n * async context. All useStyles() calls within `fn` (and any async\n * continuations) will find this collector via getSSRCollector().\n */\nexport function runWithCollector<T>(\n collector: ServerStyleCollector,\n fn: () => T,\n): T {\n return getSharedStorage().run(collector, fn);\n}\n\n/**\n * Retrieve the ServerStyleCollector bound to the current async context.\n * Returns null when called outside of runWithCollector() or on the client.\n */\nexport function getSSRCollector(): ServerStyleCollector | null {\n const storage = getSharedStorage();\n if (typeof storage?.getStore !== 'function') return null;\n return storage.getStore() ?? null;\n}\n"],"mappings":";;AAoBA,MAAM,UAAU;AAEhB,SAAS,mBAA4D;CACnE,MAAM,IAAI;CACV,IAAI,CAAC,EAAE,UACL,EAAE,WAAW,IAAI,kBAAwC;CAE3D,OAAO,EAAE;AACX;AAOA,SAAgB,iBACd,WACA,IACG;CACH,OAAO,iBAAiB,CAAC,CAAC,IAAI,WAAW,EAAE;AAC7C;AAMA,SAAgB,kBAA+C;CAC7D,MAAM,UAAU,iBAAiB;CACjC,IAAI,OAAO,SAAS,aAAa,YAAY,OAAO;CACpD,OAAO,QAAQ,SAAS,KAAK;AAC/B"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { c as getGlobalParser, m as resetGlobalPredefinedTokens, p as resetGlobalParseFunctions, r as CUSTOM_UNITS } from "./dsl-Ddc5EUBK.js";
|
|
2
|
+
import { o as isDevEnv, r as resetStyleWarnings } from "./shared-utils-y-HjvPN4.js";
|
|
3
|
+
import { J as resetFunctionPolyfills, M as validateNamePrefix } from "./css-definitions-BZr68HWY.js";
|
|
4
|
+
import { H as clearGlobalPredefinedStates, V as resetStyleChunks, X as resetStylesGeneratedState, Y as resetGlobalPolyfillsState, k as resetHandlers, q as isFunctionsPolyfillEnabled, x as clearParseCache, y as clearPipelineCache } from "./style-engine-yFldprCU.js";
|
|
5
|
+
import { n as applyStyleConfig, r as normalizeConfig } from "./config-engine-Rle61uea.js";
|
|
6
|
+
//#region src/zero/config.ts
|
|
7
|
+
const emittedWarnings = /* @__PURE__ */ new Set();
|
|
8
|
+
const devMode = isDevEnv();
|
|
9
|
+
let activeConfig = null;
|
|
10
|
+
let appliedConfig = null;
|
|
11
|
+
function getActiveZeroConfig() {
|
|
12
|
+
return activeConfig;
|
|
13
|
+
}
|
|
14
|
+
function setActiveZeroConfig(config) {
|
|
15
|
+
activeConfig = config;
|
|
16
|
+
}
|
|
17
|
+
function warnOnce(key, message) {
|
|
18
|
+
if (devMode && !emittedWarnings.has(key)) {
|
|
19
|
+
emittedWarnings.add(key);
|
|
20
|
+
console.warn(message);
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
function configureZero(config) {
|
|
24
|
+
if (config.namePrefix !== void 0) validateNamePrefix(config.namePrefix);
|
|
25
|
+
const normalized = normalizeConfig(config);
|
|
26
|
+
appliedConfig = {
|
|
27
|
+
source: config,
|
|
28
|
+
normalized,
|
|
29
|
+
functions: applyStyleConfig(config, normalized, warnOnce)
|
|
30
|
+
};
|
|
31
|
+
return appliedConfig;
|
|
32
|
+
}
|
|
33
|
+
function reapplyZeroConfig(config) {
|
|
34
|
+
if (appliedConfig === config) return config;
|
|
35
|
+
resetZeroConfig();
|
|
36
|
+
return configureZero(config.source);
|
|
37
|
+
}
|
|
38
|
+
function resetZeroConfig() {
|
|
39
|
+
resetStylesGeneratedState();
|
|
40
|
+
resetGlobalPolyfillsState();
|
|
41
|
+
resetGlobalPredefinedTokens();
|
|
42
|
+
resetGlobalParseFunctions();
|
|
43
|
+
clearGlobalPredefinedStates();
|
|
44
|
+
clearParseCache();
|
|
45
|
+
getGlobalParser().setUnits(CUSTOM_UNITS);
|
|
46
|
+
resetFunctionPolyfills();
|
|
47
|
+
resetHandlers();
|
|
48
|
+
resetStyleChunks();
|
|
49
|
+
clearPipelineCache();
|
|
50
|
+
emittedWarnings.clear();
|
|
51
|
+
resetStyleWarnings();
|
|
52
|
+
appliedConfig = null;
|
|
53
|
+
}
|
|
54
|
+
function functionsForExtraction(config) {
|
|
55
|
+
return isFunctionsPolyfillEnabled() ? void 0 : config.functions;
|
|
56
|
+
}
|
|
57
|
+
//#endregion
|
|
58
|
+
export { resetZeroConfig as a, reapplyZeroConfig as i, functionsForExtraction as n, setActiveZeroConfig as o, getActiveZeroConfig as r, configureZero as t };
|
|
59
|
+
|
|
60
|
+
//# sourceMappingURL=build-config-DlK3GYxC.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"build-config-DlK3GYxC.js","names":[],"sources":["../../src/zero/config.ts"],"sourcesContent":["/** Build-time configuration without the browser injector/runtime registries. */\n\nimport { resetStyleChunks } from '../chunks/style-chunk-map';\nimport {\n applyStyleConfig,\n normalizeConfig,\n type NormalizedConfig,\n} from '../config-normalize';\nimport {\n isFunctionsPolyfillEnabled,\n resetGlobalPolyfillsState,\n resetStylesGeneratedState,\n} from '../config-state';\nimport { resetFunctionPolyfills } from '../functions';\nimport { clearPipelineCache } from '../pipeline';\nimport { clearParseCache } from '../pipeline/parseStateKey';\nimport { clearGlobalPredefinedStates } from '../states';\nimport { resetHandlers } from '../styles/predefined';\nimport { isDevEnv } from '../utils/is-dev-env';\nimport { validateNamePrefix } from '../utils/name-prefix';\nimport {\n CUSTOM_UNITS,\n getGlobalParser,\n resetGlobalParseFunctions,\n resetGlobalPredefinedTokens,\n} from '../utils/styles';\nimport { resetStyleWarnings } from '../utils/warnings';\n\nimport type { FunctionDefinition } from '../injector/types';\nimport type { TastyZeroConfig } from './babel-types';\n\nexport interface ResolvedZeroConfig {\n source: TastyZeroConfig;\n normalized: NormalizedConfig;\n functions: Record<string, FunctionDefinition>;\n}\n\nconst emittedWarnings = new Set<string>();\nconst devMode = isDevEnv();\n\n/**\n * Configuration set through the public `/zero` `configure()`, which the\n * programmatic extractors read for recipes and global keyframes. The Babel\n * plugin passes its configuration explicitly and leaves this unset.\n */\nlet activeConfig: ResolvedZeroConfig | null = null;\n\n/**\n * The configuration the engine state currently reflects. The state is\n * process-wide, so the Babel plugin, `withTastyNext()` and `/zero`\n * `configure()` can replace one another's; each re-applies its own when this\n * is not it.\n */\nlet appliedConfig: ResolvedZeroConfig | null = null;\n\nexport function getActiveZeroConfig(): ResolvedZeroConfig | null {\n return activeConfig;\n}\n\nexport function setActiveZeroConfig(config: ResolvedZeroConfig | null): void {\n activeConfig = config;\n}\n\nfunction warnOnce(key: string, message: string): void {\n if (devMode && !emittedWarnings.has(key)) {\n emittedWarnings.add(key);\n console.warn(message);\n }\n}\n\n/** Resolve and apply the style-engine subset used during static extraction. */\nexport function configureZero(config: TastyZeroConfig): ResolvedZeroConfig {\n if (config.namePrefix !== undefined) validateNamePrefix(config.namePrefix);\n\n const normalized = normalizeConfig(config);\n const functions = applyStyleConfig(config, normalized, warnOnce);\n\n appliedConfig = { source: config, normalized, functions };\n return appliedConfig;\n}\n\n/**\n * Apply `config` again if another configuration replaced it since, and return\n * the configuration now applied (a fresh one when it was re-applied).\n */\nexport function reapplyZeroConfig(\n config: ResolvedZeroConfig,\n): ResolvedZeroConfig {\n if (appliedConfig === config) return config;\n\n resetZeroConfig();\n return configureZero(config.source);\n}\n\n/** Reset only state that the build-time configuration path can mutate. */\nexport function resetZeroConfig(): void {\n resetStylesGeneratedState();\n resetGlobalPolyfillsState();\n resetGlobalPredefinedTokens();\n resetGlobalParseFunctions();\n // State aliases and units are merged into, never replaced, so a new\n // configuration would otherwise keep the previous one's. Parsed state keys\n // are cached on the assumption that aliases do not change.\n clearGlobalPredefinedStates();\n clearParseCache();\n getGlobalParser().setUnits(CUSTOM_UNITS);\n resetFunctionPolyfills();\n resetHandlers();\n resetStyleChunks();\n clearPipelineCache();\n emittedWarnings.clear();\n resetStyleWarnings();\n appliedConfig = null;\n}\n\nexport function functionsForExtraction(\n config: ResolvedZeroConfig,\n): Record<string, FunctionDefinition> | undefined {\n return isFunctionsPolyfillEnabled() ? undefined : config.functions;\n}\n"],"mappings":";;;;;;AAqCA,MAAM,kCAAkB,IAAI,IAAY;AACxC,MAAM,UAAU,SAAS;AAOzB,IAAI,eAA0C;AAQ9C,IAAI,gBAA2C;AAE/C,SAAgB,sBAAiD;CAC/D,OAAO;AACT;AAEA,SAAgB,oBAAoB,QAAyC;CAC3E,eAAe;AACjB;AAEA,SAAS,SAAS,KAAa,SAAuB;CACpD,IAAI,WAAW,CAAC,gBAAgB,IAAI,GAAG,GAAG;EACxC,gBAAgB,IAAI,GAAG;EACvB,QAAQ,KAAK,OAAO;CACtB;AACF;AAGA,SAAgB,cAAc,QAA6C;CACzE,IAAI,OAAO,eAAe,KAAA,GAAW,mBAAmB,OAAO,UAAU;CAEzE,MAAM,aAAa,gBAAgB,MAAM;CAGzC,gBAAgB;EAAE,QAAQ;EAAQ;EAAY,WAF5B,iBAAiB,QAAQ,YAAY,QAED;CAAE;CACxD,OAAO;AACT;AAMA,SAAgB,kBACd,QACoB;CACpB,IAAI,kBAAkB,QAAQ,OAAO;CAErC,gBAAgB;CAChB,OAAO,cAAc,OAAO,MAAM;AACpC;AAGA,SAAgB,kBAAwB;CACtC,0BAA0B;CAC1B,0BAA0B;CAC1B,4BAA4B;CAC5B,0BAA0B;CAI1B,4BAA4B;CAC5B,gBAAgB;CAChB,gBAAgB,CAAC,CAAC,SAAS,YAAY;CACvC,uBAAuB;CACvB,cAAc;CACd,iBAAiB;CACjB,mBAAmB;CACnB,gBAAgB,MAAM;CACtB,mBAAmB;CACnB,gBAAgB;AAClB;AAEA,SAAgB,uBACd,QACgD;CAChD,OAAO,2BAA2B,IAAI,KAAA,IAAY,OAAO;AAC3D"}
|
|
@@ -1,23 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { b as renderStyles } from "./style-engine-
|
|
3
|
-
import {
|
|
1
|
+
import { D as makeClassName, G as parseFunctionName, M as validateNamePrefix, N as hashString, O as makeCounterStyleName, S as formatFontFaceRule, U as formatFunctionRule, _ as formatCounterStyleRule, b as fontFaceContentHash, i as formatKeyframesCSS, k as makeKeyframeName, m as resolveSelectorKeyframes, n as formatGlobalRules, o as formatPropertyCSS, r as formatRules, t as createServerStyleArtifact } from "./css-definitions-BZr68HWY.js";
|
|
2
|
+
import { b as renderStyles } from "./style-engine-yFldprCU.js";
|
|
3
|
+
import { a as getGlobalConfigTokens, c as getGlobalFunctions, d as getRuntimeConfigState, i as getEffectiveProperties, l as getGlobalKeyframes, o as getGlobalCounterStyles, s as getGlobalFontFaces, u as getGlobalStyles } from "./runtime-state-neLsYxfs.js";
|
|
4
4
|
//#region src/ssr/collector.ts
|
|
5
|
-
/**
|
|
6
|
-
* ServerStyleCollector — server-safe style collector for SSR.
|
|
7
|
-
*
|
|
8
|
-
* Accumulates CSS rules and cache metadata during server rendering.
|
|
9
|
-
* This is the server-side counterpart to StyleInjector: it allocates
|
|
10
|
-
* hash-based class names using the configured `namePrefix` (defaults
|
|
11
|
-
* to `'t'`), formats CSS rules into text, and tracks rendered class
|
|
12
|
-
* names for lightweight client transfer.
|
|
13
|
-
*
|
|
14
|
-
* One instance is created per HTTP request. Concurrent requests
|
|
15
|
-
* each get their own collector (via AsyncLocalStorage or React context).
|
|
16
|
-
*/
|
|
17
|
-
function artifactId(kind, key, css) {
|
|
18
|
-
const content = `${kind}\0${key}\0${css}`;
|
|
19
|
-
return `${kind}:${hashString(content)}:${content.length.toString(36)}`;
|
|
20
|
-
}
|
|
21
5
|
var ServerStyleCollector = class {
|
|
22
6
|
chunks = /* @__PURE__ */ new Map();
|
|
23
7
|
cacheKeyToClassName = /* @__PURE__ */ new Map();
|
|
@@ -40,29 +24,13 @@ var ServerStyleCollector = class {
|
|
|
40
24
|
counterStyleCounter = 0;
|
|
41
25
|
internalsCollected = false;
|
|
42
26
|
namePrefix;
|
|
43
|
-
/**
|
|
44
|
-
* @param namePrefix - Optional override for the configured prefix.
|
|
45
|
-
* Defaults to the value from `configure({ namePrefix })` (or `'t'`).
|
|
46
|
-
* Pass an explicit prefix when constructing a collector outside the
|
|
47
|
-
* normal configure() lifecycle (e.g. in tests). Validated eagerly
|
|
48
|
-
* so misconfiguration fails before any CSS is collected.
|
|
49
|
-
*/
|
|
50
27
|
constructor(namePrefix) {
|
|
51
28
|
if (namePrefix !== void 0) validateNamePrefix(namePrefix);
|
|
52
|
-
this.namePrefix = namePrefix ??
|
|
29
|
+
this.namePrefix = namePrefix ?? getRuntimeConfigState()?.namePrefix ?? "t";
|
|
53
30
|
}
|
|
54
31
|
generateClassName(cacheKey) {
|
|
55
32
|
return makeClassName(this.namePrefix, hashString(cacheKey));
|
|
56
33
|
}
|
|
57
|
-
/**
|
|
58
|
-
* Collect internal @property rules and :root token defaults.
|
|
59
|
-
* Mirrors markStylesGenerated() from the client-side injector.
|
|
60
|
-
* Called automatically on first chunk collection; idempotent.
|
|
61
|
-
*
|
|
62
|
-
* Internals are always emitted here — the RSC path deliberately
|
|
63
|
-
* defers to SSR so that tokens appear exactly once per page in
|
|
64
|
-
* <style data-tasty-ssr> (avoiding duplication of large token sets).
|
|
65
|
-
*/
|
|
66
34
|
collectInternals() {
|
|
67
35
|
if (this.internalsCollected) return;
|
|
68
36
|
this.internalsCollected = true;
|
|
@@ -100,18 +68,16 @@ var ServerStyleCollector = class {
|
|
|
100
68
|
const globalStyles = getGlobalStyles();
|
|
101
69
|
if (globalStyles) {
|
|
102
70
|
for (const [selector, styles] of Object.entries(globalStyles)) if (Object.keys(styles).length > 0) {
|
|
103
|
-
const
|
|
104
|
-
if (
|
|
71
|
+
const rendered = renderStyles(styles, selector);
|
|
72
|
+
if (rendered.length > 0) {
|
|
73
|
+
const { rules, keyframes } = resolveSelectorKeyframes(styles, rendered, getGlobalKeyframes());
|
|
74
|
+
for (const [name, steps] of keyframes ?? []) this.collectKeyframes(name, formatKeyframesCSS(name, steps));
|
|
105
75
|
const css = formatGlobalRules(rules);
|
|
106
76
|
if (css) this.collectGlobalStyles(`__global:styles:${selector}`, css);
|
|
107
77
|
}
|
|
108
78
|
}
|
|
109
79
|
}
|
|
110
80
|
}
|
|
111
|
-
/**
|
|
112
|
-
* Allocate a className for a cache key, server-side.
|
|
113
|
-
* Mirrors StyleInjector.allocateClassName but without DOM access.
|
|
114
|
-
*/
|
|
115
81
|
allocateClassName(cacheKey) {
|
|
116
82
|
const existing = this.cacheKeyToClassName.get(cacheKey);
|
|
117
83
|
if (existing) return {
|
|
@@ -125,44 +91,23 @@ var ServerStyleCollector = class {
|
|
|
125
91
|
isNewAllocation: true
|
|
126
92
|
};
|
|
127
93
|
}
|
|
128
|
-
/**
|
|
129
|
-
* Record CSS rules for a chunk.
|
|
130
|
-
* Called by useStyles during server render.
|
|
131
|
-
*/
|
|
132
94
|
collectChunk(cacheKey, className, rules) {
|
|
133
95
|
if (this.chunks.has(cacheKey)) return;
|
|
134
96
|
const css = formatRules(rules, className);
|
|
135
97
|
if (css) this.chunks.set(cacheKey, css);
|
|
136
98
|
}
|
|
137
|
-
/**
|
|
138
|
-
* Record a @property rule. Deduplicated by name.
|
|
139
|
-
*/
|
|
140
99
|
collectProperty(name, css) {
|
|
141
100
|
if (!this.propertyRules.has(name)) this.propertyRules.set(name, css);
|
|
142
101
|
}
|
|
143
|
-
/**
|
|
144
|
-
* Record a @keyframes rule. Deduplicated by name.
|
|
145
|
-
*/
|
|
146
102
|
collectKeyframes(name, css) {
|
|
147
103
|
if (!this.keyframeRules.has(name)) this.keyframeRules.set(name, css);
|
|
148
104
|
}
|
|
149
|
-
/**
|
|
150
|
-
* Allocate a keyframe name for SSR. Uses provided name or generates one.
|
|
151
|
-
*/
|
|
152
105
|
allocateKeyframeName(providedName) {
|
|
153
106
|
return providedName ?? makeKeyframeName(this.namePrefix, String(this.keyframesCounter++));
|
|
154
107
|
}
|
|
155
|
-
/**
|
|
156
|
-
* Record a @font-face rule. Deduplicated by key (content hash).
|
|
157
|
-
*/
|
|
158
108
|
collectFontFace(key, css) {
|
|
159
109
|
if (!this.fontFaceRules.has(key)) this.fontFaceRules.set(key, css);
|
|
160
110
|
}
|
|
161
|
-
/**
|
|
162
|
-
* Record a @counter-style rule. Deduplicated by name and overrides an
|
|
163
|
-
* existing rule by default. Pass `weak: true` for global `configure()`
|
|
164
|
-
* definitions, which never clobber an existing rule.
|
|
165
|
-
*/
|
|
166
111
|
collectCounterStyle(name, css, options) {
|
|
167
112
|
const existing = this.counterStyleRules.get(name);
|
|
168
113
|
if (existing === void 0) {
|
|
@@ -173,11 +118,6 @@ var ServerStyleCollector = class {
|
|
|
173
118
|
this.counterStyleRules.set(name, css);
|
|
174
119
|
this.flushedCounterStyleKeys.delete(name);
|
|
175
120
|
}
|
|
176
|
-
/**
|
|
177
|
-
* Record a @function rule. Deduplicated by CSS function name and overrides an
|
|
178
|
-
* existing rule by default. Pass `weak: true` for global `configure()`
|
|
179
|
-
* definitions, which never clobber an existing rule.
|
|
180
|
-
*/
|
|
181
121
|
collectFunction(name, css, options) {
|
|
182
122
|
const existing = this.functionRules.get(name);
|
|
183
123
|
if (existing === void 0) {
|
|
@@ -188,47 +128,19 @@ var ServerStyleCollector = class {
|
|
|
188
128
|
this.functionRules.set(name, css);
|
|
189
129
|
this.flushedFunctionKeys.delete(name);
|
|
190
130
|
}
|
|
191
|
-
/**
|
|
192
|
-
* Allocate a counter-style name for SSR. Uses provided name or generates one.
|
|
193
|
-
*/
|
|
194
131
|
allocateCounterStyleName(providedName) {
|
|
195
132
|
return providedName ?? makeCounterStyleName(this.namePrefix, String(this.counterStyleCounter++));
|
|
196
133
|
}
|
|
197
|
-
/**
|
|
198
|
-
* Record global styles (from useGlobalStyles). Deduplicated by key.
|
|
199
|
-
*
|
|
200
|
-
* Pass `replace` for slot-keyed entries (an explicit `id`), where the last
|
|
201
|
-
* write must win to match the client's update-tracking behavior.
|
|
202
|
-
*/
|
|
203
134
|
collectGlobalStyles(key, css, replace) {
|
|
204
135
|
if (replace || !this.globalStyles.has(key)) this.globalStyles.set(key, css);
|
|
205
136
|
}
|
|
206
|
-
/**
|
|
207
|
-
* Record raw CSS text (from useRawCSS). Deduplicated by key.
|
|
208
|
-
*
|
|
209
|
-
* Pass `replace` for slot-keyed entries (an explicit `id`), where the last
|
|
210
|
-
* write must win to match the client's update-tracking behavior.
|
|
211
|
-
*/
|
|
212
137
|
collectRawCSS(key, css, replace) {
|
|
213
138
|
if (replace || !this.rawCSS.has(key)) this.rawCSS.set(key, css);
|
|
214
139
|
}
|
|
215
|
-
/**
|
|
216
|
-
* Return the collected CSS as structured, ordered artifacts.
|
|
217
|
-
*
|
|
218
|
-
* Artifact boundaries are part of the collector output so build tools never
|
|
219
|
-
* need to split or parse CSS text. IDs include the logical collection key
|
|
220
|
-
* and content, making them stable across equivalent page renders while a CSS
|
|
221
|
-
* change always produces a different ID.
|
|
222
|
-
*/
|
|
223
140
|
getArtifacts() {
|
|
224
141
|
const artifacts = [];
|
|
225
142
|
const append = (kind, entries) => {
|
|
226
|
-
for (const [key, css] of entries) artifacts.push(
|
|
227
|
-
id: artifactId(kind, key, css),
|
|
228
|
-
kind,
|
|
229
|
-
css,
|
|
230
|
-
order: artifacts.length
|
|
231
|
-
});
|
|
143
|
+
for (const [key, css] of entries) artifacts.push(createServerStyleArtifact(kind, key, css, artifacts.length));
|
|
232
144
|
};
|
|
233
145
|
append("property", this.propertyRules);
|
|
234
146
|
append("font-face", this.fontFaceRules);
|
|
@@ -240,18 +152,9 @@ var ServerStyleCollector = class {
|
|
|
240
152
|
append("keyframes", this.keyframeRules);
|
|
241
153
|
return artifacts;
|
|
242
154
|
}
|
|
243
|
-
/**
|
|
244
|
-
* Extract all CSS collected so far as a single string.
|
|
245
|
-
* Includes @property and @keyframes rules.
|
|
246
|
-
* Used for non-streaming SSR (renderToString).
|
|
247
|
-
*/
|
|
248
155
|
getCSS() {
|
|
249
156
|
return this.getArtifacts().map(({ css }) => css).join("\n");
|
|
250
157
|
}
|
|
251
|
-
/**
|
|
252
|
-
* Flush only newly collected CSS since the last flush.
|
|
253
|
-
* Used for streaming SSR (renderToPipeableStream + useServerInsertedHTML).
|
|
254
|
-
*/
|
|
255
158
|
flushCSS() {
|
|
256
159
|
const parts = [];
|
|
257
160
|
for (const [name, css] of this.propertyRules) if (!this.flushedPropertyKeys.has(name)) {
|
|
@@ -289,10 +192,6 @@ var ServerStyleCollector = class {
|
|
|
289
192
|
return parts.join("\n");
|
|
290
193
|
}
|
|
291
194
|
flushedClassNames = /* @__PURE__ */ new Set();
|
|
292
|
-
/**
|
|
293
|
-
* Return class names rendered since the last call (for streaming).
|
|
294
|
-
* Used to emit lightweight class-list scripts for client hydration.
|
|
295
|
-
*/
|
|
296
195
|
getRenderedClassNames() {
|
|
297
196
|
const names = [];
|
|
298
197
|
for (const className of this.cacheKeyToClassName.values()) if (!this.flushedClassNames.has(className)) {
|
|
@@ -302,26 +201,10 @@ var ServerStyleCollector = class {
|
|
|
302
201
|
return names;
|
|
303
202
|
}
|
|
304
203
|
};
|
|
305
|
-
/**
|
|
306
|
-
* Factory for creating a {@link ServerStyleCollector} instance.
|
|
307
|
-
*
|
|
308
|
-
* Canonical functional entry point; the `ServerStyleCollector` class remains
|
|
309
|
-
* exported for advanced/internal use.
|
|
310
|
-
*
|
|
311
|
-
* @param namePrefix - Optional override for the configured class-name prefix.
|
|
312
|
-
* Defaults to the value from `configure({ namePrefix })` (or `'t'`).
|
|
313
|
-
*
|
|
314
|
-
* @example
|
|
315
|
-
* ```ts
|
|
316
|
-
* import { createServerStyleCollector } from '@tenphi/tasty/ssr';
|
|
317
|
-
*
|
|
318
|
-
* const collector = createServerStyleCollector();
|
|
319
|
-
* ```
|
|
320
|
-
*/
|
|
321
204
|
function createServerStyleCollector(namePrefix) {
|
|
322
205
|
return new ServerStyleCollector(namePrefix);
|
|
323
206
|
}
|
|
324
207
|
//#endregion
|
|
325
208
|
export { createServerStyleCollector as n, ServerStyleCollector as t };
|
|
326
209
|
|
|
327
|
-
//# sourceMappingURL=collector-
|
|
210
|
+
//# sourceMappingURL=collector-8P-AICif.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collector-8P-AICif.js","names":[],"sources":["../../src/ssr/collector.ts"],"sourcesContent":["/**\n * ServerStyleCollector — server-safe style collector for SSR.\n *\n * Accumulates CSS rules and cache metadata during server rendering.\n * This is the server-side counterpart to StyleInjector: it allocates\n * hash-based class names using the configured `namePrefix` (defaults\n * to `'t'`), formats CSS rules into text, and tracks rendered class\n * names for lightweight client transfer.\n *\n * One instance is created per HTTP request. Concurrent requests\n * each get their own collector (via AsyncLocalStorage or React context).\n */\n\nimport {\n getEffectiveProperties,\n getGlobalConfigTokens,\n getGlobalCounterStyles,\n getGlobalFontFaces,\n getGlobalFunctions,\n getGlobalKeyframes,\n getGlobalStyles,\n getRuntimeConfigState,\n} from '../config-resources';\nimport { formatCounterStyleRule } from '../counter-style';\nimport { fontFaceContentHash, formatFontFaceRule } from '../font-face';\nimport { formatFunctionRule, parseFunctionName } from '../functions';\nimport { resolveSelectorKeyframes } from '../keyframes';\nimport { renderStyles } from '../pipeline';\nimport type { StyleResult } from '../pipeline';\nimport { hashString } from '../utils/hash';\nimport {\n DEFAULT_NAME_PREFIX,\n makeClassName,\n makeCounterStyleName,\n makeKeyframeName,\n validateNamePrefix,\n} from '../utils/name-prefix';\nimport { createServerStyleArtifact } from './artifacts';\nimport type { ServerStyleArtifact, ServerStyleArtifactKind } from './artifacts';\nimport { formatPropertyCSS } from './format-property';\nimport { formatGlobalRules } from './format-global-rules';\nimport { formatKeyframesCSS } from './format-keyframes';\nimport { formatRules } from './format-rules';\n\nexport type { ServerStyleArtifact, ServerStyleArtifactKind } from './artifacts';\n\nexport class ServerStyleCollector {\n private chunks = new Map<string, string>();\n private cacheKeyToClassName = new Map<string, string>();\n private flushedKeys = new Set<string>();\n private propertyRules = new Map<string, string>();\n private flushedPropertyKeys = new Set<string>();\n private keyframeRules = new Map<string, string>();\n private flushedKeyframeKeys = new Set<string>();\n private globalStyles = new Map<string, string>();\n private flushedGlobalKeys = new Set<string>();\n private rawCSS = new Map<string, string>();\n private flushedRawKeys = new Set<string>();\n private fontFaceRules = new Map<string, string>();\n private flushedFontFaceKeys = new Set<string>();\n private counterStyleRules = new Map<string, string>();\n private flushedCounterStyleKeys = new Set<string>();\n private functionRules = new Map<string, string>();\n private flushedFunctionKeys = new Set<string>();\n private keyframesCounter = 0;\n private counterStyleCounter = 0;\n private internalsCollected = false;\n private namePrefix: string;\n\n /**\n * @param namePrefix - Optional override for the configured prefix.\n * Defaults to the value from `configure({ namePrefix })` (or `'t'`).\n * Pass an explicit prefix when constructing a collector outside the\n * normal configure() lifecycle (e.g. in tests). Validated eagerly\n * so misconfiguration fails before any CSS is collected.\n */\n constructor(namePrefix?: string) {\n if (namePrefix !== undefined) {\n validateNamePrefix(namePrefix);\n }\n this.namePrefix =\n namePrefix ?? getRuntimeConfigState()?.namePrefix ?? DEFAULT_NAME_PREFIX;\n }\n\n private generateClassName(cacheKey: string): string {\n return makeClassName(this.namePrefix, hashString(cacheKey));\n }\n\n /**\n * Collect internal @property rules and :root token defaults.\n * Mirrors markStylesGenerated() from the client-side injector.\n * Called automatically on first chunk collection; idempotent.\n *\n * Internals are always emitted here — the RSC path deliberately\n * defers to SSR so that tokens appear exactly once per page in\n * <style data-tasty-ssr> (avoiding duplication of large token sets).\n */\n collectInternals(): void {\n if (this.internalsCollected) return;\n this.internalsCollected = true;\n\n for (const [token, definition] of Object.entries(\n getEffectiveProperties(),\n )) {\n const css = formatPropertyCSS(token, definition);\n if (css) {\n this.collectProperty(`__prop:${token}`, css);\n }\n }\n\n const tokenStyles = getGlobalConfigTokens();\n if (tokenStyles && Object.keys(tokenStyles).length > 0) {\n const tokenRules = renderStyles(tokenStyles, ':root') as StyleResult[];\n if (tokenRules.length > 0) {\n const css = formatGlobalRules(tokenRules);\n if (css) {\n this.collectGlobalStyles('__global:tokens', css);\n }\n }\n }\n\n const globalFF = getGlobalFontFaces();\n if (globalFF) {\n for (const [family, input] of Object.entries(globalFF)) {\n const descriptors = Array.isArray(input) ? input : [input];\n for (const desc of descriptors) {\n const hash = fontFaceContentHash(family, desc);\n const css = formatFontFaceRule(family, desc);\n this.collectFontFace(hash, css);\n }\n }\n }\n\n const globalCS = getGlobalCounterStyles();\n if (globalCS) {\n for (const [name, descriptors] of Object.entries(globalCS)) {\n const css = formatCounterStyleRule(name, descriptors);\n this.collectCounterStyle(name, css, { weak: true });\n }\n }\n\n const globalFn = getGlobalFunctions();\n if (globalFn) {\n for (const [name, definition] of Object.entries(globalFn)) {\n const css = formatFunctionRule(name, definition);\n this.collectFunction(parseFunctionName(name), css, { weak: true });\n }\n }\n\n const globalStyles = getGlobalStyles();\n if (globalStyles) {\n for (const [selector, styles] of Object.entries(globalStyles)) {\n if (Object.keys(styles).length > 0) {\n const rendered = renderStyles(styles, selector) as StyleResult[];\n if (rendered.length > 0) {\n const { rules, keyframes } = resolveSelectorKeyframes(\n styles,\n rendered,\n getGlobalKeyframes(),\n );\n for (const [name, steps] of keyframes ?? []) {\n this.collectKeyframes(name, formatKeyframesCSS(name, steps));\n }\n const css = formatGlobalRules(rules);\n if (css) {\n this.collectGlobalStyles(`__global:styles:${selector}`, css);\n }\n }\n }\n }\n }\n }\n\n /**\n * Allocate a className for a cache key, server-side.\n * Mirrors StyleInjector.allocateClassName but without DOM access.\n */\n allocateClassName(cacheKey: string): {\n className: string;\n isNewAllocation: boolean;\n } {\n const existing = this.cacheKeyToClassName.get(cacheKey);\n if (existing) {\n return { className: existing, isNewAllocation: false };\n }\n\n const className = this.generateClassName(cacheKey);\n this.cacheKeyToClassName.set(cacheKey, className);\n\n return { className, isNewAllocation: true };\n }\n\n /**\n * Record CSS rules for a chunk.\n * Called by useStyles during server render.\n */\n collectChunk(\n cacheKey: string,\n className: string,\n rules: StyleResult[],\n ): void {\n if (this.chunks.has(cacheKey)) return;\n const css = formatRules(rules, className);\n if (css) {\n this.chunks.set(cacheKey, css);\n }\n }\n\n /**\n * Record a @property rule. Deduplicated by name.\n */\n collectProperty(name: string, css: string): void {\n if (!this.propertyRules.has(name)) {\n this.propertyRules.set(name, css);\n }\n }\n\n /**\n * Record a @keyframes rule. Deduplicated by name.\n */\n collectKeyframes(name: string, css: string): void {\n if (!this.keyframeRules.has(name)) {\n this.keyframeRules.set(name, css);\n }\n }\n\n /**\n * Allocate a keyframe name for SSR. Uses provided name or generates one.\n */\n allocateKeyframeName(providedName?: string): string {\n return (\n providedName ??\n makeKeyframeName(this.namePrefix, String(this.keyframesCounter++))\n );\n }\n\n /**\n * Record a @font-face rule. Deduplicated by key (content hash).\n */\n collectFontFace(key: string, css: string): void {\n if (!this.fontFaceRules.has(key)) {\n this.fontFaceRules.set(key, css);\n }\n }\n\n /**\n * Record a @counter-style rule. Deduplicated by name and overrides an\n * existing rule by default. Pass `weak: true` for global `configure()`\n * definitions, which never clobber an existing rule.\n */\n collectCounterStyle(\n name: string,\n css: string,\n options?: { weak?: boolean },\n ): void {\n const existing = this.counterStyleRules.get(name);\n if (existing === undefined) {\n this.counterStyleRules.set(name, css);\n return;\n }\n if (options?.weak || existing === css) return;\n this.counterStyleRules.set(name, css);\n // If a rule with this name was already flushed (streaming), allow the\n // overriding rule to be flushed again so it wins by source order.\n this.flushedCounterStyleKeys.delete(name);\n }\n\n /**\n * Record a @function rule. Deduplicated by CSS function name and overrides an\n * existing rule by default. Pass `weak: true` for global `configure()`\n * definitions, which never clobber an existing rule.\n */\n collectFunction(\n name: string,\n css: string,\n options?: { weak?: boolean },\n ): void {\n const existing = this.functionRules.get(name);\n if (existing === undefined) {\n this.functionRules.set(name, css);\n return;\n }\n if (options?.weak || existing === css) return;\n this.functionRules.set(name, css);\n // If a rule with this name was already flushed (streaming), allow the\n // overriding rule to be flushed again so it wins by source order.\n this.flushedFunctionKeys.delete(name);\n }\n\n /**\n * Allocate a counter-style name for SSR. Uses provided name or generates one.\n */\n allocateCounterStyleName(providedName?: string): string {\n return (\n providedName ??\n makeCounterStyleName(this.namePrefix, String(this.counterStyleCounter++))\n );\n }\n\n /**\n * Record global styles (from useGlobalStyles). Deduplicated by key.\n *\n * Pass `replace` for slot-keyed entries (an explicit `id`), where the last\n * write must win to match the client's update-tracking behavior.\n */\n collectGlobalStyles(key: string, css: string, replace?: boolean): void {\n if (replace || !this.globalStyles.has(key)) {\n this.globalStyles.set(key, css);\n }\n }\n\n /**\n * Record raw CSS text (from useRawCSS). Deduplicated by key.\n *\n * Pass `replace` for slot-keyed entries (an explicit `id`), where the last\n * write must win to match the client's update-tracking behavior.\n */\n collectRawCSS(key: string, css: string, replace?: boolean): void {\n if (replace || !this.rawCSS.has(key)) {\n this.rawCSS.set(key, css);\n }\n }\n\n /**\n * Return the collected CSS as structured, ordered artifacts.\n *\n * Artifact boundaries are part of the collector output so build tools never\n * need to split or parse CSS text. IDs include the logical collection key\n * and content, making them stable across equivalent page renders while a CSS\n * change always produces a different ID.\n */\n getArtifacts(): ServerStyleArtifact[] {\n const artifacts: ServerStyleArtifact[] = [];\n\n const append = (\n kind: ServerStyleArtifactKind,\n entries: Iterable<[string, string]>,\n ) => {\n for (const [key, css] of entries) {\n artifacts.push(\n createServerStyleArtifact(kind, key, css, artifacts.length),\n );\n }\n };\n\n append('property', this.propertyRules);\n append('font-face', this.fontFaceRules);\n append('counter-style', this.counterStyleRules);\n append('function', this.functionRules);\n append('raw', this.rawCSS);\n append('global', this.globalStyles);\n append('chunk', this.chunks);\n append('keyframes', this.keyframeRules);\n\n return artifacts;\n }\n\n /**\n * Extract all CSS collected so far as a single string.\n * Includes @property and @keyframes rules.\n * Used for non-streaming SSR (renderToString).\n */\n getCSS(): string {\n return this.getArtifacts()\n .map(({ css }) => css)\n .join('\\n');\n }\n\n /**\n * Flush only newly collected CSS since the last flush.\n * Used for streaming SSR (renderToPipeableStream + useServerInsertedHTML).\n */\n flushCSS(): string {\n const parts: string[] = [];\n\n for (const [name, css] of this.propertyRules) {\n if (!this.flushedPropertyKeys.has(name)) {\n parts.push(css);\n this.flushedPropertyKeys.add(name);\n }\n }\n\n for (const [key, css] of this.fontFaceRules) {\n if (!this.flushedFontFaceKeys.has(key)) {\n parts.push(css);\n this.flushedFontFaceKeys.add(key);\n }\n }\n\n for (const [key, css] of this.counterStyleRules) {\n if (!this.flushedCounterStyleKeys.has(key)) {\n parts.push(css);\n this.flushedCounterStyleKeys.add(key);\n }\n }\n\n for (const [key, css] of this.functionRules) {\n if (!this.flushedFunctionKeys.has(key)) {\n parts.push(css);\n this.flushedFunctionKeys.add(key);\n }\n }\n\n for (const [key, css] of this.rawCSS) {\n if (!this.flushedRawKeys.has(key)) {\n parts.push(css);\n this.flushedRawKeys.add(key);\n }\n }\n\n for (const [key, css] of this.globalStyles) {\n if (!this.flushedGlobalKeys.has(key)) {\n parts.push(css);\n this.flushedGlobalKeys.add(key);\n }\n }\n\n for (const [key, css] of this.chunks) {\n if (!this.flushedKeys.has(key)) {\n parts.push(css);\n this.flushedKeys.add(key);\n }\n }\n\n for (const [name, css] of this.keyframeRules) {\n if (!this.flushedKeyframeKeys.has(name)) {\n parts.push(css);\n this.flushedKeyframeKeys.add(name);\n }\n }\n\n return parts.join('\\n');\n }\n\n private flushedClassNames = new Set<string>();\n\n /**\n * Return class names rendered since the last call (for streaming).\n * Used to emit lightweight class-list scripts for client hydration.\n */\n getRenderedClassNames(): string[] {\n const names: string[] = [];\n for (const className of this.cacheKeyToClassName.values()) {\n if (!this.flushedClassNames.has(className)) {\n this.flushedClassNames.add(className);\n names.push(className);\n }\n }\n return names;\n }\n}\n\n/**\n * Factory for creating a {@link ServerStyleCollector} instance.\n *\n * Canonical functional entry point; the `ServerStyleCollector` class remains\n * exported for advanced/internal use.\n *\n * @param namePrefix - Optional override for the configured class-name prefix.\n * Defaults to the value from `configure({ namePrefix })` (or `'t'`).\n *\n * @example\n * ```ts\n * import { createServerStyleCollector } from '@tenphi/tasty/ssr';\n *\n * const collector = createServerStyleCollector();\n * ```\n */\nexport function createServerStyleCollector(\n namePrefix?: string,\n): ServerStyleCollector {\n return new ServerStyleCollector(namePrefix);\n}\n"],"mappings":"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"}
|