aboutsummaryrefslogtreecommitdiff
path: root/src/lib/Media/Anime/Airing/time.ts
blob: 779e6e8c77bd4af83589bbd6d72a4880b4afcf26 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
import type { Media } from '$lib/AniList/media';
import type { MediaPrequel } from '$lib/AniList/prequels';
import type { SubsPlease } from '$lib/Media/Anime/Airing/Subtitled/subsPlease';
import settings from '$stores/settings';
import { injectAiringTime } from './Subtitled/match';
import { totalEpisodes } from '../episodes';
import { get } from 'svelte/store';

export const airingTime = (
	originalAnime: Media,
	subsPlease: SubsPlease | null,
	upcoming = false
) => {
	const anime = injectAiringTime(originalAnime, subsPlease);
	const airingAt = anime.nextAiringEpisode?.airingAt;
	const untilAiring = airingAt ? Math.round((airingAt - Date.now() / 1000) * 100) / 100 : undefined;
	const time = new Date(airingAt ? airingAt * 1000 : 0).toLocaleTimeString([], {
		hour12: !settings.get().display24HourTime,
		hour: 'numeric',
		minute: '2-digit'
	});
	let timeFrame = '';
	let hours = null;
	const shortenCountdown = get(settings).displayShortCountdown;

	if (
		(anime as unknown as MediaPrequel).startDate &&
		new Date(
			anime.startDate.year,
			(anime as unknown as MediaPrequel).startDate.month,
			(anime as unknown as MediaPrequel).startDate.day
		) < new Date()
	)
		return `<span style="opacity: 50%">on ${new Date(
			anime.startDate.year,
			(anime as unknown as MediaPrequel).startDate.month,
			(anime as unknown as MediaPrequel).startDate.day
		).toLocaleDateString()}</span>`;

	if (untilAiring !== undefined) {
		let minutes = untilAiring / 60;
		let few = true;

		if (minutes > 60) {
			hours = minutes / 60;

			if (hours > 24) {
				let weeks = Math.floor(hours / 24) / 7;

				few = false;

				if (weeks >= 1.5) {
					weeks = Math.round(weeks);

					timeFrame = `${weeks}${shortenCountdown ? 'w' : ' week'}${
						weeks === 1 || shortenCountdown ? '' : 's'
					}`;
				} else {
					const days = Math.round(Math.floor(hours / 24));
					const residualHours = Math.floor(hours - days * 24);

					timeFrame += `${days.toFixed(0)}${shortenCountdown ? 'd' : ' day'}${
						days === 1 || shortenCountdown ? '' : 's'
					}`;

					if (residualHours > 0)
						timeFrame += `${shortenCountdown ? '' : ' '}${residualHours}${
							shortenCountdown ? 'h' : ' hour'
						}${residualHours === 1 || shortenCountdown ? '' : 's'}`;
				}
			} else {
				const residualMinutes = Math.round(minutes - Math.floor(hours) * 60);

				timeFrame += `${hours.toFixed(0)}${shortenCountdown ? 'h' : '  hour'}${
					hours === 1 || shortenCountdown ? '' : 's'
				}`;

				if (residualMinutes > 0)
					timeFrame += `${shortenCountdown ? '' : ' '}${residualMinutes}${
						shortenCountdown ? 'm' : ' minute'
					}${residualMinutes === 1 || shortenCountdown ? '' : 's'}`;
			}
		} else {
			minutes = Math.round(minutes);

			timeFrame += `${minutes}${shortenCountdown ? 'm' : '  minute'}${
				minutes === 1 || shortenCountdown ? '' : 's'
			}`;
		}

		const opacity = Math.max(50, 100 - (untilAiring / 60 / 60 / 24 / 7) * 50);
		const nextEpisode =
			anime.nextAiringEpisode?.nativeAiringAt &&
			!upcoming &&
			anime.nextAiringEpisode.nativeAiringAt < Date.now() / 1000 + 1 * 24 * 60 * 60
				? anime.nextAiringEpisode.episode - 1
				: anime.nextAiringEpisode?.episode || 0;

		if (upcoming)
			return `<span title="${
				hours ? `${hours.toFixed(3)} hours` : ''
			}" style="opacity: ${opacity}%;">${nextEpisode}${totalEpisodes(
				anime
			)} in ${timeFrame} <span style="opacity: 50%">${
				few && get(settings).displayCoverMode ? '<br>' : ''
			}${few ? `(${time})` : ''}</span></span>`;
		else
			return `<span title="${
				hours ? `${hours.toFixed(3)} hours` : ''
			}" style="opacity: ${opacity}%;">${nextEpisode} in ${
				few && get(settings).displayCoverMode ? '<br>' : ''
			}${few ? '<b>' : ''}${timeFrame}${few ? '</b>' : ''} ${few ? `(${time})` : ''}</span>`;
	}

	return '';
};