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
|
import type { Media } from "$lib/Data/AniList/media";
import type { MediaPrequel } from "$lib/Data/AniList/prequels";
import type { SubsPlease } from "$lib/Media/Anime/Airing/Subtitled/subsPlease";
import settings from "$stores/settings";
import { formatCountdown } from "./format";
import { injectAiringTime } from "./Subtitled/match";
import { totalEpisodes } from "../episodes";
import { get } from "svelte/store";
export const airingTime = (
originalAnime: Media,
subsPlease: SubsPlease | null,
upcoming = false,
forceDays = 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",
});
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 class="opaque">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) {
const { text: timeFrame, few } = formatCountdown(untilAiring, { forceDays });
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;
const dateString =
new Date(airingAt ? airingAt * 1000 : 0).toLocaleDateString([], {
weekday: "long",
year: "numeric",
month: "long",
day: "numeric",
}) +
" " +
time;
if (upcoming)
return `<span title="${dateString}" style="opacity: ${opacity}%;">${nextEpisode}${totalEpisodes(
anime,
)} in ${timeFrame} <span class="opaque">${
few && get(settings).displayCoverModeAnime ? "<br>" : ""
}${few ? `(${time})` : ""}</span></span>`;
else
return `<span title="${dateString}" style="opacity: ${opacity}%;">${nextEpisode} in ${
few && get(settings).displayCoverModeAnime ? "<br>" : ""
}${few ? "<b>" : ""}${timeFrame}${few ? "</b>" : ""} ${few ? `(${time})` : ""}</span>`;
}
return "";
};
|