ci.yml

name: CI

on:
  push:
    branches:
      - 'main'
  pull_request:

permissions:
  contents: read

concurrency:
  group: ${{ github.workflow }}-${{ github.ref }}
  cancel-in-progress: ${{ github.ref != 'refs/heads/main' }}

env:
  PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1

jobs:
  build-assets:
    name: 'Build assets'
    runs-on: ubuntu-22.04
    timeout-minutes: 30
    needs:
      - build-locales

    steps:
      - name: 'Checkout code'
        uses: actions/checkout@v4.2.0

      - name: 'Set up Node.js'
        uses: actions/setup-node@v4.0.4
        with:
          node-version-file: package.json
          cache: ${{ !env.ACT && 'npm' || '' }}

      - name: 'Install dependencies'
        run: npm ci --ignore-scripts

      - name: 'Set up assets cache'
        uses: actions/cache@v4.0.2
        if: ${{ !env.ACT }}
        with:
          path: .cache/webpack
          key: webpack-${{ github.head_ref || github.ref_name }}
          restore-keys: webpack-

      - name: 'Download assets locales'
        uses: actions/download-artifact@v4.1.8
        with:
          name: locales-assets
          path: assets/locales

      - name: 'Build assets'
        run: npm run build:assets

      - name: 'Upload assets'
        uses: actions/upload-artifact@v4.4.0
        with:
          name: assets
          path: dist/assets

      - name: 'Upload manifest'
        uses: actions/upload-artifact@v4.4.0
        with:
          name: manifest
          path: src/manifest.json

  build-locales:
    name: 'Build locales'
    runs-on: ubuntu-22.04
    timeout-minutes: 30

    steps:
      - name: 'Checkout code'
        uses: actions/checkout@v4.2.0

      - name: 'Set up intlc'
        uses: unsplash/setup-intlc@v1.0.0
        with:
          version: 0.8.3

      - name: 'Set up mo'
        uses: shrink/actions-docker-extract@v3.0.1
        with:
          image: ghcr.io/tests-always-included/mo:3.0.5
          path: /usr/local/bin/mo
          destination: /usr/local/bin

      - name: 'Build locales'
        run: scripts/intlc.sh

      - name: 'Upload locales'
        uses: actions/upload-artifact@v4.4.0
        with:
          name: locales
          path: src/locales

      - name: 'Upload assets locales'
        uses: actions/upload-artifact@v4.4.0
        with:
          name: locales-assets
          path: assets/locales

  build-image:
    name: 'Build image'
    runs-on: ubuntu-22.04
    timeout-minutes: 30
    outputs:
      image: ${{ steps.build.outputs.imageid }}

    steps:
      - name: 'Checkout code'
        uses: actions/checkout@v4.2.0

      - name: 'Set up Docker Build'
        uses: docker/setup-buildx-action@v3.7.1

      - name: 'Build image'
        id: build
        uses: docker/build-push-action@v6.9.0
        with:
          context: .
          outputs: type=docker,dest=/tmp/image.tar
          cache-from: type=gha,ignore-error=true
          cache-to: type=gha,mode=max,ignore-error=true

      - name: 'Upload build'
        uses: actions/upload-artifact@v4.4.0
        with:
          name: image
          path: /tmp/image.tar

  format:
    name: 'Format'
    runs-on: ubuntu-22.04
    timeout-minutes: 30

    steps:
      - name: 'Checkout code'
        uses: actions/checkout@v4.2.0

      - name: 'Set up Node.js'
        uses: actions/setup-node@v4.0.4
        with:
          node-version-file: package.json
          cache: ${{ !env.ACT && 'npm' || '' }}

      - name: 'Install dependencies'
        run: npm ci --ignore-scripts

      - name: 'Run formatter'
        run: npm run format

  lint-css:
    name: 'Lint CSS'
    runs-on: ubuntu-22.04
    timeout-minutes: 30

    steps:
      - name: 'Checkout code'
        uses: actions/checkout@v4.2.0

      - name: 'Set up Node.js'
        uses: actions/setup-node@v4.0.4
        with:
          node-version-file: package.json
          cache: ${{ !env.ACT && 'npm' || '' }}

      - name: 'Install dependencies'
        run: npm ci --ignore-scripts

      - name: 'Run the linter'
        run: npm run lint:css

  lint-ts:
    name: 'Lint TypeScript'
    runs-on: ubuntu-22.04
    timeout-minutes: 30
    needs:
      - build-assets
      - build-locales

    steps:
      - name: 'Checkout code'
        uses: actions/checkout@v4.2.0

      - name: 'Set up Node.js'
        uses: actions/setup-node@v4.0.4
        with:
          node-version-file: package.json
          cache: ${{ !env.ACT && 'npm' || '' }}

      - name: 'Install dependencies'
        run: npm ci --ignore-scripts

      - name: 'Download assets manifest'
        uses: actions/download-artifact@v4.1.8
        with:
          name: manifest
          path: src

      - name: 'Download locales'
        uses: actions/download-artifact@v4.1.8
        with:
          name: locales
          path: src/locales

      - name: 'Download assets locales'
        uses: actions/download-artifact@v4.1.8
        with:
          name: locales-assets
          path: assets/locales

      - name: 'Run the linter'
        run: npm run lint:ts

  test:
    name: 'Test (${{ matrix.shard }}/${{ strategy.job-total }})'
    runs-on: ubuntu-22.04
    timeout-minutes: 30
    needs:
      - build-assets
      - build-locales
    strategy:
      fail-fast: false
      matrix:
        shard: [1, 2]

    steps:
      - name: 'Checkout code'
        uses: actions/checkout@v4.2.0

      - name: 'Set up Node.js'
        uses: actions/setup-node@v4.0.4
        with:
          node-version-file: package.json
          cache: ${{ !env.ACT && 'npm' || '' }}

      - name: 'Install dependencies'
        run: npm ci --ignore-scripts

      - name: 'Download assets manifest'
        uses: actions/download-artifact@v4.1.8
        with:
          name: manifest
          path: src

      - name: 'Download locales'
        uses: actions/download-artifact@v4.1.8
        with:
          name: locales
          path: src/locales

      - name: 'Run the tests'
        run: npm run test -- --shard=${{ matrix.shard }}/${{ strategy.job-total }}

  test-integration:
    name: 'Integration test (${{ matrix.shard }}/${{ strategy.job-total }})'
    runs-on: ubuntu-22.04
    timeout-minutes: 30
    needs:
      - build-assets
      - build-locales
    strategy:
      fail-fast: false
      matrix:
        shard: [1, 2, 3, 4, 5]

    steps:
      - name: 'Checkout code'
        uses: nschloe/action-cached-lfs-checkout@v1.2.2

      - name: 'Set up Node.js'
        uses: actions/setup-node@v4.0.4
        with:
          node-version-file: package.json
          cache: ${{ !env.ACT && 'npm' || '' }}

      - name: 'Install dependencies'
        run: npm ci --ignore-scripts

      - name: 'Download assets'
        uses: actions/download-artifact@v4.1.8
        with:
          name: assets
          path: dist/assets

      - name: 'Download assets manifest'
        uses: actions/download-artifact@v4.1.8
        with:
          name: manifest
          path: src

      - name: 'Download locales'
        uses: actions/download-artifact@v4.1.8
        with:
          name: locales
          path: src/locales

      - name: 'Run Playwright'
        id: 'playwright'
        uses: docker://mcr.microsoft.com/playwright:v1.47.2-jammy
        with:
          args: env HOME=/root npx playwright test integration --forbid-only --shard=${{ matrix.shard }}/${{ strategy.job-total }} --retries 4

      - name: 'Store results'
        if: failure() && steps.playwright.outcome == 'failure'
        uses: actions/upload-artifact@v4.4.0
        with:
          name: integration-tests-results-${{ matrix.shard }}
          path: integration-results

  test-smoke:
    name: 'Smoke test'
    runs-on: ubuntu-22.04
    timeout-minutes: 30
    needs:
      - build-image

    services:
      redis:
        image: redis
        options: >-
          --health-cmd "redis-cli ping"
          --health-interval 10s
          --health-timeout 5s
          --health-retries 5
        ports:
          - 6379:6379

    steps:
      - name: 'Checkout code'
        uses: actions/checkout@v4.2.0

      - name: 'Download image'
        uses: actions/download-artifact@v4.1.8
        with:
          name: image
          path: /tmp

      - name: 'Load image'
        run: docker load --input /tmp/image.tar

      - name: 'Run smoke test'
        run: scripts/smoke-test.sh ${{ needs.build-image.outputs.image }}

  test-visual-regression:
    name: 'Visual regression test (${{ matrix.shard }}/${{ strategy.job-total }})'
    runs-on: ubuntu-22.04
    timeout-minutes: 30
    needs:
      - build-assets
      - build-locales
    strategy:
      fail-fast: false
      matrix:
        shard: [1, 2, 3, 4, 5]

    steps:
      - name: 'Checkout code'
        uses: nschloe/action-cached-lfs-checkout@v1.2.2

      - name: 'Set up Node.js'
        uses: actions/setup-node@v4.0.4
        with:
          node-version-file: package.json
          cache: ${{ !env.ACT && 'npm' || '' }}

      - name: 'Install dependencies'
        run: npm ci --ignore-scripts

      - name: 'Download assets'
        uses: actions/download-artifact@v4.1.8
        with:
          name: assets
          path: dist/assets

      - name: 'Download assets manifest'
        uses: actions/download-artifact@v4.1.8
        with:
          name: manifest
          path: src

      - name: 'Download locales'
        uses: actions/download-artifact@v4.1.8
        with:
          name: locales
          path: src/locales

      - name: 'Run Playwright'
        id: 'playwright'
        uses: docker://mcr.microsoft.com/playwright:v1.47.2-jammy
        with:
          args: env HOME=/root npx playwright test visual-regression --forbid-only --shard=${{ matrix.shard }}/${{ strategy.job-total }} --retries 4

      - name: 'Store results'
        if: failure() && steps.playwright.outcome == 'failure'
        uses: actions/upload-artifact@v4.4.0
        with:
          name: visual-regression-tests-results-${{ matrix.shard }}
          path: integration-results

  test-web:
    name: 'Web Tests'
    runs-on: ubuntu-22.04
    timeout-minutes: 30
    needs:
      - build-locales

    steps:
      - name: 'Checkout code'
        uses: actions/checkout@v4.2.0

      - name: 'Set up Node.js'
        uses: actions/setup-node@v4.0.4
        with:
          node-version-file: package.json
          cache: ${{ !env.ACT && 'npm' || '' }}

      - name: 'Install dependencies'
        run: npm ci --ignore-scripts

      - name: 'Install browser dependencies'
        run: npx playwright install-deps

      - name: 'Install browsers'
        run: npx playwright install

      - name: 'Download assets locales'
        uses: actions/download-artifact@v4.1.8
        with:
          name: locales-assets
          path: assets/locales

      - name: 'Run the tests'
        run: npx web-test-runner

  typecheck:
    name: 'Typecheck'
    runs-on: ubuntu-22.04
    timeout-minutes: 30
    needs:
      - build-assets
      - build-locales

    steps:
      - name: 'Checkout code'
        uses: actions/checkout@v4.2.0

      - name: 'Set up Node.js'
        uses: actions/setup-node@v4.0.4
        with:
          node-version-file: package.json
          cache: ${{ !env.ACT && 'npm' || '' }}

      - name: 'Install dependencies'
        run: npm ci --ignore-scripts

      - name: 'Download assets manifest'
        uses: actions/download-artifact@v4.1.8
        with:
          name: manifest
          path: src

      - name: 'Download locales'
        uses: actions/download-artifact@v4.1.8
        with:
          name: locales
          path: src/locales

      - name: 'Download assets locales'
        uses: actions/download-artifact@v4.1.8
        with:
          name: locales-assets
          path: assets/locales

      - name: 'Run typechecker'
        run: npm run typecheck

  push:
    name: 'Push image'
    runs-on: ubuntu-22.04
    timeout-minutes: 30
    if: github.ref == 'refs/heads/main'
    outputs:
      image: ${{ steps.image.outputs.image }}
    needs:
      - build-image
      - format
      - lint-css
      - lint-ts
      - test
      - test-integration
      - test-smoke
      - test-visual-regression
      - test-web
      - typecheck

    steps:
      - name: 'Set up flyctl'
        uses: superfly/flyctl-actions/setup-flyctl@1.5

      - name: 'Log in to the registry'
        run: flyctl auth docker
        env:
          FLY_API_TOKEN: ${{ secrets.FLY_API_TOKEN }}

      - name: 'Download image'
        uses: actions/download-artifact@v4.1.8
        with:
          name: image
          path: /tmp

      - name: 'Load image'
        run: docker load --input /tmp/image.tar

      - name: 'Generate image name'
        id: image
        run: echo "image=registry.fly.io/prereview:${{ github.sha }}" >> $GITHUB_OUTPUT

      - name: 'Tag image'
        run: docker tag ${{ needs.build-image.outputs.image }} ${{ steps.image.outputs.image }}

      - name: 'Push image'
        run: docker push ${{ steps.image.outputs.image }}

  deploy:
    name: 'Deploy (${{ matrix.instance }})'
    runs-on: ubuntu-22.04
    timeout-minutes: 30
    if: github.ref == 'refs/heads/main'
    needs:
      - push
    strategy:
      fail-fast: false
      matrix:
        instance: ['prod', 'sandbox']

    steps:
      - name: 'Checkout code'
        uses: actions/checkout@v4.2.0
        with:
          sparse-checkout: fly.${{ matrix.instance }}.toml
          sparse-checkout-cone-mode: false

      - name: 'Set up flyctl'
        uses: superfly/flyctl-actions/setup-flyctl@1.5

      - name: 'Deploy app'
        run: flyctl deploy --config fly.${{ matrix.instance }}.toml --image ${{ needs.push.outputs.image }}
        env:
          FLY_API_TOKEN: ${{ secrets.FLY_API_TOKEN }}

  notify:
    name: 'Notify of failure'
    runs-on: ubuntu-22.04
    timeout-minutes: 30
    needs:
      - deploy
    if: failure() && github.ref == 'refs/heads/main'

    steps:
      - uses: voxmedia/github-action-slack-notify-build@v1.6.0
        env:
          SLACK_BOT_TOKEN: ${{ secrets.SLACK_NOTIFICATIONS_BOT_TOKEN }}
        with:
          channel_id: G015ZLXJA9W
          status: FAILED
          color: danger