Skip to content

πŸ“¦ chore: lint-pr μ›Œν¬ν”Œλ‘œ μž‘μ„± #35

πŸ“¦ chore: lint-pr μ›Œν¬ν”Œλ‘œ μž‘μ„±

πŸ“¦ chore: lint-pr μ›Œν¬ν”Œλ‘œ μž‘μ„± #35

Workflow file for this run

name: Preview
env:
VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
on:
pull_request:
branches: ['main']
jobs:
build:
runs-on: ubuntu-latest
steps:
- name: Checkout code
uses: actions/checkout@v4
- name: Node.js μ„€μΉ˜
uses: actions/setup-node@v4
with:
node-version: 20.x
cache: 'npm'
- name: μ˜μ‘΄μ„± 캐싱
uses: actions/cache@v3
id: npm-cache
with:
path: '**/node_modules'
key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
- name: μ˜μ‘΄μ„± μ„€μΉ˜
if: steps.npm-cache.outputs.cache-hit != 'true'
run: npm ci
- name: React λΉŒλ“œ
run: npm run build --if-present
chromatic-preview:
runs-on: ubuntu-latest
steps:
- name: Checkout code
uses: actions/checkout@v4
with:
fetch-depth: 0
- name: Node.js μ„€μΉ˜
uses: actions/setup-node@v4
with:
node-version: 20
- name: μ˜μ‘΄μ„± 캐싱
uses: actions/cache@v3
id: npm-cache
with:
path: '**/node_modules'
key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
- name: μ˜μ‘΄μ„± μ„€μΉ˜
if: steps.npm-cache.outputs.cache-hit != 'true'
run: npm ci
- name: Chromatic에 배포
id: chromatic
uses: chromaui/action@latest
with:
projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
token: ${{ secrets.GITHUB_TOKEN }}
onlyChanged: true
autoAcceptChanges: true
outputs:
storybook_url: ${{ steps.chromatic.outputs.storybookUrl }}
vercel-preview:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
- name: Vercel CLI μ„€μΉ˜
run: npm install --global vercel@latest
- name: Vercel ν™˜κ²½ λ³€μˆ˜ κ°€μ Έμ˜€κΈ°
run: vercel pull --yes --environment=preview --token=${{ secrets.VERCEL_TOKEN }}
- name: Project Artifacts λΉŒλ“œν•˜κΈ°
run: vercel build --token=${{ secrets.VERCEL_TOKEN }}
- name: Vercel에 Project Artifacts λ°°ν¬ν•˜κΈ°
id: deploy
run: |
vercel deploy --prebuilt --token=${{ secrets.VERCEL_TOKEN }} > vercel-output.txt
echo "preview_url=$(cat vercel-output.txt)" >> $GITHUB_OUTPUT
outputs:
vercel_url: ${{ steps.deploy.outputs.preview_url }}
github-bot:
runs-on: ubuntu-latest
needs: [chromatic-preview, vercel-preview]
steps:
- name: PR μ½”λ©˜νŠΈλ‘œ Preview URL 남기기
uses: thollander/actions-comment-pull-request@v2
with:
comment_tag: ${{github.event.number}}
message: |
πŸš€ Storybook Preview λ³΄λŸ¬κ°€κΈ°: ${{ needs.chromatic-preview.outputs.storybook_url }}
πŸš€ React Preview λ³΄λŸ¬κ°€κΈ°: ${{ needs.vercel-preview.outputs.vercel_url }}