@tenphi/tasty 0.0.0-snapshot.d656d18 → 0.0.0-snapshot.d6d38ac
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/{babel-_RVkw0iE.d.ts → babel-Zs1Q03qt.d.ts} +2 -2
- 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-CUQVwdWF.js +42 -0
- package/dist/chunks/build-config-CUQVwdWF.js.map +1 -0
- package/dist/chunks/{collector-DBGcmUEq.js → collector-B0LTHw6Z.js} +6 -124
- package/dist/chunks/collector-B0LTHw6Z.js.map +1 -0
- package/dist/chunks/config-engine-C3pF9EK9.js +267 -0
- package/dist/chunks/config-engine-C3pF9EK9.js.map +1 -0
- package/dist/chunks/css-definitions-D_it4XZH.js +875 -0
- package/dist/chunks/css-definitions-D_it4XZH.js.map +1 -0
- 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-BUwqo6vC.js → debug-C9LeNVoJ.js} +69 -150
- package/dist/chunks/debug-C9LeNVoJ.js.map +1 -0
- package/dist/chunks/{dsl-CXvoaLnj.js → dsl-C5yuAn41.js} +62 -786
- package/dist/chunks/dsl-C5yuAn41.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-O-OUrKLH.js +557 -0
- package/dist/chunks/react-runtime-O-OUrKLH.js.map +1 -0
- package/dist/chunks/runtime-engine-DvnE2g-E.js +2437 -0
- package/dist/chunks/runtime-engine-DvnE2g-E.js.map +1 -0
- package/dist/chunks/runtime-state-BTDqSYBk.js +127 -0
- package/dist/chunks/runtime-state-BTDqSYBk.js.map +1 -0
- 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-CqSmIlud.js → style-engine-C1ECBZxR.js} +671 -2736
- package/dist/chunks/style-engine-C1ECBZxR.js.map +1 -0
- package/dist/chunks/{css-writer-PFzrSPeu.js → zero-engine-B6EnYcXY.js} +3 -120
- package/dist/chunks/zero-engine-B6EnYcXY.js.map +1 -0
- package/dist/{collector-CVdVIy7s.d.ts → collector-hl5KNH7k.d.ts} +6 -4
- package/dist/{config-BI0y21JV.d.ts → config-DWL1ZYue.d.ts} +15 -24
- package/dist/core/index.d.ts +5 -5
- package/dist/core/index.js +9 -7
- package/dist/{index-CrT0bsiI.d.ts → index-D9N9GV24.d.ts} +17 -50
- package/dist/index.d.ts +5 -5
- package/dist/index.js +10 -7
- package/dist/{merge-styles-BFktNP8J.d.ts → merge-styles-C_oMoJVd.d.ts} +2 -2
- 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 +5 -85
- package/dist/ssr/astro.js.map +1 -1
- package/dist/ssr/index.d.ts +6 -6
- package/dist/ssr/index.js +4 -4
- package/dist/ssr/next-config.d.ts +1 -1
- package/dist/ssr/next-config.js +29 -20
- package/dist/ssr/next-config.js.map +1 -1
- package/dist/ssr/next.d.ts +1 -1
- package/dist/ssr/next.js +5 -36
- package/dist/ssr/next.js.map +1 -1
- package/dist/static/index.d.ts +2 -2
- package/dist/static/index.js +1 -19
- package/dist/static/index.js.map +1 -1
- package/dist/{index-BzAC3p06.d.ts → types-jKZNpias.d.ts} +807 -807
- package/dist/zero/babel.d.ts +1 -1
- package/dist/zero/babel.js +25 -95
- package/dist/zero/babel.js.map +1 -1
- package/dist/zero/index.d.ts +1 -1
- package/dist/zero/index.js +1 -1
- package/dist/zero/next.d.ts +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 +28 -10
- package/dist/chunks/async-storage-DKK-wTD4.js +0 -44
- package/dist/chunks/collector-DBGcmUEq.js.map +0 -1
- package/dist/chunks/css-writer-PFzrSPeu.js.map +0 -1
- package/dist/chunks/debug-BUwqo6vC.js.map +0 -1
- package/dist/chunks/dsl-CXvoaLnj.js.map +0 -1
- package/dist/chunks/hydrate-6YoHZP6A.js +0 -37
- package/dist/chunks/hydrate-6YoHZP6A.js.map +0 -1
- package/dist/chunks/react-runtime-B3CmvDEQ.js +0 -1525
- package/dist/chunks/react-runtime-B3CmvDEQ.js.map +0 -1
- package/dist/chunks/runtime-engine-Y00VWjrS.js +0 -4719
- package/dist/chunks/runtime-engine-Y00VWjrS.js.map +0 -1
- package/dist/chunks/shared-utils-OIg0N_dp.js.map +0 -1
- package/dist/chunks/style-engine-CqSmIlud.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as TastyConfig } from "./config-
|
|
1
|
+
import { t as TastyConfig } from "./config-DWL1ZYue.js";
|
|
2
2
|
import { PluginPass } from "@babel/core";
|
|
3
3
|
|
|
4
4
|
//#region src/zero/babel-types.d.ts
|
|
@@ -80,4 +80,4 @@ interface TastyZeroBabelOptions {
|
|
|
80
80
|
declare const _default: (api: object, options: TastyZeroBabelOptions | null | undefined, dirname: string) => import("@babel/core").PluginObj<PluginPass>;
|
|
81
81
|
//#endregion
|
|
82
82
|
export { _default as n, TastyZeroConfig as r, TastyZeroBabelOptions as t };
|
|
83
|
-
//# sourceMappingURL=babel-
|
|
83
|
+
//# sourceMappingURL=babel-Zs1Q03qt.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,42 @@
|
|
|
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
|
+
//#region src/zero/config.ts
|
|
7
|
+
const emittedWarnings = /* @__PURE__ */ new Set();
|
|
8
|
+
const devMode = isDevEnv();
|
|
9
|
+
function warnOnce(key, message) {
|
|
10
|
+
if (devMode && !emittedWarnings.has(key)) {
|
|
11
|
+
emittedWarnings.add(key);
|
|
12
|
+
console.warn(message);
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
function configureZero(config) {
|
|
16
|
+
if (config.namePrefix !== void 0) validateNamePrefix(config.namePrefix);
|
|
17
|
+
const normalized = normalizeConfig(config);
|
|
18
|
+
return {
|
|
19
|
+
source: config,
|
|
20
|
+
normalized,
|
|
21
|
+
functions: applyStyleConfig(config, normalized, warnOnce)
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
function resetZeroConfig() {
|
|
25
|
+
resetStylesGeneratedState();
|
|
26
|
+
resetGlobalPolyfillsState();
|
|
27
|
+
resetGlobalPredefinedTokens();
|
|
28
|
+
resetGlobalParseFunctions();
|
|
29
|
+
resetFunctionPolyfills();
|
|
30
|
+
resetHandlers();
|
|
31
|
+
resetStyleChunks();
|
|
32
|
+
clearPipelineCache();
|
|
33
|
+
emittedWarnings.clear();
|
|
34
|
+
resetStyleWarnings();
|
|
35
|
+
}
|
|
36
|
+
function functionsForExtraction(config) {
|
|
37
|
+
return isFunctionsPolyfillEnabled() ? void 0 : config.functions;
|
|
38
|
+
}
|
|
39
|
+
//#endregion
|
|
40
|
+
export { functionsForExtraction as n, resetZeroConfig as r, configureZero as t };
|
|
41
|
+
|
|
42
|
+
//# sourceMappingURL=build-config-CUQVwdWF.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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,22 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { b as renderStyles } from "./style-engine-
|
|
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";
|
|
3
4
|
//#region src/ssr/collector.ts
|
|
4
|
-
/**
|
|
5
|
-
* ServerStyleCollector — server-safe style collector for SSR.
|
|
6
|
-
*
|
|
7
|
-
* Accumulates CSS rules and cache metadata during server rendering.
|
|
8
|
-
* This is the server-side counterpart to StyleInjector: it allocates
|
|
9
|
-
* hash-based class names using the configured `namePrefix` (defaults
|
|
10
|
-
* to `'t'`), formats CSS rules into text, and tracks rendered class
|
|
11
|
-
* names for lightweight client transfer.
|
|
12
|
-
*
|
|
13
|
-
* One instance is created per HTTP request. Concurrent requests
|
|
14
|
-
* each get their own collector (via AsyncLocalStorage or React context).
|
|
15
|
-
*/
|
|
16
|
-
function artifactId(kind, key, css) {
|
|
17
|
-
const content = `${kind}\0${key}\0${css}`;
|
|
18
|
-
return `${kind}:${hashString(content)}:${content.length.toString(36)}`;
|
|
19
|
-
}
|
|
20
5
|
var ServerStyleCollector = class {
|
|
21
6
|
chunks = /* @__PURE__ */ new Map();
|
|
22
7
|
cacheKeyToClassName = /* @__PURE__ */ new Map();
|
|
@@ -39,29 +24,13 @@ var ServerStyleCollector = class {
|
|
|
39
24
|
counterStyleCounter = 0;
|
|
40
25
|
internalsCollected = false;
|
|
41
26
|
namePrefix;
|
|
42
|
-
/**
|
|
43
|
-
* @param namePrefix - Optional override for the configured prefix.
|
|
44
|
-
* Defaults to the value from `configure({ namePrefix })` (or `'t'`).
|
|
45
|
-
* Pass an explicit prefix when constructing a collector outside the
|
|
46
|
-
* normal configure() lifecycle (e.g. in tests). Validated eagerly
|
|
47
|
-
* so misconfiguration fails before any CSS is collected.
|
|
48
|
-
*/
|
|
49
27
|
constructor(namePrefix) {
|
|
50
28
|
if (namePrefix !== void 0) validateNamePrefix(namePrefix);
|
|
51
|
-
this.namePrefix = namePrefix ??
|
|
29
|
+
this.namePrefix = namePrefix ?? getRuntimeConfigState()?.namePrefix ?? "t";
|
|
52
30
|
}
|
|
53
31
|
generateClassName(cacheKey) {
|
|
54
32
|
return makeClassName(this.namePrefix, hashString(cacheKey));
|
|
55
33
|
}
|
|
56
|
-
/**
|
|
57
|
-
* Collect internal @property rules and :root token defaults.
|
|
58
|
-
* Mirrors markStylesGenerated() from the client-side injector.
|
|
59
|
-
* Called automatically on first chunk collection; idempotent.
|
|
60
|
-
*
|
|
61
|
-
* Internals are always emitted here — the RSC path deliberately
|
|
62
|
-
* defers to SSR so that tokens appear exactly once per page in
|
|
63
|
-
* <style data-tasty-ssr> (avoiding duplication of large token sets).
|
|
64
|
-
*/
|
|
65
34
|
collectInternals() {
|
|
66
35
|
if (this.internalsCollected) return;
|
|
67
36
|
this.internalsCollected = true;
|
|
@@ -107,10 +76,6 @@ var ServerStyleCollector = class {
|
|
|
107
76
|
}
|
|
108
77
|
}
|
|
109
78
|
}
|
|
110
|
-
/**
|
|
111
|
-
* Allocate a className for a cache key, server-side.
|
|
112
|
-
* Mirrors StyleInjector.allocateClassName but without DOM access.
|
|
113
|
-
*/
|
|
114
79
|
allocateClassName(cacheKey) {
|
|
115
80
|
const existing = this.cacheKeyToClassName.get(cacheKey);
|
|
116
81
|
if (existing) return {
|
|
@@ -124,44 +89,23 @@ var ServerStyleCollector = class {
|
|
|
124
89
|
isNewAllocation: true
|
|
125
90
|
};
|
|
126
91
|
}
|
|
127
|
-
/**
|
|
128
|
-
* Record CSS rules for a chunk.
|
|
129
|
-
* Called by useStyles during server render.
|
|
130
|
-
*/
|
|
131
92
|
collectChunk(cacheKey, className, rules) {
|
|
132
93
|
if (this.chunks.has(cacheKey)) return;
|
|
133
94
|
const css = formatRules(rules, className);
|
|
134
95
|
if (css) this.chunks.set(cacheKey, css);
|
|
135
96
|
}
|
|
136
|
-
/**
|
|
137
|
-
* Record a @property rule. Deduplicated by name.
|
|
138
|
-
*/
|
|
139
97
|
collectProperty(name, css) {
|
|
140
98
|
if (!this.propertyRules.has(name)) this.propertyRules.set(name, css);
|
|
141
99
|
}
|
|
142
|
-
/**
|
|
143
|
-
* Record a @keyframes rule. Deduplicated by name.
|
|
144
|
-
*/
|
|
145
100
|
collectKeyframes(name, css) {
|
|
146
101
|
if (!this.keyframeRules.has(name)) this.keyframeRules.set(name, css);
|
|
147
102
|
}
|
|
148
|
-
/**
|
|
149
|
-
* Allocate a keyframe name for SSR. Uses provided name or generates one.
|
|
150
|
-
*/
|
|
151
103
|
allocateKeyframeName(providedName) {
|
|
152
104
|
return providedName ?? makeKeyframeName(this.namePrefix, String(this.keyframesCounter++));
|
|
153
105
|
}
|
|
154
|
-
/**
|
|
155
|
-
* Record a @font-face rule. Deduplicated by key (content hash).
|
|
156
|
-
*/
|
|
157
106
|
collectFontFace(key, css) {
|
|
158
107
|
if (!this.fontFaceRules.has(key)) this.fontFaceRules.set(key, css);
|
|
159
108
|
}
|
|
160
|
-
/**
|
|
161
|
-
* Record a @counter-style rule. Deduplicated by name and overrides an
|
|
162
|
-
* existing rule by default. Pass `weak: true` for global `configure()`
|
|
163
|
-
* definitions, which never clobber an existing rule.
|
|
164
|
-
*/
|
|
165
109
|
collectCounterStyle(name, css, options) {
|
|
166
110
|
const existing = this.counterStyleRules.get(name);
|
|
167
111
|
if (existing === void 0) {
|
|
@@ -172,11 +116,6 @@ var ServerStyleCollector = class {
|
|
|
172
116
|
this.counterStyleRules.set(name, css);
|
|
173
117
|
this.flushedCounterStyleKeys.delete(name);
|
|
174
118
|
}
|
|
175
|
-
/**
|
|
176
|
-
* Record a @function rule. Deduplicated by CSS function name and overrides an
|
|
177
|
-
* existing rule by default. Pass `weak: true` for global `configure()`
|
|
178
|
-
* definitions, which never clobber an existing rule.
|
|
179
|
-
*/
|
|
180
119
|
collectFunction(name, css, options) {
|
|
181
120
|
const existing = this.functionRules.get(name);
|
|
182
121
|
if (existing === void 0) {
|
|
@@ -187,47 +126,19 @@ var ServerStyleCollector = class {
|
|
|
187
126
|
this.functionRules.set(name, css);
|
|
188
127
|
this.flushedFunctionKeys.delete(name);
|
|
189
128
|
}
|
|
190
|
-
/**
|
|
191
|
-
* Allocate a counter-style name for SSR. Uses provided name or generates one.
|
|
192
|
-
*/
|
|
193
129
|
allocateCounterStyleName(providedName) {
|
|
194
130
|
return providedName ?? makeCounterStyleName(this.namePrefix, String(this.counterStyleCounter++));
|
|
195
131
|
}
|
|
196
|
-
/**
|
|
197
|
-
* Record global styles (from useGlobalStyles). Deduplicated by key.
|
|
198
|
-
*
|
|
199
|
-
* Pass `replace` for slot-keyed entries (an explicit `id`), where the last
|
|
200
|
-
* write must win to match the client's update-tracking behavior.
|
|
201
|
-
*/
|
|
202
132
|
collectGlobalStyles(key, css, replace) {
|
|
203
133
|
if (replace || !this.globalStyles.has(key)) this.globalStyles.set(key, css);
|
|
204
134
|
}
|
|
205
|
-
/**
|
|
206
|
-
* Record raw CSS text (from useRawCSS). Deduplicated by key.
|
|
207
|
-
*
|
|
208
|
-
* Pass `replace` for slot-keyed entries (an explicit `id`), where the last
|
|
209
|
-
* write must win to match the client's update-tracking behavior.
|
|
210
|
-
*/
|
|
211
135
|
collectRawCSS(key, css, replace) {
|
|
212
136
|
if (replace || !this.rawCSS.has(key)) this.rawCSS.set(key, css);
|
|
213
137
|
}
|
|
214
|
-
/**
|
|
215
|
-
* Return the collected CSS as structured, ordered artifacts.
|
|
216
|
-
*
|
|
217
|
-
* Artifact boundaries are part of the collector output so build tools never
|
|
218
|
-
* need to split or parse CSS text. IDs include the logical collection key
|
|
219
|
-
* and content, making them stable across equivalent page renders while a CSS
|
|
220
|
-
* change always produces a different ID.
|
|
221
|
-
*/
|
|
222
138
|
getArtifacts() {
|
|
223
139
|
const artifacts = [];
|
|
224
140
|
const append = (kind, entries) => {
|
|
225
|
-
for (const [key, css] of entries) artifacts.push(
|
|
226
|
-
id: artifactId(kind, key, css),
|
|
227
|
-
kind,
|
|
228
|
-
css,
|
|
229
|
-
order: artifacts.length
|
|
230
|
-
});
|
|
141
|
+
for (const [key, css] of entries) artifacts.push(createServerStyleArtifact(kind, key, css, artifacts.length));
|
|
231
142
|
};
|
|
232
143
|
append("property", this.propertyRules);
|
|
233
144
|
append("font-face", this.fontFaceRules);
|
|
@@ -239,18 +150,9 @@ var ServerStyleCollector = class {
|
|
|
239
150
|
append("keyframes", this.keyframeRules);
|
|
240
151
|
return artifacts;
|
|
241
152
|
}
|
|
242
|
-
/**
|
|
243
|
-
* Extract all CSS collected so far as a single string.
|
|
244
|
-
* Includes @property and @keyframes rules.
|
|
245
|
-
* Used for non-streaming SSR (renderToString).
|
|
246
|
-
*/
|
|
247
153
|
getCSS() {
|
|
248
154
|
return this.getArtifacts().map(({ css }) => css).join("\n");
|
|
249
155
|
}
|
|
250
|
-
/**
|
|
251
|
-
* Flush only newly collected CSS since the last flush.
|
|
252
|
-
* Used for streaming SSR (renderToPipeableStream + useServerInsertedHTML).
|
|
253
|
-
*/
|
|
254
156
|
flushCSS() {
|
|
255
157
|
const parts = [];
|
|
256
158
|
for (const [name, css] of this.propertyRules) if (!this.flushedPropertyKeys.has(name)) {
|
|
@@ -288,10 +190,6 @@ var ServerStyleCollector = class {
|
|
|
288
190
|
return parts.join("\n");
|
|
289
191
|
}
|
|
290
192
|
flushedClassNames = /* @__PURE__ */ new Set();
|
|
291
|
-
/**
|
|
292
|
-
* Return class names rendered since the last call (for streaming).
|
|
293
|
-
* Used to emit lightweight class-list scripts for client hydration.
|
|
294
|
-
*/
|
|
295
193
|
getRenderedClassNames() {
|
|
296
194
|
const names = [];
|
|
297
195
|
for (const className of this.cacheKeyToClassName.values()) if (!this.flushedClassNames.has(className)) {
|
|
@@ -301,26 +199,10 @@ var ServerStyleCollector = class {
|
|
|
301
199
|
return names;
|
|
302
200
|
}
|
|
303
201
|
};
|
|
304
|
-
/**
|
|
305
|
-
* Factory for creating a {@link ServerStyleCollector} instance.
|
|
306
|
-
*
|
|
307
|
-
* Canonical functional entry point; the `ServerStyleCollector` class remains
|
|
308
|
-
* exported for advanced/internal use.
|
|
309
|
-
*
|
|
310
|
-
* @param namePrefix - Optional override for the configured class-name prefix.
|
|
311
|
-
* Defaults to the value from `configure({ namePrefix })` (or `'t'`).
|
|
312
|
-
*
|
|
313
|
-
* @example
|
|
314
|
-
* ```ts
|
|
315
|
-
* import { createServerStyleCollector } from '@tenphi/tasty/ssr';
|
|
316
|
-
*
|
|
317
|
-
* const collector = createServerStyleCollector();
|
|
318
|
-
* ```
|
|
319
|
-
*/
|
|
320
202
|
function createServerStyleCollector(namePrefix) {
|
|
321
203
|
return new ServerStyleCollector(namePrefix);
|
|
322
204
|
}
|
|
323
205
|
//#endregion
|
|
324
206
|
export { createServerStyleCollector as n, ServerStyleCollector as t };
|
|
325
207
|
|
|
326
|
-
//# sourceMappingURL=collector-
|
|
208
|
+
//# sourceMappingURL=collector-B0LTHw6Z.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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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"}
|
|
@@ -0,0 +1,267 @@
|
|
|
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
|
+
//#region src/utils/typography.ts
|
|
6
|
+
const RESERVED_PRESET_NAMES = new Set([
|
|
7
|
+
"strong",
|
|
8
|
+
"bold",
|
|
9
|
+
"italic",
|
|
10
|
+
"icon",
|
|
11
|
+
"tight"
|
|
12
|
+
]);
|
|
13
|
+
function generateTypographyTokens(presets) {
|
|
14
|
+
const tokens = {};
|
|
15
|
+
for (const [name, preset] of Object.entries(presets)) {
|
|
16
|
+
if (RESERVED_PRESET_NAMES.has(name)) throw new Error(`Invalid typography preset name "${name}". This name is reserved as a preset modifier.`);
|
|
17
|
+
tokens[`$${name}-font-size`] = preset.fontSize;
|
|
18
|
+
tokens[`$${name}-line-height`] = preset.lineHeight;
|
|
19
|
+
tokens[`$${name}-letter-spacing`] = preset.letterSpacing ?? "normal";
|
|
20
|
+
tokens[`$${name}-font-weight`] = preset.fontWeight;
|
|
21
|
+
if (preset.boldFontWeight !== void 0) tokens[`$${name}-bold-font-weight`] = preset.boldFontWeight;
|
|
22
|
+
if (preset.iconSize !== void 0) tokens[`$${name}-icon-size`] = preset.iconSize;
|
|
23
|
+
if (preset.textTransform !== void 0) tokens[`$${name}-text-transform`] = preset.textTransform;
|
|
24
|
+
if (preset.fontFamily !== void 0) tokens[`$${name}-font-family`] = preset.fontFamily;
|
|
25
|
+
if (preset.fontStyle !== void 0) tokens[`$${name}-font-style`] = preset.fontStyle;
|
|
26
|
+
}
|
|
27
|
+
return tokens;
|
|
28
|
+
}
|
|
29
|
+
//#endregion
|
|
30
|
+
//#region src/config-normalize.ts
|
|
31
|
+
function applyStyleConfig(config, normalized, warnOnce) {
|
|
32
|
+
const tokenKeys = new Set(Object.keys(normalized.tokens));
|
|
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.`);
|
|
34
|
+
if (config.colorSpace) warnOnce("colorSpace-deprecated", "[Tasty] configure({ colorSpace }) no longer has any effect and will be removed in the next major. Colors are emitted as authored, and opacity is applied with relative color syntax, which reads a color's channels in the browser. To address channels yourself, write `oklch(from var(--name-color) l c h)` against the token.");
|
|
35
|
+
if (Object.keys(normalized.states).length > 0) setGlobalPredefinedStates(normalized.states);
|
|
36
|
+
const parser = getGlobalParser();
|
|
37
|
+
if (config.parserCacheSize !== void 0) parser.updateOptions({ cacheSize: config.parserCacheSize });
|
|
38
|
+
if (Object.keys(normalized.units).length > 0) {
|
|
39
|
+
const currentUnits = parser.getUnits() ?? CUSTOM_UNITS;
|
|
40
|
+
parser.setUnits({
|
|
41
|
+
...currentUnits,
|
|
42
|
+
...normalized.units
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
if (config.polyfills) setGlobalPolyfillsState(config.polyfills);
|
|
46
|
+
const { parseFuncs, functionDefs } = splitFunctions(normalized.functions, (key, kind) => {
|
|
47
|
+
warnOnce(`functions-mismatch-${key}`, kind === "expected-definition" ? `[Tasty] functions["${key}"]: a "$$"-prefixed key denotes a CSS @function and expects a definition object, but received a function. Entry ignored.` : `[Tasty] functions["${key}"]: a bare key denotes a parse function and expects a function value, but received an object. Did you mean "$$${key}"? Entry ignored.`);
|
|
48
|
+
});
|
|
49
|
+
if (Object.keys(parseFuncs).length > 0) {
|
|
50
|
+
const currentFuncs = getGlobalParseFunctions();
|
|
51
|
+
parser.setFunctions({
|
|
52
|
+
...currentFuncs,
|
|
53
|
+
...parseFuncs
|
|
54
|
+
});
|
|
55
|
+
Object.assign(currentFuncs, parseFuncs);
|
|
56
|
+
}
|
|
57
|
+
if (isFunctionsPolyfillEnabled()) for (const [name, definition] of Object.entries(functionDefs)) registerFunctionPolyfill(name, definition);
|
|
58
|
+
for (const [name, definition] of Object.entries(normalized.handlers)) registerHandler(normalizeHandlerDefinition(name, definition), {
|
|
59
|
+
key: name,
|
|
60
|
+
source: normalized.handlerSources.get(name)
|
|
61
|
+
});
|
|
62
|
+
if (Object.keys(normalized.replaceTokens).length > 0) {
|
|
63
|
+
const processedTokens = {};
|
|
64
|
+
for (const [key, value] of Object.entries(normalized.replaceTokens)) if (key.startsWith("#")) {
|
|
65
|
+
const normalizedValue = normalizeColorTokenValue(value);
|
|
66
|
+
if (normalizedValue === null) continue;
|
|
67
|
+
processedTokens[key] = String(normalizedValue);
|
|
68
|
+
} else if (value !== false) processedTokens[key] = String(value);
|
|
69
|
+
setGlobalPredefinedTokens(processedTokens);
|
|
70
|
+
}
|
|
71
|
+
return functionDefs;
|
|
72
|
+
}
|
|
73
|
+
function mergeRecord(target, source) {
|
|
74
|
+
return source ? {
|
|
75
|
+
...target,
|
|
76
|
+
...source
|
|
77
|
+
} : target;
|
|
78
|
+
}
|
|
79
|
+
function mergeSourcedRecord(target, source, sources, pluginName) {
|
|
80
|
+
if (!source) return target;
|
|
81
|
+
const label = pluginName === void 0 ? "configure()" : `plugin "${pluginName}"`;
|
|
82
|
+
for (const key of Object.keys(source)) sources.set(key, label);
|
|
83
|
+
return {
|
|
84
|
+
...target,
|
|
85
|
+
...source
|
|
86
|
+
};
|
|
87
|
+
}
|
|
88
|
+
function normalizeConfig(config) {
|
|
89
|
+
let states = {};
|
|
90
|
+
let units = {};
|
|
91
|
+
let functions = {};
|
|
92
|
+
let handlers = {};
|
|
93
|
+
const handlerSources = /* @__PURE__ */ new Map();
|
|
94
|
+
let propHandlers = {};
|
|
95
|
+
const propHandlerSources = /* @__PURE__ */ new Map();
|
|
96
|
+
const baseStyleProps = [];
|
|
97
|
+
let properties = {};
|
|
98
|
+
let keyframes = {};
|
|
99
|
+
let fontFaces = {};
|
|
100
|
+
let counterStyles = {};
|
|
101
|
+
let replaceTokens = {};
|
|
102
|
+
let tokens = {};
|
|
103
|
+
let recipes = {};
|
|
104
|
+
let presets = {};
|
|
105
|
+
const globalStyles = {};
|
|
106
|
+
for (const plugin of config.plugins ?? []) {
|
|
107
|
+
states = mergeRecord(states, plugin.states);
|
|
108
|
+
units = mergeRecord(units, plugin.units);
|
|
109
|
+
functions = mergeRecord(functions, plugin.functions);
|
|
110
|
+
handlers = mergeSourcedRecord(handlers, plugin.handlers, handlerSources, plugin.name);
|
|
111
|
+
propHandlers = mergeSourcedRecord(propHandlers, plugin.propHandlers, propHandlerSources, plugin.name);
|
|
112
|
+
if (plugin.baseStyleProps) baseStyleProps.push(...plugin.baseStyleProps);
|
|
113
|
+
properties = mergeRecord(properties, plugin.properties);
|
|
114
|
+
keyframes = mergeRecord(keyframes, plugin.keyframes);
|
|
115
|
+
fontFaces = mergeRecord(fontFaces, plugin.fontFaces);
|
|
116
|
+
counterStyles = mergeRecord(counterStyles, plugin.counterStyles);
|
|
117
|
+
replaceTokens = mergeRecord(replaceTokens, plugin.replaceTokens);
|
|
118
|
+
tokens = mergeRecord(tokens, plugin.tokens);
|
|
119
|
+
recipes = mergeRecord(recipes, plugin.recipes);
|
|
120
|
+
presets = mergeRecord(presets, plugin.presets);
|
|
121
|
+
mergeGlobalStyles(globalStyles, plugin.globalStyles);
|
|
122
|
+
}
|
|
123
|
+
states = mergeRecord(states, config.states);
|
|
124
|
+
units = mergeRecord(units, config.units);
|
|
125
|
+
functions = mergeRecord(functions, config.functions);
|
|
126
|
+
handlers = mergeSourcedRecord(handlers, config.handlers, handlerSources);
|
|
127
|
+
propHandlers = mergeSourcedRecord(propHandlers, config.propHandlers, propHandlerSources);
|
|
128
|
+
if (config.baseStyleProps) baseStyleProps.push(...config.baseStyleProps);
|
|
129
|
+
properties = mergeRecord(properties, config.properties);
|
|
130
|
+
keyframes = mergeRecord(keyframes, config.keyframes);
|
|
131
|
+
fontFaces = mergeRecord(fontFaces, config.fontFaces);
|
|
132
|
+
counterStyles = mergeRecord(counterStyles, config.counterStyles);
|
|
133
|
+
replaceTokens = mergeRecord(replaceTokens, config.replaceTokens);
|
|
134
|
+
presets = mergeRecord(presets, config.presets);
|
|
135
|
+
if (Object.keys(presets).length > 0) tokens = {
|
|
136
|
+
...generateTypographyTokens(presets),
|
|
137
|
+
...tokens
|
|
138
|
+
};
|
|
139
|
+
tokens = mergeRecord(tokens, config.tokens);
|
|
140
|
+
recipes = mergeRecord(recipes, config.recipes);
|
|
141
|
+
mergeGlobalStyles(globalStyles, config.globalStyles);
|
|
142
|
+
return {
|
|
143
|
+
states,
|
|
144
|
+
units,
|
|
145
|
+
functions,
|
|
146
|
+
handlers,
|
|
147
|
+
handlerSources,
|
|
148
|
+
propHandlers,
|
|
149
|
+
propHandlerSources,
|
|
150
|
+
baseStyleProps,
|
|
151
|
+
properties,
|
|
152
|
+
keyframes,
|
|
153
|
+
fontFaces,
|
|
154
|
+
counterStyles,
|
|
155
|
+
replaceTokens,
|
|
156
|
+
tokens,
|
|
157
|
+
recipes,
|
|
158
|
+
globalStyles
|
|
159
|
+
};
|
|
160
|
+
}
|
|
161
|
+
function mergeGlobalStyles(target, source) {
|
|
162
|
+
if (!source) return;
|
|
163
|
+
for (const [selector, styles] of Object.entries(source)) target[selector] = target[selector] ? {
|
|
164
|
+
...target[selector],
|
|
165
|
+
...styles
|
|
166
|
+
} : styles;
|
|
167
|
+
}
|
|
168
|
+
//#endregion
|
|
169
|
+
//#region src/utils/resolve-recipes-core.ts
|
|
170
|
+
const devMode = isDevEnv();
|
|
171
|
+
function parseRecipeNames(value) {
|
|
172
|
+
const empty = {
|
|
173
|
+
base: null,
|
|
174
|
+
post: null
|
|
175
|
+
};
|
|
176
|
+
if (typeof value !== "string") return empty;
|
|
177
|
+
const trimmed = value.trim();
|
|
178
|
+
if (trimmed === "") return empty;
|
|
179
|
+
const slashIndex = trimmed.indexOf("/");
|
|
180
|
+
if (slashIndex === -1) {
|
|
181
|
+
if (trimmed === "none") return empty;
|
|
182
|
+
return {
|
|
183
|
+
base: splitNames(trimmed),
|
|
184
|
+
post: null
|
|
185
|
+
};
|
|
186
|
+
}
|
|
187
|
+
const basePart = trimmed.slice(0, slashIndex);
|
|
188
|
+
const postPart = trimmed.slice(slashIndex + 1);
|
|
189
|
+
return {
|
|
190
|
+
base: basePart.trim() === "none" ? null : splitNames(basePart),
|
|
191
|
+
post: splitNames(postPart)
|
|
192
|
+
};
|
|
193
|
+
}
|
|
194
|
+
function splitNames(s) {
|
|
195
|
+
const names = s.split(/\s+/).filter(Boolean);
|
|
196
|
+
return names.length > 0 ? names : null;
|
|
197
|
+
}
|
|
198
|
+
function collectRecipeStyles(names, recipes) {
|
|
199
|
+
let merged = {};
|
|
200
|
+
for (const name of names) {
|
|
201
|
+
const recipeStyles = recipes[name];
|
|
202
|
+
if (!recipeStyles) {
|
|
203
|
+
if (devMode) console.warn(`[Tasty] Recipe "${name}" not found. Make sure it is defined in configure({ recipes: { ... } }).`);
|
|
204
|
+
continue;
|
|
205
|
+
}
|
|
206
|
+
merged = {
|
|
207
|
+
...merged,
|
|
208
|
+
...recipeStyles
|
|
209
|
+
};
|
|
210
|
+
}
|
|
211
|
+
return merged;
|
|
212
|
+
}
|
|
213
|
+
function resolveRecipesForLevel(styles, recipes) {
|
|
214
|
+
if (!("recipe" in styles)) return null;
|
|
215
|
+
const { base, post } = parseRecipeNames(styles.recipe);
|
|
216
|
+
const { recipe: _recipe, ...allRest } = styles;
|
|
217
|
+
const flatStyles = {};
|
|
218
|
+
const selectorStyles = {};
|
|
219
|
+
for (const key of Object.keys(allRest)) if (isSelector(key)) selectorStyles[key] = allRest[key];
|
|
220
|
+
else flatStyles[key] = allRest[key];
|
|
221
|
+
if (!base && !post) return allRest;
|
|
222
|
+
let result;
|
|
223
|
+
if (base) result = mergeStyles(collectRecipeStyles(base, recipes), flatStyles);
|
|
224
|
+
else result = { ...flatStyles };
|
|
225
|
+
if (post) {
|
|
226
|
+
const postStyles = collectRecipeStyles(post, recipes);
|
|
227
|
+
result = mergeStyles(result, postStyles);
|
|
228
|
+
}
|
|
229
|
+
for (const key of Object.keys(selectorStyles)) result[key] = selectorStyles[key];
|
|
230
|
+
return result;
|
|
231
|
+
}
|
|
232
|
+
function resolveRecipesWith(styles, recipes) {
|
|
233
|
+
if (!recipes) return styles;
|
|
234
|
+
let changed = false;
|
|
235
|
+
const topResolved = resolveRecipesForLevel(styles, recipes);
|
|
236
|
+
let result;
|
|
237
|
+
if (topResolved) {
|
|
238
|
+
changed = true;
|
|
239
|
+
result = topResolved;
|
|
240
|
+
} else result = styles;
|
|
241
|
+
const keys = Object.keys(result);
|
|
242
|
+
for (const key of keys) {
|
|
243
|
+
if (!isSelector(key)) continue;
|
|
244
|
+
const subStyles = result[key];
|
|
245
|
+
if (!subStyles || typeof subStyles !== "object" || Array.isArray(subStyles)) continue;
|
|
246
|
+
const subRecord = subStyles;
|
|
247
|
+
if (!("recipe" in subRecord)) continue;
|
|
248
|
+
const subResolved = resolveRecipesForLevel(subRecord, recipes);
|
|
249
|
+
if (subResolved) {
|
|
250
|
+
if (!changed) {
|
|
251
|
+
changed = true;
|
|
252
|
+
result = { ...styles };
|
|
253
|
+
}
|
|
254
|
+
Object.defineProperty(result, key, {
|
|
255
|
+
configurable: true,
|
|
256
|
+
enumerable: true,
|
|
257
|
+
value: subResolved,
|
|
258
|
+
writable: true
|
|
259
|
+
});
|
|
260
|
+
}
|
|
261
|
+
}
|
|
262
|
+
return changed ? result : styles;
|
|
263
|
+
}
|
|
264
|
+
//#endregion
|
|
265
|
+
export { generateTypographyTokens as i, applyStyleConfig as n, normalizeConfig as r, resolveRecipesWith as t };
|
|
266
|
+
|
|
267
|
+
//# sourceMappingURL=config-engine-C3pF9EK9.js.map
|