fix(tokens): support style-dictionary build in windows env

.github/workflows/build.yml

@@ -24,7 +24,7 @@ on:
                 default: "20"
             experimental:
                 required: false
-                default: false
+                default: "false"
             ref:
                 description: "The branch or tag to checkout"
                 required: false
@@ -153,7 +153,6 @@ jobs:
                     git diff --staged > changes.diff
                     exit 1
                 fi
-
             - name: Upload changes
               if: ${{ failure() }}
               uses: actions/upload-artifact@v4

nx.json

@@ -47,7 +47,7 @@
 			],
 			"options": {
 				"commands": [
-					"node --no-warnings -e 'require(\"./tasks/component-builder.js\").default()'"
+					"node --no-warnings ./tasks/component-builder.js {projectName}"
 				]
 			},
 			"outputs": [
@@ -102,7 +102,7 @@
 			],
 			"options": {
 				"commands": [
-					"node --no-warnings ./tasks/compare-compiled-output.js $NX_TASK_TARGET_PROJECT"
+					"node --no-warnings ./tasks/compare-compiled-output.js {projectName}"
 				]
 			},
 			"outputs": ["{workspaceRoot}/.diff-output"]
@@ -155,7 +155,7 @@
 			],
 			"options": {
 				"commands": [
-					"cross-env NODE_OPTIONS=\"--no-warnings\" node -e 'require(\"./tasks/component-reporter.js\").default()'"
+					"node --no-warnings ./tasks/component-reporter.js {projectName}"
 				]
 			},
 			"outputs": [

tasks/component-builder.js

@@ -17,6 +17,9 @@ const fs = require("fs");
 const fsp = fs.promises;
 const path = require("path");
 
+const { hideBin } = require("yargs/helpers");
+const yargs = require("yargs");
+
 const postcss = require("postcss");
 const postcssrc = require("postcss-load-config");
 const prettier = require("prettier");
@@ -223,8 +226,8 @@ async function buildThemes({ cwd = process.cwd(), clean = false } = {}) {
 		const theme = path.basename(input, ".css");
 		return processCSS(
 			content,
-			path.join(cwd, input),
-			path.join(cwd, "dist", input),
+			input,
+			path.join(cwd, "dist", "themes", `${theme}.css`),
 			{
 				cwd,
 				clean,
@@ -334,3 +337,9 @@ async function main({
 exports.processCSS = processCSS;
 exports.fetchContent = fetchContent;
 exports.default = main;
+
+let {
+	_: components,
+} = yargs(hideBin(process.argv)).argv;
+
+Promise.all(components.map((componentName) => main({ componentName })));

tasks/component-reporter.js

@@ -16,6 +16,9 @@ const fs = require("fs");
 const fsp = fs.promises;
 const path = require("path");
 
+const { hideBin } = require("yargs/helpers");
+const yargs = require("yargs");
+
 const postcss = require("postcss");
 const prettier = require("prettier");
 
@@ -268,3 +271,9 @@ async function main({
 
 exports.extractModifiers = extractModifiers;
 exports.default = main;
+
+let {
+	_: components,
+} = yargs(hideBin(process.argv)).argv;
+
+Promise.all(components.map((componentName) => main({ componentName })));

tasks/utilities.js

@@ -200,27 +200,20 @@ async function fetchContent(
 		})),
 	);
 
-	// Combine the content into 1 file; @todo do this in future using CSS imports
-	if (shouldCombine) {
-		let content = "";
-		fileData.forEach((dataset) => {
-			if (dataset.content) content += "\n\n" + dataset.content;
-		});
+	if (!shouldCombine) return Promise.resolve(fileData);
 
-		return Promise.resolve([
-			{
-				content,
-				input: fileData[0].input,
-			},
-		]);
-	}
+	// Combine the content into 1 file; @todo do this in future using CSS imports
+	let content = "";
+	fileData.forEach((dataset) => {
+		if (dataset.content) content += "\n\n" + dataset.content;
+	});
 
-	return Promise.all(
-		files.map(async (file) => ({
-			content: await fsp.readFile(path.join(cwd, file), "utf8"),
-			input: file,
-		})),
-	);
+	return Promise.resolve([
+		{
+			content,
+			input: fileData[0].input,
+		},
+	]);
 }
 
 /**
@@ -286,8 +279,7 @@ async function writeAndReport(content, output, { cwd = process.cwd() } = {}) {
 		})
 		.catch((err) => {
 			if (!err) return;
-			const relativePath = path.relative(cwd, output);
-			console.log(`${"✗".red}  ${relativePath.yellow} not written`);
+			console.log(`${"✗".red}  ${relativePrint(cwd, output).yellow} not written`);
 			return Promise.reject(err);
 		});
 }