deploy-demo.yml

name: Deploy Demo to GitHub Pages

on:
  # Trigger on all releases (including pre-releases)
  release:
    types: [published]

  # Allow manual deployment
  workflow_dispatch:
    inputs:
      version:
        description: 'Package version to use in demo (leave empty for latest)'
        required: false
        type: string

# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
permissions:
  contents: read
  pages: write
  id-token: write

# Allow only one concurrent deployment
concurrency:
  group: "pages"
  cancel-in-progress: false

jobs:
  build:
    name: Build Demo
    runs-on: ubuntu-latest

    steps:
      - name: Checkout repository
        uses: actions/checkout@v4

      - name: Setup Node 20
        uses: actions/setup-node@v4
        with:
          node-version: 20
          cache: 'npm'
          cache-dependency-path: demo/package-lock.json

      - name: Get version to deploy
        id: version
        run: |
          if [ -n "${{ github.event.inputs.version }}" ]; then
            # Manual workflow dispatch with version
            VERSION="${{ github.event.inputs.version }}"
          elif [ "${{ github.event_name }}" == "release" ]; then
            # Release event - use the tag name (remove 'v' prefix if present)
            VERSION="${{ github.event.release.tag_name }}"
            VERSION="${VERSION#v}"
          else
            # Fallback to package.json version
            VERSION=$(node -p "require('./package.json').version")
          fi
          echo "version=$VERSION" >> $GITHUB_OUTPUT
          echo "Deploying demo with version: $VERSION"

      - name: Update demo package version
        working-directory: ./demo
        run: |
          VERSION="${{ steps.version.outputs.version }}"
          echo "Updating react-lite-youtube-embed to version $VERSION"

          # Update package.json with new version
          npm install react-lite-youtube-embed@$VERSION --save --package-lock-only

          # Show what version was installed
          INSTALLED_VERSION=$(node -p "require('./package.json').dependencies['react-lite-youtube-embed']")
          echo "Updated to version: $INSTALLED_VERSION"

      - name: Install demo dependencies
        working-directory: ./demo
        run: npm ci

      - name: Build demo
        working-directory: ./demo
        env:
          NODE_ENV: production
        run: npm run build

      - name: Add .nojekyll file
        working-directory: ./demo
        run: touch out/.nojekyll

      - name: Upload artifact
        uses: actions/upload-pages-artifact@v3
        with:
          path: ./demo/out

  deploy:
    name: Deploy to GitHub Pages
    environment:
      name: github-pages
      url: ${{ steps.deployment.outputs.page_url }}
    runs-on: ubuntu-latest
    needs: build

    steps:
      - name: Deploy to GitHub Pages
        id: deployment
        uses: actions/deploy-pages@v4

      - name: Create deployment summary
        run: |
          echo "## 🚀 Demo Deployed Successfully!" >> $GITHUB_STEP_SUMMARY
          echo "" >> $GITHUB_STEP_SUMMARY
          echo "### 🔗 Live Demo" >> $GITHUB_STEP_SUMMARY
          echo "- **URL**: ${{ steps.deployment.outputs.page_url }}" >> $GITHUB_STEP_SUMMARY
          echo "" >> $GITHUB_STEP_SUMMARY
          if [ "${{ github.event_name }}" == "release" ]; then
            echo "### 📦 Release Information" >> $GITHUB_STEP_SUMMARY
            echo "- **Version**: ${{ github.event.release.tag_name }}" >> $GITHUB_STEP_SUMMARY
            echo "- **Release**: [${{ github.event.release.name }}](${{ github.event.release.html_url }})" >> $GITHUB_STEP_SUMMARY
            if [ "${{ github.event.release.prerelease }}" == "true" ]; then
              echo "- **Type**: Pre-release 🧪" >> $GITHUB_STEP_SUMMARY
            else
              echo "- **Type**: Stable Release ✅" >> $GITHUB_STEP_SUMMARY
            fi
          fi