feat: scrape STRM libraries after refresh

This commit is contained in:
ShukeBta
2026-07-03 01:18:27 +08:00
parent a6f2d0208d
commit 9833c60e38
12 changed files with 257 additions and 35 deletions
+6
View File
@@ -9,6 +9,7 @@ export type GenerateSTRMInput = {
include_local?: boolean
preserve_tree?: boolean
refresh_library?: boolean
scrape_after?: boolean
}
export type GenerateSTRMResult = {
@@ -51,6 +52,7 @@ export type GenerateSTRMTreeInput = {
transfer_subtitles?: boolean
missing_only?: boolean
refresh_library?: boolean
scrape_after?: boolean
}
export type RepairSTRMInput = {
@@ -58,6 +60,7 @@ export type RepairSTRMInput = {
base_url?: string
dry_run?: boolean
refresh_library?: boolean
scrape_after?: boolean
}
export type RepairSTRMResult = {
@@ -80,6 +83,9 @@ export type STRMRefreshResult = {
requested: boolean
queued: boolean
reason?: string
scrape_requested?: boolean
scrape_queued?: boolean
scrape_reason?: string
targets?: Array<{
library_id: string
root_id?: string
+2
View File
@@ -27,6 +27,7 @@ export type StrmGenerateSectionProps = {
includeLocal: boolean
preserveTree: boolean
refreshLibrary: boolean
scrapeAfter: boolean
generating: boolean
generateResult: GenerateSTRMResult | null
playbackStatus: string
@@ -43,6 +44,7 @@ export type StrmGenerateSectionProps = {
setIncludeLocal: (value: boolean) => void
setPreserveTree: (value: boolean) => void
setRefreshLibrary: (value: boolean) => void
setScrapeAfter: (value: boolean) => void
}
export function StrmGenerateSection(props: StrmGenerateSectionProps) {
+39 -11
View File
@@ -1,6 +1,6 @@
import { Loader2, Save, Wand2 } from 'lucide-react'
import type { GenerateSTRMResult } from '../api/strm'
import type { GenerateSTRMResult, STRMRefreshResult } from '../api/strm'
import type { Library } from '../types'
import { currentOrigin, type CloudPlaybackMode } from './strmPageModel'
import type { StrmGenerateSectionProps } from './StrmGenerateSection'
@@ -147,6 +147,7 @@ type StrmGenerateFormProps = Pick<
| 'includeLocal'
| 'preserveTree'
| 'refreshLibrary'
| 'scrapeAfter'
| 'generating'
| 'onGenerate'
| 'setGenerateLibraryID'
@@ -156,6 +157,7 @@ type StrmGenerateFormProps = Pick<
| 'setIncludeLocal'
| 'setPreserveTree'
| 'setRefreshLibrary'
| 'setScrapeAfter'
>
export function StrmGenerateForm({
@@ -168,6 +170,7 @@ export function StrmGenerateForm({
includeLocal,
preserveTree,
refreshLibrary,
scrapeAfter,
generating,
onGenerate,
setGenerateLibraryID,
@@ -177,6 +180,7 @@ export function StrmGenerateForm({
setIncludeLocal,
setPreserveTree,
setRefreshLibrary,
setScrapeAfter,
}: StrmGenerateFormProps) {
return (
<form onSubmit={onGenerate} className="grid gap-3 md:grid-cols-4">
@@ -195,11 +199,17 @@ export function StrmGenerateForm({
>
使用当前访问地址
</button>
<div className="grid gap-2 md:col-span-4 md:grid-cols-4">
<div className="grid gap-2 md:col-span-4 md:grid-cols-5">
<CompactOption checked={overwrite} label="覆盖已存在" onChange={setOverwrite} />
<CompactOption checked={includeLocal} label="包含本地媒体" onChange={setIncludeLocal} />
<CompactOption checked={preserveTree} label="保留目录树" onChange={setPreserveTree} />
<CompactOption checked={refreshLibrary} label="生成后刷新媒体库" onChange={setRefreshLibrary} />
<CompactOption
checked={refreshLibrary && scrapeAfter}
disabled={!refreshLibrary}
label="刷新后自动刮削"
onChange={setScrapeAfter}
/>
</div>
<StrmOutputDirPicker
className="md:col-span-4"
@@ -218,16 +228,18 @@ export function StrmGenerateForm({
type CompactOptionProps = {
checked: boolean
disabled?: boolean
label: string
onChange: (value: boolean) => void
}
function CompactOption({ checked, label, onChange }: CompactOptionProps) {
function CompactOption({ checked, disabled, label, onChange }: CompactOptionProps) {
return (
<label className="flex min-h-10 items-center gap-2 rounded-2xl border border-gray-200 bg-white/70 px-3 py-2 text-sm text-ink-50">
<label className={`flex min-h-10 items-center gap-2 rounded-2xl border border-gray-200 bg-white/70 px-3 py-2 text-sm text-ink-50 ${disabled ? 'cursor-not-allowed opacity-50' : ''}`}>
<input
type="checkbox"
checked={checked}
disabled={disabled}
onChange={(e) => onChange(e.target.checked)}
/>
{label}
@@ -288,13 +300,7 @@ export function StrmGenerateResultPanel({ result }: { result: GenerateSTRMResult
{result.batch_limited && (
<div className="mt-1 text-amber-600">本批已达到上限,剩余 {result.remaining || 0} 个可继续运行。</div>
)}
{result.refresh && (
<div className={result.refresh.queued ? 'mt-1 text-emerald-600' : 'mt-1 text-amber-600'}>
{result.refresh.queued
? `媒体库刷新已排队:${result.refresh.targets?.map((target) => target.name).join('、') || '已匹配媒体库'}`
: `媒体库未刷新:${result.refresh.reason || '未匹配到可扫描媒体库'}`}
</div>
)}
<StrmRefreshStatus refresh={result.refresh} />
{result.ignored_items && result.ignored_items.length > 0 && (
<div className="mt-1 text-amber-600">
已忽略 {result.ignored || result.ignored_items.length} 个非视频/sidecar:{result.ignored_items.slice(0, 3).join(';')}
@@ -308,3 +314,25 @@ export function StrmGenerateResultPanel({ result }: { result: GenerateSTRMResult
</div>
)
}
export function StrmRefreshStatus({ refresh }: { refresh?: STRMRefreshResult }) {
if (!refresh) {
return null
}
return (
<>
<div className={refresh.queued ? 'mt-1 text-emerald-600' : 'mt-1 text-amber-600'}>
{refresh.queued
? `媒体库刷新已排队:${refresh.targets?.map((target) => target.name).join('、') || '已匹配媒体库'}`
: `媒体库未刷新:${refresh.reason || '未匹配到可扫描媒体库'}`}
</div>
{refresh.scrape_requested && (
<div className={refresh.scrape_queued ? 'mt-1 text-emerald-600' : 'mt-1 text-amber-600'}>
{refresh.scrape_queued
? '扫描完成后将自动刮削'
: `未安排刮削:${refresh.scrape_reason || '媒体库未刷新'}`}
</div>
)}
</>
)
}
+2
View File
@@ -34,6 +34,7 @@ export function StrmPage() {
includeLocal={strm.generate.includeLocal}
preserveTree={strm.generate.preserveTree}
refreshLibrary={strm.generate.refreshLibrary}
scrapeAfter={strm.generate.scrapeAfter}
generating={strm.generate.generating}
generateResult={strm.generate.generateResult}
playbackStatus={strm.generate.playbackStatus}
@@ -50,6 +51,7 @@ export function StrmPage() {
setIncludeLocal={strm.generate.setIncludeLocal}
setPreserveTree={strm.generate.setPreserveTree}
setRefreshLibrary={strm.generate.setRefreshLibrary}
setScrapeAfter={strm.generate.setScrapeAfter}
/>
<StrmTreeGenerateSection {...strm.treeGenerate} outputPresets={strm.outputPresets} />
+13 -7
View File
@@ -2,6 +2,7 @@ import { Loader2, RotateCcw, Wrench } from 'lucide-react'
import type { STRMOutputPreset } from '../api/strm'
import { currentOrigin } from './strmPageModel'
import { StrmRefreshStatus } from './StrmGenerateSectionParts'
import { StrmOutputDirPicker } from './StrmOutputDirPicker'
import type { useStrmRepairForm } from './useStrmRepairForm'
@@ -17,11 +18,13 @@ export function StrmRepairSection({
refreshLibrary,
result,
runningMode,
scrapeAfter,
onPreview,
onRepair,
setBaseURL,
setOutputDir,
setRefreshLibrary,
setScrapeAfter,
}: StrmRepairSectionProps) {
return (
<section className="glass-panel space-y-4">
@@ -55,6 +58,15 @@ export function StrmRepairSection({
<input type="checkbox" checked={refreshLibrary} onChange={(e) => setRefreshLibrary(e.target.checked)} />
修复后刷新媒体库
</label>
<label className={`flex min-h-10 items-center gap-2 rounded-2xl border border-gray-200 bg-white/70 px-3 py-2 text-sm text-ink-50 md:col-span-4 ${!refreshLibrary ? 'cursor-not-allowed opacity-50' : ''}`}>
<input
type="checkbox"
checked={refreshLibrary && scrapeAfter}
disabled={!refreshLibrary}
onChange={(e) => setScrapeAfter(e.target.checked)}
/>
刷新后自动刮削
</label>
<button
type="button"
disabled={repairing || !outputDir.trim()}
@@ -76,13 +88,7 @@ export function StrmRepairSection({
{result.previewed ? `预检 ${result.previewed} · ` : ''}
修复 {result.repaired} · 跳过 {result.skipped}
</div>
{result.refresh && (
<div className={result.refresh.queued ? 'mt-1 text-emerald-600' : 'mt-1 text-amber-600'}>
{result.refresh.queued
? `媒体库刷新已排队:${result.refresh.targets?.map((target) => target.name).join('、') || '已匹配媒体库'}`
: `媒体库未刷新:${result.refresh.reason || '未匹配到可扫描媒体库'}`}
</div>
)}
<StrmRefreshStatus refresh={result.refresh} />
{result.errors && result.errors.length > 0 && (
<div className="mt-2 text-red-500">
失败 {result.errors.length} 条:{result.errors.slice(0, 3).join(';')}
+11
View File
@@ -49,6 +49,7 @@ export function StrmTreeGenerateSection({
refreshLibrary,
result,
runningMode,
scrapeAfter,
setBaseURL,
setBatchLimit,
setCleanup,
@@ -59,6 +60,7 @@ export function StrmTreeGenerateSection({
setPathsText,
setProvider,
setRefreshLibrary,
setScrapeAfter,
setSourceRoot,
setTreeText,
setTransferSubtitles,
@@ -203,6 +205,15 @@ export function StrmTreeGenerateSection({
<input type="checkbox" checked={refreshLibrary} onChange={(e) => setRefreshLibrary(e.target.checked)} />
生成后刷新媒体库
</label>
<label className={`flex min-h-10 items-center gap-2 rounded-2xl border border-gray-200 bg-white/70 px-3 py-2 text-sm text-ink-50 md:col-span-4 ${!refreshLibrary ? 'cursor-not-allowed opacity-50' : ''}`}>
<input
type="checkbox"
checked={refreshLibrary && scrapeAfter}
disabled={!refreshLibrary}
onChange={(e) => setScrapeAfter(e.target.checked)}
/>
刷新后自动刮削
</label>
<label className="flex min-h-10 items-center gap-2 rounded-2xl border border-gray-200 bg-white/70 px-3 py-2 text-sm text-ink-50 md:col-span-4">
<input
type="checkbox"
+10 -1
View File
@@ -34,6 +34,7 @@ export function useStrmGenerateForm(libraries: Library[]) {
const [includeLocal, setIncludeLocal] = useState(true)
const [preserveTree, setPreserveTree] = useState(false)
const [refreshLibrary, setRefreshLibrary] = useState(true)
const [scrapeAfter, setScrapeAfter] = useState(false)
const [generating, setGenerating] = useState(false)
const [generateResult, setGenerateResult] = useState<GenerateSTRMResult | null>(null)
@@ -119,6 +120,7 @@ export function useStrmGenerateForm(libraries: Library[]) {
include_local: includeLocal,
preserve_tree: preserveTree,
refresh_library: refreshLibrary,
scrape_after: refreshLibrary && scrapeAfter,
})
const nextOutputDir = result.output_dir || outputDir
setGenerateResult(result)
@@ -135,6 +137,11 @@ export function useStrmGenerateForm(libraries: Library[]) {
}
}
const setRefreshLibraryEnabled = (value: boolean) => {
setRefreshLibrary(value)
if (!value) setScrapeAfter(false)
}
const saveSTRMSettings = async () => {
setSavingSettings(true)
try {
@@ -177,6 +184,7 @@ export function useStrmGenerateForm(libraries: Library[]) {
overwrite,
preserveTree,
refreshLibrary,
scrapeAfter,
playbackStatus: playbackStatusText(strmPlaybackEnabled, redirectProxyEnabled, cloudPlaybackMode),
redirectProxyEnabled,
saveSTRMSettings,
@@ -189,7 +197,8 @@ export function useStrmGenerateForm(libraries: Library[]) {
setOutputDir: onOutputDirChange,
setOverwrite,
setPreserveTree,
setRefreshLibrary,
setRefreshLibrary: setRefreshLibraryEnabled,
setScrapeAfter,
setRedirectProxyEnabled,
setStrmPlaybackEnabled,
strmPlaybackEnabled,
+10 -1
View File
@@ -10,6 +10,7 @@ export function useStrmRepairForm() {
const [baseURL, setBaseURL] = useState(currentOrigin())
const [outputDir, setOutputDir] = useState('data/strm/tree')
const [refreshLibrary, setRefreshLibrary] = useState(true)
const [scrapeAfter, setScrapeAfter] = useState(false)
const [runningMode, setRunningMode] = useState<'repair' | 'preview' | null>(null)
const [result, setResult] = useState<RepairSTRMResult | null>(null)
@@ -30,6 +31,7 @@ export function useStrmRepairForm() {
base_url: trimmedBaseURL.replace(/\/+$/, '') || undefined,
dry_run: dryRun,
refresh_library: refreshLibrary,
scrape_after: !dryRun && refreshLibrary && scrapeAfter,
})
setResult(next)
if (dryRun) {
@@ -53,17 +55,24 @@ export function useStrmRepairForm() {
await runRepair(true)
}
const setRefreshLibraryEnabled = (value: boolean) => {
setRefreshLibrary(value)
if (!value) setScrapeAfter(false)
}
return {
baseURL,
outputDir,
repairing: runningMode !== null,
refreshLibrary,
scrapeAfter,
result,
runningMode,
onPreview,
onRepair,
setBaseURL,
setOutputDir,
setRefreshLibrary,
setRefreshLibrary: setRefreshLibraryEnabled,
setScrapeAfter,
}
}
+10 -1
View File
@@ -20,6 +20,7 @@ export function useStrmTreeGenerateForm() {
const [transferSubtitles, setTransferSubtitles] = useState(true)
const [missingOnly, setMissingOnly] = useState(false)
const [refreshLibrary, setRefreshLibrary] = useState(true)
const [scrapeAfter, setScrapeAfter] = useState(false)
const [runningMode, setRunningMode] = useState<'generate' | 'preview' | null>(null)
const [result, setResult] = useState<GenerateSTRMResult | null>(null)
@@ -75,6 +76,7 @@ export function useStrmTreeGenerateForm() {
transfer_subtitles: transferSubtitles,
missing_only: missingOnly,
refresh_library: refreshLibrary,
scrape_after: !dryRun && refreshLibrary && scrapeAfter,
})
setResult(next)
if (dryRun) {
@@ -98,6 +100,11 @@ export function useStrmTreeGenerateForm() {
await runGenerate(true)
}
const setRefreshLibraryEnabled = (value: boolean) => {
setRefreshLibrary(value)
if (!value) setScrapeAfter(false)
}
return {
baseURL,
batchLimit,
@@ -115,6 +122,7 @@ export function useStrmTreeGenerateForm() {
result,
runningMode,
refreshLibrary,
scrapeAfter,
setBaseURL,
setBatchLimit,
setCleanup,
@@ -124,7 +132,8 @@ export function useStrmTreeGenerateForm() {
setOverwrite,
setPathsText,
setProvider,
setRefreshLibrary,
setRefreshLibrary: setRefreshLibraryEnabled,
setScrapeAfter,
setSourceRoot,
setTreeText,
setTransferSubtitles,