Orbit Storybook - a11y issues #8184
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 | |
| pull_request: | |
| branches: | |
| - "**" | |
| env: # Set environment variables for every job and step in this workflow | |
| CLICOLOR: "1" # Enable colors for *NIX commands | |
| PY_COLORS: "1" # Enable colors for Python-based utilities | |
| FORCE_COLOR: "1" # Force colors in the terminal | |
| jobs: | |
| deploy: | |
| runs-on: ubuntu-latest | |
| permissions: | |
| pull-requests: write # for dependabot | |
| contents: write # for deploying to GitHub Pages on master | |
| steps: | |
| - name: Checkout | |
| uses: actions/checkout@v4 | |
| - name: Node | |
| uses: ./.github/actions/node | |
| - name: Compile design tokens | |
| run: yarn tokens build | |
| - name: Build tailwind | |
| run: yarn tailwind-preset build | |
| - name: Build Storybook | |
| run: yarn components build:storybook | |
| - name: Get BRANCH_URL | |
| # do not run on master branch | |
| if: github.ref != 'refs/heads/master' | |
| env: | |
| BRANCH_NAME: ${{ github.head_ref }} | |
| run: echo "BRANCH_URL=$(sed -e 's/[^a-zA-Z0-9]/-/g' <<< ${BRANCH_NAME})" >> $GITHUB_ENV | |
| - name: Get DOMAIN | |
| if: github.ref != 'refs/heads/master' | |
| run: echo "DOMAIN=https://kiwicom-orbit-${BRANCH_URL}.surge.sh" >> $GITHUB_ENV | |
| - name: Deploy to staging | |
| if: github.ref != 'refs/heads/master' | |
| run: yarn components deploy:surge ${DOMAIN} --token ${{ secrets.SURGE_TOKEN }} | |
| - name: Add comment to PR | |
| if: github.ref != 'refs/heads/master' | |
| uses: actions/github-script@v6 | |
| with: | |
| script: | | |
| const commentBody = `Storybook staging is available at ${process.env.DOMAIN}`; | |
| const commentsList = await github.rest.issues.listComments({ | |
| issue_number: context.issue.number, | |
| owner: context.repo.owner, | |
| repo: context.repo.repo, | |
| }); | |
| const comment = commentsList.data.find((comment) => comment.body.includes(commentBody)); | |
| if (!comment) { | |
| github.rest.issues.createComment({ | |
| issue_number: context.issue.number, | |
| owner: context.repo.owner, | |
| repo: context.repo.repo, | |
| body: commentBody, | |
| }) | |
| } else { | |
| github.rest.issues.updateComment({ | |
| comment_id: comment.id, | |
| owner: context.repo.owner, | |
| repo: context.repo.repo, | |
| body: commentBody, | |
| }) | |
| } | |
| - name: Deploy to production | |
| # run on master branch | |
| if: github.ref == 'refs/heads/master' | |
| run: yarn components deploy:storybook --ci | |
| env: | |
| GH_TOKEN: ${{ github.actor }}:${{ secrets.GITHUB_TOKEN }} |