ci.yml

name: CI Build

on:
  push:
    branches: [main]

  pull_request:

jobs:
  build:
    runs-on: ubuntu-latest

    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 }}
      CHROMATIC_PROJECT_TOKEN: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
      GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

    steps:
      - name: Checkout
        uses: actions/checkout@v6
        with:
          fetch-depth: 0

      - name: Enable corepack
        run: corepack enable

      - name: Set up Node.js
        uses: actions/setup-node@v6
        with:
          cache: yarn
          node-version-file: .nvmrc

      - name: Yarn Install
        run: yarn

      - name: Lint
        run: yarn lint

      - name: Jest Tests
        run: yarn test --coverage

      - name: Typescript build
        run: yarn build

      - name: Storybook build
        run: yarn build-storybook

      - name: Switch to PR branch
        if: ${{ github.event_name == 'pull_request' && env.CHROMATIC_PROJECT_TOKEN }}
        uses: actions/checkout@v6
        with:
          clean: false
          fetch-depth: 0
          ref: ${{ env.CHROMATIC_BRANCH }}

      - name: Storybook deploy
        if: ${{ env.CHROMATIC_PROJECT_TOKEN }}
        uses: chromaui/action@v13
        with:
          autoAcceptChanges: main
          branchName: ${{ env.CHROMATIC_BRANCH}}
          exitZeroOnChanges: false
          onlyChanged: ${{ github.event_name == 'pull_request' }}
          projectToken: ${{ env.CHROMATIC_PROJECT_TOKEN }}
          token: ${{ env.GITHUB_TOKEN }}