chromatic.yml

name: Chromatic

on:
  push:
    branches:
      - main
  pull_request:
    types: [opened, reopened, synchronize]
    paths:
      - apps/web/**
      - packages/ui/**

# List of jobs
jobs:
  chromatic-deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
        with:
          fetch-depth: 0

      - name: Cache node modules
        id: cache-npm
        uses: actions/cache@v3
        env:
          cache-name: cache-node-modules
        with:
          # npm cache files are stored in `~/.npm` on Linux/macOS
          path: ~/.npm
          key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/package-lock.json') }}
          # restore-keys: |
          #   ${{ runner.os }}-build-${{ env.cache-name }}-
          #   ${{ runner.os }}-build-
          #   ${{ runner.os }}-

      - if: steps.npm-cache.outputs.cache-hit == 'true'
        run: echo 'npm cache hit!'
      - if: steps.npm-cache.outputs.cache-hit != 'true'
        run: echo 'npm cache missed!'

      - name: Install dependencies
        run: npm ci

      - name: Build
        run: npm run build:packages

      - name: Publish to Chromatic
        uses: chromaui/action@v1
        id: chromatic
        with:
          workingDir: apps/web
          exitZeroOnChanges: true
          skip: dependabot/**
          projectToken: chpt_e6e5c08f47b0947

      - name: Save PR number and Chromatic build outputs
        run: |
          mkdir -p ./pr
          echo "${{ github.event.pull_request.number }}" > ./pr/prNumber
          echo "${{ steps.chromatic.outputs.storybookUrl }}" > ./pr/storybookUrl
          echo "${{ steps.chromatic.outputs.buildUrl }}" > ./pr/buildUrl

      - name: Upload artifact
        uses: actions/upload-artifact@v3
        with:
          name: pr
          path: pr/