main.yml

name: CI
on:
  - push
  - pull_request
jobs:
  build:
    name: Build, lint, and test component on Node ${{ matrix.node }} and ${{ matrix.os }}

    runs-on: ${{ matrix.os }}
    strategy:
      matrix:
        node: ['16', '18']
        os: [ubuntu-latest, windows-latest, macOS-latest]

    steps:
      - name: Checkout repo
        uses: actions/checkout@v3

      - name: Use Node ${{ matrix.node }}
        uses: actions/setup-node@v3
        with:
          node-version: ${{ matrix.node }}

      - name: Install deps and build component (with cache)
        run: npm install

      - name: Lint
        run: npm run lint

      - name: Test component
        run: npm run test --ci --coverage --maxWorkers=2

  pack:
    name: Pack and upload component

    runs-on: ubuntu-latest

    steps:
      - name: Checkout repo
        uses: actions/checkout@v3

      - name: Install deps and build component (with cache)
        run: npm install

      - name: Pack component
        run: npm pack

      - name: Upload component
        uses: actions/upload-artifact@v3
        with:
          name: react-image-display-control
          path: frameright-react-image-display-control-*.tgz
          if-no-files-found: error

  example:
    name: Build the example

    runs-on: ubuntu-latest

    steps:
      - name: Checkout repo
        uses: actions/checkout@v3

      - name: Build component and example
        run: ./clean-build-and-run.sh --build-only
        working-directory: example/