storybook-chromatic.yml

name: 'Storybook Chromatic Deployment'

on:
   pull_request:
     branches:
       - develop

jobs:
   build:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v1
       - name: Install pnpm
         uses: pnpm/action-setup@v4
         with:
           version: 9.1.3
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
           node-version: 21

       - name: Cache node modules
         id: cache-node
         uses: actions/cache@v4
         with:
          path: |
            **/node_modules
          key: ${{ runner.OS }}-node-${{ hashFiles('**/pnpm-lock.yaml') }}
          restore-keys: |
            ${{ runner.OS }}-node-

       - name: Install dependencies
         if: steps.cache-node.outputs.cache-hit != 'true'
         run: pnpm install --frozen-lockfile

       - name: Build tiki ui
         id: cache-tiki-ui
         uses: actions/cache@v4
         with: 
          path: packages/ui/dist
          key: ${{runner.os}}-ui-${{hashFiles('packages/ui/package.json', 'packages/ui/src/**')}}
          restore-keys: ${{runner.os}}-ui-
      
       - name: Build tiki icon
         id: cache-tiki-icon
         uses: actions/cache@v4
         with:
          path: packages/icon/dist
          key: ${{runner.os}}-icon-${{hashFiles('packages/icon/package.json', 'packages/icon/src/**')}}
          restore-keys: ${{runner.os}}-icon-

       - name: Check ui cache hit
         if: steps.cache-tiki-ui.outputs.cache-hit != 'true'
         run: pnpm --filter ui build

       - name: Check icon cache hit
         if: steps.cache-tiki-icon.outputs.cache-hit != 'true'
         run: pnpm --filter icon build

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

       - name: Comment PR
         uses: thollander/actions-comment-pull-request@v2
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         with:
           message: |
              🚀 Storybook 확인하기 🚀
              - [Build](${{steps.chromatic.outputs.buildUrl}})
              - [Preview](${{steps.chromatic.outputs.storybookUrl}})