From fad14536e97ef8ac2c67547347eca8eb0c173549 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Thu, 18 Jan 2024 07:23:29 -0800
Subject: refactor(schedule): move days to component

---
 src/lib/Tools/Schedule/Days.svelte | 121 +++++++++++++++++++++++++++++++++++++
 1 file changed, 121 insertions(+)
 create mode 100644 src/lib/Tools/Schedule/Days.svelte

(limited to 'src/lib/Tools/Schedule/Days.svelte')

diff --git a/src/lib/Tools/Schedule/Days.svelte b/src/lib/Tools/Schedule/Days.svelte
new file mode 100644
index 00000000..9247d109
--- /dev/null
+++ b/src/lib/Tools/Schedule/Days.svelte
@@ -0,0 +1,121 @@
+<script lang="ts">
+	import { browser } from '$app/environment';
+	import type { Media } from '$lib/AniList/media';
+	import { findClosestMedia } from '$lib/Media/Anime/Airing/Subtitled/match';
+	import type { SubsPlease, SubsPleaseEpisode } from '$lib/Media/Anime/Airing/Subtitled/subsPlease';
+	import { parseOrDefault } from '$lib/Utility/parameters';
+	import settings from '$stores/settings';
+	import CoverBypass from './CoverBypass.svelte';
+
+	export let subsPlease: SubsPlease;
+	export let scheduledMedia: Partial<Media[]>;
+
+	const urlParameters = browser ? new URLSearchParams(window.location.search) : null;
+	let day: string | null = parseOrDefault(urlParameters, 'day', null);
+
+	const shiftSubsPleaseSchedule = (schedule: SubsPlease['schedule']) => {
+		const shiftedSchedule: { [key: string]: SubsPleaseEpisode[] } = {};
+
+		if (day && Object.keys(schedule).includes(day)) {
+			shiftedSchedule[day] = schedule[
+				day as keyof typeof schedule
+			] as unknown as SubsPleaseEpisode[];
+
+			return shiftedSchedule;
+		}
+
+		const days = Object.keys(schedule);
+		const currentDayIndex = days.indexOf(new Date().toLocaleString('en-us', { weekday: 'long' }));
+
+		days
+			.slice(currentDayIndex)
+			.concat(days.slice(0, currentDayIndex))
+			.forEach((day) => {
+				const scheduleEntry = schedule[day as keyof typeof schedule];
+
+				shiftedSchedule[day] = Array.isArray(scheduleEntry)
+					? scheduleEntry
+					: ([scheduleEntry] as unknown as SubsPleaseEpisode[]);
+			});
+
+		Object.entries(shiftedSchedule).forEach(([day, scheduleEntry]) => {
+			if (scheduleEntry.length === 0) {
+				delete shiftedSchedule[day];
+			}
+		});
+
+		return shiftedSchedule;
+	};
+
+	const associateMedia = (media: (Media | undefined)[], title: string) =>
+		findClosestMedia(media as Media[], title);
+
+	const episode = (media: Media, weekday: string) => {
+		if (media.nextAiringEpisode?.episode === 1) return 1;
+
+		if (
+			new Date((media.nextAiringEpisode?.airingAt || 0) * 1000) > new Date() &&
+			weekday === new Date().toLocaleString('en-us', { weekday: 'long' })
+		) {
+			return (media.nextAiringEpisode?.episode || 1) - 1;
+		} else {
+			return media.nextAiringEpisode?.episode || 0;
+		}
+	};
+</script>
+
+{#each Object.entries(shiftSubsPleaseSchedule(subsPlease.schedule)) as [day, scheduleEntry]}
+	<details
+		open
+		class="list"
+		class:today={day === new Date().toLocaleString('en-us', { weekday: 'long' })}
+	>
+		<summary>{day}</summary>
+
+		<ol>
+			{#each Object.values(scheduleEntry) as entry}
+				{@const media = associateMedia(scheduledMedia, entry.title)}
+
+				<li class="entry">
+					<CoverBypass {media} {entry} />
+					{#if !$settings.displayCountdownRightAligned}
+						<span style="opacity: 50%;">|</span>
+					{/if}
+					<span class:countdown={$settings.displayCountdownRightAligned}>
+						{#if media && media.nextAiringEpisode}
+							<span style="opacity: 50%;">
+								{episode(media, day)}{media.episodes ? `/${media.episodes}` : ''} at
+							</span>
+						{/if}
+						{entry.time}
+					</span>
+				</li>
+			{/each}
+		</ol>
+	</details>
+
+	<p />
+{/each}
+
+<style>
+	.entry::after {
+		content: '';
+		display: table;
+		clear: both;
+	}
+
+	.countdown {
+		white-space: nowrap;
+		float: right;
+	}
+
+	.today {
+		box-shadow: 0 2.5px 10px var(--base01), 0 0 0 5px var(--base0E), 0 4px 30px var(--base01);
+	}
+
+	.list {
+		overflow-y: auto;
+		break-inside: avoid-column;
+		page-break-inside: avoid;
+	}
+</style>
-- 
cgit v1.2.3