mirror of
https://github.com/truewhile/MeBox.git
synced 2026-09-29 19:36:36 +08:00
truewhile
704 lines
28 KiB
TypeScript
704 lines
28 KiB
TypeScript
import { FormEvent, useEffect, useState } from 'react'
|
||
import {
|
||
Activity,
|
||
CheckCircle2,
|
||
Cpu,
|
||
Database,
|
||
Eye,
|
||
EyeOff,
|
||
Globe,
|
||
Loader2,
|
||
Lock,
|
||
Save,
|
||
Server,
|
||
Sparkles,
|
||
XCircle,
|
||
} from 'lucide-react'
|
||
import toast from 'react-hot-toast'
|
||
|
||
import { adminAPI } from '../api/admin'
|
||
import { libraryAPI } from '../api/library'
|
||
import type { Library, Setting } from '../types'
|
||
import { adultSettingsGroup } from './settingsGroupAccess'
|
||
|
||
const POPULAR_METATUBE_PROVIDERS = [
|
||
{ id: '', label: '自动 (全部)' },
|
||
{ id: 'javdb', label: 'JavDB' },
|
||
{ id: 'javbus', label: 'JavBus' },
|
||
{ id: 'dmm', label: 'DMM / FANZA' },
|
||
{ id: 'fc2', label: 'FC2' },
|
||
{ id: 'gfriends', label: 'GFriends' },
|
||
{ id: 'airav', label: 'AirAV' },
|
||
{ id: 'heyzo', label: 'HEYZO' },
|
||
{ id: 'mgs', label: 'MGS' },
|
||
]
|
||
|
||
export function AdultSettingsPanel() {
|
||
const [values, setValues] = useState<Record<string, string>>({})
|
||
const [dirty, setDirty] = useState<Set<string>>(new Set())
|
||
const [loading, setLoading] = useState(true)
|
||
const [saving, setSaving] = useState(false)
|
||
const [libraries, setLibraries] = useState<Library[]>([])
|
||
const [showToken, setShowToken] = useState(false)
|
||
|
||
// Test connection state
|
||
const [testingMT, setTestingMT] = useState(false)
|
||
const [mtTestResult, setMtTestResult] = useState<{
|
||
success?: boolean
|
||
latency_ms?: number
|
||
providers?: string[]
|
||
error?: string
|
||
} | null>(null)
|
||
|
||
const [testingBuiltin, setTestingBuiltin] = useState(false)
|
||
const [builtinTestResult, setBuiltinTestResult] = useState<{
|
||
success?: boolean
|
||
latency_ms?: number
|
||
message?: string
|
||
error?: string
|
||
} | null>(null)
|
||
|
||
const refresh = async () => {
|
||
setLoading(true)
|
||
try {
|
||
const [all, libs] = await Promise.all([
|
||
adminAPI.listSettings(),
|
||
libraryAPI.list({ includeHidden: true }).catch(() => [] as Library[]),
|
||
])
|
||
const idx: Record<string, string> = {}
|
||
for (const item of adultSettingsGroup.items) {
|
||
if (item.defaultValue !== undefined) {
|
||
idx[item.key] = item.defaultValue
|
||
}
|
||
}
|
||
for (const s of all as Setting[]) {
|
||
if (s.key.startsWith('adult.')) {
|
||
idx[s.key] = s.value
|
||
}
|
||
}
|
||
setValues(idx)
|
||
setLibraries(libs as Library[])
|
||
setDirty(new Set())
|
||
} finally {
|
||
setLoading(false)
|
||
}
|
||
}
|
||
|
||
useEffect(() => {
|
||
refresh().catch(() => undefined)
|
||
}, [])
|
||
|
||
const setVal = (key: string, value: string) => {
|
||
setValues((prev) => ({ ...prev, [key]: value }))
|
||
setDirty((prev) => new Set(prev).add(key))
|
||
}
|
||
|
||
const toggleVal = (key: string) => {
|
||
const current = values[key] === 'true' || values[key] === '1' || values[key] === 'on'
|
||
setVal(key, current ? 'false' : 'true')
|
||
}
|
||
|
||
const isChecked = (key: string, def = false) => {
|
||
const val = values[key]
|
||
if (val === undefined) return def
|
||
return val === 'true' || val === '1' || val === 'on'
|
||
}
|
||
|
||
const onSave = async (e?: FormEvent) => {
|
||
if (e) e.preventDefault()
|
||
if (dirty.size === 0) return
|
||
setSaving(true)
|
||
try {
|
||
for (const key of dirty) {
|
||
await adminAPI.updateSetting(key, values[key] ?? '')
|
||
}
|
||
toast.success(`已保存 ${dirty.size} 项配置`)
|
||
setDirty(new Set())
|
||
} catch (err: unknown) {
|
||
const msg =
|
||
(err as { response?: { data?: { error?: string } } })?.response?.data?.error ?? '保存失败'
|
||
toast.error(msg)
|
||
} finally {
|
||
setSaving(false)
|
||
}
|
||
}
|
||
|
||
const runMetaTubeTest = async () => {
|
||
setTestingMT(true)
|
||
setMtTestResult(null)
|
||
try {
|
||
const res = await adminAPI.testAdultScraper({
|
||
engine: 'metatube',
|
||
server_url: values['adult.scraper.metatube_server'] || 'http://127.0.0.1:7700',
|
||
token: values['adult.scraper.metatube_token'] || '',
|
||
})
|
||
setMtTestResult(res)
|
||
if (res.success) {
|
||
toast.success(`MetaTube 连接成功 (${res.latency_ms ?? 0}ms)`)
|
||
} else {
|
||
toast.error(res.error || 'MetaTube 连接失败')
|
||
}
|
||
} catch (err: unknown) {
|
||
const msg =
|
||
(err as { response?: { data?: { error?: string } } })?.response?.data?.error ??
|
||
(err as Error).message ??
|
||
'测试失败'
|
||
setMtTestResult({ success: false, error: msg })
|
||
toast.error(msg)
|
||
} finally {
|
||
setTestingMT(false)
|
||
}
|
||
}
|
||
|
||
const runBuiltinTest = async () => {
|
||
setTestingBuiltin(true)
|
||
setBuiltinTestResult(null)
|
||
try {
|
||
const res = await adminAPI.testAdultScraper({
|
||
engine: 'builtin',
|
||
javdb_url: values['adult.scraper.builtin_javdb_url'] || 'https://javdb.com',
|
||
javbus_url: values['adult.scraper.builtin_javbus_url'] || '',
|
||
cookie: values['adult.scraper.builtin_cookie'] || '',
|
||
})
|
||
setBuiltinTestResult(res)
|
||
if (res.success) {
|
||
toast.success(`内置刮削源连接成功 (${res.latency_ms ?? 0}ms)`)
|
||
} else {
|
||
toast.error(res.error || '内置源连接失败')
|
||
}
|
||
} catch (err: unknown) {
|
||
const msg =
|
||
(err as { response?: { data?: { error?: string } } })?.response?.data?.error ??
|
||
(err as Error).message ??
|
||
'测试失败'
|
||
setBuiltinTestResult({ success: false, error: msg })
|
||
toast.error(msg)
|
||
} finally {
|
||
setTestingBuiltin(false)
|
||
}
|
||
}
|
||
|
||
const selectedLibraryIDs = parseLibraryIDs(values['adult.library_ids'] || '[]')
|
||
const toggleLibrary = (id: string, checked: boolean) => {
|
||
const next = checked
|
||
? Array.from(new Set([...selectedLibraryIDs, id]))
|
||
: selectedLibraryIDs.filter((item) => item !== id)
|
||
setVal('adult.library_ids', JSON.stringify(next))
|
||
}
|
||
|
||
const engine = values['adult.scraper.engine'] || 'builtin'
|
||
|
||
if (loading) {
|
||
return (
|
||
<div className="flex justify-center py-12 text-ink-50">
|
||
<Loader2 className="animate-spin" />
|
||
</div>
|
||
)
|
||
}
|
||
|
||
return (
|
||
<form onSubmit={onSave} className="space-y-6">
|
||
{/* 1. 全局访问与隔离卡片 */}
|
||
<div className="glass-panel space-y-4">
|
||
<div className="flex items-center gap-3 border-b border-gray-200/60 pb-3">
|
||
<div className="flex h-9 w-9 items-center justify-center rounded-xl bg-pink-500/10 text-pink-500">
|
||
<Lock size={18} />
|
||
</div>
|
||
<div>
|
||
<h2 className="text-base font-semibold text-ink-600">访问与媒体库隔离控制</h2>
|
||
<p className="text-xs text-sand-500">
|
||
设置全局成人内容显示规则、指定成人影视库与访问 PIN 保护
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div className="grid gap-4 md:grid-cols-2">
|
||
{/* 主开关 */}
|
||
<div className="rounded-2xl border border-gray-200/60 bg-white/50 p-4">
|
||
<label className="flex cursor-pointer items-start justify-between gap-4">
|
||
<div>
|
||
<span className="block text-sm font-medium text-ink-600">启用成人内容</span>
|
||
<span className="mt-0.5 block text-xs text-sand-500">
|
||
全局开关。关闭后系统彻底禁用所有成人库与成人刮削；开启后普通用户仍默认隐藏，可在个人资料或 Bot 自行开启。
|
||
</span>
|
||
</div>
|
||
<input
|
||
type="checkbox"
|
||
className="mt-1 h-5 w-5 accent-pink-500"
|
||
checked={isChecked('adult.enabled', true)}
|
||
onChange={() => toggleVal('adult.enabled')}
|
||
/>
|
||
</label>
|
||
</div>
|
||
|
||
{/* PIN 保护 */}
|
||
<div className="rounded-2xl border border-gray-200/60 bg-white/50 p-4">
|
||
<label className="flex cursor-pointer items-start justify-between gap-4">
|
||
<div>
|
||
<span className="block text-sm font-medium text-ink-600">访问需要 PIN 码保护</span>
|
||
<span className="mt-0.5 block text-xs text-sand-500">
|
||
开启后，客户端或网页端浏览成人库内容需输入数字 PIN 码
|
||
</span>
|
||
</div>
|
||
<input
|
||
type="checkbox"
|
||
className="mt-1 h-5 w-5 accent-pink-500"
|
||
checked={isChecked('adult.require_pin', false)}
|
||
onChange={() => toggleVal('adult.require_pin')}
|
||
/>
|
||
</label>
|
||
{isChecked('adult.require_pin', false) && (
|
||
<div className="mt-3">
|
||
<input
|
||
type="text"
|
||
className="input-base text-sm"
|
||
placeholder="请输入 4-8 位数字 PIN"
|
||
value={values['adult.pin'] ?? ''}
|
||
onChange={(e) => setVal('adult.pin', e.target.value)}
|
||
/>
|
||
</div>
|
||
)}
|
||
</div>
|
||
</div>
|
||
|
||
{/* 成人媒体库绑定 */}
|
||
<div className="rounded-2xl border border-gray-200/60 bg-white/50 p-4">
|
||
<div className="mb-2">
|
||
<span className="block text-sm font-medium text-ink-600">指定成人媒体库</span>
|
||
<span className="text-xs text-sand-500">
|
||
指定哪些媒体库属于成人分类。指定后，搜索、分类及 Emby/Jellyfin 协议都会统一应用隔离与过滤规则。
|
||
</span>
|
||
</div>
|
||
|
||
<div className="mt-3 grid gap-2 sm:grid-cols-2 lg:grid-cols-3">
|
||
{libraries.length === 0 && (
|
||
<div className="col-span-full py-2 text-xs text-sand-500">暂无媒体库</div>
|
||
)}
|
||
{libraries.map((lib) => {
|
||
const checked = selectedLibraryIDs.includes(lib.id)
|
||
return (
|
||
<label
|
||
key={lib.id}
|
||
className={
|
||
'flex cursor-pointer items-start gap-2.5 rounded-xl border p-2.5 transition ' +
|
||
(checked
|
||
? 'border-pink-500/40 bg-pink-500/5'
|
||
: 'border-gray-200/60 bg-white/80 hover:bg-gray-50')
|
||
}
|
||
>
|
||
<input
|
||
type="checkbox"
|
||
className="mt-0.5 h-4 w-4 accent-pink-500"
|
||
checked={checked}
|
||
onChange={(e) => toggleLibrary(lib.id, e.target.checked)}
|
||
/>
|
||
<div className="min-w-0">
|
||
<span className="block truncate text-xs font-medium text-ink-600">
|
||
{lib.name}
|
||
</span>
|
||
<span className="block truncate font-mono text-[11px] text-sand-500">
|
||
{lib.path}
|
||
</span>
|
||
</div>
|
||
</label>
|
||
)
|
||
})}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
{/* 2. 番号刮削引擎配置卡片 */}
|
||
<div className="glass-panel space-y-5">
|
||
<div className="flex items-center gap-3 border-b border-gray-200/60 pb-3">
|
||
<div className="flex h-9 w-9 items-center justify-center rounded-xl bg-primary-500/10 text-brand-500">
|
||
<Sparkles size={18} />
|
||
</div>
|
||
<div>
|
||
<h2 className="text-base font-semibold text-ink-600">番号刮削配置模块</h2>
|
||
<p className="text-xs text-sand-500">
|
||
支持切换本项目内置番号刮削源或接入 MetaTube 独立服务端，进行精准影视与女优元数据抓取
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
{/* 引擎模式选择 */}
|
||
<div>
|
||
<label className="mb-2 block text-xs font-medium uppercase tracking-wider text-sand-500">
|
||
选择番号刮削模式
|
||
</label>
|
||
<div className="grid gap-3 sm:grid-cols-3">
|
||
<button
|
||
type="button"
|
||
onClick={() => setVal('adult.scraper.engine', 'builtin')}
|
||
className={
|
||
'flex flex-col items-start gap-1.5 rounded-2xl border p-4 text-left transition ' +
|
||
(engine === 'builtin'
|
||
? 'border-brand-500 bg-primary-500/10 ring-1 ring-brand-500'
|
||
: 'border-gray-200/60 bg-white/50 hover:bg-white/80')
|
||
}
|
||
>
|
||
<div className="flex w-full items-center justify-between">
|
||
<div className="flex items-center gap-2">
|
||
<Database size={16} className={engine === 'builtin' ? 'text-brand-500' : 'text-sand-500'} />
|
||
<span className="font-semibold text-sm text-ink-600">本项目内置刮削</span>
|
||
</div>
|
||
{engine === 'builtin' && <CheckCircle2 size={16} className="text-brand-500" />}
|
||
</div>
|
||
<span className="text-xs text-sand-500">
|
||
集成 JavDB / JavBus 多源并发解析，免部署外部服务端，内置年龄绕过
|
||
</span>
|
||
</button>
|
||
|
||
<button
|
||
type="button"
|
||
onClick={() => setVal('adult.scraper.engine', 'metatube')}
|
||
className={
|
||
'flex flex-col items-start gap-1.5 rounded-2xl border p-4 text-left transition ' +
|
||
(engine === 'metatube'
|
||
? 'border-brand-500 bg-primary-500/10 ring-1 ring-brand-500'
|
||
: 'border-gray-200/60 bg-white/50 hover:bg-white/80')
|
||
}
|
||
>
|
||
<div className="flex w-full items-center justify-between">
|
||
<div className="flex items-center gap-2">
|
||
<Server size={16} className={engine === 'metatube' ? 'text-brand-500' : 'text-sand-500'} />
|
||
<span className="font-semibold text-sm text-ink-600">MetaTube 服务端</span>
|
||
</div>
|
||
{engine === 'metatube' && <CheckCircle2 size={16} className="text-brand-500" />}
|
||
</div>
|
||
<span className="text-xs text-sand-500">
|
||
连接独立 MetaTube Server 容器，支持多数据源聚合、女优头像与高级插件特性
|
||
</span>
|
||
</button>
|
||
|
||
<button
|
||
type="button"
|
||
onClick={() => setVal('adult.scraper.engine', 'auto')}
|
||
className={
|
||
'flex flex-col items-start gap-1.5 rounded-2xl border p-4 text-left transition ' +
|
||
(engine === 'auto'
|
||
? 'border-brand-500 bg-primary-500/10 ring-1 ring-brand-500'
|
||
: 'border-gray-200/60 bg-white/50 hover:bg-white/80')
|
||
}
|
||
>
|
||
<div className="flex w-full items-center justify-between">
|
||
<div className="flex items-center gap-2">
|
||
<Cpu size={16} className={engine === 'auto' ? 'text-brand-500' : 'text-sand-500'} />
|
||
<span className="font-semibold text-sm text-ink-600">智能混合模式</span>
|
||
</div>
|
||
{engine === 'auto' && <CheckCircle2 size={16} className="text-brand-500" />}
|
||
</div>
|
||
<span className="text-xs text-sand-500">
|
||
优先请求 MetaTube 服务端，若无匹配或服务离线则自动回退至内置多源
|
||
</span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
{/* 3. MetaTube 专属配置模块 */}
|
||
{(engine === 'metatube' || engine === 'auto') && (
|
||
<div className="rounded-2xl border border-primary-500/20 bg-primary-500/5 p-4 space-y-4">
|
||
<div className="flex items-center justify-between">
|
||
<div className="flex items-center gap-2">
|
||
<Server className="h-4 w-4 text-brand-500" />
|
||
<span className="text-sm font-semibold text-ink-600">MetaTube 后端配置</span>
|
||
</div>
|
||
<a
|
||
href="https://github.com/metatube-community/metatube-server"
|
||
target="_blank"
|
||
rel="noreferrer"
|
||
className="text-xs text-brand-500 hover:underline flex items-center gap-1"
|
||
>
|
||
<Globe size={12} /> MetaTube 官方文档
|
||
</a>
|
||
</div>
|
||
|
||
<div className="grid gap-3 md:grid-cols-2">
|
||
<div>
|
||
<label className="block text-xs font-medium text-ink-100">
|
||
MetaTube 服务端地址 (Server URL)
|
||
</label>
|
||
<input
|
||
type="text"
|
||
className="input-base mt-1 text-sm font-mono"
|
||
placeholder="http://127.0.0.1:7700"
|
||
value={values['adult.scraper.metatube_server'] ?? 'http://127.0.0.1:7700'}
|
||
onChange={(e) => setVal('adult.scraper.metatube_server', e.target.value)}
|
||
/>
|
||
<p className="mt-1 text-[11px] text-sand-500">
|
||
独立部署的 MetaTube Server 地址，如 http://127.0.0.1:7700 或内网 Docker IP
|
||
</p>
|
||
</div>
|
||
|
||
<div>
|
||
<label className="block text-xs font-medium text-ink-100">
|
||
认证 Token (API Token)
|
||
</label>
|
||
<div className="relative mt-1">
|
||
<input
|
||
type={showToken ? 'text' : 'password'}
|
||
className="input-base pr-10 text-sm font-mono"
|
||
placeholder="留空表示服务端未启用 Token 保护"
|
||
value={values['adult.scraper.metatube_token'] ?? ''}
|
||
onChange={(e) => setVal('adult.scraper.metatube_token', e.target.value)}
|
||
/>
|
||
<button
|
||
type="button"
|
||
onClick={() => setShowToken(!showToken)}
|
||
className="absolute right-2.5 top-1/2 -translate-y-1/2 text-sand-500 hover:text-ink-600"
|
||
>
|
||
{showToken ? <EyeOff size={14} /> : <Eye size={14} />}
|
||
</button>
|
||
</div>
|
||
<p className="mt-1 text-[11px] text-sand-500">
|
||
MetaTube 服务端配置的 TOKEN 环境变量
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
{/* Provider 选择器 */}
|
||
<div>
|
||
<label className="block text-xs font-medium text-ink-100">
|
||
首选 / 默认 Provider 数据源
|
||
</label>
|
||
<div className="mt-1 flex flex-wrap gap-1.5">
|
||
{POPULAR_METATUBE_PROVIDERS.map((p) => {
|
||
const active = (values['adult.scraper.metatube_provider'] ?? '') === p.id
|
||
return (
|
||
<button
|
||
key={p.id}
|
||
type="button"
|
||
onClick={() => setVal('adult.scraper.metatube_provider', p.id)}
|
||
className={
|
||
'rounded-lg px-2.5 py-1 text-xs transition ' +
|
||
(active
|
||
? 'bg-primary-500 text-white font-medium shadow-sm'
|
||
: 'bg-white/80 text-ink-100 border border-gray-200/60 hover:bg-sand-100/50')
|
||
}
|
||
>
|
||
{p.label}
|
||
</button>
|
||
)
|
||
})}
|
||
</div>
|
||
</div>
|
||
|
||
{/* 测试 MetaTube 连接按钮 */}
|
||
<div className="flex flex-wrap items-center justify-between gap-3 border-t border-primary-500/20 pt-3">
|
||
<button
|
||
type="button"
|
||
disabled={testingMT}
|
||
onClick={runMetaTubeTest}
|
||
className="inline-flex items-center gap-1.5 rounded-xl border border-brand-500/40 bg-brand-500/10 px-3 py-1.5 text-xs font-medium text-brand-500 transition hover:bg-brand-500/20 disabled:opacity-50"
|
||
>
|
||
{testingMT ? <Loader2 size={13} className="animate-spin" /> : <Activity size={13} />}
|
||
测试 MetaTube 连接
|
||
</button>
|
||
|
||
{mtTestResult && (
|
||
<div className="flex items-center gap-2 text-xs">
|
||
{mtTestResult.success ? (
|
||
<span className="inline-flex items-center gap-1 text-emerald-600 font-medium">
|
||
<CheckCircle2 size={14} /> 连接成功 ({mtTestResult.latency_ms}ms)
|
||
{mtTestResult.providers && mtTestResult.providers.length > 0 && (
|
||
<span className="text-sand-500 font-normal">
|
||
· 支持 {mtTestResult.providers.length} 个源
|
||
</span>
|
||
)}
|
||
</span>
|
||
) : (
|
||
<span className="inline-flex items-center gap-1 text-red-500 font-medium">
|
||
<XCircle size={14} /> {mtTestResult.error}
|
||
</span>
|
||
)}
|
||
</div>
|
||
)}
|
||
</div>
|
||
</div>
|
||
)}
|
||
|
||
{/* 4. 本地内置刮削源专属配置 */}
|
||
{(engine === 'builtin' || engine === 'auto') && (
|
||
<div className="rounded-2xl border border-gray-200/60 bg-white/50 p-4 space-y-4">
|
||
<div className="flex items-center gap-2">
|
||
<Database className="h-4 w-4 text-brand-500" />
|
||
<span className="text-sm font-semibold text-ink-600">内置多源刮削配置</span>
|
||
</div>
|
||
|
||
<div className="grid gap-3 md:grid-cols-2">
|
||
<div>
|
||
<label className="block text-xs font-medium text-ink-100">
|
||
JavDB 主源 URL
|
||
</label>
|
||
<input
|
||
type="text"
|
||
className="input-base mt-1 text-sm font-mono"
|
||
placeholder="https://javdb.com"
|
||
value={values['adult.scraper.builtin_javdb_url'] ?? 'https://javdb.com'}
|
||
onChange={(e) => setVal('adult.scraper.builtin_javdb_url', e.target.value)}
|
||
/>
|
||
</div>
|
||
|
||
<div>
|
||
<label className="block text-xs font-medium text-ink-100">
|
||
年龄验证 Cookie 凭据
|
||
</label>
|
||
<input
|
||
type="text"
|
||
className="input-base mt-1 text-sm font-mono"
|
||
placeholder="age=verified; existmag=all"
|
||
value={values['adult.scraper.builtin_cookie'] ?? 'age=verified; existmag=all'}
|
||
onChange={(e) => setVal('adult.scraper.builtin_cookie', e.target.value)}
|
||
/>
|
||
</div>
|
||
|
||
<div className="col-span-full">
|
||
<label className="block text-xs font-medium text-ink-100">
|
||
JavBus 备用镜像源列表 (换行或逗号分隔)
|
||
</label>
|
||
<textarea
|
||
rows={2}
|
||
className="input-base mt-1 text-xs font-mono"
|
||
placeholder={'https://javbus.sbs\nhttps://www.javbus.com\nhttps://www.cdnbus.cyou'}
|
||
value={
|
||
values['adult.scraper.builtin_javbus_url'] ??
|
||
'https://javbus.sbs,https://www.javbus.com,https://www.cdnbus.cyou,https://www.javsee.cyou,https://www.busjav.cyou'
|
||
}
|
||
onChange={(e) => setVal('adult.scraper.builtin_javbus_url', e.target.value)}
|
||
/>
|
||
</div>
|
||
</div>
|
||
|
||
{/* 测试内置源按钮 */}
|
||
<div className="flex flex-wrap items-center justify-between gap-3 border-t border-gray-200/60 pt-3">
|
||
<button
|
||
type="button"
|
||
disabled={testingBuiltin}
|
||
onClick={runBuiltinTest}
|
||
className="inline-flex items-center gap-1.5 rounded-xl border border-gray-300 bg-white px-3 py-1.5 text-xs font-medium text-ink-600 transition hover:bg-gray-50 disabled:opacity-50"
|
||
>
|
||
{testingBuiltin ? (
|
||
<Loader2 size={13} className="animate-spin" />
|
||
) : (
|
||
<Activity size={13} />
|
||
)}
|
||
测试内置源连接
|
||
</button>
|
||
|
||
{builtinTestResult && (
|
||
<div className="flex items-center gap-2 text-xs">
|
||
{builtinTestResult.success ? (
|
||
<span className="inline-flex items-center gap-1 text-emerald-600 font-medium">
|
||
<CheckCircle2 size={14} /> 连接成功 ({builtinTestResult.latency_ms}ms)
|
||
</span>
|
||
) : (
|
||
<span className="inline-flex items-center gap-1 text-red-500 font-medium">
|
||
<XCircle size={14} /> {builtinTestResult.error}
|
||
</span>
|
||
)}
|
||
</div>
|
||
)}
|
||
</div>
|
||
</div>
|
||
)}
|
||
|
||
{/* 5. 通用高级刮削选项 */}
|
||
<div className="rounded-2xl border border-gray-200/60 bg-white/50 p-4 space-y-3">
|
||
<span className="block text-sm font-semibold text-ink-600">元数据与图片增强选项</span>
|
||
<div className="grid gap-3 sm:grid-cols-2">
|
||
<label className="flex cursor-pointer items-start gap-3 rounded-xl border border-gray-200/60 bg-white/80 p-3 hover:bg-gray-50">
|
||
<input
|
||
type="checkbox"
|
||
className="mt-0.5 h-4 w-4 accent-primary-500"
|
||
checked={isChecked('adult.scraper.crop_cover', true)}
|
||
onChange={() => toggleVal('adult.scraper.crop_cover')}
|
||
/>
|
||
<div>
|
||
<span className="block text-xs font-semibold text-ink-600">封面智能裁剪海报</span>
|
||
<span className="mt-0.5 block text-[11px] text-sand-500">
|
||
自动将 DVD 宽版封套裁剪为正面竖版海报，并保留完整封套作为背景大图
|
||
</span>
|
||
</div>
|
||
</label>
|
||
|
||
<label className="flex cursor-pointer items-start gap-3 rounded-xl border border-gray-200/60 bg-white/80 p-3 hover:bg-gray-50">
|
||
<input
|
||
type="checkbox"
|
||
className="mt-0.5 h-4 w-4 accent-primary-500"
|
||
checked={isChecked('adult.scraper.enable_actor', true)}
|
||
onChange={() => toggleVal('adult.scraper.enable_actor')}
|
||
/>
|
||
<div>
|
||
<span className="block text-xs font-semibold text-ink-600">刮削女优详情与头像</span>
|
||
<span className="mt-0.5 block text-[11px] text-sand-500">
|
||
抓取女优名字、别名、头像并自动聚合至媒体元数据与分类标签
|
||
</span>
|
||
</div>
|
||
</label>
|
||
|
||
<label className="flex cursor-pointer items-start gap-3 rounded-xl border border-gray-200/60 bg-white/80 p-3 hover:bg-gray-50">
|
||
<input
|
||
type="checkbox"
|
||
className="mt-0.5 h-4 w-4 accent-primary-500"
|
||
checked={isChecked('adult.scraper.enable_trailer', false)}
|
||
onChange={() => toggleVal('adult.scraper.enable_trailer')}
|
||
/>
|
||
<div>
|
||
<span className="block text-xs font-semibold text-ink-600">刮削预告片视频</span>
|
||
<span className="mt-0.5 block text-[11px] text-sand-500">
|
||
尝试解析官方样片/预告片并保存链接
|
||
</span>
|
||
</div>
|
||
</label>
|
||
|
||
<label className="flex cursor-pointer items-start gap-3 rounded-xl border border-gray-200/60 bg-white/80 p-3 hover:bg-gray-50">
|
||
<input
|
||
type="checkbox"
|
||
className="mt-0.5 h-4 w-4 accent-primary-500"
|
||
checked={isChecked('adult.scraper.badge', false)}
|
||
onChange={() => toggleVal('adult.scraper.badge')}
|
||
/>
|
||
<div>
|
||
<span className="block text-xs font-semibold text-ink-600">添加无码/角标标记</span>
|
||
<span className="mt-0.5 block text-[11px] text-sand-500">
|
||
为无码破解或流出作品添加识别角标
|
||
</span>
|
||
</div>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
|
||
{/* 底部保存条 */}
|
||
<div className="flex items-center justify-between pt-2">
|
||
<span className="text-xs text-sand-500">
|
||
{dirty.size > 0 ? `有 ${dirty.size} 项修改未保存` : '所有设置已是最新'}
|
||
</span>
|
||
<button
|
||
type="submit"
|
||
disabled={saving || dirty.size === 0}
|
||
className="neon-button disabled:opacity-50"
|
||
>
|
||
{saving ? <Loader2 size={16} className="animate-spin" /> : <Save size={16} />}
|
||
保存配置
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
)
|
||
}
|
||
|
||
function parseLibraryIDs(raw: string): string[] {
|
||
try {
|
||
const parsed = JSON.parse(raw || '[]')
|
||
if (Array.isArray(parsed)) {
|
||
return parsed.map((item) => String(item).trim()).filter(Boolean)
|
||
}
|
||
} catch {
|
||
return raw
|
||
.split(/[,\n;，]/)
|
||
.map((item) => item.trim())
|
||
.filter(Boolean)
|
||
}
|
||
return []
|
||
}
|