From dc760040587dcf9946898a45ef47db2fcde22d6a Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Wed, 31 Jan 2024 00:57:18 -0800
Subject: refactor(skeleton): move to loading module

---
 src/lib/List/Anime/PlaceholderList.svelte       |  2 +-
 src/lib/List/Manga/CleanMangaList.svelte        |  2 +-
 src/lib/List/Manga/MangaListTemplate.svelte     |  2 +-
 src/lib/Loading/Skeleton.svelte                 | 69 +++++++++++++++++++++++++
 src/lib/Skeleton.svelte                         | 69 -------------------------
 src/lib/Tools/ActivityHistory/Grid.svelte       |  2 +-
 src/lib/Tools/ActivityHistory/Tool.svelte       |  2 +-
 src/lib/Tools/Birthdays.svelte                  |  2 +-
 src/lib/Tools/DumpProfile.svelte                |  2 +-
 src/lib/Tools/EpisodeDiscussionCollector.svelte |  2 +-
 src/lib/Tools/Likes.svelte                      |  2 +-
 src/lib/Tools/RandomFollower.svelte             |  2 +-
 src/lib/Tools/SequelSpy.svelte                  |  2 +-
 src/lib/Tools/Wrapped/Tool.svelte               |  2 +-
 14 files changed, 81 insertions(+), 81 deletions(-)
 create mode 100644 src/lib/Loading/Skeleton.svelte
 delete mode 100644 src/lib/Skeleton.svelte

(limited to 'src/lib')

diff --git a/src/lib/List/Anime/PlaceholderList.svelte b/src/lib/List/Anime/PlaceholderList.svelte
index 7d25ed7c..c67a6182 100644
--- a/src/lib/List/Anime/PlaceholderList.svelte
+++ b/src/lib/List/Anime/PlaceholderList.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import Skeleton from '$lib/Skeleton.svelte';
+	import Skeleton from '$lib/Loading/Skeleton.svelte';
 	import settings from '$stores/settings';
 	import ListTitle from '../ListTitle.svelte';
 	import type { Title } from '../mediaTitle';
diff --git a/src/lib/List/Manga/CleanMangaList.svelte b/src/lib/List/Manga/CleanMangaList.svelte
index 56a0498a..2cd95c04 100644
--- a/src/lib/List/Manga/CleanMangaList.svelte
+++ b/src/lib/List/Manga/CleanMangaList.svelte
@@ -17,7 +17,7 @@
 	import proxy from '$lib/Utility/proxy';
 	import root from '$lib/Utility/root';
 	import locale from '$stores/locale';
-	import Skeleton from '$lib/Skeleton.svelte';
+	import Skeleton from '$lib/Loading/Skeleton.svelte';
 	import { browser } from '$app/environment';
 
 	export let media: Media[];
diff --git a/src/lib/List/Manga/MangaListTemplate.svelte b/src/lib/List/Manga/MangaListTemplate.svelte
index f9cd6124..2e625569 100644
--- a/src/lib/List/Manga/MangaListTemplate.svelte
+++ b/src/lib/List/Manga/MangaListTemplate.svelte
@@ -15,7 +15,7 @@
 	import { incrementMediaProgress } from '$lib/Media/Anime/cache';
 	import { getNotificationsContext } from 'svelte-notifications';
 	import { options } from '$lib/Notification/options';
-	import Skeleton from '$lib/Skeleton.svelte';
+	import Skeleton from '$lib/Loading/Skeleton.svelte';
 	import locale from '$stores/locale';
 	import { browser } from '$app/environment';
 
