feat(tools): add follow fix base

2 files changed, 95 insertions, 0 deletions

diff --git a/src/lib/AniList/follow.ts b/src/lib/AniList/follow.ts
new file mode 100644
index 00000000..da477b6a
--- /dev/null
+++ b/src/lib/AniList/follow.ts
@@ -0,0 +1,45 @@
+import type { AniListAuthorisation } from './identity';
+
+export interface User {
+	id: number;
+	name: string;
+	isFollowing: boolean;
+	isFollower: boolean;
+}
+
+export const toggleFollow = async (
+	anilistAuthorisation: AniListAuthorisation,
+	username: string
+): Promise<User> => {
+	const {
+		data: { User: user }
+	} = await (
+		await fetch('https://graphql.anilist.co', {
+			method: 'POST',
+			headers: {
+				Authorization: `${anilistAuthorisation.tokenType} ${anilistAuthorisation.accessToken}`,
+				'Content-Type': 'application/json',
+				Accept: 'application/json'
+			},
+			body: JSON.stringify({
+				query: `{ User(name: "${username}") { id } }`
+			})
+		})
+	).json();
+
+	return (
+		await (
+			await fetch('https://graphql.anilist.co', {
+				method: 'POST',
+				headers: {
+					Authorization: `${anilistAuthorisation.tokenType} ${anilistAuthorisation.accessToken}`,
+					'Content-Type': 'application/json',
+					Accept: 'application/json'
+				},
+				body: JSON.stringify({
+					mutation: `{ ToggleFollow(userId: ${user.id}) { id name isFollowing isFollower } }`
+				})
+			})
+		).json()
+	)['data']['ToggleFollow'];
+};
diff --git a/src/lib/Tools/FollowFix.svelte b/src/lib/Tools/FollowFix.svelte
new file mode 100644
index 00000000..de7a7863
--- /dev/null
+++ b/src/lib/Tools/FollowFix.svelte
@@ -0,0 +1,50 @@
+<script lang="ts">
+	import { toggleFollow } from '$lib/AniList/follow';
+	import type { AniListAuthorisation } from '$lib/AniList/identity';
+
+	export let user: AniListAuthorisation;
+
+	let input = '';
+	let submit = '';
+</script>
+
+{#if user === undefined}
+	Please log in to view this page.
+{:else}
+	<p>
+		<input
+			type="text"
+			minlength="1"
+			placeholder="Username"
+			bind:value={input}
+			on:keypress={(e) => {
+				if (e.key === 'Enter') {
+					submit = input;
+
+					// eslint-disable-next-line no-undef
+					umami.track('Fix Follow');
+				}
+			}}
+		/>
+		<a href={'#'} on:click={() => (submit = input)}>
+			Toggle follow for {input.length === 0 ? '...' : input}
+		</a>
+	</p>
+
+	{#if submit.length > 0}
+		{#await toggleFollow(user, submit)}
+			Toggling follow ...
+		{:then response}
+			<p>
+				Successfully toggled follow for {submit}.
+
+				{submit}
+				{response.isFollower ? 'is' : 'is not'} following you, {response.isFollowing
+					? 'but'
+					: 'and'} you {response.isFollowing ? 'are' : 'are not'} following them.
+			</p>
+		{:catch}
+			<p>Failed to toggle follow for {submit}.</p>
+		{/await}
+	{/if}
+{/if}