update action to node 20 (#887)

* update to node 20

* output version to summary

Author: lukasoppermann

.github/workflows/ci.yml

@@ -92,10 +92,10 @@ jobs:
     needs: vrt-runner
     steps:
       - uses: actions/checkout@v4
-      - name: Use Node.js 16.x
+      - name: Set up Node
         uses: actions/setup-node@v4
         with:
-          node-version: 16
+          node-version: 20
           cache: 'npm'
       - name: install dependencies
         run: npm ci

.github/workflows/deploy.yml

@@ -13,7 +13,7 @@ permissions:
 jobs:
   build_deploy:
     name: Build and deploy
-    uses: primer/.github/.github/workflows/deploy.yml@3530aade09ac06cba8a726c7bbde52f8d4d5189a
+    uses: primer/.github/.github/workflows/deploy.yml@v2
     with:
       node_version: 20
       install: npm ci --legacy-peer-deps --no-audit --no-fund && npm run install:storybook

.github/workflows/deploy_preview.yml

@@ -12,7 +12,7 @@ permissions:
 jobs:
   deploy:
     name: Build and deploy
-    uses: primer/.github/.github/workflows/deploy_preview.yml@3530aade09ac06cba8a726c7bbde52f8d4d5189a
+    uses: primer/.github/.github/workflows/deploy_preview.yml@v2
     with:
       node_version: 20
       install: npm ci --no-audit --no-fund --ignore-scripts && npm run install:storybook

.github/workflows/diff-v8.yml

@@ -1,5 +1,5 @@
 # Posts a comment listing all the variables that changed in a PR
-name: Show diff for v8 design token changes
+name: v8 Diff for design tokens
 on:
   pull_request:
     branches-ignore:

.github/workflows/release.yml

@@ -12,16 +12,16 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
           # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits
           fetch-depth: 0
           persist-credentials: false
 
       - name: Set up Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
-          node-version: 16
+          node-version: 20
           cache: 'npm'
 
       - name: Install dependencies
@@ -44,7 +44,7 @@ jobs:
 
       - name: Create release pull request or publish to npm
         id: changesets
-        uses: changesets/[email protected].5
+        uses: changesets/[email protected].7
         continue-on-error: true
         with:
           title: Release Tracking
@@ -53,3 +53,11 @@ jobs:
         env:
           GITHUB_TOKEN: ${{ steps.get-access-token.outputs.access-token }}
           NPM_TOKEN: ${{ secrets.NPM_AUTH_TOKEN_SHARED }}
+
+      - name: Output release version to summary
+        env:
+          VERSION: ${{ steps.changesets.outputs.publishedPackages[0].version }}
+          PACKAGE_NAME: ${{ steps.changesets.outputs.publishedPackages[0].name }}
+        run: |
+          echo "### Latest release" >> $GITHUB_STEP_SUMMARY
+          echo "[v$VERSION](https://unpkg.com/$PACKAGE_NAME@$VERSION/)" >> $GITHUB_STEP_SUMMARY

.github/workflows/release_canary.yml

@@ -14,15 +14,15 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
           # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits
           fetch-depth: 0
 
-      - name: Set up Node.js
-        uses: actions/setup-node@v3
+      - name: Set up Node
+        uses: actions/setup-node@v4
         with:
-          node-version: 16.x
+          node-version: 20
 
       - name: Install dependencies
         run: npm ci --legacy-peer-deps --no-audit --no-fund --include=dev
@@ -51,7 +51,8 @@ jobs:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Output canary version number
-        uses: actions/[email protected]
+        id: commitStatus
+        uses: actions/github-script@v7
         with:
           script: |
             const package = require(`${process.env.GITHUB_WORKSPACE}/package.json`)
@@ -64,3 +65,15 @@ jobs:
               description: package.version,
               target_url: `https://unpkg.com/${package.name}@${package.version}/`
             })
+            // Output the release version for next step
+            core.setOutput('packageVersion', package.version);
+            // Output the package name for next step
+            core.setOutput('packageName', package.name);
+      
+      - name: Output canary version to summary
+        env:
+          VERSION: ${{ steps.commitStatus.outputs.packageVersion }}
+          PACKAGE_NAME: ${{ steps.commitStatus.outputs.packageName }}
+        run: |
+          echo "### Latest canary release" >> $GITHUB_STEP_SUMMARY
+          echo "[v$VERSION](https://unpkg.com/$PACKAGE_NAME@$VERSION/)" >> $GITHUB_STEP_SUMMARY

.github/workflows/release_candidate.yml

@@ -12,15 +12,15 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
           # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits
           fetch-depth: 0
 
-      - name: Set up Node.js
-        uses: actions/setup-node@v3
+      - name: Set up Node
+        uses: actions/setup-node@v4
         with:
-          node-version: 16
+          node-version: 20
           cache: 'npm'
 
       - name: Install dependencies
@@ -49,7 +49,8 @@ jobs:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Output candidate version number
-        uses: actions/[email protected]
+        id: commitStatus
+        uses: actions/github-script@v7
         with:
           script: |
             const package = require(`${process.env.GITHUB_WORKSPACE}/package.json`)
@@ -62,3 +63,15 @@ jobs:
               description: package.version,
               target_url: `https://unpkg.com/${package.name}@${package.version}/`
             })
+            // Output the release version for next step
+            core.setOutput('packageVersion', package.version);
+            // Output the package name for next step
+            core.setOutput('packageName', package.name);
+
+      - name: Output candidate version to summary
+        env:
+          VERSION: ${{ steps.commitStatus.outputs.packageVersion }}
+          PACKAGE_NAME: ${{ steps.commitStatus.outputs.packageName }}
+        run: |
+          echo "### Latest release candidate" >> $GITHUB_STEP_SUMMARY
+          echo "[v$VERSION](https://unpkg.com/$PACKAGE_NAME@$VERSION/)" >> $GITHUB_STEP_SUMMARY

.github/workflows/update_visual_snapshots.yml

@@ -22,15 +22,15 @@ jobs:
           app_id: ${{ secrets.VRT_APP_ID }}
           private_key: ${{ secrets.VRT_PRIVATE_KEY }}
       - name: Checkout repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
           repository: ${{ github.event.pull_request.head.repo.full_name }}
           ref: ${{ github.head_ref }}
           token: ${{ steps.generate_token.outputs.token }}
-      - name: Set up Node.js
-        uses: actions/setup-node@v3
+      - name: Set up Node
+        uses: actions/setup-node@v4
         with:
-          node-version: 16
+          node-version: 20
           cache: 'npm'
       - name: Install dependencies
         run: npm ci --no-audit --no-fund --ignore-scripts