Skip to content

fix: resolve counter display inconsistency due to Next.js caching #1416

fix: resolve counter display inconsistency due to Next.js caching

fix: resolve counter display inconsistency due to Next.js caching #1416

Workflow file for this run

name: CI
on:
push:
branches: [main]
pull_request:
branches: [main]
jobs:
build:
strategy:
matrix:
node-version: [22.x, 24.x]
# See supported Node.js release schedule at https://nodejs.org/en/about/releases/
name: Build with ${{ matrix.node-version }}
runs-on: ubuntu-latest
timeout-minutes: 10
steps:
- uses: actions/checkout@v4
- name: Set up Node.js environment
uses: ./.github/actions/setup-project
with:
node-version: ${{ matrix.node-version }}
- name: Restore or cache Next.js build
uses: actions/cache@v4
with:
path: |
.next/cache
# Generate a new cache whenever packages or source files change.
key: nextjs-${{ matrix.node-version }}-${{ hashFiles('**/package-lock.json') }}-${{ hashFiles('src/**') }}
- name: Build Next.js
run: npm run build
env:
NEXT_PUBLIC_SENTRY_DISABLED: 'true' # Only upload Sentry source maps in deployment
- if: matrix.node-version == '22.x' && success()
name: Cache Next.js build output
uses: actions/cache/save@v4
with:
path: |
.next
key: nextjs-build-${{ matrix.node-version }}-${{ github.sha }}
static:
strategy:
matrix:
node-version: [22.x]
name: Run static checks
runs-on: ubuntu-latest
timeout-minutes: 10
steps:
- uses: actions/checkout@v4
with:
fetch-depth: 0 # Retrieve Git history, needed to verify commits
- name: Set up Node.js environment
uses: ./.github/actions/setup-project
with:
node-version: ${{ matrix.node-version }}
- if: github.event_name == 'pull_request'
name: Validate all commits from PR
run: npx commitlint --from ${{ github.event.pull_request.base.sha }} --to ${{ github.event.pull_request.head.sha }} --verbose
- name: Linter
run: npm run lint
- name: Type checking
run: npm run check:types
- name: Check dependencies
run: npm run check:deps
- name: I18n check
run: npm run check:i18n
unit:
strategy:
matrix:
node-version: [22.x]
name: Run unit tests
runs-on: ubuntu-latest
timeout-minutes: 10
needs: [build]
steps:
- uses: actions/checkout@v4
- name: Set up Node.js environment
uses: ./.github/actions/setup-project
with:
node-version: ${{ matrix.node-version }}
- name: Run unit tests
uses: docker://mcr.microsoft.com/playwright:v1.54.0
with:
args: npm run test -- --coverage
- name: Upload coverage reports to Codecov
uses: codecov/codecov-action@v5
env:
CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}
storybook:
strategy:
matrix:
node-version: [22.x]
name: Run Storybook
runs-on: ubuntu-latest
timeout-minutes: 10
needs: [build]
steps:
- uses: actions/checkout@v4
- name: Set up Node.js environment
uses: ./.github/actions/setup-project
with:
node-version: ${{ matrix.node-version }}
- name: Run storybook tests
uses: docker://mcr.microsoft.com/playwright:v1.54.0
with:
args: npm run storybook:test
e2e:
strategy:
matrix:
node-version: [22.x]
name: Run E2E tests
runs-on: ubuntu-latest
timeout-minutes: 10
needs: [build]
steps:
- uses: actions/checkout@v4
with:
fetch-depth: 0 # For chromatic
- name: Set up Node.js environment
uses: ./.github/actions/setup-project
with:
node-version: ${{ matrix.node-version }}
restore-nextjs-cache: true
- name: Run E2E tests
uses: docker://mcr.microsoft.com/playwright:v1.54.0
with:
args: sh -c "HOME=/root npm run test:e2e" # Set HOME to /root to avoid Playwright error with Firebox
env:
CLERK_SECRET_KEY: ${{ secrets.CLERK_SECRET_KEY }}
- name: Fix test results permission # Give permissions to test results needed by Chromatic
run: |
sudo chmod -R 777 test-results
- name: Run visual regression tests
uses: chromaui/action@v13
with:
playwright: true
exitOnceUploaded: true # Speed up by skipping the build results
outputDir: storybook-static
projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
- name: Upload test results
uses: actions/upload-artifact@v4
if: always()
with:
name: test-results
path: test-results/
retention-days: 7
synchronize-with-crowdin:
name: GitHub PR synchronize with Crowdin
runs-on: ubuntu-latest
timeout-minutes: 10
needs: [build, static]
if: github.event_name == 'pull_request'
steps:
- uses: actions/checkout@v4
with:
ref: ${{ github.event.pull_request.head.sha }} # Crowdin Actions needs to push commits to the PR branch, checkout HEAD commit instead of merge commit
fetch-depth: 0
- name: Crowdin action
uses: crowdin/github-action@v2
with:
upload_sources: true
upload_translations: true
download_translations: true
create_pull_request: false
localization_branch_name: ${{ github.head_ref || github.ref_name }} # explanation here: https://stackoverflow.com/a/71158878
commit_message: 'chore: new Crowdin translations by GitHub Action'
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
CROWDIN_PROJECT_ID: ${{ secrets.CROWDIN_PROJECT_ID }}
CROWDIN_PERSONAL_TOKEN: ${{ secrets.CROWDIN_PERSONAL_TOKEN }}