👷 chore(ci): use cloudflare pages for staging

.github/workflows/deploy.yml

@@ -4,28 +4,14 @@ name: deploy
 on:
   # Runs on pushes targeting the default branch
   push:
-    branches: ['main']
+    branches: ["main"]
 
   # Allows you to run this workflow manually from the Actions tab
   workflow_dispatch:
 
-# Sets the GITHUB_TOKEN permissions to allow deployment to GitHub Pages
-permissions:
-  contents: read
-  pages: write
-  id-token: write
-
-# Allow one concurrent deployment
-concurrency:
-  group: 'pages'
-  cancel-in-progress: true
-
 jobs:
   # Single deploy job since we're just deploying
   deploy:
-    environment:
-      name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
@@ -34,8 +20,8 @@ jobs:
       - name: Set up Node
         uses: actions/setup-node@v3
         with:
-          node-version: 'lts/*'
+          node-version: "lts/*"
-          cache: 'npm'
+          cache: "npm"
 
       - name: Set environment variables
         run: |
@@ -65,18 +51,9 @@ jobs:
       - name: Build
         run: npm run build:prod
 
-      - name: Copy index.html to 404.html
+      - name: Deploy to Cloudflare Workers
-        # see https://stackoverflow.com/a/76148302
+        uses: cloudflare/wrangler-action@v3
-        run: cp ./dist/index.html ./dist/404.html
-
-      - name: Setup Pages
-        uses: actions/configure-pages@v5
-
-      - name: Upload artifact
-        uses: actions/upload-pages-artifact@v3
         with:
-          path: './dist'
+          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
-
+          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
-      - name: Deploy to GitHub Pages
+          command: pages deploy dist --project-name="${{ secrets.CLOUDFLARE_PAGES_PROJECT }}" --commit-dirty=true
-        id: deployment
-        uses: actions/deploy-pages@v4

.github/workflows/release.yml

@@ -0,0 +1,82 @@
+# Simple workflow for deploying static content to GitHub Pages
+name: deploy
+
+on:
+  # Trigger the workflow on release publish events
+  release:
+    types: [published]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets the GITHUB_TOKEN permissions to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow one concurrent deployment
+concurrency:
+  group: "pages"
+  cancel-in-progress: true
+
+jobs:
+  # Single deploy job since we're just deploying
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Set up Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: "lts/*"
+          cache: "npm"
+
+      - name: Set environment variables
+        run: |
+          echo "VITE_GA_MEASUREMENT_ID=${{ secrets.VITE_GA_MEASUREMENT_ID }}" > .env
+          if [[ -n "${{ vars.VITE_BC_NAME }}" ]]; then
+            echo "VITE_BC_NAME=${{ vars.VITE_BC_NAME }}" >> .env
+          fi
+          if [[ -n "${{ vars.VITE_BC_POSITION }}" ]]; then
+            echo "VITE_BC_POSITION=${{ vars.VITE_BC_POSITION }}" >> .env
+          fi
+          if [[ -n "${{ vars.VITE_BC_VAT }}" ]]; then
+            echo "VITE_BC_VAT=${{ vars.VITE_BC_VAT }}" >> .env
+          fi
+          if [[ -n "${{ vars.VITE_BC_FACEBOOK }}" ]]; then
+            echo "VITE_BC_FACEBOOK=${{ vars.VITE_BC_FACEBOOK }}" >> .env
+          fi
+          if [[ -n "${{ secrets.VITE_BC_PHONE }}" ]]; then
+            echo "VITE_BC_PHONE=${{ secrets.VITE_BC_PHONE }}" >> .env
+          fi
+          if [[ -n "${{ secrets.VITE_BC_EMAIL }}" ]]; then
+            echo "VITE_BC_EMAIL=${{ secrets.VITE_BC_EMAIL }}" >> .env
+          fi
+
+      - name: Install dependencies
+        run: npm ci --omit=dev
+
+      - name: Build
+        run: npm run build:prod
+
+      - name: Copy index.html to 404.html
+        # see https://stackoverflow.com/a/76148302
+        run: cp ./dist/index.html ./dist/404.html
+
+      - name: Setup Pages
+        uses: actions/configure-pages@v5
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: "./dist"
+
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4