owncast/.github/workflows/javascript-format-test-build.yml

name: Javascript

# This action works with pull requests and pushes
on:
  push:
    paths:
      - web/**
      - '!**.md'

  pull_request:
    paths:
      - web/**
      - '!**.md'

jobs:
  formatting:
    name: Code formatting
    runs-on: ubuntu-latest
    defaults:
      run:
        working-directory: ./web

    steps:
      - id: skip_check
        uses: fkirc/skip-duplicate-actions@v5
        with:
          concurrent_skipping: 'same_content_newer'
          cancel_others: 'true'
          skip_after_successful_duplicate: 'true'

      - name: Check out pull request code
        uses: actions/checkout@v4
        if: github.event_name == 'pull_request'
        with:
          repository: ${{ github.event.pull_request.head.repo.full_name }}
          ref: ${{github.event.pull_request.head.ref}}

      - name: Setup Nodejs
        uses: actions/setup-node@v4
        with:
          node-version: '22.9.0'

      - name: Check out repository code
        uses: actions/checkout@v4
        if: github.event_name == 'push'

      - name: Get changed files
        id: changed-files-yaml
        uses: tj-actions/changed-files@v45
        with:
          path: 'web'
          files_ignore: |
            static/**
            web/next.config.js            
          files_yaml: |
            src:
              - '**/*.{js,ts,tsx,jsx,md}'            

      - name: Cache node modules
        uses: actions/cache@v4
        env:
          cache-name: cache-node-modules-bundle-web-app
        with:
          path: ~/.npm
          key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('web/package-lock.json') }}
          restore-keys: |
            ${{ runner.os }}-build-${{ env.cache-name }}-
            ${{ runner.os }}-build-
            ${{ runner.os }}-            

      - name: Install Dependencies
        run: npm install

      - name: Lint and fix
        if: steps.changed-files-yaml.outputs.src_any_changed == 'true' && github.event_name != 'pull_request'
        run: npx eslint --fix ${{ steps.changed-files-yaml.outputs.src_all_changed_files }}

      - name: Lint
        if: steps.changed-files-yaml.outputs.src_any_changed == 'true' && github.event_name == 'pull_request'
        run: npx eslint ${{ steps.changed-files-yaml.outputs.src_all_changed_files }}

      - name: Prettier formatting
        if: steps.changed-files-yaml.outputs.src_any_changed == 'true' && github.event_name == 'pull_request'
        run: npx prettier --write ${{ steps.changed-files-yaml.outputs.src_all_changed_files }}

      - name: Prettier check
        if: steps.changed-files-yaml.outputs.src_any_changed == 'true' && github.event_name != 'pull_request'
        run: npx prettier ${{ steps.changed-files-yaml.outputs.src_all_changed_files }}

      - name: Debug changed files output
        run: 'pwd && echo "Changed files: ${{ steps.changed-files-yaml.outputs.src_all_changed_files }}"'

      - name: Commit changes
        if: steps.changed-files-yaml.outputs.src_any_changed == 'true' && github.event_name != 'pull_request'
        uses: EndBug/add-and-commit@v9
        with:
          author_name: Owncast
          author_email: owncast@owncast.online
          message: 'Javascript formatting autofixes'
          add: ${{ steps.changed-files-yaml.outputs.src_all_changed_files }}
          cwd: './web' # Ensure this is the correct relative directory
          pull: '--rebase --autostash'

  unused-code:
    name: Test for unused code
    runs-on: ubuntu-latest
    defaults:
      run:
        working-directory: ./web

    steps:
      - id: skip_check
        uses: fkirc/skip-duplicate-actions@v5
        with:
          concurrent_skipping: 'same_content_newer'
          cancel_others: 'true'
          skip_after_successful_duplicate: 'true'

      - name: Check out pull request code
        uses: actions/checkout@v4
        if: github.event_name == 'pull_request'
        with:
          repository: ${{ github.event.pull_request.head.repo.full_name }}

      - name: Check out repository code
        uses: actions/checkout@v4
        if: github.event_name == 'push'

      - name: Setup Nodejs
        uses: actions/setup-node@v4
        with:
          node-version: '22.9.0'

      - name: Cache node modules
        uses: actions/cache@v4
        env:
          cache-name: cache-node-modules-bundle-web-app
        with:
          path: ~/.npm
          key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('web/package-lock.json') }}
          restore-keys: |
            ${{ runner.os }}-build-${{ env.cache-name }}-
            ${{ runner.os }}-build-
            ${{ runner.os }}-            

      - name: Install Dependencies
        run: npm install

      - name: Check for unused JS code and dependencies
        run: npx knip --include dependencies,files,exports

      - name: Run tests
        working-directory: ./web
        run: npm test

  # After any formatting and linting is complete we can run the build
  # and bundle step. This both will verify that the build is successful as
  # well as commiting the updated static files into the repository for use.
  web-bundle:
    name: Build and bundle web project
    runs-on: ubuntu-latest
    if: github.repository == 'owncast/owncast'
    needs: [formatting, unused-code]
    steps:
      - id: skip_check
        uses: fkirc/skip-duplicate-actions@v5
        with:
          concurrent_skipping: 'same_content_newer'
          cancel_others: 'true'
          skip_after_successful_duplicate: 'true'

      - name: Setup Nodejs
        uses: actions/setup-node@v4
        with:
          node-version: '22.9.0'

      - name: Cache node modules
        uses: actions/cache@v4
        env:
          cache-name: cache-node-modules-bundle-web-app
        with:
          path: ~/.npm
          key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('web/package-lock.json') }}
          restore-keys: |
            ${{ runner.os }}-build-${{ env.cache-name }}-
            ${{ runner.os }}-build-
            ${{ runner.os }}-            

      - name: Check out pull request code
        uses: actions/checkout@v4
        if: github.event_name == 'pull_request'
        with:
          repository: ${{ github.event.pull_request.head.repo.full_name }}

      - name: Check out repository code
        uses: actions/checkout@v4
        if: github.event_name == 'push'

      - name: Bundle web app (next.js build)
        run: build/web/bundleWeb.sh

      - name: Rebase
        if: ${{ github.ref == 'refs/heads/develop' }}
        run: |
          git add static/web
          git pull --rebase --autostash          

        # Only commit built web project files on develop.
      - name: Commit changes
        if: ${{ github.ref == 'refs/heads/develop' }}
        uses: EndBug/add-and-commit@v9
        with:
          message: 'Bundle embedded web app'
          add: 'static/web'
          author_name: Owncast
          author_email: owncast@owncast.online

      - name: Push changes
        if: ${{ github.ref == 'refs/heads/develop' }}
        run: |
          git pull --rebase --autostash
          git push