@terrazzo/plugin-vanilla-extract 2.0.0-alpha.3 → 2.0.0-alpha.7
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 +1 -1
- package/dist/index.js +1 -64
- package/dist/index.js.map +1 -1
- package/package.json +11 -10
package/README.md
CHANGED
|
@@ -4,7 +4,7 @@ Generate [Vanilla Extract](https://vanilla-extract.style) CSS themes from DTCG t
|
|
|
4
4
|
|
|
5
5
|
## Setup
|
|
6
6
|
|
|
7
|
-
Requires [Node.js
|
|
7
|
+
Requires [Node.js](https://nodejs.org). With that installed, run:
|
|
8
8
|
|
|
9
9
|
```sh
|
|
10
10
|
npm i -D @terrazzo/cli @terrazzo/plugin-css @terrazzo/plugin-vanilla-extract
|
package/dist/index.js
CHANGED
|
@@ -1,69 +1,6 @@
|
|
|
1
1
|
import { FORMAT_ID as FORMAT_ID$1 } from "@terrazzo/plugin-css";
|
|
2
|
+
import { camelCase } from "scule";
|
|
2
3
|
|
|
3
|
-
//#region ../../node_modules/.pnpm/scule@1.3.0/node_modules/scule/dist/index.mjs
|
|
4
|
-
const NUMBER_CHAR_RE = /\d/;
|
|
5
|
-
const STR_SPLITTERS = [
|
|
6
|
-
"-",
|
|
7
|
-
"_",
|
|
8
|
-
"/",
|
|
9
|
-
"."
|
|
10
|
-
];
|
|
11
|
-
function isUppercase(char = "") {
|
|
12
|
-
if (NUMBER_CHAR_RE.test(char)) return;
|
|
13
|
-
return char !== char.toLowerCase();
|
|
14
|
-
}
|
|
15
|
-
function splitByCase(str, separators) {
|
|
16
|
-
const splitters = separators ?? STR_SPLITTERS;
|
|
17
|
-
const parts = [];
|
|
18
|
-
if (!str || typeof str !== "string") return parts;
|
|
19
|
-
let buff = "";
|
|
20
|
-
let previousUpper;
|
|
21
|
-
let previousSplitter;
|
|
22
|
-
for (const char of str) {
|
|
23
|
-
const isSplitter = splitters.includes(char);
|
|
24
|
-
if (isSplitter === true) {
|
|
25
|
-
parts.push(buff);
|
|
26
|
-
buff = "";
|
|
27
|
-
previousUpper = void 0;
|
|
28
|
-
continue;
|
|
29
|
-
}
|
|
30
|
-
const isUpper = isUppercase(char);
|
|
31
|
-
if (previousSplitter === false) {
|
|
32
|
-
if (previousUpper === false && isUpper === true) {
|
|
33
|
-
parts.push(buff);
|
|
34
|
-
buff = char;
|
|
35
|
-
previousUpper = isUpper;
|
|
36
|
-
continue;
|
|
37
|
-
}
|
|
38
|
-
if (previousUpper === true && isUpper === false && buff.length > 1) {
|
|
39
|
-
const lastChar = buff.at(-1);
|
|
40
|
-
parts.push(buff.slice(0, Math.max(0, buff.length - 1)));
|
|
41
|
-
buff = lastChar + char;
|
|
42
|
-
previousUpper = isUpper;
|
|
43
|
-
continue;
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
buff += char;
|
|
47
|
-
previousUpper = isUpper;
|
|
48
|
-
previousSplitter = isSplitter;
|
|
49
|
-
}
|
|
50
|
-
parts.push(buff);
|
|
51
|
-
return parts;
|
|
52
|
-
}
|
|
53
|
-
function upperFirst(str) {
|
|
54
|
-
return str ? str[0].toUpperCase() + str.slice(1) : "";
|
|
55
|
-
}
|
|
56
|
-
function lowerFirst(str) {
|
|
57
|
-
return str ? str[0].toLowerCase() + str.slice(1) : "";
|
|
58
|
-
}
|
|
59
|
-
function pascalCase(str, opts) {
|
|
60
|
-
return str ? (Array.isArray(str) ? str : splitByCase(str)).map((p) => upperFirst(opts?.normalize ? p.toLowerCase() : p)).join("") : "";
|
|
61
|
-
}
|
|
62
|
-
function camelCase(str, opts) {
|
|
63
|
-
return lowerFirst(pascalCase(str || "", opts));
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
//#endregion
|
|
67
4
|
//#region src/lib.ts
|
|
68
5
|
const FORMAT_ID = "vanilla-extract";
|
|
69
6
|
const THEME_EXPORT = "vars";
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["tokensObj: any","name","FORMAT_CSS","FORMAT_VANILLA","output: string[]"],"sources":["../../../node_modules/.pnpm/scule@1.3.0/node_modules/scule/dist/index.mjs","../src/lib.ts","../src/index.ts"],"sourcesContent":["const NUMBER_CHAR_RE = /\\d/;\nconst STR_SPLITTERS = [\"-\", \"_\", \"/\", \".\"];\nfunction isUppercase(char = \"\") {\n if (NUMBER_CHAR_RE.test(char)) {\n return void 0;\n }\n return char !== char.toLowerCase();\n}\nfunction splitByCase(str, separators) {\n const splitters = separators ?? STR_SPLITTERS;\n const parts = [];\n if (!str || typeof str !== \"string\") {\n return parts;\n }\n let buff = \"\";\n let previousUpper;\n let previousSplitter;\n for (const char of str) {\n const isSplitter = splitters.includes(char);\n if (isSplitter === true) {\n parts.push(buff);\n buff = \"\";\n previousUpper = void 0;\n continue;\n }\n const isUpper = isUppercase(char);\n if (previousSplitter === false) {\n if (previousUpper === false && isUpper === true) {\n parts.push(buff);\n buff = char;\n previousUpper = isUpper;\n continue;\n }\n if (previousUpper === true && isUpper === false && buff.length > 1) {\n const lastChar = buff.at(-1);\n parts.push(buff.slice(0, Math.max(0, buff.length - 1)));\n buff = lastChar + char;\n previousUpper = isUpper;\n continue;\n }\n }\n buff += char;\n previousUpper = isUpper;\n previousSplitter = isSplitter;\n }\n parts.push(buff);\n return parts;\n}\nfunction upperFirst(str) {\n return str ? str[0].toUpperCase() + str.slice(1) : \"\";\n}\nfunction lowerFirst(str) {\n return str ? str[0].toLowerCase() + str.slice(1) : \"\";\n}\nfunction pascalCase(str, opts) {\n return str ? (Array.isArray(str) ? str : splitByCase(str)).map((p) => upperFirst(opts?.normalize ? p.toLowerCase() : p)).join(\"\") : \"\";\n}\nfunction camelCase(str, opts) {\n return lowerFirst(pascalCase(str || \"\", opts));\n}\nfunction kebabCase(str, joiner) {\n return str ? (Array.isArray(str) ? str : splitByCase(str)).map((p) => p.toLowerCase()).join(joiner ?? \"-\") : \"\";\n}\nfunction snakeCase(str) {\n return kebabCase(str || \"\", \"_\");\n}\nfunction flatCase(str) {\n return kebabCase(str || \"\", \"\");\n}\nfunction trainCase(str, opts) {\n return (Array.isArray(str) ? str : splitByCase(str)).filter(Boolean).map((p) => upperFirst(opts?.normalize ? p.toLowerCase() : p)).join(\"-\");\n}\nconst titleCaseExceptions = /^(a|an|and|as|at|but|by|for|if|in|is|nor|of|on|or|the|to|with)$/i;\nfunction titleCase(str, opts) {\n return (Array.isArray(str) ? str : splitByCase(str)).filter(Boolean).map(\n (p) => titleCaseExceptions.test(p) ? p.toLowerCase() : upperFirst(opts?.normalize ? p.toLowerCase() : p)\n ).join(\" \");\n}\n\nexport { camelCase, flatCase, isUppercase, kebabCase, lowerFirst, pascalCase, snakeCase, splitByCase, titleCase, trainCase, upperFirst };\n","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<string, { mode: string | string[] }>;\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<string, { selector: string; mode: string | string[] }>;\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 if (token.type !== 'MULTI_VALUE') {\n throw new Error('Error in plugin-vanilla-extract: values didn’t generate correctly.');\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\nexport default function vanillaExtractPlugin(options: VanillaExtractPluginOptions): Plugin {\n const filename = options.filename ?? 'theme.css.ts';\n const globalThemeContract = options.globalThemeContract ?? true;\n\n return {\n name: '@terrazzo/plugin-vanilla-extract',\n enforce: 'post', // ensure this comes after @terrazzo/plugin-css\n config(config) {\n if (!config.plugins.some((p) => p.name === '@terrazzo/plugin-css')) {\n throw new Error(\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 if (!Object.keys(allThemes).length) {\n throw new Error('Must generate at least one theme in \"themes\" or \"globalThemes\".');\n }\n for (const k of Object.keys(allThemes)) {\n if (!isJSIdent(k)) {\n throw new Error(\n `${JSON.stringify(k)} must be a valid JS identifier. Prefer camelCase so it may be used in JS.`,\n );\n }\n }\n },\n\n async transform({ getTransforms, setTransform }) {\n // vanilla-extract’s transform works a little-differently than other plugins.\n // First, the localID is the same as the source, only we camelCase it for\n // convenience.\n // Second, we’re borrowing the values from plugin-css, but also keeping\n // its localID, too, for later.\n for (const token of getTransforms({ format: FORMAT_CSS })) {\n const localID = token.id\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 output.push(\n generateThemeContract({\n tokens: getTransforms({ format: FORMAT_VANILLA, mode: '.' }),\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 }] of Object.entries(options.themes ?? {})) {\n const theme = generateTheme({ name, namingPattern, tokens: getTransforms({ format: FORMAT_VANILLA, mode }) });\n imports.add(VE.createTheme);\n output.push(theme);\n }\n for (const [name, { selector, mode }] of Object.entries(options.globalThemes ?? {})) {\n const theme = generateTheme({\n name,\n namingPattern,\n tokens: getTransforms({ format: FORMAT_VANILLA, mode }),\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"],"x_google_ignoreList":[0],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["tokensObj: any","name","FORMAT_CSS","FORMAT_VANILLA","output: string[]"],"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<string, { mode: string | string[] }>;\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<string, { selector: string; mode: string | string[] }>;\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 if (token.type !== 'MULTI_VALUE') {\n throw new Error('Error in plugin-vanilla-extract: values didn’t generate correctly.');\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\nexport default function vanillaExtractPlugin(options: VanillaExtractPluginOptions): Plugin {\n const filename = options.filename ?? 'theme.css.ts';\n const globalThemeContract = options.globalThemeContract ?? true;\n\n return {\n name: '@terrazzo/plugin-vanilla-extract',\n enforce: 'post', // ensure this comes after @terrazzo/plugin-css\n config(config) {\n if (!config.plugins.some((p) => p.name === '@terrazzo/plugin-css')) {\n throw new Error(\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 if (!Object.keys(allThemes).length) {\n throw new Error('Must generate at least one theme in \"themes\" or \"globalThemes\".');\n }\n for (const k of Object.keys(allThemes)) {\n if (!isJSIdent(k)) {\n throw new Error(\n `${JSON.stringify(k)} must be a valid JS identifier. Prefer camelCase so it may be used in JS.`,\n );\n }\n }\n },\n\n async transform({ getTransforms, setTransform }) {\n // vanilla-extract’s transform works a little-differently than other plugins.\n // First, the localID is the same as the source, only we camelCase it for\n // convenience.\n // Second, we’re borrowing the values from plugin-css, but also keeping\n // its localID, too, for later.\n for (const token of getTransforms({ format: FORMAT_CSS })) {\n const localID = token.id\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 output.push(\n generateThemeContract({\n tokens: getTransforms({ format: FORMAT_VANILLA, mode: '.' }),\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 }] of Object.entries(options.themes ?? {})) {\n const theme = generateTheme({ name, namingPattern, tokens: getTransforms({ format: FORMAT_VANILLA, mode }) });\n imports.add(VE.createTheme);\n output.push(theme);\n }\n for (const [name, { selector, mode }] of Object.entries(options.globalThemes ?? {})) {\n const theme = generateTheme({\n name,\n namingPattern,\n tokens: getTransforms({ format: FORMAT_VANILLA, mode }),\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.0.0-alpha.
|
|
3
|
+
"version": "2.0.0-alpha.7",
|
|
4
4
|
"description": "Generate Vanilla Extract themes from DTCG design tokens.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -28,22 +28,23 @@
|
|
|
28
28
|
"directory": "./packages/plugin-vanilla-extract/"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
31
|
-
"@terrazzo/cli": "^2.0.0-alpha.
|
|
32
|
-
"@terrazzo/
|
|
31
|
+
"@terrazzo/cli": "^2.0.0-alpha.7",
|
|
32
|
+
"@terrazzo/parser": "^2.0.0-alpha.7",
|
|
33
|
+
"@terrazzo/plugin-css": "^2.0.0-alpha.7"
|
|
33
34
|
},
|
|
34
35
|
"dependencies": {
|
|
35
36
|
"scule": "^1.3.0"
|
|
36
37
|
},
|
|
37
38
|
"devDependencies": {
|
|
38
|
-
"@types/react": "^19.2.
|
|
39
|
+
"@types/react": "^19.2.7",
|
|
39
40
|
"@types/react-dom": "^19.2.3",
|
|
40
|
-
"@vanilla-extract/css": "^1.17.
|
|
41
|
-
"@vanilla-extract/vite-plugin": "^5.1.
|
|
41
|
+
"@vanilla-extract/css": "^1.17.5",
|
|
42
|
+
"@vanilla-extract/vite-plugin": "^5.1.3",
|
|
42
43
|
"dtcg-examples": "^0.3.4",
|
|
43
|
-
"react": "^19.2.
|
|
44
|
-
"react-dom": "^19.2.
|
|
45
|
-
"@terrazzo/cli": "^2.0.0-alpha.
|
|
46
|
-
"@terrazzo/parser": "^2.0.0-alpha.
|
|
44
|
+
"react": "^19.2.3",
|
|
45
|
+
"react-dom": "^19.2.3",
|
|
46
|
+
"@terrazzo/cli": "^2.0.0-alpha.7",
|
|
47
|
+
"@terrazzo/parser": "^2.0.0-alpha.7"
|
|
47
48
|
},
|
|
48
49
|
"scripts": {
|
|
49
50
|
"build": "rolldown -c && attw --profile esm-only --pack .",
|