Parallelize GitHub Actions steps

Author: riasvdv

.github/workflows/js-ci.yml

@@ -20,11 +20,9 @@ permissions:
 
 jobs:
   setup:
-    name: 'Setup / Install + Build + Generate'
+    name: 'Build + Check'
     runs-on: ubuntu-latest
     timeout-minutes: 15
-    outputs:
-      cache-key: ${{ steps.cache-key.outputs.value }}
     steps:
       - name: Checkout code
         uses: actions/checkout@v4
@@ -65,15 +63,16 @@ jobs:
             resources/js/generated
           key: ${{ steps.cache-key.outputs.value }}
 
-      - name: Install Composer dependencies
-        if: steps.cache.outputs.cache-hit != 'true'
-        run: composer install --no-interaction --no-progress
+      - parallel:
+          - name: Install Composer dependencies
+            if: steps.cache.outputs.cache-hit != 'true'
+            run: composer install --no-interaction --no-progress
 
-      - name: Install frontend dependencies
-        if: steps.cache.outputs.cache-hit != 'true'
-        run: vp install --frozen-lockfile
-        env:
-          CRAFT_FONTAWESOME_TOKEN: ${{ secrets.CRAFT_FONTAWESOME_TOKEN }}
+          - name: Install frontend dependencies
+            if: steps.cache.outputs.cache-hit != 'true'
+            run: vp install --frozen-lockfile
+            env:
+              CRAFT_FONTAWESOME_TOKEN: ${{ secrets.CRAFT_FONTAWESOME_TOKEN }}
 
       # Build the garnish package so its `dist/*.d.ts` exist — `vue-tsc` resolves
       # `@craftcms/garnish` from `dist` (its `types`), and dist is gitignored.
@@ -101,108 +100,18 @@ jobs:
         if: steps.cache.outputs.cache-hit != 'true'
         run: vp run generate:wayfinder
 
-  eslint:
-    name: 'Code Quality / Oxlint'
-    runs-on: ubuntu-latest
-    timeout-minutes: 5
-    needs: setup
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v4
-
-      - name: Setup Vite+
-        uses: voidzero-dev/setup-vp@v1
-        with:
-          node-version: ${{ env.NODE_VERSION }}
-          cache: true
-
-      - name: Restore install + build + generated cache
-        uses: actions/cache@v4
-        with:
-          path: |
-            node_modules
-            packages/*/node_modules
-            packages/craftcms-ui/dist
-            packages/craftcms-garnish/dist
-            vendor
-            resources/js/actions
-            resources/js/routes
-            resources/js/wayfinder
-            resources/js/generated
-          key: ${{ needs.setup.outputs.cache-key }}
-
-      - name: Run Oxlint
-        run: vp lint resources/js/
-
-  typecheck:
-    name: 'Code Quality / TypeScript'
-    runs-on: ubuntu-latest
-    timeout-minutes: 5
-    needs: setup
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v4
-
-      - name: Setup Vite+
-        uses: voidzero-dev/setup-vp@v1
-        with:
-          node-version: ${{ env.NODE_VERSION }}
-          cache: true
-
-      - name: Restore install + build + generated cache
-        uses: actions/cache@v4
-        with:
-          path: |
-            node_modules
-            packages/*/node_modules
-            packages/craftcms-ui/dist
-            packages/craftcms-garnish/dist
-            vendor
-            resources/js/actions
-            resources/js/routes
-            resources/js/wayfinder
-            resources/js/generated
-          key: ${{ needs.setup.outputs.cache-key }}
-
-      # Skip the `pretypecheck` hook (it would re-run generate:types +
-      # generate:wayfinder, which need PHP/Composer that this job doesn't set
-      # up — the setup job already produced and cached the output).
-      - name: Run TypeScript type check
-        run: vp run typecheck
-
-  test-ui:
-    name: 'Tests / @craftcms/ui'
-    runs-on: ubuntu-latest
-    timeout-minutes: 10
-    needs: setup
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v4
-
-      - name: Setup Vite+
-        uses: voidzero-dev/setup-vp@v1
-        with:
-          node-version: ${{ env.NODE_VERSION }}
-          cache: true
-
-      - name: Restore install + build + generated cache
-        uses: actions/cache@v4
-        with:
-          path: |
-            node_modules
-            packages/*/node_modules
-            packages/craftcms-ui/dist
-            packages/craftcms-garnish/dist
-            vendor
-            resources/js/actions
-            resources/js/routes
-            resources/js/wayfinder
-            resources/js/generated
-          key: ${{ needs.setup.outputs.cache-key }}
-
+      # `vp run` skips the npm pretypecheck hook, which would redundantly run
+      # generate:types and generate:wayfinder.
       # The storybook tests run in real Chromium via @vitest/browser-playwright.
       - name: Install Playwright Chromium
         run: vp exec playwright install --with-deps chromium
 
-      - name: Run @craftcms/ui tests
-        run: vp run test:ui
+      - parallel:
+          - name: Run Oxlint
+            run: vp lint resources/js/
+
+          - name: Run TypeScript type check
+            run: vp run typecheck
+
+          - name: Run @craftcms/ui tests
+            run: vp run test:ui

.github/workflows/storybook.yml

@@ -77,15 +77,16 @@ jobs:
             resources/js/generated
           key: ${{ steps.cache-key.outputs.value }}
 
-      - name: Install Composer dependencies
-        if: steps.cache.outputs.cache-hit != 'true'
-        run: composer install --no-interaction --no-progress
-
-      - name: Install frontend dependencies
-        if: steps.cache.outputs.cache-hit != 'true'
-        run: vp install --frozen-lockfile
-        env:
-          CRAFT_FONTAWESOME_TOKEN: ${{ secrets.CRAFT_FONTAWESOME_TOKEN }}
+      - parallel:
+          - name: Install Composer dependencies
+            if: steps.cache.outputs.cache-hit != 'true'
+            run: composer install --no-interaction --no-progress
+
+          - name: Install frontend dependencies
+            if: steps.cache.outputs.cache-hit != 'true'
+            run: vp install --frozen-lockfile
+            env:
+              CRAFT_FONTAWESOME_TOKEN: ${{ secrets.CRAFT_FONTAWESOME_TOKEN }}
 
       # Build the garnish package so its `dist/*.d.ts` exist — `vue-tsc` resolves
       # `@craftcms/garnish` from `dist` (its `types`), and dist is gitignored.

.github/workflows/sync-cms-assets.yml

@@ -32,13 +32,14 @@ jobs:
           node-version: '24'
           cache: true
 
-      - name: Install frontend dependencies
-        run: vp install --frozen-lockfile
-        env:
-          CRAFT_FONTAWESOME_TOKEN: ${{ secrets.CRAFT_FONTAWESOME_TOKEN }}
+      - parallel:
+          - name: Install frontend dependencies
+            run: vp install --frozen-lockfile
+            env:
+              CRAFT_FONTAWESOME_TOKEN: ${{ secrets.CRAFT_FONTAWESOME_TOKEN }}
 
-      - name: Install Composer dependencies
-        uses: ramsey/composer-install@v3
+          - name: Install Composer dependencies
+            uses: ramsey/composer-install@v3
 
       - name: Copy icons
         run: php ./scripts/copyicons.php