chore: generate TypeScript tokens in the Tokens Studio release workflow (#5166)

* chore: generate TypeScript tokens in the Tokens Studio release workflow

* chore: address review — proper TS literal serializer and lint cleanups

Author: pomfrida

.github/workflows/tokens_studio_release.yaml

@@ -70,20 +70,29 @@ jobs:
         run: pnpm install --force
       - name: Pull tokens from Tokens Studio
         run: pnpm --filter @equinor/eds-tokens exec studio tokens pull --ci --verbose
-      # Runs the saved "EDS" export configuration (CSS Variables) on the
-      # platform and writes the generated CSS files. This output will
-      # replace the local Style Dictionary build in the new pipeline —
-      # it is not yet wired into the package exports map.
+      # Runs the saved export configurations on the platform and writes
+      # the generated files. This output will replace the local Style
+      # Dictionary build in the new pipeline — it is not yet wired into
+      # the package exports map.
+      # The exports are referenced by ID, not name — a rename in Tokens
+      # Studio must not break the pipeline (it already happened once).
       # --verbose because the run is unattended and the resulting PR gets
       # no CI — the Actions log is the only place to diagnose a bad export
-      - name: Run CSS export from Tokens Studio
-        run: pnpm --filter @equinor/eds-tokens exec studio exports run EDS --ci --verbose --out src/tokens/css
+      - name: Run CSS export from Tokens Studio (EDS-CSS)
+        run: pnpm --filter @equinor/eds-tokens exec studio exports run 39d37416-632b-4f04-b49b-cfaec63e3baa --ci --verbose --out src/tokens/css
+      - name: Run DTCG export from Tokens Studio (EDS-DTCG)
+        run: pnpm --filter @equinor/eds-tokens exec studio exports run 019463d4-9bef-4e37-9425-6de80eec87c8 --ci --verbose --out src/tokens/dtcg
+      # TypeScript token modules are generated locally from the DTCG
+      # export (structure) + CSS export (evaluated values) — the platform
+      # has no TS export format. See the script header for details.
+      - name: Generate TypeScript tokens
+        run: pnpm --filter @equinor/eds-tokens run generate:ts-tokens
       - name: Create Pull Request
         uses: peter-evans/create-pull-request@v8
         with:
           commit-message: 'chore: update tokens from Tokens Studio release'
           title: 'chore: update tokens from Tokens Studio release'
-          body: 'Automated pull of the token state after a Tokens Studio release: raw token sets via `studio tokens pull` (sources in `packages/eds-tokens/.studio.json`) and generated CSS via `studio exports run EDS` into `packages/eds-tokens/src/tokens/css/`.'
+          body: 'Automated pull of the token state after a Tokens Studio release: raw token sets via `studio tokens pull` (sources in `packages/eds-tokens/.studio.json`), generated CSS (EDS-CSS export) into `packages/eds-tokens/src/tokens/css/`, DTCG (EDS-DTCG export) into `src/tokens/dtcg/`, and TypeScript modules generated from the two into `src/tokens/ts/`.'
           branch: tokens-studio-release
       # This workflow runs unattended (release-triggered) and the PR it
       # creates gets no CI runs, so a failed pull must not be silent

packages/eds-tokens/package.json

@@ -52,6 +52,7 @@
     "types": "tsc",
     "test": "vitest run",
     "test:watch": "vitest",
+    "generate:ts-tokens": "node scripts/generate-ts-tokens.mjs",
     "prettier:check": "prettier --check src/",
     "build:variables:color-scheme": "build-color-scheme-variables",
     "build:variables:semantic:static": "build-semantic-static-variables",