Skip to content

โœจ feat: Modal ์ปดํฌ๋„ŒํŠธ ๋ฐ ์Šคํ† ๋ฆฌ๋ถ ์ž‘์„ฑ #39

โœจ feat: Modal ์ปดํฌ๋„ŒํŠธ ๋ฐ ์Šคํ† ๋ฆฌ๋ถ ์ž‘์„ฑ

โœจ feat: Modal ์ปดํฌ๋„ŒํŠธ ๋ฐ ์Šคํ† ๋ฆฌ๋ถ ์ž‘์„ฑ #39

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 }}