From 6a1933178985e23825d8453449ca99bb0e5cfcb6 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Sat, 13 Jan 2024 18:56:25 -0800
Subject: refactor(home): move layout to home

---
 src/lib/HeadTitle.svelte                   | 18 --------
 src/lib/Home/HeadTitle.svelte              | 18 ++++++++
 src/lib/Home/LastActivity.svelte           | 73 ++++++++++++++++++++++++++++++
 src/lib/Home/Root.svelte                   | 26 +++++++++++
 src/lib/LastActivity.svelte                | 73 ------------------------------
 src/lib/Root.svelte                        | 26 -----------
 src/lib/Tools/Schedule/Tool.svelte         |  2 +-
 src/routes/+layout.svelte                  |  4 +-
 src/routes/+page.svelte                    |  4 +-
 src/routes/completed/+page.svelte          |  4 +-
 src/routes/settings/+page.svelte           |  2 +-
 src/routes/tools/+page.svelte              |  2 +-
 src/routes/tools/[tool]/+page.svelte       |  2 +-
 src/routes/updates/+page.svelte            |  2 +-
 src/routes/user/+page.svelte               |  2 +-
 src/routes/user/[user]/+page.svelte        |  2 +-
 src/routes/user/[user]/badges/+page.svelte |  2 +-
 17 files changed, 131 insertions(+), 131 deletions(-)
 delete mode 100644 src/lib/HeadTitle.svelte
 create mode 100644 src/lib/Home/HeadTitle.svelte
 create mode 100644 src/lib/Home/LastActivity.svelte
 create mode 100644 src/lib/Home/Root.svelte
 delete mode 100644 src/lib/LastActivity.svelte
 delete mode 100644 src/lib/Root.svelte

