deploy-frontend-cloudflare.yml

name: Deploy Frontend to Cloudflare Pages

on:
  push:
    branches: [main, master]
    paths:
      - "frontend/**"
      - "!frontend/vercel.json"
  workflow_dispatch:
  repository_dispatch:
    types: [deploy-button]

jobs:
  deploy-frontend-cloudflare:
    runs-on: ubuntu-latest
    defaults:
      run:
        working-directory: ./frontend

    steps:
      - name: Checkout repository
        uses: actions/checkout@v4

      - name: Setup Node.js
        uses: actions/setup-node@v4
        with:
          node-version: "20"
          cache: "npm"
          cache-dependency-path: "./frontend/package-lock.json"

      - name: Install dependencies
        run: npm ci

      - name: Check if deploy button trigger
        id: check-deploy-button
        run: |
          if [[ "${{ github.event_name }}" == "repository_dispatch" && "${{ github.event.action }}" == "deploy-button" ]]; then
            echo "is_deploy_button=true" >> $GITHUB_OUTPUT
          else
            echo "is_deploy_button=false" >> $GITHUB_OUTPUT
          fi

      - name: Build frontend
        run: npm run build
        env:
          VITE_APP_ENV: production
          VITE_ENABLE_DEVTOOLS: false

      - name: Copy Cloudflare Functions
        run: |
          mkdir -p dist/functions
          cp -r functions/* dist/functions/ || echo "No functions directory found"

      - name: Check if Pages project exists
        id: check-project
        env:
          CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
          CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
        run: |
          echo "检查 Cloudflare Pages 项目是否存在..."
          PROJECT_CHECK=$(curl -s -X GET "https://api.cloudflare.com/client/v4/accounts/$CLOUDFLARE_ACCOUNT_ID/pages/projects" \
            -H "Authorization: Bearer $CLOUDFLARE_API_TOKEN" \
            -H "Content-Type: application/json" | jq -r '.result[] | select(.name=="cloudpaste-frontend") | .name')

          if [ -n "$PROJECT_CHECK" ]; then
            echo "✅ 找到现有Pages项目: cloudpaste-frontend"
            echo "project_exists=true" >> $GITHUB_OUTPUT
          else
            echo "⚠️ 未找到Pages项目: cloudpaste-frontend"
            echo "project_exists=false" >> $GITHUB_OUTPUT
          fi

      - name: Create Pages project if not exists
        if: steps.check-project.outputs.project_exists == 'false'
        env:
          CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
          CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
        run: |
          echo "创建 Cloudflare Pages 项目: cloudpaste-frontend..."
          cat << EOF > pages-config.json
          {
            "name": "cloudpaste-frontend",
            "production_branch": "production"
          }
          EOF

          CREATE_RESULT=$(curl -s -X POST "https://api.cloudflare.com/client/v4/accounts/$CLOUDFLARE_ACCOUNT_ID/pages/projects" \
            -H "Authorization: Bearer $CLOUDFLARE_API_TOKEN" \
            -H "Content-Type: application/json" \
            --data @pages-config.json)

          SUCCESS=$(echo "$CREATE_RESULT" | jq -r '.success')
          if [ "$SUCCESS" != "true" ]; then
            echo "❌ 创建Pages项目失败，请手动创建项目后再次运行"
            exit 1
          fi

      - name: Deploy to Cloudflare Pages
        env:
          CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
          CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
        run: |
          npx wrangler pages deploy ./dist --project-name=cloudpaste-frontend --branch production 2>&1 | sed -E 's/https:\/\/[a-zA-Z0-9.-]*\.(workers|pages)\.dev/https:\/\/[REDACTED].\1.dev/g'

      - name: Display Success Information
        if: steps.check-deploy-button.outputs.is_deploy_button == 'true' && success()
        run: |
          echo "===================================================="
          echo "🎉 CloudPaste 前端已成功部署到 Cloudflare Pages!"
          echo "===================================================="
          echo ""
          echo "注意: 您需要在 Cloudflare Pages 控制面板中手动设置环境变量:"
          echo "- 登录 https://dash.cloudflare.com/"
          echo "- 进入 Pages > cloudpaste-frontend > Settings > Environment variables"
          echo "- 添加 VITE_BACKEND_URL = 您的后端Worker URL"
          echo ""
          echo "后续步骤："
          echo "1. 访问您的 Cloudflare Pages URL"
          echo "2. 使用默认管理员账户登录 (admin/admin123)"
          echo "3. 立即修改默认管理员密码"
          echo "4. 在管理员面板中配置您的S3兼容存储"
          echo "===================================================="

      - name: Display Troubleshooting Info
        if: failure()
        run: |
          echo "===================================================="
          echo "❌ 部署失败，可能的解决方案:"
          echo "1. 确保Cloudflare账户存在Pages项目"
          echo "2. 验证API Token权限 (Pages:Edit, Account:Read)"
          echo "3. 检查GitHub Secrets (CLOUDFLARE_API_TOKEN, CLOUDFLARE_ACCOUNT_ID)"
          echo "===================================================="

      - name: Notify deployment status
        if: always()
        run: |
          if [ "${{ job.status }}" == "success" ]; then
            echo "✅ 前端部署成功!"
          else
            echo "❌ 前端部署失败!"
          fi