example-apps-ci.yml

name: Build Example Apps

on:
  pull_request:
    types: [opened, synchronize, reopened, "ready_for_review"]
  push:
    branches:
      - main

concurrency:
  group: CI-Example-Apps-${{ github.ref }}
  cancel-in-progress: true

env:
  TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}

jobs:
  build-example-apps:
    strategy:
      matrix:
        include:
          - node-version: 20
            example-app: wc-angular12
          - node-version: 16
            example-app: wc-next10
          - node-version: 20
            example-app: wc-next13
          - node-version: 16
            example-app: wc-nuxt2
          - node-version: 20
            example-app: wc-nuxt3
          - node-version: 20
            example-app: wc-react17
          - node-version: 20
            example-app: wc-react18
          - node-version: 20
            example-app: wc-vanilla
          - node-version: 20
            example-app: wc-vue3
    name: Build ${{matrix.example-app}} - Node ${{ matrix.node-version }}
    uses: ./.github/workflows/install-build.yml
    with:
      os: ubuntu-latest
      node-version: ${{ matrix.node-version }}
      build-script: build:examples --filter=${{ matrix.example-app }}
    secrets: inherit

  lint-example-apps:
    strategy:
      matrix:
        include:
          - node-version: 16
            example-app: wc-next10
            os: ubuntu-latest
          - node-version: 20
            example-app: wc-next13
            os: ubuntu-latest
    needs: build-example-apps
    name: Lint ${{ matrix.example-app }}
    runs-on: ${{ matrix.os }}
    steps:
      # Checkout the Repo
      - name: Checkout
        uses: actions/checkout@v3
      # Setup Repo
      - name: Setup Repo
        uses: ./.github/actions/setup-repo
        with:
          node-version: ${{ matrix.node-version }}
          os: ${{ matrix.os }}
      # Linting
      - name: Linting
        uses: ./.github/actions/run-script
        with:
          script-name: "lint:examples --filter=${{ matrix.example-app }}"

  deploy-example-apps:
    needs: lint-example-apps
    if: github.event_name == 'push' && github.ref == 'refs/heads/main'
    strategy:
      matrix:
        include:
          - node-version: 20
            amplify-app-id: d3krjop5uu4oza
            build-script: build:examples
            dist-folder: ./apps/examples/wc-angular12/dist/wc-angular12
            example-app: wc-angular12

          - node-version: 16
            amplify-app-id: d2po5gzj2z57w1
            build-script: build:examples
            dist-folder: ./apps/examples/wc-next10/build
            example-app: wc-next10

          - node-version: 20
            amplify-app-id: d3g23senqajlhy
            build-script: build:examples
            dist-folder: ./apps/examples/wc-next13/build
            example-app: wc-next13
          # Using the generate:examples script for static hosting. SSR requires more investigation
          - node-version: 16
            amplify-app-id: d3puta7o12ynlf
            build-script: generate:examples
            dist-folder: ./apps/examples/wc-nuxt2/dist
            example-app: wc-nuxt2
          # Using the generate:examples script for static hosting. SSR requires more investigation
          - node-version: 20
            amplify-app-id: d1mfepkt71qwu0
            build-script: generate:examples
            dist-folder: ./apps/examples/wc-nuxt3/dist
            example-app: wc-nuxt3

          - node-version: 20
            amplify-app-id: d2a3kuvjs3esad
            build-script: build:examples
            dist-folder: ./apps/examples/wc-react17/build
            example-app: wc-react17

          - node-version: 20
            amplify-app-id: d1zlc7g0rtfm9g
            build-script: build:examples
            dist-folder: ./apps/examples/wc-react18/build
            example-app: wc-react18

          - node-version: 20
            amplify-app-id: d1vykunmq1k4jp
            build-script: build:examples
            dist-folder: ./apps/examples/wc-vanilla/dist
            example-app: wc-vanilla

          - node-version: 20
            amplify-app-id: dtgmklfymp81v
            build-script: build:examples
            dist-folder: ./apps/examples/wc-vue3/dist
            example-app: wc-vue3

    name: Deploy ${{matrix.example-app}}
    uses: ./.github/workflows/amplify-deploy.yml
    with:
      os: ubuntu-latest
      node-version: ${{ matrix.node-version }}
      amplify-app-id: ${{ matrix.amplify-app-id }}
      package-name: ${{ matrix.example-app}}
      package-dist-directory: ${{ matrix.dist-folder }}
      bucket-name-main: 'pie-example-apps-main'
      build-script: ${{ matrix.build-script }}
    secrets: inherit