docker, nginx test #118
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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}}) |