refactor: 将项目重构为 monorepo，并拆分 ui 和 chat 组件

.eslintrc.cjs

@@ -19,6 +19,30 @@ module.exports = {
     },
   },
   overrides: [
+    {
+      files: ['packages/ui/src/**/*.{ts,tsx}'],
+      rules: {
+        'no-restricted-imports': [
+          'error',
+          {
+            paths: [],
+            patterns: ['@tdesign/web-components-ui/*'],
+          },
+        ],
+      },
+    },
+    {
+      files: ['packages/chat/src/**/*.{ts,tsx}'],
+      rules: {
+        'no-restricted-imports': [
+          'error',
+          {
+            paths: [],
+            patterns: ['@tdesign/web-components-chat/*'],
+          },
+        ],
+      },
+    },
     {
       files: ['packages/*/src/**/_example/**/*.{ts,tsx}', 'site/**/*.{ts,tsx}'],
       rules: {
@@ -102,10 +126,6 @@ module.exports = {
             message: 'Please use lodash-es instead.',
           },
         ],
-        patterns: [
-          'tdesign-web-components/*',
-          'tdesign-web-components-chat/*',
-        ],
       },
     ],
   },

.github/workflows/auto-release.yml

@@ -18,13 +18,13 @@ jobs:
       startsWith(github.head_ref, 'release/')
     steps:
       - run: echo "The head of this PR starts with 'release/'"
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v6.0.2
       - uses: TDesignOteam/tdesign-changelog-action@main
         id: changelog
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
       - name: Add comment
-        uses: peter-evans/create-or-update-comment@v1
+        uses: peter-evans/create-or-update-comment@v5.0.0
         with:
           issue-number: ${{ github.event.pull_request.number }}
           body: |
@@ -50,7 +50,7 @@ jobs:
           fi
           echo "::set-output name=branch::${BASH_REMATCH[1]}"
       # zsh $match[1]
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v6.0.2
         with:
           ref: ${{ steps.comment.outputs.branch }}
       - name: Commit and push if needed
@@ -72,7 +72,7 @@ jobs:
       github.event.pull_request.merged == true &&
       startsWith(github.head_ref, 'release/')
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v6.0.2
         with:
           ref: develop
           token: ${{ secrets.PERSONAL_TOKEN }}

.github/workflows/pkg-pr-new.yml

@@ -8,13 +8,13 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v5
+      - uses: actions/checkout@v6.0.2
         with:
           submodules: recursive
 
-      - uses: pnpm/action-setup@v5
+      - uses: pnpm/action-setup@v6.0.5
 
-      - uses: actions/setup-node@v6
+      - uses: actions/setup-node@v6.4.0
         with:
           node-version-file: .node-version
           cache: pnpm
@@ -23,7 +23,7 @@ jobs:
 
       - run: pnpm run "/^build:/"
 
-      - uses: actions/setup-node@v6
+      - uses: actions/setup-node@v6.4.0
         with:
           node-version: 24
 

.github/workflows/preview-publish.yml

@@ -1,5 +1,3 @@
-# 文件名建议统一为 preview-publish
-# 应用 preview.yml 的 demo
 name: PREVIEW_PUBLISH
 
 on:
@@ -8,68 +6,183 @@ on:
     types:
       - completed
 
-jobs:
-  call-preview:
-    uses: TDesignOteam/workflows/.github/workflows/reusable-pr-preview.yml@main
-    secrets:
-      TDESIGN_SURGE_TOKEN: ${{ secrets.TDESIGN_SURGE_TOKEN }}
+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
 
-  deploy-vue-next-chat:
+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 ID artifact
-        uses: dawidd6/action-download-artifact@v8
+      - name: Download PR metadata
+        uses: dawidd6/action-download-artifact@v21
         with:
-          workflow: ${{ github.event.workflow_run.workflow_id }}
+          workflow: ${{ github.event.workflow_run.name }}
           run_id: ${{ github.event.workflow_run.id }}
-          name: vue-next-chat-pr-id
+          name: pr-id
           path: ./pr-id
 
-      - name: Set PR ID
+      - name: Extract PR number
         id: pr
-        run: echo "id=$(cat ./pr-id/vue-next-chat-pr-id.txt)" >> $GITHUB_OUTPUT
+        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: Download chat site artifact
-        uses: dawidd6/action-download-artifact@v8
+      - 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.workflow_id }}
+          workflow: ${{ github.event.workflow_run.name }}
           run_id: ${{ github.event.workflow_run.id }}
-          name: vue-next-chat-site
-          path: ./chat-site
+          name: tdesign-web-components-site
+          path: ./site
+
+      - name: Prepare SPA fallback
+        run: cp ./site/index.html ./site/200.html
 
       - name: Deploy to Surge.sh
-        id: deploy
         run: |
-          export DEPLOY_DOMAIN=https://preview-pr-${{ steps.pr.outputs.id }}-tdesign-webc-chat.surge.sh
-          npx surge --project ./chat-site --domain $DEPLOY_DOMAIN --token ${{ secrets.TDESIGN_SURGE_TOKEN }}
-          echo "url=$DEPLOY_DOMAIN" >> $GITHUB_OUTPUT
+          npx surge --project ./site \
+            --domain ${{ needs.preflight.outputs.web_components_domain }} \
+            --token ${{ secrets.TDESIGN_SURGE_TOKEN }}
 
-      - name: Comment preview URL on PR
-        if: success()
-        uses: actions-cool/maintain-one-comment@v3
+  tdesign-vue-next-chat:
+    needs: preflight
+    runs-on: ubuntu-latest
+    steps:
+      - name: Download artifact
+        id: download
+        uses: dawidd6/action-download-artifact@v21
         with:
-          token: ${{ secrets.TDESIGN_BOT_TOKEN }}
-          number: ${{ steps.pr.outputs.id }}
-          body: |-
-            ## 🤖 Vue Next Chat Site Preview
-            | Component | Preview |
-            | --------- | :--: |
-            | @tdesign/web-components-chat (vue-next) | [🟢 Online](${{ steps.deploy.outputs.url }}) |
-
-            <!-- AUTO_VUE_NEXT_CHAT_PREVIEW_HOOK -->
-          body-include: '<!-- AUTO_VUE_NEXT_CHAT_PREVIEW_HOOK -->'
-
-      - name: Comment failure on PR
-        if: failure()
+          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: ${{ steps.pr.outputs.id }}
-          body: |-
-            ## 🤖 Vue Next Chat Site Preview
-            | Component | Preview |
-            | --------- | :--: |
-            | @tdesign/web-components-chat (vue-next) | [🔴 Failed](${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}) |
-
-            <!-- AUTO_VUE_NEXT_CHAT_PREVIEW_HOOK -->
-          body-include: '<!-- AUTO_VUE_NEXT_CHAT_PREVIEW_HOOK -->'
+          number: ${{ needs.preflight.outputs.pr_id }}
+          body: ${{ steps.report.outputs.comment }}
+          body-include: '<!-- AUTO_PREVIEW_HOOK -->'