auto_deploy_storybook.yml

# Ref: https://velog.io/@dmswl98/chromatic%EC%9C%BC%EB%A1%9C-storybook-%EB%B0%B0%ED%8F%AC%ED%95%98%EA%B8%B0with-monorepo-github-actions
name: Auto Deploy Storybook
on:
  pull_request:
    branches: main

jobs:
  chromatic-deploy:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout repository
        uses: actions/checkout@v3
        with:
          fetch-depth: 0

      - name: Setup Node.js
        uses: actions/setup-node@v3
        with:
          node-version: '18.16.0'

      - name: Install pnpm
        uses: pnpm/action-setup@v2
        id: pnpm-install
        with:
          version: 8
          run_install: false

      - name: Get pnpm store directory
        id: pnpm-cache
        shell: bash
        run: |
          echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_OUTPUT

      - name: Setup pnpm cache
        uses: actions/cache@v3
        with:
          path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}
          key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
          restore-keys: |
            ${{ runner.os }}-pnpm-store-

      - name: Install Dependency
        run: pnpm install -no-frozen-lockfile

      - name: Publish Chromatic
        id: chromatic
        uses: chromaui/action@v1
        with:
          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
          token: ${{ secrets.GITHUB_TOKEN }}

      # - name: Create comment PR
      #   uses: thollander/actions-comment-pull-request@v2
      #   with:
      #     message: '**The latest updates on your storybook**. [Visit Preview ↗︎](${{ steps.chromatic.outputs.storybookUrl }})'

      - name: Echo Storybook URL
        run: echo ${{ steps.chromatic.outputs.storybookUrl }}