preview-publish.yml

name: PREVIEW_PUBLISH

on:
  workflow_run:
    workflows: ['MAIN_PULL_REQUEST']
    types:
      - completed

concurrency:
  group: preview-publish-${{ github.event.workflow_run.head_branch }}-${{ github.event.workflow_run.head_repository.full_name }}
  cancel-in-progress: true

permissions:
  contents: read
  actions: read
  pull-requests: write

jobs:
  preflight:
    runs-on: ubuntu-latest
    if: >-
      github.event.workflow_run.conclusion == 'success' &&
      github.event.workflow_run.event == 'pull_request'
    outputs:
      pr_id: ${{ steps.pr.outputs.id }}
      web_components_domain: ${{ steps.domains.outputs.web_components_domain }}
      chat_domain: ${{ steps.domains.outputs.chat_domain }}
    steps:
      - name: Download PR metadata
        uses: dawidd6/action-download-artifact@v21
        with:
          workflow: ${{ github.event.workflow_run.name }}
          run_id: ${{ github.event.workflow_run.id }}
          name: pr-id
          path: ./pr-id

      - name: Extract PR number
        id: pr
        run: |
          PR_ID=$(cat ./pr-id/pr-id.txt)
          if [ -z "$PR_ID" ]; then
            echo "::error::Failed to extract PR id from artifact"
            exit 1
          fi
          echo "id=$PR_ID" >> "$GITHUB_OUTPUT"

      - name: Compute preview domains
        id: domains
        env:
          PR_ID: ${{ steps.pr.outputs.id }}
          OWNER: ${{ github.repository_owner }}
        run: |
          OWNER_LOWER=$(echo "$OWNER" | tr '[:upper:]' '[:lower:]')
          {
            echo "web_components_domain=https://preview-pr-${PR_ID}-${OWNER_LOWER}-tdesign-web-components.surge.sh"
            echo "chat_domain=https://preview-pr-${PR_ID}-${OWNER_LOWER}-tdesign-vue-next-chat.surge.sh"
          } >> "$GITHUB_OUTPUT"

  tdesign-web-components:
    needs: preflight
    runs-on: ubuntu-latest
    steps:
      - name: Download artifact
        uses: dawidd6/action-download-artifact@v21
        with:
          workflow: ${{ github.event.workflow_run.name }}
          run_id: ${{ github.event.workflow_run.id }}
          name: tdesign-web-components-site
          path: ./site

      - name: Prepare SPA fallback
        run: cp ./site/index.html ./site/200.html

      - name: Deploy to Surge.sh
        run: |
          npx surge --project ./site \
            --domain ${{ needs.preflight.outputs.web_components_domain }} \
            --token ${{ secrets.TDESIGN_SURGE_TOKEN }}

  tdesign-vue-next-chat:
    needs: preflight
    runs-on: ubuntu-latest
    steps:
      - name: Download artifact
        id: download
        uses: dawidd6/action-download-artifact@v21
        with:
          workflow: ${{ github.event.workflow_run.name }}
          run_id: ${{ github.event.workflow_run.id }}
          name: tdesign-vue-next-chat-site
          path: ./site
          if_no_artifact_found: warn

      - name: Skip if artifact missing
        if: steps.download.outputs.found_artifact != 'true'
        run: echo "::notice::chat artifact not found, skipping chat deployment"

      - name: Prepare SPA fallback
        if: steps.download.outputs.found_artifact == 'true'
        run: cp ./site/index.html ./site/200.html

      - name: Deploy to Surge.sh
        if: steps.download.outputs.found_artifact == 'true'
        run: |
          npx surge --project ./site \
            --domain ${{ needs.preflight.outputs.chat_domain }} \
            --token ${{ secrets.TDESIGN_SURGE_TOKEN }}

  preview-comment:
    if: always() && needs.preflight.result == 'success'
    needs:
      - preflight
      - tdesign-web-components
      - tdesign-vue-next-chat
    runs-on: ubuntu-latest
    steps:
      - name: Collect job results
        id: report
        uses: actions/github-script@v7
        env:
          WEB_COMPONENTS_DOMAIN: ${{ needs.preflight.outputs.web_components_domain }}
          CHAT_DOMAIN: ${{ needs.preflight.outputs.chat_domain }}
        with:
          script: |
            const { WEB_COMPONENTS_DOMAIN, CHAT_DOMAIN } = process.env;

            const { data: { jobs } } = await github.rest.actions.listJobsForWorkflowRun({
              owner: context.repo.owner,
              repo: context.repo.repo,
              run_id: context.runId,
              per_page: 100,
            });

            const components = {
              'tdesign-web-components': {
                package_name: '@tdesign/web-components-ui<br>@tdesign/web-components-chat',
                domain: WEB_COMPONENTS_DOMAIN,
                status: '',
                report_url: '',
              },
              'tdesign-vue-next-chat': {
                package_name: '@tdesign-vue-next/chat',
                domain: CHAT_DOMAIN,
                status: '',
                report_url: '',
              },
            };

            const previewSuccess = `<img width="300" alt="完成" src="https://user-images.githubusercontent.com/15634204/150816437-9f5bb788-cd67-4cbc-9897-b82d74e9aa65.png" />`;
            const previewFailure = `<img width="300" alt="失败" src="https://user-images.githubusercontent.com/5378891/75333447-1e63a280-58c1-11ea-975d-235367fd1522.png" />`;

            jobs
              .filter((job) => Object.prototype.hasOwnProperty.call(components, job.name))
              .forEach((job) => {
                const entry = components[job.name];
                if (job.conclusion === 'success') {
                  entry.status = previewSuccess;
                  entry.report_url = entry.domain;
                } else {
                  entry.status = previewFailure;
                  entry.report_url = job.html_url;
                }
              });

            const runUrl = `${context.serverUrl}/${context.repo.owner}/${context.repo.repo}/actions/runs/${context.runId}`;

            const rows = Object.values(components)
              .map((c) => `| ${c.package_name} | [${c.status}](${c.report_url}) |`)
              .join('\n');

            const comment = [
              `# TDesign Component Site Preview [Open](${runUrl})`,
              '| Component | Preview |',
              '| --------- | :--: |',
              rows,
              '',
              '<!-- AUTO_PREVIEW_HOOK -->',
            ].join('\n');

            core.setOutput('comment', comment);

      - name: Post comment
        uses: actions-cool/maintain-one-comment@v3
        with:
          token: ${{ secrets.TDESIGN_BOT_TOKEN }}
          number: ${{ needs.preflight.outputs.pr_id }}
          body: ${{ steps.report.outputs.comment }}
          body-include: '<!-- AUTO_PREVIEW_HOOK -->'