@terrazzo/plugin-css 2.0.3 → 2.2.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 +19 -0
- package/dist/index.d.ts +23 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +139 -27
- package/dist/index.js.map +1 -1
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
# @terrazzo/plugin-css
|
|
2
2
|
|
|
3
|
+
## 2.2.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#738](https://github.com/terrazzoapp/terrazzo/pull/738) [`5f2700e`](https://github.com/terrazzoapp/terrazzo/commit/5f2700e0bbe76cb19674feef8a3868653f273b11) Thanks [@james-nash](https://github.com/james-nash)! - Added `subValueVariableName` option.
|
|
8
|
+
|
|
9
|
+
- [#738](https://github.com/terrazzoapp/terrazzo/pull/738) [`5f2700e`](https://github.com/terrazzoapp/terrazzo/commit/5f2700e0bbe76cb19674feef8a3868653f273b11) Thanks [@james-nash](https://github.com/james-nash)! - Added `omitTypographyShorthand` option.
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies [[`108aad0`](https://github.com/terrazzoapp/terrazzo/commit/108aad068486ced7c6791683d30ce393cc4426ae), [`5f2700e`](https://github.com/terrazzoapp/terrazzo/commit/5f2700e0bbe76cb19674feef8a3868653f273b11)]:
|
|
14
|
+
- @terrazzo/token-tools@2.2.0
|
|
15
|
+
|
|
16
|
+
## 2.1.0
|
|
17
|
+
|
|
18
|
+
### Minor Changes
|
|
19
|
+
|
|
20
|
+
- [#732](https://github.com/terrazzoapp/terrazzo/pull/732) [`07be482`](https://github.com/terrazzoapp/terrazzo/commit/07be4826763bcaeac2ecae156c00f547b5564122) Thanks [@avasis-ai](https://github.com/avasis-ai)! - feat: add opt-in `propertyDefinitions` option to CSS plugin to generate CSS @property definitions
|
|
21
|
+
|
|
3
22
|
## 2.0.3
|
|
4
23
|
|
|
5
24
|
### Patch Changes
|
package/dist/index.d.ts
CHANGED
|
@@ -56,6 +56,26 @@ interface CSSPluginOptions {
|
|
|
56
56
|
* @default false
|
|
57
57
|
*/
|
|
58
58
|
skipBuild?: boolean;
|
|
59
|
+
/**
|
|
60
|
+
* Generate CSS @property definitions for type-safe CSS Custom Properties.
|
|
61
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/CSS/@property
|
|
62
|
+
* @default false
|
|
63
|
+
*/
|
|
64
|
+
propertyDefinitions?: boolean;
|
|
65
|
+
/**
|
|
66
|
+
* Do not generate CSS shorthand declarations for typography tokens.
|
|
67
|
+
*
|
|
68
|
+
* Note that individual, per-subvalue declarations will still be generated for these tokens.
|
|
69
|
+
* @default false
|
|
70
|
+
*/
|
|
71
|
+
omitTypographyShorthand?: boolean;
|
|
72
|
+
/**
|
|
73
|
+
* Control how sub value names are appended to the CSS variable name.
|
|
74
|
+
*
|
|
75
|
+
* By default, sub value names are appended as is with a hyphen. E.g. given CSS variable name `--my-token` and
|
|
76
|
+
* sub value name `font-size`, the resulting variable name would be `--my-token-font-size`.
|
|
77
|
+
*/
|
|
78
|
+
subValueVariableName?: (variableName: string, subValueName: string, token: TokenTransformed) => string;
|
|
59
79
|
}
|
|
60
80
|
interface Permutation<T extends Record<string, string> = Record<string, string>> {
|
|
61
81
|
/** Generate the final CSS string, wrapping content in the selector(s) of your choice. */
|
|
@@ -132,6 +152,9 @@ interface BuildFormatOptions {
|
|
|
132
152
|
utility: CSSPluginOptions['utility'];
|
|
133
153
|
baseSelector: string;
|
|
134
154
|
baseScheme: CSSPluginOptions['baseScheme'];
|
|
155
|
+
propertyDefinitions: boolean;
|
|
156
|
+
omitTypographyShorthand: CSSPluginOptions['omitTypographyShorthand'];
|
|
157
|
+
subValueVariableName: CSSPluginOptions['subValueVariableName'];
|
|
135
158
|
}
|
|
136
159
|
//#endregion
|
|
137
160
|
//#region src/transform.d.ts
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","names":[],"sources":["../src/lib.ts","../src/build.ts","../src/transform.ts","../src/index.ts"],"mappings":";;;;;KAKY,eAAA;AAAA,KAEA,gBAAA;AAAA,cAEC,WAAA;AAAA,cAEA,SAAA;AAAA,cAIA,WAAA;AAAA,UAII,gBAAA;EAZL;;;;EAiBV,QAAA;EAfW;EAiBX,OAAA;;EAEA,OAAA;EAnBsB;AAExB;;;;EAuBE,YAAA;EAnBW
|
|
1
|
+
{"version":3,"file":"index.d.ts","names":[],"sources":["../src/lib.ts","../src/build.ts","../src/transform.ts","../src/index.ts"],"mappings":";;;;;KAKY,eAAA;AAAA,KAEA,gBAAA;AAAA,cAEC,WAAA;AAAA,cAEA,SAAA;AAAA,cAIA,WAAA;AAAA,UAII,gBAAA;EAZL;;;;EAiBV,QAAA;EAfW;EAiBX,OAAA;;EAEA,OAAA;EAnBsB;AAExB;;;;EAuBE,YAAA;EAnBW;;;;AAAW;AAIxB;EAsBE,UAAA;;;;EAIA,YAAA,GAAe,WAAA;EAUN;;;;EALT,aAAA,GAAgB,YAAA;EASN;EAPV,YAAA,IAAgB,KAAA,EAAO,eAAA;EAqCoE;EAnC3F,SAAA,IACE,KAAA,EAAO,eAAA,EACP,OAAA,EAAS,wBAAA,KACN,gBAAA;EAjCL;EAmCA,OAAA,GAAU,OAAA,CAAQ,MAAA,CAAO,eAAA;EA/BzB;;;;EAoCA,SAAA;EAdA;;;;EAmBA,SAAA;EAfA;;;;;EAqBA,mBAAA;EAhBA;;;;;;EAuBA,uBAAA;EAAA;;;;;;EAOA,oBAAA,IAAwB,YAAA,UAAsB,YAAA,UAAsB,KAAA,EAAO,gBAAA;AAAA;AAAA,UAG5D,WAAA,WAAsB,MAAA,mBAAyB,MAAA;EAApC;EAE1B,OAAA,CAAQ,QAAA;EAF6B;EAIrC,KAAA,EAAO,CAAA;EAAA;EAEP,OAAA;EAQW;EANX,OAAA;EAOqB;;;EAHrB,SAAA,IACE,KAAA,EAAO,eAAA,EACP,OAAA,EAAS,wBAAA,KACN,gBAAA;AAAA;AAAA,UAGU,YAAA;EAhBP;EAkBR,IAAA;EAhBO;EAkBP,MAAA;EAdA;EAgBA,SAAA;EAXS;EAaT,MAAA;AAAA;AAAA,UAIe,cAAA;EACf,IAAA;EACA,QAAA;EACA,KAAA;EACA,OAAA;AAAA;AAAA,UAGe,OAAA;EACf,IAAA;EACA,OAAA;EACA,QAAA,GAAW,OAAA,GAAU,cAAc;AAAA;;;AAd7B;AAIR;;;;;;;;;AAIS;iBAsBO,UAAA,CACd,KAAA,GAAQ,OAAA,GAAU,cAAA;EAChB,UAAA;EAAmB;AAAA;EAAkB,UAAA;EAAqB,QAAA;AAAA;;iBAa9C,SAAA,CACd,IAAA,EAAM,OAAA,GAAU,cAAA;EACd,UAAA;EAAY;AAAA;EAAc,UAAA;EAAoB,QAAA;AAAA;;;UCzIjC,kBAAA;EACf,MAAA,EAAQ,MAAA;EACR,OAAA,EAAS,gBAAA;EACT,OAAA,EAAS,gBAAA;EACT,aAAA,EAAe,gBAAA;EACf,aAAA,EAAe,gBAAA;EACf,YAAA,EAAc,gBAAA;EACd,OAAA,EAAS,gBAAA;EACT,YAAA;EACA,UAAA,EAAY,gBAAA;EACZ,mBAAA;EACA,uBAAA,EAAyB,gBAAA;EACzB,oBAAA,EAAsB,gBAAA;AAAA;;;UCpCP,gBAAA;EACf,SAAA,EAAW,oBAAA;EACX,OAAA,EAAS,gBAAgB;AAAA;;;iBCiBH,SAAA,CAAU,OAAA,GAAU,gBAAA,GAAmB,MAAM"}
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { generateShorthand, makeCSSVar, transformCSSValue } from "@terrazzo/token-tools/css";
|
|
2
2
|
import { CachedWildcardMatcher, kebabCase } from "@terrazzo/token-tools";
|
|
3
|
-
|
|
4
3
|
//#region src/lib.ts
|
|
5
4
|
const PLUGIN_NAME = "@terrazzo/plugin-css";
|
|
6
5
|
const FORMAT_ID = "css";
|
|
@@ -42,7 +41,7 @@ function printNode(node, { indentChar, indentLv }) {
|
|
|
42
41
|
return output;
|
|
43
42
|
}
|
|
44
43
|
if (!node.prelude.length || !node.children.length) return output;
|
|
45
|
-
const mediaQueryWithDecls = node.children.some((s) => s.type === "Declaration") ? node.prelude.find((s) => s.startsWith("@")) : void 0;
|
|
44
|
+
const mediaQueryWithDecls = node.children.some((s) => s.type === "Declaration") ? node.prelude.find((s) => s.startsWith("@media")) : void 0;
|
|
46
45
|
if (mediaQueryWithDecls) {
|
|
47
46
|
const nonMedia = node.prelude.filter((s) => s !== mediaQueryWithDecls);
|
|
48
47
|
output += `${indent}${mediaQueryWithDecls} {\n`;
|
|
@@ -116,7 +115,6 @@ function hasDecl(list, property) {
|
|
|
116
115
|
function addDeclUnique(list, declaration) {
|
|
117
116
|
if (!hasDecl(list, declaration.property)) list.push(declaration);
|
|
118
117
|
}
|
|
119
|
-
|
|
120
118
|
//#endregion
|
|
121
119
|
//#region src/utility-css.ts
|
|
122
120
|
const GROUP_REGEX = {
|
|
@@ -273,7 +271,6 @@ function generateUtilityCSS(groups, tokens, { logger }) {
|
|
|
273
271
|
}
|
|
274
272
|
return root;
|
|
275
273
|
}
|
|
276
|
-
|
|
277
274
|
//#endregion
|
|
278
275
|
//#region src/build.ts
|
|
279
276
|
const P3_MQ = "@media (color-gamut: p3)";
|
|
@@ -285,9 +282,115 @@ const REC2020_MQ = "@media (color-gamut: rec2020)";
|
|
|
285
282
|
function getDescription(token) {
|
|
286
283
|
return token.meta?.["plugin-css"]?.description ?? token.token.$description;
|
|
287
284
|
}
|
|
288
|
-
|
|
285
|
+
const TOKEN_TYPE_SYNTAX = {
|
|
286
|
+
color: "<color>",
|
|
287
|
+
dimension: "<length>",
|
|
288
|
+
duration: "<time>",
|
|
289
|
+
fontWeight: "<integer>",
|
|
290
|
+
number: "<number>",
|
|
291
|
+
boolean: "<integer>",
|
|
292
|
+
fontFamily: "*",
|
|
293
|
+
string: "*",
|
|
294
|
+
cubicBezier: "*",
|
|
295
|
+
border: "*",
|
|
296
|
+
shadow: "*",
|
|
297
|
+
gradient: "*",
|
|
298
|
+
typography: "*",
|
|
299
|
+
transition: "*",
|
|
300
|
+
strokeStyle: "*",
|
|
301
|
+
link: "<url>"
|
|
302
|
+
};
|
|
303
|
+
const SUB_PROPERTY_SYNTAX = {
|
|
304
|
+
border: {
|
|
305
|
+
color: "<color>",
|
|
306
|
+
width: "<length>",
|
|
307
|
+
style: "*"
|
|
308
|
+
},
|
|
309
|
+
shadow: {
|
|
310
|
+
color: "<color>",
|
|
311
|
+
"offset-x": "<length>",
|
|
312
|
+
"offset-y": "<length>",
|
|
313
|
+
blur: "<length>",
|
|
314
|
+
spread: "<length>"
|
|
315
|
+
},
|
|
316
|
+
transition: {
|
|
317
|
+
duration: "<time>",
|
|
318
|
+
delay: "<time>",
|
|
319
|
+
"timing-function": "*"
|
|
320
|
+
},
|
|
321
|
+
typography: {
|
|
322
|
+
"font-family": "*",
|
|
323
|
+
"font-size": "<length>",
|
|
324
|
+
"font-weight": "<integer>",
|
|
325
|
+
"line-height": "*",
|
|
326
|
+
"letter-spacing": "<length>",
|
|
327
|
+
"font-style": "*",
|
|
328
|
+
"font-variant": "*",
|
|
329
|
+
"font-variation-settings": "*",
|
|
330
|
+
"text-decoration": "*",
|
|
331
|
+
"text-transform": "*"
|
|
332
|
+
},
|
|
333
|
+
strokeStyle: {
|
|
334
|
+
"dash-array": "*",
|
|
335
|
+
"line-cap": "*"
|
|
336
|
+
}
|
|
337
|
+
};
|
|
338
|
+
function generatePropertyDefinition(localID, syntax, initialValue) {
|
|
339
|
+
const children = [decl("syntax", `'${syntax}'`), decl("inherits", "true")];
|
|
340
|
+
if (initialValue) children.push(decl("initial-value", initialValue));
|
|
341
|
+
return rule([`@property ${localID}`], children);
|
|
342
|
+
}
|
|
343
|
+
function generatePropertyDefinitions(getTransforms, options) {
|
|
344
|
+
const tokens = getTransforms({ format: "css" });
|
|
345
|
+
const properties = [];
|
|
346
|
+
const seen = /* @__PURE__ */ new Set();
|
|
347
|
+
for (const token of tokens) {
|
|
348
|
+
const localID = token.localID;
|
|
349
|
+
if (!localID) continue;
|
|
350
|
+
if (!options.include(token.token.id) || options.exclude(token.token.id)) continue;
|
|
351
|
+
const cssSyntax = TOKEN_TYPE_SYNTAX[token.token.$type] ?? "*";
|
|
352
|
+
if (token.type === "SINGLE_VALUE") {
|
|
353
|
+
if (seen.has(localID)) continue;
|
|
354
|
+
seen.add(localID);
|
|
355
|
+
if (!token.token.aliasOf && cssSyntax !== "*") properties.push(generatePropertyDefinition(localID, cssSyntax, token.value));
|
|
356
|
+
else properties.push(generatePropertyDefinition(localID, "*"));
|
|
357
|
+
} else if (token.type === "MULTI_VALUE") {
|
|
358
|
+
for (const [name, subValue] of Object.entries(token.value)) {
|
|
359
|
+
const subID = name === "." ? localID : `${localID}-${name}`;
|
|
360
|
+
if (seen.has(subID)) continue;
|
|
361
|
+
seen.add(subID);
|
|
362
|
+
const subSyntax = SUB_PROPERTY_SYNTAX[token.token.$type]?.[name] ?? "*";
|
|
363
|
+
if (!token.token.aliasOf && subSyntax !== "*") properties.push(generatePropertyDefinition(subID, subSyntax, subValue));
|
|
364
|
+
else properties.push(generatePropertyDefinition(subID, "*"));
|
|
365
|
+
}
|
|
366
|
+
if (!seen.has(localID)) {
|
|
367
|
+
seen.add(localID);
|
|
368
|
+
properties.push(generatePropertyDefinition(localID, "*"));
|
|
369
|
+
}
|
|
370
|
+
}
|
|
371
|
+
}
|
|
372
|
+
return properties;
|
|
373
|
+
}
|
|
374
|
+
function buildCSS({ logger, getTransforms, include: userInclude, exclude: userExclude, utility, permutations, modeSelectors, baseSelector, baseScheme, propertyDefinitions = false, omitTypographyShorthand, subValueVariableName }) {
|
|
375
|
+
function makeSubValueId(variableName, subValueName, token) {
|
|
376
|
+
const customName = subValueVariableName?.(variableName, subValueName, token);
|
|
377
|
+
if (customName !== void 0) {
|
|
378
|
+
if (typeof customName !== "string") logger.error({
|
|
379
|
+
group: "plugin",
|
|
380
|
+
label: PLUGIN_NAME,
|
|
381
|
+
message: `subValueVariableName() must return a string; received ${customName}`
|
|
382
|
+
});
|
|
383
|
+
return customName;
|
|
384
|
+
}
|
|
385
|
+
return `${variableName}-${subValueName}`;
|
|
386
|
+
}
|
|
289
387
|
const include = userInclude ? cachedMatcher.tokenIDMatch(userInclude) : () => true;
|
|
290
388
|
const exclude = userExclude ? cachedMatcher.tokenIDMatch(userExclude) : () => false;
|
|
389
|
+
let propertyDefsNodes = [];
|
|
390
|
+
if (propertyDefinitions) propertyDefsNodes = generatePropertyDefinitions(getTransforms, {
|
|
391
|
+
include,
|
|
392
|
+
exclude
|
|
393
|
+
});
|
|
291
394
|
if (permutations?.length) {
|
|
292
395
|
let output = "";
|
|
293
396
|
for (const p of permutations) {
|
|
@@ -297,7 +400,7 @@ function buildCSS({ logger, getTransforms, include: userInclude, exclude: userEx
|
|
|
297
400
|
message: "prepare(css) must be a function!"
|
|
298
401
|
});
|
|
299
402
|
const tokens = getTransforms({
|
|
300
|
-
format:
|
|
403
|
+
format: "css",
|
|
301
404
|
input: p.input
|
|
302
405
|
});
|
|
303
406
|
if (!tokens.length) continue;
|
|
@@ -315,7 +418,7 @@ function buildCSS({ logger, getTransforms, include: userInclude, exclude: userEx
|
|
|
315
418
|
if (!includeToken(token.id)) continue;
|
|
316
419
|
const localID = makeCSSVar(token.localID ?? token.token.id);
|
|
317
420
|
const aliasTokens = token.token.aliasedBy?.length ? getTransforms({
|
|
318
|
-
format:
|
|
421
|
+
format: "css",
|
|
319
422
|
id: token.token.aliasedBy,
|
|
320
423
|
input: p.input
|
|
321
424
|
}) : [];
|
|
@@ -332,13 +435,14 @@ function buildCSS({ logger, getTransforms, include: userInclude, exclude: userEx
|
|
|
332
435
|
}
|
|
333
436
|
}
|
|
334
437
|
} else {
|
|
335
|
-
for (const [name, subValue] of Object.entries(token.value)) addDeclUnique(root, decl(
|
|
438
|
+
for (const [name, subValue] of Object.entries(token.value)) addDeclUnique(root, decl(makeSubValueId(localID, name, token), subValue, getDescription(token)));
|
|
336
439
|
const shorthand = generateShorthand({
|
|
337
440
|
token: {
|
|
338
441
|
...token.token,
|
|
339
442
|
$value: token.value
|
|
340
443
|
},
|
|
341
|
-
localID
|
|
444
|
+
localID,
|
|
445
|
+
omitTypographyShorthand
|
|
342
446
|
});
|
|
343
447
|
if (shorthand) addDeclUnique(root, decl(localID, shorthand, getDescription(token)));
|
|
344
448
|
}
|
|
@@ -360,15 +464,16 @@ function buildCSS({ logger, getTransforms, include: userInclude, exclude: userEx
|
|
|
360
464
|
if (utility && Object.keys(utility).length) {
|
|
361
465
|
if (output) output += "\n";
|
|
362
466
|
output += printRules(generateUtilityCSS(utility, getTransforms({
|
|
363
|
-
format:
|
|
467
|
+
format: "css",
|
|
364
468
|
input: permutations[0]?.input ?? {}
|
|
365
469
|
}), { logger }));
|
|
366
470
|
}
|
|
471
|
+
if (propertyDefsNodes.length && output) output = `${printRules(propertyDefsNodes)}\n\n${output}`;
|
|
367
472
|
return output;
|
|
368
473
|
}
|
|
369
474
|
let output = "";
|
|
370
475
|
const rootTokens = getTransforms({
|
|
371
|
-
format:
|
|
476
|
+
format: "css",
|
|
372
477
|
mode: "."
|
|
373
478
|
});
|
|
374
479
|
if (rootTokens.length) {
|
|
@@ -385,7 +490,7 @@ function buildCSS({ logger, getTransforms, include: userInclude, exclude: userEx
|
|
|
385
490
|
if (!include(token.token.id) || exclude(token.token.id)) continue;
|
|
386
491
|
const localID = token.localID ?? token.token.id;
|
|
387
492
|
const aliasTokens = token.token.aliasedBy?.length ? getTransforms({
|
|
388
|
-
format:
|
|
493
|
+
format: "css",
|
|
389
494
|
id: token.token.aliasedBy
|
|
390
495
|
}) : [];
|
|
391
496
|
if (token.type === "SINGLE_VALUE") addDeclUnique(rootRule.children, decl(localID, token.value, getDescription(token)));
|
|
@@ -401,7 +506,7 @@ function buildCSS({ logger, getTransforms, include: userInclude, exclude: userEx
|
|
|
401
506
|
}
|
|
402
507
|
} else if (token.type === "MULTI_VALUE") {
|
|
403
508
|
for (const [name, value] of Object.entries(token.value)) {
|
|
404
|
-
const property = name === "." ? localID :
|
|
509
|
+
const property = name === "." ? localID : makeSubValueId(localID, name, token);
|
|
405
510
|
addDeclUnique(rootRule.children, decl(property, value, getDescription(token)));
|
|
406
511
|
}
|
|
407
512
|
const shorthand = generateShorthand({
|
|
@@ -409,7 +514,8 @@ function buildCSS({ logger, getTransforms, include: userInclude, exclude: userEx
|
|
|
409
514
|
...token.token,
|
|
410
515
|
$value: token.value
|
|
411
516
|
},
|
|
412
|
-
localID
|
|
517
|
+
localID,
|
|
518
|
+
omitTypographyShorthand
|
|
413
519
|
});
|
|
414
520
|
if (shorthand) addDeclUnique(rootRule.children, decl(token.localID ?? token.token.id, shorthand, getDescription(token)));
|
|
415
521
|
}
|
|
@@ -418,7 +524,7 @@ function buildCSS({ logger, getTransforms, include: userInclude, exclude: userEx
|
|
|
418
524
|
}
|
|
419
525
|
for (const selector of modeSelectors ?? []) {
|
|
420
526
|
const selectorTokens = getTransforms({
|
|
421
|
-
format:
|
|
527
|
+
format: "css",
|
|
422
528
|
id: selector.tokens,
|
|
423
529
|
mode: selector.mode
|
|
424
530
|
});
|
|
@@ -433,7 +539,7 @@ function buildCSS({ logger, getTransforms, include: userInclude, exclude: userEx
|
|
|
433
539
|
const localID = token.localID ?? token.token.id;
|
|
434
540
|
const aliasedBy = token.token.mode[selector.mode]?.aliasedBy?.length ? token.token.mode[selector.mode].aliasedBy : token.token.aliasedBy;
|
|
435
541
|
let aliasTokens = aliasedBy?.length ? getTransforms({
|
|
436
|
-
format:
|
|
542
|
+
format: "css",
|
|
437
543
|
id: aliasedBy,
|
|
438
544
|
mode: selector.mode
|
|
439
545
|
}) : [];
|
|
@@ -447,13 +553,17 @@ function buildCSS({ logger, getTransforms, include: userInclude, exclude: userEx
|
|
|
447
553
|
for (const alias of aliasTokens) if (alias.localID && typeof alias.value === "string") for (const gamut of ["p3", "rec2020"]) addDeclUnique(hdrColors[gamut], decl(alias.localID, alias.value, getDescription(alias)));
|
|
448
554
|
}
|
|
449
555
|
} else {
|
|
450
|
-
for (const [name, subValue] of Object.entries(token.value))
|
|
556
|
+
for (const [name, subValue] of Object.entries(token.value)) {
|
|
557
|
+
const subValueID = makeSubValueId(localID, name, token);
|
|
558
|
+
addDeclUnique(modeRule.children, decl(subValueID, subValue, getDescription(token)));
|
|
559
|
+
}
|
|
451
560
|
const shorthand = generateShorthand({
|
|
452
561
|
token: {
|
|
453
562
|
...token.token,
|
|
454
563
|
$value: token.value
|
|
455
564
|
},
|
|
456
|
-
localID
|
|
565
|
+
localID,
|
|
566
|
+
omitTypographyShorthand
|
|
457
567
|
});
|
|
458
568
|
if (shorthand) addDeclUnique(modeRule.children, decl(localID, shorthand, getDescription(token)));
|
|
459
569
|
}
|
|
@@ -469,13 +579,13 @@ function buildCSS({ logger, getTransforms, include: userInclude, exclude: userEx
|
|
|
469
579
|
if (utility && Object.keys(utility).length) {
|
|
470
580
|
if (output) output += "\n\n";
|
|
471
581
|
output += printRules(generateUtilityCSS(utility, getTransforms({
|
|
472
|
-
format:
|
|
582
|
+
format: "css",
|
|
473
583
|
mode: "."
|
|
474
584
|
}), { logger }));
|
|
475
585
|
}
|
|
586
|
+
if (propertyDefsNodes.length && output) output = `${printRules(propertyDefsNodes)}\n\n${output}`;
|
|
476
587
|
return output;
|
|
477
588
|
}
|
|
478
|
-
|
|
479
589
|
//#endregion
|
|
480
590
|
//#region src/transform.ts
|
|
481
591
|
function transformCSS({ transform: { context: { logger }, resolver, setTransform, tokens: baseTokens }, options: { permutations, include: userInclude, exclude: userExclude, legacyHex, transform: customTransform, variableName } }) {
|
|
@@ -520,7 +630,7 @@ function transformCSS({ transform: { context: { logger }, resolver, setTransform
|
|
|
520
630
|
if (value) {
|
|
521
631
|
const localID = transformName(token);
|
|
522
632
|
setTransform(token.id, {
|
|
523
|
-
format:
|
|
633
|
+
format: "css",
|
|
524
634
|
value,
|
|
525
635
|
localID,
|
|
526
636
|
input,
|
|
@@ -530,7 +640,7 @@ function transformCSS({ transform: { context: { logger }, resolver, setTransform
|
|
|
530
640
|
}
|
|
531
641
|
});
|
|
532
642
|
if (defaultPermutationI === i) setTransform(token.id, {
|
|
533
|
-
format:
|
|
643
|
+
format: "css",
|
|
534
644
|
value,
|
|
535
645
|
localID,
|
|
536
646
|
mode: ".",
|
|
@@ -570,7 +680,7 @@ function transformCSS({ transform: { context: { logger }, resolver, setTransform
|
|
|
570
680
|
if (value) {
|
|
571
681
|
const localID = transformName(token);
|
|
572
682
|
setTransform(token.id, {
|
|
573
|
-
format:
|
|
683
|
+
format: "css",
|
|
574
684
|
localID,
|
|
575
685
|
value,
|
|
576
686
|
mode,
|
|
@@ -583,11 +693,10 @@ function transformCSS({ transform: { context: { logger }, resolver, setTransform
|
|
|
583
693
|
}
|
|
584
694
|
}
|
|
585
695
|
}
|
|
586
|
-
|
|
587
696
|
//#endregion
|
|
588
697
|
//#region src/index.ts
|
|
589
698
|
function cssPlugin(options) {
|
|
590
|
-
const { utility, skipBuild, baseScheme } = options ?? {};
|
|
699
|
+
const { utility, skipBuild, baseScheme, propertyDefinitions } = options ?? {};
|
|
591
700
|
const filename = options?.filename ?? options?.fileName ?? "index.css";
|
|
592
701
|
const baseSelector = options?.baseSelector ?? ":root";
|
|
593
702
|
return {
|
|
@@ -617,13 +726,16 @@ function cssPlugin(options) {
|
|
|
617
726
|
utility,
|
|
618
727
|
baseSelector,
|
|
619
728
|
baseScheme,
|
|
620
|
-
|
|
729
|
+
propertyDefinitions: propertyDefinitions ?? false,
|
|
730
|
+
logger: context.logger,
|
|
731
|
+
omitTypographyShorthand: options?.omitTypographyShorthand,
|
|
732
|
+
subValueVariableName: options?.subValueVariableName
|
|
621
733
|
});
|
|
622
734
|
outputFile(filename, contents.replace(/\n*$/, "\n"));
|
|
623
735
|
}
|
|
624
736
|
};
|
|
625
737
|
}
|
|
626
|
-
|
|
627
738
|
//#endregion
|
|
628
739
|
export { FILE_PREFIX, FORMAT_ID, PLUGIN_NAME, cssPlugin as default, printNode, printRules };
|
|
740
|
+
|
|
629
741
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../src/lib.ts","../src/utility-css.ts","../src/build.ts","../src/transform.ts","../src/index.ts"],"sourcesContent":["import type { TokenNormalized, TokenTransformed } from '@terrazzo/parser';\nimport { CachedWildcardMatcher } from '@terrazzo/token-tools';\n\nimport type { TransformCSSValueOptions } from '@terrazzo/token-tools/css';\n\nexport type UtilityCSSGroup = 'bg' | 'border' | 'font' | 'layout' | 'shadow' | 'text';\n\nexport type UtilityCSSPrefix = 'bg' | 'border' | 'font' | 'gap' | 'm' | 'p' | 'shadow' | 'text';\n\nexport const PLUGIN_NAME = '@terrazzo/plugin-css';\n\nexport const FORMAT_ID = 'css';\n\nexport const cachedMatcher = new CachedWildcardMatcher();\n\nexport const FILE_PREFIX = `/* -------------------------------------------\n * Autogenerated by ⛋ Terrazzo. DO NOT EDIT!\n * ------------------------------------------- */`;\n\nexport interface CSSPluginOptions {\n /**\n * Where to output CSS\n * @default \"index.css\"\n */\n filename?: string;\n /** Glob patterns to filter tokens in output */\n include?: string[];\n /** Glob patterns to exclude tokens from output */\n exclude?: string[];\n /**\n * Set the base selector, like \":root\" or \":host\".\n * @deprecated use permutations instead.\n * @default \":root\"\n */\n baseSelector?: string;\n /**\n * Set the color-scheme CSS property for `baseSelector`.\n * @deprecated use permutations instead.\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/color-scheme\n * @example \"light dark\"\n */\n baseScheme?: string;\n /**\n * Build resolver contexts into media queries\n */\n permutations?: Permutation[];\n /**\n * Define mode selectors as media queries or CSS classes\n * @deprecated Migrate to permutations\n */\n modeSelectors?: ModeSelector[];\n /** Control the final CSS variable name */\n variableName?: (token: TokenNormalized) => string;\n /** Override certain token values */\n transform?: (\n token: TokenNormalized,\n options: TransformCSSValueOptions,\n ) => TokenTransformed['value'] | undefined | null;\n /** Generate utility CSS from groups */\n utility?: Partial<Record<UtilityCSSGroup, string[]>>;\n /**\n * Output colors as hex-6/hex-8 instead of color() function\n * @default false\n */\n legacyHex?: boolean;\n /**\n * Skip generating any `.css` files (useful if you are consuming values in your own plugin and don’t need any `.css` files written to disk).\n * @default false\n */\n skipBuild?: boolean;\n}\n\nexport interface Permutation<T extends Record<string, string> = Record<string, string>> {\n /** Generate the final CSS string, wrapping content in the selector(s) of your choice. */\n prepare(contents: string): string;\n /** Input for this permutation. */\n input: T;\n /** Provide token(s) to include (Note: not including tokens that are used as aliases for other tokens could cause visual bugs in generated CSS) */\n include?: string[];\n /** Provide token(s) to exclude (Note: excluding tokens that are used as aliases for other tokens could cause visual bugs in generated CSS) */\n exclude?: string[];\n /**\n * Custom transform for this permutation\n */\n transform?: (\n token: TokenNormalized,\n options: TransformCSSValueOptions,\n ) => TokenTransformed['value'] | undefined | null;\n}\n\nexport interface ModeSelector {\n /** The name of the mode to match */\n mode: string;\n /** Provide token IDs to match. Globs are allowed (e.g: `[\"color.*\", \"shadow.dark\"]`) */\n tokens?: string[];\n /** Provide CSS selectors to generate. (e.g.: `[\"@media (prefers-color-scheme: dark)\", \"[data-color-theme='dark']\"]` ) */\n selectors: string[];\n /** Set the color-scheme CSS property for this mode (e.g.: \"light\", \"dark\", \"light dark\") */\n scheme?: string;\n}\n\n// Simple AST types loosely-inspired by csstree.\nexport interface CSSDeclaration {\n type: 'Declaration';\n property: string;\n value: string;\n comment?: string;\n}\n\nexport interface CSSRule {\n type: 'Rule';\n prelude: string[];\n children: (CSSRule | CSSDeclaration)[];\n}\n\n/**\n * Convert CSSRules into a formatted, indented CSS string.\n * The reason we’re using this homemade version instead of something like css-tree is:\n *\n * 1. css-tree doesn’t support comments :(\n * 2. we are only generating PARTIALS, not full CSS (the user controls the\n * wrapper). So with a proper AST, we’d be hacking it a little anyway because\n * we never really have a true, valid, finalized document.\n * 3. we want @terrazzo/plugin-css to run in the browser AND be lean (i.e. don’t\n * load Prettier or 25MB of wasm).\n * 4. we only have to deal with a small subset of CSS—this doesn’t have to be robust\n * by any means (even future additions won’t push the limits of the spec).\n */\nexport function printRules(\n nodes: (CSSRule | CSSDeclaration)[],\n { indentChar = ' ', indentLv = 0 }: { indentChar?: string; indentLv?: number } = {},\n): string {\n let output = '';\n for (const node of nodes) {\n if (output && node.type === 'Rule') {\n output += '\\n';\n }\n output += printNode(node, { indentChar, indentLv });\n }\n return output.trim();\n}\n\n/** Internal printer for individual nodes */\nexport function printNode(\n node: CSSRule | CSSDeclaration,\n { indentChar, indentLv }: { indentChar: string; indentLv: number },\n): string {\n let output = '';\n\n const indent = indentChar.repeat(indentLv);\n\n if (node.type === 'Declaration') {\n if (node.comment) {\n output += `${indent}/* ${node.comment} */\\n`;\n }\n output += `${indent}${node.property}: ${node.value};\\n`;\n return output;\n }\n\n if (!node.prelude.length || !node.children.length) {\n return output;\n }\n\n // legacy behavior: mediaQueryWithDecls should be removed in 3.0. This\n // was originally introduced in modeSelectors, but it generates unexpected CSS.\n const mediaQueryWithDecls = node.children.some((s) => s.type === 'Declaration')\n ? node.prelude.find((s) => s.startsWith('@'))\n : undefined;\n if (mediaQueryWithDecls) {\n const nonMedia = node.prelude.filter((s) => s !== mediaQueryWithDecls);\n output += `${indent}${mediaQueryWithDecls} {\\n`;\n output += printNode(rule([':root'], node.children), { indentChar, indentLv: indentLv + 1 });\n output += `${indent}}\\n\\n`;\n output += printNode(rule(nonMedia, node.children), { indentChar, indentLv });\n return output;\n }\n\n // Note: nested rules may eventually resolve to no declarations. This prevents that by rendering children first before the wrapper.\n let childOutput = '';\n for (const child of node.children) {\n childOutput += printNode(child, { indentChar, indentLv: indentLv + 1 });\n }\n childOutput = childOutput.trim();\n if (!childOutput) {\n return output;\n }\n output += `${indent}${node.prelude.join(', ')} {\\n`;\n output += `${indentChar.repeat(indentLv + 1)}${childOutput}\\n`;\n output += `${indent}}\\n`;\n return output;\n}\n\n/** Infer indentation preferences from a user-defined wrapping method. */\nexport function getIndentFromPrepare(prepare: Permutation['prepare']): { indentChar: string; indentLv: number } {\n const str = '//css//'; // this is a string that’s invalid CSS that wouldn’t be in the fn itself\n const output = prepare(str).replace(/\\/\\*.*\\*\\//g, ''); // strip comments because we don’t need them\n let indentChar = ' ';\n let indentLv = 0;\n let lineStartChar = 0;\n for (let i = 0; i < output.length; i++) {\n if (output[i] === '{') {\n lineStartChar = i + 1;\n indentLv++;\n } else if (output[i] === '}') {\n indentLv--;\n } else if (output[i] === '\\n') {\n lineStartChar = i + 1;\n } else if (output[i] === str[0] && output.slice(i).startsWith(str)) {\n indentChar = output.slice(lineStartChar, i);\n indentChar = indentChar.slice(0, Math.floor(indentChar.length / indentLv));\n break;\n }\n }\n return {\n indentChar: indentChar || ' ', // fall back to 2 spaces rather than no indentation\n indentLv,\n };\n}\n\n/** Syntactic sugar over Rule boilerplate */\nexport function rule(prelude: CSSRule['prelude'], children: CSSRule['children'] = []): CSSRule {\n return { type: 'Rule', prelude, children };\n}\n\n/** Syntactic sugar over Declaration boilerplate */\nexport function decl(\n property: CSSDeclaration['property'],\n value: CSSDeclaration['value'],\n comment?: CSSDeclaration['comment'],\n): CSSDeclaration {\n return { type: 'Declaration', property, value, comment };\n}\n\n/** Does a node list contain a root-level declaration with this property? */\nexport function hasDecl(list: (CSSRule | CSSDeclaration)[], property: string): boolean {\n return list.some((d) => d.type === 'Declaration' && d.property === property);\n}\n\n/** Add a declaration only if it’s unique (note: CSS, by design, allows duplication—it’s how fallbacks happen. Only use this if fallbacks aren’t needed. */\nexport function addDeclUnique(list: (CSSRule | CSSDeclaration)[], declaration: CSSDeclaration): void {\n if (!hasDecl(list, declaration.property)) {\n list.push(declaration);\n }\n}\n","import type { Logger, TokenTransformed } from '@terrazzo/parser';\nimport { CachedWildcardMatcher, kebabCase } from '@terrazzo/token-tools';\nimport { makeCSSVar } from '@terrazzo/token-tools/css';\nimport { type CSSRule, decl, PLUGIN_NAME, rule, type UtilityCSSGroup, type UtilityCSSPrefix } from './lib.js';\n\n// micro-optimization: precompile all RegExs (which can be known) because dynamic compilation is a waste of resources\nconst GROUP_REGEX: Record<UtilityCSSPrefix, RegExp> = {\n bg: /(^bg-|-bg-)/,\n border: /(^border-|-border-)/,\n font: /(^font-|-font-)/,\n gap: /(^gap-|-gap-)/,\n m: /(^margin-|-margin-|)/,\n p: /(^padding-|-padding-|)/,\n shadow: /(^shadow-|-shadow-)/,\n text: /(^text-|-text-)/,\n};\n\n/** Make CSS class name from transformed token */\nfunction makePrelude(token: TokenTransformed, prefix: UtilityCSSPrefix, subgroup?: string): CSSRule['prelude'] {\n return [`.${prefix}${subgroup || ''}-${kebabCase(token.token.id).replace(GROUP_REGEX[prefix], '')}`];\n}\n\nfunction makeVarValue(token: TokenTransformed): string {\n return makeCSSVar(token.localID ?? token.token.id, { wrapVar: true });\n}\n\nconst utilityMatcher = new CachedWildcardMatcher();\n\nexport default function generateUtilityCSS(\n groups: Partial<Record<UtilityCSSGroup, string[]>>,\n tokens: TokenTransformed[],\n { logger }: { logger: Logger },\n): CSSRule[] {\n const root: CSSRule[] = [];\n const groupEntries = Object.entries(groups);\n groupEntries.sort((a, b) => a[0].localeCompare(b[0]));\n\n for (const [group, selectors] of groupEntries) {\n const selectorMatcher = utilityMatcher.match(selectors);\n const matchingTokens = tokens.filter((token) => selectorMatcher(token.token.id));\n if (!matchingTokens.length) {\n logger.warn({\n group: 'plugin',\n label: PLUGIN_NAME,\n message: `utility group \"${group}\" matched 0 tokens: ${JSON.stringify(selectors)}`,\n });\n break;\n }\n switch (group) {\n case 'bg': {\n for (const token of matchingTokens) {\n const prelude = makePrelude(token, 'bg');\n switch (token.token.$type) {\n case 'color': {\n root.push(rule(prelude, [decl('background-color', makeVarValue(token))]));\n break;\n }\n case 'gradient': {\n const value = decl(\n 'background-image',\n `linear-gradient(${makeCSSVar(token.localID ?? token.token.id, { wrapVar: true })})`,\n );\n root.push(rule(prelude, [value]));\n }\n }\n }\n break;\n }\n case 'border': {\n // ALL generic properties must come before specific properties\n for (const token of matchingTokens) {\n const property = {\n border: 'border',\n color: 'border-color',\n dimension: 'border-width',\n strokeStyle: 'border-style',\n }[token.token.$type as string];\n if (property) {\n root.push(rule(makePrelude(token, 'border'), [decl(property, makeVarValue(token))]));\n }\n }\n // specific properties\n for (const token of matchingTokens) {\n for (const side of ['top', 'right', 'bottom', 'left']) {\n const property = {\n border: `border-${side}`,\n color: `border-${side}-color`,\n dimension: `border-${side}-width`,\n strokeStyle: `border-${side}-style`,\n }[token.token.$type as string];\n if (property) {\n root.push(rule(makePrelude(token, 'border', `-${side}`), [decl(property, makeVarValue(token))]));\n }\n }\n }\n break;\n }\n case 'font': {\n for (const token of matchingTokens) {\n const prelude = makePrelude(token, 'font');\n if (token.token.$type === 'typography' && token.type === 'MULTI_VALUE') {\n const value = Object.keys(token.value).map((property) =>\n decl(property, makeCSSVar(`${token.localID ?? token.token.id}-${property}`, { wrapVar: true })),\n );\n root.push(rule(prelude, value));\n } else {\n const property = {\n dimension: 'font-size',\n fontFamily: 'font-family',\n fontWeight: 'font-weight',\n }[token.token.$type as string];\n if (property) {\n root.push(rule(prelude, [decl(property, makeVarValue(token))]));\n }\n }\n }\n break;\n }\n case 'layout': {\n const filteredTokens = matchingTokens.filter((t) => t.token.$type === 'dimension'); // only dimension tokens here\n // gap\n // ALL generic properties (gap) must come before specific properties (column-gap)\n for (const token of filteredTokens) {\n root.push(rule(makePrelude(token, 'gap'), [decl('gap', makeVarValue(token))]));\n }\n // specific properties\n for (const token of filteredTokens) {\n root.push(rule(makePrelude(token, 'gap', '-col'), [decl('column-gap', makeVarValue(token))]));\n }\n // specific properties\n for (const token of filteredTokens) {\n root.push(rule(makePrelude(token, 'gap', '-row'), [decl('row-gap', makeVarValue(token))]));\n }\n\n // margin/padding\n for (const prefix of ['m', 'p'] as const) {\n const property = prefix === 'm' ? 'margin' : 'padding';\n // note: ALL generic properties (margin: [value]) MUST come before specific properties (margin-top: [value])\n // this is why we loop through all tokens so many times\n for (const token of filteredTokens) {\n root.push(rule(makePrelude(token, prefix, 'a'), [decl(property, makeVarValue(token))]));\n }\n for (const token of filteredTokens) {\n const value = makeVarValue(token);\n root.push(\n rule(makePrelude(token, prefix, 'x'), [\n decl(`${property}-inline`, value),\n decl(`${property}-left`, value),\n decl(`${property}-right`, value),\n ]),\n rule(makePrelude(token, prefix, 'y'), [\n decl(`${property}-block`, value),\n decl(`${property}-bottom`, value),\n decl(`${property}-top`, value),\n ]),\n );\n }\n for (const side of ['top', 'right', 'bottom', 'left']) {\n for (const token of filteredTokens) {\n root.push(rule(makePrelude(token, prefix, side[0]), [decl(`${property}-${side}`, makeVarValue(token))]));\n }\n }\n for (const token of filteredTokens) {\n const value = makeVarValue(token);\n root.push(\n rule(makePrelude(token, prefix, 'bs'), [decl(`${property}-block-start`, value)]),\n rule(makePrelude(token, prefix, 'be'), [decl(`${property}-block-end`, value)]),\n rule(makePrelude(token, prefix, 'is'), [decl(`${property}-inline-start`, value)]),\n rule(makePrelude(token, prefix, 'ie'), [decl(`${property}-inline-end`, value)]),\n );\n }\n }\n break;\n }\n case 'shadow': {\n for (const token of matchingTokens) {\n if (token.token.$type === 'shadow') {\n root.push(rule(makePrelude(token, 'shadow'), [decl('box-shadow', makeVarValue(token))]));\n }\n }\n break;\n }\n case 'text': {\n for (const token of matchingTokens) {\n const prelude = makePrelude(token, 'text');\n const value = makeVarValue(token);\n switch (token.token.$type) {\n case 'color': {\n root.push(rule(prelude, [decl('color', value)]));\n break;\n }\n case 'gradient': {\n root.push(\n rule(prelude, [\n decl('background', `-webkit-linear-gradient(${value})`),\n decl('-webkit-background-clip', 'text'),\n decl('-webkit-text-fill-color', 'transparent'),\n ]),\n );\n break;\n }\n }\n }\n break;\n }\n default: {\n logger.warn({ group: 'plugin', label: PLUGIN_NAME, message: `unknown utility CSS group \"${group}\", ignoring` });\n break;\n }\n }\n }\n\n return root;\n}\n","import type { BuildHookOptions, Logger } from '@terrazzo/parser';\nimport { generateShorthand, makeCSSVar } from '@terrazzo/token-tools/css';\nimport {\n addDeclUnique,\n type CSSDeclaration,\n type CSSPluginOptions,\n type CSSRule,\n cachedMatcher,\n decl,\n FORMAT_ID,\n getIndentFromPrepare,\n PLUGIN_NAME,\n printRules,\n rule,\n} from './lib.js';\nimport generateUtilityCSS from './utility-css.js';\n\nconst P3_MQ = '@media (color-gamut: p3)';\nconst REC2020_MQ = '@media (color-gamut: rec2020)';\n\n/**\n * Get description from metadata with fallback to token.$description\n * Preserves the descriptions and alias descriptions.\n */\nfunction getDescription(token: any): string | undefined {\n return token.meta?.['plugin-css']?.description ?? token.token.$description;\n}\n\nexport interface BuildFormatOptions {\n logger: Logger;\n include: CSSPluginOptions['include'];\n exclude: CSSPluginOptions['exclude'];\n getTransforms: BuildHookOptions['getTransforms'];\n modeSelectors: CSSPluginOptions['modeSelectors'];\n permutations: CSSPluginOptions['permutations'];\n utility: CSSPluginOptions['utility'];\n baseSelector: string;\n baseScheme: CSSPluginOptions['baseScheme'];\n}\n\nexport default function buildCSS({\n logger,\n getTransforms,\n include: userInclude,\n exclude: userExclude,\n utility,\n permutations,\n modeSelectors,\n baseSelector,\n baseScheme,\n}: BuildFormatOptions): string {\n const include = userInclude ? cachedMatcher.tokenIDMatch(userInclude) : () => true;\n const exclude = userExclude ? cachedMatcher.tokenIDMatch(userExclude) : () => false;\n if (permutations?.length) {\n let output = '';\n\n for (const p of permutations) {\n if (typeof p.prepare !== 'function') {\n logger.error({ group: 'plugin', label: PLUGIN_NAME, message: 'prepare(css) must be a function!' });\n }\n\n const tokens = getTransforms({ format: FORMAT_ID, input: p.input });\n if (!tokens.length) {\n continue;\n }\n\n const root: (CSSRule | CSSDeclaration)[] = [];\n const hdrColors = {\n p3: [] as CSSDeclaration[],\n rec2020: [] as CSSDeclaration[],\n };\n\n const pInclude = p.include ? cachedMatcher.tokenIDMatch(p.include) : () => true;\n const pExclude = p.exclude ? cachedMatcher.tokenIDMatch(p.exclude) : () => false;\n\n const includeToken = (tokenId: string): boolean => {\n return include(tokenId) && pInclude(tokenId) && !exclude(tokenId) && !pExclude(tokenId);\n };\n\n for (const token of tokens) {\n if (!includeToken(token.id)) {\n continue;\n }\n const localID = makeCSSVar(token.localID ?? token.token.id);\n const aliasTokens = token.token.aliasedBy?.length\n ? getTransforms({ format: FORMAT_ID, id: token.token.aliasedBy, input: p.input })\n : [];\n\n // single-value token\n if (token.type === 'SINGLE_VALUE') {\n addDeclUnique(root, decl(localID, token.value, getDescription(token)));\n }\n\n // multi-value token (wide gamut color)\n else if (token.value.srgb && token.value.p3 && token.value.rec2020) {\n addDeclUnique(root, decl(localID, token.value.srgb!, getDescription(token)));\n\n if (token.value.p3 !== token.value.srgb) {\n addDeclUnique(hdrColors.p3, decl(localID, token.value.p3!, getDescription(token)));\n addDeclUnique(hdrColors.rec2020, decl(localID, token.value.rec2020!, getDescription(token)));\n\n // handle aliases within color gamut media queries\n for (const alias of aliasTokens) {\n if (alias.localID && typeof alias.value === 'string') {\n const aliasID = makeCSSVar(alias.localID);\n addDeclUnique(hdrColors.p3, decl(aliasID, alias.value, getDescription(alias)));\n addDeclUnique(hdrColors.rec2020, decl(aliasID, alias.value, getDescription(alias)));\n }\n }\n }\n }\n\n // multi-value token\n else {\n for (const [name, subValue] of Object.entries(token.value)) {\n const subValueID = `${localID}-${name}`;\n addDeclUnique(root, decl(subValueID, subValue, getDescription(token)));\n }\n // Note: always generate shorthand AFTER other declarations\n const shorthand = generateShorthand({ token: { ...token.token, $value: token.value as any }, localID });\n if (shorthand) {\n addDeclUnique(root, decl(localID, shorthand, getDescription(token)));\n }\n }\n\n // redeclare aliases so they have the correct scope\n for (const alias of aliasTokens) {\n if (alias.localID && typeof alias.value === 'string') {\n if (!includeToken(alias.id)) {\n continue;\n }\n addDeclUnique(root, decl(alias.localID, alias.value, getDescription(token)));\n }\n }\n }\n\n const indentRules = getIndentFromPrepare(p.prepare);\n if (output) {\n output += '\\n';\n }\n output += `${p.prepare(printRules(root, indentRules))}\\n`;\n\n // declare P3 and Rec2020 gamuts, if needed\n for (const gamut of ['p3', 'rec2020'] as const) {\n if (hdrColors[gamut].length) {\n output += `\\n@media (color-gamut: ${gamut}) {\\n`;\n output += indentRules.indentChar;\n output += p\n .prepare(printRules(hdrColors[gamut], indentRules))\n .replace(/\\n(?!\\n)/g, `\\n${indentRules.indentChar}`); // indent every line an extra level\n output += '\\n}\\n';\n }\n }\n }\n\n // add utility CSS\n if (utility && Object.keys(utility).length) {\n if (output) {\n output += '\\n';\n }\n output += printRules(\n generateUtilityCSS(utility, getTransforms({ format: FORMAT_ID, input: permutations[0]?.input ?? {} }), {\n logger,\n }),\n );\n }\n\n return output;\n }\n\n // legacy plugin (will be deprecated in 3.0)\n let output = '';\n const rootTokens = getTransforms({ format: FORMAT_ID, mode: '.' });\n if (rootTokens.length) {\n const rules: CSSRule[] = [\n rule([baseSelector], []),\n rule([P3_MQ], [rule([baseSelector])]),\n rule([REC2020_MQ], [rule([baseSelector])]),\n ];\n\n const rootRule = rules[0]!;\n const p3Rule = rules[1]!.children[0] as CSSRule;\n const rec2020Rule = rules[2]!.children[0] as CSSRule;\n\n // add base color-scheme declaration first if configured\n // (must be before other properties to ensure it appears first in output)\n if (baseScheme) {\n rootRule.children.unshift(decl('color-scheme', baseScheme));\n }\n\n for (const token of rootTokens) {\n // handle exclude (if any)\n if (!include(token.token.id) || exclude(token.token.id)) {\n continue;\n }\n\n const localID = token.localID ?? token.token.id;\n const aliasTokens = token.token.aliasedBy?.length\n ? getTransforms({ format: FORMAT_ID, id: token.token.aliasedBy })\n : [];\n\n // single-value token\n if (token.type === 'SINGLE_VALUE') {\n addDeclUnique(rootRule.children, decl(localID, token.value, getDescription(token)));\n }\n\n // multi-value token (wide gamut color)\n else if (token.value.srgb && token.value.p3 && token.value.rec2020) {\n addDeclUnique(rootRule.children, decl(localID, token.value.srgb!, getDescription(token)));\n\n if (token.value.p3 !== token.value.srgb) {\n addDeclUnique(p3Rule.children, decl(localID, token.value.p3!, getDescription(token)));\n addDeclUnique(rec2020Rule.children, decl(localID, token.value.rec2020!, getDescription(token)));\n // handle aliases within color gamut media queries\n for (const alias of aliasTokens) {\n if (alias.localID && typeof alias.value === 'string') {\n addDeclUnique(p3Rule.children, decl(alias.localID, alias.value, getDescription(alias)));\n addDeclUnique(rec2020Rule.children, decl(alias.localID, alias.value, getDescription(alias)));\n }\n }\n }\n }\n\n // multi-value token\n else if (token.type === 'MULTI_VALUE') {\n for (const [name, value] of Object.entries(token.value)) {\n const property = name === '.' ? localID : [localID, name].join('-');\n addDeclUnique(rootRule.children, decl(property, value, getDescription(token)));\n }\n // Note: always place shorthand after other values\n const shorthand = generateShorthand({ token: { ...token.token, $value: token.value as any }, localID });\n if (shorthand) {\n addDeclUnique(rootRule.children, decl(token.localID ?? token.token.id, shorthand, getDescription(token)));\n }\n }\n }\n\n output += printRules(rules);\n }\n\n // legacy modeSelectors\n // Delete this behavior in 3.0.\n // This code is intentionally left-alone as a separate code path so it behaves as it did with 0.x.\n for (const selector of modeSelectors ?? []) {\n const selectorTokens = getTransforms({ format: FORMAT_ID, id: selector.tokens, mode: selector.mode });\n if (!selectorTokens.length) {\n continue;\n }\n\n const modeRule: CSSRule = rule(selector.selectors);\n\n // add color-scheme declaration first if configured for this mode\n // (must be before other properties to ensure it appears first in output)\n if (selector.scheme) {\n modeRule.children.unshift(decl('color-scheme', selector.scheme));\n }\n const hdrColors = {\n p3: [] as CSSDeclaration[],\n rec2020: [] as CSSDeclaration[],\n };\n for (const token of selectorTokens) {\n const localID = token.localID ?? token.token.id;\n const aliasedBy = token.token.mode[selector.mode]?.aliasedBy?.length\n ? token.token.mode[selector.mode]!.aliasedBy\n : token.token.aliasedBy;\n let aliasTokens = aliasedBy?.length\n ? getTransforms({ format: FORMAT_ID, id: aliasedBy, mode: selector.mode })\n : [];\n // Note: this will grab aliases from alternate and default modes. If we have duplicates, discard the default modes\n const uniqueAliasIDs = new Set(aliasTokens.map((t) => t.id));\n if (uniqueAliasIDs.size !== aliasTokens.length && selector.mode !== '.') {\n aliasTokens = aliasTokens.filter(\n (t, i) => !aliasTokens.some((t2, i2) => t.id === t2.id && i !== i2 && t.mode === '.'),\n );\n }\n\n // single-value token\n if (token.type === 'SINGLE_VALUE') {\n addDeclUnique(modeRule.children, decl(localID, token.value, getDescription(token)));\n }\n\n // multi-value token (wide gamut color)\n else if (token.value.srgb && token.value.p3 && token.value.rec2020) {\n addDeclUnique(modeRule.children, decl(localID, token.value.srgb!, getDescription(token)));\n if (token.value.p3 !== token.value.srgb) {\n addDeclUnique(hdrColors.p3, decl(localID, token.value.p3!, getDescription(token)));\n addDeclUnique(hdrColors.rec2020, decl(localID, token.value.rec2020!, getDescription(token)));\n\n // handle aliases within color gamut media queries\n for (const alias of aliasTokens) {\n if (alias.localID && typeof alias.value === 'string') {\n for (const gamut of ['p3', 'rec2020'] as const) {\n addDeclUnique(hdrColors[gamut], decl(alias.localID, alias.value, getDescription(alias)));\n }\n }\n }\n }\n }\n\n // multi-value token\n else {\n for (const [name, subValue] of Object.entries(token.value)) {\n addDeclUnique(modeRule.children, decl(`${localID}-${name}`, subValue, getDescription(token)));\n }\n // Note: always generate shorthand after other declarations\n const shorthand = generateShorthand({ token: { ...token.token, $value: token.value as any }, localID });\n if (shorthand) {\n addDeclUnique(modeRule.children, decl(localID, shorthand, getDescription(token)));\n }\n }\n\n // redeclare aliases so they have the correct scope\n for (const alias of aliasTokens) {\n if (alias.localID && typeof alias.value === 'string') {\n addDeclUnique(modeRule.children, decl(alias.localID, alias.value, getDescription(token)));\n }\n }\n }\n\n if (output) {\n output += '\\n\\n';\n }\n output += printRules([\n modeRule,\n rule([P3_MQ], [rule(selector.selectors, hdrColors.p3)]),\n rule([REC2020_MQ], [rule(selector.selectors, hdrColors.rec2020)]),\n ]);\n }\n\n // add utility CSS\n if (utility && Object.keys(utility).length) {\n if (output) {\n output += '\\n\\n';\n }\n output += printRules(generateUtilityCSS(utility, getTransforms({ format: FORMAT_ID, mode: '.' }), { logger }));\n }\n\n return output;\n}\n","import type { TokenNormalized, TransformHookOptions } from '@terrazzo/parser';\nimport { makeCSSVar, type TransformCSSValueOptions, transformCSSValue } from '@terrazzo/token-tools/css';\nimport { type CSSPluginOptions, cachedMatcher, FORMAT_ID, PLUGIN_NAME } from './lib.js';\n\nexport interface TransformOptions {\n transform: TransformHookOptions;\n options: CSSPluginOptions;\n}\n\nexport default function transformCSS({\n transform: {\n context: { logger },\n resolver,\n setTransform,\n tokens: baseTokens,\n },\n options: {\n permutations,\n include: userInclude,\n exclude: userExclude,\n legacyHex,\n transform: customTransform,\n variableName,\n },\n}: TransformOptions) {\n function transformName(token: TokenNormalized) {\n const customName = variableName?.(token);\n if (customName !== undefined) {\n if (typeof customName !== 'string') {\n logger.error({\n group: 'plugin',\n label: PLUGIN_NAME,\n message: `variableName() must return a string; received ${customName}`,\n });\n }\n return customName;\n }\n return makeCSSVar(token.id);\n }\n const transformAlias = (token: TokenNormalized) => `var(${transformName(token)})`;\n\n const include = userInclude ? cachedMatcher.tokenIDMatch(userInclude) : () => true;\n const exclude = userExclude ? cachedMatcher.tokenIDMatch(userExclude) : () => false;\n\n // permutations\n if (Array.isArray(permutations)) {\n // For backwards-compat, if this resolver allows a “default” input,\n // also duplicate the token in the global space. This plays nicer with\n // plugins that haven’t upgraded to resolvers yet.\n // If there is no “default” permutation, then take the first one\n let defaultPermutationI = permutations.findIndex((p) => !Object.keys(p.input ?? {}).length);\n if (defaultPermutationI === -1) {\n defaultPermutationI = 0;\n }\n\n for (let i = 0; i < permutations.length; i++) {\n const p = permutations[i]!;\n const inputRaw = p.input;\n const input = !Object.keys(inputRaw ?? {}).length\n ? (JSON.parse(resolver.getPermutationID(inputRaw ?? {})) as Record<string, string>)\n : inputRaw;\n\n const pInclude = p.include ? cachedMatcher.tokenIDMatch(p.include) : () => true;\n const pExclude = p.exclude ? cachedMatcher.tokenIDMatch(p.exclude) : () => false;\n\n const includeToken = (tokenId: string): boolean => {\n return include(tokenId) && pInclude(tokenId) && !exclude(tokenId) && !pExclude(tokenId);\n };\n // Note: if we throw an error here without specifying the input, a user may\n // find it impossible to debug the issue\n try {\n const tokens = resolver.apply(input);\n for (const token of Object.values(tokens)) {\n if (!includeToken(token.id)) {\n continue;\n }\n const options: TransformCSSValueOptions = {\n tokensSet: tokens,\n transformAlias,\n color: { legacyHex },\n permutation: input,\n };\n const value =\n p.transform?.(token, options) ?? customTransform?.(token, options) ?? transformCSSValue(token, options);\n if (value) {\n const localID = transformName(token);\n setTransform(token.id, {\n format: FORMAT_ID,\n value,\n localID,\n input,\n // Store description in metadata for plugin-css to access later\n meta: {\n 'plugin-css': {\n description: token.$description,\n },\n 'token-listing': { name: localID },\n },\n });\n\n // If this is the default permutation, also duplicate to the default mode.\n // Be sure to only do this for ONE permutation! Otherwise output would break.\n if (defaultPermutationI === i) {\n setTransform(token.id, {\n format: FORMAT_ID,\n value,\n localID,\n mode: '.',\n // Store description in metadata for plugin-css to access later\n meta: {\n 'plugin-css': {\n description: token.$description,\n },\n 'token-listing': { name: localID },\n },\n });\n }\n }\n }\n } catch (err) {\n logger.error({\n group: 'plugin',\n label: PLUGIN_NAME,\n message: `There was an error trying to apply input ${resolver.getPermutationID(input)}.`,\n continueOnError: true, // throw below\n });\n throw err; // note: this is most likely a nicely-formatted message from another logger instance; just pass it through\n }\n }\n\n return;\n }\n\n // modes (legacy)\n for (const token of Object.values(baseTokens)) {\n if (!include(token.id) || exclude(token.id)) {\n continue;\n }\n for (const mode of Object.keys(token.mode)) {\n const tokenArgs: TokenNormalized = { ...token, ...(token.mode[mode] as any) };\n const options: TransformCSSValueOptions = {\n tokensSet: baseTokens,\n transformAlias,\n color: { legacyHex },\n permutation: { tzMode: '*' },\n };\n const value = customTransform?.(tokenArgs, options) ?? transformCSSValue(tokenArgs, options);\n if (value) {\n const localID = transformName(token);\n setTransform(token.id, {\n format: FORMAT_ID,\n localID,\n value,\n mode,\n // TODO: plugin-css shouldn’t set metadata for plugin-token-listing; move this there\n meta: {\n 'plugin-css': {\n description: token.$description,\n },\n 'token-listing': { name: localID },\n },\n });\n }\n }\n }\n}\n","import type { Plugin } from '@terrazzo/parser';\nimport buildCSS from './build.js';\nimport { type CSSPluginOptions, FILE_PREFIX, PLUGIN_NAME } from './lib.js';\nimport transformCSS from './transform.js';\n\nexport * from './build.js';\nexport {\n type CSSDeclaration,\n type CSSPluginOptions,\n type CSSRule,\n FILE_PREFIX,\n FORMAT_ID,\n type ModeSelector,\n type Permutation,\n PLUGIN_NAME,\n printNode,\n printRules,\n type UtilityCSSGroup,\n type UtilityCSSPrefix,\n} from './lib.js';\nexport * from './transform.js';\nexport * from './utility-css.js';\n\nexport default function cssPlugin(options?: CSSPluginOptions): Plugin {\n const { utility, skipBuild, baseScheme } = options ?? {};\n\n const filename = options?.filename ?? (options as any)?.fileName ?? 'index.css';\n const baseSelector = options?.baseSelector ?? ':root';\n\n return {\n name: PLUGIN_NAME,\n config(_config, context) {\n if (options?.permutations && (options?.modeSelectors || options?.baseSelector || options?.baseScheme)) {\n context.logger.error({\n group: 'plugin',\n label: PLUGIN_NAME,\n message: 'Permutations option is incompatible with modeSelectors, baseSelector, and baseScheme.',\n });\n }\n },\n async transform(transformOptions) {\n transformCSS({ transform: transformOptions, options: options ?? {} });\n },\n async build({ getTransforms, outputFile, context }) {\n if (skipBuild === true) {\n return;\n }\n\n let contents = `${FILE_PREFIX}\\n\\n`;\n contents += buildCSS({\n include: options?.include,\n exclude: options?.exclude,\n getTransforms,\n permutations: options?.permutations,\n modeSelectors: options?.modeSelectors,\n utility,\n baseSelector,\n baseScheme,\n logger: context.logger,\n });\n outputFile(filename, contents.replace(/\\n*$/, '\\n'));\n },\n };\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../src/lib.ts","../src/utility-css.ts","../src/build.ts","../src/transform.ts","../src/index.ts"],"sourcesContent":["import type { TokenNormalized, TokenTransformed } from '@terrazzo/parser';\nimport { CachedWildcardMatcher } from '@terrazzo/token-tools';\n\nimport type { TransformCSSValueOptions } from '@terrazzo/token-tools/css';\n\nexport type UtilityCSSGroup = 'bg' | 'border' | 'font' | 'layout' | 'shadow' | 'text';\n\nexport type UtilityCSSPrefix = 'bg' | 'border' | 'font' | 'gap' | 'm' | 'p' | 'shadow' | 'text';\n\nexport const PLUGIN_NAME = '@terrazzo/plugin-css';\n\nexport const FORMAT_ID = 'css';\n\nexport const cachedMatcher = new CachedWildcardMatcher();\n\nexport const FILE_PREFIX = `/* -------------------------------------------\n * Autogenerated by ⛋ Terrazzo. DO NOT EDIT!\n * ------------------------------------------- */`;\n\nexport interface CSSPluginOptions {\n /**\n * Where to output CSS\n * @default \"index.css\"\n */\n filename?: string;\n /** Glob patterns to filter tokens in output */\n include?: string[];\n /** Glob patterns to exclude tokens from output */\n exclude?: string[];\n /**\n * Set the base selector, like \":root\" or \":host\".\n * @deprecated use permutations instead.\n * @default \":root\"\n */\n baseSelector?: string;\n /**\n * Set the color-scheme CSS property for `baseSelector`.\n * @deprecated use permutations instead.\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/color-scheme\n * @example \"light dark\"\n */\n baseScheme?: string;\n /**\n * Build resolver contexts into media queries\n */\n permutations?: Permutation[];\n /**\n * Define mode selectors as media queries or CSS classes\n * @deprecated Migrate to permutations\n */\n modeSelectors?: ModeSelector[];\n /** Control the final CSS variable name */\n variableName?: (token: TokenNormalized) => string;\n /** Override certain token values */\n transform?: (\n token: TokenNormalized,\n options: TransformCSSValueOptions,\n ) => TokenTransformed['value'] | undefined | null;\n /** Generate utility CSS from groups */\n utility?: Partial<Record<UtilityCSSGroup, string[]>>;\n /**\n * Output colors as hex-6/hex-8 instead of color() function\n * @default false\n */\n legacyHex?: boolean;\n /**\n * Skip generating any `.css` files (useful if you are consuming values in your own plugin and don’t need any `.css` files written to disk).\n * @default false\n */\n skipBuild?: boolean;\n /**\n * Generate CSS @property definitions for type-safe CSS Custom Properties.\n * @see https://developer.mozilla.org/en-US/docs/Web/CSS/@property\n * @default false\n */\n propertyDefinitions?: boolean;\n /**\n * Do not generate CSS shorthand declarations for typography tokens.\n *\n * Note that individual, per-subvalue declarations will still be generated for these tokens.\n * @default false\n */\n omitTypographyShorthand?: boolean;\n /**\n * Control how sub value names are appended to the CSS variable name.\n *\n * By default, sub value names are appended as is with a hyphen. E.g. given CSS variable name `--my-token` and\n * sub value name `font-size`, the resulting variable name would be `--my-token-font-size`.\n */\n subValueVariableName?: (variableName: string, subValueName: string, token: TokenTransformed) => string;\n}\n\nexport interface Permutation<T extends Record<string, string> = Record<string, string>> {\n /** Generate the final CSS string, wrapping content in the selector(s) of your choice. */\n prepare(contents: string): string;\n /** Input for this permutation. */\n input: T;\n /** Provide token(s) to include (Note: not including tokens that are used as aliases for other tokens could cause visual bugs in generated CSS) */\n include?: string[];\n /** Provide token(s) to exclude (Note: excluding tokens that are used as aliases for other tokens could cause visual bugs in generated CSS) */\n exclude?: string[];\n /**\n * Custom transform for this permutation\n */\n transform?: (\n token: TokenNormalized,\n options: TransformCSSValueOptions,\n ) => TokenTransformed['value'] | undefined | null;\n}\n\nexport interface ModeSelector {\n /** The name of the mode to match */\n mode: string;\n /** Provide token IDs to match. Globs are allowed (e.g: `[\"color.*\", \"shadow.dark\"]`) */\n tokens?: string[];\n /** Provide CSS selectors to generate. (e.g.: `[\"@media (prefers-color-scheme: dark)\", \"[data-color-theme='dark']\"]` ) */\n selectors: string[];\n /** Set the color-scheme CSS property for this mode (e.g.: \"light\", \"dark\", \"light dark\") */\n scheme?: string;\n}\n\n// Simple AST types loosely-inspired by csstree.\nexport interface CSSDeclaration {\n type: 'Declaration';\n property: string;\n value: string;\n comment?: string;\n}\n\nexport interface CSSRule {\n type: 'Rule';\n prelude: string[];\n children: (CSSRule | CSSDeclaration)[];\n}\n\n/**\n * Convert CSSRules into a formatted, indented CSS string.\n * The reason we’re using this homemade version instead of something like css-tree is:\n *\n * 1. css-tree doesn’t support comments :(\n * 2. we are only generating PARTIALS, not full CSS (the user controls the\n * wrapper). So with a proper AST, we’d be hacking it a little anyway because\n * we never really have a true, valid, finalized document.\n * 3. we want @terrazzo/plugin-css to run in the browser AND be lean (i.e. don’t\n * load Prettier or 25MB of wasm).\n * 4. we only have to deal with a small subset of CSS—this doesn’t have to be robust\n * by any means (even future additions won’t push the limits of the spec).\n */\nexport function printRules(\n nodes: (CSSRule | CSSDeclaration)[],\n { indentChar = ' ', indentLv = 0 }: { indentChar?: string; indentLv?: number } = {},\n): string {\n let output = '';\n for (const node of nodes) {\n if (output && node.type === 'Rule') {\n output += '\\n';\n }\n output += printNode(node, { indentChar, indentLv });\n }\n return output.trim();\n}\n\n/** Internal printer for individual nodes */\nexport function printNode(\n node: CSSRule | CSSDeclaration,\n { indentChar, indentLv }: { indentChar: string; indentLv: number },\n): string {\n let output = '';\n\n const indent = indentChar.repeat(indentLv);\n\n if (node.type === 'Declaration') {\n if (node.comment) {\n output += `${indent}/* ${node.comment} */\\n`;\n }\n output += `${indent}${node.property}: ${node.value};\\n`;\n return output;\n }\n\n if (!node.prelude.length || !node.children.length) {\n return output;\n }\n\n // legacy behavior: mediaQueryWithDecls should be removed in 3.0. This\n // was originally introduced in modeSelectors, but it generates unexpected CSS.\n const mediaQueryWithDecls = node.children.some((s) => s.type === 'Declaration')\n ? node.prelude.find((s) => s.startsWith('@media'))\n : undefined;\n if (mediaQueryWithDecls) {\n const nonMedia = node.prelude.filter((s) => s !== mediaQueryWithDecls);\n output += `${indent}${mediaQueryWithDecls} {\\n`;\n output += printNode(rule([':root'], node.children), { indentChar, indentLv: indentLv + 1 });\n output += `${indent}}\\n\\n`;\n output += printNode(rule(nonMedia, node.children), { indentChar, indentLv });\n return output;\n }\n\n // Note: nested rules may eventually resolve to no declarations. This prevents that by rendering children first before the wrapper.\n let childOutput = '';\n for (const child of node.children) {\n childOutput += printNode(child, { indentChar, indentLv: indentLv + 1 });\n }\n childOutput = childOutput.trim();\n if (!childOutput) {\n return output;\n }\n output += `${indent}${node.prelude.join(', ')} {\\n`;\n output += `${indentChar.repeat(indentLv + 1)}${childOutput}\\n`;\n output += `${indent}}\\n`;\n return output;\n}\n\n/** Infer indentation preferences from a user-defined wrapping method. */\nexport function getIndentFromPrepare(prepare: Permutation['prepare']): { indentChar: string; indentLv: number } {\n const str = '//css//'; // this is a string that’s invalid CSS that wouldn’t be in the fn itself\n const output = prepare(str).replace(/\\/\\*.*\\*\\//g, ''); // strip comments because we don’t need them\n let indentChar = ' ';\n let indentLv = 0;\n let lineStartChar = 0;\n for (let i = 0; i < output.length; i++) {\n if (output[i] === '{') {\n lineStartChar = i + 1;\n indentLv++;\n } else if (output[i] === '}') {\n indentLv--;\n } else if (output[i] === '\\n') {\n lineStartChar = i + 1;\n } else if (output[i] === str[0] && output.slice(i).startsWith(str)) {\n indentChar = output.slice(lineStartChar, i);\n indentChar = indentChar.slice(0, Math.floor(indentChar.length / indentLv));\n break;\n }\n }\n return {\n indentChar: indentChar || ' ', // fall back to 2 spaces rather than no indentation\n indentLv,\n };\n}\n\n/** Syntactic sugar over Rule boilerplate */\nexport function rule(prelude: CSSRule['prelude'], children: CSSRule['children'] = []): CSSRule {\n return { type: 'Rule', prelude, children };\n}\n\n/** Syntactic sugar over Declaration boilerplate */\nexport function decl(\n property: CSSDeclaration['property'],\n value: CSSDeclaration['value'],\n comment?: CSSDeclaration['comment'],\n): CSSDeclaration {\n return { type: 'Declaration', property, value, comment };\n}\n\n/** Does a node list contain a root-level declaration with this property? */\nexport function hasDecl(list: (CSSRule | CSSDeclaration)[], property: string): boolean {\n return list.some((d) => d.type === 'Declaration' && d.property === property);\n}\n\n/** Add a declaration only if it’s unique (note: CSS, by design, allows duplication—it’s how fallbacks happen. Only use this if fallbacks aren’t needed. */\nexport function addDeclUnique(list: (CSSRule | CSSDeclaration)[], declaration: CSSDeclaration): void {\n if (!hasDecl(list, declaration.property)) {\n list.push(declaration);\n }\n}\n","import type { Logger, TokenTransformed } from '@terrazzo/parser';\nimport { CachedWildcardMatcher, kebabCase } from '@terrazzo/token-tools';\nimport { makeCSSVar } from '@terrazzo/token-tools/css';\nimport { type CSSRule, decl, PLUGIN_NAME, rule, type UtilityCSSGroup, type UtilityCSSPrefix } from './lib.js';\n\n// micro-optimization: precompile all RegExs (which can be known) because dynamic compilation is a waste of resources\nconst GROUP_REGEX: Record<UtilityCSSPrefix, RegExp> = {\n bg: /(^bg-|-bg-)/,\n border: /(^border-|-border-)/,\n font: /(^font-|-font-)/,\n gap: /(^gap-|-gap-)/,\n m: /(^margin-|-margin-|)/,\n p: /(^padding-|-padding-|)/,\n shadow: /(^shadow-|-shadow-)/,\n text: /(^text-|-text-)/,\n};\n\n/** Make CSS class name from transformed token */\nfunction makePrelude(token: TokenTransformed, prefix: UtilityCSSPrefix, subgroup?: string): CSSRule['prelude'] {\n return [`.${prefix}${subgroup || ''}-${kebabCase(token.token.id).replace(GROUP_REGEX[prefix], '')}`];\n}\n\nfunction makeVarValue(token: TokenTransformed): string {\n return makeCSSVar(token.localID ?? token.token.id, { wrapVar: true });\n}\n\nconst utilityMatcher = new CachedWildcardMatcher();\n\nexport default function generateUtilityCSS(\n groups: Partial<Record<UtilityCSSGroup, string[]>>,\n tokens: TokenTransformed[],\n { logger }: { logger: Logger },\n): CSSRule[] {\n const root: CSSRule[] = [];\n const groupEntries = Object.entries(groups);\n groupEntries.sort((a, b) => a[0].localeCompare(b[0]));\n\n for (const [group, selectors] of groupEntries) {\n const selectorMatcher = utilityMatcher.match(selectors);\n const matchingTokens = tokens.filter((token) => selectorMatcher(token.token.id));\n if (!matchingTokens.length) {\n logger.warn({\n group: 'plugin',\n label: PLUGIN_NAME,\n message: `utility group \"${group}\" matched 0 tokens: ${JSON.stringify(selectors)}`,\n });\n break;\n }\n switch (group) {\n case 'bg': {\n for (const token of matchingTokens) {\n const prelude = makePrelude(token, 'bg');\n switch (token.token.$type) {\n case 'color': {\n root.push(rule(prelude, [decl('background-color', makeVarValue(token))]));\n break;\n }\n case 'gradient': {\n const value = decl(\n 'background-image',\n `linear-gradient(${makeCSSVar(token.localID ?? token.token.id, { wrapVar: true })})`,\n );\n root.push(rule(prelude, [value]));\n }\n }\n }\n break;\n }\n case 'border': {\n // ALL generic properties must come before specific properties\n for (const token of matchingTokens) {\n const property = {\n border: 'border',\n color: 'border-color',\n dimension: 'border-width',\n strokeStyle: 'border-style',\n }[token.token.$type as string];\n if (property) {\n root.push(rule(makePrelude(token, 'border'), [decl(property, makeVarValue(token))]));\n }\n }\n // specific properties\n for (const token of matchingTokens) {\n for (const side of ['top', 'right', 'bottom', 'left']) {\n const property = {\n border: `border-${side}`,\n color: `border-${side}-color`,\n dimension: `border-${side}-width`,\n strokeStyle: `border-${side}-style`,\n }[token.token.$type as string];\n if (property) {\n root.push(rule(makePrelude(token, 'border', `-${side}`), [decl(property, makeVarValue(token))]));\n }\n }\n }\n break;\n }\n case 'font': {\n for (const token of matchingTokens) {\n const prelude = makePrelude(token, 'font');\n if (token.token.$type === 'typography' && token.type === 'MULTI_VALUE') {\n const value = Object.keys(token.value).map((property) =>\n decl(property, makeCSSVar(`${token.localID ?? token.token.id}-${property}`, { wrapVar: true })),\n );\n root.push(rule(prelude, value));\n } else {\n const property = {\n dimension: 'font-size',\n fontFamily: 'font-family',\n fontWeight: 'font-weight',\n }[token.token.$type as string];\n if (property) {\n root.push(rule(prelude, [decl(property, makeVarValue(token))]));\n }\n }\n }\n break;\n }\n case 'layout': {\n const filteredTokens = matchingTokens.filter((t) => t.token.$type === 'dimension'); // only dimension tokens here\n // gap\n // ALL generic properties (gap) must come before specific properties (column-gap)\n for (const token of filteredTokens) {\n root.push(rule(makePrelude(token, 'gap'), [decl('gap', makeVarValue(token))]));\n }\n // specific properties\n for (const token of filteredTokens) {\n root.push(rule(makePrelude(token, 'gap', '-col'), [decl('column-gap', makeVarValue(token))]));\n }\n // specific properties\n for (const token of filteredTokens) {\n root.push(rule(makePrelude(token, 'gap', '-row'), [decl('row-gap', makeVarValue(token))]));\n }\n\n // margin/padding\n for (const prefix of ['m', 'p'] as const) {\n const property = prefix === 'm' ? 'margin' : 'padding';\n // note: ALL generic properties (margin: [value]) MUST come before specific properties (margin-top: [value])\n // this is why we loop through all tokens so many times\n for (const token of filteredTokens) {\n root.push(rule(makePrelude(token, prefix, 'a'), [decl(property, makeVarValue(token))]));\n }\n for (const token of filteredTokens) {\n const value = makeVarValue(token);\n root.push(\n rule(makePrelude(token, prefix, 'x'), [\n decl(`${property}-inline`, value),\n decl(`${property}-left`, value),\n decl(`${property}-right`, value),\n ]),\n rule(makePrelude(token, prefix, 'y'), [\n decl(`${property}-block`, value),\n decl(`${property}-bottom`, value),\n decl(`${property}-top`, value),\n ]),\n );\n }\n for (const side of ['top', 'right', 'bottom', 'left']) {\n for (const token of filteredTokens) {\n root.push(rule(makePrelude(token, prefix, side[0]), [decl(`${property}-${side}`, makeVarValue(token))]));\n }\n }\n for (const token of filteredTokens) {\n const value = makeVarValue(token);\n root.push(\n rule(makePrelude(token, prefix, 'bs'), [decl(`${property}-block-start`, value)]),\n rule(makePrelude(token, prefix, 'be'), [decl(`${property}-block-end`, value)]),\n rule(makePrelude(token, prefix, 'is'), [decl(`${property}-inline-start`, value)]),\n rule(makePrelude(token, prefix, 'ie'), [decl(`${property}-inline-end`, value)]),\n );\n }\n }\n break;\n }\n case 'shadow': {\n for (const token of matchingTokens) {\n if (token.token.$type === 'shadow') {\n root.push(rule(makePrelude(token, 'shadow'), [decl('box-shadow', makeVarValue(token))]));\n }\n }\n break;\n }\n case 'text': {\n for (const token of matchingTokens) {\n const prelude = makePrelude(token, 'text');\n const value = makeVarValue(token);\n switch (token.token.$type) {\n case 'color': {\n root.push(rule(prelude, [decl('color', value)]));\n break;\n }\n case 'gradient': {\n root.push(\n rule(prelude, [\n decl('background', `-webkit-linear-gradient(${value})`),\n decl('-webkit-background-clip', 'text'),\n decl('-webkit-text-fill-color', 'transparent'),\n ]),\n );\n break;\n }\n }\n }\n break;\n }\n default: {\n logger.warn({ group: 'plugin', label: PLUGIN_NAME, message: `unknown utility CSS group \"${group}\", ignoring` });\n break;\n }\n }\n }\n\n return root;\n}\n","import type { BuildHookOptions, Logger, TokenTransformed } from '@terrazzo/parser';\nimport { generateShorthand, makeCSSVar } from '@terrazzo/token-tools/css';\nimport {\n addDeclUnique,\n type CSSDeclaration,\n type CSSPluginOptions,\n type CSSRule,\n cachedMatcher,\n decl,\n FORMAT_ID,\n getIndentFromPrepare,\n PLUGIN_NAME,\n printRules,\n rule,\n} from './lib.js';\nimport generateUtilityCSS from './utility-css.js';\n\nconst P3_MQ = '@media (color-gamut: p3)';\nconst REC2020_MQ = '@media (color-gamut: rec2020)';\n\n/**\n * Get description from metadata with fallback to token.$description\n * Preserves the descriptions and alias descriptions.\n */\nfunction getDescription(token: any): string | undefined {\n return token.meta?.['plugin-css']?.description ?? token.token.$description;\n}\n\nexport interface BuildFormatOptions {\n logger: Logger;\n include: CSSPluginOptions['include'];\n exclude: CSSPluginOptions['exclude'];\n getTransforms: BuildHookOptions['getTransforms'];\n modeSelectors: CSSPluginOptions['modeSelectors'];\n permutations: CSSPluginOptions['permutations'];\n utility: CSSPluginOptions['utility'];\n baseSelector: string;\n baseScheme: CSSPluginOptions['baseScheme'];\n propertyDefinitions: boolean;\n omitTypographyShorthand: CSSPluginOptions['omitTypographyShorthand'];\n subValueVariableName: CSSPluginOptions['subValueVariableName'];\n}\n\nconst TOKEN_TYPE_SYNTAX: Record<string, string> = {\n color: '<color>',\n dimension: '<length>',\n duration: '<time>',\n fontWeight: '<integer>',\n number: '<number>',\n boolean: '<integer>',\n fontFamily: '*',\n string: '*',\n cubicBezier: '*',\n border: '*',\n shadow: '*',\n gradient: '*',\n typography: '*',\n transition: '*',\n strokeStyle: '*',\n link: '<url>',\n};\n\nconst SUB_PROPERTY_SYNTAX: Record<string, Record<string, string>> = {\n border: { color: '<color>', width: '<length>', style: '*' },\n shadow: { color: '<color>', 'offset-x': '<length>', 'offset-y': '<length>', blur: '<length>', spread: '<length>' },\n transition: { duration: '<time>', delay: '<time>', 'timing-function': '*' },\n typography: {\n 'font-family': '*',\n 'font-size': '<length>',\n 'font-weight': '<integer>',\n 'line-height': '*',\n 'letter-spacing': '<length>',\n 'font-style': '*',\n 'font-variant': '*',\n 'font-variation-settings': '*',\n 'text-decoration': '*',\n 'text-transform': '*',\n },\n strokeStyle: { 'dash-array': '*', 'line-cap': '*' },\n};\n\nfunction generatePropertyDefinition(localID: string, syntax: string, initialValue?: string): CSSRule {\n const children: CSSDeclaration[] = [decl('syntax', `'${syntax}'`), decl('inherits', 'true')];\n if (initialValue) {\n children.push(decl('initial-value', initialValue));\n }\n return rule([`@property ${localID}`], children);\n}\n\nfunction generatePropertyDefinitions(\n getTransforms: BuildHookOptions['getTransforms'],\n options: { include: (id: string) => boolean; exclude: (id: string) => boolean },\n): CSSRule[] {\n const tokens = getTransforms({ format: FORMAT_ID });\n const properties: CSSRule[] = [];\n const seen = new Set<string>();\n\n for (const token of tokens) {\n const localID = token.localID;\n if (!localID) {\n continue;\n }\n if (!options.include(token.token.id) || options.exclude(token.token.id)) {\n continue;\n }\n\n const cssSyntax = TOKEN_TYPE_SYNTAX[token.token.$type] ?? '*';\n\n if (token.type === 'SINGLE_VALUE') {\n if (seen.has(localID)) {\n continue;\n }\n seen.add(localID);\n if (!token.token.aliasOf && cssSyntax !== '*') {\n properties.push(generatePropertyDefinition(localID, cssSyntax, token.value));\n } else {\n properties.push(generatePropertyDefinition(localID, '*'));\n }\n } else if (token.type === 'MULTI_VALUE') {\n for (const [name, subValue] of Object.entries(token.value)) {\n const subID = name === '.' ? localID : `${localID}-${name}`;\n if (seen.has(subID)) {\n continue;\n }\n seen.add(subID);\n const subSyntax = SUB_PROPERTY_SYNTAX[token.token.$type]?.[name] ?? '*';\n if (!token.token.aliasOf && subSyntax !== '*') {\n properties.push(generatePropertyDefinition(subID, subSyntax, subValue));\n } else {\n properties.push(generatePropertyDefinition(subID, '*'));\n }\n }\n if (!seen.has(localID)) {\n seen.add(localID);\n properties.push(generatePropertyDefinition(localID, '*'));\n }\n }\n }\n\n return properties;\n}\n\nexport default function buildCSS({\n logger,\n getTransforms,\n include: userInclude,\n exclude: userExclude,\n utility,\n permutations,\n modeSelectors,\n baseSelector,\n baseScheme,\n propertyDefinitions = false,\n omitTypographyShorthand,\n subValueVariableName,\n}: BuildFormatOptions): string {\n function makeSubValueId(variableName: string, subValueName: string, token: TokenTransformed) {\n const customName = subValueVariableName?.(variableName, subValueName, token);\n if (customName !== undefined) {\n if (typeof customName !== 'string') {\n logger.error({\n group: 'plugin',\n label: PLUGIN_NAME,\n message: `subValueVariableName() must return a string; received ${customName}`,\n });\n }\n return customName;\n }\n return `${variableName}-${subValueName}`;\n }\n\n const include = userInclude ? cachedMatcher.tokenIDMatch(userInclude) : () => true;\n const exclude = userExclude ? cachedMatcher.tokenIDMatch(userExclude) : () => false;\n let propertyDefsNodes: CSSRule[] = [];\n if (propertyDefinitions) {\n propertyDefsNodes = generatePropertyDefinitions(getTransforms, { include, exclude });\n }\n if (permutations?.length) {\n let output = '';\n\n for (const p of permutations) {\n if (typeof p.prepare !== 'function') {\n logger.error({ group: 'plugin', label: PLUGIN_NAME, message: 'prepare(css) must be a function!' });\n }\n\n const tokens = getTransforms({ format: FORMAT_ID, input: p.input });\n if (!tokens.length) {\n continue;\n }\n\n const root: (CSSRule | CSSDeclaration)[] = [];\n const hdrColors = {\n p3: [] as CSSDeclaration[],\n rec2020: [] as CSSDeclaration[],\n };\n\n const pInclude = p.include ? cachedMatcher.tokenIDMatch(p.include) : () => true;\n const pExclude = p.exclude ? cachedMatcher.tokenIDMatch(p.exclude) : () => false;\n\n const includeToken = (tokenId: string): boolean => {\n return include(tokenId) && pInclude(tokenId) && !exclude(tokenId) && !pExclude(tokenId);\n };\n\n for (const token of tokens) {\n if (!includeToken(token.id)) {\n continue;\n }\n const localID = makeCSSVar(token.localID ?? token.token.id);\n const aliasTokens = token.token.aliasedBy?.length\n ? getTransforms({ format: FORMAT_ID, id: token.token.aliasedBy, input: p.input })\n : [];\n\n // single-value token\n if (token.type === 'SINGLE_VALUE') {\n addDeclUnique(root, decl(localID, token.value, getDescription(token)));\n }\n\n // multi-value token (wide gamut color)\n else if (token.value.srgb && token.value.p3 && token.value.rec2020) {\n addDeclUnique(root, decl(localID, token.value.srgb!, getDescription(token)));\n\n if (token.value.p3 !== token.value.srgb) {\n addDeclUnique(hdrColors.p3, decl(localID, token.value.p3!, getDescription(token)));\n addDeclUnique(hdrColors.rec2020, decl(localID, token.value.rec2020!, getDescription(token)));\n\n // handle aliases within color gamut media queries\n for (const alias of aliasTokens) {\n if (alias.localID && typeof alias.value === 'string') {\n const aliasID = makeCSSVar(alias.localID);\n addDeclUnique(hdrColors.p3, decl(aliasID, alias.value, getDescription(alias)));\n addDeclUnique(hdrColors.rec2020, decl(aliasID, alias.value, getDescription(alias)));\n }\n }\n }\n }\n\n // multi-value token\n else {\n for (const [name, subValue] of Object.entries(token.value)) {\n const subValueID = makeSubValueId(localID, name, token);\n addDeclUnique(root, decl(subValueID, subValue, getDescription(token)));\n }\n // Note: always generate shorthand AFTER other declarations\n const shorthand = generateShorthand({\n token: { ...token.token, $value: token.value as any },\n localID,\n omitTypographyShorthand,\n });\n if (shorthand) {\n addDeclUnique(root, decl(localID, shorthand, getDescription(token)));\n }\n }\n\n // redeclare aliases so they have the correct scope\n for (const alias of aliasTokens) {\n if (alias.localID && typeof alias.value === 'string') {\n if (!includeToken(alias.id)) {\n continue;\n }\n addDeclUnique(root, decl(alias.localID, alias.value, getDescription(token)));\n }\n }\n }\n\n const indentRules = getIndentFromPrepare(p.prepare);\n if (output) {\n output += '\\n';\n }\n output += `${p.prepare(printRules(root, indentRules))}\\n`;\n\n // declare P3 and Rec2020 gamuts, if needed\n for (const gamut of ['p3', 'rec2020'] as const) {\n if (hdrColors[gamut].length) {\n output += `\\n@media (color-gamut: ${gamut}) {\\n`;\n output += indentRules.indentChar;\n output += p\n .prepare(printRules(hdrColors[gamut], indentRules))\n .replace(/\\n(?!\\n)/g, `\\n${indentRules.indentChar}`); // indent every line an extra level\n output += '\\n}\\n';\n }\n }\n }\n\n // add utility CSS\n if (utility && Object.keys(utility).length) {\n if (output) {\n output += '\\n';\n }\n output += printRules(\n generateUtilityCSS(utility, getTransforms({ format: FORMAT_ID, input: permutations[0]?.input ?? {} }), {\n logger,\n }),\n );\n }\n\n if (propertyDefsNodes.length && output) {\n output = `${printRules(propertyDefsNodes)}\\n\\n${output}`;\n }\n\n return output;\n }\n\n // legacy plugin (will be deprecated in 3.0)\n let output = '';\n const rootTokens = getTransforms({ format: FORMAT_ID, mode: '.' });\n if (rootTokens.length) {\n const rules: CSSRule[] = [\n rule([baseSelector], []),\n rule([P3_MQ], [rule([baseSelector])]),\n rule([REC2020_MQ], [rule([baseSelector])]),\n ];\n\n const rootRule = rules[0]!;\n const p3Rule = rules[1]!.children[0] as CSSRule;\n const rec2020Rule = rules[2]!.children[0] as CSSRule;\n\n // add base color-scheme declaration first if configured\n // (must be before other properties to ensure it appears first in output)\n if (baseScheme) {\n rootRule.children.unshift(decl('color-scheme', baseScheme));\n }\n\n for (const token of rootTokens) {\n // handle exclude (if any)\n if (!include(token.token.id) || exclude(token.token.id)) {\n continue;\n }\n\n const localID = token.localID ?? token.token.id;\n const aliasTokens = token.token.aliasedBy?.length\n ? getTransforms({ format: FORMAT_ID, id: token.token.aliasedBy })\n : [];\n\n // single-value token\n if (token.type === 'SINGLE_VALUE') {\n addDeclUnique(rootRule.children, decl(localID, token.value, getDescription(token)));\n }\n\n // multi-value token (wide gamut color)\n else if (token.value.srgb && token.value.p3 && token.value.rec2020) {\n addDeclUnique(rootRule.children, decl(localID, token.value.srgb!, getDescription(token)));\n\n if (token.value.p3 !== token.value.srgb) {\n addDeclUnique(p3Rule.children, decl(localID, token.value.p3!, getDescription(token)));\n addDeclUnique(rec2020Rule.children, decl(localID, token.value.rec2020!, getDescription(token)));\n // handle aliases within color gamut media queries\n for (const alias of aliasTokens) {\n if (alias.localID && typeof alias.value === 'string') {\n addDeclUnique(p3Rule.children, decl(alias.localID, alias.value, getDescription(alias)));\n addDeclUnique(rec2020Rule.children, decl(alias.localID, alias.value, getDescription(alias)));\n }\n }\n }\n }\n\n // multi-value token\n else if (token.type === 'MULTI_VALUE') {\n for (const [name, value] of Object.entries(token.value)) {\n const property = name === '.' ? localID : makeSubValueId(localID, name, token);\n addDeclUnique(rootRule.children, decl(property, value, getDescription(token)));\n }\n // Note: always place shorthand after other values\n const shorthand = generateShorthand({\n token: { ...token.token, $value: token.value as any },\n localID,\n omitTypographyShorthand,\n });\n if (shorthand) {\n addDeclUnique(rootRule.children, decl(token.localID ?? token.token.id, shorthand, getDescription(token)));\n }\n }\n }\n\n output += printRules(rules);\n }\n\n // legacy modeSelectors\n // Delete this behavior in 3.0.\n // This code is intentionally left-alone as a separate code path so it behaves as it did with 0.x.\n for (const selector of modeSelectors ?? []) {\n const selectorTokens = getTransforms({ format: FORMAT_ID, id: selector.tokens, mode: selector.mode });\n if (!selectorTokens.length) {\n continue;\n }\n\n const modeRule: CSSRule = rule(selector.selectors);\n\n // add color-scheme declaration first if configured for this mode\n // (must be before other properties to ensure it appears first in output)\n if (selector.scheme) {\n modeRule.children.unshift(decl('color-scheme', selector.scheme));\n }\n const hdrColors = {\n p3: [] as CSSDeclaration[],\n rec2020: [] as CSSDeclaration[],\n };\n for (const token of selectorTokens) {\n const localID = token.localID ?? token.token.id;\n const aliasedBy = token.token.mode[selector.mode]?.aliasedBy?.length\n ? token.token.mode[selector.mode]!.aliasedBy\n : token.token.aliasedBy;\n let aliasTokens = aliasedBy?.length\n ? getTransforms({ format: FORMAT_ID, id: aliasedBy, mode: selector.mode })\n : [];\n // Note: this will grab aliases from alternate and default modes. If we have duplicates, discard the default modes\n const uniqueAliasIDs = new Set(aliasTokens.map((t) => t.id));\n if (uniqueAliasIDs.size !== aliasTokens.length && selector.mode !== '.') {\n aliasTokens = aliasTokens.filter(\n (t, i) => !aliasTokens.some((t2, i2) => t.id === t2.id && i !== i2 && t.mode === '.'),\n );\n }\n\n // single-value token\n if (token.type === 'SINGLE_VALUE') {\n addDeclUnique(modeRule.children, decl(localID, token.value, getDescription(token)));\n }\n\n // multi-value token (wide gamut color)\n else if (token.value.srgb && token.value.p3 && token.value.rec2020) {\n addDeclUnique(modeRule.children, decl(localID, token.value.srgb!, getDescription(token)));\n if (token.value.p3 !== token.value.srgb) {\n addDeclUnique(hdrColors.p3, decl(localID, token.value.p3!, getDescription(token)));\n addDeclUnique(hdrColors.rec2020, decl(localID, token.value.rec2020!, getDescription(token)));\n\n // handle aliases within color gamut media queries\n for (const alias of aliasTokens) {\n if (alias.localID && typeof alias.value === 'string') {\n for (const gamut of ['p3', 'rec2020'] as const) {\n addDeclUnique(hdrColors[gamut], decl(alias.localID, alias.value, getDescription(alias)));\n }\n }\n }\n }\n }\n\n // multi-value token\n else {\n for (const [name, subValue] of Object.entries(token.value)) {\n const subValueID = makeSubValueId(localID, name, token);\n addDeclUnique(modeRule.children, decl(subValueID, subValue, getDescription(token)));\n }\n // Note: always generate shorthand after other declarations\n const shorthand = generateShorthand({\n token: { ...token.token, $value: token.value as any },\n localID,\n omitTypographyShorthand,\n });\n if (shorthand) {\n addDeclUnique(modeRule.children, decl(localID, shorthand, getDescription(token)));\n }\n }\n\n // redeclare aliases so they have the correct scope\n for (const alias of aliasTokens) {\n if (alias.localID && typeof alias.value === 'string') {\n addDeclUnique(modeRule.children, decl(alias.localID, alias.value, getDescription(token)));\n }\n }\n }\n\n if (output) {\n output += '\\n\\n';\n }\n output += printRules([\n modeRule,\n rule([P3_MQ], [rule(selector.selectors, hdrColors.p3)]),\n rule([REC2020_MQ], [rule(selector.selectors, hdrColors.rec2020)]),\n ]);\n }\n\n // add utility CSS\n if (utility && Object.keys(utility).length) {\n if (output) {\n output += '\\n\\n';\n }\n output += printRules(generateUtilityCSS(utility, getTransforms({ format: FORMAT_ID, mode: '.' }), { logger }));\n }\n\n if (propertyDefsNodes.length && output) {\n output = `${printRules(propertyDefsNodes)}\\n\\n${output}`;\n }\n\n return output;\n}\n","import type { TokenNormalized, TransformHookOptions } from '@terrazzo/parser';\nimport { makeCSSVar, type TransformCSSValueOptions, transformCSSValue } from '@terrazzo/token-tools/css';\nimport { type CSSPluginOptions, cachedMatcher, FORMAT_ID, PLUGIN_NAME } from './lib.js';\n\nexport interface TransformOptions {\n transform: TransformHookOptions;\n options: CSSPluginOptions;\n}\n\nexport default function transformCSS({\n transform: {\n context: { logger },\n resolver,\n setTransform,\n tokens: baseTokens,\n },\n options: {\n permutations,\n include: userInclude,\n exclude: userExclude,\n legacyHex,\n transform: customTransform,\n variableName,\n },\n}: TransformOptions) {\n function transformName(token: TokenNormalized) {\n const customName = variableName?.(token);\n if (customName !== undefined) {\n if (typeof customName !== 'string') {\n logger.error({\n group: 'plugin',\n label: PLUGIN_NAME,\n message: `variableName() must return a string; received ${customName}`,\n });\n }\n return customName;\n }\n return makeCSSVar(token.id);\n }\n const transformAlias = (token: TokenNormalized) => `var(${transformName(token)})`;\n\n const include = userInclude ? cachedMatcher.tokenIDMatch(userInclude) : () => true;\n const exclude = userExclude ? cachedMatcher.tokenIDMatch(userExclude) : () => false;\n\n // permutations\n if (Array.isArray(permutations)) {\n // For backwards-compat, if this resolver allows a “default” input,\n // also duplicate the token in the global space. This plays nicer with\n // plugins that haven’t upgraded to resolvers yet.\n // If there is no “default” permutation, then take the first one\n let defaultPermutationI = permutations.findIndex((p) => !Object.keys(p.input ?? {}).length);\n if (defaultPermutationI === -1) {\n defaultPermutationI = 0;\n }\n\n for (let i = 0; i < permutations.length; i++) {\n const p = permutations[i]!;\n const inputRaw = p.input;\n const input = !Object.keys(inputRaw ?? {}).length\n ? (JSON.parse(resolver.getPermutationID(inputRaw ?? {})) as Record<string, string>)\n : inputRaw;\n\n const pInclude = p.include ? cachedMatcher.tokenIDMatch(p.include) : () => true;\n const pExclude = p.exclude ? cachedMatcher.tokenIDMatch(p.exclude) : () => false;\n\n const includeToken = (tokenId: string): boolean => {\n return include(tokenId) && pInclude(tokenId) && !exclude(tokenId) && !pExclude(tokenId);\n };\n // Note: if we throw an error here without specifying the input, a user may\n // find it impossible to debug the issue\n try {\n const tokens = resolver.apply(input);\n for (const token of Object.values(tokens)) {\n if (!includeToken(token.id)) {\n continue;\n }\n const options: TransformCSSValueOptions = {\n tokensSet: tokens,\n transformAlias,\n color: { legacyHex },\n permutation: input,\n };\n const value =\n p.transform?.(token, options) ?? customTransform?.(token, options) ?? transformCSSValue(token, options);\n if (value) {\n const localID = transformName(token);\n setTransform(token.id, {\n format: FORMAT_ID,\n value,\n localID,\n input,\n // Store description in metadata for plugin-css to access later\n meta: {\n 'plugin-css': {\n description: token.$description,\n },\n 'token-listing': { name: localID },\n },\n });\n\n // If this is the default permutation, also duplicate to the default mode.\n // Be sure to only do this for ONE permutation! Otherwise output would break.\n if (defaultPermutationI === i) {\n setTransform(token.id, {\n format: FORMAT_ID,\n value,\n localID,\n mode: '.',\n // Store description in metadata for plugin-css to access later\n meta: {\n 'plugin-css': {\n description: token.$description,\n },\n 'token-listing': { name: localID },\n },\n });\n }\n }\n }\n } catch (err) {\n logger.error({\n group: 'plugin',\n label: PLUGIN_NAME,\n message: `There was an error trying to apply input ${resolver.getPermutationID(input)}.`,\n continueOnError: true, // throw below\n });\n throw err; // note: this is most likely a nicely-formatted message from another logger instance; just pass it through\n }\n }\n\n return;\n }\n\n // modes (legacy)\n for (const token of Object.values(baseTokens)) {\n if (!include(token.id) || exclude(token.id)) {\n continue;\n }\n for (const mode of Object.keys(token.mode)) {\n const tokenArgs: TokenNormalized = { ...token, ...(token.mode[mode] as any) };\n const options: TransformCSSValueOptions = {\n tokensSet: baseTokens,\n transformAlias,\n color: { legacyHex },\n permutation: { tzMode: '*' },\n };\n const value = customTransform?.(tokenArgs, options) ?? transformCSSValue(tokenArgs, options);\n if (value) {\n const localID = transformName(token);\n setTransform(token.id, {\n format: FORMAT_ID,\n localID,\n value,\n mode,\n // TODO: plugin-css shouldn’t set metadata for plugin-token-listing; move this there\n meta: {\n 'plugin-css': {\n description: token.$description,\n },\n 'token-listing': { name: localID },\n },\n });\n }\n }\n }\n}\n","import type { Plugin } from '@terrazzo/parser';\nimport buildCSS from './build.js';\nimport { type CSSPluginOptions, FILE_PREFIX, PLUGIN_NAME } from './lib.js';\nimport transformCSS from './transform.js';\n\nexport * from './build.js';\nexport {\n type CSSDeclaration,\n type CSSPluginOptions,\n type CSSRule,\n FILE_PREFIX,\n FORMAT_ID,\n type ModeSelector,\n type Permutation,\n PLUGIN_NAME,\n printNode,\n printRules,\n type UtilityCSSGroup,\n type UtilityCSSPrefix,\n} from './lib.js';\nexport * from './transform.js';\nexport * from './utility-css.js';\n\nexport default function cssPlugin(options?: CSSPluginOptions): Plugin {\n const { utility, skipBuild, baseScheme, propertyDefinitions } = options ?? {};\n\n const filename = options?.filename ?? (options as any)?.fileName ?? 'index.css';\n const baseSelector = options?.baseSelector ?? ':root';\n\n return {\n name: PLUGIN_NAME,\n config(_config, context) {\n if (options?.permutations && (options?.modeSelectors || options?.baseSelector || options?.baseScheme)) {\n context.logger.error({\n group: 'plugin',\n label: PLUGIN_NAME,\n message: 'Permutations option is incompatible with modeSelectors, baseSelector, and baseScheme.',\n });\n }\n },\n async transform(transformOptions) {\n transformCSS({ transform: transformOptions, options: options ?? {} });\n },\n async build({ getTransforms, outputFile, context }) {\n if (skipBuild === true) {\n return;\n }\n\n let contents = `${FILE_PREFIX}\\n\\n`;\n contents += buildCSS({\n include: options?.include,\n exclude: options?.exclude,\n getTransforms,\n permutations: options?.permutations,\n modeSelectors: options?.modeSelectors,\n utility,\n baseSelector,\n baseScheme,\n propertyDefinitions: propertyDefinitions ?? false,\n logger: context.logger,\n omitTypographyShorthand: options?.omitTypographyShorthand,\n subValueVariableName: options?.subValueVariableName,\n });\n outputFile(filename, contents.replace(/\\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-css",
|
|
3
|
-
"version": "2.0
|
|
3
|
+
"version": "2.2.0",
|
|
4
4
|
"description": "Convert DTCG design tokens JSON into CSS variables for use in any web application or native app with webview.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -27,16 +27,16 @@
|
|
|
27
27
|
"directory": "./packages/plugin-css/"
|
|
28
28
|
},
|
|
29
29
|
"peerDependencies": {
|
|
30
|
-
"@terrazzo/cli": "^2.0
|
|
31
|
-
"@terrazzo/parser": "^2.0
|
|
30
|
+
"@terrazzo/cli": "^2.2.0",
|
|
31
|
+
"@terrazzo/parser": "^2.2.0"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@terrazzo/token-tools": "^2.0
|
|
34
|
+
"@terrazzo/token-tools": "^2.2.0"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"dtcg-examples": "^1.0.3",
|
|
38
|
-
"@terrazzo/cli": "^2.0
|
|
39
|
-
"@terrazzo/parser": "^2.0
|
|
38
|
+
"@terrazzo/cli": "^2.2.0",
|
|
39
|
+
"@terrazzo/parser": "^2.2.0"
|
|
40
40
|
},
|
|
41
41
|
"scripts": {
|
|
42
42
|
"build": "rolldown -c && attw --profile esm-only --pack .",
|