update Cloudflare Pages configuration and workflow for project name and deployment process

Author: cazala

.github/workflows/deploy-cloudflare-pages.yml

@@ -4,19 +4,16 @@ on:
   push:
     branches:
       - main
-      - master
   pull_request:
     branches:
       - main
-      - master
 
 jobs:
   deploy:
     runs-on: ubuntu-latest
     name: Deploy to Cloudflare Pages
     permissions:
       contents: read
-      deployments: write
     steps:
       - name: Checkout
         uses: actions/checkout@v4
@@ -73,13 +70,23 @@ jobs:
           CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
           CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
 
-      - name: Deploy to Cloudflare Pages
-        uses: cloudflare/pages-action@v1
-        with:
-          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
-          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
-          projectName: party
-          directory: packages/playground/dist
-          gitHubToken: ${{ secrets.GITHUB_TOKEN }}
-          wranglerVersion: '3'
+      - name: Deploy to Cloudflare Pages (preview)
+        if: github.event_name == 'pull_request'
+        env:
+          CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+          CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+        run: |
+          wrangler pages deploy packages/playground/dist \
+            --project-name party \
+            --branch "pr-${{ github.event.pull_request.number }}"
+
+      - name: Deploy to Cloudflare Pages (production)
+        if: github.event_name == 'push'
+        env:
+          CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+          CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+        run: |
+          wrangler pages deploy packages/playground/dist \
+            --project-name party \
+            --branch "${{ github.ref_name }}"
 

cloudflare-pages-config.md

@@ -36,5 +36,5 @@ If you prefer to configure via Cloudflare Pages dashboard instead of GitHub Acti
 
 ## Project Name
 
-The workflow uses `party-playground` as the project name. If you use a different name in Cloudflare Pages, update the `projectName` in `.github/workflows/deploy-cloudflare-pages.yml`.
+The workflow uses `party` as the project name. If you use a different name in Cloudflare Pages, update the `--project-name` value in `.github/workflows/deploy-cloudflare-pages.yml`.