@tenphi/tasty 3.3.1 → 3.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +147 -129
- package/dist/astro-ib7E7V4Y.js +307 -0
- package/dist/astro-ib7E7V4Y.js.map +1 -0
- package/dist/{babel-BUQGeOXA.d.ts → babel-DWCsafYw.d.ts} +2 -2
- package/dist/{collector-DUaHCcTS.d.ts → collector-BTVXj2hS.d.ts} +21 -3
- package/dist/{collector-BKqNBmzA.js → collector-C6TtL8HJ.js} +36 -13
- package/dist/collector-C6TtL8HJ.js.map +1 -0
- package/dist/{config-BCdCTIED.js → config-B3gPdCqd.js} +344 -209
- package/dist/config-B3gPdCqd.js.map +1 -0
- package/dist/{config-YsxGv4tq.d.ts → config-LfIDmVHx.d.ts} +132 -32
- package/dist/core/index.d.ts +5 -5
- package/dist/core/index.js +6 -6
- package/dist/{core-wxP3GHQu.js → core-Bq7w2kti.js} +219 -98
- package/dist/core-Bq7w2kti.js.map +1 -0
- package/dist/{css-writer-D64NY9AX.js → css-writer-Bgowobbx.js} +3 -3
- package/dist/{css-writer-D64NY9AX.js.map → css-writer-Bgowobbx.js.map} +1 -1
- package/dist/{format-rules-Bo_e2u7r.js → format-rules-rCZ37rqY.js} +2 -2
- package/dist/format-rules-rCZ37rqY.js.map +1 -0
- package/dist/{hydrate-CMKOuKAx.js → hydrate-CNOmZprz.js} +3 -3
- package/dist/{hydrate-CMKOuKAx.js.map → hydrate-CNOmZprz.js.map} +1 -1
- package/dist/{index-DhhUI0yi.d.ts → index-Bm9ltvdH.d.ts} +45 -16
- package/dist/{index-Cd45t5NM.d.ts → index-BmogEzTo.d.ts} +69 -15
- package/dist/index.d.ts +5 -5
- package/dist/index.js +9 -8
- package/dist/index.js.map +1 -1
- package/dist/{keyframes-D737PShJ.js → keyframes-DE-OE76F.js} +132 -21
- package/dist/keyframes-DE-OE76F.js.map +1 -0
- package/dist/{merge-styles-CU7JbEwg.d.ts → merge-styles-BcLl1u_d.d.ts} +2 -2
- package/dist/{merge-styles-CUIQcs5v.js → merge-styles-DuoZEsm9.js} +2 -2
- package/dist/{merge-styles-CUIQcs5v.js.map → merge-styles-DuoZEsm9.js.map} +1 -1
- package/dist/{resolve-recipes-Df1Ta-Q0.js → resolve-recipes-H9NqOQuP.js} +3 -3
- package/dist/{resolve-recipes-Df1Ta-Q0.js.map → resolve-recipes-H9NqOQuP.js.map} +1 -1
- package/dist/ssr/astro-client.js +1 -1
- package/dist/ssr/astro-middleware-extract-static.d.ts +11 -0
- package/dist/ssr/astro-middleware-extract-static.js +9 -0
- package/dist/ssr/astro-middleware-extract-static.js.map +1 -0
- package/dist/ssr/astro-middleware-extract.d.ts +11 -0
- package/dist/ssr/astro-middleware-extract.js +9 -0
- package/dist/ssr/astro-middleware-extract.js.map +1 -0
- package/dist/ssr/astro-middleware-static.d.ts +3 -1
- package/dist/ssr/astro-middleware-static.js +1 -1
- package/dist/ssr/astro-middleware.d.ts +3 -1
- package/dist/ssr/astro-middleware.js +1 -1
- package/dist/ssr/astro.d.ts +37 -3
- package/dist/ssr/astro.js +1 -156
- package/dist/ssr/index.d.ts +2 -2
- package/dist/ssr/index.js +3 -3
- package/dist/ssr/index.js.map +1 -1
- package/dist/ssr/next.d.ts +1 -1
- package/dist/ssr/next.js +4 -4
- package/dist/static/index.d.ts +2 -2
- package/dist/static/index.js +1 -1
- package/dist/zero/babel.d.ts +1 -1
- package/dist/zero/babel.js +4 -4
- 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/docs/README.md +13 -8
- package/docs/adoption.md +56 -31
- package/docs/ai-agents.md +78 -77
- package/docs/comparison.md +69 -40
- package/docs/configuration.md +97 -87
- package/docs/debug.md +4 -2
- package/docs/design-system.md +41 -22
- package/docs/dsl.md +225 -195
- package/docs/getting-started.md +60 -39
- package/docs/injector.md +63 -26
- package/docs/methodology.md +42 -36
- package/docs/migration-v3.md +49 -49
- package/docs/plugins.md +37 -33
- package/docs/react-api.md +65 -44
- package/docs/runtime-benchmarks.md +178 -0
- package/docs/ssr.md +99 -61
- package/docs/styles.md +1 -1
- package/docs/tasty-static.md +137 -104
- package/package.json +26 -8
- package/dist/collector-BKqNBmzA.js.map +0 -1
- package/dist/config-BCdCTIED.js.map +0 -1
- package/dist/core-wxP3GHQu.js.map +0 -1
- package/dist/format-rules-Bo_e2u7r.js.map +0 -1
- package/dist/keyframes-D737PShJ.js.map +0 -1
- package/dist/ssr/astro.js.map +0 -1
package/dist/static/index.js
CHANGED
package/dist/zero/babel.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as _default, r as TastyZeroConfig, t as TastyZeroBabelOptions } from "../babel-
|
|
1
|
+
import { n as _default, r as TastyZeroConfig, t as TastyZeroBabelOptions } from "../babel-DWCsafYw.js";
|
|
2
2
|
export { TastyZeroBabelOptions, type TastyZeroConfig, _default as default };
|
package/dist/zero/babel.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { b as resetConfig, d as getGlobalStyles, i as getGlobalConfigTokens, s as getGlobalFunctions, t as configure } from "../config-
|
|
2
|
-
import { t as mergeStyles } from "../merge-styles-
|
|
3
|
-
import { t as resolveRecipes } from "../resolve-recipes-
|
|
4
|
-
import { a as extractFunctionsFromStyles, c as extractStylesForSelector, i as extractFontFaceFromStyles, l as extractStylesWithChunks, o as extractKeyframesFromStyles, r as extractCounterStyleFromStyles, s as extractPropertiesFromStyles, t as CSSWriter, u as setExtractorNamePrefix } from "../css-writer-
|
|
1
|
+
import { b as resetConfig, d as getGlobalStyles, i as getGlobalConfigTokens, s as getGlobalFunctions, t as configure } from "../config-B3gPdCqd.js";
|
|
2
|
+
import { t as mergeStyles } from "../merge-styles-DuoZEsm9.js";
|
|
3
|
+
import { t as resolveRecipes } from "../resolve-recipes-H9NqOQuP.js";
|
|
4
|
+
import { a as extractFunctionsFromStyles, c as extractStylesForSelector, i as extractFontFaceFromStyles, l as extractStylesWithChunks, o as extractKeyframesFromStyles, r as extractCounterStyleFromStyles, s as extractPropertiesFromStyles, t as CSSWriter, u as setExtractorNamePrefix } from "../css-writer-Bgowobbx.js";
|
|
5
5
|
import * as fs from "fs";
|
|
6
6
|
import * as path from "path";
|
|
7
7
|
import { declare } from "@babel/helper-plugin-utils";
|
package/dist/zero/babel.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"babel.js","names":[],"sources":["../../src/zero/writer-cache.ts","../../src/zero/babel.ts"],"sourcesContent":["/**\n * Internal shared CSSWriter cache for the zero-runtime Babel plugin.\n *\n * Kept in a separate non-exported module so `clearWriterCache` is not part\n * of the public `@tenphi/tasty/babel-plugin` entry surface. The Babel plugin\n * and its tests import from here directly.\n */\n\nimport type { CSSWriter } from './css-writer';\nimport type { Styles } from '../styles/types';\nimport type { TastyZeroConfig } from './babel-types';\n\n/**\n * Registry of static styles keyed by their source identifier.\n * Used to resolve base styles when extending.\n */\nexport type StaticStyleRegistry = Record<\n string,\n {\n styles: Styles;\n className: string;\n }\n>;\n\nexport interface WriterCacheEntry {\n writer: CSSWriter;\n configKey: string;\n registry: StaticStyleRegistry;\n config: TastyZeroConfig;\n}\n\nexport const writerCache = new Map<string, WriterCacheEntry>();\n\n/** Clear the shared CSSWriter cache. Exposed for testing. */\nexport function clearWriterCache(): void {\n writerCache.clear();\n}\n","/**\n * Babel plugin for zero-runtime tasty static site generation.\n *\n * Transforms:\n * - `tastyStatic(styles)` → StaticStyle object { className, styles, toString() }\n * - `tastyStatic(base, styles)` → StaticStyle object with merged styles\n * - `tastyStatic(selector, styles)` → removed entirely\n *\n * Usage:\n * ```javascript\n * // babel.config.js\n * module.exports = {\n * plugins: [\n * ['@tenphi/tasty/babel-plugin', { output: 'public/tasty.css' }]\n * ]\n * };\n * ```\n */\n\nimport * as fs from 'fs';\nimport * as path from 'path';\n\nimport { declare } from '@babel/helper-plugin-utils';\nimport * as t from '@babel/types';\nimport { createJiti } from 'jiti';\n\nimport {\n configure,\n getGlobalFunctions,\n getGlobalStyles,\n getGlobalConfigTokens,\n resetConfig,\n} from '../config';\nimport type { Styles, ConfigTokens } from '../styles/types';\nimport { mergeStyles } from '../utils/merge-styles';\nimport { DEFAULT_ZERO_NAME_PREFIX } from '../utils/name-prefix';\nimport { resolveRecipes } from '../utils/resolve-recipes';\n\nimport { CSSWriter } from './css-writer';\nimport type { TastyZeroConfig } from './babel-types';\nexport type { TastyZeroConfig } from './babel-types';\nimport { writerCache, type StaticStyleRegistry } from './writer-cache';\nimport {\n extractCounterStyleFromStyles,\n extractFontFaceFromStyles,\n extractFunctionsFromStyles,\n extractKeyframesFromStyles,\n extractPropertiesFromStyles,\n extractStylesForSelector,\n extractStylesWithChunks,\n setExtractorNamePrefix,\n} from './extractor';\nimport type {\n ExtractedChunk,\n ExtractedCounterStyle,\n ExtractedFontFace,\n ExtractedFunction,\n ExtractedKeyframes,\n ExtractedProperty,\n} from './extractor';\n\nimport type { NodePath, PluginPass } from '@babel/core';\nimport type {\n CounterStyleDescriptors,\n FontFaceInput,\n FunctionDefinition,\n KeyframesSteps,\n} from '../injector/types';\n\n/**\n * Options for the `@tenphi/tasty/babel-plugin` Babel plugin.\n */\nexport interface TastyZeroBabelOptions {\n /** Output path for generated CSS (default: 'tasty.css') */\n output?: string;\n /**\n * Tasty configuration for build-time processing.\n * Can be a static object or a factory function that returns fresh config.\n * A factory is called on each plugin invocation, enabling hot reload\n * of config values that depend on external files (e.g. theme tokens).\n */\n config?: TastyZeroConfig | (() => TastyZeroConfig);\n /**\n * Absolute path to a TypeScript/JavaScript module that default-exports\n * a `TastyZeroConfig` object. The module is loaded via jiti on each\n * plugin invocation, enabling hot reload when the file changes.\n *\n * This option is JSON-serializable and is the primary way Turbopack\n * passes config to the Babel plugin (since Turbopack loader options\n * must be plain primitives/objects/arrays).\n *\n * When both `config` and `configFile` are set, `config` takes precedence.\n *\n * @example '/absolute/path/to/tasty-zero.config.ts'\n */\n configFile?: string;\n /**\n * Absolute file paths whose content affects the generated CSS.\n * When any of these files change, babel-loader invalidates its cache\n * and re-runs the plugin with fresh config values.\n *\n * Typically includes theme files that define Glaze palettes or token values.\n * Paths must be absolute (resolved by the Next.js wrapper).\n */\n configDeps?: string[];\n /**\n * Automatically replace `@tenphi/tasty/static` imports with an import\n * of the generated CSS file. This eliminates the need for users to\n * manually import the CSS in their app entry point.\n *\n * @default true\n */\n injectImport?: boolean;\n /**\n * Output mode for extracted CSS.\n *\n * - `'file'` (default): CSS is written to a single output file and\n * the `@tenphi/tasty/static` import is rewritten to import that file.\n * - `'inject'`: CSS is embedded inline in the JS output and injected\n * at runtime via a tiny injector from `@tenphi/tasty/static/inject`.\n * No CSS file is written. Each `tastyStatic` call becomes\n * self-contained. Best for reusable components and extensions.\n *\n * When `mode` is `'inject'`, `output` and `injectImport` are ignored.\n *\n * @default 'file'\n */\n mode?: 'file' | 'inject';\n}\n\ninterface PluginState extends PluginPass {\n staticStyleRegistry: StaticStyleRegistry;\n /** Current source file path (for devMode source comments) */\n sourceFile?: string;\n /** Whether this file added CSS blocks to the writer (via tastyStatic calls) */\n _fileAddedCSS?: boolean;\n}\n\nfunction mtime(filePath: string): number | null {\n try {\n return fs.statSync(filePath).mtimeMs;\n } catch {\n return null;\n }\n}\n\nfunction clearRequireCacheTree(filePath: string): void {\n let resolved: string;\n\n try {\n resolved = require.resolve(filePath);\n } catch {\n return;\n }\n\n const mod = require.cache[resolved];\n\n if (!mod) return;\n\n const dir = resolved.substring(0, resolved.lastIndexOf('/'));\n\n if (mod.children) {\n for (const child of mod.children) {\n if (child.id.startsWith(dir) && !child.id.includes('node_modules')) {\n clearRequireCacheTree(child.id);\n }\n }\n }\n\n delete require.cache[resolved];\n}\n\n// @ts-expect-error PluginState vs PluginPass type mismatch in @babel/helper-plugin-utils\nexport default declare<TastyZeroBabelOptions>((api, options) => {\n api.assertVersion(7);\n\n const mode = options.mode ?? 'file';\n const outputPath = options.output || 'tasty.css';\n const resolvedOutputPath = path.resolve(outputPath);\n const injectImport = options.injectImport ?? true;\n\n if (mode === 'file' && injectImport) {\n const dir = path.dirname(resolvedOutputPath);\n\n if (!fs.existsSync(dir)) {\n fs.mkdirSync(dir, { recursive: true });\n }\n\n if (!fs.existsSync(resolvedOutputPath)) {\n fs.writeFileSync(\n resolvedOutputPath,\n '/* Generated by @tenphi/tasty/zero - DO NOT EDIT */\\n',\n );\n }\n }\n\n const configDeps = [\n ...(options.configFile ? [options.configFile] : []),\n ...(options.configDeps || []),\n ];\n\n // Fingerprint for config deps — used to detect config changes\n // and invalidate the shared CSSWriter cache.\n const configKey =\n configDeps.length > 0 ? configDeps.map(mtime).join(',') : '';\n\n // Register external dependencies for babel-loader cache invalidation.\n // When any configDeps file changes, babel-loader discards the cached\n // transform result and re-runs the plugin, picking up fresh config.\n if (configDeps.length > 0) {\n api.cache.using(() => configKey);\n\n for (const dep of configDeps) {\n try {\n (\n api as unknown as { addExternalDependency(path: string): void }\n ).addExternalDependency(dep);\n } catch {\n // addExternalDependency may not be available in all environments\n }\n }\n } else {\n api.cache.forever();\n }\n\n // When configDeps are set, clear the require cache so we get fresh values.\n if (configDeps.length > 0) {\n for (const dep of configDeps) {\n clearRequireCacheTree(dep);\n }\n }\n\n // Look up or create the shared CSSWriter for this output path.\n // When config deps change (different configKey), discard the old writer\n // and reset pipeline state so configure() can run again.\n const cached = writerCache.get(resolvedOutputPath);\n const configChanged = !cached || cached.configKey !== configKey;\n\n if (configChanged) {\n const configOption = options.config;\n let resolvedConfig: TastyZeroConfig;\n\n if (configOption) {\n resolvedConfig =\n typeof configOption === 'function' ? configOption() : configOption;\n } else if (options.configFile) {\n const jiti = createJiti(path.dirname(options.configFile), {\n moduleCache: false,\n });\n\n const loaded = jiti(options.configFile) as\n | TastyZeroConfig\n | { default: TastyZeroConfig };\n // jiti returns the ESM namespace, so unwrap `default` when present.\n resolvedConfig =\n loaded && typeof loaded === 'object' && 'default' in loaded\n ? (loaded.default as TastyZeroConfig)\n : (loaded as TastyZeroConfig);\n } else {\n resolvedConfig = {};\n }\n\n const devMode = resolvedConfig.devMode ?? false;\n\n if (cached) {\n resetConfig();\n }\n\n // Default to the zero-runtime prefix ('ts') unless the user opts out.\n // Using the same `namePrefix` config entry as the runtime keeps the\n // API uniform; the different default prevents collisions when both\n // runtime and zero-runtime classes appear on the same page.\n const finalConfig: TastyZeroConfig = {\n namePrefix: DEFAULT_ZERO_NAME_PREFIX,\n ...resolvedConfig,\n };\n\n configure(finalConfig);\n setExtractorNamePrefix(finalConfig.namePrefix ?? DEFAULT_ZERO_NAME_PREFIX);\n\n const newWriter = new CSSWriter(outputPath, { devMode });\n\n // Emit configured tokens and global styles (file mode only;\n // inject mode handles injection per-file in the post hook).\n if (mode !== 'inject') {\n const tokenCSS = extractCSSFromStyles(':root', getGlobalConfigTokens());\n if (tokenCSS) newWriter.add(':root:tokens', tokenCSS);\n\n const globalStyles = getGlobalStyles();\n if (globalStyles) {\n for (const [selector, styles] of Object.entries(globalStyles)) {\n const css = extractCSSFromStyles(selector, styles);\n if (css) newWriter.add(`global:${selector}`, css);\n }\n }\n }\n\n writerCache.set(resolvedOutputPath, {\n writer: newWriter,\n configKey,\n registry: {},\n config: finalConfig,\n });\n }\n\n const entry = writerCache.get(resolvedOutputPath)!;\n const cssWriter = entry.writer;\n const globalRegistry = entry.registry;\n const config = entry.config;\n const devMode = config.devMode ?? false;\n // When the writer entry was reused from a previous Babel invocation\n // (configChanged=false), make sure the extractor's module-level prefix\n // still matches this build's config — module state can outlive a\n // single configure() call across worker reuse.\n setExtractorNamePrefix(config.namePrefix ?? DEFAULT_ZERO_NAME_PREFIX);\n\n // Precompute token CSS and global styles CSS for inject mode\n let tokenCSS: string | undefined;\n let globalStylesCSS: Map<string, string> | undefined;\n if (mode === 'inject') {\n tokenCSS = extractCSSFromStyles(':root', getGlobalConfigTokens());\n const gs = getGlobalStyles();\n if (gs) {\n globalStylesCSS = new Map();\n for (const [selector, styles] of Object.entries(gs)) {\n const css = extractCSSFromStyles(selector, styles);\n if (css) globalStylesCSS.set(selector, css);\n }\n if (globalStylesCSS.size === 0) globalStylesCSS = undefined;\n }\n }\n\n return {\n name: 'tasty-zero',\n\n pre(this: PluginState) {\n // Initialize per-file registry\n this.staticStyleRegistry = {};\n this._fileAddedCSS = false;\n // Extract source filename for devMode comments\n if (devMode && this.filename) {\n // Get relative path or just filename\n this.sourceFile = this.filename.split('/').pop() || this.filename;\n }\n },\n\n visitor: {\n ImportDeclaration(\n nodePath: NodePath<t.ImportDeclaration>,\n state: PluginState,\n ) {\n const source = nodePath.node.source.value;\n\n if (\n source === '@tenphi/tasty/static' ||\n source.endsWith('/tasty/static')\n ) {\n if (mode === 'inject') {\n nodePath.replaceWith(\n t.importDeclaration(\n [\n t.importSpecifier(\n t.identifier('_$i'),\n t.identifier('injectCSS'),\n ),\n ],\n t.stringLiteral('@tenphi/tasty/static/inject'),\n ),\n );\n } else if (injectImport) {\n let importPath = resolvedOutputPath;\n\n if (state.filename) {\n const sourceDir = path.dirname(state.filename);\n importPath = path.relative(sourceDir, resolvedOutputPath);\n\n if (!importPath.startsWith('.')) {\n importPath = './' + importPath;\n }\n }\n\n nodePath.replaceWith(\n t.importDeclaration([], t.stringLiteral(importPath)),\n );\n } else {\n nodePath.remove();\n }\n }\n },\n\n // Transform tastyStatic() calls\n CallExpression(path: NodePath<t.CallExpression>, state: PluginState) {\n const callee = path.node.callee;\n\n // Match tastyStatic(...) calls\n if (!t.isIdentifier(callee, { name: 'tastyStatic' })) {\n return;\n }\n\n state._fileAddedCSS = true;\n\n const args = path.node.arguments;\n\n if (args.length === 0) {\n throw path.buildCodeFrameError(\n 'tastyStatic() requires at least one argument',\n );\n }\n\n const firstArg = args[0];\n\n if (t.isStringLiteral(firstArg)) {\n // Selector mode: tastyStatic(selector, styles)\n handleSelectorMode(\n path,\n args,\n cssWriter,\n mode,\n state.sourceFile,\n config.keyframes,\n config.autoPropertyTypes,\n config.fontFaces,\n config.counterStyles,\n getGlobalFunctions() ?? undefined,\n );\n } else if (t.isObjectExpression(firstArg)) {\n // Styles mode: tastyStatic(styles)\n handleStylesMode(\n path,\n args,\n cssWriter,\n state,\n globalRegistry,\n mode,\n config.keyframes,\n config.autoPropertyTypes,\n config.fontFaces,\n config.counterStyles,\n getGlobalFunctions() ?? undefined,\n );\n } else if (t.isIdentifier(firstArg)) {\n // Extension mode: tastyStatic(base, styles)\n handleExtensionMode(\n path,\n args,\n cssWriter,\n state,\n globalRegistry,\n mode,\n config.keyframes,\n config.autoPropertyTypes,\n config.fontFaces,\n config.counterStyles,\n getGlobalFunctions() ?? undefined,\n );\n } else {\n throw path.buildCodeFrameError(\n 'tastyStatic() first argument must be an object (styles), ' +\n 'identifier (base StaticStyle), or string (selector)',\n );\n }\n },\n\n // Track variable declarations to register StaticStyle objects\n VariableDeclarator(\n path: NodePath<t.VariableDeclarator>,\n state: PluginState,\n ) {\n const init = path.node.init;\n const id = path.node.id;\n\n // Check if this is a StaticStyle object (has className and styles properties)\n if (\n t.isIdentifier(id) &&\n t.isObjectExpression(init) &&\n isStaticStyleObject(init)\n ) {\n const variableName = id.name;\n const styles = extractStylesFromStaticStyleObject(init, path);\n const className = extractClassNameFromStaticStyleObject(init);\n\n if (styles && className) {\n state.staticStyleRegistry[variableName] = { styles, className };\n globalRegistry[variableName] = { styles, className };\n }\n }\n },\n },\n\n post(this: PluginState) {\n if (mode === 'inject') {\n // In inject mode, inject token/global CSS as top-level statements\n // when this file had tastyStatic calls and config CSS exists.\n if (this._fileAddedCSS && (tokenCSS || globalStylesCSS)) {\n const program = this.file.ast.program;\n\n // Find the position after the inject import\n let insertIndex = 0;\n for (let i = 0; i < program.body.length; i++) {\n if (t.isImportDeclaration(program.body[i])) {\n insertIndex = i + 1;\n }\n }\n\n if (tokenCSS) {\n const injectCall = createInjectCallAST(':root', tokenCSS);\n program.body.splice(\n insertIndex,\n 0,\n t.expressionStatement(injectCall),\n );\n insertIndex++;\n }\n\n if (globalStylesCSS) {\n for (const [selector, css] of globalStylesCSS) {\n const injectCall = createInjectCallAST(selector, css);\n program.body.splice(\n insertIndex,\n 0,\n t.expressionStatement(injectCall),\n );\n insertIndex++;\n }\n }\n }\n return;\n }\n\n // Only write when this file contributed CSS (had tastyStatic calls).\n // In Turbopack, separate workers each have their own CSSWriter with\n // only token CSS. Letting those workers write would overwrite the\n // complete CSS produced by the worker that processed tastyStatic files.\n if (this._fileAddedCSS && cssWriter.size > 0) {\n cssWriter.write();\n }\n },\n };\n});\n\n/**\n * Check if an object expression looks like a StaticStyle object\n */\nfunction isStaticStyleObject(node: t.ObjectExpression): boolean {\n const hasClassName = node.properties.some(\n (p) =>\n t.isObjectProperty(p) && t.isIdentifier(p.key, { name: 'className' }),\n );\n const hasStyles = node.properties.some(\n (p) => t.isObjectProperty(p) && t.isIdentifier(p.key, { name: 'styles' }),\n );\n return hasClassName && hasStyles;\n}\n\n/**\n * Extract styles object from a StaticStyle object expression\n */\nfunction extractStylesFromStaticStyleObject(\n node: t.ObjectExpression,\n path: NodePath,\n): Styles | null {\n for (const prop of node.properties) {\n if (\n t.isObjectProperty(prop) &&\n t.isIdentifier(prop.key, { name: 'styles' }) &&\n t.isObjectExpression(prop.value)\n ) {\n return evaluateObjectExpression(prop.value, path) as Styles;\n }\n }\n return null;\n}\n\n/**\n * Extract className from a StaticStyle object expression\n */\nfunction extractClassNameFromStaticStyleObject(\n node: t.ObjectExpression,\n): string | null {\n for (const prop of node.properties) {\n if (\n t.isObjectProperty(prop) &&\n t.isIdentifier(prop.key, { name: 'className' }) &&\n t.isStringLiteral(prop.value)\n ) {\n return prop.value.value;\n }\n }\n return null;\n}\n\n/**\n * Handle tastyStatic(styles) - returns StaticStyle object\n */\nfunction handleStylesMode(\n path: NodePath<t.CallExpression>,\n args: t.CallExpression['arguments'],\n cssWriter: CSSWriter,\n state: PluginState,\n globalRegistry: StaticStyleRegistry,\n mode: 'file' | 'inject',\n globalKeyframes?: Record<string, KeyframesSteps>,\n autoPropertyTypes?: boolean,\n globalFontFace?: Record<string, FontFaceInput>,\n globalCounterStyle?: Record<string, CounterStyleDescriptors>,\n globalFunction?: Record<string, FunctionDefinition>,\n): void {\n const stylesArg = args[0];\n\n if (!t.isObjectExpression(stylesArg)) {\n throw path.buildCodeFrameError(\n 'tastyStatic(styles) argument must be a static object literal',\n );\n }\n\n // Evaluate styles object at build time\n const rawStyles = evaluateObjectExpression(stylesArg, path) as Styles;\n\n // Resolve recipes before extraction\n const styles = resolveRecipes(rawStyles);\n\n // Extract keyframes (deduplicated by content)\n const { keyframes, nameMap } = extractKeyframesFromStyles(\n styles,\n globalKeyframes,\n );\n\n // Extract and add auto-inferred @property rules\n const properties = extractPropertiesFromStyles(styles, { autoPropertyTypes });\n\n // Extract @font-face rules\n const fontFaces = extractFontFaceFromStyles(styles, globalFontFace);\n\n // Extract @counter-style rules\n const counterStyles = extractCounterStyleFromStyles(\n styles,\n globalCounterStyle,\n );\n\n // Extract @function rules\n const functions = extractFunctionsFromStyles(styles, globalFunction);\n\n // Extract styles with chunking\n const chunks = extractStylesWithChunks(styles);\n\n const className =\n chunks.length > 0 ? chunks.map((c) => c.className).join(' ') : '';\n const staticStyleObject = createStaticStyleAST(className, styles);\n\n if (mode === 'inject') {\n const allCSS = collectAllCSS(\n keyframes,\n properties,\n fontFaces,\n counterStyles,\n functions,\n chunks,\n nameMap,\n );\n const injectCall = createInjectCallAST(className, allCSS);\n\n path.replaceWith(t.sequenceExpression([injectCall, staticStyleObject]));\n } else {\n writeCSSToWriter(\n cssWriter,\n keyframes,\n properties,\n fontFaces,\n counterStyles,\n functions,\n chunks,\n nameMap,\n state.sourceFile,\n );\n path.replaceWith(staticStyleObject);\n }\n\n registerIfVariableDeclaration(path, className, styles, state, globalRegistry);\n}\n\n/**\n * Handle tastyStatic(base, styles) - extends base with additional styles\n */\nfunction handleExtensionMode(\n path: NodePath<t.CallExpression>,\n args: t.CallExpression['arguments'],\n cssWriter: CSSWriter,\n state: PluginState,\n globalRegistry: StaticStyleRegistry,\n mode: 'file' | 'inject',\n globalKeyframes?: Record<string, KeyframesSteps>,\n autoPropertyTypes?: boolean,\n globalFontFace?: Record<string, FontFaceInput>,\n globalCounterStyle?: Record<string, CounterStyleDescriptors>,\n globalFunction?: Record<string, FunctionDefinition>,\n): void {\n if (args.length < 2) {\n throw path.buildCodeFrameError(\n 'tastyStatic(base, styles) requires two arguments',\n );\n }\n\n const baseArg = args[0];\n const stylesArg = args[1];\n\n if (!t.isIdentifier(baseArg)) {\n throw path.buildCodeFrameError(\n 'tastyStatic(base, styles) first argument must be an identifier',\n );\n }\n\n if (!t.isObjectExpression(stylesArg)) {\n throw path.buildCodeFrameError(\n 'tastyStatic(base, styles) second argument must be a static object literal',\n );\n }\n\n const baseName = baseArg.name;\n\n // Look up base styles in registry\n const baseEntry =\n state.staticStyleRegistry[baseName] || globalRegistry[baseName];\n\n if (!baseEntry) {\n throw path.buildCodeFrameError(\n `Cannot find base StaticStyle '${baseName}'. ` +\n 'Make sure it is defined before being extended.',\n );\n }\n\n // Evaluate override styles\n const overrideStyles = evaluateObjectExpression(stylesArg, path) as Styles;\n\n // Merge styles using mergeStyles, then resolve recipes\n const mergedStyles = resolveRecipes(\n mergeStyles(baseEntry.styles, overrideStyles),\n );\n\n // Extract keyframes (deduplicated by content)\n const { keyframes, nameMap } = extractKeyframesFromStyles(\n mergedStyles,\n globalKeyframes,\n );\n\n // Extract auto-inferred @property rules\n const properties = extractPropertiesFromStyles(mergedStyles, {\n autoPropertyTypes,\n });\n\n // Extract @font-face rules\n const fontFaces = extractFontFaceFromStyles(mergedStyles, globalFontFace);\n\n // Extract @counter-style rules\n const counterStyles = extractCounterStyleFromStyles(\n mergedStyles,\n globalCounterStyle,\n );\n\n // Extract @function rules\n const functions = extractFunctionsFromStyles(mergedStyles, globalFunction);\n\n // Extract styles with chunking\n const chunks = extractStylesWithChunks(mergedStyles);\n\n const className =\n chunks.length > 0 ? chunks.map((c) => c.className).join(' ') : '';\n const staticStyleObject = createStaticStyleAST(className, mergedStyles);\n\n if (mode === 'inject') {\n const allCSS = collectAllCSS(\n keyframes,\n properties,\n fontFaces,\n counterStyles,\n functions,\n chunks,\n nameMap,\n );\n const injectCall = createInjectCallAST(className, allCSS);\n\n path.replaceWith(t.sequenceExpression([injectCall, staticStyleObject]));\n } else {\n writeCSSToWriter(\n cssWriter,\n keyframes,\n properties,\n fontFaces,\n counterStyles,\n functions,\n chunks,\n nameMap,\n state.sourceFile,\n );\n path.replaceWith(staticStyleObject);\n }\n\n registerIfVariableDeclaration(\n path,\n className,\n mergedStyles,\n state,\n globalRegistry,\n );\n}\n\n/**\n * Handle tastyStatic(selector, styles) - removes the call entirely\n */\nfunction handleSelectorMode(\n path: NodePath<t.CallExpression>,\n args: t.CallExpression['arguments'],\n cssWriter: CSSWriter,\n mode: 'file' | 'inject',\n sourceFile?: string,\n globalKeyframes?: Record<string, KeyframesSteps>,\n autoPropertyTypes?: boolean,\n globalFontFace?: Record<string, FontFaceInput>,\n globalCounterStyle?: Record<string, CounterStyleDescriptors>,\n globalFunction?: Record<string, FunctionDefinition>,\n): void {\n if (args.length < 2) {\n throw path.buildCodeFrameError(\n 'tastyStatic(selector, styles) requires two arguments',\n );\n }\n\n const selectorArg = args[0];\n const stylesArg = args[1];\n\n if (!t.isStringLiteral(selectorArg)) {\n throw path.buildCodeFrameError(\n 'tastyStatic(selector, styles) first argument must be a string literal',\n );\n }\n\n if (!t.isObjectExpression(stylesArg)) {\n throw path.buildCodeFrameError(\n 'tastyStatic(selector, styles) second argument must be a static object literal',\n );\n }\n\n const selector = selectorArg.value;\n const rawStyles = evaluateObjectExpression(stylesArg, path) as Styles;\n\n // Resolve recipes before extraction\n const styles = resolveRecipes(rawStyles);\n\n // Extract keyframes (deduplicated by content)\n const { keyframes, nameMap } = extractKeyframesFromStyles(\n styles,\n globalKeyframes,\n );\n\n // Extract auto-inferred @property rules\n const properties = extractPropertiesFromStyles(styles, { autoPropertyTypes });\n\n // Extract @font-face rules\n const fontFaces = extractFontFaceFromStyles(styles, globalFontFace);\n\n // Extract @counter-style rules\n const counterStyles = extractCounterStyleFromStyles(\n styles,\n globalCounterStyle,\n );\n\n // Extract @function rules\n const functions = extractFunctionsFromStyles(styles, globalFunction);\n\n // Extract styles for selector\n const result = extractStylesForSelector(selector, styles);\n\n const selectorCSS =\n nameMap.size > 0\n ? replaceAnimationNamesInCSS(result.css, nameMap)\n : result.css;\n\n if (mode === 'inject') {\n const cssParts: string[] = [];\n\n for (const kf of keyframes) cssParts.push(kf.css);\n for (const prop of properties) cssParts.push(prop.css);\n for (const ff of fontFaces) cssParts.push(ff.css);\n for (const cs of counterStyles) cssParts.push(cs.css);\n for (const fn of functions) cssParts.push(fn.css);\n cssParts.push(selectorCSS);\n\n const injectCall = createInjectCallAST(selector, cssParts.join('\\n'));\n\n const parent = path.parentPath;\n if (parent && t.isExpressionStatement(parent.node)) {\n parent.replaceWith(t.expressionStatement(injectCall));\n } else {\n path.replaceWith(injectCall);\n }\n } else {\n writeCSSToWriter(\n cssWriter,\n keyframes,\n properties,\n fontFaces,\n counterStyles,\n functions,\n [],\n nameMap,\n sourceFile,\n );\n cssWriter.add(selector, selectorCSS, sourceFile);\n\n const parent = path.parentPath;\n if (parent && t.isExpressionStatement(parent.node)) {\n parent.remove();\n } else {\n path.replaceWith(t.identifier('undefined'));\n }\n }\n}\n\n/**\n * Collect all extracted CSS parts into a single string (for inject mode).\n */\nfunction collectAllCSS(\n keyframes: ExtractedKeyframes[],\n properties: ExtractedProperty[],\n fontFaces: ExtractedFontFace[],\n counterStyles: ExtractedCounterStyle[],\n functions: ExtractedFunction[],\n chunks: ExtractedChunk[],\n nameMap: Map<string, string>,\n): string {\n const parts: string[] = [];\n\n for (const kf of keyframes) parts.push(kf.css);\n for (const prop of properties) parts.push(prop.css);\n for (const ff of fontFaces) parts.push(ff.css);\n for (const cs of counterStyles) parts.push(cs.css);\n for (const fn of functions) parts.push(fn.css);\n\n for (const chunk of chunks) {\n parts.push(\n nameMap.size > 0\n ? replaceAnimationNamesInCSS(chunk.css, nameMap)\n : chunk.css,\n );\n }\n\n return parts.join('\\n');\n}\n\n/**\n * Write all extracted CSS parts to a CSSWriter (for file mode).\n */\nfunction writeCSSToWriter(\n cssWriter: CSSWriter,\n keyframes: ExtractedKeyframes[],\n properties: ExtractedProperty[],\n fontFaces: ExtractedFontFace[],\n counterStyles: ExtractedCounterStyle[],\n functions: ExtractedFunction[],\n chunks: ExtractedChunk[],\n nameMap: Map<string, string>,\n sourceFile?: string,\n): void {\n for (const kf of keyframes) {\n cssWriter.add(kf.css, kf.css, sourceFile);\n }\n for (const prop of properties) {\n cssWriter.add(prop.css, prop.css, sourceFile);\n }\n for (const ff of fontFaces) {\n cssWriter.add(ff.css, ff.css, sourceFile);\n }\n for (const cs of counterStyles) {\n cssWriter.add(cs.css, cs.css, sourceFile);\n }\n for (const fn of functions) {\n cssWriter.add(fn.css, fn.css, sourceFile);\n }\n\n for (const chunk of chunks) {\n const css =\n nameMap.size > 0\n ? replaceAnimationNamesInCSS(chunk.css, nameMap)\n : chunk.css;\n cssWriter.add(chunk.className, css, sourceFile);\n }\n}\n\n/**\n * Extract CSS for a selector from a styles/tokens object.\n * Returns undefined when there are no styles or no CSS output.\n */\nfunction extractCSSFromStyles(\n selector: string,\n styles: Styles | ConfigTokens | null,\n): string | undefined {\n if (!styles || Object.keys(styles).length === 0) return undefined;\n const result = extractStylesForSelector(selector, styles as Styles);\n return result.css || undefined;\n}\n\n/**\n * Create an `_$i(id, css)` call expression AST node for inject mode.\n */\nfunction createInjectCallAST(id: string, css: string): t.CallExpression {\n return t.callExpression(t.identifier('_$i'), [\n t.stringLiteral(id),\n t.stringLiteral(css),\n ]);\n}\n\n/**\n * Create a StaticStyle object AST node\n */\nfunction createStaticStyleAST(\n className: string,\n styles: Styles,\n): t.ObjectExpression {\n return t.objectExpression([\n t.objectProperty(t.identifier('className'), t.stringLiteral(className)),\n t.objectProperty(t.identifier('styles'), valueToAST(styles)),\n t.objectMethod(\n 'method',\n t.identifier('toString'),\n [],\n t.blockStatement([\n t.returnStatement(\n t.memberExpression(t.thisExpression(), t.identifier('className')),\n ),\n ]),\n ),\n ]);\n}\n\n/**\n * Register a StaticStyle in the registry if it's being assigned to a variable\n */\nfunction registerIfVariableDeclaration(\n path: NodePath,\n className: string,\n styles: Styles,\n state: PluginState,\n globalRegistry: StaticStyleRegistry,\n): void {\n const parent = path.parentPath;\n if (parent && t.isVariableDeclarator(parent.node)) {\n const id = parent.node.id;\n if (t.isIdentifier(id)) {\n const variableName = id.name;\n state.staticStyleRegistry[variableName] = { styles, className };\n globalRegistry[variableName] = { styles, className };\n }\n }\n}\n\n/**\n * Convert a JavaScript value to an AST node\n */\nfunction valueToAST(value: unknown): t.Expression {\n if (value === null) {\n return t.nullLiteral();\n }\n if (value === undefined) {\n return t.identifier('undefined');\n }\n if (typeof value === 'string') {\n return t.stringLiteral(value);\n }\n if (typeof value === 'number') {\n return t.numericLiteral(value);\n }\n if (typeof value === 'boolean') {\n return t.booleanLiteral(value);\n }\n if (Array.isArray(value)) {\n return t.arrayExpression(value.map(valueToAST));\n }\n if (typeof value === 'object') {\n const properties = Object.entries(value).map(([key, val]) =>\n t.objectProperty(\n /^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(key)\n ? t.identifier(key)\n : t.stringLiteral(key),\n valueToAST(val),\n ),\n );\n return t.objectExpression(properties);\n }\n // Fallback for unsupported types\n return t.identifier('undefined');\n}\n\n/**\n * Evaluate an ObjectExpression to a plain JavaScript object.\n * Only supports static values that can be determined at build time.\n */\nfunction evaluateObjectExpression(\n node: t.ObjectExpression,\n path: NodePath,\n): Record<string, unknown> {\n const result: Record<string, unknown> = {};\n\n for (const prop of node.properties) {\n if (t.isSpreadElement(prop)) {\n throw path.buildCodeFrameError(\n 'Spread elements are not supported in tastyStatic() - styles must be fully static',\n );\n }\n\n if (!t.isObjectProperty(prop)) {\n throw path.buildCodeFrameError(\n 'Only object properties are supported in tastyStatic()',\n );\n }\n\n // Get key\n let key: string;\n if (t.isIdentifier(prop.key)) {\n key = prop.key.name;\n } else if (t.isStringLiteral(prop.key)) {\n key = prop.key.value;\n } else {\n throw path.buildCodeFrameError(\n 'Dynamic property keys are not supported in tastyStatic()',\n );\n }\n\n // Get value\n const value = evaluateExpression(prop.value, path);\n result[key] = value;\n }\n\n return result;\n}\n\n/**\n * Evaluate an expression to a JavaScript value.\n */\nfunction evaluateExpression(node: t.Node, path: NodePath): unknown {\n if (t.isStringLiteral(node)) {\n return node.value;\n }\n\n if (t.isNumericLiteral(node)) {\n return node.value;\n }\n\n if (t.isBooleanLiteral(node)) {\n return node.value;\n }\n\n if (t.isNullLiteral(node)) {\n return null;\n }\n\n if (t.isIdentifier(node, { name: 'undefined' })) {\n return undefined;\n }\n\n if (t.isArrayExpression(node)) {\n return node.elements.map((el) => {\n if (el === null) return null;\n if (t.isSpreadElement(el)) {\n throw path.buildCodeFrameError(\n 'Spread elements are not supported in tastyStatic()',\n );\n }\n return evaluateExpression(el, path);\n });\n }\n\n if (t.isObjectExpression(node)) {\n return evaluateObjectExpression(node, path);\n }\n\n if (t.isTemplateLiteral(node)) {\n // Only support template literals without expressions\n if (node.expressions.length > 0) {\n throw path.buildCodeFrameError(\n 'Template literals with expressions are not supported in tastyStatic()',\n );\n }\n return node.quasis.map((q) => q.value.cooked).join('');\n }\n\n if (t.isUnaryExpression(node, { operator: '-' })) {\n const arg = evaluateExpression(node.argument, path);\n if (typeof arg === 'number') {\n return -arg;\n }\n }\n\n throw path.buildCodeFrameError(\n `Dynamic expressions are not supported in tastyStatic() - got ${node.type}. ` +\n 'All values must be static literals.',\n );\n}\n\n/**\n * Replace animation names in CSS string.\n * Wraps the keyframes replaceAnimationNames to work on full CSS blocks.\n */\nfunction replaceAnimationNamesInCSS(\n css: string,\n nameMap: Map<string, string>,\n): string {\n if (nameMap.size === 0) return css;\n\n // The CSS contains full rules like \".class { animation: name 1s; }\"\n // We need to replace animation names within declaration blocks\n return css.replace(\n /(animation(?:-name)?)\\s*:\\s*([^;}]+)/gi,\n (match, prop, value) => {\n let newValue = value;\n for (const [original, replacement] of nameMap) {\n // Word boundary replacement\n const pattern = new RegExp(`\\\\b${escapeRegex(original)}\\\\b`, 'g');\n newValue = newValue.replace(pattern, replacement);\n }\n return `${prop}: ${newValue}`;\n },\n );\n}\n\n/**\n * Escape special regex characters.\n */\nfunction escapeRegex(str: string): string {\n return str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"babel.js","names":[],"sources":["../../src/zero/writer-cache.ts","../../src/zero/babel.ts"],"sourcesContent":["/**\n * Internal shared CSSWriter cache for the zero-runtime Babel plugin.\n *\n * Kept in a separate non-exported module so `clearWriterCache` is not part\n * of the public `@tenphi/tasty/babel-plugin` entry surface. The Babel plugin\n * and its tests import from here directly.\n */\n\nimport type { CSSWriter } from './css-writer';\nimport type { Styles } from '../styles/types';\nimport type { TastyZeroConfig } from './babel-types';\n\n/**\n * Registry of static styles keyed by their source identifier.\n * Used to resolve base styles when extending.\n */\nexport type StaticStyleRegistry = Record<\n string,\n {\n styles: Styles;\n className: string;\n }\n>;\n\nexport interface WriterCacheEntry {\n writer: CSSWriter;\n configKey: string;\n registry: StaticStyleRegistry;\n config: TastyZeroConfig;\n}\n\nexport const writerCache = new Map<string, WriterCacheEntry>();\n\n/** Clear the shared CSSWriter cache. Exposed for testing. */\nexport function clearWriterCache(): void {\n writerCache.clear();\n}\n","/**\n * Babel plugin for zero-runtime tasty static site generation.\n *\n * Transforms:\n * - `tastyStatic(styles)` → StaticStyle object { className, styles, toString() }\n * - `tastyStatic(base, styles)` → StaticStyle object with merged styles\n * - `tastyStatic(selector, styles)` → removed entirely\n *\n * Usage:\n * ```javascript\n * // babel.config.js\n * module.exports = {\n * plugins: [\n * ['@tenphi/tasty/babel-plugin', { output: 'public/tasty.css' }]\n * ]\n * };\n * ```\n */\n\nimport * as fs from 'fs';\nimport * as path from 'path';\n\nimport { declare } from '@babel/helper-plugin-utils';\nimport * as t from '@babel/types';\nimport { createJiti } from 'jiti';\n\nimport {\n configure,\n getGlobalFunctions,\n getGlobalStyles,\n getGlobalConfigTokens,\n resetConfig,\n} from '../config';\nimport type { Styles, ConfigTokens } from '../styles/types';\nimport { mergeStyles } from '../utils/merge-styles';\nimport { DEFAULT_ZERO_NAME_PREFIX } from '../utils/name-prefix';\nimport { resolveRecipes } from '../utils/resolve-recipes';\n\nimport { CSSWriter } from './css-writer';\nimport type { TastyZeroConfig } from './babel-types';\nexport type { TastyZeroConfig } from './babel-types';\nimport { writerCache, type StaticStyleRegistry } from './writer-cache';\nimport {\n extractCounterStyleFromStyles,\n extractFontFaceFromStyles,\n extractFunctionsFromStyles,\n extractKeyframesFromStyles,\n extractPropertiesFromStyles,\n extractStylesForSelector,\n extractStylesWithChunks,\n setExtractorNamePrefix,\n} from './extractor';\nimport type {\n ExtractedChunk,\n ExtractedCounterStyle,\n ExtractedFontFace,\n ExtractedFunction,\n ExtractedKeyframes,\n ExtractedProperty,\n} from './extractor';\n\nimport type { NodePath, PluginPass } from '@babel/core';\nimport type {\n CounterStyleDescriptors,\n FontFaceInput,\n FunctionDefinition,\n KeyframesSteps,\n} from '../injector/types';\n\n/**\n * Options for the `@tenphi/tasty/babel-plugin` Babel plugin.\n */\nexport interface TastyZeroBabelOptions {\n /** Output path for generated CSS (default: 'tasty.css') */\n output?: string;\n /**\n * Tasty configuration for build-time processing.\n * Can be a static object or a factory function that returns fresh config.\n * A factory is called on each plugin invocation, enabling hot reload\n * of config values that depend on external files (e.g. theme tokens).\n */\n config?: TastyZeroConfig | (() => TastyZeroConfig);\n /**\n * Absolute path to a TypeScript/JavaScript module that default-exports\n * a `TastyZeroConfig` object. The module is loaded via jiti on each\n * plugin invocation, enabling hot reload when the file changes.\n *\n * This option is JSON-serializable and is the primary way Turbopack\n * passes config to the Babel plugin (since Turbopack loader options\n * must be plain primitives/objects/arrays).\n *\n * When both `config` and `configFile` are set, `config` takes precedence.\n *\n * @example '/absolute/path/to/tasty-zero.config.ts'\n */\n configFile?: string;\n /**\n * Absolute file paths whose content affects the generated CSS.\n * When any of these files change, babel-loader invalidates its cache\n * and re-runs the plugin with fresh config values.\n *\n * Typically includes theme files that define Glaze palettes or token values.\n * Paths must be absolute (resolved by the Next.js wrapper).\n */\n configDeps?: string[];\n /**\n * Automatically replace `@tenphi/tasty/static` imports with an import\n * of the generated CSS file. This eliminates the need for users to\n * manually import the CSS in their app entry point.\n *\n * @default true\n */\n injectImport?: boolean;\n /**\n * Output mode for extracted CSS.\n *\n * - `'file'` (default): CSS is written to a single output file and\n * the `@tenphi/tasty/static` import is rewritten to import that file.\n * - `'inject'`: CSS is embedded inline in the JS output and injected\n * at runtime via a tiny injector from `@tenphi/tasty/static/inject`.\n * No CSS file is written. Each `tastyStatic` call becomes\n * self-contained. Best for reusable components and extensions.\n *\n * When `mode` is `'inject'`, `output` and `injectImport` are ignored.\n *\n * @default 'file'\n */\n mode?: 'file' | 'inject';\n}\n\ninterface PluginState extends PluginPass {\n staticStyleRegistry: StaticStyleRegistry;\n /** Current source file path (for devMode source comments) */\n sourceFile?: string;\n /** Whether this file added CSS blocks to the writer (via tastyStatic calls) */\n _fileAddedCSS?: boolean;\n}\n\nfunction mtime(filePath: string): number | null {\n try {\n return fs.statSync(filePath).mtimeMs;\n } catch {\n return null;\n }\n}\n\nfunction clearRequireCacheTree(filePath: string): void {\n let resolved: string;\n\n try {\n resolved = require.resolve(filePath);\n } catch {\n return;\n }\n\n const mod = require.cache[resolved];\n\n if (!mod) return;\n\n const dir = resolved.substring(0, resolved.lastIndexOf('/'));\n\n if (mod.children) {\n for (const child of mod.children) {\n if (child.id.startsWith(dir) && !child.id.includes('node_modules')) {\n clearRequireCacheTree(child.id);\n }\n }\n }\n\n delete require.cache[resolved];\n}\n\n// @ts-expect-error PluginState vs PluginPass type mismatch in @babel/helper-plugin-utils\nexport default declare<TastyZeroBabelOptions>((api, options) => {\n api.assertVersion(7);\n\n const mode = options.mode ?? 'file';\n const outputPath = options.output || 'tasty.css';\n const resolvedOutputPath = path.resolve(outputPath);\n const injectImport = options.injectImport ?? true;\n\n if (mode === 'file' && injectImport) {\n const dir = path.dirname(resolvedOutputPath);\n\n if (!fs.existsSync(dir)) {\n fs.mkdirSync(dir, { recursive: true });\n }\n\n if (!fs.existsSync(resolvedOutputPath)) {\n fs.writeFileSync(\n resolvedOutputPath,\n '/* Generated by @tenphi/tasty/zero - DO NOT EDIT */\\n',\n );\n }\n }\n\n const configDeps = [\n ...(options.configFile ? [options.configFile] : []),\n ...(options.configDeps || []),\n ];\n\n // Fingerprint for config deps — used to detect config changes\n // and invalidate the shared CSSWriter cache.\n const configKey =\n configDeps.length > 0 ? configDeps.map(mtime).join(',') : '';\n\n // Register external dependencies for babel-loader cache invalidation.\n // When any configDeps file changes, babel-loader discards the cached\n // transform result and re-runs the plugin, picking up fresh config.\n if (configDeps.length > 0) {\n api.cache.using(() => configKey);\n\n for (const dep of configDeps) {\n try {\n (\n api as unknown as { addExternalDependency(path: string): void }\n ).addExternalDependency(dep);\n } catch {\n // addExternalDependency may not be available in all environments\n }\n }\n } else {\n api.cache.forever();\n }\n\n // When configDeps are set, clear the require cache so we get fresh values.\n if (configDeps.length > 0) {\n for (const dep of configDeps) {\n clearRequireCacheTree(dep);\n }\n }\n\n // Look up or create the shared CSSWriter for this output path.\n // When config deps change (different configKey), discard the old writer\n // and reset pipeline state so configure() can run again.\n const cached = writerCache.get(resolvedOutputPath);\n const configChanged = !cached || cached.configKey !== configKey;\n\n if (configChanged) {\n const configOption = options.config;\n let resolvedConfig: TastyZeroConfig;\n\n if (configOption) {\n resolvedConfig =\n typeof configOption === 'function' ? configOption() : configOption;\n } else if (options.configFile) {\n const jiti = createJiti(path.dirname(options.configFile), {\n moduleCache: false,\n });\n\n const loaded = jiti(options.configFile) as\n TastyZeroConfig | { default: TastyZeroConfig };\n // jiti returns the ESM namespace, so unwrap `default` when present.\n resolvedConfig =\n loaded && typeof loaded === 'object' && 'default' in loaded\n ? (loaded.default as TastyZeroConfig)\n : (loaded as TastyZeroConfig);\n } else {\n resolvedConfig = {};\n }\n\n const devMode = resolvedConfig.devMode ?? false;\n\n if (cached) {\n resetConfig();\n }\n\n // Default to the zero-runtime prefix ('ts') unless the user opts out.\n // Using the same `namePrefix` config entry as the runtime keeps the\n // API uniform; the different default prevents collisions when both\n // runtime and zero-runtime classes appear on the same page.\n const finalConfig: TastyZeroConfig = {\n namePrefix: DEFAULT_ZERO_NAME_PREFIX,\n ...resolvedConfig,\n };\n\n configure(finalConfig);\n setExtractorNamePrefix(finalConfig.namePrefix ?? DEFAULT_ZERO_NAME_PREFIX);\n\n const newWriter = new CSSWriter(outputPath, { devMode });\n\n // Emit configured tokens and global styles (file mode only;\n // inject mode handles injection per-file in the post hook).\n if (mode !== 'inject') {\n const tokenCSS = extractCSSFromStyles(':root', getGlobalConfigTokens());\n if (tokenCSS) newWriter.add(':root:tokens', tokenCSS);\n\n const globalStyles = getGlobalStyles();\n if (globalStyles) {\n for (const [selector, styles] of Object.entries(globalStyles)) {\n const css = extractCSSFromStyles(selector, styles);\n if (css) newWriter.add(`global:${selector}`, css);\n }\n }\n }\n\n writerCache.set(resolvedOutputPath, {\n writer: newWriter,\n configKey,\n registry: {},\n config: finalConfig,\n });\n }\n\n const entry = writerCache.get(resolvedOutputPath)!;\n const cssWriter = entry.writer;\n const globalRegistry = entry.registry;\n const config = entry.config;\n const devMode = config.devMode ?? false;\n // When the writer entry was reused from a previous Babel invocation\n // (configChanged=false), make sure the extractor's module-level prefix\n // still matches this build's config — module state can outlive a\n // single configure() call across worker reuse.\n setExtractorNamePrefix(config.namePrefix ?? DEFAULT_ZERO_NAME_PREFIX);\n\n // Precompute token CSS and global styles CSS for inject mode\n let tokenCSS: string | undefined;\n let globalStylesCSS: Map<string, string> | undefined;\n if (mode === 'inject') {\n tokenCSS = extractCSSFromStyles(':root', getGlobalConfigTokens());\n const gs = getGlobalStyles();\n if (gs) {\n globalStylesCSS = new Map();\n for (const [selector, styles] of Object.entries(gs)) {\n const css = extractCSSFromStyles(selector, styles);\n if (css) globalStylesCSS.set(selector, css);\n }\n if (globalStylesCSS.size === 0) globalStylesCSS = undefined;\n }\n }\n\n return {\n name: 'tasty-zero',\n\n pre(this: PluginState) {\n // Initialize per-file registry\n this.staticStyleRegistry = {};\n this._fileAddedCSS = false;\n // Extract source filename for devMode comments\n if (devMode && this.filename) {\n // Get relative path or just filename\n this.sourceFile = this.filename.split('/').pop() || this.filename;\n }\n },\n\n visitor: {\n ImportDeclaration(\n nodePath: NodePath<t.ImportDeclaration>,\n state: PluginState,\n ) {\n const source = nodePath.node.source.value;\n\n if (\n source === '@tenphi/tasty/static' ||\n source.endsWith('/tasty/static')\n ) {\n if (mode === 'inject') {\n nodePath.replaceWith(\n t.importDeclaration(\n [\n t.importSpecifier(\n t.identifier('_$i'),\n t.identifier('injectCSS'),\n ),\n ],\n t.stringLiteral('@tenphi/tasty/static/inject'),\n ),\n );\n } else if (injectImport) {\n let importPath = resolvedOutputPath;\n\n if (state.filename) {\n const sourceDir = path.dirname(state.filename);\n importPath = path.relative(sourceDir, resolvedOutputPath);\n\n if (!importPath.startsWith('.')) {\n importPath = './' + importPath;\n }\n }\n\n nodePath.replaceWith(\n t.importDeclaration([], t.stringLiteral(importPath)),\n );\n } else {\n nodePath.remove();\n }\n }\n },\n\n // Transform tastyStatic() calls\n CallExpression(path: NodePath<t.CallExpression>, state: PluginState) {\n const callee = path.node.callee;\n\n // Match tastyStatic(...) calls\n if (!t.isIdentifier(callee, { name: 'tastyStatic' })) {\n return;\n }\n\n state._fileAddedCSS = true;\n\n const args = path.node.arguments;\n\n if (args.length === 0) {\n throw path.buildCodeFrameError(\n 'tastyStatic() requires at least one argument',\n );\n }\n\n const firstArg = args[0];\n\n if (t.isStringLiteral(firstArg)) {\n // Selector mode: tastyStatic(selector, styles)\n handleSelectorMode(\n path,\n args,\n cssWriter,\n mode,\n state.sourceFile,\n config.keyframes,\n config.autoPropertyTypes,\n config.fontFaces,\n config.counterStyles,\n getGlobalFunctions() ?? undefined,\n );\n } else if (t.isObjectExpression(firstArg)) {\n // Styles mode: tastyStatic(styles)\n handleStylesMode(\n path,\n args,\n cssWriter,\n state,\n globalRegistry,\n mode,\n config.keyframes,\n config.autoPropertyTypes,\n config.fontFaces,\n config.counterStyles,\n getGlobalFunctions() ?? undefined,\n );\n } else if (t.isIdentifier(firstArg)) {\n // Extension mode: tastyStatic(base, styles)\n handleExtensionMode(\n path,\n args,\n cssWriter,\n state,\n globalRegistry,\n mode,\n config.keyframes,\n config.autoPropertyTypes,\n config.fontFaces,\n config.counterStyles,\n getGlobalFunctions() ?? undefined,\n );\n } else {\n throw path.buildCodeFrameError(\n 'tastyStatic() first argument must be an object (styles), ' +\n 'identifier (base StaticStyle), or string (selector)',\n );\n }\n },\n\n // Track variable declarations to register StaticStyle objects\n VariableDeclarator(\n path: NodePath<t.VariableDeclarator>,\n state: PluginState,\n ) {\n const init = path.node.init;\n const id = path.node.id;\n\n // Check if this is a StaticStyle object (has className and styles properties)\n if (\n t.isIdentifier(id) &&\n t.isObjectExpression(init) &&\n isStaticStyleObject(init)\n ) {\n const variableName = id.name;\n const styles = extractStylesFromStaticStyleObject(init, path);\n const className = extractClassNameFromStaticStyleObject(init);\n\n if (styles && className) {\n state.staticStyleRegistry[variableName] = { styles, className };\n globalRegistry[variableName] = { styles, className };\n }\n }\n },\n },\n\n post(this: PluginState) {\n if (mode === 'inject') {\n // In inject mode, inject token/global CSS as top-level statements\n // when this file had tastyStatic calls and config CSS exists.\n if (this._fileAddedCSS && (tokenCSS || globalStylesCSS)) {\n const program = this.file.ast.program;\n\n // Find the position after the inject import\n let insertIndex = 0;\n for (let i = 0; i < program.body.length; i++) {\n if (t.isImportDeclaration(program.body[i])) {\n insertIndex = i + 1;\n }\n }\n\n if (tokenCSS) {\n const injectCall = createInjectCallAST(':root', tokenCSS);\n program.body.splice(\n insertIndex,\n 0,\n t.expressionStatement(injectCall),\n );\n insertIndex++;\n }\n\n if (globalStylesCSS) {\n for (const [selector, css] of globalStylesCSS) {\n const injectCall = createInjectCallAST(selector, css);\n program.body.splice(\n insertIndex,\n 0,\n t.expressionStatement(injectCall),\n );\n insertIndex++;\n }\n }\n }\n return;\n }\n\n // Only write when this file contributed CSS (had tastyStatic calls).\n // In Turbopack, separate workers each have their own CSSWriter with\n // only token CSS. Letting those workers write would overwrite the\n // complete CSS produced by the worker that processed tastyStatic files.\n if (this._fileAddedCSS && cssWriter.size > 0) {\n cssWriter.write();\n }\n },\n };\n});\n\n/**\n * Check if an object expression looks like a StaticStyle object\n */\nfunction isStaticStyleObject(node: t.ObjectExpression): boolean {\n const hasClassName = node.properties.some(\n (p) =>\n t.isObjectProperty(p) && t.isIdentifier(p.key, { name: 'className' }),\n );\n const hasStyles = node.properties.some(\n (p) => t.isObjectProperty(p) && t.isIdentifier(p.key, { name: 'styles' }),\n );\n return hasClassName && hasStyles;\n}\n\n/**\n * Extract styles object from a StaticStyle object expression\n */\nfunction extractStylesFromStaticStyleObject(\n node: t.ObjectExpression,\n path: NodePath,\n): Styles | null {\n for (const prop of node.properties) {\n if (\n t.isObjectProperty(prop) &&\n t.isIdentifier(prop.key, { name: 'styles' }) &&\n t.isObjectExpression(prop.value)\n ) {\n return evaluateObjectExpression(prop.value, path) as Styles;\n }\n }\n return null;\n}\n\n/**\n * Extract className from a StaticStyle object expression\n */\nfunction extractClassNameFromStaticStyleObject(\n node: t.ObjectExpression,\n): string | null {\n for (const prop of node.properties) {\n if (\n t.isObjectProperty(prop) &&\n t.isIdentifier(prop.key, { name: 'className' }) &&\n t.isStringLiteral(prop.value)\n ) {\n return prop.value.value;\n }\n }\n return null;\n}\n\n/**\n * Handle tastyStatic(styles) - returns StaticStyle object\n */\nfunction handleStylesMode(\n path: NodePath<t.CallExpression>,\n args: t.CallExpression['arguments'],\n cssWriter: CSSWriter,\n state: PluginState,\n globalRegistry: StaticStyleRegistry,\n mode: 'file' | 'inject',\n globalKeyframes?: Record<string, KeyframesSteps>,\n autoPropertyTypes?: boolean,\n globalFontFace?: Record<string, FontFaceInput>,\n globalCounterStyle?: Record<string, CounterStyleDescriptors>,\n globalFunction?: Record<string, FunctionDefinition>,\n): void {\n const stylesArg = args[0];\n\n if (!t.isObjectExpression(stylesArg)) {\n throw path.buildCodeFrameError(\n 'tastyStatic(styles) argument must be a static object literal',\n );\n }\n\n // Evaluate styles object at build time\n const rawStyles = evaluateObjectExpression(stylesArg, path) as Styles;\n\n // Resolve recipes before extraction\n const styles = resolveRecipes(rawStyles);\n\n // Extract keyframes (deduplicated by content)\n const { keyframes, nameMap } = extractKeyframesFromStyles(\n styles,\n globalKeyframes,\n );\n\n // Extract and add auto-inferred @property rules\n const properties = extractPropertiesFromStyles(styles, { autoPropertyTypes });\n\n // Extract @font-face rules\n const fontFaces = extractFontFaceFromStyles(styles, globalFontFace);\n\n // Extract @counter-style rules\n const counterStyles = extractCounterStyleFromStyles(\n styles,\n globalCounterStyle,\n );\n\n // Extract @function rules\n const functions = extractFunctionsFromStyles(styles, globalFunction);\n\n // Extract styles with chunking\n const chunks = extractStylesWithChunks(styles);\n\n const className =\n chunks.length > 0 ? chunks.map((c) => c.className).join(' ') : '';\n const staticStyleObject = createStaticStyleAST(className, styles);\n\n if (mode === 'inject') {\n const allCSS = collectAllCSS(\n keyframes,\n properties,\n fontFaces,\n counterStyles,\n functions,\n chunks,\n nameMap,\n );\n const injectCall = createInjectCallAST(className, allCSS);\n\n path.replaceWith(t.sequenceExpression([injectCall, staticStyleObject]));\n } else {\n writeCSSToWriter(\n cssWriter,\n keyframes,\n properties,\n fontFaces,\n counterStyles,\n functions,\n chunks,\n nameMap,\n state.sourceFile,\n );\n path.replaceWith(staticStyleObject);\n }\n\n registerIfVariableDeclaration(path, className, styles, state, globalRegistry);\n}\n\n/**\n * Handle tastyStatic(base, styles) - extends base with additional styles\n */\nfunction handleExtensionMode(\n path: NodePath<t.CallExpression>,\n args: t.CallExpression['arguments'],\n cssWriter: CSSWriter,\n state: PluginState,\n globalRegistry: StaticStyleRegistry,\n mode: 'file' | 'inject',\n globalKeyframes?: Record<string, KeyframesSteps>,\n autoPropertyTypes?: boolean,\n globalFontFace?: Record<string, FontFaceInput>,\n globalCounterStyle?: Record<string, CounterStyleDescriptors>,\n globalFunction?: Record<string, FunctionDefinition>,\n): void {\n if (args.length < 2) {\n throw path.buildCodeFrameError(\n 'tastyStatic(base, styles) requires two arguments',\n );\n }\n\n const baseArg = args[0];\n const stylesArg = args[1];\n\n if (!t.isIdentifier(baseArg)) {\n throw path.buildCodeFrameError(\n 'tastyStatic(base, styles) first argument must be an identifier',\n );\n }\n\n if (!t.isObjectExpression(stylesArg)) {\n throw path.buildCodeFrameError(\n 'tastyStatic(base, styles) second argument must be a static object literal',\n );\n }\n\n const baseName = baseArg.name;\n\n // Look up base styles in registry\n const baseEntry =\n state.staticStyleRegistry[baseName] || globalRegistry[baseName];\n\n if (!baseEntry) {\n throw path.buildCodeFrameError(\n `Cannot find base StaticStyle '${baseName}'. ` +\n 'Make sure it is defined before being extended.',\n );\n }\n\n // Evaluate override styles\n const overrideStyles = evaluateObjectExpression(stylesArg, path) as Styles;\n\n // Merge styles using mergeStyles, then resolve recipes\n const mergedStyles = resolveRecipes(\n mergeStyles(baseEntry.styles, overrideStyles),\n );\n\n // Extract keyframes (deduplicated by content)\n const { keyframes, nameMap } = extractKeyframesFromStyles(\n mergedStyles,\n globalKeyframes,\n );\n\n // Extract auto-inferred @property rules\n const properties = extractPropertiesFromStyles(mergedStyles, {\n autoPropertyTypes,\n });\n\n // Extract @font-face rules\n const fontFaces = extractFontFaceFromStyles(mergedStyles, globalFontFace);\n\n // Extract @counter-style rules\n const counterStyles = extractCounterStyleFromStyles(\n mergedStyles,\n globalCounterStyle,\n );\n\n // Extract @function rules\n const functions = extractFunctionsFromStyles(mergedStyles, globalFunction);\n\n // Extract styles with chunking\n const chunks = extractStylesWithChunks(mergedStyles);\n\n const className =\n chunks.length > 0 ? chunks.map((c) => c.className).join(' ') : '';\n const staticStyleObject = createStaticStyleAST(className, mergedStyles);\n\n if (mode === 'inject') {\n const allCSS = collectAllCSS(\n keyframes,\n properties,\n fontFaces,\n counterStyles,\n functions,\n chunks,\n nameMap,\n );\n const injectCall = createInjectCallAST(className, allCSS);\n\n path.replaceWith(t.sequenceExpression([injectCall, staticStyleObject]));\n } else {\n writeCSSToWriter(\n cssWriter,\n keyframes,\n properties,\n fontFaces,\n counterStyles,\n functions,\n chunks,\n nameMap,\n state.sourceFile,\n );\n path.replaceWith(staticStyleObject);\n }\n\n registerIfVariableDeclaration(\n path,\n className,\n mergedStyles,\n state,\n globalRegistry,\n );\n}\n\n/**\n * Handle tastyStatic(selector, styles) - removes the call entirely\n */\nfunction handleSelectorMode(\n path: NodePath<t.CallExpression>,\n args: t.CallExpression['arguments'],\n cssWriter: CSSWriter,\n mode: 'file' | 'inject',\n sourceFile?: string,\n globalKeyframes?: Record<string, KeyframesSteps>,\n autoPropertyTypes?: boolean,\n globalFontFace?: Record<string, FontFaceInput>,\n globalCounterStyle?: Record<string, CounterStyleDescriptors>,\n globalFunction?: Record<string, FunctionDefinition>,\n): void {\n if (args.length < 2) {\n throw path.buildCodeFrameError(\n 'tastyStatic(selector, styles) requires two arguments',\n );\n }\n\n const selectorArg = args[0];\n const stylesArg = args[1];\n\n if (!t.isStringLiteral(selectorArg)) {\n throw path.buildCodeFrameError(\n 'tastyStatic(selector, styles) first argument must be a string literal',\n );\n }\n\n if (!t.isObjectExpression(stylesArg)) {\n throw path.buildCodeFrameError(\n 'tastyStatic(selector, styles) second argument must be a static object literal',\n );\n }\n\n const selector = selectorArg.value;\n const rawStyles = evaluateObjectExpression(stylesArg, path) as Styles;\n\n // Resolve recipes before extraction\n const styles = resolveRecipes(rawStyles);\n\n // Extract keyframes (deduplicated by content)\n const { keyframes, nameMap } = extractKeyframesFromStyles(\n styles,\n globalKeyframes,\n );\n\n // Extract auto-inferred @property rules\n const properties = extractPropertiesFromStyles(styles, { autoPropertyTypes });\n\n // Extract @font-face rules\n const fontFaces = extractFontFaceFromStyles(styles, globalFontFace);\n\n // Extract @counter-style rules\n const counterStyles = extractCounterStyleFromStyles(\n styles,\n globalCounterStyle,\n );\n\n // Extract @function rules\n const functions = extractFunctionsFromStyles(styles, globalFunction);\n\n // Extract styles for selector\n const result = extractStylesForSelector(selector, styles);\n\n const selectorCSS =\n nameMap.size > 0\n ? replaceAnimationNamesInCSS(result.css, nameMap)\n : result.css;\n\n if (mode === 'inject') {\n const cssParts: string[] = [];\n\n for (const kf of keyframes) cssParts.push(kf.css);\n for (const prop of properties) cssParts.push(prop.css);\n for (const ff of fontFaces) cssParts.push(ff.css);\n for (const cs of counterStyles) cssParts.push(cs.css);\n for (const fn of functions) cssParts.push(fn.css);\n cssParts.push(selectorCSS);\n\n const injectCall = createInjectCallAST(selector, cssParts.join('\\n'));\n\n const parent = path.parentPath;\n if (parent && t.isExpressionStatement(parent.node)) {\n parent.replaceWith(t.expressionStatement(injectCall));\n } else {\n path.replaceWith(injectCall);\n }\n } else {\n writeCSSToWriter(\n cssWriter,\n keyframes,\n properties,\n fontFaces,\n counterStyles,\n functions,\n [],\n nameMap,\n sourceFile,\n );\n cssWriter.add(selector, selectorCSS, sourceFile);\n\n const parent = path.parentPath;\n if (parent && t.isExpressionStatement(parent.node)) {\n parent.remove();\n } else {\n path.replaceWith(t.identifier('undefined'));\n }\n }\n}\n\n/**\n * Collect all extracted CSS parts into a single string (for inject mode).\n */\nfunction collectAllCSS(\n keyframes: ExtractedKeyframes[],\n properties: ExtractedProperty[],\n fontFaces: ExtractedFontFace[],\n counterStyles: ExtractedCounterStyle[],\n functions: ExtractedFunction[],\n chunks: ExtractedChunk[],\n nameMap: Map<string, string>,\n): string {\n const parts: string[] = [];\n\n for (const kf of keyframes) parts.push(kf.css);\n for (const prop of properties) parts.push(prop.css);\n for (const ff of fontFaces) parts.push(ff.css);\n for (const cs of counterStyles) parts.push(cs.css);\n for (const fn of functions) parts.push(fn.css);\n\n for (const chunk of chunks) {\n parts.push(\n nameMap.size > 0\n ? replaceAnimationNamesInCSS(chunk.css, nameMap)\n : chunk.css,\n );\n }\n\n return parts.join('\\n');\n}\n\n/**\n * Write all extracted CSS parts to a CSSWriter (for file mode).\n */\nfunction writeCSSToWriter(\n cssWriter: CSSWriter,\n keyframes: ExtractedKeyframes[],\n properties: ExtractedProperty[],\n fontFaces: ExtractedFontFace[],\n counterStyles: ExtractedCounterStyle[],\n functions: ExtractedFunction[],\n chunks: ExtractedChunk[],\n nameMap: Map<string, string>,\n sourceFile?: string,\n): void {\n for (const kf of keyframes) {\n cssWriter.add(kf.css, kf.css, sourceFile);\n }\n for (const prop of properties) {\n cssWriter.add(prop.css, prop.css, sourceFile);\n }\n for (const ff of fontFaces) {\n cssWriter.add(ff.css, ff.css, sourceFile);\n }\n for (const cs of counterStyles) {\n cssWriter.add(cs.css, cs.css, sourceFile);\n }\n for (const fn of functions) {\n cssWriter.add(fn.css, fn.css, sourceFile);\n }\n\n for (const chunk of chunks) {\n const css =\n nameMap.size > 0\n ? replaceAnimationNamesInCSS(chunk.css, nameMap)\n : chunk.css;\n cssWriter.add(chunk.className, css, sourceFile);\n }\n}\n\n/**\n * Extract CSS for a selector from a styles/tokens object.\n * Returns undefined when there are no styles or no CSS output.\n */\nfunction extractCSSFromStyles(\n selector: string,\n styles: Styles | ConfigTokens | null,\n): string | undefined {\n if (!styles || Object.keys(styles).length === 0) return undefined;\n const result = extractStylesForSelector(selector, styles as Styles);\n return result.css || undefined;\n}\n\n/**\n * Create an `_$i(id, css)` call expression AST node for inject mode.\n */\nfunction createInjectCallAST(id: string, css: string): t.CallExpression {\n return t.callExpression(t.identifier('_$i'), [\n t.stringLiteral(id),\n t.stringLiteral(css),\n ]);\n}\n\n/**\n * Create a StaticStyle object AST node\n */\nfunction createStaticStyleAST(\n className: string,\n styles: Styles,\n): t.ObjectExpression {\n return t.objectExpression([\n t.objectProperty(t.identifier('className'), t.stringLiteral(className)),\n t.objectProperty(t.identifier('styles'), valueToAST(styles)),\n t.objectMethod(\n 'method',\n t.identifier('toString'),\n [],\n t.blockStatement([\n t.returnStatement(\n t.memberExpression(t.thisExpression(), t.identifier('className')),\n ),\n ]),\n ),\n ]);\n}\n\n/**\n * Register a StaticStyle in the registry if it's being assigned to a variable\n */\nfunction registerIfVariableDeclaration(\n path: NodePath,\n className: string,\n styles: Styles,\n state: PluginState,\n globalRegistry: StaticStyleRegistry,\n): void {\n const parent = path.parentPath;\n if (parent && t.isVariableDeclarator(parent.node)) {\n const id = parent.node.id;\n if (t.isIdentifier(id)) {\n const variableName = id.name;\n state.staticStyleRegistry[variableName] = { styles, className };\n globalRegistry[variableName] = { styles, className };\n }\n }\n}\n\n/**\n * Convert a JavaScript value to an AST node\n */\nfunction valueToAST(value: unknown): t.Expression {\n if (value === null) {\n return t.nullLiteral();\n }\n if (value === undefined) {\n return t.identifier('undefined');\n }\n if (typeof value === 'string') {\n return t.stringLiteral(value);\n }\n if (typeof value === 'number') {\n return t.numericLiteral(value);\n }\n if (typeof value === 'boolean') {\n return t.booleanLiteral(value);\n }\n if (Array.isArray(value)) {\n return t.arrayExpression(value.map(valueToAST));\n }\n if (typeof value === 'object') {\n const properties = Object.entries(value).map(([key, val]) =>\n t.objectProperty(\n /^[a-zA-Z_$][a-zA-Z0-9_$]*$/.test(key)\n ? t.identifier(key)\n : t.stringLiteral(key),\n valueToAST(val),\n ),\n );\n return t.objectExpression(properties);\n }\n // Fallback for unsupported types\n return t.identifier('undefined');\n}\n\n/**\n * Evaluate an ObjectExpression to a plain JavaScript object.\n * Only supports static values that can be determined at build time.\n */\nfunction evaluateObjectExpression(\n node: t.ObjectExpression,\n path: NodePath,\n): Record<string, unknown> {\n const result: Record<string, unknown> = {};\n\n for (const prop of node.properties) {\n if (t.isSpreadElement(prop)) {\n throw path.buildCodeFrameError(\n 'Spread elements are not supported in tastyStatic() - styles must be fully static',\n );\n }\n\n if (!t.isObjectProperty(prop)) {\n throw path.buildCodeFrameError(\n 'Only object properties are supported in tastyStatic()',\n );\n }\n\n // Get key\n let key: string;\n if (t.isIdentifier(prop.key)) {\n key = prop.key.name;\n } else if (t.isStringLiteral(prop.key)) {\n key = prop.key.value;\n } else {\n throw path.buildCodeFrameError(\n 'Dynamic property keys are not supported in tastyStatic()',\n );\n }\n\n // Get value\n const value = evaluateExpression(prop.value, path);\n result[key] = value;\n }\n\n return result;\n}\n\n/**\n * Evaluate an expression to a JavaScript value.\n */\nfunction evaluateExpression(node: t.Node, path: NodePath): unknown {\n if (t.isStringLiteral(node)) {\n return node.value;\n }\n\n if (t.isNumericLiteral(node)) {\n return node.value;\n }\n\n if (t.isBooleanLiteral(node)) {\n return node.value;\n }\n\n if (t.isNullLiteral(node)) {\n return null;\n }\n\n if (t.isIdentifier(node, { name: 'undefined' })) {\n return undefined;\n }\n\n if (t.isArrayExpression(node)) {\n return node.elements.map((el) => {\n if (el === null) return null;\n if (t.isSpreadElement(el)) {\n throw path.buildCodeFrameError(\n 'Spread elements are not supported in tastyStatic()',\n );\n }\n return evaluateExpression(el, path);\n });\n }\n\n if (t.isObjectExpression(node)) {\n return evaluateObjectExpression(node, path);\n }\n\n if (t.isTemplateLiteral(node)) {\n // Only support template literals without expressions\n if (node.expressions.length > 0) {\n throw path.buildCodeFrameError(\n 'Template literals with expressions are not supported in tastyStatic()',\n );\n }\n return node.quasis.map((q) => q.value.cooked).join('');\n }\n\n if (t.isUnaryExpression(node, { operator: '-' })) {\n const arg = evaluateExpression(node.argument, path);\n if (typeof arg === 'number') {\n return -arg;\n }\n }\n\n throw path.buildCodeFrameError(\n `Dynamic expressions are not supported in tastyStatic() - got ${node.type}. ` +\n 'All values must be static literals.',\n );\n}\n\n/**\n * Replace animation names in CSS string.\n * Wraps the keyframes replaceAnimationNames to work on full CSS blocks.\n */\nfunction replaceAnimationNamesInCSS(\n css: string,\n nameMap: Map<string, string>,\n): string {\n if (nameMap.size === 0) return css;\n\n // The CSS contains full rules like \".class { animation: name 1s; }\"\n // We need to replace animation names within declaration blocks\n return css.replace(\n /(animation(?:-name)?)\\s*:\\s*([^;}]+)/gi,\n (match, prop, value) => {\n let newValue = value;\n for (const [original, replacement] of nameMap) {\n // Word boundary replacement\n const pattern = new RegExp(`\\\\b${escapeRegex(original)}\\\\b`, 'g');\n newValue = newValue.replace(pattern, replacement);\n }\n return `${prop}: ${newValue}`;\n },\n );\n}\n\n/**\n * Escape special regex characters.\n */\nfunction escapeRegex(str: string): string {\n return str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n"],"mappings":"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"}
|
package/dist/zero/index.d.ts
CHANGED
package/dist/zero/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { c as extractStylesForSelector, l as extractStylesWithChunks, n as createCSSWriter, t as CSSWriter } from "../css-writer-
|
|
1
|
+
import { c as extractStylesForSelector, l as extractStylesWithChunks, n as createCSSWriter, t as CSSWriter } from "../css-writer-Bgowobbx.js";
|
|
2
2
|
export { CSSWriter, createCSSWriter, extractStylesForSelector, extractStylesWithChunks };
|
package/dist/zero/next.d.ts
CHANGED
package/docs/README.md
CHANGED
|
@@ -1,25 +1,29 @@
|
|
|
1
1
|
# Tasty Docs
|
|
2
2
|
|
|
3
|
-
Tasty is
|
|
3
|
+
Tasty is CSS-in-JS for React design systems. You describe hover, disabled, variants, themes, responsive behavior, and other conditions as state maps; Tasty compiles them so one branch wins without specificity fights or source-order surprises.
|
|
4
|
+
|
|
5
|
+
Use this hub to move from the core idea to a working component, then into design-system patterns or API reference as needed.
|
|
4
6
|
|
|
5
7
|
## Start Here
|
|
6
8
|
|
|
7
|
-
- **
|
|
8
|
-
- **
|
|
9
|
-
- **
|
|
10
|
-
- **
|
|
9
|
+
- **Understand why**: [Introduction](../README.md) for the problem, the state-map model, and the product overview.
|
|
10
|
+
- **Try it**: [Getting Started](getting-started.md) to build a stateful component, add shared configuration, and choose a rendering mode.
|
|
11
|
+
- **Build a component system**: [Methodology](methodology.md) for root + sub-elements, typed public APIs, tokens, and extension patterns; then [Building a Design System](design-system.md).
|
|
12
|
+
- **Evaluate or adopt it**: [Comparison](comparison.md) for tool-selection context and [Adoption Guide](adoption.md) for an incremental rollout.
|
|
13
|
+
- **Understand the compiler**: [Style rendering pipeline](pipeline.md) for how state maps become mutually exclusive selectors.
|
|
11
14
|
|
|
12
15
|
## By Role
|
|
13
16
|
|
|
14
17
|
- **Application developer using an existing design system**: [Getting Started](getting-started.md), then [React API](react-api.md).
|
|
15
18
|
- **Design-system author**: [Methodology](methodology.md), [Building a Design System](design-system.md), [Configuration](configuration.md), and [Adoption Guide](adoption.md).
|
|
16
|
-
- **Platform or tooling engineer**: [Configuration](configuration.md), [
|
|
19
|
+
- **Platform or tooling engineer**: [Configuration](configuration.md), [Build-Time Extraction (`tastyStatic`)](tasty-static.md), [Server-Side Rendering](ssr.md), and [Debug Utilities](debug.md).
|
|
17
20
|
|
|
18
21
|
## By Styling Approach
|
|
19
22
|
|
|
20
23
|
- **React components**: [React API](react-api.md)
|
|
21
|
-
- **Zero-runtime
|
|
22
|
-
- **
|
|
24
|
+
- **Zero-client-runtime React with `tasty()`**: [Server-Side Rendering](ssr.md), especially the static Astro integration
|
|
25
|
+
- **Build-time extraction with `tastyStatic()`**: [Build-Time Extraction](tasty-static.md)
|
|
26
|
+
- **Hydrated `tasty()` with server collection**: [Server-Side Rendering](ssr.md)
|
|
23
27
|
- **Upgrading from v2**: [Migration Guide (v2 → v3)](migration-v3.md)
|
|
24
28
|
|
|
25
29
|
## By Task
|
|
@@ -32,3 +36,4 @@ Tasty is a styling engine for design systems that turns component state into det
|
|
|
32
36
|
- **Debug generated CSS or cache behavior**: [Debug Utilities](debug.md)
|
|
33
37
|
- **Understand how selector generation works internally**: [Style rendering pipeline](pipeline.md)
|
|
34
38
|
- **Understand runtime injection internals**: [Style Injector](injector.md)
|
|
39
|
+
- **Reproduce and interpret performance measurements**: [Runtime Benchmarks](runtime-benchmarks.md)
|
package/docs/adoption.md
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
# Adoption Guide
|
|
2
2
|
|
|
3
|
-
Tasty is
|
|
3
|
+
Tasty is most useful where reusable component styling has become a state-resolution problem: hover intersects with disabled, variants intersect with themes, and every extension makes selector behavior harder to predict.
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
It normally sits underneath a design system’s existing components. You can preserve their public React APIs while moving their style logic into state maps that produce one declared winner. Adoption should start with a small, state-heavy component—not an all-at-once rewrite.
|
|
6
|
+
|
|
7
|
+
This guide is for design-system maintainers and platform engineers evaluating Tasty or introducing it into an existing codebase. Use it for rollout strategy and adoption sequencing; use the [Comparison guide](comparison.md) when the open question is whether Tasty is the right tool.
|
|
6
8
|
|
|
7
9
|
---
|
|
8
10
|
|
|
@@ -18,12 +20,14 @@ Product code
|
|
|
18
20
|
```
|
|
19
21
|
|
|
20
22
|
**What Tasty owns:**
|
|
23
|
+
|
|
21
24
|
- The DSL and value parser (tokens, custom units, auto-calc, color opacity)
|
|
22
25
|
- State compilation (mutually exclusive selectors from state maps)
|
|
23
26
|
- Style injection and deduplication (runtime or build-time)
|
|
24
27
|
- The `tasty()` component factory and hooks API
|
|
25
28
|
|
|
26
29
|
**What the DS team owns:**
|
|
30
|
+
|
|
27
31
|
- Token names and values (colors, spacing, typography)
|
|
28
32
|
- Custom units and their semantics
|
|
29
33
|
- State aliases (`@mobile`, `@dark`, `@compact`)
|
|
@@ -39,12 +43,14 @@ Two teams using Tasty can end up with very different authoring models. That is b
|
|
|
39
43
|
## Who should adopt Tasty
|
|
40
44
|
|
|
41
45
|
**Strong fit:**
|
|
42
|
-
|
|
46
|
+
|
|
47
|
+
- A design-system or platform team that owns shared component APIs
|
|
43
48
|
- Components with complex, intersecting states (hover + disabled + theme + breakpoint)
|
|
44
49
|
- Teams that need deterministic style resolution without cascade/specificity bugs
|
|
45
|
-
- Organizations
|
|
50
|
+
- Organizations that want tokens, states, and extension rules to stay consistent across products
|
|
46
51
|
|
|
47
52
|
**Not the right fit:**
|
|
53
|
+
|
|
48
54
|
- Solo developers building a one-off app with minimal UI structure
|
|
49
55
|
- Teams that want a shared utility vocabulary and direct markup authoring (Tailwind is better here)
|
|
50
56
|
- Projects where low ceremony matters more than central governance
|
|
@@ -58,16 +64,16 @@ For a detailed comparison with Tailwind, Panda CSS, vanilla-extract, StyleX, Sti
|
|
|
58
64
|
|
|
59
65
|
Tasty provides the engine. The DS team defines the language that runs on it. Here is what that typically involves:
|
|
60
66
|
|
|
61
|
-
| Layer
|
|
62
|
-
|
|
63
|
-
| **Tokens**
|
|
64
|
-
| **Units**
|
|
65
|
-
| **State aliases**
|
|
66
|
-
| **Recipes**
|
|
67
|
-
| **Typography**
|
|
68
|
-
| **Style props**
|
|
69
|
-
| **Sub-elements**
|
|
70
|
-
| **Override rules** | How product engineers extend or constrain components
|
|
67
|
+
| Layer | What you define | Where |
|
|
68
|
+
| ------------------ | ---------------------------------------------------------- | ------------------------------------------ |
|
|
69
|
+
| **Tokens** | Color names, spacing scale, border widths, radii | `configure({ tokens })` |
|
|
70
|
+
| **Units** | Custom multiplier units (`x`, `r`, `bw`, or your own) | `configure({ units })` |
|
|
71
|
+
| **State aliases** | Responsive breakpoints, theme modes, feature flags | `configure({ states })` |
|
|
72
|
+
| **Recipes** | Reusable style bundles (card, elevated, input-reset) | `configure({ recipes })` |
|
|
73
|
+
| **Typography** | Preset definitions (h1-h6, t1-t4, etc.) | `configure({ presets: { ... } })` |
|
|
74
|
+
| **Style props** | Which CSS properties each component exposes as React props | `styleProps` in each component |
|
|
75
|
+
| **Sub-elements** | Inner parts of compound components (Title, Icon, Content) | `elements` + capitalized keys in `styles` |
|
|
76
|
+
| **Override rules** | How product engineers extend or constrain components | Styled wrappers via `tasty(Base, { ... })` |
|
|
71
77
|
|
|
72
78
|
The same engine can power a minimal design system with a handful of tokens:
|
|
73
79
|
|
|
@@ -85,9 +91,15 @@ Here is how the layers connect end-to-end. The DS team configures the engine, de
|
|
|
85
91
|
```tsx
|
|
86
92
|
// ds/config.ts — DS team defines the language
|
|
87
93
|
configure({
|
|
88
|
-
tokens: {
|
|
94
|
+
tokens: {
|
|
95
|
+
'#primary': 'oklch(55% 0.25 265)',
|
|
96
|
+
'#surface': '#fff',
|
|
97
|
+
'#text': '#111',
|
|
98
|
+
},
|
|
89
99
|
states: { '@mobile': '@media(w < 768px)', '@dark': '@root(schema=dark)' },
|
|
90
|
-
recipes: {
|
|
100
|
+
recipes: {
|
|
101
|
+
card: { padding: '4x', fill: '#surface', radius: '1r', border: true },
|
|
102
|
+
},
|
|
91
103
|
});
|
|
92
104
|
|
|
93
105
|
// ds/components/Card.tsx — DS team builds components on top
|
|
@@ -105,7 +117,7 @@ const Card = tasty({
|
|
|
105
117
|
<Card padding={{ '': '4x', '@mobile': '2x' }}>
|
|
106
118
|
<Card.Title>Monthly Revenue</Card.Title>
|
|
107
119
|
<Card.Body>$1.2M — up 12% from last month</Card.Body>
|
|
108
|
-
</Card
|
|
120
|
+
</Card>;
|
|
109
121
|
```
|
|
110
122
|
|
|
111
123
|
See [Configuration](configuration.md) for the full `configure()` API.
|
|
@@ -116,9 +128,21 @@ See [Configuration](configuration.md) for the full `configure()` API.
|
|
|
116
128
|
|
|
117
129
|
You do not need to adopt everything at once. Tasty is designed to be introduced layer by layer.
|
|
118
130
|
|
|
119
|
-
A practical
|
|
131
|
+
A practical first slice is one component that already suffers from intersecting state and variant logic: a button, input, menu item, disclosure, or interactive card. Keep its public API unchanged, move one or two properties into Tasty state maps, and verify that the declared priority matches the behavior your team expects.
|
|
132
|
+
|
|
133
|
+
This proves the differentiator before you invest in a complete token vocabulary or migrate an entire component library.
|
|
134
|
+
|
|
135
|
+
### Phase 1 -- Pilot one state-heavy component
|
|
136
|
+
|
|
137
|
+
Choose a component with a known hover/disabled, focus/error, or variant/theme interaction. Preserve its external props and visual behavior. The pilot should answer three questions:
|
|
138
|
+
|
|
139
|
+
1. Is the state map easier to review than the existing selectors or conditional class logic?
|
|
140
|
+
2. Does extending the component keep the intended state priority?
|
|
141
|
+
3. Can your current tokens and component API move over without product-code churn?
|
|
142
|
+
|
|
143
|
+
If the answer is yes, establish the shared design-system vocabulary around the successful slice.
|
|
120
144
|
|
|
121
|
-
### Phase
|
|
145
|
+
### Phase 2 -- Tokens and units
|
|
122
146
|
|
|
123
147
|
Start by defining your design tokens and custom units. This is the lowest-risk step: it only configures the parser and does not require rewriting any components.
|
|
124
148
|
|
|
@@ -136,14 +160,14 @@ configure({
|
|
|
136
160
|
// A DS typically redefines them to use CSS custom properties
|
|
137
161
|
// so that the actual scale is controlled via CSS, not JS:
|
|
138
162
|
units: {
|
|
139
|
-
x: 'var(--gap)',
|
|
163
|
+
x: 'var(--gap)', // 2x → calc(var(--gap) * 2)
|
|
140
164
|
r: 'var(--radius)',
|
|
141
165
|
bw: 'var(--border-width)',
|
|
142
166
|
},
|
|
143
167
|
});
|
|
144
168
|
```
|
|
145
169
|
|
|
146
|
-
### Phase
|
|
170
|
+
### Phase 3 -- State aliases and recipes
|
|
147
171
|
|
|
148
172
|
Define the state vocabulary your components will share. This is where you start encoding your team's conventions.
|
|
149
173
|
|
|
@@ -152,7 +176,8 @@ configure({
|
|
|
152
176
|
states: {
|
|
153
177
|
'@mobile': '@media(w < 768px)',
|
|
154
178
|
'@tablet': '@media(w < 1024px)',
|
|
155
|
-
'@dark':
|
|
179
|
+
'@dark':
|
|
180
|
+
'@root(schema=dark) | (!@root(schema) & @media(prefers-color-scheme: dark))',
|
|
156
181
|
},
|
|
157
182
|
recipes: {
|
|
158
183
|
card: { padding: '4x', fill: '#surface', radius: '1r', border: true },
|
|
@@ -161,7 +186,7 @@ configure({
|
|
|
161
186
|
});
|
|
162
187
|
```
|
|
163
188
|
|
|
164
|
-
### Phase
|
|
189
|
+
### Phase 4 -- Migrate a few primitives
|
|
165
190
|
|
|
166
191
|
Pick 2-3 widely used primitives (Box, Text, Button) and rewrite them with `tasty()`. Keep the public API identical so product code does not need to change.
|
|
167
192
|
|
|
@@ -179,7 +204,7 @@ const Box = tasty({
|
|
|
179
204
|
|
|
180
205
|
At this point you can validate the DSL, token workflow, and component authoring experience before expanding the rollout.
|
|
181
206
|
|
|
182
|
-
### Phase
|
|
207
|
+
### Phase 5 -- Expand state resolution
|
|
183
208
|
|
|
184
209
|
Move the components with the most painful intersecting states (buttons with hover + disabled + theme variants, inputs with focus + error + readonly) to Tasty's state map syntax. This is where mutually exclusive selectors start paying off.
|
|
185
210
|
|
|
@@ -209,7 +234,7 @@ const Button = tasty({
|
|
|
209
234
|
});
|
|
210
235
|
```
|
|
211
236
|
|
|
212
|
-
### Phase
|
|
237
|
+
### Phase 6 -- Standardize style props and sub-elements
|
|
213
238
|
|
|
214
239
|
Define which style props each component category exposes. Layout components get flow/gap/padding. Interactive components get positioning. Compound components declare sub-elements.
|
|
215
240
|
|
|
@@ -225,9 +250,9 @@ const Card = tasty({
|
|
|
225
250
|
});
|
|
226
251
|
```
|
|
227
252
|
|
|
228
|
-
### Phase
|
|
253
|
+
### Phase 7 -- Expand to full DS coverage
|
|
229
254
|
|
|
230
|
-
Migrate the remaining components, add the [ESLint plugin](https://github.com/tenphi/eslint-plugin-tasty) to enforce style conventions at lint time, and
|
|
255
|
+
Migrate the remaining components, add the [ESLint plugin](https://github.com/tenphi/eslint-plugin-tasty) to enforce style conventions at lint time, and choose between [server-only `tasty()`](ssr.md) and [`tastyStatic()` build-time extraction](tasty-static.md) when a page should ship no Tasty styling runtime.
|
|
231
256
|
|
|
232
257
|
---
|
|
233
258
|
|
|
@@ -254,8 +279,8 @@ const DangerButton = tasty(Button, {
|
|
|
254
279
|
const LoadingButton = tasty(Button, {
|
|
255
280
|
styles: {
|
|
256
281
|
fill: {
|
|
257
|
-
loading: '#yellow',
|
|
258
|
-
disabled: '#gray.20',
|
|
282
|
+
loading: '#yellow', // new state appended
|
|
283
|
+
disabled: '#gray.20', // existing state overridden in place
|
|
259
284
|
},
|
|
260
285
|
},
|
|
261
286
|
});
|
|
@@ -270,7 +295,7 @@ const LoadingButton = tasty(Button, {
|
|
|
270
295
|
</Space>
|
|
271
296
|
```
|
|
272
297
|
|
|
273
|
-
**Components are server components by default.** All `tasty()` components and style functions are hook-free, so they work as React Server Components without `'use client'`. In server-only contexts
|
|
298
|
+
**Components are server components by default.** All `tasty()` components and style functions are hook-free, so they work as React Server Components without `'use client'`. In server-only contexts they ship no Tasty styling runtime. Astro without `client:*` directives ships no client JavaScript; server-only Next.js RSC follows the same Tasty architecture, while final output depends on the application deployment. Product engineers only add `'use client'` when their component needs actual React interactivity (state, effects, event handlers), never because of styling.
|
|
274
299
|
|
|
275
300
|
**No cascade/specificity concerns.** Tasty's mutually exclusive selectors mean extending a component cannot accidentally break another. Import order, class name collisions, and specificity arithmetic are non-issues.
|
|
276
301
|
|
|
@@ -295,4 +320,4 @@ const LoadingButton = tasty(Button, {
|
|
|
295
320
|
- [Configuration](configuration.md) -- tokens, recipes, custom units, style handlers, and TypeScript extensions
|
|
296
321
|
- [Style Properties](styles.md) -- complete reference for all enhanced style properties
|
|
297
322
|
- [Comparison](comparison.md) -- positioning and trade-offs vs. other styling systems
|
|
298
|
-
- [
|
|
323
|
+
- [Build-Time Extraction (`tastyStatic`)](tasty-static.md) -- static styling with the Babel plugin
|