+ )}
{settingsMeta.default_password_warning && (
diff --git a/webui/src/components/VercelSync.jsx b/webui/src/components/VercelSync.jsx
index 2f8a548..a50714e 100644
--- a/webui/src/components/VercelSync.jsx
+++ b/webui/src/components/VercelSync.jsx
@@ -3,7 +3,15 @@ import { Cloud, ArrowRight, ExternalLink, Info, CheckCircle2, XCircle, RefreshCw
import clsx from 'clsx'
import { useI18n } from '../i18n'
-export default function VercelSync({ onMessage, authFetch }) {
+const MAX_POLL_FAILURES = 3
+
+function pollDelayMs(attempt) {
+ if (attempt <= 0) return 15000
+ if (attempt === 1) return 30000
+ return 60000
+}
+
+export default function VercelSync({ onMessage, authFetch, isVercel = false }) {
const { t } = useI18n()
const [vercelToken, setVercelToken] = useState('')
const [projectId, setProjectId] = useState('')
@@ -12,20 +20,42 @@ export default function VercelSync({ onMessage, authFetch }) {
const [result, setResult] = useState(null)
const [preconfig, setPreconfig] = useState(null)
const [syncStatus, setSyncStatus] = useState(null)
+ const [pollPaused, setPollPaused] = useState(false)
+ const [pollFailures, setPollFailures] = useState(0)
+ const [nextRetryAt, setNextRetryAt] = useState(null)
const apiFetch = authFetch || fetch
- const fetchSyncStatus = useCallback(async () => {
+ const fetchSyncStatus = useCallback(async ({ manual = false } = {}) => {
try {
const res = await apiFetch('/admin/vercel/status')
- if (res.ok) {
- const data = await res.json()
- setSyncStatus(data)
+ if (!res.ok) {
+ throw new Error(`status ${res.status}`)
}
+ const data = await res.json()
+ setSyncStatus(data)
+ setPollFailures(0)
+ setPollPaused(false)
+ setNextRetryAt(null)
} catch (e) {
+ setPollFailures((prev) => {
+ const next = prev + 1
+ if (isVercel) {
+ if (next >= MAX_POLL_FAILURES) {
+ setPollPaused(true)
+ setNextRetryAt(null)
+ } else {
+ setNextRetryAt(Date.now() + pollDelayMs(next))
+ }
+ }
+ return next
+ })
+ if (manual) {
+ onMessage('error', t('vercel.networkError'))
+ }
console.error('Failed to fetch sync status:', e)
}
- }, [apiFetch])
+ }, [apiFetch, isVercel, onMessage, t])
useEffect(() => {
const loadPreconfig = async () => {
@@ -43,11 +73,32 @@ export default function VercelSync({ onMessage, authFetch }) {
}
loadPreconfig()
fetchSyncStatus()
- // Poll every 15s to detect config changes
- const interval = setInterval(fetchSyncStatus, 15000)
- return () => clearInterval(interval)
}, [fetchSyncStatus])
+ useEffect(() => {
+ if (!isVercel) {
+ const interval = setInterval(() => {
+ fetchSyncStatus()
+ }, 15000)
+ return () => clearInterval(interval)
+ }
+ if (pollPaused) {
+ return undefined
+ }
+ const delay = nextRetryAt && nextRetryAt > Date.now() ? nextRetryAt - Date.now() : pollDelayMs(pollFailures)
+ const timer = setTimeout(() => {
+ fetchSyncStatus()
+ }, Math.max(1000, delay))
+ return () => clearTimeout(timer)
+ }, [fetchSyncStatus, isVercel, nextRetryAt, pollFailures, pollPaused])
+
+ const handleManualRefresh = () => {
+ setPollPaused(false)
+ setPollFailures(0)
+ setNextRetryAt(null)
+ fetchSyncStatus({ manual: true })
+ }
+
const handleSync = async () => {
const tokenToUse = preconfig?.has_token && !vercelToken ? '__USE_PRECONFIG__' : vercelToken
@@ -122,6 +173,20 @@ export default function VercelSync({ onMessage, authFetch }) {
{t('vercel.description')}
+ {pollPaused && (
+
+
+ {t('vercel.pollPaused', { count: pollFailures })}
+
+
+
+ )}
{syncStatus?.last_sync_time && (
diff --git a/webui/src/locales/en.json b/webui/src/locales/en.json
index d5be108..c06a86d 100644
--- a/webui/src/locales/en.json
+++ b/webui/src/locales/en.json
@@ -198,6 +198,7 @@
},
"settings": {
"loadFailed": "Failed to load settings.",
+ "nonJsonResponse": "Unexpected non-JSON response from server (status: {status}).",
"save": "Save settings",
"saving": "Saving...",
"saveSuccess": "Settings saved and hot reloaded.",
@@ -239,7 +240,9 @@
"exportJson": "Export JSON",
"invalidJsonField": "{field} is not a valid JSON object.",
"defaultPasswordWarning": "You are using the default admin password \"admin\". Please change it.",
- "vercelSyncHint": "Configuration changed. For Vercel deployments, sync manually in Vercel Sync and redeploy."
+ "vercelSyncHint": "Configuration changed. For Vercel deployments, sync manually in Vercel Sync and redeploy.",
+ "autoFetchPaused": "Auto loading paused after {count} failures: {error}",
+ "retryLoad": "Retry now"
},
"login": {
"welcome": "Welcome back",
@@ -278,6 +281,8 @@
"statusNotSynced": "Not synced",
"statusNeverSynced": "Never synced",
"lastSyncTime": "Last sync: {time}",
+ "pollPaused": "Status polling paused after {count} failures.",
+ "manualRefresh": "Refresh manually",
"howItWorks": "How it works",
"steps": {
"one": "The current configuration (keys and accounts) is exported as JSON.",
diff --git a/webui/src/locales/zh.json b/webui/src/locales/zh.json
index fb31188..7d587d7 100644
--- a/webui/src/locales/zh.json
+++ b/webui/src/locales/zh.json
@@ -198,6 +198,7 @@
},
"settings": {
"loadFailed": "加载设置失败",
+ "nonJsonResponse": "服务端返回了非 JSON 响应（状态码：{status}）",
"save": "保存设置",
"saving": "保存中...",
"saveSuccess": "设置已保存并热更新生效",
@@ -239,7 +240,9 @@
"exportJson": "导出 JSON",
"invalidJsonField": "{field} 不是有效 JSON 对象",
"defaultPasswordWarning": "当前使用默认密码 admin，请尽快在此修改。",
- "vercelSyncHint": "当前配置已更新。Vercel 部署请到 Vercel 同步页面手动同步并重部署。"
+ "vercelSyncHint": "当前配置已更新。Vercel 部署请到 Vercel 同步页面手动同步并重部署。",
+ "autoFetchPaused": "自动加载已暂停：连续失败 {count} 次（{error}）",
+ "retryLoad": "立即重试"
},
"login": {
"welcome": "欢迎回来",
@@ -278,6 +281,8 @@
"statusNotSynced": "未同步",
"statusNeverSynced": "从未同步",
"lastSyncTime": "上次同步: {time}",
+ "pollPaused": "状态轮询已暂停：连续失败 {count} 次。",
+ "manualRefresh": "手动刷新",
"howItWorks": "工作原理",
"steps": {
"one": "当前配置 (密钥和账号) 被导出为 JSON 字符串。",
diff --git a/webui/src/utils/runtimeEnv.js b/webui/src/utils/runtimeEnv.js
new file mode 100644
index 0000000..d7b7889
--- /dev/null
+++ b/webui/src/utils/runtimeEnv.js
@@ -0,0 +1,13 @@
+export function detectRuntimeEnv() {
+ const deployTarget = String(import.meta.env.VITE_DEPLOY_TARGET || '').trim().toLowerCase()
+ if (deployTarget === 'vercel') {
+ return { isVercel: true, source: 'vite_env' }
+ }
+
+ const host = typeof window !== 'undefined' ? String(window.location.hostname || '').toLowerCase() : ''
+ if (host.includes('vercel.app')) {
+ return { isVercel: true, source: 'hostname' }
+ }
+
+ return { isVercel: false, source: 'default' }
+}