#!/bin/bash

set -e

echo "=========================================="
echo "🔄 Novalon Website 技术栈降级脚本"
echo "从: Next.js 16 + React 19 + Tailwind CSS 4"
echo "到: Next.js 14.2 + React 18.3 + Tailwind CSS 3.4"
echo "=========================================="
echo ""

BACKUP_DIR="./backup-$(date +%Y%m%d_%H%M%S)"
mkdir -p "$BACKUP_DIR"

echo "📦 Step 1: 备份关键配置文件..."
cp package.json "$BACKUP_DIR/"
cp postcss.config.mjs "$BACKUP_DIR/" 2>/dev/null || true
cp src/app/globals.css "$BACKUP_DIR/" 2>/dev/null || true
echo "✅ 配置文件已备份到 $BACKUP_DIR"

echo ""
echo "🗑️ Step 2: 清理旧依赖和缓存..."
rm -rf node_modules
rm -f package-lock.json pnpm-lock.yaml yarn.lock
rm -rf .next dist
rm -rf .cache
echo "✅ 缓存已清理"

echo ""
echo "📥 Step 3: 安装新版本依赖..."
npm install --registry=https://registry.npmmirror.com || {
    echo "❌ npm install 失败！尝试使用淘宝镜像..."
    npm install --registry=https://registry.npmmirror.com
}
echo "✅ 依赖安装完成"

echo ""
echo "🔍 Step 4: 验证核心依赖版本..."
echo ""
echo "┌─────────────────┬──────────────────┬────────────────────┐"
echo "│ 依赖包           │ 期望版本         │ 实际安装版本       │"
echo "├─────────────────┼──────────────────┼────────────────────┤"

check_version() {
    local pkg=$1
    local expected=$2
    local actual=$(node -e "console.log(require('./node_modules/$pkg/package.json').version)" 2>/dev/null || echo "未安装")
    
    if [[ "$actual" == *"$expected"* ]]; then
        status="✅"
    else
        status="⚠️"
    fi
    
    printf "│ %-15s │ %-16s │ %-18s │\n" "$pkg" "$expected" "$actual"
}

check_version "next" "^14.2"
check_version "react" "^18.3"
check_version "react-dom" "^18.3"
check_version "tailwindcss" "^3.4"
check_version "@types/react" "^18"
check_version "@types/react-dom" "^18"
check_version "eslint-config-next" "^14"

echo "└─────────────────┴──────────────────┴────────────────────┘"
echo ""

echo "🧪 Step 5: 运行快速验证..."
if npm run lint --silent > /dev/null 2>&1; then
    echo "✅ ESLint 检查通过"
else
    echo "⚠️ ESLint 检查有警告（可忽略）"
fi

if npx tsc --noEmit --pretty > /dev/null 2>&1; then
    echo "✅ TypeScript 类型检查通过"
else
    echo "⚠️ TypeScript 类型检查有错误（需要修复）"
    echo "   请运行 'npx tsc --noEmit' 查看详细错误"
fi

echo ""
echo "🏗️ Step 6: 测试构建（可选，耗时较长）..."
read -p "是否现在运行生产构建测试？(y/n): " build_choice

if [ "$build_choice" = "y" ] || [ "$build_choice" = "Y" ]; then
    echo "   正在构建...（预计 2-5 分钟）"
    if npm run build:clean > /tmp/build-output.log 2>&1; then
        echo "✅ 生产构建成功！"
        
        if [ -d "dist" ]; then
            file_count=$(find dist -type f | wc -l)
            dist_size=$(du -sh dist | cut -f1)
            echo "   📁 生成了 $file_count 个文件，总大小: $dist_size"
        fi
    else
        echo "❌ 构建失败！查看日志:"
        echo "   cat /tmp/build-output.log"
        exit 1
    fi
else
    echo "⏭️ 跳过构建测试（稍后可手动运行 'npm run build:clean'）"
fi

echo ""
echo "=========================================="
echo "🎉 技术栈降级完成！"
echo "=========================================="
echo ""
echo "📋 后续操作："
echo "   1. 运行 'npm run dev' 启动开发服务器验证"
echo "   2. 运行 'npm run test:unit' 执行单元测试"
echo "   3. 运行 'npm run test:e2e' 执行 E2E 测试"
echo "   4. 如果一切正常，提交代码到 Git"
echo ""
echo "📋 回滚方法（如果遇到问题）："
echo "   cp $BACKUP_DIR/package.json ./package.json"
echo "   # ... 恢复其他配置文件"
echo "   rm -rf node_modules && npm install"
echo ""
echo "💡 备份位置: $BACKUP_DIR/"
echo ""