01-build-showcases.yml

---
name: Build Showcases

on:
  workflow_call:

jobs:
  build-showcases:
    name: Build Showcases
    runs-on: ubuntu-latest
    strategy:
      fail-fast: false
      matrix:
        showcases:
          [angular, playground, react, reactwind, vue]
    steps:
      - name: ⬇ Checkout repo
        uses: actions/checkout@v4

      - name: 🔄 Init Cache
        uses: ./.github/actions/npm-cache

      - name: ↔ Get download params for showcase
        run: |
          if echo ${{ matrix.showcases }} | grep -c "angular"
          then
            echo "framework=angular" >> $GITHUB_OUTPUT
          elif echo ${{ matrix.showcases }} | grep -c "playground"
          then
            echo "framework=react" >> $GITHUB_OUTPUT
          elif echo ${{ matrix.showcases }} | grep -c "react"
          then
            echo "framework=react" >> $GITHUB_OUTPUT
          elif echo ${{ matrix.showcases }} | grep -c "reactwind"
          then
            echo "framework=react" >> $GITHUB_OUTPUT
          else
            echo "framework=vue" >> $GITHUB_OUTPUT
          fi
          echo "theme=default" >> $GITHUB_OUTPUT
        id: download-params

      - name: ⬇ Download Stencil ${{ steps.download-params.outputs.theme }}
        uses: actions/download-artifact@v4
        with:
          name: stencil-${{ steps.download-params.outputs.theme }}-${{ steps.download-params.outputs.framework }}
          path: packages/db-ui-elements-stencil

      - name: ⬇ Download Output Target ${{ steps.download-params.outputs.framework }}
        uses: actions/download-artifact@v4
        with:
          name: output-target-${{ steps.download-params.outputs.theme }}-${{ steps.download-params.outputs.framework }}
          path: packages/db-ui-elements-${{ steps.download-params.outputs.framework }}

      - name: 🔨 Build Showcase ${{ matrix.showcases }}
        run: |
          cd showcase/${{ matrix.showcases }}-showcase
          npm i
          npm run build
          cp dist/${{ matrix.showcases }}-showcase/index.html dist/${{ matrix.showcases }}-showcase/404.html

      - name: ⬆ Upload Showcase ${{ matrix.showcases }} dist folder
        uses: actions/upload-artifact@v4
        with:
          name: showcase-${{ matrix.showcases }}
          path: showcase/${{ matrix.showcases }}-showcase/dist

      - name: 💀 Killing me softly
        uses: ./.github/actions/cancel-workflow
        if: failure()
        with:
          token: ${{ secrets.GITHUB_TOKEN }}