@tenphi/tasty 0.0.0-snapshot.e0ab79f → 0.0.0-snapshot.e244fdb
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/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-CHbgq-OD.js → build-config-CUQVwdWF.js} +6 -9
- package/dist/chunks/{build-config-CHbgq-OD.js.map → build-config-CUQVwdWF.js.map} +1 -1
- package/dist/chunks/{collector-Btf9M9rq.js → collector-B0LTHw6Z.js} +4 -114
- package/dist/chunks/{collector-Btf9M9rq.js.map → collector-B0LTHw6Z.js.map} +1 -1
- package/dist/chunks/{config-engine-cMiZA2vw.js → config-engine-C3pF9EK9.js} +5 -69
- package/dist/chunks/{config-engine-cMiZA2vw.js.map → config-engine-C3pF9EK9.js.map} +1 -1
- package/dist/chunks/{css-definitions-BVqMShWj.js → css-definitions-D_it4XZH.js} +3 -357
- package/dist/chunks/{css-definitions-BVqMShWj.js.map → css-definitions-D_it4XZH.js.map} +1 -1
- package/dist/chunks/{css-resources-Cyl_axbI.js → css-resources-BN8apgxt.js} +1 -8
- package/dist/chunks/{css-resources-Cyl_axbI.js.map → css-resources-BN8apgxt.js.map} +1 -1
- package/dist/chunks/{debug-DnaTBzU3.js → debug-C9LeNVoJ.js} +15 -88
- package/dist/chunks/debug-C9LeNVoJ.js.map +1 -0
- package/dist/chunks/{dsl-BKD63jU2.js → dsl-C5yuAn41.js} +6 -521
- package/dist/chunks/dsl-C5yuAn41.js.map +1 -0
- package/dist/chunks/{hydration-CLdVKcH2.js → hydration-TRcz5vnk.js} +1 -19
- package/dist/chunks/{hydration-CLdVKcH2.js.map → hydration-TRcz5vnk.js.map} +1 -1
- package/dist/chunks/{react-runtime-BCz28xez.js → react-runtime-O-OUrKLH.js} +32 -357
- package/dist/chunks/react-runtime-O-OUrKLH.js.map +1 -0
- package/dist/chunks/{runtime-engine-BSFA9uar.js → runtime-engine-DvnE2g-E.js} +22 -1037
- package/dist/chunks/runtime-engine-DvnE2g-E.js.map +1 -0
- package/dist/chunks/{runtime-state-B-uNyyE-.js → runtime-state-BTDqSYBk.js} +2 -13
- package/dist/chunks/{runtime-state-B-uNyyE-.js.map → runtime-state-BTDqSYBk.js.map} +1 -1
- package/dist/chunks/{shared-utils-OIg0N_dp.js → shared-utils-DWA4LjIa.js} +24 -62
- package/dist/chunks/shared-utils-DWA4LjIa.js.map +1 -0
- package/dist/chunks/{style-engine-BhWbRlph.js → style-engine-C1ECBZxR.js} +208 -1979
- package/dist/chunks/style-engine-C1ECBZxR.js.map +1 -0
- package/dist/chunks/{zero-engine-CF6aemLs.js → zero-engine-B6EnYcXY.js} +3 -120
- package/dist/chunks/{zero-engine-CF6aemLs.js.map → zero-engine-B6EnYcXY.js.map} +1 -1
- package/dist/core/index.d.ts +2 -2
- package/dist/core/index.js +9 -9
- package/dist/{index-CYLgmbWy.d.ts → index-D9N9GV24.d.ts} +3 -27
- package/dist/index.d.ts +2 -2
- package/dist/index.js +10 -10
- package/dist/ssr/astro-client.js +1 -14
- package/dist/ssr/astro-client.js.map +1 -1
- package/dist/ssr/astro-middleware-static.js +0 -11
- package/dist/ssr/astro-middleware-static.js.map +1 -1
- package/dist/ssr/astro-middleware.js +0 -12
- package/dist/ssr/astro-middleware.js.map +1 -1
- package/dist/ssr/astro.js +4 -84
- package/dist/ssr/astro.js.map +1 -1
- package/dist/ssr/index.js +4 -4
- package/dist/ssr/next-config.js +4 -15
- package/dist/ssr/next-config.js.map +1 -1
- package/dist/ssr/next.js +4 -35
- package/dist/ssr/next.js.map +1 -1
- package/dist/static/index.js +1 -19
- package/dist/static/index.js.map +1 -1
- package/dist/zero/babel.js +5 -77
- package/dist/zero/babel.js.map +1 -1
- package/dist/zero/index.js +1 -1
- package/dist/zero/next.js +0 -31
- package/dist/zero/next.js.map +1 -1
- package/docs/pipeline.md +3 -0
- package/docs/runtime-benchmarks.md +91 -62
- package/package.json +9 -9
- package/dist/chunks/async-storage-DKK-wTD4.js +0 -44
- package/dist/chunks/debug-DnaTBzU3.js.map +0 -1
- package/dist/chunks/dsl-BKD63jU2.js.map +0 -1
- package/dist/chunks/react-runtime-BCz28xez.js.map +0 -1
- package/dist/chunks/runtime-engine-BSFA9uar.js.map +0 -1
- package/dist/chunks/shared-utils-OIg0N_dp.js.map +0 -1
- package/dist/chunks/style-engine-BhWbRlph.js.map +0 -1
|
@@ -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"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { o as isDevEnv, r as resetStyleWarnings } from "./shared-utils-
|
|
3
|
-
import { A as validateNamePrefix, K as resetFunctionPolyfills } from "./css-definitions-
|
|
4
|
-
import { D as resetHandlers, G as resetGlobalPolyfillsState, K as resetStylesGeneratedState, R as resetStyleChunks, U as isFunctionsPolyfillEnabled, y as clearPipelineCache } from "./style-engine-
|
|
5
|
-
import { n as applyStyleConfig, r as normalizeConfig } from "./config-engine-
|
|
1
|
+
import { m as resetGlobalPredefinedTokens, p as resetGlobalParseFunctions } from "./dsl-C5yuAn41.js";
|
|
2
|
+
import { o as isDevEnv, r as resetStyleWarnings } from "./shared-utils-DWA4LjIa.js";
|
|
3
|
+
import { A as validateNamePrefix, K as resetFunctionPolyfills } from "./css-definitions-D_it4XZH.js";
|
|
4
|
+
import { D as resetHandlers, G as resetGlobalPolyfillsState, K as resetStylesGeneratedState, R as resetStyleChunks, U as isFunctionsPolyfillEnabled, y as clearPipelineCache } from "./style-engine-C1ECBZxR.js";
|
|
5
|
+
import { n as applyStyleConfig, r as normalizeConfig } from "./config-engine-C3pF9EK9.js";
|
|
6
6
|
//#region src/zero/config.ts
|
|
7
|
-
/** Build-time configuration without the browser injector/runtime registries. */
|
|
8
7
|
const emittedWarnings = /* @__PURE__ */ new Set();
|
|
9
8
|
const devMode = isDevEnv();
|
|
10
9
|
function warnOnce(key, message) {
|
|
@@ -13,7 +12,6 @@ function warnOnce(key, message) {
|
|
|
13
12
|
console.warn(message);
|
|
14
13
|
}
|
|
15
14
|
}
|
|
16
|
-
/** Resolve and apply the style-engine subset used during static extraction. */
|
|
17
15
|
function configureZero(config) {
|
|
18
16
|
if (config.namePrefix !== void 0) validateNamePrefix(config.namePrefix);
|
|
19
17
|
const normalized = normalizeConfig(config);
|
|
@@ -23,7 +21,6 @@ function configureZero(config) {
|
|
|
23
21
|
functions: applyStyleConfig(config, normalized, warnOnce)
|
|
24
22
|
};
|
|
25
23
|
}
|
|
26
|
-
/** Reset only state that the build-time configuration path can mutate. */
|
|
27
24
|
function resetZeroConfig() {
|
|
28
25
|
resetStylesGeneratedState();
|
|
29
26
|
resetGlobalPolyfillsState();
|
|
@@ -42,4 +39,4 @@ function functionsForExtraction(config) {
|
|
|
42
39
|
//#endregion
|
|
43
40
|
export { functionsForExtraction as n, resetZeroConfig as r, configureZero as t };
|
|
44
41
|
|
|
45
|
-
//# sourceMappingURL=build-config-
|
|
42
|
+
//# sourceMappingURL=build-config-CUQVwdWF.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"build-config-
|
|
1
|
+
{"version":3,"file":"build-config-CUQVwdWF.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 { resetHandlers } from '../styles/predefined';\nimport { isDevEnv } from '../utils/is-dev-env';\nimport { validateNamePrefix } from '../utils/name-prefix';\nimport {\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\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 return { source: config, normalized, functions };\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 resetFunctionPolyfills();\n resetHandlers();\n resetStyleChunks();\n clearPipelineCache();\n emittedWarnings.clear();\n resetStyleWarnings();\n}\n\nexport function functionsForExtraction(\n config: ResolvedZeroConfig,\n): Record<string, FunctionDefinition> | undefined {\n return isFunctionsPolyfillEnabled() ? undefined : config.functions;\n}\n"],"mappings":";;;;;;AAiCA,MAAM,kCAAkB,IAAI,IAAY;AACxC,MAAM,UAAU,SAAS;AAEzB,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,OAAO;EAAE,QAAQ;EAAQ;EAAY,WAFnB,iBAAiB,QAAQ,YAAY,QAEV;CAAE;AACjD;AAGA,SAAgB,kBAAwB;CACtC,0BAA0B;CAC1B,0BAA0B;CAC1B,4BAA4B;CAC5B,0BAA0B;CAC1B,uBAAuB;CACvB,cAAc;CACd,iBAAiB;CACjB,mBAAmB;CACnB,gBAAgB,MAAM;CACtB,mBAAmB;AACrB;AAEA,SAAgB,uBACd,QACgD;CAChD,OAAO,2BAA2B,IAAI,KAAA,IAAY,OAAO;AAC3D"}
|
|
@@ -1,19 +1,7 @@
|
|
|
1
|
-
import { A as validateNamePrefix, D as makeKeyframeName, E as makeCounterStyleName, T as makeClassName, U as parseFunctionName, V as formatFunctionRule, a as formatPropertyCSS, b as formatFontFaceRule, h as formatCounterStyleRule, j as hashString, n as formatGlobalRules, r as formatRules, t as createServerStyleArtifact, v as fontFaceContentHash } from "./css-definitions-
|
|
2
|
-
import { b as renderStyles } from "./style-engine-
|
|
3
|
-
import { a as getGlobalConfigTokens, c as getGlobalFunctions, i as getEffectiveProperties, l as getGlobalStyles, o as getGlobalCounterStyles, s as getGlobalFontFaces, u as getRuntimeConfigState } from "./runtime-state-
|
|
1
|
+
import { A as validateNamePrefix, D as makeKeyframeName, E as makeCounterStyleName, T as makeClassName, U as parseFunctionName, V as formatFunctionRule, a as formatPropertyCSS, b as formatFontFaceRule, h as formatCounterStyleRule, j as hashString, n as formatGlobalRules, r as formatRules, t as createServerStyleArtifact, v as fontFaceContentHash } from "./css-definitions-D_it4XZH.js";
|
|
2
|
+
import { b as renderStyles } from "./style-engine-C1ECBZxR.js";
|
|
3
|
+
import { a as getGlobalConfigTokens, c as getGlobalFunctions, i as getEffectiveProperties, l as getGlobalStyles, o as getGlobalCounterStyles, s as getGlobalFontFaces, u as getRuntimeConfigState } from "./runtime-state-BTDqSYBk.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
5
|
var ServerStyleCollector = class {
|
|
18
6
|
chunks = /* @__PURE__ */ new Map();
|
|
19
7
|
cacheKeyToClassName = /* @__PURE__ */ new Map();
|
|
@@ -36,13 +24,6 @@ var ServerStyleCollector = class {
|
|
|
36
24
|
counterStyleCounter = 0;
|
|
37
25
|
internalsCollected = false;
|
|
38
26
|
namePrefix;
|
|
39
|
-
/**
|
|
40
|
-
* @param namePrefix - Optional override for the configured prefix.
|
|
41
|
-
* Defaults to the value from `configure({ namePrefix })` (or `'t'`).
|
|
42
|
-
* Pass an explicit prefix when constructing a collector outside the
|
|
43
|
-
* normal configure() lifecycle (e.g. in tests). Validated eagerly
|
|
44
|
-
* so misconfiguration fails before any CSS is collected.
|
|
45
|
-
*/
|
|
46
27
|
constructor(namePrefix) {
|
|
47
28
|
if (namePrefix !== void 0) validateNamePrefix(namePrefix);
|
|
48
29
|
this.namePrefix = namePrefix ?? getRuntimeConfigState()?.namePrefix ?? "t";
|
|
@@ -50,15 +31,6 @@ var ServerStyleCollector = class {
|
|
|
50
31
|
generateClassName(cacheKey) {
|
|
51
32
|
return makeClassName(this.namePrefix, hashString(cacheKey));
|
|
52
33
|
}
|
|
53
|
-
/**
|
|
54
|
-
* Collect internal @property rules and :root token defaults.
|
|
55
|
-
* Mirrors markStylesGenerated() from the client-side injector.
|
|
56
|
-
* Called automatically on first chunk collection; idempotent.
|
|
57
|
-
*
|
|
58
|
-
* Internals are always emitted here — the RSC path deliberately
|
|
59
|
-
* defers to SSR so that tokens appear exactly once per page in
|
|
60
|
-
* <style data-tasty-ssr> (avoiding duplication of large token sets).
|
|
61
|
-
*/
|
|
62
34
|
collectInternals() {
|
|
63
35
|
if (this.internalsCollected) return;
|
|
64
36
|
this.internalsCollected = true;
|
|
@@ -104,10 +76,6 @@ var ServerStyleCollector = class {
|
|
|
104
76
|
}
|
|
105
77
|
}
|
|
106
78
|
}
|
|
107
|
-
/**
|
|
108
|
-
* Allocate a className for a cache key, server-side.
|
|
109
|
-
* Mirrors StyleInjector.allocateClassName but without DOM access.
|
|
110
|
-
*/
|
|
111
79
|
allocateClassName(cacheKey) {
|
|
112
80
|
const existing = this.cacheKeyToClassName.get(cacheKey);
|
|
113
81
|
if (existing) return {
|
|
@@ -121,44 +89,23 @@ var ServerStyleCollector = class {
|
|
|
121
89
|
isNewAllocation: true
|
|
122
90
|
};
|
|
123
91
|
}
|
|
124
|
-
/**
|
|
125
|
-
* Record CSS rules for a chunk.
|
|
126
|
-
* Called by useStyles during server render.
|
|
127
|
-
*/
|
|
128
92
|
collectChunk(cacheKey, className, rules) {
|
|
129
93
|
if (this.chunks.has(cacheKey)) return;
|
|
130
94
|
const css = formatRules(rules, className);
|
|
131
95
|
if (css) this.chunks.set(cacheKey, css);
|
|
132
96
|
}
|
|
133
|
-
/**
|
|
134
|
-
* Record a @property rule. Deduplicated by name.
|
|
135
|
-
*/
|
|
136
97
|
collectProperty(name, css) {
|
|
137
98
|
if (!this.propertyRules.has(name)) this.propertyRules.set(name, css);
|
|
138
99
|
}
|
|
139
|
-
/**
|
|
140
|
-
* Record a @keyframes rule. Deduplicated by name.
|
|
141
|
-
*/
|
|
142
100
|
collectKeyframes(name, css) {
|
|
143
101
|
if (!this.keyframeRules.has(name)) this.keyframeRules.set(name, css);
|
|
144
102
|
}
|
|
145
|
-
/**
|
|
146
|
-
* Allocate a keyframe name for SSR. Uses provided name or generates one.
|
|
147
|
-
*/
|
|
148
103
|
allocateKeyframeName(providedName) {
|
|
149
104
|
return providedName ?? makeKeyframeName(this.namePrefix, String(this.keyframesCounter++));
|
|
150
105
|
}
|
|
151
|
-
/**
|
|
152
|
-
* Record a @font-face rule. Deduplicated by key (content hash).
|
|
153
|
-
*/
|
|
154
106
|
collectFontFace(key, css) {
|
|
155
107
|
if (!this.fontFaceRules.has(key)) this.fontFaceRules.set(key, css);
|
|
156
108
|
}
|
|
157
|
-
/**
|
|
158
|
-
* Record a @counter-style rule. Deduplicated by name and overrides an
|
|
159
|
-
* existing rule by default. Pass `weak: true` for global `configure()`
|
|
160
|
-
* definitions, which never clobber an existing rule.
|
|
161
|
-
*/
|
|
162
109
|
collectCounterStyle(name, css, options) {
|
|
163
110
|
const existing = this.counterStyleRules.get(name);
|
|
164
111
|
if (existing === void 0) {
|
|
@@ -169,11 +116,6 @@ var ServerStyleCollector = class {
|
|
|
169
116
|
this.counterStyleRules.set(name, css);
|
|
170
117
|
this.flushedCounterStyleKeys.delete(name);
|
|
171
118
|
}
|
|
172
|
-
/**
|
|
173
|
-
* Record a @function rule. Deduplicated by CSS function name and overrides an
|
|
174
|
-
* existing rule by default. Pass `weak: true` for global `configure()`
|
|
175
|
-
* definitions, which never clobber an existing rule.
|
|
176
|
-
*/
|
|
177
119
|
collectFunction(name, css, options) {
|
|
178
120
|
const existing = this.functionRules.get(name);
|
|
179
121
|
if (existing === void 0) {
|
|
@@ -184,38 +126,15 @@ var ServerStyleCollector = class {
|
|
|
184
126
|
this.functionRules.set(name, css);
|
|
185
127
|
this.flushedFunctionKeys.delete(name);
|
|
186
128
|
}
|
|
187
|
-
/**
|
|
188
|
-
* Allocate a counter-style name for SSR. Uses provided name or generates one.
|
|
189
|
-
*/
|
|
190
129
|
allocateCounterStyleName(providedName) {
|
|
191
130
|
return providedName ?? makeCounterStyleName(this.namePrefix, String(this.counterStyleCounter++));
|
|
192
131
|
}
|
|
193
|
-
/**
|
|
194
|
-
* Record global styles (from useGlobalStyles). Deduplicated by key.
|
|
195
|
-
*
|
|
196
|
-
* Pass `replace` for slot-keyed entries (an explicit `id`), where the last
|
|
197
|
-
* write must win to match the client's update-tracking behavior.
|
|
198
|
-
*/
|
|
199
132
|
collectGlobalStyles(key, css, replace) {
|
|
200
133
|
if (replace || !this.globalStyles.has(key)) this.globalStyles.set(key, css);
|
|
201
134
|
}
|
|
202
|
-
/**
|
|
203
|
-
* Record raw CSS text (from useRawCSS). Deduplicated by key.
|
|
204
|
-
*
|
|
205
|
-
* Pass `replace` for slot-keyed entries (an explicit `id`), where the last
|
|
206
|
-
* write must win to match the client's update-tracking behavior.
|
|
207
|
-
*/
|
|
208
135
|
collectRawCSS(key, css, replace) {
|
|
209
136
|
if (replace || !this.rawCSS.has(key)) this.rawCSS.set(key, css);
|
|
210
137
|
}
|
|
211
|
-
/**
|
|
212
|
-
* Return the collected CSS as structured, ordered artifacts.
|
|
213
|
-
*
|
|
214
|
-
* Artifact boundaries are part of the collector output so build tools never
|
|
215
|
-
* need to split or parse CSS text. IDs include the logical collection key
|
|
216
|
-
* and content, making them stable across equivalent page renders while a CSS
|
|
217
|
-
* change always produces a different ID.
|
|
218
|
-
*/
|
|
219
138
|
getArtifacts() {
|
|
220
139
|
const artifacts = [];
|
|
221
140
|
const append = (kind, entries) => {
|
|
@@ -231,18 +150,9 @@ var ServerStyleCollector = class {
|
|
|
231
150
|
append("keyframes", this.keyframeRules);
|
|
232
151
|
return artifacts;
|
|
233
152
|
}
|
|
234
|
-
/**
|
|
235
|
-
* Extract all CSS collected so far as a single string.
|
|
236
|
-
* Includes @property and @keyframes rules.
|
|
237
|
-
* Used for non-streaming SSR (renderToString).
|
|
238
|
-
*/
|
|
239
153
|
getCSS() {
|
|
240
154
|
return this.getArtifacts().map(({ css }) => css).join("\n");
|
|
241
155
|
}
|
|
242
|
-
/**
|
|
243
|
-
* Flush only newly collected CSS since the last flush.
|
|
244
|
-
* Used for streaming SSR (renderToPipeableStream + useServerInsertedHTML).
|
|
245
|
-
*/
|
|
246
156
|
flushCSS() {
|
|
247
157
|
const parts = [];
|
|
248
158
|
for (const [name, css] of this.propertyRules) if (!this.flushedPropertyKeys.has(name)) {
|
|
@@ -280,10 +190,6 @@ var ServerStyleCollector = class {
|
|
|
280
190
|
return parts.join("\n");
|
|
281
191
|
}
|
|
282
192
|
flushedClassNames = /* @__PURE__ */ new Set();
|
|
283
|
-
/**
|
|
284
|
-
* Return class names rendered since the last call (for streaming).
|
|
285
|
-
* Used to emit lightweight class-list scripts for client hydration.
|
|
286
|
-
*/
|
|
287
193
|
getRenderedClassNames() {
|
|
288
194
|
const names = [];
|
|
289
195
|
for (const className of this.cacheKeyToClassName.values()) if (!this.flushedClassNames.has(className)) {
|
|
@@ -293,26 +199,10 @@ var ServerStyleCollector = class {
|
|
|
293
199
|
return names;
|
|
294
200
|
}
|
|
295
201
|
};
|
|
296
|
-
/**
|
|
297
|
-
* Factory for creating a {@link ServerStyleCollector} instance.
|
|
298
|
-
*
|
|
299
|
-
* Canonical functional entry point; the `ServerStyleCollector` class remains
|
|
300
|
-
* exported for advanced/internal use.
|
|
301
|
-
*
|
|
302
|
-
* @param namePrefix - Optional override for the configured class-name prefix.
|
|
303
|
-
* Defaults to the value from `configure({ namePrefix })` (or `'t'`).
|
|
304
|
-
*
|
|
305
|
-
* @example
|
|
306
|
-
* ```ts
|
|
307
|
-
* import { createServerStyleCollector } from '@tenphi/tasty/ssr';
|
|
308
|
-
*
|
|
309
|
-
* const collector = createServerStyleCollector();
|
|
310
|
-
* ```
|
|
311
|
-
*/
|
|
312
202
|
function createServerStyleCollector(namePrefix) {
|
|
313
203
|
return new ServerStyleCollector(namePrefix);
|
|
314
204
|
}
|
|
315
205
|
//#endregion
|
|
316
206
|
export { createServerStyleCollector as n, ServerStyleCollector as t };
|
|
317
207
|
|
|
318
|
-
//# sourceMappingURL=collector-
|
|
208
|
+
//# sourceMappingURL=collector-B0LTHw6Z.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collector-Btf9M9rq.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 getGlobalStyles,\n getRuntimeConfigState,\n} from '../config-resources';\nimport { formatCounterStyleRule } from '../counter-style';\nimport { fontFaceContentHash, formatFontFaceRule } from '../font-face';\nimport { formatFunctionRule, parseFunctionName } from '../functions';\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 { 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 rules = renderStyles(styles, selector) as StyleResult[];\n if (rules.length > 0) {\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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"}
|
|
1
|
+
{"version":3,"file":"collector-B0LTHw6Z.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 getGlobalStyles,\n getRuntimeConfigState,\n} from '../config-resources';\nimport { formatCounterStyleRule } from '../counter-style';\nimport { fontFaceContentHash, formatFontFaceRule } from '../font-face';\nimport { formatFunctionRule, parseFunctionName } from '../functions';\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 { 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 rules = renderStyles(styles, selector) as StyleResult[];\n if (rules.length > 0) {\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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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { n as isSelector, o as isDevEnv, t as mergeStyles } from "./shared-utils-
|
|
3
|
-
import { W as registerFunctionPolyfill, q as splitFunctions } from "./css-definitions-
|
|
4
|
-
import { E as registerHandler, T as normalizeHandlerDefinition, U as isFunctionsPolyfillEnabled, V as setGlobalPredefinedStates, q as setGlobalPolyfillsState } from "./style-engine-
|
|
1
|
+
import { c as getGlobalParser, g as setGlobalPredefinedTokens, r as CUSTOM_UNITS, s as getGlobalParseFunctions, u as normalizeColorTokenValue } from "./dsl-C5yuAn41.js";
|
|
2
|
+
import { n as isSelector, o as isDevEnv, t as mergeStyles } from "./shared-utils-DWA4LjIa.js";
|
|
3
|
+
import { W as registerFunctionPolyfill, q as splitFunctions } from "./css-definitions-D_it4XZH.js";
|
|
4
|
+
import { E as registerHandler, T as normalizeHandlerDefinition, U as isFunctionsPolyfillEnabled, V as setGlobalPredefinedStates, q as setGlobalPolyfillsState } from "./style-engine-C1ECBZxR.js";
|
|
5
5
|
//#region src/utils/typography.ts
|
|
6
6
|
const RESERVED_PRESET_NAMES = new Set([
|
|
7
7
|
"strong",
|
|
@@ -10,29 +10,6 @@ const RESERVED_PRESET_NAMES = new Set([
|
|
|
10
10
|
"icon",
|
|
11
11
|
"tight"
|
|
12
12
|
]);
|
|
13
|
-
/**
|
|
14
|
-
* Generate typography tokens with $ prefix for CSS custom properties.
|
|
15
|
-
*
|
|
16
|
-
* Each preset generates the following CSS custom properties:
|
|
17
|
-
* - `${name}-font-size`
|
|
18
|
-
* - `${name}-line-height`
|
|
19
|
-
* - `${name}-letter-spacing`
|
|
20
|
-
* - `${name}-font-weight`
|
|
21
|
-
* - `${name}-bold-font-weight` (if defined)
|
|
22
|
-
* - `${name}-icon-size` (if defined)
|
|
23
|
-
* - `${name}-text-transform` (if defined)
|
|
24
|
-
* - `${name}-font-family` (if defined)
|
|
25
|
-
* - `${name}-font-style` (if defined)
|
|
26
|
-
*
|
|
27
|
-
* @param presets - Typography presets object
|
|
28
|
-
* @returns ConfigTokens object with $ prefixed keys
|
|
29
|
-
*
|
|
30
|
-
* @example
|
|
31
|
-
* const customTokens = generateTypographyTokens({
|
|
32
|
-
* myHeading: { fontSize: '24px', lineHeight: '32px', fontWeight: '700' },
|
|
33
|
-
* body: { fontSize: '16px', lineHeight: '24px', fontWeight: '400' },
|
|
34
|
-
* });
|
|
35
|
-
*/
|
|
36
13
|
function generateTypographyTokens(presets) {
|
|
37
14
|
const tokens = {};
|
|
38
15
|
for (const [name, preset] of Object.entries(presets)) {
|
|
@@ -51,14 +28,6 @@ function generateTypographyTokens(presets) {
|
|
|
51
28
|
}
|
|
52
29
|
//#endregion
|
|
53
30
|
//#region src/config-normalize.ts
|
|
54
|
-
/**
|
|
55
|
-
* Configuration processing shared by runtime and build-time paths.
|
|
56
|
-
*
|
|
57
|
-
* Plugins are folded first and direct configuration wins. Keeping this step
|
|
58
|
-
* independent from the DOM injector lets zero-runtime tooling reuse the exact
|
|
59
|
-
* same precedence and style-engine setup without loading browser infrastructure.
|
|
60
|
-
*/
|
|
61
|
-
/** Apply parser and style-engine configuration shared by every renderer. */
|
|
62
31
|
function applyStyleConfig(config, normalized, warnOnce) {
|
|
63
32
|
const tokenKeys = new Set(Object.keys(normalized.tokens));
|
|
64
33
|
for (const key of Object.keys(normalized.replaceTokens)) if (tokenKeys.has(key)) warnOnce(`token-conflict-${key}`, `[Tasty] Token "${key}" is defined in both \`tokens\` and \`replaceTokens\`. \`replaceTokens\` performs parse-time substitution, so the \`tokens\` CSS custom property will be injected but never used by Tasty styles. Remove it from one of the two.`);
|
|
@@ -101,14 +70,12 @@ function applyStyleConfig(config, normalized, warnOnce) {
|
|
|
101
70
|
}
|
|
102
71
|
return functionDefs;
|
|
103
72
|
}
|
|
104
|
-
/** Merge an optional configuration record into an accumulated record. */
|
|
105
73
|
function mergeRecord(target, source) {
|
|
106
74
|
return source ? {
|
|
107
75
|
...target,
|
|
108
76
|
...source
|
|
109
77
|
} : target;
|
|
110
78
|
}
|
|
111
|
-
/** Merge a named extension record and retain where each winning entry came from. */
|
|
112
79
|
function mergeSourcedRecord(target, source, sources, pluginName) {
|
|
113
80
|
if (!source) return target;
|
|
114
81
|
const label = pluginName === void 0 ? "configure()" : `plugin "${pluginName}"`;
|
|
@@ -201,17 +168,6 @@ function mergeGlobalStyles(target, source) {
|
|
|
201
168
|
//#endregion
|
|
202
169
|
//#region src/utils/resolve-recipes-core.ts
|
|
203
170
|
const devMode = isDevEnv();
|
|
204
|
-
/**
|
|
205
|
-
* Parse a recipe string into base and post recipe name groups.
|
|
206
|
-
*
|
|
207
|
-
* Syntax: `'base1 base2 / post1 post2'`
|
|
208
|
-
* - Names are space-separated within each group
|
|
209
|
-
* - `/` separates base (before component) from post (after component) groups
|
|
210
|
-
* - `/` is optional; if absent, all names are base
|
|
211
|
-
* - `none` as the sole base value means "no base recipes"
|
|
212
|
-
*
|
|
213
|
-
* Returns `{ base: null, post: null }` if the string is empty or invalid.
|
|
214
|
-
*/
|
|
215
171
|
function parseRecipeNames(value) {
|
|
216
172
|
const empty = {
|
|
217
173
|
base: null,
|
|
@@ -239,10 +195,6 @@ function splitNames(s) {
|
|
|
239
195
|
const names = s.split(/\s+/).filter(Boolean);
|
|
240
196
|
return names.length > 0 ? names : null;
|
|
241
197
|
}
|
|
242
|
-
/**
|
|
243
|
-
* Collect merged styles for a list of recipe names.
|
|
244
|
-
* Each recipe is flat-spread on top of the previous.
|
|
245
|
-
*/
|
|
246
198
|
function collectRecipeStyles(names, recipes) {
|
|
247
199
|
let merged = {};
|
|
248
200
|
for (const name of names) {
|
|
@@ -258,12 +210,6 @@ function collectRecipeStyles(names, recipes) {
|
|
|
258
210
|
}
|
|
259
211
|
return merged;
|
|
260
212
|
}
|
|
261
|
-
/**
|
|
262
|
-
* Resolve recipe references in a flat styles object (no sub-elements).
|
|
263
|
-
* Returns null if no `recipe` key is present.
|
|
264
|
-
*
|
|
265
|
-
* Resolution: base recipes → component styles → post recipes (all via mergeStyles)
|
|
266
|
-
*/
|
|
267
213
|
function resolveRecipesForLevel(styles, recipes) {
|
|
268
214
|
if (!("recipe" in styles)) return null;
|
|
269
215
|
const { base, post } = parseRecipeNames(styles.recipe);
|
|
@@ -283,16 +229,6 @@ function resolveRecipesForLevel(styles, recipes) {
|
|
|
283
229
|
for (const key of Object.keys(selectorStyles)) result[key] = selectorStyles[key];
|
|
284
230
|
return result;
|
|
285
231
|
}
|
|
286
|
-
/**
|
|
287
|
-
* Resolve all `recipe` style properties in a styles object.
|
|
288
|
-
*
|
|
289
|
-
* Handles both top-level and sub-element recipe references.
|
|
290
|
-
* Returns the same object reference if no recipes are present anywhere
|
|
291
|
-
* (zero overhead for the common case).
|
|
292
|
-
*
|
|
293
|
-
* @param styles - The styles object potentially containing `recipe` keys
|
|
294
|
-
* @returns Resolved styles with recipe values merged in, or the original object if unchanged
|
|
295
|
-
*/
|
|
296
232
|
function resolveRecipesWith(styles, recipes) {
|
|
297
233
|
if (!recipes) return styles;
|
|
298
234
|
let changed = false;
|
|
@@ -328,4 +264,4 @@ function resolveRecipesWith(styles, recipes) {
|
|
|
328
264
|
//#endregion
|
|
329
265
|
export { generateTypographyTokens as i, applyStyleConfig as n, normalizeConfig as r, resolveRecipesWith as t };
|
|
330
266
|
|
|
331
|
-
//# sourceMappingURL=config-engine-
|
|
267
|
+
//# sourceMappingURL=config-engine-C3pF9EK9.js.map
|