community-rule/.gitea/workflows/ci.yaml

name: CI Pipeline
run-name: ${{ gitea.actor }} triggered CI pipeline

on:
  workflow_dispatch: {}
  pull_request:
    branches: [main, develop] # PRs into main/develop
    types: [opened, reopened, synchronize]

jobs:
  test:
    runs-on: [self-hosted, macos-latest]
    strategy:
      matrix: { node-version: [18, 20] }
    env:
      NODE_OPTIONS: "--max_old_space_size=8192 --max_semi_space_size=128"
      CI: true
      VITEST_MAX_CONCURRENCY: 1
      VITEST_MAX_THREADS: 1
      VITEST_MIN_THREADS: 1
      VITEST_POOL: "vmThreads"
      VITEST_POOL_OPTIONS: '{"vmThreads":{"singleThread":true}}'
      VITEST_LOG_LEVEL: "info"
      DEBUG: "vitest:*"
      VITEST_WORKER_TIMEOUT: "300000"
      VITEST_POOL_TIMEOUT: "300000"
      VITEST_FORCE_RERUN_TRIGGERS: "**"
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: ${{ matrix.node-version }}
          cache: npm
      - run: npm ci
      - name: Show system info
        run: |
          echo "Node.js version: $(node -v)"
          echo "NPM version: $(npm -v)"
          echo "Available memory: $(free -h || vm_stat | head -10)"
          echo "CPU info: $(sysctl -n machdep.cpu.brand_string || uname -m)"
      - run: |
          echo "Running tests with CI optimizations..."
          # Run tests in smaller batches to avoid resource contention
          echo "Running unit tests..."
          npm test -- tests/unit/ --run --reporter=verbose --no-coverage --maxConcurrency=1
          echo "Running integration tests..."
          npm test -- tests/integration/ --run --reporter=verbose --no-coverage --maxConcurrency=1
          echo "Running accessibility tests..."
          npm test -- tests/accessibility/ --run --reporter=verbose --no-coverage --maxConcurrency=1
      # If the Codecov Action fails on Gitea, replace this with the bash uploader below
      - name: Upload coverage to Codecov
        uses: codecov/codecov-action@v3
        with:
          token: ${{ secrets.CODECOV_TOKEN }}
          files: ./coverage/lcov.info
          flags: unittests

      # Bash uploader alternative (uncomment if the action above has issues)
      # - name: Upload coverage to Codecov (bash)
      #   run: |
      #     curl -s https://codecov.io/bash > codecov.sh
      #     bash codecov.sh -t "${{ secrets.CODECOV_TOKEN }}" -f coverage/lcov.info -F unittests

  e2e:
    runs-on: [self-hosted, macos-latest]
    strategy:
      matrix: { browser: [chromium, firefox, webkit] }
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        if: ${{ github.server_url == 'https://github.com' }}
        with: { node-version: 20, cache: npm }
      - uses: actions/setup-node@v4
        if: ${{ github.server_url != 'https://github.com' || !github.server_url }}
        with: { node-version: 20 }
      - run: npm ci
      - name: Install Playwright
        run: npx playwright install --with-deps ${{ matrix.browser }}
      - run: npm run build

      - name: E2E (start + test + teardown)
        run: |
          set -euxo pipefail

          export PORT="${PORT:-3010}"
          export HOST="127.0.0.1"
          mkdir -p .next

          # ensure build exists
          test -d .next || { echo "❌ Missing .next build output"; exit 1; }

          echo "🚀 Starting Next.js server for E2E testing..."

          # Start Next directly with node so $! is the real node PID
          node node_modules/next/dist/bin/next start -p "$PORT" -H "$HOST" > .next/runner.log 2>&1 &
          SVPID=$!
          echo "$SVPID" > .next/runner.pid
          echo "🌐 Server PID: $SVPID"

          # Wait for readiness
          echo "⏳ Waiting for server to be ready..."
          npx wait-on -t 120000 "tcp:$HOST:$PORT"
          curl -fsS "http://$HOST:$PORT" >/dev/null
          echo "✅ App is responding at http://$HOST:$PORT"

          # Run tests
          echo "🧪 Running E2E tests for ${{ matrix.browser }}..."
          BASE_URL="http://$HOST:$PORT" npx playwright test --project=${{ matrix.browser }} --reporter=list || TEST_EXIT_CODE=$?

          # Teardown
          echo "🧹 Cleaning up server..."
          kill "$SVPID" 2>/dev/null || true
          echo "✅ Server cleanup complete"
        env:
          NEXT_TELEMETRY_DISABLED: "1"
          NODE_ENV: production
          NODE_OPTIONS: "--max-old-space-size=8192"

      # package artifacts (keeps file count small)
      - name: Package E2E artifacts
        if: always()
        run: |
          tar -czf playwright-${{ matrix.browser }}.tgz playwright-report test-results || true

      - name: Upload E2E artifacts
        if: always()
        uses: actions/upload-artifact@v3
        with:
          name: playwright-results-${{ matrix.browser }}
          path: playwright-${{ matrix.browser }}.tgz
          retention-days: 30

  visual-regression:
    runs-on: [self-hosted, macos-latest]
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        if: ${{ github.server_url == 'https://github.com' }}
        with: { node-version: 20, cache: npm }
      - uses: actions/setup-node@v4
        if: ${{ github.server_url != 'https://github.com' || !github.server_url }}
        with: { node-version: 20 }
      - run: npm ci
      - name: Install Playwright
        run: npx playwright install --with-deps
      - run: npm run build
      # 1) Sanity check that the build exists
      - name: Verify Next build output
        run: |
          set -euxo pipefail
          ls -la .next || true
          test -f .next/BUILD_ID || (echo "No Next build output (.next) – did build fail?" && exit 1)

      - name: Visual Regression (start + test + teardown)
        run: |
          set -euxo pipefail

          export PORT="${PORT:-3010}"
          export HOST="127.0.0.1"
          mkdir -p .next

          # ensure build exists
          test -d .next || { echo "❌ Missing .next build output"; exit 1; }

          echo "🚀 Starting Next.js server for visual regression testing..."

          # Start Next directly with node so $! is the real node PID
          node node_modules/next/dist/bin/next start -p "$PORT" -H "$HOST" > .next/runner.log 2>&1 &
          SVPID=$!
          echo "$SVPID" > .next/runner.pid
          echo "🌐 Server PID: $SVPID"

          # Wait for readiness with better error handling
          echo "⏳ Waiting for server to be ready..."
          npx wait-on -t 120000 "tcp:$HOST:$PORT"

          # Verify server is actually responding
          for i in {1..10}; do
            if curl -fsS "http://$HOST:$PORT" >/dev/null 2>&1; then
              echo "✅ App is responding at http://$HOST:$PORT"
              break
            else
              echo "⏳ Attempt $i/10: Server not ready yet, waiting..."
              sleep 5
              if [ $i -eq 10 ]; then
                echo "❌ Server failed to respond after 10 attempts"
                echo "📋 Server logs:"
                cat .next/runner.log || true
                exit 1
              fi
            fi
          done

          # Run visual regression tests with server monitoring
          echo "🧪 Running visual regression tests..."

          # Start server health monitoring in background
          (
            while true; do
              if ! curl -fsS "http://$HOST:$PORT" >/dev/null 2>&1; then
                echo "⚠️  Server health check failed - server may have crashed"
                echo "📋 Current server logs:"
                tail -20 .next/runner.log || true
                break
              fi
              sleep 10
            done
          ) &
          HEALTH_PID=$!

          # Run tests with increased timeout for CI stability
          BASE_URL="http://$HOST:$PORT" npx playwright test tests/e2e/visual-regression.spec.ts --timeout=120000

          # Stop health monitoring
          kill $HEALTH_PID 2>/dev/null || true

          # Teardown with better error handling
          echo "🧹 Cleaning up server..."
          kill "$SVPID" 2>/dev/null || true

          # Wait for server to actually stop
          for i in {1..10}; do
            if ! kill -0 "$SVPID" 2>/dev/null; then
              echo "✅ Server process stopped"
              break
            else
              echo "⏳ Waiting for server to stop... ($i/10)"
              sleep 2
              if [ $i -eq 10 ]; then
                echo "⚠️  Force killing server process"
                kill -9 "$SVPID" 2>/dev/null || true
              fi
            fi
          done

          echo "✅ Server cleanup complete"
        env:
          NEXT_TELEMETRY_DISABLED: "1"
          NODE_ENV: production
          NODE_OPTIONS: "--max-old-space-size=8192"

      - name: Package visual artifacts
        if: always()
        run: |
          # Include server logs for debugging
          echo "📋 Server logs for debugging:"
          cat .next/runner.log || echo "No server logs found"

          # Package test results and logs
          tar -czf visual-regression.tgz test-results tests/e2e/visual-regression.spec.ts-snapshots .next/runner.log || true

      - name: Upload visual artifacts
        if: always()
        uses: actions/upload-artifact@v3
        with:
          name: visual-regression-results
          path: visual-regression.tgz
          retention-days: 30

      - name: Stop app
        if: always()
        run: |
          if [ -f .next/runner.pid ]; then
            kill $(cat .next/runner.pid) 2>/dev/null || true
          fi

  performance:
    runs-on: [self-hosted, macos-latest]
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        if: ${{ github.server_url == 'https://github.com' }}
        with: { node-version: 20, cache: npm }
      - uses: actions/setup-node@v4
        if: ${{ github.server_url != 'https://github.com' || !github.server_url }}
        with: { node-version: 20 }
      - run: npm ci

      - name: Install LHCI
        run: npm i -D @lhci/cli

      - name: Build application
        run:
          npm run build

          # 1) Sanity check that the build exists
      - name: Verify Next build output
        run: |
          set -euxo pipefail
          ls -la .next || true
          test -f .next/BUILD_ID || (echo "No Next build output (.next) – did build fail?" && exit 1)

      - name: Install Chrome via Puppeteer (mac_arm)
        run: |
          # Install Chrome (arm64) into a local cache
          set -euxo pipefail
          mkdir -p .cache/puppeteer

          # 1) Install and capture the build id that was actually installed
          INSTALL_OUT="$(npx @puppeteer/browsers install chrome@stable --platform=mac_arm --path .cache/puppeteer)"
          echo "$INSTALL_OUT"

          # INSTALL_OUT looks like: "chrome@140.0.7339.80 /abs/path/to/.../Google Chrome for Testing"
          BUILD_ID="$(printf '%s\n' "$INSTALL_OUT" | awk '{print $1}' | cut -d@ -f2)"
          echo "Detected Chrome build: $BUILD_ID"

          # 2) Ask for the executable path using the explicit build id
          CHROME_PATH="$(npx @puppeteer/browsers executable-path chrome@"$BUILD_ID" --platform=mac_arm --path .cache/puppeteer || true)"
          echo "Chrome executable path (via CLI): ${CHROME_PATH:-<empty>}"

          # 3) Fallback: resolve the binary directly from the cache if the CLI returned empty
          if [ -z "$CHROME_PATH" ]; then
            CHROME_PATH="$(/usr/bin/find ".cache/puppeteer/chrome" -type f -path "*/chrome-mac-arm64/Google Chrome for Testing.app/Contents/MacOS/Google Chrome for Testing" -print -quit || true)"
            echo "Chrome executable path (via find): ${CHROME_PATH:-<empty>}"
          fi

          # 4) Hard fail if still empty
          if [ -z "$CHROME_PATH" ] || [ ! -x "$CHROME_PATH" ]; then
            echo "❌ Chrome path is empty or not executable"
            ls -la .cache/puppeteer || true
            exit 1
          fi

          # 5) Export for subsequent steps in this job and later ones
          echo "CHROME_PATH=$CHROME_PATH" >> "$GITHUB_ENV"
          "$CHROME_PATH" --version || true

      - name: Ensure arm64 Node for Lighthouse
        run: |
          set -euxo pipefail
          echo "node before: $(node -v) arch=$(node -p 'process.arch')"
          if [ "$(node -p 'process.arch')" != "arm64" ]; then
            NODE_VER=20.17.0
            curl -fsSLO "https://nodejs.org/dist/v${NODE_VER}/node-v${NODE_VER}-darwin-arm64.tar.xz"
            tar -xJf "node-v${NODE_VER}-darwin-arm64.tar.xz"
            # Make arm64 node take effect in THIS step:
            export PATH="$PWD/node-v${NODE_VER}-darwin-arm64/bin:$PATH"
            # And persist for subsequent steps:
            echo "$PWD/node-v${NODE_VER}-darwin-arm64/bin" >> "$GITHUB_PATH"
          fi
          echo "node after: $(node -v) arch=$(node -p 'process.arch')"
          echo "uname -m: $(uname -m)"
          # Get Chrome path for this step
          CHROME_PATH=$(npx @puppeteer/browsers executable-path chrome@stable --platform=mac_arm --path .cache/puppeteer)
          echo "Chrome path: $CHROME_PATH"
          "$CHROME_PATH" --version || true

      - name: Performance (start + test + teardown)
        run: |
          set -euxo pipefail

          export PORT=3010 HOST=127.0.0.1
          mkdir -p .next
          test -d .next || { echo "❌ Missing .next build output"; exit 1; }

          echo "🚀 Starting Next.js server for performance testing..."
          node node_modules/next/dist/bin/next start -p "$PORT" -H "$HOST" > .next/runner.log 2>&1 &
          SVPID=$!
          npx wait-on -t 120000 "tcp:$HOST:$PORT"
          curl -fsS "http://$HOST:$PORT" >/dev/null
          echo "✅ App is responding at http://$HOST:$PORT"

          # Ensure we're using arm64 Node for Lighthouse
          echo "Node arch: $(node -p "process.arch")"

          # Get Chrome path directly in this step (same logic as installation step)
          INSTALL_OUT="$(npx @puppeteer/browsers install chrome@stable --platform=mac_arm --path .cache/puppeteer 2>/dev/null || true)"
          BUILD_ID="$(printf '%s\n' "$INSTALL_OUT" | awk '{print $1}' | cut -d@ -f2)"
          echo "Using Chrome build: $BUILD_ID"

          # Try CLI first, then fallback to find
          CHROME_PATH="$(npx @puppeteer/browsers executable-path chrome@"$BUILD_ID" --platform=mac_arm --path .cache/puppeteer 2>/dev/null || true)"
          if [ -z "$CHROME_PATH" ]; then
            CHROME_PATH="$(/usr/bin/find ".cache/puppeteer/chrome" -type f -path "*/chrome-mac-arm64/Google Chrome for Testing.app/Contents/MacOS/Google Chrome for Testing" -print -quit 2>/dev/null || true)"
          fi

          echo "Chrome path: $CHROME_PATH"

          # Verify Chrome path is not empty
          if [ -z "$CHROME_PATH" ]; then
            echo "❌ Chrome path is empty - Chrome installation may have failed"
            exit 1
          fi

          # Verify Chrome executable exists and is executable
          if [ ! -x "$CHROME_PATH" ]; then
            echo "❌ Chrome executable not found or not executable: $CHROME_PATH"
            ls -la .cache/puppeteer/ || true
            exit 1
          fi

          "$CHROME_PATH" --version

          # Run LHCI with arm64 Node + arm64 Chrome
          # Test homepage and blog pages using config file
          npx lhci autorun --chrome-path="$CHROME_PATH"

          kill "$SVPID" 2>/dev/null || true
        env:
          NEXT_TELEMETRY_DISABLED: "1"
          NODE_ENV: production
          NODE_OPTIONS: "--max-old-space-size=8192"

      - name: Upload LHCI results
        if: always()
        uses: actions/upload-artifact@v3
        with:
          name: lhci-results
          path: lhci-results

  storybook:
    runs-on: [self-hosted, macos-latest]
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        if: ${{ github.server_url == 'https://github.com' }}
        with: { node-version: 20, cache: npm }
      - uses: actions/setup-node@v4
        if: ${{ github.server_url != 'https://github.com' || !github.server_url }}
        with: { node-version: 20 }
      - run: npm ci
      - run: npm run storybook:build:github
      - run: npm run test:sb
        env: { CI: true }

  lint:
    runs-on: [self-hosted, macos-latest]
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        if: ${{ github.server_url == 'https://github.com' }}
        with: { node-version: 20, cache: npm }
      - uses: actions/setup-node@v4
        if: ${{ github.server_url != 'https://github.com' || !github.server_url }}
        with: { node-version: 20 }
      - run: npm ci
      - run: npm run lint
      - run: npx prettier --check "**/*.{js,jsx,ts,tsx,json,css,md}"

  build:
    runs-on: [self-hosted, macos-latest]
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        if: ${{ github.server_url == 'https://github.com' }}
        with: { node-version: 20, cache: npm }
      - uses: actions/setup-node@v4
        if: ${{ github.server_url != 'https://github.com' || !github.server_url }}
        with: { node-version: 20 }
      - run: npm ci
      - run: npm run build
      - run: npm run storybook:build:github