IT-5863 tile and datepickers with boarders #246
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: Build Storybook to Design Review on trigger | |
| on: | |
| issue_comment: | |
| types: [ created ] | |
| jobs: | |
| deploy-for-review: | |
| runs-on: ubuntu-latest | |
| if: | | |
| github.event.comment && | |
| github.event.issue.pull_request && | |
| startsWith(github.event.comment.body, '/review') | |
| steps: | |
| - name: Get PR branch name | |
| id: comment-pr-ref | |
| uses: actions/github-script@v6 | |
| with: | |
| result-encoding: string | |
| script: | | |
| const pr = await github.rest.pulls.get({ | |
| owner: context.issue.owner, | |
| repo: context.issue.repo, | |
| pull_number: context.issue.number, | |
| }); | |
| return pr.data.head.ref | |
| - name: Set short branch name | |
| run: | | |
| echo "BRANCH_NAME=${{ steps.comment-pr-ref.outputs.result }}" >> $GITHUB_ENV | |
| - name: Checkout PR code based on trigger comment | |
| uses: actions/checkout@v3 | |
| with: | |
| ref: ${{ steps.comment-pr-ref.outputs.result }} | |
| - name: Insert auth font awesome auth token | |
| run: echo "@fortawesome:registry=https://npm.fontawesome.com/" > .npmrc && echo "//npm.fontawesome.com/:_authToken=${{ secrets.FONT_AWESOME_AUTH_TOKEN }}" >> .npmrc | |
| - uses: actions/setup-node@v3 | |
| with: | |
| node-version: '20.9.0' | |
| cache: 'yarn' | |
| - name: Install and Build 🔧 | |
| run: | | |
| yarn install --pure-lockfile | |
| yarn storybook:build | |
| - name: Set up S3cmd cli tool | |
| uses: s3-actions/[email protected] | |
| with: | |
| provider: aws | |
| region: 'eu-central-1' | |
| access_key: ${{ secrets.S3_ACCESS_KEY }} | |
| secret_key: ${{ secrets.S3_SECRET_KEY }} | |
| - name: Push to S3 🚀 | |
| run: s3cmd put -r -P public/storybook/* s3://${{ vars.S3_REVIEW_BUCKET }}/${{ env.BRANCH_NAME }}/ | |
| - name: "Setting Content-Type to application/javascript for all .js files" | |
| run: >- | |
| find public/storybook -type f -name "*.js" | while read FILE; do | |
| RELATIVE_PATH="${FILE#public/storybook/}" | |
| echo "s3://${{ vars.S3_REVIEW_BUCKET }}/${{ env.BRANCH_NAME }}/$RELATIVE_PATH" | |
| s3cmd modify --add-header="Content-Type: application/javascript" s3://${{ vars.S3_REVIEW_BUCKET }}/${{ env.BRANCH_NAME }}/$RELATIVE_PATH | |
| done | |
| - name: "Set Content-Type to text/css for all .css files" | |
| run: >- | |
| find public/storybook -type f -name "*.css" | while read FILE; do | |
| RELATIVE_PATH="${FILE#public/storybook/}" | |
| echo "s3://${{ vars.S3_REVIEW_BUCKET }}/${{ env.BRANCH_NAME }}/$RELATIVE_PATH" | |
| s3cmd modify --add-header="Content-Type: text/css" s3://${{ vars.S3_REVIEW_BUCKET }}/${{ env.BRANCH_NAME }}/$RELATIVE_PATH | |
| done | |
| - name: Add comment with URL | |
| uses: thollander/actions-comment-pull-request@v2 | |
| with: | |
| pr_number: ${{ github.event.issue.number }} | |
| message: | | |
| Your storybook is available on: https://${{ vars.S3_REVIEW_BUCKET }}.s3.amazonaws.com/${{ env.BRANCH_NAME }}/index.html |