Skip to content

feat: Add a feedback form #35

feat: Add a feedback form

feat: Add a feedback form #35

# SPDX-FileCopyrightText: Copyright DB InfraGO AG and contributors
# SPDX-License-Identifier: CC0-1.0
name: 'Publish Storybook'
on:
pull_request:
branches: ['**']
types: [opened, reopened, synchronize, ready_for_review]
paths:
- 'frontend/**'
- '.github/workflows/storybook.yml'
push:
branches: ['main']
paths:
- 'frontend/**'
- '.github/workflows/storybook.yml'
jobs:
deploy:
runs-on: ubuntu-latest
# prettier-ignore
if:
github.actor != 'dependabot[bot]' &&
(github.event.pull_request.draft == false || github.event_name == 'push')
concurrency:
# prettier-ignore
group: chromatic-${{ github.event_name }}-${{ github.event.pull_request.number }}
cancel-in-progress: true
steps:
- name: Checkout code
uses: actions/checkout@v4
with:
fetch-depth: 0
- name: Find Storybook comment on PR
if: github.event_name == 'pull_request'
uses: peter-evans/find-comment@v3
id: fc
with:
issue-number: ${{ github.event.pull_request.number }}
comment-author: 'github-actions[bot]'
body-includes: Storybook
- name: Create or update Storybook comment on PR
if: github.event_name == 'pull_request'
uses: peter-evans/create-or-update-comment@v4
id: cc
with:
comment-id: ${{ steps.fc.outputs.comment-id }}
issue-number: ${{ github.event.pull_request.number }}
body: |
<hr>
A Storybook preview is currently being built for commit ${{ github.sha }}.
As soon as it becomes available, this comment will be updated.
edit-mode: append
- name: Install dependencies
run: npm ci
working-directory: ./frontend
- name: Build Storybook
run: npx -p @angular/cli ng run capellacollab:build-storybook
working-directory: ./frontend
- name: Run Chromatic
id: chromatic
uses: chromaui/action@latest
with:
projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
workingDir: ./frontend
storybookBuildDir: ./storybook-static
- name: Create Storybook comment (initial)
if: github.event_name == 'pull_request'
uses: peter-evans/create-or-update-comment@v4
with:
comment-id: ${{ steps.cc.outputs.comment-id }}
issue-number: ${{ github.event.pull_request.number }}
body: |
A Storybook preview is available for commit ${{ github.sha }}.
➡️ [View Storybook](${{ steps.chromatic.outputs.storybookUrl }})
➡️ [View Chromatic build](${{ steps.chromatic.outputs.buildUrl }})
edit-mode: replace
- name: Create Storybook comment (no changes)
if:
github.event_name == 'pull_request' &&
steps.chromatic.outputs.changeCount == 0
uses: peter-evans/create-or-update-comment@v4
with:
comment-id: ${{ steps.cc.outputs.comment-id }}
issue-number: ${{ github.event.pull_request.number }}
body: |
✅ Captured ${{ steps.chromatic.outputs.actualCaptureCount }} snapshots. No changes detected.
edit-mode: append
- name: Create Storybook comment (with changes)
if:
github.event_name == 'pull_request' &&
steps.chromatic.outputs.changeCount > 0
uses: peter-evans/create-or-update-comment@v4
with:
comment-id: ${{ steps.cc.outputs.comment-id }}
issue-number: ${{ github.event.pull_request.number }}
# prettier-ignore
body: >
🔍 ${{ steps.chromatic.outputs.changeCount }} out of
${{ steps.chromatic.outputs.actualCaptureCount }} snapshots have changed.
Please review the changes before merging.
edit-mode: append
- name: Create Storybook comment (failure)
# prettier-ignore
if:
always() && github.event_name == 'pull_request' && steps.chromatic.outcome == 'failure'
uses: peter-evans/create-or-update-comment@v4
with:
comment-id: ${{ steps.cc.outputs.comment-id }}
issue-number: ${{ github.event.pull_request.number }}
body: |
The Storybook preview generation failed for commit ${{ github.sha }}.
Check the log output of the GitHub action for more information.
edit-mode: replace