setup new chromatic ci config

Author: pettinarip

.github/workflows/chromatic.yml

@@ -6,18 +6,8 @@ name: Chromatic Publish and Testing
 # Event for the workflow
 on:
   pull_request:
-    types:
-      - opened
-      - synchronize
-      - ready_for_review
-    paths:
-      # Only run on file changes in any of these paths
-      - "src/components/**/*"
-      - "src/pages/**/*"
-      - "src/layouts/**/*"
-      - ".storybook/**/*"
-      - "tailwind.config.ts"
-      - "src/styles/**/*"
+    branches: [master, staging, "test/**"]
+    types: [opened, synchronize, ready_for_review]
 
 # List of jobs
 jobs:
@@ -26,28 +16,36 @@ jobs:
     runs-on: ubuntu-latest
     # Job steps
     steps:
-      # 👇 Version 2 of the action
       - name: Checkout repo
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
         with:
-          fetch-depth: 0 # 👈 Required to retrieve git history
+          fetch-depth: 0
+          # Tells the checkout which commit hash to reference
+          ref: ${{ github.event.pull_request.head.ref }}
+        env:
+          CHROMATIC_BRANCH: ${{ github.event.pull_request.head.ref || github.ref_name }}
+          CHROMATIC_SHA: ${{ github.event.pull_request.head.sha || github.ref }}
+          CHROMATIC_SLUG: ${{ github.repository }}
+
       - name: Setup pnpm
         uses: pnpm/action-setup@v2
         with:
           version: 8
+
       - name: Setup Node.js
         uses: actions/setup-node@v3
         with:
           node-version: 20
-          cache: 'pnpm'
+          cache: "pnpm"
+
       - name: Install deps
-        # 👇 Install dependencies with the same package manager used in the project (replace it as needed), e.g. yarn, npm, pnpm
         run: pnpm install
+
       - name: Publish to Chromatic
-        # 👇 Adds Chromatic as a step in the workflow
         uses: chromaui/action@v1
-        # Options required for Chromatic's GitHub Action
         with:
           projectToken: fee8e66c9916
           # 👇 Only fail if Storybook contains stories that error
           exitZeroOnChanges: true
+          onlyChanged: true # enables TurboSnap
+          zip: true