web-nextjs_ci_reusable.yml

# yaml-language-server: $schema=https://json.schemastore.org/github-workflow.json

name: '[Web] CI - Next.js'

on:
    workflow_call:
        inputs:
            workflowName:
                required: true
                type: string
                description: 'Name of the workflow this is triggered from'
            name:
                required: true
                type: string
                description: 'Name of the package or application to analzye'
            path:
                required: true
                type: string
                description: 'Path to the package or application to analzye'
            vercelProjectId:
                required: true
                type: string
                description: 'Vercel Project ID'

env:
    VERCEL_PROJECT_ID: ${{ inputs.vercelProjectId }}
    VERCEL_ORG_ID: team_Ade0MlfC3211ml3wYJZ4c9hn

defaults:
    run:      
        working-directory: ./web

jobs:
    ci:
        timeout-minutes: 5
        runs-on: ubuntu-latest
        concurrency:
          group: ${{ github.workflow }}-${{ github.ref || github.run_id }}-${{ inputs.name }}
          cancel-in-progress: true
        steps:
          - uses: actions/checkout@v4
            with:
              fetch-depth: 2

          - name: ✨ Setup Node
            uses: actions/setup-node@v4
            with:
              node-version: "20.x"
    
          - uses: pnpm/action-setup@v3
            name: ✨ Install pnpm
            with:
              version: 9.2.0
    
          - name: ✨ Get pnpm store directory
            shell: bash
            run: |
              echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
    
          - uses: actions/cache@v4
            name: ✨ Setup pnpm cache
            with:
              path: ${{ env.STORE_PATH }}
              key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
              restore-keys: |
                ${{ runner.os }}-pnpm-store-

          - name: 📦️ Install dependencies
            run: pnpm install --frozen-lockfile --filter ${{ inputs.name }}... --filter .
    
          - name: 🔎 Lint app
            if: success() && github.event_name == 'pull_request'
            run: pnpm lint --filter=${{ inputs.name }}

          - name: ✨ Setup Vercel CLI
            run: npm i --g vercel@latest

          - name: ⚙️ Pull Vercel Environment Information
            run: vercel env pull --yes --environment=preview --token=${{ secrets.VERCEL_TOKEN }}
            working-directory: ${{ inputs.path }}/

          - name: ⚒️ Build app
            run: pnpm build --filter=${{ inputs.name }}

          - name: 📦️ Install playwright browsers
            if: success() && github.event_name == 'pull_request'
            run: |
              pnpm install --global playwright
              pnpm playwright install --with-deps

          - name: ⚒️ Test app
            if: success() && github.event_name == 'pull_request'
            run: pnpm test --filter=${{ inputs.name }}

          ## TODO: Enable when stories-check is ready
          # - name: Run stories-check
          #   run: pnpm stories-check
          #   id: runStoriesCheck
          #   continue-on-error: true
          #   working-directory: web/apps/web/
          # - name: Commit changes
          #   id: ccc
          #   if: steps.runStoriesCheck.outcome == 'failure'
          #   uses: EndBug/add-and-commit@v9
          #   with:
          #       add: ".stories-approved"
          #       message: "[skip ci] [stories-check] Automated stories changes"
          #       new_branch: ${{ github.head_ref }}
          #       default_author: github_actions
          #   env:
          #       GITHUB_TOKEN: ${{ secrets.AT_GH_CD_REPO_PAT }}