feat(workflows): add a build-tokens workflow

swisspost · Jul 12, 2024 · c14a8d4 · c14a8d4
1 parent 099ac7a
commit c14a8d4
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 4 deletions.
diff --git a/.github/workflows/build-tokens.yaml b/.github/workflows/build-tokens.yaml
@@ -3,7 +3,7 @@ on:
   pull_request:
     types: [opened, synchronize, edited, reopened]
     paths:
-      - 'packages/tokens'
+      - 'packages/tokens/**'
 
 jobs:
   build:
@@ -16,7 +16,7 @@ jobs:
       - name: Setup
         uses: ./.github/actions/setup-pnpm
 
-      - name: Install tokens & dependencies
+      - name: Install dependencies
         run: pnpm --filter design-system-tokens... install
 
       - name: Build tokens & dependencies
@@ -27,7 +27,44 @@ jobs:
         uses: actions/github-script@v7
         with:
           script: |
+            const fs = require('fs')
+            const path = require('path')
+
+            const inputfileNames = fs.readdirSync('packages/tokens/tokensstudio-generated')
+            const inputFiles = inputfileNames.map(fileName => ({
+              type: path.extname(fileName),
+              name: fileName,
+              content: fs.readFileSync(`packages/tokens/tokensstudio-generated/${fileName}`, 'utf8')
+            }))
+
+            const outputOrder = [
+              'index.scss',
+              'core.scss',
+              'mode.scss',
+              'device.scss',
+              'channel.scss',
+              'theme.scss',
+              'components.scss',
+            ]
+            const outputFileNames = fs.readdirSync('packages/tokens/dist')
+            const outputFiles = outputFileNames.map(fileName => ({
+              type: path.extname(fileName),
+              name: fileName,
+              content: fs.readFileSync(`packages/tokens/dist/${fileName}`, 'utf8')
+            })).sort((a, b) => (outputOrder.indexOf(a.name) === -1 ? 1000 : outputOrder.indexOf(a.name)) - (outputOrder.indexOf(b.name) === -1 ? 1000 : outputOrder.indexOf(b.name)))
+
             return `# Build Tokens
+            ## Input
+            ${inputFiles.map(({ type, name, content }) => `<details>
+              <summary><code>${name}</code></summary>
+              <pre lang="${type}">${content}</pre>
+            </details>`).join('\n')}
+
+            ## Output
+            ${outputFiles.map(({ type, name, content }) => `<details>
+              <summary><code>${name}</code></summary>
+              <pre lang="${type}">${content}</pre>
+            </details>`).join('\n')}
             `
 
       - name: Output Summary

diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json
@@ -1377,8 +1377,7 @@
       "Theme/Default",
       "Theme/Cargo",
       "Components/All",
-      "core/core",
-      "Test"
+      "core/core"
     ]
   }
 }