diff --git a/src/lib/Loading/Skeleton.svelte b/src/lib/Loading/Skeleton.svelte
new file mode 100644
index 00000000..f42e5a75
--- /dev/null
+++ b/src/lib/Loading/Skeleton.svelte
@@ -0,0 +1,69 @@
+<script lang="ts">
+	export let count = 3;
+	export let width = '100%';
+	export let height = '100px';
+	export let card = true;
+	export let grid = false;
+	export let list = false;
+	export let pad = false;
+</script>
+
+{#if grid}
+	<div class="grid" style={pad ? 'padding-top: .75em;' : ''}>
+		{#each Array(count) as _}
+			<div class={card ? 'card card-small' : ''} style={`width: ${width};`}>
+				<div class="skeleton-container">
+					<div class="skeleton" style={`width: ${width}; height: ${height};`} />
+				</div>
+			</div>
+		{/each}
+	</div>
+{:else}
+	{#each Array(count) as _, i}
+		<div
+			class={card ? 'card card-small' : ''}
+			style={`width: ${width}; ${list ? 'padding-top: .75em;' : ''}`}
+		>
+			<div class="skeleton-container">
+				<div class="skeleton" style={`width: ${width}; height: ${height};`} />
+			</div>
+		</div>
+
+		{#if !list && i < count - 1}
+			<p />
+		{/if}
+	{/each}
+{/if}
+
+<style>
+	@keyframes progress {
+		0% {
+			background-position: -200px 0;
+		}
+		100% {
+			background-position: calc(200px + 100%) 0;
+		}
+	}
+
+	.skeleton-container {
+		animation: progress 1.2s ease-in-out infinite;
+		background-color: var(--base001);
+		background-image: linear-gradient(90deg, var(--base0011), var(--base01), var(--base0011));
+		background-size: 200px 100%;
+		background-repeat: no-repeat;
+		border-radius: 8px;
+	}
+
+	.skeleton {
+		border-radius: 4px;
+		display: inline-block;
+		line-height: 1;
+	}
+
+	.grid {
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: space-between;
+		row-gap: 1em;
+	}
+</style>
diff --git a/src/lib/Skeleton.svelte b/src/lib/Skeleton.svelte
deleted file mode 100644
index f42e5a75..00000000
--- a/src/lib/Skeleton.svelte
+++ /dev/null
@@ -1,69 +0,0 @@
-<script lang="ts">
-	export let count = 3;
-	export let width = '100%';
-	export let height = '100px';
-	export let card = true;
-	export let grid = false;
-	export let list = false;
-	export let pad = false;
-</script>
-
-{#if grid}
-	<div class="grid" style={pad ? 'padding-top: .75em;' : ''}>
-		{#each Array(count) as _}
-			<div class={card ? 'card card-small' : ''} style={`width: ${width};`}>
-				<div class="skeleton-container">
-					<div class="skeleton" style={`width: ${width}; height: ${height};`} />
-				</div>
-			</div>
-		{/each}
-	</div>
-{:else}
-	{#each Array(count) as _, i}
-		<div
-			class={card ? 'card card-small' : ''}
-			style={`width: ${width}; ${list ? 'padding-top: .75em;' : ''}`}
-		>
-			<div class="skeleton-container">
-				<div class="skeleton" style={`width: ${width}; height: ${height};`} />
-			</div>
-		</div>
-
-		{#if !list && i < count - 1}
-			<p />
-		{/if}
-	{/each}
-{/if}
-
-<style>
-	@keyframes progress {
-		0% {
-			background-position: -200px 0;
-		}
-		100% {
-			background-position: calc(200px + 100%) 0;
-		}
-	}
-
-	.skeleton-container {
-		animation: progress 1.2s ease-in-out infinite;
-		background-color: var(--base001);
-		background-image: linear-gradient(90deg, var(--base0011), var(--base01), var(--base0011));
-		background-size: 200px 100%;
-		background-repeat: no-repeat;
-		border-radius: 8px;
-	}
-
-	.skeleton {
-		border-radius: 4px;
-		display: inline-block;
-		line-height: 1;
-	}
-
-	.grid {
-		display: flex;
-		flex-wrap: wrap;
-		justify-content: space-between;
-		row-gap: 1em;
-	}
-</style>
diff --git a/src/lib/Tools/ActivityHistory/Grid.svelte b/src/lib/Tools/ActivityHistory/Grid.svelte
index 809521c6..3d0920f5 100644
--- a/src/lib/Tools/ActivityHistory/Grid.svelte
+++ b/src/lib/Tools/ActivityHistory/Grid.svelte
@@ -8,7 +8,7 @@
 	import userIdentity from '$stores/identity';
 	import type { AniListAuthorisation } from '$lib/AniList/identity';
 	import { clearAllParameters } from '../../Utility/parameters';
-	import Skeleton from '$lib/Skeleton.svelte';
+	import Skeleton from '$lib/Loading/Skeleton.svelte';
 
 	export let user: AniListAuthorisation;
 	export let activityData: ActivityHistoryEntry[] | null = null;
diff --git a/src/lib/Tools/ActivityHistory/Tool.svelte b/src/lib/Tools/ActivityHistory/Tool.svelte
index bf29cc20..af7a71df 100644
--- a/src/lib/Tools/ActivityHistory/Tool.svelte
+++ b/src/lib/Tools/ActivityHistory/Tool.svelte
@@ -11,7 +11,7 @@
 	import { domToBlob } from 'modern-screenshot';
 	import ActivityHistoryGrid from './Grid.svelte';
 	import SettingHint from '$lib/Settings/SettingHint.svelte';
-	import Skeleton from '$lib/Skeleton.svelte';
+	import Skeleton from '$lib/Loading/Skeleton.svelte';
 
 	export let user: AniListAuthorisation;
 
diff --git a/src/lib/Tools/Birthdays.svelte b/src/lib/Tools/Birthdays.svelte
index d8f14d12..1a50f9e8 100644
--- a/src/lib/Tools/Birthdays.svelte
+++ b/src/lib/Tools/Birthdays.svelte
@@ -6,7 +6,7 @@
 	import Error from '$lib/Error/RateLimited.svelte';
 	import { onMount } from 'svelte';
 	import { clearAllParameters, parseOrDefault } from '../Utility/parameters';
-	import Skeleton from '$lib/Skeleton.svelte';
+	import Skeleton from '$lib/Loading/Skeleton.svelte';
 
 	interface Birthday {
 		name: string;
diff --git a/src/lib/Tools/DumpProfile.svelte b/src/lib/Tools/DumpProfile.svelte
index db5156f7..c9a18dd8 100644
--- a/src/lib/Tools/DumpProfile.svelte
+++ b/src/lib/Tools/DumpProfile.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { dumpUser } from '$lib/AniList/user';
 	import RateLimited from '$lib/Error/RateLimited.svelte';
-	import Skeleton from '$lib/Skeleton.svelte';
+	import Skeleton from '$lib/Loading/Skeleton.svelte';
 	import InputTemplate from './InputTemplate.svelte';
 	import LZString from 'lz-string';
 
diff --git a/src/lib/Tools/EpisodeDiscussionCollector.svelte b/src/lib/Tools/EpisodeDiscussionCollector.svelte
index d6076c12..9715a68e 100644
--- a/src/lib/Tools/EpisodeDiscussionCollector.svelte
+++ b/src/lib/Tools/EpisodeDiscussionCollector.svelte
@@ -9,7 +9,7 @@
 		onMouseMove,
 		type HoverCoverResponse
 	} from '$lib/Media/Cover/hoverCover';
-	import Skeleton from '$lib/Skeleton.svelte';
+	import Skeleton from '$lib/Loading/Skeleton.svelte';
 
 	let searchInput = '';
 	let searchInputFinal = '';
diff --git a/src/lib/Tools/Likes.svelte b/src/lib/Tools/Likes.svelte
index 859c8182..3b00811e 100644
--- a/src/lib/Tools/Likes.svelte
+++ b/src/lib/Tools/Likes.svelte
@@ -2,7 +2,7 @@
 	import { activityLikes } from '$lib/AniList/activity';
 	import { threadLikes } from '$lib/AniList/forum';
 	import RateLimited from '$lib/Error/RateLimited.svelte';
-	import Skeleton from '$lib/Skeleton.svelte';
+	import Skeleton from '$lib/Loading/Skeleton.svelte';
 	import InputTemplate from './InputTemplate.svelte';
 
 	let submission = '';
diff --git a/src/lib/Tools/RandomFollower.svelte b/src/lib/Tools/RandomFollower.svelte
index 844fd74d..e1fed5c0 100644
--- a/src/lib/Tools/RandomFollower.svelte
+++ b/src/lib/Tools/RandomFollower.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { followers } from '$lib/AniList/following';
 	import RateLimited from '$lib/Error/RateLimited.svelte';
-	import Skeleton from '$lib/Skeleton.svelte';
+	import Skeleton from '$lib/Loading/Skeleton.svelte';
 	import InputTemplate from './InputTemplate.svelte';
 
 	let submission = '';
diff --git a/src/lib/Tools/SequelSpy.svelte b/src/lib/Tools/SequelSpy.svelte
index f34c1964..0c923a75 100644
--- a/src/lib/Tools/SequelSpy.svelte
+++ b/src/lib/Tools/SequelSpy.svelte
@@ -16,7 +16,7 @@
 		type HoverCoverResponse
 	} from '$lib/Media/Cover/hoverCover';
 	import HoverCover from '$lib/Media/Cover/HoverCover.svelte';
-	import Skeleton from '$lib/Skeleton.svelte';
+	import Skeleton from '$lib/Loading/Skeleton.svelte';
 
 	export let user: AniListAuthorisation;
 
diff --git a/src/lib/Tools/Wrapped/Tool.svelte b/src/lib/Tools/Wrapped/Tool.svelte
index 8d0c7945..57d1d189 100644
--- a/src/lib/Tools/Wrapped/Tool.svelte
+++ b/src/lib/Tools/Wrapped/Tool.svelte
@@ -25,7 +25,7 @@
 	import MediaExtras from './MediaExtras.svelte';
 	import MediaPanel from './Media.svelte';
 	import Watermark from './Watermark.svelte';
-	import Skeleton from '$lib/Skeleton.svelte';
+	import Skeleton from '$lib/Loading/Skeleton.svelte';
 	import Message from '$lib/Loading/Message.svelte';
 
 	export let user: AniListAuthorisation;
-- 
cgit v1.2.3