MediaManager/web/src/lib/components/download-season-dialog.svelte

<script lang="ts">
	import { Button, buttonVariants } from '$lib/components/ui/button/index.js';
	import { Input } from '$lib/components/ui/input/index.js';
	import { Label } from '$lib/components/ui/label/index.js';
	import { toast } from 'svelte-sonner';
	import { convertTorrentSeasonRangeToIntegerRange, formatSecondsToOptimalUnit } from '$lib/utils';
	import { LoaderCircle } from 'lucide-svelte';
	import * as Dialog from '$lib/components/ui/dialog/index.js';
	import * as Tabs from '$lib/components/ui/tabs/index.js';
	import * as Table from '$lib/components/ui/table/index.js';
	import { Badge } from '$lib/components/ui/badge/index.js';
	import client from '$lib/api';
	import type { components } from '$lib/api/api';
	import SelectFilePathSuffixDialog from '$lib/components/select-file-path-suffix-dialog.svelte';
	import { invalidateAll } from '$app/navigation';

	let { show }: { show: components['schemas']['Show'] } = $props();
	let dialogueState = $state(false);
	let selectedSeasonNumber: number = $state(1);
	let torrentsError: string | null = $state(null);
	let queryOverride: string = $state('');
	let filePathSuffix: string = $state('');

	let torrentsPromise: any = $state();
	let tabState: string = $state('basic');
	let isLoading: boolean = $state(false);
	let advancedMode: boolean = $derived(tabState === 'advanced');

	async function downloadTorrent(result_id: string) {
		torrentsError = null;
		const { response } = await client.POST('/api/v1/tv/torrents', {
			params: {
				query: {
					show_id: show.id!,
					public_indexer_result_id: result_id,
					override_file_path_suffix: filePathSuffix === '' ? undefined : filePathSuffix
				}
			}
		});
		if (response.status === 409) {
			const errorMessage = `There already is a Season File using the Filepath Suffix '${filePathSuffix}'. Try again with a different Filepath Suffix.`;
			console.warn(errorMessage);
			torrentsError = errorMessage;
			if (dialogueState) toast.info(errorMessage);
		} else if (!response.ok) {
			const errorMessage = `Failed to download torrent for show ${show.id} and season ${selectedSeasonNumber}: ${response.statusText}`;
			console.error(errorMessage);
			torrentsError = errorMessage;
			toast.error(errorMessage);
		} else {
			toast.success('Torrent download started successfully!');
		}
		await invalidateAll();
	}

	async function search() {
		isLoading = true;
		torrentsError = null;
		torrentsPromise = client
			.GET('/api/v1/tv/torrents', {
				params: {
					query: {
						show_id: show.id!,
						search_query_override: advancedMode ? queryOverride : undefined,
						season_number: advancedMode ? undefined : selectedSeasonNumber
					}
				}
			})
			.finally(() => (isLoading = false));
		toast.info('Searching for torrents...');
		toast.info('Found ' + (await torrentsPromise).data?.length + ' torrents.');
	}
</script>

