documentation-pr.yml

name: PR Documentation and Storybook

on:
  pull_request:
    branches:
      - dev
      - master

concurrency:
  # New commit on branch cancels running workflows of the same branch
  group: ${{ github.workflow }}-${{ github.head_ref }}
  cancel-in-progress: true

jobs:
  scope:
    uses: ./.github/workflows/change-detection.yml
    with:
      as-enumeration: true
    secrets: inherit

  build:
    name: Build
    needs: scope
    if: ${{ needs.scope.outputs.HAS_DOCUMENTATION_CHANGED == 'true' }}
    runs-on: ubuntu-latest
    env:
      NPM_REGISTRY_TOKEN: ${{ secrets.NPM_REGISTRY_TOKEN }}
      PR_NAME: pr-${{ github.event.number }}
      ICONS_PUBLIC_URL: /icons
    steps:
      - uses: actions/checkout@v3

      - uses: ./.github/actions/prepare-environment

      - name: Computed scope
        id: scope
        uses: actions/github-script@v6
        env:
          ENUMERATION: ${{ toJSON(needs.scope.outputs.PACKAGES_ENUMERATION) }}
        with:
          result-encoding: string
          script: |
            const { ENUMERATION } = process.env;
            
            const enumeration = JSON.parse(JSON.parse(ENUMERATION));
                                    
            if (!enumeration.includes('plasma-core')) {
              enumeration.push('plasma-core');
            }
            
            if (!enumeration.includes('plasma-hope')) {
              enumeration.push('plasma-hope');
            }

            if (!enumeration.includes('plasma-new-hope')) {
              enumeration.push('plasma-new-hope');
            }

            if (!enumeration.includes('plasma-tokens-utils')) {
              enumeration.push('plasma-tokens-utils');
            }
            
            if (enumeration.includes('plasma-tokens-native') && !enumeration.includes('plasma-tokens')) {
              enumeration.push('plasma-tokens');
            }
            
            if (!enumeration.includes('plasma-icons')) {
              enumeration.push('plasma-icons');
            }
            
            if (!enumeration.includes('plasma-docs-ui')) {
              enumeration.push('plasma-docs-ui');
            }
            
            if (!enumeration.includes('plasma-website')) {
              enumeration.push('plasma-website');
            }
            
            if(enumeration.includes('plasma-website') && !enumeration.includes('plasma-b2c')) {
              enumeration.push('plasma-b2c');
            }
            
            if (enumeration.includes('plasma-temple-docs') || enumeration.includes('plasma-ui-docs')) {
              enumeration.push('plasma-web');
            }
            
            return enumeration.join(',');  

      - name: Lerna bootstrap
        run: npx lerna bootstrap --scope=@salutejs/{${{steps.scope.outputs.result}}}

      - name: Prepare directory
        run: mkdir -p s3_build/${PR_NAME}

      # TODO: https://github.com/salute-developers/plasma/issues/603
      - name: Plasma Website
        run: |
          export NODE_OPTIONS=--openssl-legacy-provider
          npm run build --prefix="./website/plasma-website"
          cp -R ./website/plasma-website/build/. ./s3_build/${PR_NAME}

      - name: Plasma UI Docs
        if: ${{ needs.scope.outputs.HAS_PLASMA_UI_DOCS == 'true' && needs.scope.outputs.HAS_PLASMA_UI == 'true' }}
        run: |
          export NODE_OPTIONS=--openssl-legacy-provider
          npm run build --prefix="./website/plasma-ui-docs"
          cp -R ./website/plasma-ui-docs/build ./s3_build/${PR_NAME}/ui

      - name: Plasma Web Docs
        if: ${{ needs.scope.outputs.HAS_PLASMA_WEB_DOCS == 'true' }}
        run: |
          export NODE_OPTIONS=--openssl-legacy-provider
          npm run build --prefix="./website/plasma-web-docs"
          cp -R ./website/plasma-web-docs/build ./s3_build/${PR_NAME}/web

      - name: Plasma Web Temple
        if: ${{ needs.scope.outputs.HAS_PLASMA_TEMPLE_DOCS == 'true' && needs.scope.outputs.HAS_PLASMA_TEMPLE == 'true' }}
        run: |
          export NODE_OPTIONS=--openssl-legacy-provider
          npm run build --prefix="./website/plasma-temple-docs"
          cp -R ./website/plasma-temple-docs/build ./s3_build/${PR_NAME}/temple

      - name: Plasma UI Storybook
        if: ${{ needs.scope.outputs.HAS_PLASMA_UI == 'true' }}
        run: |
          npm run storybook:build --prefix="./packages/plasma-ui"
          cp -R ./packages/plasma-ui/build-sb ./s3_build/${PR_NAME}/ui-storybook

      - name: Plasma Web Storybook
        if: ${{ needs.scope.outputs.HAS_PLASMA_WEB == 'true' }}
        run: |
          npm run storybook:build --prefix="./packages/plasma-web"
          cp -R ./packages/plasma-web/build-sb ./s3_build/${PR_NAME}/web-storybook

      - name: Plasma B2C Storybook
        if: ${{ needs.scope.outputs.HAS_PLASMA_B2C == 'true' }}
        run: |
          npm run storybook:build --prefix="./packages/plasma-b2c"
          cp -R ./packages/plasma-b2c/build-sb ./s3_build/${PR_NAME}/b2c-storybook

      - name: Plasma Temple Storybook
        if: ${{ needs.scope.outputs.HAS_PLASMA_TEMPLE == 'true' }}
        run: |
          npm run storybook:build --prefix="./packages/plasma-temple"
          cp -R ./packages/plasma-temple/build-sb ./s3_build/${PR_NAME}/temple-storybook

      - name: Install s3cmd
        run: pip3 install s3cmd

      - name: s3 Upload builds
        run: >
          s3cmd
          --access_key ${{ secrets.AWS_ACCESS_KEY_ID }}
          --secret_key ${{ secrets.AWS_SECRET_ACCESS_KEY }}
          --host ${{ secrets.AWS_ENDPOINT }}
          --host-bucket ${{ secrets.AWS_ENDPOINT }}
          --bucket-location ${{ secrets.AWS_REGION }}
          --signature-v2
          --delete-removed
          --no-mime-magic
          sync
          ./s3_build/${PR_NAME}/
          s3://${{ secrets.AWS_S3_BUCKET_2 }}/pr/${PR_NAME}/

      - name: Post success comment
        uses: actions/github-script@v6
        env:
          HAS_PLASMA_B2C: ${{ fromJSON(needs.scope.outputs.HAS_PLASMA_B2C) }}
          HAS_PLASMA_WEB: ${{ fromJSON(needs.scope.outputs.HAS_PLASMA_WEB) }}
          HAS_PLASMA_UI: ${{ fromJSON(needs.scope.outputs.HAS_PLASMA_UI) }}
          HAS_PLASMA_TEMPLE: ${{ fromJSON(needs.scope.outputs.HAS_PLASMA_TEMPLE) }}
        with:
          github-token: ${{secrets.GH_TOKEN}}
          script: |
            const { HAS_PLASMA_B2C, HAS_PLASMA_WEB, HAS_PLASMA_UI, HAS_PLASMA_TEMPLE } = process.env;
                              
            const { 
              issue: { number }, 
              repo: { owner, repo } 
            } = context;
            
            const links = [
              `website: http://plasma.sberdevices.ru/pr/pr-${number}/`
            ];
            
            if (HAS_PLASMA_B2C === 'true') {
              links.push(`b2c storybook: http://plasma.sberdevices.ru/pr/pr-${number}/b2c-storybook/`)
            }
            
            if (HAS_PLASMA_WEB === 'true') {
              links.push(`web storybook: http://plasma.sberdevices.ru/pr/pr-${number}/web-storybook/`)
            }
            
            if (HAS_PLASMA_UI === 'true') {
              links.push(`ui storybook: http://plasma.sberdevices.ru/pr/pr-${number}/ui-storybook/`)
            }
            
            if (HAS_PLASMA_TEMPLE === 'true') {
              links.push(`temple storybook: http://plasma.sberdevices.ru/pr/pr-${number}/temple-storybook/`)
            }
            
            github.rest.issues.createComment({
              issue_number: number,
              owner,
              repo,
              body: `Documentation preview deployed!
            
              ${links.join('\n')}
              `
            });