feat: add pr comment with preview url

Author: xiaoyu2er

.github/actions/comment-vercel-preview/action.yml

@@ -0,0 +1,33 @@
+name: 'Comment Vercel Preview'
+description: 'Comment Vercel deploy preview links on a PR.'
+inputs:
+  inspect_url:
+    description: 'Inspect URL from Vercel deploy output.'
+    required: true
+  preview_url:
+    description: 'Preview/Production URL from Vercel deploy output.'
+    required: true
+  label:
+    description: 'Label for the deployment (e.g., EN, ZH-HANS).'
+    required: true
+runs:
+  using: 'composite'
+  steps:
+    - name: Comment PR with Vercel Preview Links
+      uses: actions/github-script@v7
+      with:
+        script: |
+          const inspect = process.env.INSPECT_URL;
+          const preview = process.env.PREVIEW_URL;
+          let body = `**Vercel Deploy Preview (${process.env.LABEL})**\n\n`;
+          body += `- [Inspect](${inspect}) | [Preview](${preview})`;
+          github.rest.issues.createComment({
+            issue_number: context.issue.number,
+            owner: context.repo.owner,
+            repo: context.repo.repo,
+            body
+          });
+      env:
+        INSPECT_URL: ${{ inputs.inspect_url }}
+        PREVIEW_URL: ${{ inputs.preview_url }}
+        LABEL: ${{ inputs.label }}

.github/workflows/prerelease.yml

@@ -8,6 +8,10 @@ on:
       - labeled
       - synchronize
 
+permissions:
+  pull-requests: write
+  issues: write
+
 jobs:
   deploy-en:
     if: contains(github.event.pull_request.labels.*.name, 'prerelease')
@@ -20,6 +24,20 @@ jobs:
       VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
       VERCEL_TOKEN: ${{ secrets.VERCEL_TOKEN }}
 
+  comment-vercel-preview-en:
+    if: contains(github.event.pull_request.labels.*.name, 'prerelease')
+    needs: deploy-en
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repo for local action
+        uses: actions/checkout@v4
+      - name: Comment PR with Vercel Preview Links (EN)
+        uses: ./.github/actions/comment-vercel-preview
+        with:
+          inspect_url: ${{ needs.deploy-en.outputs.inspect_url }}
+          preview_url: ${{ needs.deploy-en.outputs.prod_url }}
+          label: EN
+
   deploy-zh-hans:
     if: contains(github.event.pull_request.labels.*.name, 'prerelease')
     uses: ./.github/workflows/vercel-deploy.yml
@@ -31,30 +49,16 @@ jobs:
       VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
       VERCEL_TOKEN: ${{ secrets.VERCEL_TOKEN }}
 
-  comment-vercel-preview:
+  comment-vercel-preview-zh-hans:
     if: contains(github.event.pull_request.labels.*.name, 'prerelease')
-    needs: [deploy-en, deploy-zh-hans]
+    needs: deploy-zh-hans
     runs-on: ubuntu-latest
     steps:
-      - name: Comment PR with Vercel Preview Links
-        uses: actions/github-script@v7
+      - name: Checkout repo for local action
+        uses: actions/checkout@v4
+      - name: Comment PR with Vercel Preview Links (ZH-HANS)
+        uses: ./.github/actions/comment-vercel-preview
         with:
-          script: |
-            const en_inspect = process.env.EN_INSPECT_URL;
-            const en_prod = process.env.EN_PROD_URL;
-            const zh_inspect = process.env.ZH_INSPECT_URL;
-            const zh_prod = process.env.ZH_PROD_URL;
-            let body = `**Vercel Deploy Preview**\n\n`;
-            body += `- 🇺🇸 EN: [Inspect](${en_inspect}) | [Preview](${en_prod})\n`;
-            body += `- 🇨🇳 ZH-HANS: [Inspect](${zh_inspect}) | [Preview](${zh_prod})`;
-            github.rest.issues.createComment({
-              issue_number: context.issue.number,
-              owner: context.repo.owner,
-              repo: context.repo.repo,
-              body
-            });
-        env:
-          EN_INSPECT_URL: ${{ needs.deploy-en.outputs.inspect_url }}
-          EN_PROD_URL: ${{ needs.deploy-en.outputs.prod_url }}
-          ZH_INSPECT_URL: ${{ needs.deploy-zh-hans.outputs.inspect_url }}
-          ZH_PROD_URL: ${{ needs.deploy-zh-hans.outputs.prod_url }}
+          inspect_url: ${{ needs.deploy-zh-hans.outputs.inspect_url }}
+          preview_url: ${{ needs.deploy-zh-hans.outputs.prod_url }}
+          label: ZH-HANS

.github/workflows/vercel-deploy.yml

@@ -58,10 +58,9 @@ jobs:
       - name: Deploy Project Artifacts
         id: vercel_deploy
         run: |
-          vercel deploy --prebuilt ${{ inputs.prodFlag }} --archive=tgz --token=${{ secrets.VERCEL_TOKEN }} > vercel_output.txt 2>&1
-          inspect_url=$(grep -o 'Inspect: https://[^ ]*' vercel_output.txt | head -n1 | cut -d' ' -f2)
-          # Preview/Production URL: match both 'Preview:' and 'Production:'
-          preview_url=$(grep -oE '(Preview|Production): https://[^ ]*' vercel_output.txt | head -n1 | cut -d' ' -f2)
+          vercel deploy --prebuilt ${{ inputs.prodFlag }} --archive=tgz --token=${{ secrets.VERCEL_TOKEN }} 2>&1 | tee vercel_output.txt
+          inspect_url=$(awk '/^Inspect:/ {print $2}' vercel_output.txt | head -n1)
+          preview_url=$(awk '/^(Preview|Production):/ {print $2}' vercel_output.txt | head -n1)
           echo "inspect_url=$inspect_url" >> $GITHUB_OUTPUT
           echo "prod_url=$preview_url" >> $GITHUB_OUTPUT
         env: