ui-toolkit-chromatic.yml

name: Lace UI Toolkit

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

jobs:
  chromatic-deployment:
    if: github.event.pull_request.draft == false
    runs-on: ubuntu-latest
    steps:
      - name: Checkout repository
        uses: actions/checkout@v4
        with:
          fetch-depth: 0

      - name: 🧰 Use Node.js
        uses: actions/setup-node@v4
        with:
          node-version-file: .nvmrc
          cache: 'yarn'

      - name: 📝 Cache
        uses: actions/cache@v4
        id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
        with:
          path: ~/.yarn/berry/cache
          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
          restore-keys: |
            ${{ runner.os }}-yarn-

      - name: 💽 Install dependencies
        run: yarn --immutable --inline-builds

      - name: 🧑‍🔬 Build
        run: yarn workspaces foreach -Rpt -v --from '@lace/ui' run build

      - name: 🧑‍🔬 Linter
        working-directory: ./packages/ui
        run: yarn lint

      - name: 👩‍🔬 Tests
        working-directory: ./packages/ui
        run: yarn test-storybook:ci

      - name: 🌍 Publish to Chromatic
        if: github.ref != 'refs/heads/main'
        uses: chromaui/action@v1
        with:
          projectToken: ${{ secrets.CHROMATIC_LACE_UI_TOOLKIT_TOKEN }}
          workingDir: ./packages/ui
          buildScriptName: build-storybook
          onlyChanged: true

      - name: 🌍 Publish to Chromatic and auto accept changes
        if: github.ref == 'refs/heads/main'
        uses: chromaui/action@v1
        with:
          projectToken: ${{ secrets.CHROMATIC_LACE_UI_TOOLKIT_TOKEN }}
          autoAcceptChanges: true
          workingDir: ./packages/ui
          onlyChanged: true