Fix#397 페이지 리뉴얼을 위한 모달창 추가 #271
Workflow file for this run
This file contains hidden or 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: Run CI | |
| on: | |
| workflow_dispatch: | |
| pull_request: | |
| branches: | |
| - main | |
| - develop | |
| paths: | |
| - "mosu-app/**" | |
| jobs: | |
| danger: | |
| name: Run DangerJS | |
| runs-on: ubuntu-latest | |
| permissions: | |
| issues: write | |
| pull-requests: write | |
| steps: | |
| - name: Checkout code | |
| uses: actions/checkout@v4 | |
| with: | |
| fetch-depth: 0 | |
| - name: Setup Node.js (with Yarn cache) | |
| uses: actions/setup-node@v4 | |
| with: | |
| node-version: "22" | |
| cache: "yarn" | |
| - name: Get yarn cache directory path | |
| id: yarn-cache-dir-path | |
| run: echo "dir=$(yarn cache dir)" >> $GITHUB_OUTPUT | |
| - name: Cache yarn cache | |
| uses: actions/cache@v4 | |
| id: yarn-cache | |
| with: | |
| path: ${{ steps.yarn-cache-dir-path.outputs.dir }} | |
| key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }} | |
| restore-keys: | | |
| ${{ runner.os }}-yarn- | |
| - name: Cache node_modules | |
| uses: actions/cache@v4 | |
| id: node-modules-cache | |
| with: | |
| path: | | |
| node_modules | |
| mosu-app/node_modules | |
| key: ${{ runner.os }}-node-modules-${{ hashFiles('**/yarn.lock') }} | |
| restore-keys: | | |
| ${{ runner.os }}-node-modules- | |
| - name: Install dependencies | |
| if: steps.node-modules-cache.outputs.cache-hit != 'true' | |
| run: yarn install --frozen-lockfile --prefer-offline | |
| - name: Run DangerJS | |
| env: | |
| DANGER_GITHUB_API_TOKEN: ${{ secrets.GITHUB_TOKEN }} | |
| run: npx danger ci | |
| build-storybook: | |
| name: Build & Publish Storybook | |
| needs: danger | |
| runs-on: ubuntu-latest | |
| outputs: | |
| chromatic_url: ${{ steps.chromatic.outputs.url }} | |
| chromatic_build_url: ${{ steps.chromatic.outputs.buildUrl }} | |
| steps: | |
| - name: Checkout code | |
| uses: actions/checkout@v4 | |
| with: | |
| fetch-depth: 0 | |
| - name: Setup Node.js (with Yarn cache) | |
| uses: actions/setup-node@v4 | |
| with: | |
| node-version: "22" | |
| cache: "yarn" | |
| - name: Get yarn cache directory path | |
| id: yarn-cache-dir-path | |
| run: echo "dir=$(yarn cache dir)" >> $GITHUB_OUTPUT | |
| - name: Cache yarn cache | |
| uses: actions/cache@v4 | |
| id: yarn-cache | |
| with: | |
| path: ${{ steps.yarn-cache-dir-path.outputs.dir }} | |
| key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }} | |
| restore-keys: | | |
| ${{ runner.os }}-yarn- | |
| - name: Cache node_modules | |
| uses: actions/cache@v4 | |
| id: node-modules-cache | |
| with: | |
| path: | | |
| node_modules | |
| mosu-app/node_modules | |
| key: ${{ runner.os }}-node-modules-${{ hashFiles('**/yarn.lock') }} | |
| restore-keys: | | |
| ${{ runner.os }}-node-modules- | |
| - name: Install dependencies | |
| if: steps.node-modules-cache.outputs.cache-hit != 'true' | |
| run: yarn install --frozen-lockfile --prefer-offline | |
| - name: Cache Storybook build | |
| uses: actions/cache@v4 | |
| with: | |
| path: | | |
| mosu-app/storybook-static | |
| mosu-app/.storybook | |
| key: ${{ runner.os }}-storybook-${{ hashFiles('mosu-app/**/*.stories.*', 'mosu-app/.storybook/**/*') }} | |
| restore-keys: | | |
| ${{ runner.os }}-storybook- | |
| - name: Build Storybook | |
| run: cd mosu-app && yarn build-storybook | |
| - name: Publish to Chromatic | |
| id: chromatic | |
| uses: chromaui/action@latest | |
| with: | |
| workingDir: mosu-app | |
| projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} | |
| onlyChanged: true | |
| autoAcceptChanges: false | |
| exitZeroOnChanges: true | |
| comment-pr: | |
| name: Comment PR with Chromatic URL | |
| needs: build-storybook | |
| runs-on: ubuntu-latest | |
| if: github.event_name == 'pull_request' | |
| permissions: | |
| issues: write | |
| pull-requests: write | |
| steps: | |
| - name: Comment URLs on PR | |
| uses: actions/github-script@v7 | |
| with: | |
| github-token: ${{ secrets.GITHUB_TOKEN }} | |
| script: | | |
| const pr = context.payload.pull_request; | |
| const storybookURL = '${{ needs.build-storybook.outputs.chromatic_url }}'; | |
| const chromaticURL = '${{ needs.build-storybook.outputs.chromatic_build_url }}'; | |
| let body = '## 📚 Storybook이 Chromatic에 배포되었습니다!\n'; | |
| if (storybookURL) body += `- 🔗 Storybook Preview: ${storybookURL}\n`; | |
| if (chromaticURL) body += `- 🚀 Chromatic Build: ${chromaticURL}\n`; | |
| await github.rest.issues.createComment({ | |
| owner: context.repo.owner, | |
| repo: context.repo.repo, | |
| issue_number: pr.number, | |
| body, | |
| }); |