4.7.0-beta.3 #2
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 | |
| on: | |
| push: | |
| branches: | |
| - master | |
| - develop | |
| - dev/storybook8 # for testing | |
| pull_request_target: | |
| jobs: | |
| build: | |
| runs-on: ubuntu-latest | |
| env: | |
| NODE_OPTIONS: "--max_old_space_size=7168" | |
| steps: | |
| - uses: actions/[email protected] | |
| if: github.event_name != 'pull_request_target' | |
| with: | |
| fetch-depth: 0 | |
| submodules: true | |
| - uses: actions/[email protected] | |
| if: github.event_name == 'pull_request_target' | |
| with: | |
| fetch-depth: 0 | |
| submodules: true | |
| ref: "refs/pull/${{ github.event.number }}/merge" | |
| - name: Checkout actual HEAD | |
| if: github.event_name == 'pull_request_target' | |
| id: rev | |
| run: | | |
| echo "base=$(git rev-list --parents -n1 HEAD | cut -d" " -f2)" >> $GITHUB_OUTPUT | |
| git checkout $(git rev-list --parents -n1 HEAD | cut -d" " -f3) | |
| - name: Install pnpm | |
| uses: pnpm/action-setup@v3 | |
| with: | |
| version: 8 | |
| run_install: false | |
| - name: Use Node.js 20.x | |
| uses: actions/[email protected] | |
| with: | |
| node-version-file: '.node-version' | |
| cache: 'pnpm' | |
| - run: corepack enable | |
| - run: pnpm i --frozen-lockfile | |
| - name: Check pnpm-lock.yaml | |
| run: git diff --exit-code pnpm-lock.yaml | |
| - name: Build cherrypick-js | |
| run: pnpm --filter cherrypick-js build | |
| - name: Build storybook | |
| run: pnpm --filter frontend build-storybook | |
| - name: Publish to Chromatic | |
| if: github.event_name != 'pull_request_target' && github.ref == 'refs/heads/master' | |
| run: pnpm --filter frontend chromatic --exit-once-uploaded -d storybook-static | |
| env: | |
| CHROMATIC_PROJECT_TOKEN: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} | |
| - name: Publish to Chromatic | |
| if: github.event_name != 'pull_request_target' && github.ref != 'refs/heads/master' | |
| id: chromatic_push | |
| run: | | |
| DIFF="${{ github.event.before }} HEAD" | |
| if [ "$DIFF" = "0000000000000000000000000000000000000000 HEAD" ]; then | |
| DIFF="HEAD" | |
| fi | |
| CHROMATIC_PARAMETER="$(node packages/frontend/.storybook/changes.js $(git diff-tree --no-commit-id --name-only -r $(echo "$DIFF") | xargs))" | |
| if [ "$CHROMATIC_PARAMETER" = " --skip" ]; then | |
| echo "skip=true" >> $GITHUB_OUTPUT | |
| fi | |
| if pnpm --filter frontend chromatic -d storybook-static $(echo "$CHROMATIC_PARAMETER"); then | |
| echo "success=true" >> $GITHUB_OUTPUT | |
| else | |
| echo "success=false" >> $GITHUB_OUTPUT | |
| fi | |
| env: | |
| CHROMATIC_PROJECT_TOKEN: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} | |
| - name: Publish to Chromatic | |
| if: github.event_name == 'pull_request_target' | |
| id: chromatic_pull_request | |
| run: | | |
| DIFF="${{ steps.rev.outputs.base }} HEAD" | |
| if [ "$DIFF" = "0000000000000000000000000000000000000000 HEAD" ]; then | |
| DIFF="HEAD" | |
| fi | |
| CHROMATIC_PARAMETER="$(node packages/frontend/.storybook/changes.js $(git diff-tree --no-commit-id --name-only -r $(echo "$DIFF") | xargs))" | |
| if [ "$CHROMATIC_PARAMETER" = " --skip" ]; then | |
| echo "skip=true" >> $GITHUB_OUTPUT | |
| fi | |
| BRANCH="${{ github.event.pull_request.head.user.login }}:${{ github.event.pull_request.head.ref }}" | |
| if [ "$BRANCH" = "kokonect-link:${{ github.event.pull_request.head.ref }}" ]; then | |
| BRANCH="${{ github.event.pull_request.head.ref }}" | |
| fi | |
| pnpm --filter frontend chromatic --exit-once-uploaded -d storybook-static --branch-name $BRANCH $(echo "$CHROMATIC_PARAMETER") | |
| env: | |
| CHROMATIC_PROJECT_TOKEN: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} | |
| - name: Notify that Chromatic detects changes | |
| uses: actions/[email protected] | |
| if: github.event_name != 'pull_request_target' && steps.chromatic_push.outputs.success == 'false' | |
| with: | |
| github-token: ${{ secrets.GITHUB_TOKEN }} | |
| script: | | |
| github.rest.repos.createCommitComment({ | |
| owner: context.repo.owner, | |
| repo: context.repo.repo, | |
| commit_sha: context.sha, | |
| body: 'Chromatic detects changes. Please [review the changes on Chromatic](https://www.chromatic.com/builds?appId=6428f7d7b962f0b79f97d6e4).' | |
| }) | |
| - name: Upload Artifacts | |
| uses: actions/upload-artifact@v4 | |
| with: | |
| name: storybook | |
| path: packages/frontend/storybook-static |