style: make sure everything is synced with figma #2355
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 Storybook Preview | |
| env: | |
| VERCEL_TEAM: ${{ secrets.VERCEL_TEAM }} | |
| VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }} | |
| VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID_STORYBOOK }} | |
| PR_NUMBER: ${{ github.event.number }} | |
| on: | |
| workflow_dispatch: | |
| pull_request: | |
| types: [opened, synchronize] | |
| paths: | |
| - 'packages/**' | |
| - 'apps/storybook/**' | |
| - 'assets/**' | |
| jobs: | |
| Deploy-Preview: | |
| runs-on: ubuntu-latest | |
| steps: | |
| - uses: actions/checkout@v4 | |
| - name: Use node 20 and yarn cache | |
| uses: actions/setup-node@v4 | |
| with: | |
| node-version: '20' | |
| cache: 'yarn' | |
| - name: Install dependencies | |
| run: yarn install --frozen-lockfile | |
| - name: Build | |
| run: yarn build | |
| - name: Install Vercel CLI | |
| run: yarn add vercel@latest | |
| - name: Pull Vercel Environment Information | |
| run: vercel pull --yes --environment=preview --token=${{ secrets.VERCEL_TOKEN }} | |
| - name: Build Project Artifacts | |
| run: vercel build --token=${{ secrets.VERCEL_TOKEN }} | |
| - id: deploy | |
| name: Deploy Project Artifacts to Vercel | |
| run: echo "url=$(vercel deploy --prebuilt --token=${{ secrets.VERCEL_TOKEN }})" >> $GITHUB_OUTPUT | |
| - name: Set Vercel alias | |
| run: vercel alias --token=${{ secrets.VERCEL_TOKEN }} --scope=${{ secrets.VERCEL_TEAM }} set ${{ steps.deploy.outputs.url }} pr-${{ env.PR_NUMBER }}.storybook.designsystemet.no | |
| - name: Find Preview Comment | |
| uses: peter-evans/find-comment@v2 | |
| id: fc | |
| with: | |
| issue-number: ${{ env.PR_NUMBER }} | |
| body-includes: | | |
| **Preview deployments for this pull request:** | |
| - run: echo ${{ steps.fc.outputs.comment-id }} | |
| if: success() && env.PR_NUMBER | |
| - name: Find Storefront deployment | |
| uses: actions-ecosystem/action-regex-match@v2 | |
| id: regex-storefront | |
| with: | |
| text: ${{ steps.fc.outputs.comment-body }} | |
| regex: '\[Storefront\]\((https:\/\/[^)]+)\).*' | |
| - name: Find Theme deployment | |
| uses: actions-ecosystem/action-regex-match@v2 | |
| id: regex-theme | |
| with: | |
| text: ${{ steps.fc.outputs.comment-body }} | |
| regex: '\[Theme\]\((https:\/\/[^)]+)\).*' | |
| - name: Get current time in CEST | |
| uses: josStorer/get-current-time@v2 | |
| id: current-time | |
| with: | |
| format: D. MMM YYYY - HH:mm | |
| timezone: Europe/Oslo | |
| - name: Update comment with deployment | |
| uses: peter-evans/create-or-update-comment@v3 | |
| with: | |
| issue-number: ${{ env.PR_NUMBER }} | |
| comment-id: ${{ steps.fc.outputs.comment-id }} | |
| edit-mode: replace | |
| body: | | |
| **Preview deployments for this pull request:** | |
| [Storybook](https://pr-${{ env.PR_NUMBER }}.storybook.designsystemet.no) - `${{ steps.current-time.outputs.formattedTime }}` | |
| ${{ steps.regex-storefront.outputs.match }} | |
| ${{ steps.regex-theme.outputs.match }} |