TDesign Component Repositories CI Test #351
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| name: TDesign Component Repositories CI Test | |
| on: | |
| workflow_run: | |
| workflows: | |
| - MAIN_PULL_REQUEST | |
| types: | |
| - completed | |
| jobs: | |
| pr-context: | |
| if: github.event.workflow_run.conclusion == 'success' | |
| runs-on: ubuntu-latest | |
| outputs: | |
| pr_id: ${{ steps.pr.outputs.id }} | |
| steps: | |
| - name: Download pr id | |
| uses: dawidd6/action-download-artifact@v8 | |
| with: | |
| workflow: ${{ github.event.workflow_run.workflow_id }} | |
| run_id: ${{ github.event.workflow_run.id }} | |
| name: pr-id | |
| - name: Set pr id | |
| id : pr | |
| run: echo "id=$(cat pr-id.txt)" >> $GITHUB_OUTPUT | |
| - name: comment in progress | |
| uses: actions-cool/maintain-one-comment@v3 | |
| with: | |
| token: ${{ secrets.TDESIGN_BOT_TOKEN }} | |
| number: ${{steps.pr.outputs.id}} | |
| body: ⌛️ TDesign Component Repositories Ci Test Is In Progress... [View Workflow Run](${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}) | |
| body-include: '<!-- TDesign Component Repositories CI Test -->' | |
| tdesign-vue: | |
| if: github.event.workflow_run.conclusion == 'success' | |
| needs: pr-context | |
| runs-on: ubuntu-latest | |
| strategy: | |
| fail-fast: false | |
| matrix: | |
| script: | |
| - lint | |
| - test | |
| - build | |
| - preview | |
| steps: | |
| - name: Checkout tdesign-vue | |
| uses: actions/checkout@v4 | |
| with: | |
| repository: Tencent/tdesign-vue | |
| - name: Checkout tdesign-common | |
| uses: actions/checkout@v4 | |
| with: | |
| path: src/_common | |
| ref: refs/pull/${{ needs.pr-context.outputs.pr_id }}/head | |
| - uses: actions/setup-node@v4 | |
| with: | |
| node-version: 18 | |
| - run: npm install | |
| - if: matrix.script != 'preview' | |
| run: npm run ${{ matrix.script }} | |
| - if: matrix.script == 'preview' | |
| run: npm run site:preview | |
| - if: matrix.script == 'preview' | |
| run: | | |
| export DEPLOY_DOMAIN=https://preview-tdesign-vue-pr-${{ needs.pr-context.outputs.pr_id }}-tdesign-common.surge.sh | |
| npx surge --project _site --domain $DEPLOY_DOMAIN --token ${{ secrets.TDESIGN_SURGE_TOKEN }} | |
| tdesign-vue-next: | |
| if: github.event.workflow_run.conclusion == 'success' | |
| needs: pr-context | |
| runs-on: ubuntu-latest | |
| strategy: | |
| fail-fast: false | |
| matrix: | |
| script: | |
| - lint | |
| - test | |
| - build | |
| - preview | |
| include: | |
| - script: lint | |
| run: pnpm run lint | |
| - script: test | |
| run: pnpm -C packages/tdesign-vue-next/test test | |
| - script: build | |
| run: pnpm -C internal/builds build:vue-next | |
| - script: preview | |
| run: pnpm -C packages/tdesign-vue-next/site build | |
| steps: | |
| - name: Checkout tdesign-vue-next | |
| uses: actions/checkout@v4 | |
| with: | |
| repository: Tencent/tdesign-vue-next | |
| - name: Checkout tdesign-common | |
| uses: actions/checkout@v4 | |
| with: | |
| path: packages/common | |
| ref: refs/pull/${{ needs.pr-context.outputs.pr_id }}/head | |
| - uses: pnpm/action-setup@v4 | |
| - uses: actions/setup-node@v4 | |
| with: | |
| node-version: 18 | |
| - run: pnpm install | |
| - run: ${{ matrix.run }} | |
| - if: matrix.script == 'preview' | |
| run: | | |
| export DEPLOY_DOMAIN=https://preview-tdesign-vue-next-pr-${{ needs.pr-context.outputs.pr_id }}-tdesign-common.surge.sh | |
| npx surge --project packages/tdesign-vue-next/site/dist --domain $DEPLOY_DOMAIN --token ${{ secrets.TDESIGN_SURGE_TOKEN }} | |
| tdesign-react: | |
| if: github.event.workflow_run.conclusion == 'success' | |
| needs: pr-context | |
| runs-on: ubuntu-latest | |
| strategy: | |
| fail-fast: false | |
| matrix: | |
| script: | |
| - lint | |
| - test | |
| - build | |
| - preview | |
| steps: | |
| - name: Checkout tdesign-react | |
| uses: actions/checkout@v4 | |
| with: | |
| repository: Tencent/tdesign-react | |
| - name: Checkout tdesign-common | |
| uses: actions/checkout@v4 | |
| with: | |
| path: packages/common | |
| ref: refs/pull/${{ needs.pr-context.outputs.pr_id }}/head | |
| - uses: pnpm/action-setup@v4 | |
| - uses: actions/setup-node@v4 | |
| with: | |
| node-version: 18 | |
| - run: pnpm install | |
| - if: matrix.script != 'preview' | |
| run: pnpm run ${{ matrix.script }} | |
| - if: matrix.script == 'preview' | |
| run: pnpm run site:preview | |
| - if: matrix.script == 'preview' | |
| run: | | |
| export DEPLOY_DOMAIN=https://preview-tdesign-react-pr-${{ needs.pr-context.outputs.pr_id }}-tdesign-common.surge.sh | |
| npx surge --project packages/tdesign-react/site/dist --domain $DEPLOY_DOMAIN --token ${{ secrets.TDESIGN_SURGE_TOKEN }} | |
| tdesign-web-components: | |
| if: github.event.workflow_run.conclusion == 'success' | |
| needs: pr-context | |
| runs-on: ubuntu-latest | |
| strategy: | |
| fail-fast: false | |
| matrix: | |
| script: | |
| - lint | |
| - test | |
| - build | |
| - preview | |
| steps: | |
| - name: Checkout tdesign-web-components | |
| uses: actions/checkout@v4 | |
| with: | |
| repository: TDesignOteam/tdesign-web-components | |
| - name: Checkout tdesign-common | |
| uses: actions/checkout@v4 | |
| with: | |
| path: src/_common | |
| ref: refs/pull/${{ needs.pr-context.outputs.pr_id }}/head | |
| - uses: actions/setup-node@v4 | |
| with: | |
| node-version: 18 | |
| - run: npm install | |
| - if: matrix.script != 'preview' | |
| run: npm run ${{ matrix.script }} | |
| - if: matrix.script == 'preview' | |
| run: npm run site:preview | |
| - if: matrix.script == 'preview' | |
| run: | | |
| export DEPLOY_DOMAIN=https://preview-tdesign-web-components-pr-${{ needs.pr-context.outputs.pr_id }}-tdesign-common.surge.sh | |
| npx surge --project _site --domain $DEPLOY_DOMAIN --token ${{ secrets.TDESIGN_SURGE_TOKEN }} | |
| tdesign-mobile-vue: | |
| if: github.event.workflow_run.conclusion == 'success' | |
| needs: pr-context | |
| runs-on: ubuntu-latest | |
| strategy: | |
| fail-fast: false | |
| matrix: | |
| script: | |
| - lint | |
| - test | |
| - build | |
| - preview | |
| steps: | |
| - name: Checkout tdesign-mobile-vue | |
| uses: actions/checkout@v4 | |
| with: | |
| repository: Tencent/tdesign-mobile-vue | |
| - name: Checkout tdesign-common | |
| uses: actions/checkout@v4 | |
| with: | |
| path: src/_common | |
| ref: refs/pull/${{ needs.pr-context.outputs.pr_id }}/head | |
| - uses: actions/setup-node@v4 | |
| with: | |
| node-version: 18 | |
| - run: npm install | |
| - if: matrix.script != 'preview' | |
| run: npm run ${{ matrix.script }} | |
| - if: matrix.script == 'preview' | |
| run: npm run site:preview | |
| - if: matrix.script == 'preview' | |
| run: | | |
| export DEPLOY_DOMAIN=https://preview-tdesign-mobile-vue-pr-${{ needs.pr-context.outputs.pr_id }}-tdesign-common.surge.sh | |
| npx surge --project _site --domain $DEPLOY_DOMAIN --token ${{ secrets.TDESIGN_SURGE_TOKEN }} | |
| tdesign-mobile-react: | |
| if: github.event.workflow_run.conclusion == 'success' | |
| needs: pr-context | |
| runs-on: ubuntu-latest | |
| strategy: | |
| fail-fast: false | |
| matrix: | |
| script: | |
| - lint | |
| - test | |
| - build | |
| - preview | |
| steps: | |
| - name: Checkout tdesign-mobile-react | |
| uses: actions/checkout@v4 | |
| with: | |
| repository: Tencent/tdesign-mobile-react | |
| - name: Checkout tdesign-common | |
| uses: actions/checkout@v4 | |
| with: | |
| path: src/_common | |
| ref: refs/pull/${{ needs.pr-context.outputs.pr_id }}/head | |
| - uses: actions/setup-node@v4 | |
| with: | |
| node-version: 18 | |
| - run: npm install | |
| - if: matrix.script != 'preview' | |
| run: npm run ${{ matrix.script }} | |
| - if: matrix.script == 'preview' | |
| run: npm run site:preview | |
| - if: matrix.script == 'preview' | |
| run: | | |
| export DEPLOY_DOMAIN=https://preview-tdesign-mobile-react-pr-${{ needs.pr-context.outputs.pr_id }}-tdesign-common.surge.sh | |
| npx surge --project _site --domain $DEPLOY_DOMAIN --token ${{ secrets.TDESIGN_SURGE_TOKEN }} | |
| pr-comment: | |
| if: always() | |
| needs: | |
| - pr-context | |
| - tdesign-vue | |
| - tdesign-vue-next | |
| - tdesign-react | |
| - tdesign-web-components | |
| - tdesign-mobile-vue | |
| - tdesign-mobile-react | |
| runs-on: ubuntu-latest | |
| steps: | |
| - name: jobs report | |
| id: report | |
| uses: actions/github-script@v7 | |
| with: | |
| script: | | |
| const pr_id = ${{ needs.pr-context.outputs.pr_id }}; | |
| const { data: { jobs } } = await github.rest.actions.listJobsForWorkflowRun({ | |
| owner: context.repo.owner, | |
| repo: context.repo.repo, | |
| run_id: context.runId, | |
| per_page: 100 | |
| }) | |
| const ciJob = { | |
| lint_status: "", | |
| lint_job: "", | |
| test_status: "", | |
| test_job: "", | |
| build_status: "", | |
| build_job: "", | |
| preview_status: "", | |
| preview_job: "", | |
| }; | |
| const tdesign = { | |
| "tdesign-vue": { ...ciJob }, | |
| "tdesign-vue-next": { ...ciJob }, | |
| "tdesign-react": { ...ciJob }, | |
| "tdesign-web-components": { ...ciJob }, | |
| "tdesign-mobile-vue": { ...ciJob }, | |
| "tdesign-mobile-react": { ...ciJob }, | |
| }; | |
| jobs | |
| .filter((job) => job.name.startsWith("tdesign-")) | |
| .map((job) => { | |
| const status = job.conclusion === "success" ? "✅" : "❌"; | |
| // job.name 'tdesign-vue (build)' | |
| const regex = /^(\S+)\s+\((\S+)\)$/; | |
| const match = job.name.match(regex); | |
| tdesign[match[1]][`${match[2]}_status`] = status; | |
| tdesign[match[1]][`${match[2]}_job`] = job.html_url; | |
| if (match[2] === "preview" && job.conclusion === "success") { | |
| tdesign[match[1]][`${match[2]}_status`] = "👀"; | |
| const html_url = `https://preview-${match[1]}-pr-${pr_id}-tdesign-common.surge.sh` | |
| tdesign[match[1]][`${match[2]}_job`] = html_url; | |
| } | |
| }); | |
| const runUrl = `${context.serverUrl}/${context.repo.owner}/${context.repo.repo}/actions/runs/${context.runId}`; | |
| const comment = ` | |
| # TDesign Component Repositories CI Test [Open](${runUrl}) | |
| | Component | Lint | Test | Build | Preview | | |
| | --------- | :--: | :--: | :----: | :----: | | |
| ${Object.keys(tdesign) | |
| .map((component) => { | |
| const lint_text = `[${tdesign[component].lint_status}](${tdesign[component].lint_job})`; | |
| const test_text = `[${tdesign[component].test_status}](${tdesign[component].test_job})`; | |
| const build_text = `[${tdesign[component].build_status}](${tdesign[component].build_job})`; | |
| const preview_text = `[${tdesign[component].preview_status}](${tdesign[component].preview_job})`; | |
| return `| ${component} | ${lint_text} | ${test_text} | ${build_text} | ${preview_text} |`; | |
| }) | |
| .join("\n")} | |
| <!-- TDesign Component Repositories CI Test --> | |
| `; | |
| core.setOutput('comment', comment); | |
| - name: comment | |
| uses: actions-cool/maintain-one-comment@v3 | |
| with: | |
| token: ${{ secrets.TDESIGN_BOT_TOKEN }} | |
| number: ${{needs.pr-context.outputs.pr_id}} | |
| body: ${{ steps.report.outputs.comment }} | |
| body-include: '<!-- TDesign Component Repositories CI Test -->' |