@terrazzo/plugin-vanilla-extract 2.2.0 → 2.4.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/CHANGELOG.md +30 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +0 -1
- package/dist/index.js.map +1 -1
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,35 @@
|
|
|
1
1
|
# @terrazzo/plugin-vanilla-extract
|
|
2
2
|
|
|
3
|
+
## 2.4.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#778](https://github.com/terrazzoapp/terrazzo/pull/778) [`bdca3be`](https://github.com/terrazzoapp/terrazzo/commit/bdca3be143f7d7a1f06e4ca50e652c85f1d12a24) Thanks [@drwpow](https://github.com/drwpow)! - Feat: add orthogonality detection in resolver API (minus $extends)
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- Updated dependencies [[`bdca3be`](https://github.com/terrazzoapp/terrazzo/commit/bdca3be143f7d7a1f06e4ca50e652c85f1d12a24), [`84b1dba`](https://github.com/terrazzoapp/terrazzo/commit/84b1dbacc0fe1aa3331d90e61d308eb91f96f8d5)]:
|
|
12
|
+
- @terrazzo/parser@2.4.0
|
|
13
|
+
- @terrazzo/cli@2.4.0
|
|
14
|
+
- @terrazzo/plugin-css@2.4.0
|
|
15
|
+
|
|
16
|
+
## 2.3.0
|
|
17
|
+
|
|
18
|
+
### Minor Changes
|
|
19
|
+
|
|
20
|
+
- [#769](https://github.com/terrazzoapp/terrazzo/pull/769) [`96972d4`](https://github.com/terrazzoapp/terrazzo/commit/96972d4d4aee14a7ca290864c275a48e8f9139ba) Thanks [@drwpow](https://github.com/drwpow)! - [plugin-css]: Minor breaking change: inherit `alphabetize` from options
|
|
21
|
+
|
|
22
|
+
### Patch Changes
|
|
23
|
+
|
|
24
|
+
- [#772](https://github.com/terrazzoapp/terrazzo/pull/772) [`a9a6bdc`](https://github.com/terrazzoapp/terrazzo/commit/a9a6bdc6f42977d13069ce1d87f3ac26a513099f) Thanks [@marko1olo](https://github.com/marko1olo)! - Preserve units on zero-valued dimension tokens instead of serializing them as bare `0`.
|
|
25
|
+
|
|
26
|
+
This keeps generated design-token values such as `0px` and `0rem` type-compatible when consumers compose them in CSS math functions like `calc()`.
|
|
27
|
+
|
|
28
|
+
- Updated dependencies [[`96972d4`](https://github.com/terrazzoapp/terrazzo/commit/96972d4d4aee14a7ca290864c275a48e8f9139ba), [`a9a6bdc`](https://github.com/terrazzoapp/terrazzo/commit/a9a6bdc6f42977d13069ce1d87f3ac26a513099f)]:
|
|
29
|
+
- @terrazzo/plugin-css@2.3.0
|
|
30
|
+
- @terrazzo/cli@2.3.0
|
|
31
|
+
- @terrazzo/parser@2.3.0
|
|
32
|
+
|
|
3
33
|
## 2.2.0
|
|
4
34
|
|
|
5
35
|
### Patch Changes
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","names":[],"sources":["../src/lib.ts","../src/index.ts"],"mappings":";;;cAIa,SAAA;AAAA,cACA,YAAA;AAAA,UAEI,2BAAA;EAHK;;;AAAA;EAQpB,QAAA;EAPuB;;;AAAA;AAEzB;EAWE,mBAAA;;;;;;;;;;;;;EAaA,MAAA,GAAS,MAAA;IAIH,IAAA;IACA,KAAA;EAAA;IAIA,IAAA;IACA,KAAA,EAAO,MAAA;EAAA;EAoBP;;;;;;;;;AAcwB;AAIhC;;EAvBE,YAAA,GAAe,MAAA;IAGT,QAAA;IAEA,IAAA;IACA,KAAA;EAAA;IAGA,QAAA;IAEA,IAAA;IACA,KAAA,EAAO,MAAA;EAAA;EAkBU;;;AAAe;EAXtC,cAAA,IAAkB,IAAA;AAAA;AAAA,cAIP,EAAA;;;;;;iBAOG,SAAA,CAAU,KAAc;;iBAQxB,qBAAA,CAAA;EACd,MAAA;EACA;AAAA;EAEA,MAAA,EAAQ,gBAAA;EACR,mBAAA;AAAA;;iBAsCc,aAAA,CAAA;EACd,IAAA;EACA,aAAA;EACA,MAAA;EACA,QAAA;EACA;AAAA;EAEA,IAAA;EACA,aAAA,GAAgB,IAAA;EAChB,MAAA,EAAQ,gBAAA;EACR,QAAA;EACA,WAAA;AAAA;;iBA2Cc,cAAA,CAAe,KAAA,6BAAkC,MAAA,EAAQ,gBAAgB;;
|
|
1
|
+
{"version":3,"file":"index.d.ts","names":[],"sources":["../src/lib.ts","../src/index.ts"],"mappings":";;;cAIa,SAAA;AAAA,cACA,YAAA;AAAA,UAEI,2BAAA;EAHK;;;AAAA;EAQpB,QAAA;EAPuB;;;AAAA;AAEzB;EAWE,mBAAA;;;;;;;;;;;;;EAaA,MAAA,GAAS,MAAA;IAIH,IAAA;IACA,KAAA;EAAA;IAIA,IAAA;IACA,KAAA,EAAO,MAAA;EAAA;EAoBP;;;;;;;;;AAcwB;AAIhC;;EAvBE,YAAA,GAAe,MAAA;IAGT,QAAA;IAEA,IAAA;IACA,KAAA;EAAA;IAGA,QAAA;IAEA,IAAA;IACA,KAAA,EAAO,MAAA;EAAA;EAkBU;;;AAAe;EAXtC,cAAA,IAAkB,IAAA;AAAA;AAAA,cAIP,EAAA;;;;;;iBAOG,SAAA,CAAU,KAAc;;iBAQxB,qBAAA,CAAA;EACd,MAAA;EACA;AAAA;EAEA,MAAA,EAAQ,gBAAA;EACR,mBAAA;AAAA;;iBAsCc,aAAA,CAAA;EACd,IAAA;EACA,aAAA;EACA,MAAA;EACA,QAAA;EACA;AAAA;EAEA,IAAA;EACA,aAAA,GAAgB,IAAA;EAChB,MAAA,EAAQ,gBAAA;EACR,QAAA;EACA,WAAA;AAAA;;iBA2Cc,cAAA,CAAe,KAAA,6BAAkC,MAAA,EAAQ,gBAAgB;;iBAqCzE,oBAAA,CAAqB,IAAY;;;iBCpNzB,oBAAA,CAAqB,OAAA,EAAS,2BAAA,GAA8B,MAAM"}
|
package/dist/index.js
CHANGED
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["FORMAT_CSS","FORMAT_VANILLA"],"sources":["../src/lib.ts","../src/index.ts"],"sourcesContent":["import type { TokenTransformed } from '@terrazzo/parser';\nimport type ve from '@vanilla-extract/css';\nimport { camelCase } from 'scule';\n\nexport const FORMAT_ID = 'vanilla-extract';\nexport const THEME_EXPORT = 'vars'; // Could be a future option, for now match docs\n\nexport interface VanillaExtractPluginOptions {\n /**\n * Filename to generate.\n * @default \"theme.css.ts\"\n */\n filename?: string;\n /**\n * - true: use global `createGlobalThemeContract()` API\n * - false: use scoped `createThemeContract()` API\n * @default true\n */\n globalThemeContract?: boolean;\n /**\n * Mapping of exported JS variables to token modes. The key MUST be a valid JS identifier.\n * @example\n *\n * ```js\n * themes: {\n * default: { mode: \".\" }, // \".\" refers to the default mode, or no mode\n * light: { mode: \"light\" },\n * dark: { mode: \"dark\" },\n * }\n * ```\n */\n themes?: Record<\n string,\n | {\n /* @deprecated */\n mode: string | string[];\n input?: never;\n }\n | {\n /* @deprecated */\n mode?: never;\n input: Record<string, string>;\n }\n >;\n /**\n * Mapping of exported JS variables to token modes for global themes. The key MUST be a valid JS identifier.\n * @example\n *\n * ```js\n * globalThemes: {\n * default: { selector: \":root\", mode: \".\" }, // \".\" refers to the default mode, or no mode\n * light: { selector: \"[data-color-mode=light]\", mode: \"light\" },\n * dark: { selector: \"[data-color-mode=dark]\" mode: \"dark\" },\n * }\n * ```\n */\n globalThemes?: Record<\n string,\n | {\n selector: string;\n /* @deprecated */\n mode: string | string[];\n input?: never;\n }\n | {\n selector: string;\n /* @deprecated */\n mode?: never;\n input: Record<string, string>;\n }\n >;\n /**\n * Change the naming strategy for the createTheme() API’s `[class, vars]` tuple.\n * @default (name) => [`${name}Class`, name]\n */\n themeVarNaming?: (name: string) => [string, string];\n}\n\n// imports saved as a constant to prevent typos\nexport const VE = {\n createTheme: 'createTheme',\n createGlobalTheme: 'createGlobalTheme',\n createThemeContract: 'createThemeContract',\n createGlobalThemeContract: 'createGlobalThemeContract',\n} satisfies Partial<Record<keyof typeof ve, string>>;\n\nexport function isJSIdent(ident: unknown): boolean {\n if (typeof ident !== 'string') {\n return false;\n }\n return /^[A-Za-z$_][A-Za-z0-9_$]*$/.test(ident);\n}\n\n/** Generate createThemeContract() or createGlobalThemeContract() */\nexport function generateThemeContract({\n tokens,\n globalThemeContract,\n}: {\n tokens: TokenTransformed[];\n globalThemeContract: boolean;\n}): string {\n const tokensObj: any = {};\n for (const token of tokens) {\n const parts = token.localID!.split('.');\n const name = parts.pop()!;\n\n // rebuild nested object again from flattened tokens array\n let node = tokensObj;\n for (const part of parts) {\n if (!(part in node)) {\n node[part] = {};\n }\n node = node[part];\n }\n\n if (token.type !== 'MULTI_VALUE') {\n throw new Error('Error in plugin-vanilla-extract: values didn’t generate correctly.');\n }\n\n const cssName = token.value.__cssName?.replace(/^--/, '');\n if ('.' in token.value) {\n node[name] = globalThemeContract ? cssName : null;\n } else {\n node[name] = {};\n for (const k of Object.keys(token.value)) {\n if (k === '__cssName') {\n continue;\n }\n node[name][camelCase(k)] = globalThemeContract ? `${cssName}-${k}` : null;\n }\n }\n }\n\n return `export const ${THEME_EXPORT} = ${globalThemeContract ? VE.createGlobalThemeContract : VE.createThemeContract}(${JSON.stringify(tokensObj, undefined, 2)});\\n`;\n}\n\n/** Generate createTheme()/createGlobalTheme() */\nexport function generateTheme({\n name,\n namingPattern,\n tokens,\n selector,\n globalTheme = false,\n}: {\n name: string;\n namingPattern: (name: string) => [string, string];\n tokens: TokenTransformed[];\n selector?: string;\n globalTheme?: boolean;\n}) {\n const tokensObj: any = {};\n for (const token of tokens) {\n const parts = token.localID!.split('.');\n const name = parts.pop()!;\n\n // rebuild nested object again from flattened tokens array\n let node = tokensObj;\n for (const part of parts) {\n if (!(part in node)) {\n node[part] = {};\n }\n node = node[part];\n }\n if (token.type === 'MULTI_VALUE') {\n if ('.' in token.value) {\n node[name] = serializeValue(token.value['.'], tokens);\n } else {\n node[name] = {};\n for (const [k, v] of Object.entries(token.value)) {\n if (k === '__cssName') {\n continue;\n }\n node[name][camelCase(k)] = serializeValue(v, tokens);\n }\n }\n } else {\n node[name] = serializeValue(token.value, tokens);\n }\n }\n\n const ident = globalTheme ? `${name}` : `[${namingPattern(name)[0]}, ${namingPattern(name)[1]}]`;\n const prefix = globalTheme\n ? `${VE.createGlobalTheme}(${JSON.stringify(selector)}, ${THEME_EXPORT}, `\n : `${VE.createTheme}(${THEME_EXPORT}, `;\n const rawTokens = JSON.stringify(tokensObj, undefined, 2);\n return `export const ${ident} = ${prefix}${deserializeAllValues(rawTokens)});\\n`;\n}\n\nconst IDENT_ESCAPE = '__ident__';\n\n/** Encode an alias to a Vanilla Extract token inside a JSON array */\nexport function serializeValue(value: string | number | boolean, tokens: TokenTransformed[]): string {\n // raw values: number / boolean\n if (typeof value === 'number' || typeof value === 'boolean') {\n return String(value);\n }\n\n // aliases\n // ⚠️ Warning! Trying to simply transform CSS vars to IDs is brittle, error-prone, and will break in many conditions.\n // However, reverse lookups from generated CSS vars is stable and safe. Subtle but important difference.\n const [_, varName] = value.match(/^var\\(([^)]+)\\)$/) ?? [];\n if (varName) {\n const originalToken = tokens.find((t) => t.type === 'MULTI_VALUE' && t.value.__cssName === varName);\n if (!originalToken) {\n throw new Error(`Can’t find token associated with ${value}`);\n }\n let jsIdent = '';\n const parts = originalToken.localID!.split('.');\n for (const part of parts) {\n if (!isJSIdent(part)) {\n // Note: there are probably some token IDs with quotation marks in them that this\n // would break on, but also, how dare you, you monster\n jsIdent += /^[1-9][0-9]*$/.test(part) ? `[${part}]` : `['${part.replace(/'/g, \"\\\\'\")}']`;\n } else {\n jsIdent += `.${part}`;\n }\n }\n return `${IDENT_ESCAPE}${THEME_EXPORT}${jsIdent}${IDENT_ESCAPE}`;\n }\n\n // special case: zero\n if (/^0[A-Z]+/i.test(value)) {\n return '0';\n }\n // special case: px converts to numbers\n // if (/^\\d+px/i.test(value)) {\n // return Number.parseFloat(value);\n // }\n return value;\n}\n\n/** Decode all aliases from a JSON string */\nexport function deserializeAllValues(json: string): string {\n return json.replace(/\"__ident__(.*)__ident__\"/g, '$1');\n}\n","import type { Plugin } from '@terrazzo/parser';\nimport { FORMAT_ID as FORMAT_CSS } from '@terrazzo/plugin-css';\nimport { camelCase } from 'scule';\nimport {\n FORMAT_ID as FORMAT_VANILLA,\n generateTheme,\n generateThemeContract,\n isJSIdent,\n type VanillaExtractPluginOptions,\n VE,\n} from './lib.js';\n\nexport * from './lib.js';\n\nconst PLUGIN_NAME = '@terrazzo/plugin-vanilla-extract';\n\nexport default function vanillaExtractPlugin(options: VanillaExtractPluginOptions): Plugin {\n const filename = options.filename ?? 'theme.css.ts';\n const globalThemeContract = options.globalThemeContract ?? true;\n let isResolver = false;\n\n return {\n name: PLUGIN_NAME,\n enforce: 'post', // ensure this comes after @terrazzo/plugin-css\n config(config, { logger }) {\n if (!config.plugins.some((p) => p.name === '@terrazzo/plugin-css')) {\n logger.error({\n group: 'plugin',\n label: PLUGIN_NAME,\n message:\n '@terrazzo/plugin-css missing! Please install and add to the plugins array to use the Vanilla Extract plugin.',\n });\n }\n const allThemes = { ...options.themes, ...options.globalThemes };\n isResolver = Object.values(allThemes).every((t) => t.input);\n\n if (!Object.keys(allThemes).length) {\n logger.error({\n group: 'plugin',\n label: PLUGIN_NAME,\n message: 'Must generate at least one theme in \"themes\" or \"globalThemes\".',\n });\n }\n for (const k of Object.keys(allThemes)) {\n if (!isJSIdent(k)) {\n logger.error({\n group: 'plugin',\n label: PLUGIN_NAME,\n message: `${JSON.stringify(k)} must be a valid JS identifier. Prefer camelCase so it may be used in JS.`,\n });\n }\n if (isResolver && allThemes[k]!.mode) {\n logger.error({\n group: 'plugin',\n label: PLUGIN_NAME,\n message: `${k}: Can’t use \"mode\" while other themes use \"input\". Use either \"mode\" or \"input\" globally.`,\n });\n }\n }\n },\n\n async transform({ getTransforms, setTransform }) {\n if (isResolver) {\n for (const { input } of Object.values(options.themes ?? options.globalThemes ?? {})) {\n for (const token of getTransforms({ format: FORMAT_CSS, input })) {\n const localID = token.token.jsonID // use jsonID to account for $root tokens\n .slice(2)\n .split('/')\n .map((part) => camelCase(part))\n .join('.');\n const value = {\n ...(token.type === 'SINGLE_VALUE' ? { '.': token.value } : { ...token.value }),\n __cssName: token.localID!,\n };\n setTransform(token.id, {\n format: FORMAT_VANILLA,\n localID,\n value,\n input,\n meta: { 'token-listing': { name: `vars.${localID}` } },\n });\n }\n }\n return;\n }\n\n // legacy modes\n // deprecate in 3.0\n for (const token of getTransforms({ format: FORMAT_CSS })) {\n const localID = token.token.jsonID // use jsonID to account for $root tokens\n .slice(2)\n .split('/')\n .map((part) => camelCase(part))\n .join('.');\n const value = {\n ...(token.type === 'SINGLE_VALUE' ? { '.': token.value } : { ...token.value }),\n __cssName: token.localID!,\n };\n setTransform(token.id, {\n format: FORMAT_VANILLA,\n localID,\n value,\n mode: token.mode,\n meta: { 'token-listing': { name: `vars.${localID}` } },\n });\n }\n },\n\n async build({ getTransforms, outputFile }) {\n const imports = new Set<string>();\n const output: string[] = [];\n\n // generate theme contract\n const firstInput = Object.values(options.globalThemes ?? options.themes ?? {})[0]?.input ?? {};\n output.push(\n generateThemeContract({\n tokens: getTransforms({\n format: FORMAT_VANILLA,\n ...(isResolver ? { input: firstInput } : { mode: '.' }),\n }),\n globalThemeContract,\n }),\n );\n imports.add(globalThemeContract ? VE.createGlobalThemeContract : VE.createThemeContract);\n\n // generate themes/global themes\n const namingPattern = options?.themeVarNaming ?? ((n) => [`${n}Class`, n]);\n for (const [name, { mode, input }] of Object.entries(options.themes ?? {})) {\n const theme = generateTheme({\n name,\n namingPattern,\n tokens: getTransforms({\n format: FORMAT_VANILLA,\n ...(mode ? { mode } : { input }),\n }),\n });\n imports.add(VE.createTheme);\n output.push(theme);\n }\n for (const [name, { selector, mode, input }] of Object.entries(options.globalThemes ?? {})) {\n const theme = generateTheme({\n name,\n namingPattern,\n tokens: getTransforms({\n format: FORMAT_VANILLA,\n ...(mode ? { mode } : { input }),\n }),\n selector,\n globalTheme: true,\n });\n imports.add(VE.createGlobalTheme);\n output.push(theme);\n }\n\n outputFile(\n filename,\n [`import { ${[...imports].sort().join(', ')} } from \"@vanilla-extract/css\";`, '', ...output].join('\\n'),\n );\n },\n };\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["FORMAT_CSS","FORMAT_VANILLA"],"sources":["../src/lib.ts","../src/index.ts"],"sourcesContent":["import type { TokenTransformed } from '@terrazzo/parser';\nimport type ve from '@vanilla-extract/css';\nimport { camelCase } from 'scule';\n\nexport const FORMAT_ID = 'vanilla-extract';\nexport const THEME_EXPORT = 'vars'; // Could be a future option, for now match docs\n\nexport interface VanillaExtractPluginOptions {\n /**\n * Filename to generate.\n * @default \"theme.css.ts\"\n */\n filename?: string;\n /**\n * - true: use global `createGlobalThemeContract()` API\n * - false: use scoped `createThemeContract()` API\n * @default true\n */\n globalThemeContract?: boolean;\n /**\n * Mapping of exported JS variables to token modes. The key MUST be a valid JS identifier.\n * @example\n *\n * ```js\n * themes: {\n * default: { mode: \".\" }, // \".\" refers to the default mode, or no mode\n * light: { mode: \"light\" },\n * dark: { mode: \"dark\" },\n * }\n * ```\n */\n themes?: Record<\n string,\n | {\n /* @deprecated */\n mode: string | string[];\n input?: never;\n }\n | {\n /* @deprecated */\n mode?: never;\n input: Record<string, string>;\n }\n >;\n /**\n * Mapping of exported JS variables to token modes for global themes. The key MUST be a valid JS identifier.\n * @example\n *\n * ```js\n * globalThemes: {\n * default: { selector: \":root\", mode: \".\" }, // \".\" refers to the default mode, or no mode\n * light: { selector: \"[data-color-mode=light]\", mode: \"light\" },\n * dark: { selector: \"[data-color-mode=dark]\" mode: \"dark\" },\n * }\n * ```\n */\n globalThemes?: Record<\n string,\n | {\n selector: string;\n /* @deprecated */\n mode: string | string[];\n input?: never;\n }\n | {\n selector: string;\n /* @deprecated */\n mode?: never;\n input: Record<string, string>;\n }\n >;\n /**\n * Change the naming strategy for the createTheme() API’s `[class, vars]` tuple.\n * @default (name) => [`${name}Class`, name]\n */\n themeVarNaming?: (name: string) => [string, string];\n}\n\n// imports saved as a constant to prevent typos\nexport const VE = {\n createTheme: 'createTheme',\n createGlobalTheme: 'createGlobalTheme',\n createThemeContract: 'createThemeContract',\n createGlobalThemeContract: 'createGlobalThemeContract',\n} satisfies Partial<Record<keyof typeof ve, string>>;\n\nexport function isJSIdent(ident: unknown): boolean {\n if (typeof ident !== 'string') {\n return false;\n }\n return /^[A-Za-z$_][A-Za-z0-9_$]*$/.test(ident);\n}\n\n/** Generate createThemeContract() or createGlobalThemeContract() */\nexport function generateThemeContract({\n tokens,\n globalThemeContract,\n}: {\n tokens: TokenTransformed[];\n globalThemeContract: boolean;\n}): string {\n const tokensObj: any = {};\n for (const token of tokens) {\n const parts = token.localID!.split('.');\n const name = parts.pop()!;\n\n // rebuild nested object again from flattened tokens array\n let node = tokensObj;\n for (const part of parts) {\n if (!(part in node)) {\n node[part] = {};\n }\n node = node[part];\n }\n\n if (token.type !== 'MULTI_VALUE') {\n throw new Error('Error in plugin-vanilla-extract: values didn’t generate correctly.');\n }\n\n const cssName = token.value.__cssName?.replace(/^--/, '');\n if ('.' in token.value) {\n node[name] = globalThemeContract ? cssName : null;\n } else {\n node[name] = {};\n for (const k of Object.keys(token.value)) {\n if (k === '__cssName') {\n continue;\n }\n node[name][camelCase(k)] = globalThemeContract ? `${cssName}-${k}` : null;\n }\n }\n }\n\n return `export const ${THEME_EXPORT} = ${globalThemeContract ? VE.createGlobalThemeContract : VE.createThemeContract}(${JSON.stringify(tokensObj, undefined, 2)});\\n`;\n}\n\n/** Generate createTheme()/createGlobalTheme() */\nexport function generateTheme({\n name,\n namingPattern,\n tokens,\n selector,\n globalTheme = false,\n}: {\n name: string;\n namingPattern: (name: string) => [string, string];\n tokens: TokenTransformed[];\n selector?: string;\n globalTheme?: boolean;\n}) {\n const tokensObj: any = {};\n for (const token of tokens) {\n const parts = token.localID!.split('.');\n const name = parts.pop()!;\n\n // rebuild nested object again from flattened tokens array\n let node = tokensObj;\n for (const part of parts) {\n if (!(part in node)) {\n node[part] = {};\n }\n node = node[part];\n }\n if (token.type === 'MULTI_VALUE') {\n if ('.' in token.value) {\n node[name] = serializeValue(token.value['.'], tokens);\n } else {\n node[name] = {};\n for (const [k, v] of Object.entries(token.value)) {\n if (k === '__cssName') {\n continue;\n }\n node[name][camelCase(k)] = serializeValue(v, tokens);\n }\n }\n } else {\n node[name] = serializeValue(token.value, tokens);\n }\n }\n\n const ident = globalTheme ? `${name}` : `[${namingPattern(name)[0]}, ${namingPattern(name)[1]}]`;\n const prefix = globalTheme\n ? `${VE.createGlobalTheme}(${JSON.stringify(selector)}, ${THEME_EXPORT}, `\n : `${VE.createTheme}(${THEME_EXPORT}, `;\n const rawTokens = JSON.stringify(tokensObj, undefined, 2);\n return `export const ${ident} = ${prefix}${deserializeAllValues(rawTokens)});\\n`;\n}\n\nconst IDENT_ESCAPE = '__ident__';\n\n/** Encode an alias to a Vanilla Extract token inside a JSON array */\nexport function serializeValue(value: string | number | boolean, tokens: TokenTransformed[]): string {\n // raw values: number / boolean\n if (typeof value === 'number' || typeof value === 'boolean') {\n return String(value);\n }\n\n // aliases\n // ⚠️ Warning! Trying to simply transform CSS vars to IDs is brittle, error-prone, and will break in many conditions.\n // However, reverse lookups from generated CSS vars is stable and safe. Subtle but important difference.\n const [_, varName] = value.match(/^var\\(([^)]+)\\)$/) ?? [];\n if (varName) {\n const originalToken = tokens.find((t) => t.type === 'MULTI_VALUE' && t.value.__cssName === varName);\n if (!originalToken) {\n throw new Error(`Can’t find token associated with ${value}`);\n }\n let jsIdent = '';\n const parts = originalToken.localID!.split('.');\n for (const part of parts) {\n if (!isJSIdent(part)) {\n // Note: there are probably some token IDs with quotation marks in them that this\n // would break on, but also, how dare you, you monster\n jsIdent += /^[1-9][0-9]*$/.test(part) ? `[${part}]` : `['${part.replace(/'/g, \"\\\\'\")}']`;\n } else {\n jsIdent += `.${part}`;\n }\n }\n return `${IDENT_ESCAPE}${THEME_EXPORT}${jsIdent}${IDENT_ESCAPE}`;\n }\n\n // special case: px converts to numbers\n // if (/^\\d+px/i.test(value)) {\n // return Number.parseFloat(value);\n // }\n return value;\n}\n\n/** Decode all aliases from a JSON string */\nexport function deserializeAllValues(json: string): string {\n return json.replace(/\"__ident__(.*)__ident__\"/g, '$1');\n}\n","import type { Plugin } from '@terrazzo/parser';\nimport { FORMAT_ID as FORMAT_CSS } from '@terrazzo/plugin-css';\nimport { camelCase } from 'scule';\nimport {\n FORMAT_ID as FORMAT_VANILLA,\n generateTheme,\n generateThemeContract,\n isJSIdent,\n type VanillaExtractPluginOptions,\n VE,\n} from './lib.js';\n\nexport * from './lib.js';\n\nconst PLUGIN_NAME = '@terrazzo/plugin-vanilla-extract';\n\nexport default function vanillaExtractPlugin(options: VanillaExtractPluginOptions): Plugin {\n const filename = options.filename ?? 'theme.css.ts';\n const globalThemeContract = options.globalThemeContract ?? true;\n let isResolver = false;\n\n return {\n name: PLUGIN_NAME,\n enforce: 'post', // ensure this comes after @terrazzo/plugin-css\n config(config, { logger }) {\n if (!config.plugins.some((p) => p.name === '@terrazzo/plugin-css')) {\n logger.error({\n group: 'plugin',\n label: PLUGIN_NAME,\n message:\n '@terrazzo/plugin-css missing! Please install and add to the plugins array to use the Vanilla Extract plugin.',\n });\n }\n const allThemes = { ...options.themes, ...options.globalThemes };\n isResolver = Object.values(allThemes).every((t) => t.input);\n\n if (!Object.keys(allThemes).length) {\n logger.error({\n group: 'plugin',\n label: PLUGIN_NAME,\n message: 'Must generate at least one theme in \"themes\" or \"globalThemes\".',\n });\n }\n for (const k of Object.keys(allThemes)) {\n if (!isJSIdent(k)) {\n logger.error({\n group: 'plugin',\n label: PLUGIN_NAME,\n message: `${JSON.stringify(k)} must be a valid JS identifier. Prefer camelCase so it may be used in JS.`,\n });\n }\n if (isResolver && allThemes[k]!.mode) {\n logger.error({\n group: 'plugin',\n label: PLUGIN_NAME,\n message: `${k}: Can’t use \"mode\" while other themes use \"input\". Use either \"mode\" or \"input\" globally.`,\n });\n }\n }\n },\n\n async transform({ getTransforms, setTransform }) {\n if (isResolver) {\n for (const { input } of Object.values(options.themes ?? options.globalThemes ?? {})) {\n for (const token of getTransforms({ format: FORMAT_CSS, input })) {\n const localID = token.token.jsonID // use jsonID to account for $root tokens\n .slice(2)\n .split('/')\n .map((part) => camelCase(part))\n .join('.');\n const value = {\n ...(token.type === 'SINGLE_VALUE' ? { '.': token.value } : { ...token.value }),\n __cssName: token.localID!,\n };\n setTransform(token.id, {\n format: FORMAT_VANILLA,\n localID,\n value,\n input,\n meta: { 'token-listing': { name: `vars.${localID}` } },\n });\n }\n }\n return;\n }\n\n // legacy modes\n // deprecate in 3.0\n for (const token of getTransforms({ format: FORMAT_CSS })) {\n const localID = token.token.jsonID // use jsonID to account for $root tokens\n .slice(2)\n .split('/')\n .map((part) => camelCase(part))\n .join('.');\n const value = {\n ...(token.type === 'SINGLE_VALUE' ? { '.': token.value } : { ...token.value }),\n __cssName: token.localID!,\n };\n setTransform(token.id, {\n format: FORMAT_VANILLA,\n localID,\n value,\n mode: token.mode,\n meta: { 'token-listing': { name: `vars.${localID}` } },\n });\n }\n },\n\n async build({ getTransforms, outputFile }) {\n const imports = new Set<string>();\n const output: string[] = [];\n\n // generate theme contract\n const firstInput = Object.values(options.globalThemes ?? options.themes ?? {})[0]?.input ?? {};\n output.push(\n generateThemeContract({\n tokens: getTransforms({\n format: FORMAT_VANILLA,\n ...(isResolver ? { input: firstInput } : { mode: '.' }),\n }),\n globalThemeContract,\n }),\n );\n imports.add(globalThemeContract ? VE.createGlobalThemeContract : VE.createThemeContract);\n\n // generate themes/global themes\n const namingPattern = options?.themeVarNaming ?? ((n) => [`${n}Class`, n]);\n for (const [name, { mode, input }] of Object.entries(options.themes ?? {})) {\n const theme = generateTheme({\n name,\n namingPattern,\n tokens: getTransforms({\n format: FORMAT_VANILLA,\n ...(mode ? { mode } : { input }),\n }),\n });\n imports.add(VE.createTheme);\n output.push(theme);\n }\n for (const [name, { selector, mode, input }] of Object.entries(options.globalThemes ?? {})) {\n const theme = generateTheme({\n name,\n namingPattern,\n tokens: getTransforms({\n format: FORMAT_VANILLA,\n ...(mode ? { mode } : { input }),\n }),\n selector,\n globalTheme: true,\n });\n imports.add(VE.createGlobalTheme);\n output.push(theme);\n }\n\n outputFile(\n filename,\n [`import { ${[...imports].sort().join(', ')} } from \"@vanilla-extract/css\";`, '', ...output].join('\\n'),\n );\n },\n };\n}\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@terrazzo/plugin-vanilla-extract",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.4.0",
|
|
4
4
|
"description": "Generate Vanilla Extract themes from DTCG design tokens.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -28,9 +28,9 @@
|
|
|
28
28
|
"directory": "./packages/plugin-vanilla-extract/"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
31
|
-
"@terrazzo/cli": "^2.
|
|
32
|
-
"@terrazzo/parser": "^2.
|
|
33
|
-
"@terrazzo/plugin-css": "^2.
|
|
31
|
+
"@terrazzo/cli": "^2.4.0",
|
|
32
|
+
"@terrazzo/parser": "^2.4.0",
|
|
33
|
+
"@terrazzo/plugin-css": "^2.4.0"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"scule": "^1.3.0"
|
|
@@ -43,8 +43,8 @@
|
|
|
43
43
|
"dtcg-examples": "^1.0.3",
|
|
44
44
|
"react": "^19.2.6",
|
|
45
45
|
"react-dom": "^19.2.6",
|
|
46
|
-
"@terrazzo/cli": "^2.
|
|
47
|
-
"@terrazzo/parser": "^2.
|
|
46
|
+
"@terrazzo/cli": "^2.4.0",
|
|
47
|
+
"@terrazzo/parser": "^2.4.0"
|
|
48
48
|
},
|
|
49
49
|
"scripts": {
|
|
50
50
|
"build": "rolldown -c && attw --profile esm-only --pack .",
|