Update Workflows

.github/workflows/chromatic.yml

@@ -1,37 +1,56 @@
-name: 'Chromatic'
+# Chromatic Main and Active PRs only
+# Trigger example found here: https://github.com/chromaui/chromatic-cli/blob/main/.github/workflows/chromatic-main-and-prs.yml
+
+name: Chromatic
 
 on:
   push:
-    paths:
-      - 'packages/**'
-    branches-ignore:
+    branches:
       - main
-      - dependabot/*
-      - changeset-release/*
+  pull_request:
+    # Workflows will not run on pull_request activity if the pull request has a merge conflict. The merge conflict must be resolved first.
+    # By default, a workflow only runs when a pull_request event's activity type is opened, synchronize, or reopened.
+    branches-ignore:
+    - changeset-release/*
+    - dependabot/*
 
 jobs:
-  chromatic-deployment:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-        with:
-          fetch-depth: 0
-      - name: Use Node.js 18.x
-        uses: actions/setup-node@v2
-        with:
-          node-version: '18.x'
-      - name: Cache Node.js modules
-        uses: actions/cache@v2
-        with:
-          path: ~/.npm
-          key: ${{ runner.OS }}-node-${{ hashFiles('**/yarn.lock')}}
-          restore-keys: |
-            ${{ runner.OS }}-node-
-            ${{ runner.OS }}-
-      - run: yarn install --frozen-lockfile
-      - run: yarn build
-      - name: Publish to Chromatic
-        uses: chromaui/action@v1
-        with:
-          token: ${{ secrets.CHROMATIC_TOKEN }}
-          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+    chromatic-deployment:
+        runs-on: ubuntu-latest
+        permissions:
+          contents: write
+          pull-requests: write
+        steps:
+          - name: Checkout Commit
+            uses: actions/checkout@v3
+            with:
+              fetch-depth: 0
+
+          - name: Install Node.js
+            uses: actions/setup-node@v3
+            with:
+              node-version-file: ".nvmrc"
+
+          - name: Cache Node.js modules
+            uses: actions/cache@v3
+            with:
+              path: ~/.npm
+              key: ${{ runner.OS }}-node-${{ hashFiles('**/yarn.lock')}}
+              restore-keys: |
+                        ${{ runner.OS }}-node-
+                        ${{ runner.OS }}-
+
+          - name: Install dependencies
+            run: yarn install --frozen-lockfile
+
+          - name: Build Packages
+            run: yarn build
+
+          - name: Publish to Chromatic
+            uses: chromaui/action@v1
+            with:
+              projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+              traceChanged: true
+              onlyChanged: true # TurboSnap
+              exitOnceUploaded: true # The PRs will be marked as success/failure based on the Chromatic build status
+              skip: ${{ github.event.pull_request.draft == true }}

.github/workflows/ci.yml

@@ -11,52 +11,53 @@ concurrency:
 jobs:
   install-cache:
     runs-on: ubuntu-latest
-    strategy:
-      matrix:
-        node-version: [ 18 ]
     steps:
       - name: Checkout Commit
         uses: actions/checkout@v3
-      - name: Use Node.js ${{ matrix.node }}
+
+      - name: Install Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: ${{ matrix.node }}
+          node-version-file: ".nvmrc"
+
       - name: Cache yarn dependencies
         uses: actions/cache@v3
         id: cache-dependencies
         with:
           path: node_modules
           key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
           restore-keys: |
-            ${{ runner.ox }}-yarn-
+            ${{ runner.os }}-yarn-
+
       - name: Install Dependencies
         if: steps.cache-dependencies.outputs.cache-hit != 'true'
         run: |
           yarn install --force --non-interactive
 
   lint:
     runs-on: ubuntu-latest
-    strategy:
-      matrix:
-        node-version: [ 18 ]
     needs: install-cache
     steps:
       - name: Checkout Commit
         uses: actions/checkout@v3
-      - name: Use Node.js ${{ matrix.node }}
+
+      - name: Install Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: ${{ matrix.node }}
+          node-version-file: ".nvmrc"
+
       - name: Restore yarn dependencies
         uses: actions/cache@v3
         id: cache-dependencies
         with:
           path: node_modules
           key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
           restore-keys: |
-            ${{ runner.ox }}-yarn-
+            ${{ runner.os }}-yarn-
+
       - name: Run Eslint
         run: yarn lint
+
       - name: Run Stylelint
         run: yarn lint:style
 
@@ -69,46 +70,51 @@ jobs:
     steps:
       - name: Checkout Commit
         uses: actions/checkout@v3
-      - name: Use Node.js ${{ matrix.node }}
+
+      - name: Install Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: ${{ matrix.node }}
+          node-version-file: ".nvmrc"
+
       - name: Restore yarn dependencies
         uses: actions/cache@v3
         id: cache-dependencies
         with:
           path: node_modules
           key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
           restore-keys: |
-            ${{ runner.ox }}-yarn-
+            ${{ runner.os }}-yarn-
+
       - name: Run build Shared components
         run: yarn build:shared
+
       - name: Run build Components
         run: yarn build:components
+
       - name: Run tests
         run: yarn test
 
   build_doc:
     runs-on: ubuntu-latest
-    strategy:
-      matrix:
-        node-version: [ 18 ]
     needs: [install-cache, build_and_test_components]
     steps:
       - name: Checkout Commit
         uses: actions/checkout@v3
-      - name: Use Node.js ${{ matrix.node }}
+
+      - name: Install Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: ${{ matrix.node }}
+          node-version-file: ".nvmrc"
+
       - name: Restore yarn dependencies
         uses: actions/cache@v3
         id: cache-dependencies
         with:
           path: node_modules
           key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
           restore-keys: |
-            ${{ runner.ox }}-yarn-
+            ${{ runner.os }}-yarn-
+
       - name: Run build Doc
         run: yarn doc:build
 
@@ -134,4 +140,4 @@ jobs:
             }
         env:
           SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
-          SLACK_WEBHOOK_TYPE: INCOMING_WEBHOOK
+          SLACK_WEBHOOK_TYPE: INCOMING_WEBHOOK