ci: adjust deploy and preview workflow

Author: tzuyi0817

.github/workflows/ci.yml

@@ -1,38 +1,29 @@
 name: Deploy to Production
 
-env:
-  VERCEL_ORG_ID: ${{ secrets.ORG_ID }}
-  VERCEL_PROJECT_ID: ${{ secrets.PROJECT_ID }}
-
 on:
   push:
     branches: [main]
     paths:
+      - index.html
       - 'src/**'
       - pnpm-lock.yaml
       - package.json
 
 jobs:
-  CI:
-    uses: ./.github/workflows/ci.yml
+  e2e-test:
+    uses: tzuyi0817/workflows/.github/workflows/test.yml@v1
+    with:
+      install-other-deps: pnpm dlx playwright install --with-deps
+      test: pnpm test:ci-e2e
 
   deploy:
-    needs: CI
-    runs-on: ubuntu-latest
-    environment: Production
-    steps:
-      - uses: actions/checkout@v6
-      - name: install pnpm
-        uses: pnpm/action-setup@v3
-
-      - name: install Vercel CLI
-        run: pnpm install --global vercel@latest
-
-      - name: pull Vercel environment information
-        run: vercel pull --yes --environment=production --token=${{ secrets.VERCEL_TOKEN }}
-
-      - name: build project artifacts
-        run: vercel build --prod --token=${{ secrets.VERCEL_TOKEN }}
-
-      - name: deploy project artifacts to Vercel
-        run: vercel deploy --prebuilt --prod --token=${{ secrets.VERCEL_TOKEN }}
+    needs: e2e-test
+    uses: tzuyi0817/workflows/.github/workflows/deploy-vercel.yml@v1
+    secrets:
+      VERCEL_TOKEN: ${{ secrets.VERCEL_TOKEN }}
+      VERCEL_ORG_ID: ${{ secrets.ORG_ID }}
+      VERCEL_PROJECT_ID: ${{ secrets.PROJECT_ID }}
+
+    with:
+      environment: Production
+      prod: true

.github/workflows/deploy.yml

@@ -1,59 +1,24 @@
 name: Deploy to Preview
 
-env:
-  VERCEL_ORG_ID: ${{ secrets.ORG_ID }}
-  VERCEL_PROJECT_ID: ${{ secrets.PROJECT_ID }}
-
 on:
   pull_request:
     types: [opened, synchronize, reopened]
 
 jobs:
-  CI:
-    uses: ./.github/workflows/ci.yml
+  e2e-test:
+    uses: tzuyi0817/workflows/.github/workflows/test.yml@v1
+    with:
+      install-other-deps: pnpm dlx playwright install --with-deps
+      test: pnpm test:ci-e2e
 
   deploy:
-    needs: CI
-    runs-on: ubuntu-latest
-    environment: Preview
-    outputs:
-      deploymentUrl: ${{ steps.deploy.outputs.deploymentUrl }}
-    steps:
-      - uses: actions/checkout@v6
-      - name: install pnpm
-        uses: pnpm/action-setup@v3
-
-      - name: install Vercel CLI
-        run: pnpm install --global vercel@latest
-
-      - name: pull Vercel environment information
-        run: vercel pull --yes --environment=preview --token=${{ secrets.VERCEL_TOKEN }}
-
-      - name: build project artifacts
-        run: vercel build --token=${{ secrets.VERCEL_TOKEN }}
-
-      - name: deploy project artifacts to Vercel
-        id: deploy
-        run: |
-          vercel deploy --prebuilt --token=${{ secrets.VERCEL_TOKEN }} > deploy.log
-          echo "deploymentUrl=$(cat deploy.log)" >> $GITHUB_OUTPUT
-
-  comment:
-    needs: deploy
-    runs-on: ubuntu-latest
-    permissions:
-      issues: write
-      pull-requests: write
-    steps:
-      - name: comment URL to PR
-        uses: actions/github-script@v8
-        with:
-          script: |
-            github.rest.issues.createComment({
-              issue_number: context.issue.number,
-              owner: context.repo.owner,
-              repo: context.repo.repo,
-              body: "Deployed at ${{ env.DEPLOYMENT_URL }}"
-            })
-        env:
-          DEPLOYMENT_URL: ${{ needs.deploy.outputs.deploymentUrl }}
+    needs: e2e-test
+    uses: tzuyi0817/workflows/.github/workflows/deploy-vercel.yml@v1
+    secrets:
+      VERCEL_TOKEN: ${{ secrets.VERCEL_TOKEN }}
+      VERCEL_ORG_ID: ${{ secrets.ORG_ID }}
+      VERCEL_PROJECT_ID: ${{ secrets.PROJECT_ID }}
+
+    with:
+      environment: Preview
+      create-comment: true