<Dialog.Root bind:open={dialogueState}>
	<Dialog.Trigger class={buttonVariants({ variant: 'default' })}>Download Seasons</Dialog.Trigger>
	<Dialog.Content class="max-h-[90vh] w-fit min-w-[80vw] overflow-y-auto">
		<Dialog.Header>
			<Dialog.Title>Download a Season</Dialog.Title>
			<Dialog.Description>
				Search and download torrents for a specific season or season packs.
			</Dialog.Description>
		</Dialog.Header>
		<Tabs.Root class="w-full" bind:value={tabState}>
			<Tabs.List>
				<Tabs.Trigger value="basic">Standard Mode</Tabs.Trigger>
				<Tabs.Trigger value="advanced">Advanced Mode</Tabs.Trigger>
			</Tabs.List>
			<Tabs.Content value="basic">
				<div class="grid w-full items-center gap-1.5">
					<Label for="season-number">
						Enter a season number from 1 to {show.seasons.at(-1)?.number}
					</Label>
					<div class="flex w-full max-w-sm items-center space-x-2">
						<Input
							type="number"
							id="season-number"
							bind:value={selectedSeasonNumber}
							max={show.seasons.at(-1)?.number}
						/>
						<Button
							disabled={isLoading}
							class="w-fit"
							onclick={() => {
								search();
							}}
						>
							Search for Torrents
						</Button>
					</div>
					<p class="text-sm text-muted-foreground">
						Enter the season's number you want to search for. The first, usually 1, or the last
						season number usually yield the most season packs. Note that only Seasons which are
						listed in the "Seasons" cell will be imported!
					</p>
				</div>
			</Tabs.Content>
			<Tabs.Content value="advanced">
				<div class="grid w-full items-center gap-1.5">
					<Label for="query-override">Enter a custom query</Label>
					<div class="flex w-full max-w-sm items-center space-x-2">
						<Input type="text" id="query-override" bind:value={queryOverride} />
						<Button
							disabled={isLoading}
							class="w-fit"
							onclick={() => {
								search();
							}}
						>
							Search for Torrents
						</Button>
					</div>
					<p class="text-sm text-muted-foreground">
						The custom query will override the default search string like "The Simpsons Season 3".
						Note that only Seasons which are listed in the "Seasons" cell will be imported!
					</p>
				</div>
			</Tabs.Content>
		</Tabs.Root>
		{#if torrentsError}
			<div class="my-2 w-full text-center text-red-500">An error occurred: {torrentsError}</div>
		{/if}
		<div class="mt-4 items-center">
			{#await torrentsPromise}
				<div class="flex w-full max-w-sm items-center space-x-2">
					<LoaderCircle class="animate-spin" />
					<p>Loading torrents...</p>
				</div>
			{:then data}
				<h3 class="mb-2 text-lg font-semibold">Found Torrents:</h3>
				<div class="overflow-y-auto rounded-md border p-2">
					<Table.Root>
						<Table.Header>
							<Table.Row>
								<Table.Head>Title</Table.Head>
								<Table.Head>Size</Table.Head>
								<Table.Head>Usenet</Table.Head>
								<Table.Head>Seeders</Table.Head>
								<Table.Head>Age</Table.Head>
								<Table.Head>Score</Table.Head>
								<Table.Head>Indexer</Table.Head>
								<Table.Head>Indexer Flags</Table.Head>
								<Table.Head>Seasons</Table.Head>
								<Table.Head class="text-right">Actions</Table.Head>
							</Table.Row>
						</Table.Header>
						<Table.Body>
							{#each data?.data as torrent (torrent.id)}
								<Table.Row>
									<Table.Cell class="max-w-[300px] font-medium">{torrent.title}</Table.Cell>
									<Table.Cell>{(torrent.size / 1024 / 1024 / 1024).toFixed(2)}GB</Table.Cell>
									<Table.Cell>{torrent.usenet}</Table.Cell>
									<Table.Cell>{torrent.usenet ? 'N/A' : torrent.seeders}</Table.Cell>
									<Table.Cell
										>{torrent.age
											? formatSecondsToOptimalUnit(torrent.age)
											: torrent.usenet
												? 'N/A'
												: ''}</Table.Cell
									>
									<Table.Cell>{torrent.score}</Table.Cell>
									<Table.Cell>{torrent.indexer ?? 'unknown'}</Table.Cell>
									<Table.Cell>
										{#if torrent.flags}
											{#each torrent.flags as flag (flag)}
												<Badge variant="outline">{flag}</Badge>
											{/each}
										{/if}
									</Table.Cell>
									<Table.Cell>
										{#if torrent.season}
											{convertTorrentSeasonRangeToIntegerRange(torrent.season)}
										{/if}
									</Table.Cell>
									<Table.Cell class="text-right">
										<SelectFilePathSuffixDialog
											bind:filePathSuffix
											media={show}
											callback={() => downloadTorrent(torrent.id!)}
										/>
									</Table.Cell>
								</Table.Row>
							{:else}
								{#if data === null}
									<Table.Cell colspan={7}>
										<div class="font-light text-center w-full">
											Start searching by clicking the search button!
										</div>
									</Table.Cell>
								{:else}
									<Table.Cell colspan={7}>
										<div class="font-light text-center w-full">No torrents found.</div>
									</Table.Cell>
								{/if}
							{/each}
						</Table.Body>
					</Table.Root>
				</div>
			{:catch error}
				<div class="w-full text-center text-red-500">Failed to load torrents.</div>
				<div class="w-full text-center text-red-500">Error: {error.message}</div>
			{/await}
		</div>
	</Dialog.Content>
</Dialog.Root>