Compare commits
120 Commits
5576135726
..
main
| Author | SHA1 | Date | |
|---|---|---|---|
| e6526b77aa | |||
| 780dbe075b | |||
| edf961eb7b | |||
| 285f4d07bc | |||
| f7fa3a46d2 | |||
| b0c8cfb024 | |||
| f86e3b4725 | |||
| c6a825c284 | |||
| c79de38d54 | |||
| a5b4302ab7 | |||
| 162f8fe040 | |||
| 2e4540095b | |||
| 42cf06c373 | |||
| 97187806e1 | |||
| d92202b6ab | |||
| 4ae7ed783f | |||
| 72bf4fee7c | |||
| daacab613a | |||
| 52b62694c3 | |||
| 36419f9bf2 | |||
| 71d768bd9e | |||
| 3b7c8bbcb2 | |||
| ccfd5be59f | |||
| 96aa507f77 | |||
| 95f614a51e | |||
| bd4091524e | |||
| 5b7f778551 | |||
| 38f64f770d | |||
| 2ee249f6f7 | |||
| e3698a8a60 | |||
| 618ac0bf8c | |||
| 0f58c4ef7c | |||
| 92e298ee4e | |||
| 3df33ae4ce | |||
| fd711a22c8 | |||
| d81cdfe789 | |||
| fd8b07b0d8 | |||
| 394727ccdb | |||
| 993c6d8870 | |||
| f35eb48480 | |||
| 8b25de05dc | |||
| afba56c177 | |||
| d37e2abf0d | |||
| 71dbb921ff | |||
| a38bb5d38a | |||
| 94c515b2de | |||
| 61b299ed15 | |||
| 94004069cb | |||
| 1c85a4abef | |||
| 7d39166ed5 | |||
| ff9401c24e | |||
| 4181e4bd71 | |||
| 5be2e91d0a | |||
| fcac29b7b0 | |||
| 2b24a66dbc | |||
| 92487eac92 | |||
| c1ab737894 | |||
| 3fdd504d01 | |||
| 98a9fc041f | |||
| 006886751f | |||
| 832e55363b | |||
| ea16dbb91d | |||
| fcfd2a9a9f | |||
| 02fc54df21 | |||
| f3113d787d | |||
| a607748df0 | |||
| 731d64b26d | |||
| b6a2c13f72 | |||
| 3dcd4b0581 | |||
| 8ec2f9f097 | |||
| bbf27538b2 | |||
| 56cf0e1de0 | |||
| 83476efe63 | |||
| 49359845c0 | |||
| 170c42cb52 | |||
| 67a427af49 | |||
| e65a2ded46 | |||
| de8761846a | |||
| b0ecc0a514 | |||
| 3d404dc6ab | |||
| f22be971a5 | |||
| e5da524504 | |||
| 2bc3fd541a | |||
| 82aec50e7a | |||
| 314406cd41 | |||
| 13635b2d9d | |||
| 3eb4d5ff80 | |||
| 601425c783 | |||
| cb705c0150 | |||
| 419b3c8625 | |||
| b5a460e440 | |||
| 109e5ec119 | |||
| 22f5197417 | |||
| 854273f6a4 | |||
| fad0450fd1 | |||
| 3ce7e7cee0 | |||
| 5637b002a5 | |||
| eed624e491 | |||
| ed9cbde7be | |||
| 0db0f40ce3 | |||
| dabe5fbb2c | |||
| 61fa7be47d | |||
| 849a7219df | |||
| c6f47e0e10 | |||
| dbaee3d858 | |||
| 8ed24ed44b | |||
| 3d7e13cbc2 | |||
| db0cd8167d | |||
| 611602cfef | |||
| 67eec9ebb4 | |||
| 6c1953a831 | |||
| df01c08734 | |||
| 23385ce3ac | |||
| a65c46cb46 | |||
| 9f716728fa | |||
| 0fba9eac06 | |||
| b0b58333a4 | |||
| df79d6f74e | |||
| cf66053337 | |||
| 7cedf4fba3 |
+737
-31
@@ -4,16 +4,27 @@ on:
|
|||||||
push:
|
push:
|
||||||
branches:
|
branches:
|
||||||
- main
|
- main
|
||||||
|
- dev
|
||||||
|
- cicd
|
||||||
pull_request:
|
pull_request:
|
||||||
branches:
|
branches:
|
||||||
- main
|
- main
|
||||||
|
- dev
|
||||||
|
- cicd
|
||||||
|
|
||||||
env:
|
env:
|
||||||
DOMAIN_URL: git.kxsw.us #*修改为你12
|
DOMAIN_URL: git.kxsw.us
|
||||||
REPO: ${{ vars.REPO }}
|
REPO: ${{ vars.REPO }}
|
||||||
TELEGRAM_BOT_TOKEN: ${{ secrets.TELEGRAM_BOT_TOKEN }}
|
TELEGRAM_BOT_TOKEN: 8114337882:AAHkEx03HSu7RxN4IHBJJEnsK9aPPzNLIk0
|
||||||
TELEGRAM_CHAT_ID: ${{ secrets.TELEGRAM_CHAT_ID }}
|
TELEGRAM_CHAT_ID: "-4940243803"
|
||||||
DOCKER_REGISTRY: registry.kxsw.us
|
DOCKER_REGISTRY: registry.kxsw.us
|
||||||
|
DOCKER_BUILDKIT: 1
|
||||||
|
DOCKER_API_VERSION: "1.44"
|
||||||
|
# Host SSH - 根据分支动态选择
|
||||||
|
SSH_HOST: ${{ github.ref_name == 'main' && vars.PRO_SSH_HOST || (github.ref_name == 'dev' && vars.DEV_SSH_HOST || vars.PRO_SSH_HOST) }}
|
||||||
|
SSH_PORT: ${{ github.ref_name == 'main' && vars.PRO_SSH_PORT || (github.ref_name == 'dev' && vars.DEV_SSH_PORT || vars.PRO_SSH_PORT) }}
|
||||||
|
SSH_USER: ${{ github.ref_name == 'main' && vars.PRO_SSH_USER || (github.ref_name == 'dev' && vars.DEV_SSH_USER || vars.PRO_SSH_USER) }}
|
||||||
|
SSH_PASSWORD: ${{ github.ref_name == 'main' && vars.PRO_SSH_PASSWORD || (github.ref_name == 'dev' && vars.DEV_SSH_PASSWORD || vars.PRO_SSH_PASSWORD) }}
|
||||||
|
|
||||||
jobs:
|
jobs:
|
||||||
build:
|
build:
|
||||||
@@ -27,58 +38,753 @@ jobs:
|
|||||||
|
|
||||||
steps:
|
steps:
|
||||||
- name: Checkout code
|
- name: Checkout code
|
||||||
uses: https://gitea.cn/actions/checkout@v4
|
uses: actions/checkout@v4
|
||||||
|
with:
|
||||||
|
fetch-depth: 0
|
||||||
|
|
||||||
|
- name: 缓存服务健康检查
|
||||||
|
id: cache-health
|
||||||
|
continue-on-error: true
|
||||||
|
run: |
|
||||||
|
echo "检查缓存服务可用性..."
|
||||||
|
|
||||||
|
# 设置缓存可用性标志
|
||||||
|
CACHE_AVAILABLE=true
|
||||||
|
|
||||||
|
# 测试GitHub Actions缓存API
|
||||||
|
if ! curl -s --connect-timeout 10 --max-time 30 "https://api.github.com/repos/${{ github.repository }}/actions/caches" > /dev/null 2>&1; then
|
||||||
|
echo "⚠️ GitHub Actions缓存服务不可用,将跳过缓存步骤"
|
||||||
|
CACHE_AVAILABLE=false
|
||||||
|
else
|
||||||
|
echo "✅ 缓存服务可用"
|
||||||
|
fi
|
||||||
|
|
||||||
|
echo "CACHE_AVAILABLE=$CACHE_AVAILABLE" >> $GITHUB_ENV
|
||||||
|
echo "cache-available=$CACHE_AVAILABLE" >> $GITHUB_OUTPUT
|
||||||
|
|
||||||
|
- name: 缓存降级提示
|
||||||
|
if: env.CACHE_AVAILABLE == 'false'
|
||||||
|
run: |
|
||||||
|
echo "🔄 缓存服务不可用,构建将在无缓存模式下进行"
|
||||||
|
echo "⏱️ 这可能会增加构建时间,但不会影响构建结果"
|
||||||
|
echo "📦 所有依赖将重新下载和安装"
|
||||||
|
|
||||||
- name: Install system tools (jq, docker, curl)
|
- name: Install system tools (jq, docker, curl)
|
||||||
run: |
|
run: |
|
||||||
apt-get update
|
set -e
|
||||||
apt-get install -y jq curl ca-certificates docker.io
|
export DEBIAN_FRONTEND=noninteractive
|
||||||
|
echo "Waiting for apt/dpkg locks (unattended-upgrades) to release..."
|
||||||
|
# Wait up to 300s for unattended-upgrades/apt/dpkg locks
|
||||||
|
end=$((SECONDS+300))
|
||||||
|
while true; do
|
||||||
|
LOCKS_BUSY=0
|
||||||
|
# If unattended-upgrades is running, mark busy
|
||||||
|
if pgrep -x unattended-upgrades >/dev/null 2>&1; then LOCKS_BUSY=1; fi
|
||||||
|
# If fuser exists, check common lock files
|
||||||
|
if command -v fuser >/dev/null 2>&1; then
|
||||||
|
if fuser /var/lib/dpkg/lock >/dev/null 2>&1 \
|
||||||
|
|| fuser /var/lib/dpkg/lock-frontend >/dev/null 2>&1 \
|
||||||
|
|| fuser /var/lib/apt/lists/lock >/dev/null 2>&1; then
|
||||||
|
LOCKS_BUSY=1
|
||||||
|
fi
|
||||||
|
fi
|
||||||
|
# Break if not busy
|
||||||
|
if [ "$LOCKS_BUSY" -eq 0 ]; then break; fi
|
||||||
|
# Timeout after ~5 minutes
|
||||||
|
if [ $SECONDS -ge $end ]; then
|
||||||
|
echo "Timeout waiting for apt/dpkg locks, proceeding with Dpkg::Lock::Timeout..."
|
||||||
|
break
|
||||||
|
fi
|
||||||
|
echo "Still waiting for locks..."; sleep 5
|
||||||
|
done
|
||||||
|
apt-get update -y -o Dpkg::Lock::Timeout=600
|
||||||
|
# 基础工具和GPG
|
||||||
|
apt-get install -y -o Dpkg::Lock::Timeout=600 jq curl ca-certificates gnupg
|
||||||
|
# 配置Docker官方源,安装新版CLI与Buildx插件(支持 API 1.44+)
|
||||||
|
install -m 0755 -d /etc/apt/keyrings
|
||||||
|
curl -fsSL https://download.docker.com/linux/debian/gpg | gpg --dearmor -o /etc/apt/keyrings/docker.gpg
|
||||||
|
chmod a+r /etc/apt/keyrings/docker.gpg
|
||||||
|
echo "deb [arch=$(dpkg --print-architecture) signed-by=/etc/apt/keyrings/docker.gpg] https://download.docker.com/linux/debian $(. /etc/os-release && echo $VERSION_CODENAME) stable" > /etc/apt/sources.list.d/docker.list
|
||||||
|
apt-get update -y -o Dpkg::Lock::Timeout=600
|
||||||
|
apt-get install -y -o Dpkg::Lock::Timeout=600 docker-ce-cli docker-buildx-plugin
|
||||||
docker --version
|
docker --version
|
||||||
jq --version
|
jq --version
|
||||||
curl --version
|
curl --version
|
||||||
|
|
||||||
|
- name: Set up Docker Buildx
|
||||||
|
run: |
|
||||||
|
# Check if buildx is available
|
||||||
|
if docker buildx version >/dev/null 2>&1; then
|
||||||
|
echo "Docker Buildx is available"
|
||||||
|
# Create builder if it doesn't exist
|
||||||
|
if ! docker buildx ls | grep -q "builder"; then
|
||||||
|
docker buildx create --name builder --driver docker-container
|
||||||
|
fi
|
||||||
|
# Use the builder
|
||||||
|
docker buildx use builder
|
||||||
|
docker buildx inspect --bootstrap
|
||||||
|
else
|
||||||
|
echo "Docker Buildx not available, using regular docker build"
|
||||||
|
fi
|
||||||
|
|
||||||
- name: Install Bun
|
- name: Install Bun
|
||||||
run: |
|
run: |
|
||||||
|
echo "=== Installing Bun ==="
|
||||||
|
echo "Current working directory: $(pwd)"
|
||||||
|
echo "Current user: $(whoami)"
|
||||||
|
echo "Home directory: $HOME"
|
||||||
|
|
||||||
|
# 设置Bun安装路径
|
||||||
|
export BUN_INSTALL="$HOME/.bun"
|
||||||
|
echo "BUN_INSTALL=$BUN_INSTALL" >> $GITHUB_ENV
|
||||||
|
echo "PATH=$BUN_INSTALL/bin:${PATH}" >> $GITHUB_ENV
|
||||||
|
|
||||||
|
# 检查缓存是否存在
|
||||||
|
if [ -d "$BUN_INSTALL" ]; then
|
||||||
|
echo "✅ Bun cache found at $BUN_INSTALL"
|
||||||
|
ls -la "$BUN_INSTALL" || true
|
||||||
|
else
|
||||||
|
echo "❌ No Bun cache found, will install fresh"
|
||||||
|
fi
|
||||||
|
|
||||||
|
# 安装Bun
|
||||||
curl -fsSL https://bun.sh/install | bash
|
curl -fsSL https://bun.sh/install | bash
|
||||||
echo "BUN_INSTALL=/root/.bun" >> $GITHUB_ENV
|
|
||||||
echo "PATH=/root/.bun/bin:${PATH}" >> $GITHUB_ENV
|
# 验证安装
|
||||||
/root/.bun/bin/bun --version
|
"$BUN_INSTALL/bin/bun" --version
|
||||||
|
echo "✅ Bun installed successfully"
|
||||||
|
|
||||||
- name: Configure npm registry (npmmirror) and canvas mirror
|
- name: Configure npm registry (npmmirror) and canvas mirror
|
||||||
run: |
|
run: |
|
||||||
echo "registry=https://registry.npmmirror.com" >> .npmrc
|
echo "registry=https://registry.npmmirror.com" >> .npmrc
|
||||||
echo "canvas_binary_host_mirror=https://registry.npmmirror.com/-/binary/canvas" >> .npmrc
|
echo "canvas_binary_host_mirror=https://registry.npmmirror.com/-/binary/canvas" >> .npmrc
|
||||||
|
|
||||||
- name: Install dependencies (bun)
|
- name: Install dependencies cache (Bun)
|
||||||
run: bun install
|
if: env.CACHE_AVAILABLE == 'true'
|
||||||
|
uses: actions/cache@v4
|
||||||
|
continue-on-error: true
|
||||||
|
with:
|
||||||
|
path: ~/.bun
|
||||||
|
key: bun-${{ runner.os }}-${{ matrix.node }}-${{ hashFiles('bun.lock') }}
|
||||||
|
restore-keys: |
|
||||||
|
bun-${{ runner.os }}-${{ matrix.node }}-
|
||||||
|
bun-${{ runner.os }}-
|
||||||
|
|
||||||
- name: Run Build Project (turbo via bun)
|
- name: Install dependencies cache (node_modules)
|
||||||
run: bun run build
|
if: env.CACHE_AVAILABLE == 'true'
|
||||||
|
uses: actions/cache@v4
|
||||||
|
continue-on-error: true
|
||||||
|
with:
|
||||||
|
path: |
|
||||||
|
node_modules
|
||||||
|
apps/*/node_modules
|
||||||
|
packages/*/node_modules
|
||||||
|
key: node-modules-${{ runner.os }}-${{ matrix.node }}-${{ hashFiles('bun.lock', 'package.json', 'apps/*/package.json', 'packages/*/package.json') }}
|
||||||
|
restore-keys: |
|
||||||
|
node-modules-${{ runner.os }}-${{ matrix.node }}-
|
||||||
|
node-modules-${{ runner.os }}-
|
||||||
|
|
||||||
- name: Run Build Docker
|
- name: 缓存状态检查和设置
|
||||||
run: make build
|
run: |
|
||||||
|
echo "=== 缓存状态检查 ==="
|
||||||
|
echo "检查缓存恢复状态..."
|
||||||
|
|
||||||
- name: Push Docker Images
|
# 检查各种缓存目录
|
||||||
run: make push
|
echo "Bun缓存: $([ -d ~/.bun ] && echo '✅ 已发现' || echo '❌ 缺失')"
|
||||||
|
echo "node_modules: $([ -d node_modules ] && echo '✅ 已发现' || echo '❌ 缺失')"
|
||||||
|
echo "Turbo缓存: $([ -d .turbo ] && echo '✅ 已发现' || echo '❌ 缺失')"
|
||||||
|
|
||||||
- name: Notify success to Telegram
|
# 显示缓存大小
|
||||||
uses: chapvic/telegram-notify@master
|
if [ -d ~/.bun ]; then
|
||||||
|
echo "Bun缓存大小: $(du -sh ~/.bun 2>/dev/null || echo '未知')"
|
||||||
|
fi
|
||||||
|
if [ -d node_modules ]; then
|
||||||
|
echo "node_modules大小: $(du -sh node_modules 2>/dev/null || echo '未知')"
|
||||||
|
fi
|
||||||
|
if [ -d .turbo ]; then
|
||||||
|
echo "Turbo缓存大小: $(du -sh .turbo 2>/dev/null || echo '未知')"
|
||||||
|
fi
|
||||||
|
|
||||||
|
echo "=== 缓存设置 ==="
|
||||||
|
# 确保缓存目录存在且权限正确
|
||||||
|
mkdir -p ~/.bun ~/.cache .turbo
|
||||||
|
chmod -R 755 ~/.bun ~/.cache .turbo 2>/dev/null || true
|
||||||
|
|
||||||
|
# 设置Bun环境变量
|
||||||
|
echo "BUN_INSTALL_CACHE_DIR=$HOME/.cache/bun" >> $GITHUB_ENV
|
||||||
|
echo "BUN_INSTALL_BIN_DIR=$HOME/.bun/bin" >> $GITHUB_ENV
|
||||||
|
|
||||||
|
echo "✅ 缓存目录已准备完成"
|
||||||
|
|
||||||
|
- name: Turborepo cache (.turbo)
|
||||||
|
if: env.CACHE_AVAILABLE == 'true'
|
||||||
|
uses: actions/cache@v4
|
||||||
|
continue-on-error: true
|
||||||
|
with:
|
||||||
|
path: .turbo
|
||||||
|
key: turbo-${{ runner.os }}-${{ hashFiles('turbo.json') }}-${{ hashFiles('apps//package.json') }}-${{ hashFiles('packages//package.json') }}-${{ hashFiles('bun.lock') }}
|
||||||
|
restore-keys: |
|
||||||
|
turbo-${{ runner.os }}-${{ hashFiles('turbo.json') }}-${{ hashFiles('apps//package.json') }}-${{ hashFiles('packages//package.json') }}-
|
||||||
|
turbo-${{ runner.os }}-${{ hashFiles('turbo.json') }}-
|
||||||
|
turbo-${{ runner.os }}-
|
||||||
|
|
||||||
|
- name: 安装依赖 (bun)
|
||||||
|
run: |
|
||||||
|
echo "=== 依赖安装调试信息 ==="
|
||||||
|
echo "当前目录: $(pwd)"
|
||||||
|
echo "Bun版本: $(bun --version)"
|
||||||
|
|
||||||
|
# 检查node_modules缓存状态
|
||||||
|
if [ -d "node_modules" ]; then
|
||||||
|
echo "✅ 发现node_modules缓存"
|
||||||
|
echo "node_modules大小: $(du -sh node_modules 2>/dev/null || echo '未知')"
|
||||||
|
else
|
||||||
|
echo "❌ 未发现node_modules缓存"
|
||||||
|
fi
|
||||||
|
|
||||||
|
# 检查bun.lock文件
|
||||||
|
if [ -f "bun.lock" ]; then
|
||||||
|
echo "✅ 发现bun.lock文件"
|
||||||
|
else
|
||||||
|
echo "❌ 未发现bun.lock文件"
|
||||||
|
fi
|
||||||
|
|
||||||
|
echo "=== 开始安装依赖 ==="
|
||||||
|
echo "安装开始时间: $(date)"
|
||||||
|
bun install --frozen-lockfile
|
||||||
|
echo "安装完成时间: $(date)"
|
||||||
|
|
||||||
|
echo "=== 依赖安装完成 ==="
|
||||||
|
echo "最终node_modules大小: $(du -sh node_modules 2>/dev/null || echo '未知')"
|
||||||
|
|
||||||
|
# 验证缓存效果
|
||||||
|
echo "=== 缓存效果验证 ==="
|
||||||
|
if [ -d "node_modules" ]; then
|
||||||
|
echo "✅ 依赖安装成功"
|
||||||
|
echo "包数量: $(ls node_modules | wc -l 2>/dev/null || echo '未知')"
|
||||||
|
else
|
||||||
|
echo "⚠️ 依赖可能未完全安装"
|
||||||
|
fi
|
||||||
|
|
||||||
|
|
||||||
|
- name: Decide build target (admin/user/both)
|
||||||
|
run: |
|
||||||
|
set -e
|
||||||
|
COMMIT_MSG="${{ github.event.head_commit.message }}"
|
||||||
|
BUILD_TARGET="both"
|
||||||
|
if echo "$COMMIT_MSG" | grep -qi "\[admin-only\]"; then
|
||||||
|
BUILD_TARGET="admin"
|
||||||
|
elif echo "$COMMIT_MSG" | grep -qi "\[user-only\]"; then
|
||||||
|
BUILD_TARGET="user"
|
||||||
|
else
|
||||||
|
if git rev-parse HEAD^ >/dev/null 2>&1; then
|
||||||
|
RANGE="HEAD^..HEAD"
|
||||||
|
else
|
||||||
|
RANGE="$(git rev-list --max-parents=0 HEAD)..HEAD"
|
||||||
|
fi
|
||||||
|
CHANGED=$(git diff --name-only $RANGE || true)
|
||||||
|
ADMIN_MATCH=$(echo "$CHANGED" | grep -E '^(apps/admin/|docker/ppanel-admin-web/)' || true)
|
||||||
|
USER_MATCH=$(echo "$CHANGED" | grep -E '^(apps/user/|docker/ppanel-user-web/)' || true)
|
||||||
|
PACKAGE_MATCH=$(echo "$CHANGED" | grep -E '^(packages/|turbo.json|package.json|bun.lock)' || true)
|
||||||
|
if [ -n "$PACKAGE_MATCH" ]; then
|
||||||
|
BUILD_TARGET="both"
|
||||||
|
else
|
||||||
|
if [ -n "$ADMIN_MATCH" ] && [ -z "$USER_MATCH" ]; then BUILD_TARGET="admin"; fi
|
||||||
|
if [ -n "$USER_MATCH" ] && [ -z "$ADMIN_MATCH" ]; then BUILD_TARGET="user"; fi
|
||||||
|
if [ -n "$ADMIN_MATCH" ] && [ -n "$USER_MATCH" ]; then BUILD_TARGET="both"; fi
|
||||||
|
fi
|
||||||
|
fi
|
||||||
|
echo "BUILD_TARGET=$BUILD_TARGET" >> $GITHUB_ENV
|
||||||
|
echo "Decided BUILD_TARGET=$BUILD_TARGET"
|
||||||
|
|
||||||
|
- name: Read version from package.json
|
||||||
|
run: |
|
||||||
|
if [ "$BUILD_TARGET" = "admin" ]; then
|
||||||
|
VERSION=$(jq -r .version apps/admin/package.json)
|
||||||
|
echo "使用 admin 应用版本: $VERSION"
|
||||||
|
elif [ "$BUILD_TARGET" = "user" ]; then
|
||||||
|
VERSION=$(jq -r .version apps/user/package.json)
|
||||||
|
echo "使用 user 应用版本: $VERSION"
|
||||||
|
else
|
||||||
|
# both 或其他情况使用根目录版本
|
||||||
|
VERSION=$(jq -r .version package.json)
|
||||||
|
echo "使用根目录版本: $VERSION"
|
||||||
|
fi
|
||||||
|
if [ "$VERSION" = "null" ] || [ -z "$VERSION" ] || [ "$VERSION" = "undefined" ]; then
|
||||||
|
echo "检测到版本为空,回退到根目录版本"
|
||||||
|
VERSION=$(jq -r .version package.json)
|
||||||
|
fi
|
||||||
|
echo "VERSION=$VERSION" >> $GITHUB_ENV
|
||||||
|
|
||||||
|
- name: 根据分支动态设置API地址
|
||||||
|
run: |
|
||||||
|
if [ "${{ github.ref_name }}" = "main" ]; then
|
||||||
|
echo "NEXT_PUBLIC_API_URL=https://api.airoport.co" >> $GITHUB_ENV
|
||||||
|
echo "为main分支设置生产环境API地址"
|
||||||
|
elif [ "${{ github.ref_name }}" = "dev" ]; then
|
||||||
|
echo "NEXT_PUBLIC_API_URL=https://api.kxsw.us" >> $GITHUB_ENV
|
||||||
|
echo "为dev分支设置开发环境API地址"
|
||||||
|
else
|
||||||
|
echo "NEXT_PUBLIC_API_URL=https://api.airoport.co" >> $GITHUB_ENV
|
||||||
|
echo "为其他分支设置默认API地址"
|
||||||
|
fi
|
||||||
|
echo "BRANCH=${{ github.ref_name }}" >> $GITHUB_ENV
|
||||||
|
|
||||||
|
- name: Cache Next.js build artifacts (.next/cache)
|
||||||
|
if: env.CACHE_AVAILABLE == 'true'
|
||||||
|
uses: actions/cache@v4
|
||||||
|
continue-on-error: true
|
||||||
|
with:
|
||||||
|
path: |
|
||||||
|
apps/admin/.next/cache
|
||||||
|
apps/user/.next/cache
|
||||||
|
key: nextcache-${{ runner.os }}-${{ hashFiles('apps//package.json') }}-${{ hashFiles('packages//package.json') }}-${{ hashFiles('turbo.json') }}-${{ hashFiles('bun.lock') }}
|
||||||
|
restore-keys: |
|
||||||
|
nextcache-${{ runner.os }}-${{ hashFiles('apps//package.json') }}-${{ hashFiles('packages//package.json') }}-
|
||||||
|
nextcache-${{ runner.os }}-
|
||||||
|
|
||||||
|
- name: Cache build outputs
|
||||||
|
if: env.CACHE_AVAILABLE == 'true'
|
||||||
|
uses: actions/cache@v4
|
||||||
|
continue-on-error: true
|
||||||
|
with:
|
||||||
|
path: |
|
||||||
|
apps/admin/.next
|
||||||
|
apps/user/.next
|
||||||
|
apps/admin/dist
|
||||||
|
apps/user/dist
|
||||||
|
key: build-${{ runner.os }}-${{ hashFiles('apps//*.ts', 'apps//*.tsx', 'apps//*.js', 'apps//*.jsx') }}-${{ hashFiles('packages//*.ts', 'packages//*.tsx') }}-${{ hashFiles('bun.lock') }}
|
||||||
|
restore-keys: |
|
||||||
|
build-${{ runner.os }}-${{ hashFiles('apps//*.ts', 'apps//*.tsx', 'apps//*.js', 'apps//*.jsx') }}-
|
||||||
|
build-${{ runner.os }}-
|
||||||
|
|
||||||
|
- name: Cache ESLint
|
||||||
|
if: env.CACHE_AVAILABLE == 'true'
|
||||||
|
uses: actions/cache@v4
|
||||||
|
continue-on-error: true
|
||||||
|
with:
|
||||||
|
path: |
|
||||||
|
.eslintcache
|
||||||
|
apps/admin/.eslintcache
|
||||||
|
apps/user/.eslintcache
|
||||||
|
key: eslint-${{ runner.os }}-${{ hashFiles('.eslintrc*', 'apps//.eslintrc*', 'packages//.eslintrc*') }}-${{ hashFiles('bun.lock') }}
|
||||||
|
restore-keys: |
|
||||||
|
eslint-${{ runner.os }}-
|
||||||
|
|
||||||
|
- name: Cache TypeScript
|
||||||
|
if: env.CACHE_AVAILABLE == 'true'
|
||||||
|
uses: actions/cache@v4
|
||||||
|
continue-on-error: true
|
||||||
|
with:
|
||||||
|
path: |
|
||||||
|
.tsbuildinfo
|
||||||
|
apps/admin/.tsbuildinfo
|
||||||
|
apps/user/.tsbuildinfo
|
||||||
|
packages//.tsbuildinfo
|
||||||
|
key: typescript-${{ runner.os }}-${{ hashFiles('tsconfig*.json', 'apps//tsconfig*.json', 'packages//tsconfig*.json') }}-${{ hashFiles('bun.lock') }}
|
||||||
|
restore-keys: |
|
||||||
|
typescript-${{ runner.os }}-
|
||||||
|
|
||||||
|
- name: 构建管理面板
|
||||||
|
if: env.BUILD_TARGET == 'admin' || env.BUILD_TARGET == 'both'
|
||||||
|
run: bun run build --filter=ppanel-admin-web
|
||||||
|
|
||||||
|
- name: 构建用户面板
|
||||||
|
if: env.BUILD_TARGET == 'user' || env.BUILD_TARGET == 'both'
|
||||||
|
run: bun run build --filter=ppanel-user-web
|
||||||
|
|
||||||
|
- name: 构建并推送管理面板Docker镜像
|
||||||
|
if: env.BUILD_TARGET == 'admin' || env.BUILD_TARGET == 'both'
|
||||||
|
run: |
|
||||||
|
if docker buildx version >/dev/null 2>&1; then
|
||||||
|
echo "使用docker buildx进行优化构建"
|
||||||
|
docker buildx build \
|
||||||
|
--platform linux/amd64 \
|
||||||
|
--cache-from type=registry,ref=${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-admin-web:cache \
|
||||||
|
--cache-to type=registry,ref=${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-admin-web:cache,mode=max \
|
||||||
|
-f ./docker/ppanel-admin-web/Dockerfile \
|
||||||
|
-t ${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-admin-web:${{ env.VERSION }} \
|
||||||
|
--push .
|
||||||
|
else
|
||||||
|
echo "使用常规docker构建"
|
||||||
|
docker build -f ./docker/ppanel-admin-web/Dockerfile -t ${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-admin-web:${{ env.VERSION }} .
|
||||||
|
docker push ${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-admin-web:${{ env.VERSION }}
|
||||||
|
fi
|
||||||
|
|
||||||
|
- name: 构建并推送用户面板Docker镜像
|
||||||
|
if: env.BUILD_TARGET == 'user' || env.BUILD_TARGET == 'both'
|
||||||
|
run: |
|
||||||
|
if docker buildx version >/dev/null 2>&1; then
|
||||||
|
echo "使用docker buildx进行优化构建"
|
||||||
|
docker buildx build \
|
||||||
|
--platform linux/amd64 \
|
||||||
|
--cache-from type=registry,ref=${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-user-web:cache \
|
||||||
|
--cache-to type=registry,ref=${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-user-web:cache,mode=max \
|
||||||
|
-f ./docker/ppanel-user-web/Dockerfile \
|
||||||
|
-t ${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-user-web:${{ env.VERSION }} \
|
||||||
|
--push .
|
||||||
|
else
|
||||||
|
echo "使用常规docker构建"
|
||||||
|
docker build -f ./docker/ppanel-user-web/Dockerfile -t ${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-user-web:${{ env.VERSION }} .
|
||||||
|
docker push ${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-user-web:${{ env.VERSION }}
|
||||||
|
fi
|
||||||
|
|
||||||
|
- name: SSH连接预检查
|
||||||
|
if: env.BUILD_TARGET == 'admin' || env.BUILD_TARGET == 'user' || env.BUILD_TARGET == 'both'
|
||||||
|
uses: appleboy/ssh-action@v1.0.3
|
||||||
|
with:
|
||||||
|
host: ${{ env.SSH_HOST }}
|
||||||
|
username: ${{ env.SSH_USER }}
|
||||||
|
password: ${{ env.SSH_PASSWORD }}
|
||||||
|
port: ${{ env.SSH_PORT }}
|
||||||
|
timeout: 300s
|
||||||
|
command_timeout: 600s
|
||||||
|
debug: true
|
||||||
|
script: |
|
||||||
|
echo "=== SSH连接测试 ==="
|
||||||
|
echo "连接时间: $(date)"
|
||||||
|
echo "服务器主机名: $(hostname)"
|
||||||
|
echo "当前用户: $(whoami)"
|
||||||
|
echo "系统信息: $(uname -a)"
|
||||||
|
echo "Docker版本: $(docker --version 2>/dev/null || echo 'Docker未安装')"
|
||||||
|
echo "✅ SSH连接成功"
|
||||||
|
|
||||||
|
- name: 部署管理面板到服务器
|
||||||
|
if: env.BUILD_TARGET == 'admin' || env.BUILD_TARGET == 'both'
|
||||||
|
uses: appleboy/ssh-action@v1.0.3
|
||||||
|
with:
|
||||||
|
host: ${{ env.SSH_HOST }}
|
||||||
|
username: ${{ env.SSH_USER }}
|
||||||
|
password: ${{ env.SSH_PASSWORD }}
|
||||||
|
port: ${{ env.SSH_PORT }}
|
||||||
|
timeout: 300s
|
||||||
|
command_timeout: 600s
|
||||||
|
script: |
|
||||||
|
echo "=== SSH变量调试信息 ==="
|
||||||
|
echo "DOCKER_REGISTRY: ${{ env.DOCKER_REGISTRY }}"
|
||||||
|
echo "VERSION: ${{ env.VERSION }}"
|
||||||
|
echo "NEXT_PUBLIC_API_URL: ${{ env.NEXT_PUBLIC_API_URL }}"
|
||||||
|
echo "BRANCH: ${{ env.BRANCH }}"
|
||||||
|
|
||||||
|
echo "=== 部署管理面板 ==="
|
||||||
|
|
||||||
|
# 网络连通性检查
|
||||||
|
echo "检查镜像服务器连通性..."
|
||||||
|
REGISTRY_HOST=$(echo "${{ env.DOCKER_REGISTRY }}" | sed 's|https\?://||' | cut -d'/' -f1)
|
||||||
|
echo "镜像仓库地址: $REGISTRY_HOST"
|
||||||
|
|
||||||
|
if ping -c 3 "$REGISTRY_HOST" > /dev/null 2>&1; then
|
||||||
|
echo "✅ 镜像服务器连通性正常"
|
||||||
|
else
|
||||||
|
echo "⚠️ 镜像服务器ping失败,但继续尝试拉取镜像"
|
||||||
|
fi
|
||||||
|
|
||||||
|
# 检查Docker登录状态
|
||||||
|
echo "检查Docker登录状态..."
|
||||||
|
if docker info > /dev/null 2>&1; then
|
||||||
|
echo "✅ Docker服务正常"
|
||||||
|
else
|
||||||
|
echo "❌ Docker服务异常"
|
||||||
|
exit 1
|
||||||
|
fi
|
||||||
|
|
||||||
|
# 拉取镜像(带重试)
|
||||||
|
echo "拉取Docker镜像..."
|
||||||
|
for i in {1..3}; do
|
||||||
|
echo "尝试拉取镜像 ($i/3): ${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-admin-web:${{ env.VERSION }}"
|
||||||
|
if docker pull ${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-admin-web:${{ env.VERSION }}; then
|
||||||
|
echo "✅ 镜像拉取成功"
|
||||||
|
break
|
||||||
|
else
|
||||||
|
echo "❌ 镜像拉取失败,重试 $i/3"
|
||||||
|
echo "检查网络和镜像仓库状态..."
|
||||||
|
|
||||||
|
# 显示详细错误信息
|
||||||
|
echo "--- 网络诊断信息 ---"
|
||||||
|
echo "DNS解析测试:"
|
||||||
|
nslookup "$REGISTRY_HOST" || echo "DNS解析失败"
|
||||||
|
echo "网络连通性测试:"
|
||||||
|
ping -c 2 "$REGISTRY_HOST" || echo "ping失败"
|
||||||
|
echo "Docker镜像仓库连接测试:"
|
||||||
|
curl -I "https://$REGISTRY_HOST/v2/" 2>/dev/null || echo "仓库API访问失败"
|
||||||
|
|
||||||
|
sleep 5
|
||||||
|
if [ $i -eq 3 ]; then
|
||||||
|
echo "❌ 镜像拉取失败,部署终止"
|
||||||
|
echo "请检查:"
|
||||||
|
echo "1. 网络连接是否正常"
|
||||||
|
echo "2. 镜像仓库是否可访问"
|
||||||
|
echo "3. 镜像标签是否存在"
|
||||||
|
echo "4. Docker登录凭据是否正确"
|
||||||
|
exit 1
|
||||||
|
fi
|
||||||
|
fi
|
||||||
|
done
|
||||||
|
|
||||||
|
# 安全停止和移除容器
|
||||||
|
echo "检查现有容器状态..."
|
||||||
|
CONTAINER_NAME="ppanel-admin-web"
|
||||||
|
|
||||||
|
# 检查容器是否存在
|
||||||
|
if docker ps -aq -f name=$CONTAINER_NAME | grep -q .; then
|
||||||
|
echo "发现现有容器,开始清理..."
|
||||||
|
|
||||||
|
# 检查容器是否正在运行
|
||||||
|
if docker ps -q -f name=$CONTAINER_NAME | grep -q .; then
|
||||||
|
echo "停止运行中的容器..."
|
||||||
|
docker stop $CONTAINER_NAME --time=15 || true
|
||||||
|
sleep 5
|
||||||
|
fi
|
||||||
|
|
||||||
|
# 检查容器是否正在被移除
|
||||||
|
echo "检查容器移除状态..."
|
||||||
|
for i in {1..15}; do
|
||||||
|
# 尝试获取容器状态
|
||||||
|
CONTAINER_STATUS=$(docker inspect $CONTAINER_NAME --format='{{.State.Status}}' 2>/dev/null || echo "not_found")
|
||||||
|
|
||||||
|
if [ "$CONTAINER_STATUS" = "not_found" ]; then
|
||||||
|
echo "✅ 容器已不存在"
|
||||||
|
break
|
||||||
|
elif [ "$CONTAINER_STATUS" = "removing" ]; then
|
||||||
|
echo "⏳ 容器正在移除中,等待完成... $i/15"
|
||||||
|
sleep 3
|
||||||
|
else
|
||||||
|
echo "尝试移除容器... $i/15"
|
||||||
|
if docker rm -f $CONTAINER_NAME 2>/dev/null; then
|
||||||
|
echo "✅ 容器移除成功"
|
||||||
|
break
|
||||||
|
else
|
||||||
|
echo "⚠️ 容器移除失败,重试..."
|
||||||
|
sleep 2
|
||||||
|
fi
|
||||||
|
fi
|
||||||
|
|
||||||
|
# 最后一次尝试强制清理
|
||||||
|
if [ $i -eq 15 ]; then
|
||||||
|
echo "🔧 执行强制清理..."
|
||||||
|
docker kill $CONTAINER_NAME 2>/dev/null || true
|
||||||
|
sleep 2
|
||||||
|
docker rm -f $CONTAINER_NAME 2>/dev/null || true
|
||||||
|
sleep 2
|
||||||
|
fi
|
||||||
|
done
|
||||||
|
else
|
||||||
|
echo "✅ 未发现现有容器"
|
||||||
|
fi
|
||||||
|
|
||||||
|
echo "启动新容器..."
|
||||||
|
docker run -d \
|
||||||
|
--add-host api.airoport.co:103.150.215.40 \
|
||||||
|
--name ppanel-admin-web \
|
||||||
|
--restart unless-stopped \
|
||||||
|
-p 3001:3000 \
|
||||||
|
-e NEXT_PUBLIC_API_URL=${{ env.NEXT_PUBLIC_API_URL }} \
|
||||||
|
${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-admin-web:${{ env.VERSION }}
|
||||||
|
|
||||||
|
# 验证容器启动
|
||||||
|
echo "验证容器启动状态..."
|
||||||
|
for i in {1..10}; do
|
||||||
|
if docker ps -q -f name=ppanel-admin-web | grep -q .; then
|
||||||
|
echo "✅ 管理面板部署成功"
|
||||||
|
docker ps -f name=ppanel-admin-web --format "table {{.Names}}\t{{.Status}}\t{{.Ports}}"
|
||||||
|
exit 0
|
||||||
|
else
|
||||||
|
echo "等待容器启动... $i/10"
|
||||||
|
sleep 3
|
||||||
|
fi
|
||||||
|
done
|
||||||
|
|
||||||
|
echo "❌ 管理面板部署失败 - 容器未能正常启动"
|
||||||
|
docker logs ppanel-admin-web || true
|
||||||
|
exit 1
|
||||||
|
|
||||||
|
- name: 部署用户面板到服务器
|
||||||
|
if: env.BUILD_TARGET == 'user' || env.BUILD_TARGET == 'both'
|
||||||
|
uses: appleboy/ssh-action@v1.0.3
|
||||||
|
with:
|
||||||
|
host: ${{ env.SSH_HOST }}
|
||||||
|
username: ${{ env.SSH_USER }}
|
||||||
|
password: ${{ env.SSH_PASSWORD }}
|
||||||
|
port: ${{ env.SSH_PORT }}
|
||||||
|
timeout: 300s
|
||||||
|
command_timeout: 600s
|
||||||
|
debug: true
|
||||||
|
script: |
|
||||||
|
echo "=== SSH变量调试信息 ==="
|
||||||
|
echo "DOCKER_REGISTRY: ${{ env.DOCKER_REGISTRY }}"
|
||||||
|
echo "VERSION: ${{ env.VERSION }}"
|
||||||
|
echo "NEXT_PUBLIC_API_URL: ${{ env.NEXT_PUBLIC_API_URL }}"
|
||||||
|
echo "BRANCH: ${{ env.BRANCH }}"
|
||||||
|
|
||||||
|
echo "=== 部署用户面板 ==="
|
||||||
|
|
||||||
|
# 网络连通性检查
|
||||||
|
echo "检查镜像服务器连通性..."
|
||||||
|
REGISTRY_HOST=$(echo "${{ env.DOCKER_REGISTRY }}" | sed 's|https\?://||' | cut -d'/' -f1)
|
||||||
|
echo "镜像仓库地址: $REGISTRY_HOST"
|
||||||
|
|
||||||
|
if ping -c 3 "$REGISTRY_HOST" > /dev/null 2>&1; then
|
||||||
|
echo "✅ 镜像服务器连通性正常"
|
||||||
|
else
|
||||||
|
echo "⚠️ 镜像服务器ping失败,但继续尝试拉取镜像"
|
||||||
|
fi
|
||||||
|
|
||||||
|
# 检查Docker登录状态
|
||||||
|
echo "检查Docker登录状态..."
|
||||||
|
if docker info > /dev/null 2>&1; then
|
||||||
|
echo "✅ Docker服务正常"
|
||||||
|
else
|
||||||
|
echo "❌ Docker服务异常"
|
||||||
|
exit 1
|
||||||
|
fi
|
||||||
|
|
||||||
|
# 拉取镜像(带重试)
|
||||||
|
echo "拉取Docker镜像..."
|
||||||
|
for i in {1..3}; do
|
||||||
|
echo "尝试拉取镜像 ($i/3): ${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-user-web:${{ env.VERSION }}"
|
||||||
|
if docker pull ${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-user-web:${{ env.VERSION }}; then
|
||||||
|
echo "✅ 镜像拉取成功"
|
||||||
|
break
|
||||||
|
else
|
||||||
|
echo "❌ 镜像拉取失败,重试 $i/3"
|
||||||
|
echo "检查网络和镜像仓库状态..."
|
||||||
|
|
||||||
|
# 显示详细错误信息
|
||||||
|
echo "--- 网络诊断信息 ---"
|
||||||
|
echo "DNS解析测试:"
|
||||||
|
nslookup "$REGISTRY_HOST" || echo "DNS解析失败"
|
||||||
|
echo "网络连通性测试:"
|
||||||
|
ping -c 2 "$REGISTRY_HOST" || echo "ping失败"
|
||||||
|
echo "Docker镜像仓库连接测试:"
|
||||||
|
curl -I "https://$REGISTRY_HOST/v2/" 2>/dev/null || echo "仓库API访问失败"
|
||||||
|
|
||||||
|
sleep 5
|
||||||
|
if [ $i -eq 3 ]; then
|
||||||
|
echo "❌ 镜像拉取失败,部署终止"
|
||||||
|
echo "请检查:"
|
||||||
|
echo "1. 网络连接是否正常"
|
||||||
|
echo "2. 镜像仓库是否可访问"
|
||||||
|
echo "3. 镜像标签是否存在"
|
||||||
|
echo "4. Docker登录凭据是否正确"
|
||||||
|
exit 1
|
||||||
|
fi
|
||||||
|
fi
|
||||||
|
done
|
||||||
|
|
||||||
|
# 安全停止和移除容器
|
||||||
|
echo "检查现有容器状态..."
|
||||||
|
CONTAINER_NAME="ppanel-user-web"
|
||||||
|
|
||||||
|
# 检查容器是否存在
|
||||||
|
if docker ps -aq -f name=$CONTAINER_NAME | grep -q .; then
|
||||||
|
echo "发现现有容器,开始清理..."
|
||||||
|
|
||||||
|
# 检查容器是否正在运行
|
||||||
|
if docker ps -q -f name=$CONTAINER_NAME | grep -q .; then
|
||||||
|
echo "停止运行中的容器..."
|
||||||
|
docker stop $CONTAINER_NAME --time=15 || true
|
||||||
|
sleep 5
|
||||||
|
fi
|
||||||
|
|
||||||
|
# 检查容器是否正在被移除
|
||||||
|
echo "检查容器移除状态..."
|
||||||
|
for i in {1..15}; do
|
||||||
|
# 尝试获取容器状态
|
||||||
|
CONTAINER_STATUS=$(docker inspect $CONTAINER_NAME --format='{{.State.Status}}' 2>/dev/null || echo "not_found")
|
||||||
|
|
||||||
|
if [ "$CONTAINER_STATUS" = "not_found" ]; then
|
||||||
|
echo "✅ 容器已不存在"
|
||||||
|
break
|
||||||
|
elif [ "$CONTAINER_STATUS" = "removing" ]; then
|
||||||
|
echo "⏳ 容器正在移除中,等待完成... $i/15"
|
||||||
|
sleep 3
|
||||||
|
else
|
||||||
|
echo "尝试移除容器... $i/15"
|
||||||
|
if docker rm -f $CONTAINER_NAME 2>/dev/null; then
|
||||||
|
echo "✅ 容器移除成功"
|
||||||
|
break
|
||||||
|
else
|
||||||
|
echo "⚠️ 容器移除失败,重试..."
|
||||||
|
sleep 2
|
||||||
|
fi
|
||||||
|
fi
|
||||||
|
|
||||||
|
# 最后一次尝试强制清理
|
||||||
|
if [ $i -eq 15 ]; then
|
||||||
|
echo "🔧 执行强制清理..."
|
||||||
|
docker kill $CONTAINER_NAME 2>/dev/null || true
|
||||||
|
sleep 2
|
||||||
|
docker rm -f $CONTAINER_NAME 2>/dev/null || true
|
||||||
|
sleep 2
|
||||||
|
fi
|
||||||
|
done
|
||||||
|
else
|
||||||
|
echo "✅ 未发现现有容器"
|
||||||
|
fi
|
||||||
|
|
||||||
|
echo "启动新容器..."
|
||||||
|
docker run -d \
|
||||||
|
--add-host api.airoport.co:103.150.215.40 \
|
||||||
|
--name ppanel-user-web \
|
||||||
|
--restart unless-stopped \
|
||||||
|
-p 3002:3000 \
|
||||||
|
-e NEXT_PUBLIC_API_URL=${{ env.NEXT_PUBLIC_API_URL }} \
|
||||||
|
${{ env.DOCKER_REGISTRY }}/ppanel/ppanel-user-web:${{ env.VERSION }}
|
||||||
|
|
||||||
|
# 验证容器启动
|
||||||
|
echo "验证容器启动状态..."
|
||||||
|
for i in {1..10}; do
|
||||||
|
if docker ps -q -f name=ppanel-user-web | grep -q .; then
|
||||||
|
echo "✅ 用户面板部署成功"
|
||||||
|
docker ps -f name=ppanel-user-web --format "table {{.Names}}\t{{.Status}}\t{{.Ports}}"
|
||||||
|
exit 0
|
||||||
|
else
|
||||||
|
echo "等待容器启动... $i/10"
|
||||||
|
sleep 3
|
||||||
|
fi
|
||||||
|
done
|
||||||
|
|
||||||
|
echo "❌ 用户面板部署失败 - 容器未能正常启动"
|
||||||
|
docker logs ppanel-user-web || true
|
||||||
|
exit 1
|
||||||
|
|
||||||
|
# 步骤5: TG通知 (成功)
|
||||||
|
- name: 📱 发送成功通知到Telegram
|
||||||
if: success()
|
if: success()
|
||||||
|
uses: appleboy/telegram-action@master
|
||||||
with:
|
with:
|
||||||
token: ${{ env.TELEGRAM_BOT_TOKEN }}
|
token: ${{ env.TELEGRAM_BOT_TOKEN }}
|
||||||
chat: ${{ env.TELEGRAM_CHAT_ID }}
|
to: ${{ env.TELEGRAM_CHAT_ID }}
|
||||||
status: ${{ job.status }}
|
message: |
|
||||||
title: ✅ 构建成功
|
✅ 部署成功!
|
||||||
message: "${{ gitea.repository }} 构建成功 · 分支: ${{ gitea.ref }} · 提交: ${{ gitea.sha }}"
|
|
||||||
footer: "触发者: ${{ gitea.actor }}"
|
|
||||||
|
|
||||||
- name: Notify failure to Telegram
|
📦 项目: ${{ github.repository }}
|
||||||
uses: chapvic/telegram-notify@master
|
🌿 分支: ${{ github.ref_name }}
|
||||||
|
🔖 版本: ${{ env.VERSION }}
|
||||||
|
🎯 构建目标: ${{ env.BUILD_TARGET }}
|
||||||
|
🔗 API地址: ${{ env.NEXT_PUBLIC_API_URL }}
|
||||||
|
📝 提交: ${{ github.sha }}
|
||||||
|
👤 提交者: ${{ github.actor }}
|
||||||
|
🕐 时间: ${{ github.event.head_commit.timestamp }}
|
||||||
|
|
||||||
|
🚀 服务已成功部署到生产环境
|
||||||
|
|
||||||
|
# 步骤5: TG通知 (失败)
|
||||||
|
- name: 📱 发送失败通知到Telegram
|
||||||
if: failure()
|
if: failure()
|
||||||
|
uses: appleboy/telegram-action@master
|
||||||
with:
|
with:
|
||||||
token: ${{ env.TELEGRAM_BOT_TOKEN }}
|
token: ${{ env.TELEGRAM_BOT_TOKEN }}
|
||||||
chat: ${{ env.TELEGRAM_CHAT_ID }}
|
to: ${{ env.TELEGRAM_CHAT_ID }}
|
||||||
status: ${{ job.status }}
|
message: |
|
||||||
title: ❌ 构建失败
|
❌ 部署失败!
|
||||||
message: "${{ gitea.repository }} 构建失败 · 分支: ${{ gitea.ref }} · 提交: ${{ gitea.sha }}"
|
|
||||||
footer: "触发者: ${{ gitea.actor }}"
|
📦 项目: ${{ github.repository }}
|
||||||
|
🌿 分支: ${{ github.ref_name }}
|
||||||
|
🔖 版本: ${{ env.VERSION }}
|
||||||
|
🎯 构建目标: ${{ env.BUILD_TARGET }}
|
||||||
|
📝 提交: ${{ github.sha }}
|
||||||
|
👤 提交者: ${{ github.actor }}
|
||||||
|
🕐 时间: ${{ github.event.head_commit.timestamp }}
|
||||||
|
|
||||||
|
⚠️ 请检查构建日志获取详细信息
|
||||||
|
|||||||
@@ -0,0 +1,91 @@
|
|||||||
|
# Makefile for panel-web
|
||||||
|
|
||||||
|
# Docker Registry
|
||||||
|
REGISTRY_URL=registry.kxsw.us
|
||||||
|
|
||||||
|
# Image names
|
||||||
|
ADMIN_IMAGE_NAME=ppanel/ppanel-admin-web
|
||||||
|
USER_IMAGE_NAME=ppanel/ppanel-user-web
|
||||||
|
|
||||||
|
# Full image names with registry
|
||||||
|
ADMIN_IMAGE=${REGISTRY_URL}/${ADMIN_IMAGE_NAME}
|
||||||
|
USER_IMAGE=${REGISTRY_URL}/${USER_IMAGE_NAME}
|
||||||
|
|
||||||
|
# Version from package.json. Requires jq to be installed.
|
||||||
|
VERSION=$(shell jq -r .version package.json)
|
||||||
|
|
||||||
|
.PHONY: all
|
||||||
|
all: build ## Default target
|
||||||
|
|
||||||
|
# ==============================================================================
|
||||||
|
# Build Targets
|
||||||
|
# ==============================================================================
|
||||||
|
|
||||||
|
.PHONY: build
|
||||||
|
build: build-admin build-user ## Build both admin and user docker images
|
||||||
|
|
||||||
|
.PHONY: build-admin
|
||||||
|
build-admin: ## Build the admin docker image
|
||||||
|
@echo "Building admin image with tags ${ADMIN_IMAGE}:${VERSION} and ${ADMIN_IMAGE}:latest..."
|
||||||
|
docker build -f ./docker/ppanel-admin-web/Dockerfile -t ${ADMIN_IMAGE}:${VERSION} -t ${ADMIN_IMAGE}:latest .
|
||||||
|
@echo "Successfully built admin image."
|
||||||
|
|
||||||
|
.PHONY: build-user
|
||||||
|
build-user: ## Build the user docker image
|
||||||
|
@echo "Building user image with tags ${USER_IMAGE}:${VERSION} and ${USER_IMAGE}:latest..."
|
||||||
|
docker build -f ./docker/ppanel-user-web/Dockerfile -t ${USER_IMAGE}:${VERSION} -t ${USER_IMAGE}:latest .
|
||||||
|
@echo "Successfully built user image."
|
||||||
|
|
||||||
|
|
||||||
|
# ==============================================================================
|
||||||
|
# Publish Targets
|
||||||
|
# ==============================================================================
|
||||||
|
|
||||||
|
.PHONY: push
|
||||||
|
push: push-admin push-user ## Push both admin and user images to the registry
|
||||||
|
|
||||||
|
.PHONY: push-admin
|
||||||
|
push-admin: ## Push the admin image to the registry
|
||||||
|
@echo "Pushing admin image ${ADMIN_IMAGE}:${VERSION} and ${ADMIN_IMAGE}:latest..."
|
||||||
|
docker push ${ADMIN_IMAGE}:${VERSION}
|
||||||
|
docker push ${ADMIN_IMAGE}:latest
|
||||||
|
@echo "Successfully pushed admin image."
|
||||||
|
|
||||||
|
.PHONY: push-user
|
||||||
|
push-user: ## Push the user image to the registry
|
||||||
|
@echo "Pushing user image ${USER_IMAGE}:${VERSION} and ${USER_IMAGE}:latest..."
|
||||||
|
docker push ${USER_IMAGE}:${VERSION}
|
||||||
|
docker push ${USER_IMAGE}:latest
|
||||||
|
@echo "Successfully pushed user image."
|
||||||
|
|
||||||
|
|
||||||
|
# ==============================================================================
|
||||||
|
# Run Targets
|
||||||
|
# ==============================================================================
|
||||||
|
|
||||||
|
.PHONY: ensure-version
|
||||||
|
ensure-version:
|
||||||
|
@if [ -z "${VERSION}" ] || [ "${VERSION}" = "null" ]; then \
|
||||||
|
echo "ERROR: 未检测到版本号。请安装 jq 并在 panel-web/package.json 中设置有效的 version 字段。"; \
|
||||||
|
echo "提示:可以运行 'make version' 查看当前版本值。"; \
|
||||||
|
exit 1; \
|
||||||
|
fi
|
||||||
|
|
||||||
|
# ==============================================================================
|
||||||
|
# Other Targets
|
||||||
|
# ==============================================================================
|
||||||
|
|
||||||
|
.PHONY: login
|
||||||
|
login: ## Login to the Docker registry
|
||||||
|
docker login ${REGISTRY_URL}
|
||||||
|
|
||||||
|
.PHONY: help
|
||||||
|
help: ## Show this help message
|
||||||
|
@echo "Usage: make [target]"
|
||||||
|
@echo ""
|
||||||
|
@echo "Targets:"
|
||||||
|
@grep -E '^[a-zA-Z_-]+:.*?## .*$$' $(MAKEFILE_LIST) | sort | awk 'BEGIN {FS = ":.*?## "}; {printf "\033[36m%-20s\033[0m %s\n", $$1, $$2}'
|
||||||
|
|
||||||
|
.PHONY: version
|
||||||
|
version: ## Print project version from package.json
|
||||||
|
@echo "${VERSION}"
|
||||||
+1
-1
@@ -3,7 +3,7 @@ NEXT_PUBLIC_DEFAULT_LANGUAGE=zh-CN
|
|||||||
|
|
||||||
# Site URL and API URL
|
# Site URL and API URL
|
||||||
NEXT_PUBLIC_SITE_URL=https://admin.ppanel.dev
|
NEXT_PUBLIC_SITE_URL=https://admin.ppanel.dev
|
||||||
NEXT_PUBLIC_API_URL=https://api.kxsw.us
|
NEXT_PUBLIC_API_URL=https://api.airoport.co
|
||||||
|
|
||||||
# Default Login User
|
# Default Login User
|
||||||
NEXT_PUBLIC_DEFAULT_USER_EMAIL=
|
NEXT_PUBLIC_DEFAULT_USER_EMAIL=
|
||||||
|
|||||||
@@ -8,7 +8,7 @@
|
|||||||
|
|
||||||
This is a PPanel admin web powered by PPanel
|
This is a PPanel admin web powered by PPanel
|
||||||
|
|
||||||
English
|
English ##
|
||||||
·
|
·
|
||||||
[Chinese](./README.zh-CN.md)
|
[Chinese](./README.zh-CN.md)
|
||||||
·
|
·
|
||||||
|
|||||||
@@ -18,7 +18,7 @@
|
|||||||
"axios": "^1.7.9",
|
"axios": "^1.7.9",
|
||||||
"js-yaml": "^4.1.0",
|
"js-yaml": "^4.1.0",
|
||||||
"nanoid": "^5.0.9",
|
"nanoid": "^5.0.9",
|
||||||
"next": "^15.1.4",
|
"next": "15.3.6",
|
||||||
"next-intl": "^3.26.3",
|
"next-intl": "^3.26.3",
|
||||||
"next-runtime-env": "^3.2.2",
|
"next-runtime-env": "^3.2.2",
|
||||||
"next-themes": "^0.4.4",
|
"next-themes": "^0.4.4",
|
||||||
|
|||||||
+1
-1
@@ -3,7 +3,7 @@ NEXT_PUBLIC_DEFAULT_LANGUAGE=zh-CN
|
|||||||
|
|
||||||
# Site URL and API URL
|
# Site URL and API URL
|
||||||
NEXT_PUBLIC_SITE_URL=https://user.ppanel.dev
|
NEXT_PUBLIC_SITE_URL=https://user.ppanel.dev
|
||||||
NEXT_PUBLIC_API_URL=https://api.kxsw.us
|
NEXT_PUBLIC_API_URL=https://api.airoport.co
|
||||||
NEXT_PUBLIC_CDN_URL=https://cdn.jsdelivr.net
|
NEXT_PUBLIC_CDN_URL=https://cdn.jsdelivr.net
|
||||||
|
|
||||||
# Home Page Settings
|
# Home Page Settings
|
||||||
|
|||||||
@@ -3,7 +3,7 @@ NEXT_PUBLIC_DEFAULT_LANGUAGE=en-US
|
|||||||
|
|
||||||
# Site URL and API URL
|
# Site URL and API URL
|
||||||
NEXT_PUBLIC_SITE_URL=https://user.ppanel.dev
|
NEXT_PUBLIC_SITE_URL=https://user.ppanel.dev
|
||||||
NEXT_PUBLIC_API_URL=https://api.kxsw.us
|
NEXT_PUBLIC_API_URL=https://airoport.co
|
||||||
NEXT_PUBLIC_CDN_URL=https://cdn.jsdelivr.net
|
NEXT_PUBLIC_CDN_URL=https://cdn.jsdelivr.net
|
||||||
|
|
||||||
# Home Page Settings
|
# Home Page Settings
|
||||||
|
|||||||
@@ -179,7 +179,7 @@ export default function Content() {
|
|||||||
variant={'primary'}
|
variant={'primary'}
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
openPopupWindow({
|
openPopupWindow({
|
||||||
download: 'https://aunlock.laomaos.com/share/DEXVzMSP',
|
download: 'https://getsapp.net/StKNQY',
|
||||||
title: 'Shadowrocket',
|
title: 'Shadowrocket',
|
||||||
});
|
});
|
||||||
}}
|
}}
|
||||||
|
|||||||
@@ -0,0 +1,10 @@
|
|||||||
|
'use client';
|
||||||
|
import EmailAuthForm1 from '@/app/auth/email2/auth-form';
|
||||||
|
|
||||||
|
export default function RegisterPage() {
|
||||||
|
return (
|
||||||
|
<div className='container w-full py-8 sm:w-[496px]'>
|
||||||
|
<EmailAuthForm1 isRedirect={true} />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,45 @@
|
|||||||
|
/*import { GlobalMap } from '@/components/main/global-map';
|
||||||
|
import { Hero } from '@/components/main/hero';
|
||||||
|
import { ProductShowcase } from '@/components/main/product-showcase/index';
|
||||||
|
import { Stats } from '@/components/main/stats';*/
|
||||||
|
import Header from '@/components/Header/Header';
|
||||||
|
import { queryUserInfo } from '@/services/user/user';
|
||||||
|
import { cookies } from 'next/headers';
|
||||||
|
|
||||||
|
import EmailAuthForm2 from '@/app/auth/email2/auth-form';
|
||||||
|
import { LoginDialogProvider } from '@/app/auth/LoginDialogContext';
|
||||||
|
import FooterCopyright from '@/components/main/FooterCopyright';
|
||||||
|
import FullScreenVideoBackground from '@/components/main/FullScreenVideoBackground';
|
||||||
|
|
||||||
|
export default async function Home() {
|
||||||
|
const Authorization = (await cookies()).get('Authorization')?.value;
|
||||||
|
|
||||||
|
if (Authorization) {
|
||||||
|
let user = null;
|
||||||
|
try {
|
||||||
|
user = await queryUserInfo({
|
||||||
|
skipErrorHandler: true,
|
||||||
|
Authorization,
|
||||||
|
}).then((res) => res.data.data);
|
||||||
|
} catch (error) {
|
||||||
|
console.log('Token validation failed:', error);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (user) {
|
||||||
|
// redirect('/dashboard');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<LoginDialogProvider>
|
||||||
|
<FullScreenVideoBackground />
|
||||||
|
<Header />
|
||||||
|
<main className='fixed inset-0 z-40 flex items-center justify-center'>
|
||||||
|
<div className={'w-[80%] pt-8 sm:w-[496px]'}>
|
||||||
|
<EmailAuthForm2 isRedirect={true} />
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<FooterCopyright />
|
||||||
|
</LoginDialogProvider>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,111 @@
|
|||||||
|
'use client';
|
||||||
|
|
||||||
|
import { resetPassword, userLogin, userRegister } from '@/services/common/auth';
|
||||||
|
import { useTranslations } from 'next-intl';
|
||||||
|
import { useRouter } from 'next/navigation';
|
||||||
|
import { ReactNode, useState, useTransition } from 'react';
|
||||||
|
import { toast } from 'sonner';
|
||||||
|
|
||||||
|
import {
|
||||||
|
NEXT_PUBLIC_DEFAULT_USER_EMAIL,
|
||||||
|
NEXT_PUBLIC_DEFAULT_USER_PASSWORD,
|
||||||
|
} from '@/config/constants';
|
||||||
|
import useGlobalStore from '@/config/use-global';
|
||||||
|
import { getRedirectUrl, setAuthorization } from '@/utils/common';
|
||||||
|
import LoginForm from './login-form';
|
||||||
|
import RegisterForm from './register-form';
|
||||||
|
import ResetForm from './reset-form';
|
||||||
|
|
||||||
|
export default function EmailAuthForm(props: { isRedirect: boolean }) {
|
||||||
|
const t = useTranslations('auth');
|
||||||
|
const router = useRouter();
|
||||||
|
const [type, setType] = useState<'login' | 'register' | 'reset'>('register');
|
||||||
|
const [loading, startTransition] = useTransition();
|
||||||
|
const [initialValues, setInitialValues] = useState<{
|
||||||
|
email?: string;
|
||||||
|
password?: string;
|
||||||
|
}>({
|
||||||
|
email: NEXT_PUBLIC_DEFAULT_USER_EMAIL,
|
||||||
|
password: NEXT_PUBLIC_DEFAULT_USER_PASSWORD,
|
||||||
|
});
|
||||||
|
const { getUserInfo } = useGlobalStore();
|
||||||
|
const handleFormSubmit = async (params: any) => {
|
||||||
|
const onLogin = async (token?: string) => {
|
||||||
|
if (!token) return;
|
||||||
|
setAuthorization(token);
|
||||||
|
console.log('props.isRedirect', token);
|
||||||
|
console.log('props.isRedirect', props.isRedirect);
|
||||||
|
console.log('props.isRedirect ', getRedirectUrl());
|
||||||
|
if (props.isRedirect) {
|
||||||
|
router.replace(getRedirectUrl());
|
||||||
|
router.refresh();
|
||||||
|
} else {
|
||||||
|
await getUserInfo();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
startTransition(async () => {
|
||||||
|
try {
|
||||||
|
switch (type) {
|
||||||
|
case 'login': {
|
||||||
|
const login = await userLogin(params);
|
||||||
|
toast.success(t('login.success'));
|
||||||
|
onLogin(login.data.data?.token);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case 'register': {
|
||||||
|
const create = await userRegister(params);
|
||||||
|
toast.success(t('register.success'));
|
||||||
|
onLogin(create.data.data?.token);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case 'reset':
|
||||||
|
await resetPassword(params);
|
||||||
|
toast.success(t('reset.success'));
|
||||||
|
setType('login');
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
/* empty */
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
let UserForm: ReactNode = null;
|
||||||
|
switch (type) {
|
||||||
|
case 'login':
|
||||||
|
UserForm = (
|
||||||
|
<LoginForm
|
||||||
|
loading={loading}
|
||||||
|
onSubmit={handleFormSubmit}
|
||||||
|
initialValues={initialValues}
|
||||||
|
setInitialValues={setInitialValues}
|
||||||
|
onSwitchForm={setType}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
break;
|
||||||
|
case 'register':
|
||||||
|
UserForm = (
|
||||||
|
<RegisterForm
|
||||||
|
loading={loading}
|
||||||
|
onSubmit={handleFormSubmit}
|
||||||
|
initialValues={initialValues}
|
||||||
|
setInitialValues={setInitialValues}
|
||||||
|
onSwitchForm={setType}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
break;
|
||||||
|
case 'reset':
|
||||||
|
UserForm = (
|
||||||
|
<ResetForm
|
||||||
|
loading={loading}
|
||||||
|
onSubmit={handleFormSubmit}
|
||||||
|
initialValues={initialValues}
|
||||||
|
setInitialValues={setInitialValues}
|
||||||
|
onSwitchForm={setType}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
return UserForm;
|
||||||
|
}
|
||||||
@@ -0,0 +1,147 @@
|
|||||||
|
import useGlobalStore from '@/config/use-global';
|
||||||
|
import { zodResolver } from '@hookform/resolvers/zod';
|
||||||
|
import { AiroButton } from '@workspace/airo-ui/components/AiroButton';
|
||||||
|
import { Button } from '@workspace/airo-ui/components/button';
|
||||||
|
import {
|
||||||
|
Form,
|
||||||
|
FormControl,
|
||||||
|
FormField,
|
||||||
|
FormItem,
|
||||||
|
FormMessage,
|
||||||
|
} from '@workspace/airo-ui/components/form';
|
||||||
|
import { Input } from '@workspace/airo-ui/components/input';
|
||||||
|
import { Icon } from '@workspace/airo-ui/custom-components/icon';
|
||||||
|
import { useTranslations } from 'next-intl';
|
||||||
|
import { Dispatch, SetStateAction, useRef } from 'react';
|
||||||
|
import { useForm } from 'react-hook-form';
|
||||||
|
import { z } from 'zod';
|
||||||
|
import CloudFlareTurnstile, { TurnstileRef } from '../turnstile';
|
||||||
|
|
||||||
|
export default function LoginForm({
|
||||||
|
loading,
|
||||||
|
onSubmit,
|
||||||
|
initialValues,
|
||||||
|
setInitialValues,
|
||||||
|
onSwitchForm,
|
||||||
|
}: {
|
||||||
|
loading?: boolean;
|
||||||
|
onSubmit: (data: any) => void;
|
||||||
|
initialValues: any;
|
||||||
|
setInitialValues: Dispatch<SetStateAction<any>>;
|
||||||
|
onSwitchForm: Dispatch<SetStateAction<'register' | 'reset' | 'login'>>;
|
||||||
|
}) {
|
||||||
|
const t = useTranslations('auth.login');
|
||||||
|
const { common } = useGlobalStore();
|
||||||
|
const { verify } = common;
|
||||||
|
|
||||||
|
const formSchema = z.object({
|
||||||
|
email: z.string().email(t('email')),
|
||||||
|
password: z.string(),
|
||||||
|
cf_token:
|
||||||
|
verify.enable_login_verify && verify.turnstile_site_key ? z.string() : z.string().optional(),
|
||||||
|
});
|
||||||
|
const form = useForm<z.infer<typeof formSchema>>({
|
||||||
|
resolver: zodResolver(formSchema),
|
||||||
|
defaultValues: initialValues,
|
||||||
|
});
|
||||||
|
|
||||||
|
const turnstile = useRef<TurnstileRef>(null);
|
||||||
|
const handleSubmit = form.handleSubmit((data) => {
|
||||||
|
try {
|
||||||
|
onSubmit(data);
|
||||||
|
} catch (error) {
|
||||||
|
turnstile.current?.reset();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<div className={'h-[84px] text-2xl font-bold leading-[84px]'}>账户验证</div>
|
||||||
|
<Form {...form}>
|
||||||
|
<form onSubmit={handleSubmit} className=''>
|
||||||
|
<FormField
|
||||||
|
control={form.control}
|
||||||
|
name='email'
|
||||||
|
render={({ field }) => (
|
||||||
|
<FormItem className={'mb-5'}>
|
||||||
|
<FormControl>
|
||||||
|
<Input
|
||||||
|
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
|
||||||
|
placeholder='Email'
|
||||||
|
type='email'
|
||||||
|
{...field}
|
||||||
|
/>
|
||||||
|
</FormControl>
|
||||||
|
<FormMessage />
|
||||||
|
</FormItem>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<FormField
|
||||||
|
control={form.control}
|
||||||
|
name='password'
|
||||||
|
render={({ field }) => (
|
||||||
|
<FormItem className={'mb-2'}>
|
||||||
|
<FormControl>
|
||||||
|
<Input
|
||||||
|
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
|
||||||
|
placeholder='Password'
|
||||||
|
type='password'
|
||||||
|
{...field}
|
||||||
|
/>
|
||||||
|
</FormControl>
|
||||||
|
<FormMessage />
|
||||||
|
</FormItem>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
{verify.enable_login_verify && (
|
||||||
|
<FormField
|
||||||
|
control={form.control}
|
||||||
|
name='cf_token'
|
||||||
|
render={({ field }) => (
|
||||||
|
<FormItem className={'last:mb-0'}>
|
||||||
|
<FormControl>
|
||||||
|
<CloudFlareTurnstile id='login' {...field} ref={turnstile} />
|
||||||
|
</FormControl>
|
||||||
|
<FormMessage />
|
||||||
|
</FormItem>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
<div className='flex w-full justify-between text-sm'>
|
||||||
|
<Button
|
||||||
|
variant='link'
|
||||||
|
type='button'
|
||||||
|
className='p-0 text-[#225BA9]'
|
||||||
|
onClick={() => onSwitchForm('reset')}
|
||||||
|
>
|
||||||
|
{t('forgotPassword')}
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
variant='link'
|
||||||
|
type='button'
|
||||||
|
className='p-0 text-[#225BA9]'
|
||||||
|
onClick={() => {
|
||||||
|
setInitialValues(undefined);
|
||||||
|
onSwitchForm('register');
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{t('registerAccount')}
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className='mt-6 flex justify-center'>
|
||||||
|
<AiroButton
|
||||||
|
type='submit'
|
||||||
|
variant='default'
|
||||||
|
disabled={loading}
|
||||||
|
className='h-auto min-w-[157px] py-2 text-lg font-medium'
|
||||||
|
>
|
||||||
|
{loading && <Icon icon='mdi:loading' className='animate-spin' />}
|
||||||
|
{t('title')}
|
||||||
|
</AiroButton>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</Form>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,218 @@
|
|||||||
|
'use client';
|
||||||
|
import useGlobalStore from '@/config/use-global';
|
||||||
|
import { zodResolver } from '@hookform/resolvers/zod';
|
||||||
|
import { AiroButton } from '@workspace/airo-ui/components/AiroButton';
|
||||||
|
import { Button } from '@workspace/airo-ui/components/button';
|
||||||
|
|
||||||
|
import {
|
||||||
|
Form,
|
||||||
|
FormControl,
|
||||||
|
FormField,
|
||||||
|
FormItem,
|
||||||
|
FormMessage,
|
||||||
|
} from '@workspace/airo-ui/components/form';
|
||||||
|
import { Input } from '@workspace/airo-ui/components/input';
|
||||||
|
import { Icon } from '@workspace/airo-ui/custom-components/icon';
|
||||||
|
import { useRouter } from 'next/navigation';
|
||||||
|
import { Dispatch, SetStateAction, useEffect, useRef, useState } from 'react';
|
||||||
|
import { useForm } from 'react-hook-form';
|
||||||
|
import { z } from 'zod';
|
||||||
|
import SendCode from '../send-code';
|
||||||
|
import { TurnstileRef } from '../turnstile';
|
||||||
|
|
||||||
|
export default function RegisterForm({
|
||||||
|
loading,
|
||||||
|
onSubmit,
|
||||||
|
initialValues,
|
||||||
|
setInitialValues,
|
||||||
|
onSwitchForm,
|
||||||
|
}: {
|
||||||
|
loading?: boolean;
|
||||||
|
onSubmit: (data: any) => void;
|
||||||
|
initialValues: any;
|
||||||
|
setInitialValues: Dispatch<SetStateAction<any>>;
|
||||||
|
onSwitchForm: Dispatch<SetStateAction<'register' | 'reset' | 'login'>>;
|
||||||
|
}) {
|
||||||
|
const { common } = useGlobalStore();
|
||||||
|
const router = useRouter();
|
||||||
|
|
||||||
|
const formSchema = z
|
||||||
|
.object({
|
||||||
|
email: z.string().email('请输入有效的电子邮件地址。'),
|
||||||
|
password: z.string().min(1, '请输入密码'), // 必填提示
|
||||||
|
repeat_password: z.string().min(1, '请重复输入密码'), // 必填
|
||||||
|
code: z.string().min(1, '请输入验证码'), // 必填,
|
||||||
|
invite: z.string().nullish(),
|
||||||
|
})
|
||||||
|
.superRefine(({ password, repeat_password }, ctx) => {
|
||||||
|
if (password !== repeat_password) {
|
||||||
|
ctx.addIssue({
|
||||||
|
code: z.ZodIssueCode.custom,
|
||||||
|
message: '两次密码输入不一致',
|
||||||
|
path: ['repeat_password'],
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
const [inviteDefault, setInviteDefault] = useState('');
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
const invite = localStorage.getItem('invite') || '';
|
||||||
|
setInviteDefault(invite);
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
const form = useForm<z.infer<typeof formSchema>>({
|
||||||
|
resolver: zodResolver(formSchema),
|
||||||
|
defaultValues: {
|
||||||
|
...initialValues,
|
||||||
|
invite: inviteDefault,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const turnstile = useRef<TurnstileRef>(null);
|
||||||
|
const handleSubmit = form.handleSubmit((data) => {
|
||||||
|
try {
|
||||||
|
onSubmit(data);
|
||||||
|
} catch (error) {
|
||||||
|
turnstile.current?.reset();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<div className={'h-[84px] text-2xl font-bold leading-[84px]'}>线路优化</div>
|
||||||
|
|
||||||
|
<Form {...form}>
|
||||||
|
<form onSubmit={handleSubmit}>
|
||||||
|
<div className='grid gap-5'>
|
||||||
|
<FormField
|
||||||
|
control={form.control}
|
||||||
|
name='email'
|
||||||
|
render={({ field }) => (
|
||||||
|
<FormItem>
|
||||||
|
<FormControl>
|
||||||
|
<Input
|
||||||
|
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
|
||||||
|
placeholder='电子邮箱'
|
||||||
|
type='email'
|
||||||
|
{...field}
|
||||||
|
/>
|
||||||
|
</FormControl>
|
||||||
|
<FormMessage />
|
||||||
|
</FormItem>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<FormField
|
||||||
|
control={form.control}
|
||||||
|
name='password'
|
||||||
|
render={({ field }) => (
|
||||||
|
<FormItem>
|
||||||
|
<FormControl>
|
||||||
|
<Input
|
||||||
|
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
|
||||||
|
placeholder='设置密码'
|
||||||
|
type='password'
|
||||||
|
{...field}
|
||||||
|
/>
|
||||||
|
</FormControl>
|
||||||
|
<FormMessage />
|
||||||
|
</FormItem>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<FormField
|
||||||
|
control={form.control}
|
||||||
|
name='repeat_password'
|
||||||
|
render={({ field }) => (
|
||||||
|
<FormItem>
|
||||||
|
<FormControl>
|
||||||
|
<Input
|
||||||
|
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
|
||||||
|
disabled={loading}
|
||||||
|
placeholder='再次输入密码'
|
||||||
|
type='password'
|
||||||
|
{...field}
|
||||||
|
/>
|
||||||
|
</FormControl>
|
||||||
|
<FormMessage />
|
||||||
|
</FormItem>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
{
|
||||||
|
<FormField
|
||||||
|
control={form.control}
|
||||||
|
name='code'
|
||||||
|
render={({ field }) => (
|
||||||
|
<FormItem>
|
||||||
|
<FormControl>
|
||||||
|
<div className='flex items-center gap-8'>
|
||||||
|
<Input
|
||||||
|
disabled={loading}
|
||||||
|
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
|
||||||
|
placeholder='邮箱验证码'
|
||||||
|
type='text'
|
||||||
|
{...field}
|
||||||
|
value={field.value as string}
|
||||||
|
/>
|
||||||
|
<SendCode
|
||||||
|
type='email'
|
||||||
|
form={form}
|
||||||
|
params={{
|
||||||
|
...form.getValues(),
|
||||||
|
type: 1,
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</FormControl>
|
||||||
|
<FormMessage />
|
||||||
|
</FormItem>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
}
|
||||||
|
<FormField
|
||||||
|
control={form.control}
|
||||||
|
name='invite'
|
||||||
|
render={({ field }) => (
|
||||||
|
<FormItem>
|
||||||
|
<FormControl>
|
||||||
|
<Input
|
||||||
|
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
|
||||||
|
disabled={loading || !!inviteDefault}
|
||||||
|
placeholder={'邀请码(非必填)'}
|
||||||
|
{...field}
|
||||||
|
value={field.value || ''}
|
||||||
|
/>
|
||||||
|
</FormControl>
|
||||||
|
<FormMessage />
|
||||||
|
</FormItem>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className='text-right text-sm'>
|
||||||
|
已有账户?
|
||||||
|
<Button
|
||||||
|
variant='link'
|
||||||
|
type='button'
|
||||||
|
className='p-0 text-[#225BA9]'
|
||||||
|
onClick={() => {
|
||||||
|
router.replace('/');
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
登录
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
<div className='mt-6 flex justify-center'>
|
||||||
|
<AiroButton
|
||||||
|
type='submit'
|
||||||
|
disabled={loading}
|
||||||
|
className='h-auto min-w-[157px] py-2 text-lg font-medium'
|
||||||
|
>
|
||||||
|
{loading && <Icon icon='mdi:loading' className='animate-spin' />}
|
||||||
|
注册
|
||||||
|
</AiroButton>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</Form>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,174 @@
|
|||||||
|
import useGlobalStore from '@/config/use-global';
|
||||||
|
import { zodResolver } from '@hookform/resolvers/zod';
|
||||||
|
import { AiroButton } from '@workspace/airo-ui/components/AiroButton';
|
||||||
|
import { Button } from '@workspace/airo-ui/components/button';
|
||||||
|
import {
|
||||||
|
Form,
|
||||||
|
FormControl,
|
||||||
|
FormField,
|
||||||
|
FormItem,
|
||||||
|
FormMessage,
|
||||||
|
} from '@workspace/airo-ui/components/form';
|
||||||
|
import { Input } from '@workspace/airo-ui/components/input';
|
||||||
|
import { Icon } from '@workspace/airo-ui/custom-components/icon';
|
||||||
|
import { useTranslations } from 'next-intl';
|
||||||
|
import { Dispatch, SetStateAction, useRef } from 'react';
|
||||||
|
import { useForm } from 'react-hook-form';
|
||||||
|
import { z } from 'zod';
|
||||||
|
import SendCode from '../send-code';
|
||||||
|
import CloudFlareTurnstile, { TurnstileRef } from '../turnstile';
|
||||||
|
|
||||||
|
export default function ResetForm({
|
||||||
|
loading,
|
||||||
|
onSubmit,
|
||||||
|
initialValues,
|
||||||
|
setInitialValues,
|
||||||
|
onSwitchForm,
|
||||||
|
}: {
|
||||||
|
loading?: boolean;
|
||||||
|
onSubmit: (data: any) => void;
|
||||||
|
initialValues: any;
|
||||||
|
setInitialValues: Dispatch<SetStateAction<any>>;
|
||||||
|
onSwitchForm: Dispatch<SetStateAction<'register' | 'reset' | 'login'>>;
|
||||||
|
}) {
|
||||||
|
const t = useTranslations('auth.reset');
|
||||||
|
|
||||||
|
const { common } = useGlobalStore();
|
||||||
|
const { verify, auth } = common;
|
||||||
|
|
||||||
|
const formSchema = z.object({
|
||||||
|
email: z.string().email(t('email')),
|
||||||
|
password: z.string(),
|
||||||
|
code: auth?.email?.enable_verify ? z.string() : z.string().nullish(),
|
||||||
|
cf_token:
|
||||||
|
verify.enable_register_verify && verify.turnstile_site_key
|
||||||
|
? z.string()
|
||||||
|
: z.string().nullish(),
|
||||||
|
});
|
||||||
|
const form = useForm<z.infer<typeof formSchema>>({
|
||||||
|
resolver: zodResolver(formSchema),
|
||||||
|
defaultValues: initialValues,
|
||||||
|
});
|
||||||
|
|
||||||
|
const turnstile = useRef<TurnstileRef>(null);
|
||||||
|
const handleSubmit = form.handleSubmit((data) => {
|
||||||
|
try {
|
||||||
|
onSubmit(data);
|
||||||
|
} catch (error) {
|
||||||
|
turnstile.current?.reset();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<div className={'h-[84px] text-2xl font-bold leading-[84px]'}>找回账户</div>
|
||||||
|
<Form {...form}>
|
||||||
|
<form onSubmit={handleSubmit}>
|
||||||
|
<div className='grid gap-5'>
|
||||||
|
<FormField
|
||||||
|
control={form.control}
|
||||||
|
name='email'
|
||||||
|
render={({ field }) => (
|
||||||
|
<FormItem>
|
||||||
|
<FormControl>
|
||||||
|
<Input
|
||||||
|
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
|
||||||
|
placeholder='Enter your email...'
|
||||||
|
type='email'
|
||||||
|
{...field}
|
||||||
|
/>
|
||||||
|
</FormControl>
|
||||||
|
<FormMessage />
|
||||||
|
</FormItem>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<FormField
|
||||||
|
control={form.control}
|
||||||
|
name='code'
|
||||||
|
render={({ field }) => (
|
||||||
|
<FormItem>
|
||||||
|
<FormControl>
|
||||||
|
<div className='flex items-center gap-8'>
|
||||||
|
<Input
|
||||||
|
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
|
||||||
|
disabled={loading}
|
||||||
|
placeholder='Enter code...'
|
||||||
|
type='text'
|
||||||
|
{...field}
|
||||||
|
value={field.value as string}
|
||||||
|
/>
|
||||||
|
<SendCode
|
||||||
|
type='email'
|
||||||
|
form={form}
|
||||||
|
params={{
|
||||||
|
...form.getValues(),
|
||||||
|
type: 2,
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</FormControl>
|
||||||
|
<FormMessage />
|
||||||
|
</FormItem>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<FormField
|
||||||
|
control={form.control}
|
||||||
|
name='password'
|
||||||
|
render={({ field }) => (
|
||||||
|
<FormItem>
|
||||||
|
<FormControl>
|
||||||
|
<Input
|
||||||
|
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
|
||||||
|
placeholder='Enter your new password...'
|
||||||
|
type='password'
|
||||||
|
{...field}
|
||||||
|
/>
|
||||||
|
</FormControl>
|
||||||
|
<FormMessage />
|
||||||
|
</FormItem>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
{verify.enable_reset_password_verify && (
|
||||||
|
<FormField
|
||||||
|
control={form.control}
|
||||||
|
name='cf_token'
|
||||||
|
render={({ field }) => (
|
||||||
|
<FormItem>
|
||||||
|
<FormControl>
|
||||||
|
<CloudFlareTurnstile id='reset' {...field} ref={turnstile} />
|
||||||
|
</FormControl>
|
||||||
|
<FormMessage />
|
||||||
|
</FormItem>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
<div className='text-right text-sm'>
|
||||||
|
{t('existingAccount')}
|
||||||
|
<Button
|
||||||
|
variant='link'
|
||||||
|
type='button'
|
||||||
|
className='p-0 text-[#225BA9]'
|
||||||
|
onClick={() => {
|
||||||
|
setInitialValues(undefined);
|
||||||
|
onSwitchForm('login');
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{t('switchToLogin')}
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
<div className='mt-6 flex justify-center'>
|
||||||
|
<AiroButton
|
||||||
|
type='submit'
|
||||||
|
disabled={loading}
|
||||||
|
className='h-auto min-w-[157px] py-2 text-lg font-medium'
|
||||||
|
>
|
||||||
|
{loading && <Icon icon='mdi:loading' className='animate-spin' />}
|
||||||
|
{t('title')}
|
||||||
|
</AiroButton>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</Form>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,111 @@
|
|||||||
|
'use client';
|
||||||
|
|
||||||
|
import { resetPassword, userLogin, userRegister } from '@/services/common/auth';
|
||||||
|
import { useTranslations } from 'next-intl';
|
||||||
|
import { useRouter } from 'next/navigation';
|
||||||
|
import { ReactNode, useState, useTransition } from 'react';
|
||||||
|
import { toast } from 'sonner';
|
||||||
|
|
||||||
|
import {
|
||||||
|
NEXT_PUBLIC_DEFAULT_USER_EMAIL,
|
||||||
|
NEXT_PUBLIC_DEFAULT_USER_PASSWORD,
|
||||||
|
} from '@/config/constants';
|
||||||
|
import useGlobalStore from '@/config/use-global';
|
||||||
|
import { getRedirectUrl, setAuthorization } from '@/utils/common';
|
||||||
|
import LoginForm from './login-form';
|
||||||
|
import RegisterForm from './register-form';
|
||||||
|
import ResetForm from './reset-form';
|
||||||
|
|
||||||
|
export default function EmailAuthForm(props: { isRedirect: boolean }) {
|
||||||
|
const t = useTranslations('auth');
|
||||||
|
const router = useRouter();
|
||||||
|
const [type, setType] = useState<'login' | 'register' | 'reset'>('register');
|
||||||
|
const [loading, startTransition] = useTransition();
|
||||||
|
const [initialValues, setInitialValues] = useState<{
|
||||||
|
email?: string;
|
||||||
|
password?: string;
|
||||||
|
}>({
|
||||||
|
email: NEXT_PUBLIC_DEFAULT_USER_EMAIL,
|
||||||
|
password: NEXT_PUBLIC_DEFAULT_USER_PASSWORD,
|
||||||
|
});
|
||||||
|
const { getUserInfo } = useGlobalStore();
|
||||||
|
const handleFormSubmit = async (params: any) => {
|
||||||
|
const onLogin = async (token?: string) => {
|
||||||
|
if (!token) return;
|
||||||
|
setAuthorization(token);
|
||||||
|
console.log('props.isRedirect', token);
|
||||||
|
console.log('props.isRedirect', props.isRedirect);
|
||||||
|
console.log('props.isRedirect ', getRedirectUrl());
|
||||||
|
if (props.isRedirect) {
|
||||||
|
router.replace(getRedirectUrl());
|
||||||
|
router.refresh();
|
||||||
|
} else {
|
||||||
|
await getUserInfo();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
startTransition(async () => {
|
||||||
|
try {
|
||||||
|
switch (type) {
|
||||||
|
case 'login': {
|
||||||
|
const login = await userLogin(params);
|
||||||
|
toast.success(t('login.success'));
|
||||||
|
onLogin(login.data.data?.token);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case 'register': {
|
||||||
|
const create = await userRegister(params);
|
||||||
|
toast.success(t('register.success'));
|
||||||
|
onLogin(create.data.data?.token);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
case 'reset':
|
||||||
|
await resetPassword(params);
|
||||||
|
toast.success(t('reset.success'));
|
||||||
|
setType('login');
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
/* empty */
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
let UserForm: ReactNode = null;
|
||||||
|
switch (type) {
|
||||||
|
case 'login':
|
||||||
|
UserForm = (
|
||||||
|
<LoginForm
|
||||||
|
loading={loading}
|
||||||
|
onSubmit={handleFormSubmit}
|
||||||
|
initialValues={initialValues}
|
||||||
|
setInitialValues={setInitialValues}
|
||||||
|
onSwitchForm={setType}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
break;
|
||||||
|
case 'register':
|
||||||
|
UserForm = (
|
||||||
|
<RegisterForm
|
||||||
|
loading={loading}
|
||||||
|
onSubmit={handleFormSubmit}
|
||||||
|
initialValues={initialValues}
|
||||||
|
setInitialValues={setInitialValues}
|
||||||
|
onSwitchForm={setType}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
break;
|
||||||
|
case 'reset':
|
||||||
|
UserForm = (
|
||||||
|
<ResetForm
|
||||||
|
loading={loading}
|
||||||
|
onSubmit={handleFormSubmit}
|
||||||
|
initialValues={initialValues}
|
||||||
|
setInitialValues={setInitialValues}
|
||||||
|
onSwitchForm={setType}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
return UserForm;
|
||||||
|
}
|
||||||
@@ -0,0 +1,147 @@
|
|||||||
|
import useGlobalStore from '@/config/use-global';
|
||||||
|
import { zodResolver } from '@hookform/resolvers/zod';
|
||||||
|
import { AiroButton } from '@workspace/airo-ui/components/AiroButton';
|
||||||
|
import { Button } from '@workspace/airo-ui/components/button';
|
||||||
|
import {
|
||||||
|
Form,
|
||||||
|
FormControl,
|
||||||
|
FormField,
|
||||||
|
FormItem,
|
||||||
|
FormMessage,
|
||||||
|
} from '@workspace/airo-ui/components/form';
|
||||||
|
import { Input } from '@workspace/airo-ui/components/input';
|
||||||
|
import { Icon } from '@workspace/airo-ui/custom-components/icon';
|
||||||
|
import { useTranslations } from 'next-intl';
|
||||||
|
import { Dispatch, SetStateAction, useRef } from 'react';
|
||||||
|
import { useForm } from 'react-hook-form';
|
||||||
|
import { z } from 'zod';
|
||||||
|
import CloudFlareTurnstile, { TurnstileRef } from '../turnstile';
|
||||||
|
|
||||||
|
export default function LoginForm({
|
||||||
|
loading,
|
||||||
|
onSubmit,
|
||||||
|
initialValues,
|
||||||
|
setInitialValues,
|
||||||
|
onSwitchForm,
|
||||||
|
}: {
|
||||||
|
loading?: boolean;
|
||||||
|
onSubmit: (data: any) => void;
|
||||||
|
initialValues: any;
|
||||||
|
setInitialValues: Dispatch<SetStateAction<any>>;
|
||||||
|
onSwitchForm: Dispatch<SetStateAction<'register' | 'reset' | 'login'>>;
|
||||||
|
}) {
|
||||||
|
const t = useTranslations('auth.login');
|
||||||
|
const { common } = useGlobalStore();
|
||||||
|
const { verify } = common;
|
||||||
|
|
||||||
|
const formSchema = z.object({
|
||||||
|
email: z.string().email(t('email')),
|
||||||
|
password: z.string(),
|
||||||
|
cf_token:
|
||||||
|
verify.enable_login_verify && verify.turnstile_site_key ? z.string() : z.string().optional(),
|
||||||
|
});
|
||||||
|
const form = useForm<z.infer<typeof formSchema>>({
|
||||||
|
resolver: zodResolver(formSchema),
|
||||||
|
defaultValues: initialValues,
|
||||||
|
});
|
||||||
|
|
||||||
|
const turnstile = useRef<TurnstileRef>(null);
|
||||||
|
const handleSubmit = form.handleSubmit((data) => {
|
||||||
|
try {
|
||||||
|
onSubmit(data);
|
||||||
|
} catch (error) {
|
||||||
|
turnstile.current?.reset();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<div className={'h-[84px] text-2xl font-bold leading-[84px]'}>账户验证</div>
|
||||||
|
<Form {...form}>
|
||||||
|
<form onSubmit={handleSubmit} className=''>
|
||||||
|
<FormField
|
||||||
|
control={form.control}
|
||||||
|
name='email'
|
||||||
|
render={({ field }) => (
|
||||||
|
<FormItem className={'mb-5'}>
|
||||||
|
<FormControl>
|
||||||
|
<Input
|
||||||
|
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
|
||||||
|
placeholder='Email'
|
||||||
|
type='email'
|
||||||
|
{...field}
|
||||||
|
/>
|
||||||
|
</FormControl>
|
||||||
|
<FormMessage />
|
||||||
|
</FormItem>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<FormField
|
||||||
|
control={form.control}
|
||||||
|
name='password'
|
||||||
|
render={({ field }) => (
|
||||||
|
<FormItem className={'mb-2'}>
|
||||||
|
<FormControl>
|
||||||
|
<Input
|
||||||
|
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
|
||||||
|
placeholder='Password'
|
||||||
|
type='password'
|
||||||
|
{...field}
|
||||||
|
/>
|
||||||
|
</FormControl>
|
||||||
|
<FormMessage />
|
||||||
|
</FormItem>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
{verify.enable_login_verify && (
|
||||||
|
<FormField
|
||||||
|
control={form.control}
|
||||||
|
name='cf_token'
|
||||||
|
render={({ field }) => (
|
||||||
|
<FormItem className={'last:mb-0'}>
|
||||||
|
<FormControl>
|
||||||
|
<CloudFlareTurnstile id='login' {...field} ref={turnstile} />
|
||||||
|
</FormControl>
|
||||||
|
<FormMessage />
|
||||||
|
</FormItem>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
<div className='flex w-full justify-between text-sm'>
|
||||||
|
<Button
|
||||||
|
variant='link'
|
||||||
|
type='button'
|
||||||
|
className='p-0 text-[#225BA9]'
|
||||||
|
onClick={() => onSwitchForm('reset')}
|
||||||
|
>
|
||||||
|
{t('forgotPassword')}
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
variant='link'
|
||||||
|
type='button'
|
||||||
|
className='p-0 text-[#225BA9]'
|
||||||
|
onClick={() => {
|
||||||
|
setInitialValues(undefined);
|
||||||
|
onSwitchForm('register');
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{t('registerAccount')}
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className='mt-6 flex justify-center'>
|
||||||
|
<AiroButton
|
||||||
|
type='submit'
|
||||||
|
variant='default'
|
||||||
|
disabled={loading}
|
||||||
|
className='h-auto min-w-[157px] py-2 text-lg font-medium'
|
||||||
|
>
|
||||||
|
{loading && <Icon icon='mdi:loading' className='animate-spin' />}
|
||||||
|
{t('title')}
|
||||||
|
</AiroButton>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</Form>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,231 @@
|
|||||||
|
'use client';
|
||||||
|
import useGlobalStore from '@/config/use-global';
|
||||||
|
import { zodResolver } from '@hookform/resolvers/zod';
|
||||||
|
import { AiroButton } from '@workspace/airo-ui/components/AiroButton';
|
||||||
|
import { Button } from '@workspace/airo-ui/components/button';
|
||||||
|
|
||||||
|
import { useLoginDialog } from '@/app/auth/LoginDialogContext';
|
||||||
|
import {
|
||||||
|
Form,
|
||||||
|
FormControl,
|
||||||
|
FormField,
|
||||||
|
FormItem,
|
||||||
|
FormMessage,
|
||||||
|
} from '@workspace/airo-ui/components/form';
|
||||||
|
import { Input } from '@workspace/airo-ui/components/input';
|
||||||
|
import { Icon } from '@workspace/airo-ui/custom-components/icon';
|
||||||
|
import { useRouter } from 'next/navigation';
|
||||||
|
import { Dispatch, SetStateAction, useEffect, useRef, useState } from 'react';
|
||||||
|
import { useForm } from 'react-hook-form';
|
||||||
|
import { z } from 'zod';
|
||||||
|
import SendCode from '../send-code';
|
||||||
|
import { TurnstileRef } from '../turnstile';
|
||||||
|
|
||||||
|
export default function RegisterForm({
|
||||||
|
loading,
|
||||||
|
onSubmit,
|
||||||
|
initialValues,
|
||||||
|
setInitialValues,
|
||||||
|
onSwitchForm,
|
||||||
|
}: {
|
||||||
|
loading?: boolean;
|
||||||
|
onSubmit: (data: any) => void;
|
||||||
|
initialValues: any;
|
||||||
|
setInitialValues: Dispatch<SetStateAction<any>>;
|
||||||
|
onSwitchForm: Dispatch<SetStateAction<'register' | 'reset' | 'login'>>;
|
||||||
|
}) {
|
||||||
|
const { common } = useGlobalStore();
|
||||||
|
const router = useRouter();
|
||||||
|
|
||||||
|
const formSchema = z
|
||||||
|
.object({
|
||||||
|
email: z.string().email('请输入有效的电子邮件地址。'),
|
||||||
|
password: z.string().min(1, '请输入密码'), // 必填提示
|
||||||
|
repeat_password: z.string().min(1, '请重复输入密码'), // 必填
|
||||||
|
code: z.string().min(1, '请输入验证码'), // 必填,
|
||||||
|
invite: z.string().nullish(),
|
||||||
|
})
|
||||||
|
.superRefine(({ password, repeat_password }, ctx) => {
|
||||||
|
if (password !== repeat_password) {
|
||||||
|
ctx.addIssue({
|
||||||
|
code: z.ZodIssueCode.custom,
|
||||||
|
message: '两次密码输入不一致',
|
||||||
|
path: ['repeat_password'],
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
const [inviteDefault, setInviteDefault] = useState('');
|
||||||
|
const { openLoginDialog } = useLoginDialog();
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
const invite = localStorage.getItem('invite') || '';
|
||||||
|
setInviteDefault(invite);
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
const form = useForm<z.infer<typeof formSchema>>({
|
||||||
|
resolver: zodResolver(formSchema),
|
||||||
|
defaultValues: {
|
||||||
|
...initialValues,
|
||||||
|
invite: inviteDefault,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const turnstile = useRef<TurnstileRef>(null);
|
||||||
|
const handleSubmit = form.handleSubmit((data) => {
|
||||||
|
try {
|
||||||
|
onSubmit(data);
|
||||||
|
} catch (error) {
|
||||||
|
turnstile.current?.reset();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<div className={'h-[84px] text-2xl font-bold leading-[84px] text-white'}>线路优化</div>
|
||||||
|
|
||||||
|
<Form {...form}>
|
||||||
|
<form onSubmit={handleSubmit}>
|
||||||
|
<div className='grid gap-5'>
|
||||||
|
<FormField
|
||||||
|
control={form.control}
|
||||||
|
name='email'
|
||||||
|
render={({ field }) => (
|
||||||
|
<FormItem>
|
||||||
|
<FormControl>
|
||||||
|
<Input
|
||||||
|
className={
|
||||||
|
'h-[46px] rounded-full bg-white shadow-[inset_0_0_7.6px_0_#00000040]'
|
||||||
|
}
|
||||||
|
placeholder='电子邮箱'
|
||||||
|
type='email'
|
||||||
|
{...field}
|
||||||
|
/>
|
||||||
|
</FormControl>
|
||||||
|
<FormMessage />
|
||||||
|
</FormItem>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<FormField
|
||||||
|
control={form.control}
|
||||||
|
name='password'
|
||||||
|
render={({ field }) => (
|
||||||
|
<FormItem>
|
||||||
|
<FormControl>
|
||||||
|
<Input
|
||||||
|
className={
|
||||||
|
'h-[46px] rounded-full bg-white shadow-[inset_0_0_7.6px_0_#00000040]'
|
||||||
|
}
|
||||||
|
placeholder='设置密码'
|
||||||
|
type='password'
|
||||||
|
{...field}
|
||||||
|
/>
|
||||||
|
</FormControl>
|
||||||
|
<FormMessage />
|
||||||
|
</FormItem>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<FormField
|
||||||
|
control={form.control}
|
||||||
|
name='repeat_password'
|
||||||
|
render={({ field }) => (
|
||||||
|
<FormItem>
|
||||||
|
<FormControl>
|
||||||
|
<Input
|
||||||
|
className={
|
||||||
|
'h-[46px] rounded-full bg-white shadow-[inset_0_0_7.6px_0_#00000040]'
|
||||||
|
}
|
||||||
|
disabled={loading}
|
||||||
|
placeholder='再次输入密码'
|
||||||
|
type='password'
|
||||||
|
{...field}
|
||||||
|
/>
|
||||||
|
</FormControl>
|
||||||
|
<FormMessage />
|
||||||
|
</FormItem>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
{
|
||||||
|
<FormField
|
||||||
|
control={form.control}
|
||||||
|
name='code'
|
||||||
|
render={({ field }) => (
|
||||||
|
<FormItem>
|
||||||
|
<FormControl>
|
||||||
|
<div className='flex items-center gap-8'>
|
||||||
|
<Input
|
||||||
|
disabled={loading}
|
||||||
|
className={
|
||||||
|
'h-[46px] rounded-full bg-white shadow-[inset_0_0_7.6px_0_#00000040]'
|
||||||
|
}
|
||||||
|
placeholder='邮箱验证码'
|
||||||
|
type='text'
|
||||||
|
{...field}
|
||||||
|
value={field.value as string}
|
||||||
|
/>
|
||||||
|
<SendCode
|
||||||
|
type='email'
|
||||||
|
form={form}
|
||||||
|
params={{
|
||||||
|
...form.getValues(),
|
||||||
|
type: 1,
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</FormControl>
|
||||||
|
<FormMessage />
|
||||||
|
</FormItem>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
}
|
||||||
|
<FormField
|
||||||
|
control={form.control}
|
||||||
|
name='invite'
|
||||||
|
render={({ field }) => (
|
||||||
|
<FormItem>
|
||||||
|
<FormControl>
|
||||||
|
<Input
|
||||||
|
className={
|
||||||
|
'h-[46px] rounded-full bg-white shadow-[inset_0_0_7.6px_0_#00000040]'
|
||||||
|
}
|
||||||
|
disabled={loading || !!inviteDefault}
|
||||||
|
placeholder={'邀请码(非必填)'}
|
||||||
|
{...field}
|
||||||
|
value={field.value || ''}
|
||||||
|
/>
|
||||||
|
</FormControl>
|
||||||
|
<FormMessage />
|
||||||
|
</FormItem>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className='text-right text-sm'>
|
||||||
|
已有账户?
|
||||||
|
<Button
|
||||||
|
variant='link'
|
||||||
|
type='button'
|
||||||
|
className='p-0 text-[#225BA9]'
|
||||||
|
onClick={() => {
|
||||||
|
openLoginDialog();
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
登录
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
<div className='mt-6 flex justify-center'>
|
||||||
|
<AiroButton
|
||||||
|
type='submit'
|
||||||
|
variant={'default'}
|
||||||
|
disabled={loading}
|
||||||
|
className='h-auto min-w-[157px] border-[3px] border-white bg-white/10 py-2 text-lg font-medium text-white transition hover:bg-white/25'
|
||||||
|
>
|
||||||
|
{loading && <Icon icon='mdi:loading' className='animate-spin' />}
|
||||||
|
注册
|
||||||
|
</AiroButton>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</Form>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,174 @@
|
|||||||
|
import useGlobalStore from '@/config/use-global';
|
||||||
|
import { zodResolver } from '@hookform/resolvers/zod';
|
||||||
|
import { AiroButton } from '@workspace/airo-ui/components/AiroButton';
|
||||||
|
import { Button } from '@workspace/airo-ui/components/button';
|
||||||
|
import {
|
||||||
|
Form,
|
||||||
|
FormControl,
|
||||||
|
FormField,
|
||||||
|
FormItem,
|
||||||
|
FormMessage,
|
||||||
|
} from '@workspace/airo-ui/components/form';
|
||||||
|
import { Input } from '@workspace/airo-ui/components/input';
|
||||||
|
import { Icon } from '@workspace/airo-ui/custom-components/icon';
|
||||||
|
import { useTranslations } from 'next-intl';
|
||||||
|
import { Dispatch, SetStateAction, useRef } from 'react';
|
||||||
|
import { useForm } from 'react-hook-form';
|
||||||
|
import { z } from 'zod';
|
||||||
|
import SendCode from '../send-code';
|
||||||
|
import CloudFlareTurnstile, { TurnstileRef } from '../turnstile';
|
||||||
|
|
||||||
|
export default function ResetForm({
|
||||||
|
loading,
|
||||||
|
onSubmit,
|
||||||
|
initialValues,
|
||||||
|
setInitialValues,
|
||||||
|
onSwitchForm,
|
||||||
|
}: {
|
||||||
|
loading?: boolean;
|
||||||
|
onSubmit: (data: any) => void;
|
||||||
|
initialValues: any;
|
||||||
|
setInitialValues: Dispatch<SetStateAction<any>>;
|
||||||
|
onSwitchForm: Dispatch<SetStateAction<'register' | 'reset' | 'login'>>;
|
||||||
|
}) {
|
||||||
|
const t = useTranslations('auth.reset');
|
||||||
|
|
||||||
|
const { common } = useGlobalStore();
|
||||||
|
const { verify, auth } = common;
|
||||||
|
|
||||||
|
const formSchema = z.object({
|
||||||
|
email: z.string().email(t('email')),
|
||||||
|
password: z.string(),
|
||||||
|
code: auth?.email?.enable_verify ? z.string() : z.string().nullish(),
|
||||||
|
cf_token:
|
||||||
|
verify.enable_register_verify && verify.turnstile_site_key
|
||||||
|
? z.string()
|
||||||
|
: z.string().nullish(),
|
||||||
|
});
|
||||||
|
const form = useForm<z.infer<typeof formSchema>>({
|
||||||
|
resolver: zodResolver(formSchema),
|
||||||
|
defaultValues: initialValues,
|
||||||
|
});
|
||||||
|
|
||||||
|
const turnstile = useRef<TurnstileRef>(null);
|
||||||
|
const handleSubmit = form.handleSubmit((data) => {
|
||||||
|
try {
|
||||||
|
onSubmit(data);
|
||||||
|
} catch (error) {
|
||||||
|
turnstile.current?.reset();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<div className={'h-[84px] text-2xl font-bold leading-[84px]'}>找回账户</div>
|
||||||
|
<Form {...form}>
|
||||||
|
<form onSubmit={handleSubmit}>
|
||||||
|
<div className='grid gap-5'>
|
||||||
|
<FormField
|
||||||
|
control={form.control}
|
||||||
|
name='email'
|
||||||
|
render={({ field }) => (
|
||||||
|
<FormItem>
|
||||||
|
<FormControl>
|
||||||
|
<Input
|
||||||
|
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
|
||||||
|
placeholder='Enter your email...'
|
||||||
|
type='email'
|
||||||
|
{...field}
|
||||||
|
/>
|
||||||
|
</FormControl>
|
||||||
|
<FormMessage />
|
||||||
|
</FormItem>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<FormField
|
||||||
|
control={form.control}
|
||||||
|
name='code'
|
||||||
|
render={({ field }) => (
|
||||||
|
<FormItem>
|
||||||
|
<FormControl>
|
||||||
|
<div className='flex items-center gap-8'>
|
||||||
|
<Input
|
||||||
|
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
|
||||||
|
disabled={loading}
|
||||||
|
placeholder='Enter code...'
|
||||||
|
type='text'
|
||||||
|
{...field}
|
||||||
|
value={field.value as string}
|
||||||
|
/>
|
||||||
|
<SendCode
|
||||||
|
type='email'
|
||||||
|
form={form}
|
||||||
|
params={{
|
||||||
|
...form.getValues(),
|
||||||
|
type: 2,
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</FormControl>
|
||||||
|
<FormMessage />
|
||||||
|
</FormItem>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<FormField
|
||||||
|
control={form.control}
|
||||||
|
name='password'
|
||||||
|
render={({ field }) => (
|
||||||
|
<FormItem>
|
||||||
|
<FormControl>
|
||||||
|
<Input
|
||||||
|
className={'h-[46px] rounded-full shadow-[inset_0_0_7.6px_0_#00000040]'}
|
||||||
|
placeholder='Enter your new password...'
|
||||||
|
type='password'
|
||||||
|
{...field}
|
||||||
|
/>
|
||||||
|
</FormControl>
|
||||||
|
<FormMessage />
|
||||||
|
</FormItem>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
{verify.enable_reset_password_verify && (
|
||||||
|
<FormField
|
||||||
|
control={form.control}
|
||||||
|
name='cf_token'
|
||||||
|
render={({ field }) => (
|
||||||
|
<FormItem>
|
||||||
|
<FormControl>
|
||||||
|
<CloudFlareTurnstile id='reset' {...field} ref={turnstile} />
|
||||||
|
</FormControl>
|
||||||
|
<FormMessage />
|
||||||
|
</FormItem>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
<div className='text-right text-sm'>
|
||||||
|
{t('existingAccount')}
|
||||||
|
<Button
|
||||||
|
variant='link'
|
||||||
|
type='button'
|
||||||
|
className='p-0 text-[#225BA9]'
|
||||||
|
onClick={() => {
|
||||||
|
setInitialValues(undefined);
|
||||||
|
onSwitchForm('login');
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{t('switchToLogin')}
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
<div className='mt-6 flex justify-center'>
|
||||||
|
<AiroButton
|
||||||
|
type='submit'
|
||||||
|
disabled={loading}
|
||||||
|
className='h-auto min-w-[157px] py-2 text-lg font-medium'
|
||||||
|
>
|
||||||
|
{loading && <Icon icon='mdi:loading' className='animate-spin' />}
|
||||||
|
{t('title')}
|
||||||
|
</AiroButton>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</Form>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -84,16 +84,14 @@ export default function SendCode({ type, params, form }: SendCodeProps) {
|
|||||||
await getPhoneCode();
|
await getPhoneCode();
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
const disabled =
|
const disabled = seconds > 0;
|
||||||
seconds > 0 ||
|
|
||||||
(type === 'email' ? !params.email : !params.telephone || !params.telephone_area_code);
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<AiroButton
|
<AiroButton
|
||||||
type='button'
|
type='button'
|
||||||
variant={'primary'}
|
variant={'primary'}
|
||||||
className={'h-[30px] w-[109px]'}
|
className={'h-[46px] w-[109px]'}
|
||||||
onClick={handleSendCode}
|
onClick={handleSendCode}
|
||||||
disabled={disabled}
|
disabled={disabled}
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -33,7 +33,7 @@ export default function Providers({
|
|||||||
|
|
||||||
const { setCommon, setUser } = useGlobalStore();
|
const { setCommon, setUser } = useGlobalStore();
|
||||||
const pathname = usePathname();
|
const pathname = usePathname();
|
||||||
const whiteList = ['/'];
|
const whiteList = ['/', '/register', '/register2'];
|
||||||
const isWhite = whiteList.includes(pathname);
|
const isWhite = whiteList.includes(pathname);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
|||||||
@@ -3,7 +3,8 @@
|
|||||||
import PaymentMethods from '@/components/subscribe/payment-methods';
|
import PaymentMethods from '@/components/subscribe/payment-methods';
|
||||||
import PlanTabs, { TabValueType } from '@/components/SubscribePlan/PlanTabs/PlanTabs';
|
import PlanTabs, { TabValueType } from '@/components/SubscribePlan/PlanTabs/PlanTabs';
|
||||||
import useGlobalStore from '@/config/use-global';
|
import useGlobalStore from '@/config/use-global';
|
||||||
import { preCreateOrder, purchase } from '@/services/user/order';
|
import { preCreateOrder, purchase, renewal } from '@/services/user/order';
|
||||||
|
import { queryUserSubscribe } from '@/services/user/user';
|
||||||
import { useQuery } from '@tanstack/react-query';
|
import { useQuery } from '@tanstack/react-query';
|
||||||
import { AiroButton } from '@workspace/airo-ui/components/AiroButton';
|
import { AiroButton } from '@workspace/airo-ui/components/AiroButton';
|
||||||
import {
|
import {
|
||||||
@@ -104,7 +105,23 @@ const Purchase = forwardRef<PurchaseDialogRef, PurchaseProps>((props, ref) => {
|
|||||||
const handleSubmit = useCallback(async () => {
|
const handleSubmit = useCallback(async () => {
|
||||||
startTransition(async () => {
|
startTransition(async () => {
|
||||||
try {
|
try {
|
||||||
const response = await purchase(params as API.PurchaseOrderRequest);
|
const { data } = await queryUserSubscribe({ params: { includeExpired: 'all' } });
|
||||||
|
const activeList = data.data?.list || [];
|
||||||
|
const existingUser = activeList.find(
|
||||||
|
(item: any) => item.subscribe_id === params.subscribe_id,
|
||||||
|
);
|
||||||
|
let response;
|
||||||
|
// 3. 根据判断结果调用不同接口
|
||||||
|
if (existingUser) {
|
||||||
|
// 已有记录,走续费逻辑
|
||||||
|
response = await renewal({
|
||||||
|
user_subscribe_id: existingUser.id,
|
||||||
|
...params,
|
||||||
|
} as API.RenewalOrderRequest);
|
||||||
|
} else {
|
||||||
|
// 无记录,走新购逻辑
|
||||||
|
response = await purchase(params as API.PurchaseOrderRequest);
|
||||||
|
}
|
||||||
const orderNo = response.data.data?.order_no;
|
const orderNo = response.data.data?.order_no;
|
||||||
if (orderNo) {
|
if (orderNo) {
|
||||||
await getUserInfo();
|
await getUserInfo();
|
||||||
|
|||||||
@@ -32,7 +32,7 @@
|
|||||||
"framer-motion": "^11.16.1",
|
"framer-motion": "^11.16.1",
|
||||||
"gray-matter": "^4.0.3",
|
"gray-matter": "^4.0.3",
|
||||||
"lucide-react": "^0.469.0",
|
"lucide-react": "^0.469.0",
|
||||||
"next": "^15.1.4",
|
"next": "15.3.6",
|
||||||
"next-intl": "^3.26.3",
|
"next-intl": "^3.26.3",
|
||||||
"next-runtime-env": "^3.2.2",
|
"next-runtime-env": "^3.2.2",
|
||||||
"next-themes": "^0.4.4",
|
"next-themes": "^0.4.4",
|
||||||
|
|||||||
@@ -53,7 +53,7 @@ export function Logout() {
|
|||||||
Crisp.session.reset(); // 2. Unbind the current session
|
Crisp.session.reset(); // 2. Unbind the current session
|
||||||
const pathname = location.pathname;
|
const pathname = location.pathname;
|
||||||
if (
|
if (
|
||||||
!['', '/', '/auth', '/tos', '/privacy-policy'].includes(pathname) &&
|
!['', '/', '/auth', '/tos', '/privacy-policy', '/register', '/register2'].includes(pathname) &&
|
||||||
!pathname.startsWith('/purchasing') &&
|
!pathname.startsWith('/purchasing') &&
|
||||||
!pathname.startsWith('/oauth/')
|
!pathname.startsWith('/oauth/')
|
||||||
) {
|
) {
|
||||||
|
|||||||
@@ -29,7 +29,7 @@
|
|||||||
"axios": "^1.7.9",
|
"axios": "^1.7.9",
|
||||||
"js-yaml": "^4.1.0",
|
"js-yaml": "^4.1.0",
|
||||||
"nanoid": "^5.0.9",
|
"nanoid": "^5.0.9",
|
||||||
"next": "^15.1.4",
|
"next": "15.3.6",
|
||||||
"next-intl": "^3.26.3",
|
"next-intl": "^3.26.3",
|
||||||
"next-runtime-env": "^3.2.2",
|
"next-runtime-env": "^3.2.2",
|
||||||
"next-themes": "^0.4.4",
|
"next-themes": "^0.4.4",
|
||||||
@@ -70,7 +70,7 @@
|
|||||||
"framer-motion": "^11.16.1",
|
"framer-motion": "^11.16.1",
|
||||||
"gray-matter": "^4.0.3",
|
"gray-matter": "^4.0.3",
|
||||||
"lucide-react": "^0.469.0",
|
"lucide-react": "^0.469.0",
|
||||||
"next": "^15.1.4",
|
"next": "15.3.6",
|
||||||
"next-intl": "^3.26.3",
|
"next-intl": "^3.26.3",
|
||||||
"next-runtime-env": "^3.2.2",
|
"next-runtime-env": "^3.2.2",
|
||||||
"next-themes": "^0.4.4",
|
"next-themes": "^0.4.4",
|
||||||
@@ -716,27 +716,27 @@
|
|||||||
|
|
||||||
"@netlify/plugin-nextjs": ["@netlify/plugin-nextjs@5.12.1", "", {}, "sha512-b2Ic9NkNnnh0lKC/YWDZ2+HdLd/uYdBzLvLKYOkPyFt8KEszoC+Je3GRcwBeOLxaNtK8lji7YPIjtGz8K2sLVQ=="],
|
"@netlify/plugin-nextjs": ["@netlify/plugin-nextjs@5.12.1", "", {}, "sha512-b2Ic9NkNnnh0lKC/YWDZ2+HdLd/uYdBzLvLKYOkPyFt8KEszoC+Je3GRcwBeOLxaNtK8lji7YPIjtGz8K2sLVQ=="],
|
||||||
|
|
||||||
"@next/env": ["@next/env@15.5.2", "", {}, "sha512-Qe06ew4zt12LeO6N7j8/nULSOe3fMXE4dM6xgpBQNvdzyK1sv5y4oAP3bq4LamrvGCZtmRYnW8URFCeX5nFgGg=="],
|
"@next/env": ["@next/env@15.3.6", "", {}, "sha512-/cK+QPcfRbDZxmI/uckT4lu9pHCfRIPBLqy88MhE+7Vg5hKrEYc333Ae76dn/cw2FBP2bR/GoK/4DU+U7by/Nw=="],
|
||||||
|
|
||||||
"@next/eslint-plugin-next": ["@next/eslint-plugin-next@15.5.2", "", { "dependencies": { "fast-glob": "3.3.1" } }, "sha512-lkLrRVxcftuOsJNhWatf1P2hNVfh98k/omQHrCEPPriUypR6RcS13IvLdIrEvkm9AH2Nu2YpR5vLqBuy6twH3Q=="],
|
"@next/eslint-plugin-next": ["@next/eslint-plugin-next@15.5.2", "", { "dependencies": { "fast-glob": "3.3.1" } }, "sha512-lkLrRVxcftuOsJNhWatf1P2hNVfh98k/omQHrCEPPriUypR6RcS13IvLdIrEvkm9AH2Nu2YpR5vLqBuy6twH3Q=="],
|
||||||
|
|
||||||
"@next/swc-darwin-arm64": ["@next/swc-darwin-arm64@15.5.2", "", { "os": "darwin", "cpu": "arm64" }, "sha512-8bGt577BXGSd4iqFygmzIfTYizHb0LGWqH+qgIF/2EDxS5JsSdERJKA8WgwDyNBZgTIIA4D8qUtoQHmxIIquoQ=="],
|
"@next/swc-darwin-arm64": ["@next/swc-darwin-arm64@15.3.5", "", { "os": "darwin", "cpu": "arm64" }, "sha512-lM/8tilIsqBq+2nq9kbTW19vfwFve0NR7MxfkuSUbRSgXlMQoJYg+31+++XwKVSXk4uT23G2eF/7BRIKdn8t8w=="],
|
||||||
|
|
||||||
"@next/swc-darwin-x64": ["@next/swc-darwin-x64@15.5.2", "", { "os": "darwin", "cpu": "x64" }, "sha512-2DjnmR6JHK4X+dgTXt5/sOCu/7yPtqpYt8s8hLkHFK3MGkka2snTv3yRMdHvuRtJVkPwCGsvBSwmoQCHatauFQ=="],
|
"@next/swc-darwin-x64": ["@next/swc-darwin-x64@15.3.5", "", { "os": "darwin", "cpu": "x64" }, "sha512-WhwegPQJ5IfoUNZUVsI9TRAlKpjGVK0tpJTL6KeiC4cux9774NYE9Wu/iCfIkL/5J8rPAkqZpG7n+EfiAfidXA=="],
|
||||||
|
|
||||||
"@next/swc-linux-arm64-gnu": ["@next/swc-linux-arm64-gnu@15.5.2", "", { "os": "linux", "cpu": "arm64" }, "sha512-3j7SWDBS2Wov/L9q0mFJtEvQ5miIqfO4l7d2m9Mo06ddsgUK8gWfHGgbjdFlCp2Ek7MmMQZSxpGFqcC8zGh2AA=="],
|
"@next/swc-linux-arm64-gnu": ["@next/swc-linux-arm64-gnu@15.3.5", "", { "os": "linux", "cpu": "arm64" }, "sha512-LVD6uMOZ7XePg3KWYdGuzuvVboxujGjbcuP2jsPAN3MnLdLoZUXKRc6ixxfs03RH7qBdEHCZjyLP/jBdCJVRJQ=="],
|
||||||
|
|
||||||
"@next/swc-linux-arm64-musl": ["@next/swc-linux-arm64-musl@15.5.2", "", { "os": "linux", "cpu": "arm64" }, "sha512-s6N8k8dF9YGc5T01UPQ08yxsK6fUow5gG1/axWc1HVVBYQBgOjca4oUZF7s4p+kwhkB1bDSGR8QznWrFZ/Rt5g=="],
|
"@next/swc-linux-arm64-musl": ["@next/swc-linux-arm64-musl@15.3.5", "", { "os": "linux", "cpu": "arm64" }, "sha512-k8aVScYZ++BnS2P69ClK7v4nOu702jcF9AIHKu6llhHEtBSmM2zkPGl9yoqbSU/657IIIb0QHpdxEr0iW9z53A=="],
|
||||||
|
|
||||||
"@next/swc-linux-x64-gnu": ["@next/swc-linux-x64-gnu@15.5.2", "", { "os": "linux", "cpu": "x64" }, "sha512-o1RV/KOODQh6dM6ZRJGZbc+MOAHww33Vbs5JC9Mp1gDk8cpEO+cYC/l7rweiEalkSm5/1WGa4zY7xrNwObN4+Q=="],
|
"@next/swc-linux-x64-gnu": ["@next/swc-linux-x64-gnu@15.3.5", "", { "os": "linux", "cpu": "x64" }, "sha512-2xYU0DI9DGN/bAHzVwADid22ba5d/xrbrQlr2U+/Q5WkFUzeL0TDR963BdrtLS/4bMmKZGptLeg6282H/S2i8A=="],
|
||||||
|
|
||||||
"@next/swc-linux-x64-musl": ["@next/swc-linux-x64-musl@15.5.2", "", { "os": "linux", "cpu": "x64" }, "sha512-/VUnh7w8RElYZ0IV83nUcP/J4KJ6LLYliiBIri3p3aW2giF+PAVgZb6mk8jbQSB3WlTai8gEmCAr7kptFa1H6g=="],
|
"@next/swc-linux-x64-musl": ["@next/swc-linux-x64-musl@15.3.5", "", { "os": "linux", "cpu": "x64" }, "sha512-TRYIqAGf1KCbuAB0gjhdn5Ytd8fV+wJSM2Nh2is/xEqR8PZHxfQuaiNhoF50XfY90sNpaRMaGhF6E+qjV1b9Tg=="],
|
||||||
|
|
||||||
"@next/swc-win32-arm64-msvc": ["@next/swc-win32-arm64-msvc@15.5.2", "", { "os": "win32", "cpu": "arm64" }, "sha512-sMPyTvRcNKXseNQ/7qRfVRLa0VhR0esmQ29DD6pqvG71+JdVnESJaHPA8t7bc67KD5spP3+DOCNLhqlEI2ZgQg=="],
|
"@next/swc-win32-arm64-msvc": ["@next/swc-win32-arm64-msvc@15.3.5", "", { "os": "win32", "cpu": "arm64" }, "sha512-h04/7iMEUSMY6fDGCvdanKqlO1qYvzNxntZlCzfE8i5P0uqzVQWQquU1TIhlz0VqGQGXLrFDuTJVONpqGqjGKQ=="],
|
||||||
|
|
||||||
"@next/swc-win32-ia32-msvc": ["@next/swc-win32-ia32-msvc@14.2.32", "", { "os": "win32", "cpu": "ia32" }, "sha512-jHUeDPVHrgFltqoAqDB6g6OStNnFxnc7Aks3p0KE0FbwAvRg6qWKYF5mSTdCTxA3axoSAUwxYdILzXJfUwlHhA=="],
|
"@next/swc-win32-ia32-msvc": ["@next/swc-win32-ia32-msvc@14.2.32", "", { "os": "win32", "cpu": "ia32" }, "sha512-jHUeDPVHrgFltqoAqDB6g6OStNnFxnc7Aks3p0KE0FbwAvRg6qWKYF5mSTdCTxA3axoSAUwxYdILzXJfUwlHhA=="],
|
||||||
|
|
||||||
"@next/swc-win32-x64-msvc": ["@next/swc-win32-x64-msvc@15.5.2", "", { "os": "win32", "cpu": "x64" }, "sha512-W5VvyZHnxG/2ukhZF/9Ikdra5fdNftxI6ybeVKYvBPDtyx7x4jPPSNduUkfH5fo3zG0JQ0bPxgy41af2JX5D4Q=="],
|
"@next/swc-win32-x64-msvc": ["@next/swc-win32-x64-msvc@15.3.5", "", { "os": "win32", "cpu": "x64" }, "sha512-5fhH6fccXxnX2KhllnGhkYMndhOiLOLEiVGYjP2nizqeGWkN10sA9taATlXwake2E2XMvYZjjz0Uj7T0y+z1yw=="],
|
||||||
|
|
||||||
"@nodelib/fs.scandir": ["@nodelib/fs.scandir@2.1.5", "", { "dependencies": { "@nodelib/fs.stat": "2.0.5", "run-parallel": "^1.1.9" } }, "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g=="],
|
"@nodelib/fs.scandir": ["@nodelib/fs.scandir@2.1.5", "", { "dependencies": { "@nodelib/fs.stat": "2.0.5", "run-parallel": "^1.1.9" } }, "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g=="],
|
||||||
|
|
||||||
@@ -2440,7 +2440,7 @@
|
|||||||
|
|
||||||
"netmask": ["netmask@2.0.2", "", {}, "sha512-dBpDMdxv9Irdq66304OLfEmQ9tbNRFnFTuZiLo+bD+r332bBmMJ8GBLXklIXXgxd3+v9+KUnZaUR5PJMa75Gsg=="],
|
"netmask": ["netmask@2.0.2", "", {}, "sha512-dBpDMdxv9Irdq66304OLfEmQ9tbNRFnFTuZiLo+bD+r332bBmMJ8GBLXklIXXgxd3+v9+KUnZaUR5PJMa75Gsg=="],
|
||||||
|
|
||||||
"next": ["next@15.5.2", "", { "dependencies": { "@next/env": "15.5.2", "@swc/helpers": "0.5.15", "caniuse-lite": "^1.0.30001579", "postcss": "8.4.31", "styled-jsx": "5.1.6" }, "optionalDependencies": { "@next/swc-darwin-arm64": "15.5.2", "@next/swc-darwin-x64": "15.5.2", "@next/swc-linux-arm64-gnu": "15.5.2", "@next/swc-linux-arm64-musl": "15.5.2", "@next/swc-linux-x64-gnu": "15.5.2", "@next/swc-linux-x64-musl": "15.5.2", "@next/swc-win32-arm64-msvc": "15.5.2", "@next/swc-win32-x64-msvc": "15.5.2", "sharp": "^0.34.3" }, "peerDependencies": { "@opentelemetry/api": "^1.1.0", "@playwright/test": "^1.51.1", "babel-plugin-react-compiler": "*", "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "sass": "^1.3.0" }, "optionalPeers": ["@opentelemetry/api", "@playwright/test", "babel-plugin-react-compiler", "sass"], "bin": { "next": "dist/bin/next" } }, "sha512-H8Otr7abj1glFhbGnvUt3gz++0AF1+QoCXEBmd/6aKbfdFwrn0LpA836Ed5+00va/7HQSDD+mOoVhn3tNy3e/Q=="],
|
"next": ["next@15.3.6", "", { "dependencies": { "@next/env": "15.3.6", "@swc/counter": "0.1.3", "@swc/helpers": "0.5.15", "busboy": "1.6.0", "caniuse-lite": "^1.0.30001579", "postcss": "8.4.31", "styled-jsx": "5.1.6" }, "optionalDependencies": { "@next/swc-darwin-arm64": "15.3.5", "@next/swc-darwin-x64": "15.3.5", "@next/swc-linux-arm64-gnu": "15.3.5", "@next/swc-linux-arm64-musl": "15.3.5", "@next/swc-linux-x64-gnu": "15.3.5", "@next/swc-linux-x64-musl": "15.3.5", "@next/swc-win32-arm64-msvc": "15.3.5", "@next/swc-win32-x64-msvc": "15.3.5", "sharp": "^0.34.1" }, "peerDependencies": { "@opentelemetry/api": "^1.1.0", "@playwright/test": "^1.41.2", "babel-plugin-react-compiler": "*", "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "sass": "^1.3.0" }, "optionalPeers": ["@opentelemetry/api", "@playwright/test", "babel-plugin-react-compiler", "sass"], "bin": { "next": "dist/bin/next" } }, "sha512-oI6D1zbbsh6JzzZFDCSHnnx6Qpvd1fSkVJu/5d8uluqnxzuoqtodVZjYvNovooznUq8udSAiKp7MbwlfZ8Gm6w=="],
|
||||||
|
|
||||||
"next-intl": ["next-intl@3.26.5", "", { "dependencies": { "@formatjs/intl-localematcher": "^0.5.4", "negotiator": "^1.0.0", "use-intl": "^3.26.5" }, "peerDependencies": { "next": "^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0 || ^14.0.0 || ^15.0.0", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || >=19.0.0-rc <19.0.0 || ^19.0.0" } }, "sha512-EQlCIfY0jOhRldiFxwSXG+ImwkQtDEfQeSOEQp6ieAGSLWGlgjdb/Ck/O7wMfC430ZHGeUKVKax8KGusTPKCgg=="],
|
"next-intl": ["next-intl@3.26.5", "", { "dependencies": { "@formatjs/intl-localematcher": "^0.5.4", "negotiator": "^1.0.0", "use-intl": "^3.26.5" }, "peerDependencies": { "next": "^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0 || ^14.0.0 || ^15.0.0", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || >=19.0.0-rc <19.0.0 || ^19.0.0" } }, "sha512-EQlCIfY0jOhRldiFxwSXG+ImwkQtDEfQeSOEQp6ieAGSLWGlgjdb/Ck/O7wMfC430ZHGeUKVKax8KGusTPKCgg=="],
|
||||||
|
|
||||||
|
|||||||
@@ -5,8 +5,8 @@ FROM oven/bun:latest AS base
|
|||||||
WORKDIR /app
|
WORKDIR /app
|
||||||
|
|
||||||
# Create a non-root user for running the production application
|
# Create a non-root user for running the production application
|
||||||
RUN addgroup --system --gid 1001 nodejs \
|
RUN groupadd -r -g 1001 nodejs && \
|
||||||
&& adduser --system --uid 1001 nextjs
|
useradd -r -u 1001 -g nodejs -d /home/nextjs -m nextjs
|
||||||
|
|
||||||
# Change to non-root user
|
# Change to non-root user
|
||||||
USER nextjs
|
USER nextjs
|
||||||
|
|||||||
@@ -5,8 +5,8 @@ FROM oven/bun:latest AS base
|
|||||||
WORKDIR /app
|
WORKDIR /app
|
||||||
|
|
||||||
# Create non-root user and set permissions
|
# Create non-root user and set permissions
|
||||||
RUN addgroup --system --gid 1001 nodejs \
|
RUN groupadd -r -g 1001 nodejs && \
|
||||||
&& adduser --system --uid 1001 nextjs
|
useradd -r -u 1001 -g nodejs -d /home/nextjs -m nextjs
|
||||||
|
|
||||||
# Copy build output and static files
|
# Copy build output and static files
|
||||||
COPY ./apps/user/.next/standalone ./
|
COPY ./apps/user/.next/standalone ./
|
||||||
|
|||||||
+1
-1
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "ppanel-web",
|
"name": "ppanel-web",
|
||||||
"version": "1.3.1",
|
"version": "1.3.2",
|
||||||
"private": true,
|
"private": true,
|
||||||
"homepage": "https://github.com/perfect-panel/ppanel-web",
|
"homepage": "https://github.com/perfect-panel/ppanel-web",
|
||||||
"bugs": {
|
"bugs": {
|
||||||
|
|||||||
Reference in New Issue
Block a user