Merge pull request #11 from Jurfest/feature/utils #5
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 to Chromatic | |
| on: | |
| push: | |
| branches: | |
| - main | |
| jobs: | |
| storybook-deploy: | |
| runs-on: ubuntu-latest | |
| steps: | |
| - name: Checkout | |
| uses: actions/checkout@v4 | |
| with: | |
| # Fetch all history (full Git history graph) so Chromatic can determine baseline commits | |
| fetch-depth: 0 | |
| - name: Setup Node.js | |
| uses: actions/setup-node@v4 | |
| with: | |
| node-version: 20 | |
| # Install dependencies based on the package-lock.json file for reliability and speed | |
| - name: Install dependencies | |
| run: npm ci | |
| # Optional: Uncomment the build-storybook step to apply custom build steps or to verify the build beforehand | |
| # - name: Build Storybook | |
| # run: npm run build-storybook | |
| # Build and Deploy Storybook using Chromatic's streamlined process | |
| - name: Build and Deploy Storybook | |
| # The flag auto accepts visual changes | |
| run: npx chromatic --auto-accept-changes | |
| env: | |
| CHROMATIC_PROJECT_TOKEN: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} | |
| # Extract the Chromatic URL and update the README file | |
| - name: Update README with Chromatic URL | |
| run: | | |
| # Extract Chromatic URL from the output | |
| url=$(npx chromatic --project-token=${{ secrets.CHROMATIC_PROJECT_TOKEN }} --exit-zero-on-changes --auto-accept-changes 2>&1 | grep -oP 'https://.*\.chromatic\.com/') | |
| # Replace the placeholder in the README.md file | |
| sed -i 's|\(https://\).*\(.chromatic.com/\)|\1'"$url"'\2|' README.md | |
| # Commit and push the updated README file | |
| - name: Commit and Push README | |
| run: | | |
| git config --global user.name "github-actions[bot]" | |
| git config --global user.email "github-actions[bot]@users.noreply.github.com" | |
| git add README.md | |
| git commit -m "ci: automatic storybook url update in readme" | |
| git push | |
| env: | |
| GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} |