pr-demo.yml

name: PR Demo CI
on:
  pull_request:

permissions:
  contents: write
  pull-requests: write
  statuses: write
  checks: write
  pages: write

concurrency:
  group: "${{ github.workflow }} @ ${{ github.event.pull_request.head.label || github.head_ref || github.ref }}"
  cancel-in-progress: true

jobs:
  build:
    name: Build demo on PR
    runs-on: ubuntu-latest

    steps:
      - name: Checkout sources
        uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 #v4.2.2

      - name: Use Node.js
        uses: ./.github/actions/setup-node

      - name: Install
        working-directory: ./
        env:
          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
        run: yarn install --frozen-lockfile
  
      - name: Build Demo
        run: yarn test:demo

      - name: Checkout demo branch
        uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 #v4.2.2
        with:
          path: demo
          ref: gh-pages

      - name: Add demo and commit it
        # symlink creation : workaround to be able to use service worker on storybook both in local and via github pages deployment
        run: |
          echo "Prepare demo folder"
          cd demo && git rm -rf --ignore-unmatch ${{ github.event.number }} && cd ..
          mkdir -p ./demo/${{ github.event.number }}
          cp ./index.html ./demo/${{ github.event.number }}/
          mkdir ./demo/${{ github.event.number }}/cmf
          mkdir ./demo/${{ github.event.number }}/containers
          mkdir ./demo/${{ github.event.number }}/design-system
          mkdir ./demo/${{ github.event.number }}/faceted-search
          mkdir ./demo/${{ github.event.number }}/theme
          mkdir ./demo/${{ github.event.number }}/storybook-one
          cp -R packages/cmf/jsdoc ./demo/${{ github.event.number }}/cmf
          cp -R packages/containers/storybook-static/* ./demo/${{ github.event.number }}/containers
          cp -R packages/design-docs/storybook-static/* ./demo/${{ github.event.number }}/design-system
          cp -R packages/faceted-search/storybook-static/* ./demo/${{ github.event.number }}/faceted-search
          cp -R packages/theme/dist/* ./demo/${{ github.event.number }}/theme
          cp -R packages/storybook-one/storybook-static/* ./demo/${{ github.event.number }}/storybook-one
          echo Size of demo:
          du -d 1 -h ./demo/${{ github.event.number }}
          cd demo && git add .

      - name: Commit demo for gh-pages
        uses: actions-js/push@5a7cbd780d82c0c937b5977586e641b2fd94acc5 #v1.5
        with:
          directory: "./demo"
          github_token: ${{ secrets.GITHUB_TOKEN }}
          message: "doc: update demo from ${{ github.event.number }}"
          branch: gh-pages

      - name: Find Comment
        uses: peter-evans/find-comment@v2
        id: fc
        with:
          issue-number: ${{ github.event.number }}
          body-includes: Storybook for this PR deployed on this

      - name: Create comment
        uses: peter-evans/create-or-update-comment@c6c9a1a66007646a28c153e2a8580a5bad27bcfa #v3.0.2
        if: steps.fc.outputs.comment-id == ''
        with:
          issue-number: ${{ github.event.number }}
          body: |
            Storybook for this PR deployed on this [github page](https://talend.github.io/ui/${{ github.event.number }})