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

Author: castastrophe

.gitattributes

@@ -1,3 +1,4 @@
+* text=auto eol=lf
 README.md merge=ours
 
 # Treat yarn assets as binaries for diffing

.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
@@ -150,18 +150,11 @@ jobs:
                     echo "Changes detected"
                     git status
                     git add .
-                    git diff > changes.diff
+                    git diff --staged > changes.diff
                     exit 1
                 fi
 
-            # If there are changes, capture the changes and upload them as an artifact
-            - name: Capture changes
-              if: ${{ failure() }}
-              id: capture-changes
-              run: |
-                git diff
-                git diff > changes.diff
-
+            # If there are changes, capture and upload them as an artifact
             - name: Upload changes
               if: ${{ failure() }}
               uses: actions/upload-artifact@v4

.github/workflows/development.yml

@@ -42,6 +42,7 @@ jobs:
     # -------------------------------------------------------------
     # Validate build for various environments
     # -------------------------------------------------------------
+    # todo: should we limit this to run before merging?
     verify_builds:
         name: Verify
         # Check that the PR is not in draft mode (or if it is, that it has the run_ci label to force a build)

tokens/project.json

@@ -46,18 +46,17 @@
 		},
 		"style-dictionary": {
 			"dependsOn": ["clean"],
-			"executor": "@nxkit/style-dictionary:build",
+			"executor": "nx:run-commands",
 			"inputs": [
 				"{projectRoot}/postcss.config.js",
 				"{projectRoot}/style-dictionary.config.js",
 				"{projectRoot}/utilities/style-dictionary.utils.js"
 			],
 			"options": {
-				"deleteOutputPath": false,
-				"outputPath": "./tokens",
-				"platform": "CSS",
-				"styleDictionaryConfig": "./tokens/style-dictionary.config.js",
-				"tsConfig": "./tsconfig.json"
+				"cwd": "{projectRoot}",
+				"commands": [
+					"style-dictionary build --config ./style-dictionary.config.js --platform CSS"
+				]
 			},
 			"outputs": [
 				"{projectRoot}/dist/global-vars.css",

tokens/style-dictionary.config.js

@@ -13,7 +13,7 @@
 
 const path = require("path");
 
-const generateFileConfig = require("./utilities/style-dictionary.utils.js");
+const generateFileConfig = require(path.join(__dirname, "utilities/style-dictionary.utils.js"));
 
 const StyleDictionary = require("style-dictionary");
 const CSSSetsFormatter = require("style-dictionary-sets").CSSSetsFormatter;
@@ -38,10 +38,10 @@ const tokensDir = path.dirname(tokensPath);
 const setNames = ["desktop", "mobile", "light", "dark", "darkest"];
 
 module.exports = {
-	source: [`${tokensDir}/src/*.json`],
+	source: [path.join(tokensDir, "src/*.json")],
 	platforms: {
 		CSS: {
-			buildPath: "dist/css/",
+			buildPath: path.join(__dirname, "dist/css/"),
 			transforms: [
 				AttributeSetsTransform.name,
 				NameKebabTransfom.name,