chore: update GitHub Actions workflows for build and deploy preview

- Renamed the build preview workflow for clarity.
- Removed unnecessary permissions and commented out deployment steps in the build workflow.
- Introduced a new deploy preview workflow that triggers on successful completion of the build workflow, handling artifact download and deployment to Cloudflare Pages.

.github/workflows/build-preview.yml

@@ -1,6 +1,6 @@
-name: "Build and Deploy Preview"
+name: Build Preview Deployment
 
-on:
+n:
   pull_request:
     types: [opened, synchronize]
 
@@ -8,11 +8,6 @@ jobs:
   build-and-deploy:
     runs-on: ubuntu-latest
     name: Build and Deploy Preview
-    permissions:
-      contents: read
-      actions: write
-      pull-requests: write
-      deployments: write
     steps:
       - name: Checkout
         uses: actions/checkout@v4
@@ -38,15 +33,15 @@ jobs:
       - name: List build output
         run: ls -la app/dist
 
-      - name: Deploy to Cloudflare Pages
-        uses: AdrianGonz97/refined-cf-pages-action@v1
-        with:
-          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
-          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
-          githubToken: ${{ secrets.GITHUB_TOKEN }}
-          projectName: ${{ secrets.CLOUDFLARE_PROJECT_NAME }}
-          deploymentName: Preview
-          directory: app/dist
+      # - name: Deploy to Cloudflare Pages
+      #   uses: AdrianGonz97/refined-cf-pages-action@v1
+      #   with:
+      #     apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+      #     accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+      #     githubToken: ${{ secrets.GITHUB_TOKEN }}
+      #     projectName: ${{ secrets.CLOUDFLARE_PROJECT_NAME }}
+      #     deploymentName: Preview
+      #     directory: app/dist
 
       - name: Upload build artifact
         id: upload-artifact
@@ -56,10 +51,10 @@ jobs:
           path: app/dist
           retention-days: 1
           
-      - name: Verify artifact upload
-        run: |
-          echo "Artifact upload completed"
-          echo "Workflow ID: ${{ github.run_id }}"
-          echo "Repository: ${{ github.repository }}"
-          echo "Event name: ${{ github.event_name }}"
-          echo "Event type: ${{ github.event.action }}" 
+      # - name: Verify artifact upload
+      #   run: |
+      #     echo "Artifact upload completed"
+      #     echo "Workflow ID: ${{ github.run_id }}"
+      #     echo "Repository: ${{ github.repository }}"
+      #     echo "Event name: ${{ github.event_name }}"
+      #     echo "Event type: ${{ github.event.action }}" 

.github/workflows/deploy-preview.yml

@@ -0,0 +1,37 @@
+name: Upload Preview Deployment
+
+on:
+  workflow_run:
+    workflows: [Build Preview Deployment]
+    types:
+      - completed
+
+permissions:
+  actions: read
+  deployments: write
+  contents: read
+  pull-requests: write
+
+jobs:
+  deploy-preview:
+    runs-on: ubuntu-latest
+    if: ${{ github.event.workflow_run.conclusion == 'success' }}
+    steps:
+      - name: Download build artifact
+        uses: actions/download-artifact@v4
+        id: preview-build-artifact
+        with:
+          name: preview-build
+          path: build
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          run-id: ${{ github.event.workflow_run.id }}
+
+      - name: Deploy to Cloudflare Pages
+        uses: AdrianGonz97/refined-cf-pages-action@v1
+        with:
+          apiToken: ${{ secrets.CF_API_TOKEN }}
+          accountId: ${{ secrets.CF_ACCOUNT_ID }}
+          githubToken: ${{ secrets.GITHUB_TOKEN }}
+          projectName: templates
+          deploymentName: Preview
+          directory: ${{ steps.preview-build-artifact.outputs.download-path }}