New design tokens #294
Workflow file for this run
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: Deploy Bundle Preview | |
| on: | |
| push: | |
| branches: | |
| - 'main' | |
| pull_request: | |
| branches: | |
| - '*' | |
| jobs: | |
| build-and-deploy: | |
| runs-on: ubuntu-latest | |
| steps: | |
| - name: Configure Git Credentials | |
| uses: de-vri-es/setup-git-credentials@v2 | |
| with: | |
| credentials: ${{ secrets.GIT_CREDENTIALS }} | |
| - name: Checkout Repository | |
| uses: actions/checkout@v4 | |
| - name: Setup Node.js | |
| uses: actions/setup-node@v4 | |
| with: | |
| node-version: 21.6.1 | |
| - name: Install Dependencies | |
| run: npm ci | |
| - name: Extract Branch Names | |
| shell: bash | |
| run: | | |
| # transform branch names in form of `refs/heads/main` to `main` | |
| draft_branch=$(basename ${{ github.event.pull_request.head.ref || github.event.ref }}) | |
| echo "draft_branch=$draft_branch" >> $GITHUB_OUTPUT | |
| id: extract_branch | |
| - name: Build UI Bundle Preview | |
| run: | | |
| set -o pipefail | |
| gulp lint |& tee $GITHUB_WORKSPACE/build.log | |
| gulp preview:build |& tee $GITHUB_WORKSPACE/build.log | |
| - name: Check Build Result | |
| id: logFail | |
| if: failure() | |
| run: | | |
| MULTILINE_LOG=$(cat $GITHUB_WORKSPACE/build.log) | |
| echo "BUILD_FAILURE<<EOF" >> $GITHUB_ENV | |
| echo $MULTILINE_LOG >> $GITHUB_ENV | |
| echo "EOF" >> $GITHUB_ENV | |
| - name: Create Build Success Comment | |
| if: ${{ success() && github.event.pull_request.number }} | |
| uses: peter-evans/create-or-update-comment@v3 | |
| with: | |
| token: ${{ secrets.COMMENT_GITHUB_TOKEN }} | |
| issue-number: ${{ github.event.pull_request.number }} | |
| body: | | |
| UI bundle preview build successful! :white_check_mark: | |
| Deploying preview to GitHub Pages. | |
| reactions: rocket | |
| - name: Create Build Failure Comment | |
| if: ${{ failure() && github.event.pull_request.number }} | |
| uses: peter-evans/create-or-update-comment@v3 | |
| with: | |
| token: ${{ secrets.COMMENT_GITHUB_TOKEN }} | |
| issue-number: ${{ github.event.pull_request.number }} | |
| body: | | |
| UI bundle preview build failure! :x: | |
| > ${{ env.BUILD_FAILURE }} | |
| reactions: confused | |
| - name: Find Comment | |
| if: ${{ success() && github.event.pull_request.number }} | |
| uses: peter-evans/find-comment@v2 | |
| id: fc | |
| with: | |
| token: ${{ secrets.COMMENT_GITHUB_TOKEN }} | |
| issue-number: ${{ github.event.pull_request.number }} | |
| comment-author: 'mlr' | |
| body-includes: UI bundle preview build successful! | |
| direction: last | |
| - name: Deploy to GitHub Pages | |
| if: success() | |
| run: | | |
| git clone https://github.com/$GITHUB_REPOSITORY.git pages | |
| cd pages | |
| git checkout gh-pages | |
| # If there was previously a build for the preview, then remove it | |
| # so we get a clean build. This is needed in case a follow up | |
| # build of the same pull request contains content deletions. | |
| rm -rf ${{ steps.extract_branch.outputs.draft_branch }} | |
| mkdir -p ${{ steps.extract_branch.outputs.draft_branch }} | |
| cp -r ../public/* ${{ steps.extract_branch.outputs.draft_branch }}/. | |
| # Records the repository that originally triggered the build so we can post back | |
| # comments upon clean up of a stale draft if it still has an open pull request. | |
| echo "${{ github.event.repository.full_name }}" > ${{ steps.extract_branch.outputs.draft_branch }}/.github_source_repository | |
| git add . | |
| git config user.name 'github-actions[bot]' | |
| git config user.email 'github-actions[bot]@users.noreply.github.com' | |
| git commit --allow-empty -m "Auto-deployed from GitHub Actions" | |
| git push -u origin gh-pages | |
| - name: Obtain GitHub Pages build URL | |
| if: success() | |
| run: | | |
| sleep 5 # Allow time for build to initiate | |
| build_url=$(curl -s -L \ | |
| -H "Accept: application/vnd.github+json" \ | |
| -H "Authorization: Bearer ${{ secrets.COMMENT_GITHUB_TOKEN }}" \ | |
| -H "X-GitHub-Api-Version: 2022-11-28" 'https://api.github.com/repos/${{ github.event.repository.full_name }}/pages/builds/latest' \ | |
| | jq -r .url) | |
| echo "url=$build_url" >> $GITHUB_OUTPUT | |
| id: ghpages_build | |
| - name: Wait for Github Pages deployment | |
| if: success() | |
| run: | | |
| for i in {1..60}; do | |
| build_status=$(curl -s -L \ | |
| -H "Accept: application/vnd.github+json" \ | |
| -H "Authorization: Bearer ${{ secrets.COMMENT_GITHUB_TOKEN }}" \ | |
| -H "X-GitHub-Api-Version: 2022-11-28" '${{ steps.ghpages_build.outputs.url }}' \ | |
| | jq -r .status) | |
| if [ "$build_status" == "built" ]; then echo "Deploy is complete." | |
| exit 0 | |
| else | |
| echo "Deploy is not complete. Status: $build_status. Retrying in 10 seconds..." | |
| sleep 10 | |
| fi | |
| done | |
| echo "Deploy is still not complete after approximately 10 minutes." | |
| exit 1 | |
| - name: Get GitHub Pages Preview URL | |
| if: success() | |
| shell: bash | |
| run: | | |
| echo "url=https://riptano.github.io/${{ github.event.repository.name }}/${{ steps.extract_branch.outputs.draft_branch }}/" >> $GITHUB_OUTPUT | |
| id: draft_url | |
| - name: Update comment | |
| if: ${{ steps.fc.outputs.comment-id != '' }} | |
| uses: peter-evans/create-or-update-comment@v3 | |
| with: | |
| token: ${{ secrets.COMMENT_GITHUB_TOKEN }} | |
| comment-id: ${{ steps.fc.outputs.comment-id }} | |
| body: | | |
| Deployment successful! [View preview](${{ steps.draft_url.outputs.url }}) | |
| reactions: hooray |