feat: 重构优化部分 API，支持重置全体失败的任务 (#351)

web/src/lib/api.ts

@@ -5,6 +5,7 @@ import type {
 	VideosResponse,
 	VideoResponse,
 	ResetVideoResponse,
+	ResetAllVideosResponse,
 	ApiError
 } from './types';
 
@@ -146,6 +147,13 @@ class ApiClient {
 	async resetVideo(id: number): Promise<ApiResponse<ResetVideoResponse>> {
 		return this.post<ResetVideoResponse>(`/videos/${id}/reset`);
 	}
+
+	/**
+	 * 重置所有视频下载状态
+	 */
+	async resetAllVideos(): Promise<ApiResponse<ResetAllVideosResponse>> {
+		return this.post<ResetAllVideosResponse>('/videos/reset-all');
+	}
 }
 
 // 创建默认的 API 客户端实例
@@ -173,6 +181,11 @@ export const api = {
 	 */
 	resetVideo: (id: number) => apiClient.resetVideo(id),
 
+	/**
+	 * 重置所有视频下载状态
+	 */
+	resetAllVideos: () => apiClient.resetAllVideos(),
+
 	/**
 	 * 设置认证 token
 	 */

web/src/lib/types.ts

@@ -61,8 +61,15 @@ export interface VideoResponse {
 // 重置视频响应类型
 export interface ResetVideoResponse {
 	resetted: boolean;
-	video: number;
-	pages: number[];
+	video: VideoInfo,
+	pages: PageInfo[];
+}
+
+// 重置所有视频响应类型
+export interface ResetAllVideosResponse {
+	resetted: boolean;
+	resetted_videos_count: number;
+	resetted_pages_count: number;
 }
 
 // API 错误类型

web/src/routes/+page.svelte

@@ -2,8 +2,16 @@
 	import VideoCard from '$lib/components/video-card.svelte';
 	import FilterBadge from '$lib/components/filter-badge.svelte';
 	import Pagination from '$lib/components/pagination.svelte';
+	import { Button } from '$lib/components/ui/button/index.js';
+	import * as AlertDialog from '$lib/components/ui/alert-dialog/index.js';
+	import RotateCcwIcon from '@lucide/svelte/icons/rotate-ccw';
 	import api from '$lib/api';
-	import type { VideosResponse, VideoSourcesResponse, ApiError } from '$lib/types';
+	import type {
+		VideosResponse,
+		VideoSourcesResponse,
+		ApiError,
+		ResetAllVideosResponse
+	} from '$lib/types';
 	import { onMount } from 'svelte';
 	import { page } from '$app/stores';
 	import { goto } from '$app/navigation';
@@ -26,6 +34,10 @@
 	let currentFilter: { type: string; id: string } | null = null;
 	let lastSearch: string | null = null;
 
+	// 重置所有视频相关状态
+	let resetAllDialogOpen = false;
+	let resettingAll = false;
+
 	// 从URL参数获取筛选条件
 	function getFilterFromURL(searchParams: URLSearchParams) {
 		for (const source of Object.values(VIDEO_SOURCES)) {
@@ -113,6 +125,33 @@
 		goto(`/${ToQuery($appStateStore)}`);
 	}
 
+	async function handleResetAllVideos() {
+		resettingAll = true;
+		try {
+			const result = await api.resetAllVideos();
+			const data = result.data;
+
+			if (data.resetted) {
+				toast.success('重置成功', {
+					description: `已重置 ${data.resetted_videos_count} 个视频和 ${data.resetted_pages_count} 个分页`
+				});
+				// 重新加载当前页面的视频数据
+				const query = $page.url.searchParams.get('query');
+				loadVideos(query || '', currentPage, currentFilter);
+			} else {
+				toast.info('没有需要重置的视频');
+			}
+		} catch (error) {
+			console.error('重置失败:', error);
+			toast.error('重置失败', {
+				description: (error as ApiError).message
+			});
+		} finally {
+			resettingAll = false;
+			resetAllDialogOpen = false;
+		}
+	}
+
 	$: if ($page.url.search !== lastSearch) {
 		lastSearch = $page.url.search;
 		handleSearchParamsChange();
@@ -141,11 +180,25 @@
 <!-- 统计信息 -->
 {#if videosData}
 	<div class="mb-6 flex items-center justify-between">
-		<div class="text-muted-foreground text-sm">
-			共 {videosData.total_count} 个视频
+		<div class="flex items-center gap-4">
+			<div class="text-muted-foreground text-sm">
+				共 {videosData.total_count} 个视频
+			</div>
+			<div class="text-muted-foreground text-sm">
+				共 {totalPages} 页
+			</div>
 		</div>
-		<div class="text-muted-foreground text-sm">
-			共 {totalPages} 页
+		<div class="flex items-center gap-2">
+			<Button
+				size="sm"
+				variant="outline"
+				class="text-xs"
+				onclick={() => (resetAllDialogOpen = true)}
+				disabled={resettingAll || loading}
+			>
+				<RotateCcwIcon class="mr-1.5 h-3 w-3 {resettingAll ? 'animate-spin' : ''}" />
+				重置所有视频
+			</Button>
 		</div>
 	</div>
 {/if}
@@ -176,3 +229,32 @@
 		</div>
 	</div>
 {/if}
+
+<!-- 重置所有视频确认对话框 -->
+<AlertDialog.Root bind:open={resetAllDialogOpen}>
+	<AlertDialog.Content>
+		<AlertDialog.Header>
+			<AlertDialog.Title>重置所有视频</AlertDialog.Title>
+			<AlertDialog.Description>
+				此操作将重置所有视频和分页的失败状态为未下载状态，使它们在下次下载任务中重新尝试。
+				<br />
+				<strong class="text-destructive">此操作不可撤销，确定要继续吗？</strong>
+			</AlertDialog.Description>
+		</AlertDialog.Header>
+		<AlertDialog.Footer>
+			<AlertDialog.Cancel disabled={resettingAll}>取消</AlertDialog.Cancel>
+			<AlertDialog.Action
+				onclick={handleResetAllVideos}
+				disabled={resettingAll}
+				class="bg-destructive text-destructive-foreground hover:bg-destructive/90"
+			>
+				{#if resettingAll}
+					<RotateCcwIcon class="mr-2 h-4 w-4 animate-spin" />
+					重置中...
+				{:else}
+					确认重置
+				{/if}
+			</AlertDialog.Action>
+		</AlertDialog.Footer>
+	</AlertDialog.Content>
+</AlertDialog.Root>

web/src/routes/video/[id]/+page.svelte

@@ -115,7 +115,10 @@
 					try {
 						const result = await api.resetVideo((videoData as VideoResponse).video.id);
 						if (result.data.resetted) {
-							await loadVideoDetail();
+							videoData = {
+								video: result.data.video,
+								pages: result.data.pages
+							};
 							toast.success('重置成功');
 						}
 					} catch (error) {