diff --git a/src/lib/HeadTitle.svelte b/src/lib/HeadTitle.svelte
deleted file mode 100644
index 39d6b4ef..00000000
--- a/src/lib/HeadTitle.svelte
+++ /dev/null
@@ -1,18 +0,0 @@
-<script lang="ts">
-	export let route: string | undefined = undefined;
-	export let path: string | undefined = undefined;
-
-	const title = (route ? `${route} • ` : '') + 'due.moe';
-</script>
-
-<svelte:head>
-	<!-- Facebook -->
-	<meta property="og:url" content={`https://due.moe${path}`} />
-	<meta property="og:title" content={title} />
-
-	<!-- Twitter -->
-	<meta property="twitter:url" content={`https://due.moe${path}`} />
-	<meta name="twitter:title" content={title} />
-
-	<title>{title}</title>
-</svelte:head>
diff --git a/src/lib/Home/HeadTitle.svelte b/src/lib/Home/HeadTitle.svelte
new file mode 100644
index 00000000..39d6b4ef
--- /dev/null
+++ b/src/lib/Home/HeadTitle.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+	export let route: string | undefined = undefined;
+	export let path: string | undefined = undefined;
+
+	const title = (route ? `${route} • ` : '') + 'due.moe';
+</script>
+
+<svelte:head>
+	<!-- Facebook -->
+	<meta property="og:url" content={`https://due.moe${path}`} />
+	<meta property="og:title" content={title} />
+
+	<!-- Twitter -->
+	<meta property="twitter:url" content={`https://due.moe${path}`} />
+	<meta name="twitter:title" content={title} />
+
+	<title>{title}</title>
+</svelte:head>
diff --git a/src/lib/Home/LastActivity.svelte b/src/lib/Home/LastActivity.svelte
new file mode 100644
index 00000000..67125476
--- /dev/null
+++ b/src/lib/Home/LastActivity.svelte
@@ -0,0 +1,73 @@
+<script lang="ts">
+	import userIdentity from '$stores/userIdentity';
+	import { onMount } from 'svelte';
+	import {
+		userIdentity as getUserIdentity,
+		type AniListAuthorisation
+	} from '$lib/AniList/identity';
+	import { lastActivityDate } from '../AniList/activity';
+	import settings from '$stores/settings';
+
+	export let user: AniListAuthorisation;
+
+	let currentUserIdentity = {
+		name: '',
+		id: -1,
+		avatar: 'https://s4.anilist.co/file/anilistcdn/user/avatar/large/default.png'
+	};
+	let lastActivityWasToday = true;
+
+	onMount(async () => {
+		if (user !== undefined) {
+			if ($userIdentity === '') {
+				userIdentity.set(JSON.stringify(await getUserIdentity(user)));
+			}
+
+			currentUserIdentity = JSON.parse($userIdentity);
+			currentUserIdentity.name = currentUserIdentity.name;
+			lastActivityWasToday =
+				(await lastActivityDate(currentUserIdentity, user)).date.toDateString() >=
+				new Date().toDateString();
+
+			if (!lastActivityWasToday) {
+				if ($settings.displayLimitListHeight) {
+					document.querySelectorAll('.list').forEach((list) => {
+						(list as HTMLElement).style.maxHeight = `calc((100vh - ${
+							document.querySelector('#list-container')?.getBoundingClientRect().top
+						}px) - 5rem)`;
+					});
+				}
+			}
+		}
+	});
+
+	const timeLeftToday = () => {
+		const now = new Date();
+		const currentHour = now.getHours();
+		const currentMinute = now.getMinutes();
+		const hoursLeft = 24 - currentHour;
+		let minutesLeft = 0;
+		let timeLeft = '';
+
+		if (hoursLeft > 0) {
+			minutesLeft = hoursLeft * 60 - currentMinute;
+		} else {
+			minutesLeft = 24 * 60 - (currentHour * 60 + currentMinute);
+		}
+
+		if (minutesLeft > 60) {
+			timeLeft = `${Math.round(minutesLeft / 60)} hours`;
+		} else {
+			timeLeft = `${minutesLeft} minutes`;
+		}
+
+		return timeLeft;
+	};
+</script>
+
+{#if !lastActivityWasToday}
+	<blockquote>
+		You don't have any new activity statuses from the past day! Create one within {timeLeftToday()}
+		to keep your streak!
+	</blockquote>
+{/if}
diff --git a/src/lib/Home/Root.svelte b/src/lib/Home/Root.svelte
new file mode 100644
index 00000000..d65a9832
--- /dev/null
+++ b/src/lib/Home/Root.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+	import settings from '$stores/settings';
+	import { fly } from 'svelte/transition';
+
+	export let data: any;
+	export let way: number;
+
+	const animationDelay = 100;
+</script>
+
+{#if $settings.displayDisableAnimations}
+	<slot />
+{:else}
+	{#key data.url}
+		<div
+			in:fly={{
+				x: way,
+				duration: animationDelay,
+				delay: animationDelay
+			}}
+			out:fly={{ x: -way, duration: animationDelay }}
+		>
+			<slot />
+		</div>
+	{/key}
+{/if}
diff --git a/src/lib/LastActivity.svelte b/src/lib/LastActivity.svelte
deleted file mode 100644
index b4e8afa4..00000000
--- a/src/lib/LastActivity.svelte
+++ /dev/null
@@ -1,73 +0,0 @@
-<script lang="ts">
-	import userIdentity from '$stores/userIdentity';
-	import { onMount } from 'svelte';
-	import {
-		userIdentity as getUserIdentity,
-		type AniListAuthorisation
-	} from '$lib/AniList/identity';
-	import { lastActivityDate } from './AniList/activity';
-	import settings from '$stores/settings';
-
-	export let user: AniListAuthorisation;
-
-	let currentUserIdentity = {
-		name: '',
-		id: -1,
-		avatar: 'https://s4.anilist.co/file/anilistcdn/user/avatar/large/default.png'
-	};
-	let lastActivityWasToday = true;
-
-	onMount(async () => {
-		if (user !== undefined) {
-			if ($userIdentity === '') {
-				userIdentity.set(JSON.stringify(await getUserIdentity(user)));
-			}
-
-			currentUserIdentity = JSON.parse($userIdentity);
-			currentUserIdentity.name = currentUserIdentity.name;
-			lastActivityWasToday =
-				(await lastActivityDate(currentUserIdentity, user)).date.toDateString() >=
-				new Date().toDateString();
-
-			if (!lastActivityWasToday) {
-				if ($settings.displayLimitListHeight) {
-					document.querySelectorAll('.list').forEach((list) => {
-						(list as HTMLElement).style.maxHeight = `calc((100vh - ${
-							document.querySelector('#list-container')?.getBoundingClientRect().top
-						}px) - 5rem)`;
-					});
-				}
-			}
-		}
-	});
-
-	const timeLeftToday = () => {
-		const now = new Date();
-		const currentHour = now.getHours();
-		const currentMinute = now.getMinutes();
-		const hoursLeft = 24 - currentHour;
-		let minutesLeft = 0;
-		let timeLeft = '';
-
-		if (hoursLeft > 0) {
-			minutesLeft = hoursLeft * 60 - currentMinute;
-		} else {
-			minutesLeft = 24 * 60 - (currentHour * 60 + currentMinute);
-		}
-
-		if (minutesLeft > 60) {
-			timeLeft = `${Math.round(minutesLeft / 60)} hours`;
-		} else {
-			timeLeft = `${minutesLeft} minutes`;
-		}
-
-		return timeLeft;
-	};
-</script>
-
-{#if !lastActivityWasToday}
-	<blockquote>
-		You don't have any new activity statuses from the past day! Create one within {timeLeftToday()}
-		to keep your streak!
-	</blockquote>
-{/if}
diff --git a/src/lib/Root.svelte b/src/lib/Root.svelte
deleted file mode 100644
index d65a9832..00000000
--- a/src/lib/Root.svelte
+++ /dev/null
@@ -1,26 +0,0 @@
-<script lang="ts">
-	import settings from '$stores/settings';
-	import { fly } from 'svelte/transition';
-
-	export let data: any;
-	export let way: number;
-
-	const animationDelay = 100;
-</script>
-
-{#if $settings.displayDisableAnimations}
-	<slot />
-{:else}
-	{#key data.url}
-		<div
-			in:fly={{
-				x: way,
-				duration: animationDelay,
-				delay: animationDelay
-			}}
-			out:fly={{ x: -way, duration: animationDelay }}
-		>
-			<slot />
-		</div>
-	{/key}
-{/if}
diff --git a/src/lib/Tools/Schedule/Tool.svelte b/src/lib/Tools/Schedule/Tool.svelte
index fb5a8828..70433012 100644
--- a/src/lib/Tools/Schedule/Tool.svelte
+++ b/src/lib/Tools/Schedule/Tool.svelte
@@ -9,7 +9,7 @@
 	import { scheduleMediaListCollection } from '$lib/AniList/schedule';
 	import { season } from '$lib/Media/Anime/season';
 	import { findClosestMedia } from '$lib/Media/Anime/Airing/Subtitled/match';
-	import HeadTitle from '$lib/HeadTitle.svelte';
+	import HeadTitle from '$lib/Home/HeadTitle.svelte';
 	import Crunchyroll from '$lib/Tools/Schedule/Crunchyroll.svelte';
 	import Loading from '$lib/Loading.svelte';
 	import './container.css';
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 44a9de84..88f1d268 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -5,13 +5,13 @@
 	import userIdentity from '$stores/userIdentity';
 	import settings from '$stores/settings';
 	import { browser } from '$app/environment';
-	import HeadTitle from '$lib/HeadTitle.svelte';
+	import HeadTitle from '$lib/Home/HeadTitle.svelte';
 	import '../app.css';
 	import { readable, type Readable } from 'svelte/store';
 	import { navigating } from '$app/stores';
 	import Notifications from 'svelte-notifications';
 	import Notification from '$lib/Notification/Notification.svelte';
-	import Root from '$lib/Root.svelte';
+	import Root from '$lib/Home/Root.svelte';
 
 	export let data;
 
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index b65c254f..9d31b7a5 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -7,8 +7,8 @@
 	import userIdentity from '$stores/userIdentity';
 	import settings from '$stores/settings';
 	import ListTitle from '$lib/List/ListTitle.svelte';
-	import HeadTitle from '$lib/HeadTitle.svelte';
-	import LastActivity from '$lib/LastActivity.svelte';
+	import HeadTitle from '$lib/Home/HeadTitle.svelte';
+	import LastActivity from '$lib/Home/LastActivity.svelte';
 	import { createHeightObserver } from '$lib/Utility/html.js';
 
 	export let data;
diff --git a/src/routes/completed/+page.svelte b/src/routes/completed/+page.svelte
index 50dc3ae8..a1b190f3 100644
--- a/src/routes/completed/+page.svelte
+++ b/src/routes/completed/+page.svelte
@@ -6,8 +6,8 @@
 	import WatchingAnimeList from '$lib/List/Anime/CompletedAnimeList.svelte';
 	import ListTitle from '$lib/List/ListTitle.svelte';
 	import MangaListTemplate from '$lib/List/Manga/MangaListTemplate.svelte';
-	import HeadTitle from '$lib/HeadTitle.svelte';
-	import LastActivity from '$lib/LastActivity.svelte';
+	import HeadTitle from '$lib/Home/HeadTitle.svelte';
+	import LastActivity from '$lib/Home/LastActivity.svelte';
 	import { createHeightObserver } from '$lib/Utility/html.js';
 
 	export let data;
diff --git a/src/routes/settings/+page.svelte b/src/routes/settings/+page.svelte
index 7ddeb68e..31880ee8 100644
--- a/src/routes/settings/+page.svelte
+++ b/src/routes/settings/+page.svelte
@@ -4,7 +4,7 @@
 	import SettingHint from '$lib/Settings/SettingHint.svelte';
 	import Attributions from '$lib/Settings/Attributions.svelte';
 	import { env } from '$env/dynamic/public';
-	import HeadTitle from '$lib/HeadTitle.svelte';
+	import HeadTitle from '$lib/Home/HeadTitle.svelte';
 	import Display from '$lib/Settings/Categories/Display.svelte';
 	import Calculation from '$lib/Settings/Categories/Calculation.svelte';
 	import Debug from '$lib/Settings/Categories/Debug.svelte';
diff --git a/src/routes/tools/+page.svelte b/src/routes/tools/+page.svelte
index 6293d0b1..6c37d857 100644
--- a/src/routes/tools/+page.svelte
+++ b/src/routes/tools/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import HeadTitle from '$lib/HeadTitle.svelte';
+	import HeadTitle from '$lib/Home/HeadTitle.svelte';
 	import Picker from '$lib/Tools/Picker.svelte';
 	import { tools } from '$lib/Tools/tools.js';
 
diff --git a/src/routes/tools/[tool]/+page.svelte b/src/routes/tools/[tool]/+page.svelte
index bd236d11..967283c1 100644
--- a/src/routes/tools/[tool]/+page.svelte
+++ b/src/routes/tools/[tool]/+page.svelte
@@ -5,7 +5,7 @@
 	import CharacterBirthdays from '$lib/Tools/Birthdays.svelte';
 	import SequelSpy from '$lib/Tools/SequelSpy.svelte';
 	import { closest } from '$lib/Error/path';
-	import HeadTitle from '$lib/HeadTitle.svelte';
+	import HeadTitle from '$lib/Home/HeadTitle.svelte';
 	import RandomFollower from '$lib/Tools/RandomFollower.svelte';
 	import DumpProfile from '$lib/Tools/DumpProfile.svelte';
 	import { tools } from '$lib/Tools/tools.js';
diff --git a/src/routes/updates/+page.svelte b/src/routes/updates/+page.svelte
index 26ac8de0..ada0142f 100644
--- a/src/routes/updates/+page.svelte
+++ b/src/routes/updates/+page.svelte
@@ -2,7 +2,7 @@
 	/* eslint svelte/no-at-html-tags: "off" */
 
 	import { browser } from '$app/environment';
-	import HeadTitle from '$lib/HeadTitle.svelte';
+	import HeadTitle from '$lib/Home/HeadTitle.svelte';
 	import { createHeightObserver } from '$lib/Utility/html';
 	import { onMount } from 'svelte';
 
diff --git a/src/routes/user/+page.svelte b/src/routes/user/+page.svelte
index f3c5894a..2edc85d2 100644
--- a/src/routes/user/+page.svelte
+++ b/src/routes/user/+page.svelte
@@ -4,7 +4,7 @@
 	import type { UserIdentity } from '$lib/AniList/identity';
 	import { onMount } from 'svelte';
 	import { env } from '$env/dynamic/public';
-	import HeadTitle from '$lib/HeadTitle.svelte';
+	import HeadTitle from '$lib/Home/HeadTitle.svelte';
 
 	const user =
 		browser && localStorage.getItem('userIdentity')
diff --git a/src/routes/user/[user]/+page.svelte b/src/routes/user/[user]/+page.svelte
index e02478be..5adbeaaa 100644
--- a/src/routes/user/[user]/+page.svelte
+++ b/src/routes/user/[user]/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { user, type User } from '$lib/AniList/user';
-	import HeadTitle from '$lib/HeadTitle.svelte';
+	import HeadTitle from '$lib/Home/HeadTitle.svelte';
 	import { estimatedDayReading } from '$lib/Media/Manga/time';
 	import { onMount } from 'svelte';
 
diff --git a/src/routes/user/[user]/badges/+page.svelte b/src/routes/user/[user]/badges/+page.svelte
index 05b3fcbc..74318f8f 100644
--- a/src/routes/user/[user]/badges/+page.svelte
+++ b/src/routes/user/[user]/badges/+page.svelte
@@ -5,7 +5,7 @@
 	import type { Badge } from '$lib/Database/badges';
 	import { domToBlob } from 'modern-screenshot';
 	import { onMount } from 'svelte';
-	import HeadTitle from '$lib/HeadTitle.svelte';
+	import HeadTitle from '$lib/Home/HeadTitle.svelte';
 	import { databaseTimeToDate, dateToDatabaseTime } from '$lib/Utility/time';
 	import Loading from '$lib/Loading.svelte';
 	// import { io } from 'socket.io-client';
-- 
cgit v1.2.3