modrinth/.github/workflows/frontend-preview.yml

name: Deploy frontend preview

on:
  pull_request:
    paths:
      - 'apps/frontend/**/*'
      - 'packages/ui/**/*'
      - 'packages/utils/**/*'
      - 'packages/assets/**/*'
      - '**/wrangler.jsonc'
      - '**/pnpm-*.yaml'
      - '.github/workflows/frontend-preview.yml'

jobs:
  deploy:
    if: github.repository_owner == 'modrinth' && github.event.pull_request.head.repo.full_name == github.repository
    uses: ./.github/workflows/frontend-deploy.yml
    secrets: inherit
    concurrency:
      group: ${{ github.workflow }}-${{ github.ref }}-${{ matrix.environment }}
      cancel-in-progress: true
    strategy:
      matrix:
        environment: [staging-preview, production-preview]
    with:
      environment: ${{ matrix.environment }}
      head_sha: ${{ github.event.pull_request.head.sha }}
      head_ref: ${{ github.event.pull_request.head.ref }}

  deploy-storybook:
    if: github.repository_owner == 'modrinth' && github.event.pull_request.head.repo.full_name == github.repository
    runs-on: blacksmith-2vcpu-ubuntu-2404
    concurrency:
      group: ${{ github.workflow }}-${{ github.ref }}-storybook
      cancel-in-progress: true
    permissions:
      contents: read
      deployments: write
    steps:
      - name: Checkout code
        uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2

      - name: Setup Node
        uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6.4.0
        with:
          node-version-file: .nvmrc

      - name: Enable Corepack
        run: corepack enable

      - name: Get pnpm store path
        id: pnpm-store
        run: echo "store-path=$(pnpm store path --silent)" >> $GITHUB_OUTPUT

      - name: Restore pnpm cache
        uses: actions/cache/restore@27d5ce7f107fe9357f9df03efb73ab90386fccae # v5.0.5
        with:
          path: ${{ steps.pnpm-store.outputs.store-path }}
          key: pnpm-cache-${{ runner.os }}-${{ runner.arch }}-${{ hashFiles('**/pnpm-lock.yaml') }}
          restore-keys: |
            pnpm-cache-

      - name: Install dependencies
        working-directory: ./packages/ui
        run: pnpm install

      - name: Build Storybook
        working-directory: ./packages/ui
        run: pnpm run build-storybook

      - name: Configure short SHA
        id: meta
        env:
          HEAD_SHA: ${{ github.event.pull_request.head.sha }}
        run: echo "sha_short=${HEAD_SHA::8}" >> $GITHUB_OUTPUT

      - name: Deploy Storybook preview
        uses: cloudflare/wrangler-action@9acf94ace14e7dc412b076f2c5c20b8ce93c79cd # v3.15.0
        env:
          NODE_OPTIONS: --max-old-space-size=6144
        with:
          apiToken: ${{ secrets.CF_API_TOKEN }}
          accountId: ${{ secrets.CF_ACCOUNT_ID }}
          workingDirectory: ./packages/ui
          packageManager: pnpm
          wranglerVersion: '4.54.0'
          command: versions upload --preview-alias git-${{ steps.meta.outputs.sha_short }}

  comment:
    if: |
      !cancelled()
      && github.repository_owner == 'modrinth'
      && github.event.pull_request.head.repo.full_name == github.repository
      && needs.deploy.result == 'success'
    runs-on: ubuntu-latest
    needs: [deploy, deploy-storybook]
    steps:
      - name: Download deployment URLs
        uses: actions/download-artifact@3e5f45b2cfb9172054b4087a40e8e0b5a5461e7c # v8.0.1
        with:
          pattern: deployment-url-*
          merge-multiple: true

      - name: Read deployment URLs
        id: urls
        env:
          HEAD_SHA: ${{ github.event.pull_request.head.sha }}
          STORYBOOK_RESULT: ${{ needs.deploy-storybook.result }}
          RUN_URL: ${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}
        run: |
          STAGING_PREVIEW_URL=$(cat deployment-url-staging-preview.txt)
          PRODUCTION_PREVIEW_URL=$(cat deployment-url-production-preview.txt)

          if [ "$STORYBOOK_RESULT" = "success" ]; then
            STORYBOOK_PREVIEW_URL="https://git-${HEAD_SHA::8}-storybook.modrinth.workers.dev"
          else
            STORYBOOK_PREVIEW_URL="⚠️ Deployment $STORYBOOK_RESULT ([logs]($RUN_URL))"
          fi

          echo "Production preview URL: $PRODUCTION_PREVIEW_URL"
          echo "Staging preview URL: $STAGING_PREVIEW_URL"
          echo "Storybook preview URL: $STORYBOOK_PREVIEW_URL"

          echo "staging-preview-url=$STAGING_PREVIEW_URL" >> $GITHUB_OUTPUT
          echo "production-preview-url=$PRODUCTION_PREVIEW_URL" >> $GITHUB_OUTPUT
          echo "storybook-preview-url=$STORYBOOK_PREVIEW_URL" >> $GITHUB_OUTPUT

      - name: Find comment
        if: github.event_name == 'pull_request'
        uses: peter-evans/find-comment@b30e6a3c0ed37e7c023ccd3f1db5c6c0b0c23aad # v4.0.0
        id: fc
        with:
          token: ${{ secrets.CROWDIN_GH_TOKEN }}
          issue-number: ${{ github.event.pull_request.number }}
          body-includes: Frontend previews

      - name: Comment deploy URL on PR
        if: github.event_name == 'pull_request'
        uses: peter-evans/create-or-update-comment@e8674b075228eee787fea43ef493e45ece1004c9 # v5.0.0
        with:
          token: ${{ secrets.CROWDIN_GH_TOKEN }}
          issue-number: ${{ github.event.pull_request.number }}
          comment-id: ${{ steps.fc.outputs.comment-id }}
          body: |
            ## Frontend previews

            Last deployed commit is [${{ github.event.pull_request.head.sha }}](${{ github.event.pull_request.head.repo.html_url }}/commit/${{ github.event.pull_request.head.sha }})

            | Environment | URL |
            |-------------|-----|
            | staging     | ${{ steps.urls.outputs.staging-preview-url }} |
            | production  | ${{ steps.urls.outputs.production-preview-url }} |
            | storybook   | ${{ steps.urls.outputs.storybook-preview-url }} |
          edit-mode: replace