chore(version): bump version to 0.5.2

Increment version number from 0.5.1 to 0.5.2 for the Logo click fix
chore(version): bump version to 0.5.1
2026-03-20 11:02:15 -04:00 · 2026-03-20 10:59:07 -04:00 · 2026-03-20 10:59:07 -04:00 · 2026-03-20 10:56:34 -04:00 · 2026-03-19 21:09:27 -04:00 · 2026-03-19 21:09:27 -04:00
50 changed files with 428 additions and 1155 deletions
--- a/frontend/src/App.svelte
+++ b/frontend/src/App.svelte
@@ -1,27 +1,42 @@
 <script lang="ts">
+    import {
+        aniListLoggedIn,
+        malLoggedIn,
+        simklLoggedIn,
+    } from "./helperModules/GlobalVariablesAndHelperFunctions.svelte";
    import {onMount} from "svelte";
-    import {userStore} from "./helperFunctions/userStore"
    import Router from "svelte-spa-router"
    import Home from "./routes/Home.svelte";
    import {wrap} from "svelte-spa-router/wrap";
    import Spinner from "./helperComponents/Spinner.svelte";
    import Header from "./helperComponents/Header.svelte";
+    import {CheckIfAniListLoggedInAndLoadWatchList} from "./helperModules/CheckIfAniListLoggedInAndLoadWatchList.svelte";
+    import { CheckIfMALLoggedInAndSetUser } from "./helperModules/CheckIfMyAnimeListLoggedIn.svelte";
+    import {CheckIfSimklLoggedInAndSetUser} from "./helperModules/CheckIsSimklLoggedIn.svelte"
+    import {CheckIfAniListLoggedIn} from "../wailsjs/go/main/App";

    onMount(async () => {
-        await userStore.checkProvider('anilist')
-        await userStore.checkProvider('mal')
-        await userStore.checkProvider('simkl')
+        let isAniListLoggedIn: boolean
+        let isMALLoggedIn: boolean
+        let isSimklLoggedIn: boolean
+        aniListLoggedIn.subscribe((value) => isAniListLoggedIn = value)
+        malLoggedIn.subscribe((value) => isMALLoggedIn = value)
+        simklLoggedIn.subscribe((value) => isSimklLoggedIn = value)
+
+        console.log(isAniListLoggedIn)
+        !isAniListLoggedIn && await CheckIfAniListLoggedInAndLoadWatchList()
+        !isMALLoggedIn && await CheckIfMALLoggedInAndSetUser()
+        !isSimklLoggedIn && await CheckIfSimklLoggedInAndSetUser()
    })
 </script>

-{#if $userStore.anilist.isLoggedIn}
-    <Header />
-    <Router routes={{
-        '/': Home,
-        '/anime/:id': wrap({
-            asyncComponent: () => import('./routes/AnimeRoutePage.svelte'),
-            loadingComponent: Spinner
-        }),
-        // '*': "Not Found"
-    }} />
-{/if}
+<Header />
+<Router routes={{
+    '/': Home,
+    '/anime/:id': wrap({
+        asyncComponent: () => import('./routes/AnimeRoutePage.svelte'),
+        conditions: [async () => await CheckIfAniListLoggedIn()],
+        loadingComponent: Spinner
+    }),
+    // '*': "Not Found"
+}} />
--- a/frontend/src/anilist/types/AniListCurrentUserWatchListType.ts
+++ b/frontend/src/anilist/types/AniListCurrentUserWatchListType.ts
--- a/frontend/src/anilist/types/AniListTypes.ts
+++ b/frontend/src/anilist/types/AniListTypes.ts
--- a/frontend/src/defaults/AniListWatchListDefaultData.ts
+++ b/frontend/src/defaults/AniListWatchListDefaultData.ts
@@ -1,89 +0,0 @@
-import type {AniListCurrentUserWatchList} from "../types/AniListCurrentUserWatchListType"
-
-export const AniListWatchListDefaultData: AniListCurrentUserWatchList = {
-    data: {
-        Page: {
-            pageInfo: {
-                total: 0,
-                perPage: 0,
-                currentPage: 0,
-                lastPage: 0,
-                hasNextPage: false
-            },
-            mediaList: [
-                {
-                    id: 0,
-                    mediaId: 0,
-                    userId: 0,
-                    media: {
-                        id: 0,
-                        idMal: 0,
-                        title: {
-                            romaji: "",
-                            english: "",
-                            native: "",
-                        },
-                        description: "",
-                        coverImage: {
-                            large: "",
-                        },
-                        season: "",
-                        seasonYear: 0,
-                        status: "",
-                        episodes: 0,
-                        nextAiringEpisode: {
-                            airingAt: 0,
-                            timeUntilAiring: 0,
-                            episode: 0,
-                        },
-                        tags: [
-                            {
-                                id: 0,
-                                name: "",
-                                description: "",
-                                rank: 0,
-                                isMediaSpoiler: false,
-                                isAdult: false,
-                            },
-                        ],
-                        isAdult: false,
-                    },
-                    status: "",
-                    startedAt: {
-                        year: 0,
-                        month: 0,
-                        day: 0,
-                    },
-                    completedAt: {
-                        year: 0,
-                        month: 0,
-                        day: 0,
-                    },
-                    notes: "",
-                    progress: 0,
-                    score: 0,
-                    repeat: 0,
-                    user: {
-                        id: 0,
-                        name: "",
-                        avatar: {
-                            large: "",
-                            medium: "",
-                        },
-                        statistics: {
-                            anime: {
-                                count: 0,
-                                statuses: [
-                                    {
-                                        status: "",
-                                        count: 0,
-                                    }
-                                ]
-                            }
-                        }
-                    }
-                }
-            ]
-        }
-    }
-}
--- a/frontend/src/defaults/UserTypes.ts
+++ b/frontend/src/defaults/UserTypes.ts
@@ -1,67 +0,0 @@
-import type {AniListUser} from "../types/AniListTypes";
-import type {MyAnimeListUser} from "../types/MALTypes";
-import type {SimklUser} from "../types/simklTypes";
-
-export const AniListUserDefaultData: AniListUser = {
-    "data": {
-        "Viewer": {
-            id: 0,
-            name: "",
-            avatar: {
-                large: "",
-                medium: "",
-            },
-            bannerImage: "",
-            siteUrl: ""
-        }
-    }
-}
-
-export const MALUserDefaultData: MyAnimeListUser = {
-    id: 0,
-    name: "",
-    picture: "",
-    gender: "",
-    birthday: "",
-    location: "",
-    joinedAt: "",
-    AnimeStatistics: {
-        numItemsWatching: 0,
-        numItemsCompleted: 0,
-        numItemsOnHold: 0,
-        numItemsDropped: 0,
-        numItemsPlanToWatch: 0,
-        numItems: 0,
-        numDaysWatched: 0,
-        numDaysWatching: 0,
-        numDaysCompleted: 0,
-        numDaysOnHold: 0,
-        numDaysDropped: 0,
-        numDays: 0,
-        numEpisodes: 0,
-        numTimesRewatched: 0,
-        meanScore: 0
-    },
-    timeZone: "",
-    isSupporter: false
-}
-
-export const SimklUserDefaultData: SimklUser = {
-    user: {
-        name: "",
-        joined_at: "",
-        gender: "",
-        avatar: "",
-        bio: "",
-        loc: "",
-        age: "",
-    },
-    account: {
-        id: 0,
-        timezone: "",
-        type: "",
-    },
-    connections: {
-        facebook: false
-    }
-}
--- a/frontend/src/helperComponents/Anime.svelte
+++ b/frontend/src/helperComponents/Anime.svelte
@@ -1,17 +1,15 @@
 <script lang="ts">
    import {
        aniListAnime,
+        aniListLoggedIn,
        malAnime,
+        malLoggedIn,
        simklAnime,
+        simklLoggedIn,
    } from "../helperModules/GlobalVariablesAndHelperFunctions.svelte";
-    import {userStore} from "../helperFunctions/userStore"
    import { push } from "svelte-spa-router";
-<<<<<<< HEAD
-    import type { AniListGetSingleAnime } from "../types/AniListCurrentUserWatchListType";
-=======
    import WebsiteLink from "./WebsiteLink.svelte";
    import type { AniListGetSingleAnime } from "../anilist/types/AniListCurrentUserWatchListType";
->>>>>>> a222c6b (feat(frontend): add genre display UI and enhance link component)
    import Rating from "./Rating.svelte";
    import {
        convertAniListDateToString,
@@ -22,14 +20,14 @@
        MALAnime,
        MalListStatus,
        MALUploadStatus,
-    } from "../types/MALTypes";
-    import type { SimklAnime } from "../types/simklTypes";
+    } from "../mal/types/MALTypes";
+    import type { SimklAnime } from "../simkl/types/simklTypes";
    import { writable } from "svelte/store";
    import type {
        StatusOption,
        StatusOptions,
-    } from "../types/StatusTypes";
-    import type { AniListUpdateVariables } from "../types/AniListTypes";
+    } from "../helperTypes/StatusTypes";
+    import type { AniListUpdateVariables } from "../anilist/types/AniListTypes";
    import { convertDateToAniList } from "../helperFunctions/convertDateToAniList";
    import {
        AniListDeleteEntry,
@@ -42,10 +40,14 @@
        SimklSyncStatus,
    } from "../../wailsjs/go/main/App";
    import { AddAnimeServiceToTable } from "../helperModules/AddAnimeServiceToTable.svelte";
+    import { CheckIfAniListLoggedInAndLoadWatchList } from "../helperModules/CheckIfAniListLoggedInAndLoadWatchList.svelte";
    import Datepicker from "./Datepicker.svelte";
    import { Badge, Tooltip } from "flowbite-svelte";
    const re = /^([0-9]{4})-([0-9]{2})-([0-9]{2})/;

+    let isAniListLoggedIn: boolean;
+    let isMalLoggedIn: boolean;
+    let isSimklLoggedIn: boolean;
    let currentAniListAnime: AniListGetSingleAnime;
    let currentMalAnime: MALAnime;
    let currentSimklAnime: SimklAnime;
@@ -53,6 +55,9 @@
    let isSubmitting: boolean;
    let submitSuccess = writable(false);

+    aniListLoggedIn.subscribe((value) => (isAniListLoggedIn = value));
+    malLoggedIn.subscribe((value) => (isMalLoggedIn = value));
+    simklLoggedIn.subscribe((value) => (isSimklLoggedIn = value));
    aniListAnime.subscribe((value) => (currentAniListAnime = value));
    malAnime.subscribe((value) => (currentMalAnime = value));
    simklAnime.subscribe((value) => (currentSimklAnime = value));
@@ -86,7 +91,7 @@
        currentAniListAnime.data.MediaList.completedAt,
    );

-    if ($userStore.anilist.isLoggedIn)
+    if (isAniListLoggedIn)
        AddAnimeServiceToTable({
            id: `a-${currentAniListAnime.data.MediaList.mediaId}`,
            title,
@@ -104,7 +109,7 @@
            notes: currentAniListAnime.data.MediaList.notes,
        });

-    if ($userStore.mal.isLoggedIn) {
+    if (isMalLoggedIn) {
        let startDate = "";
        let finishDate = "";
        if (currentMalAnime.my_list_status.start_date !== "") {
@@ -133,7 +138,7 @@
        });
    }

-    if ($userStore.simkl.isLoggedIn && Object.keys(currentSimklAnime).length > 0)
+    if (isSimklLoggedIn && Object.keys(currentSimklAnime).length > 0)
        AddAnimeServiceToTable({
            id: `s-${currentSimklAnime.show.ids.simkl}`,
            title: currentSimklAnime.show.title,
@@ -194,7 +199,7 @@
        }

        if (
-            $userStore.anilist.isLoggedIn &&
+            isAniListLoggedIn &&
            currentAniListAnime.data.MediaList.mediaId !== 0
        ) {
            let body: AniListUpdateVariables = {
@@ -235,7 +240,7 @@
            );
        }

-        if ($userStore.mal.isLoggedIn && currentMalAnime.id !== 0) {
+        if (malLoggedIn && currentMalAnime.id !== 0) {
            let body: MALUploadStatus = {
                status: submitData.status.mal,
                is_rewatching: submitData.repeat > 0,
@@ -291,7 +296,7 @@
            );
        }

-        if ($userStore.simkl.isLoggedIn && currentSimklAnime.show.ids.simkl !== 0) {
+        if (simklLoggedIn && currentSimklAnime.show.ids.simkl !== 0) {
            if (
                currentSimklAnime.watched_episodes_count !== submitData.episodes
            ) {
@@ -375,7 +380,7 @@
    const deleteEntries = async () => {
        submitting.set(true);
        if (
-            $userStore.anilist.isLoggedIn &&
+            isAniListLoggedIn &&
            currentAniListAnime.data.MediaList.mediaId !== 0
        ) {
            await AniListDeleteEntry(currentAniListAnime.data.MediaList.id);
@@ -392,7 +397,7 @@
                notes: "",
            });
        }
-        if ($userStore.mal.isLoggedIn && currentMalAnime.id !== 0) {
+        if (malLoggedIn && currentMalAnime.id !== 0) {
            await DeleteMyAnimeListEntry(currentMalAnime.id);
            AddAnimeServiceToTable({
                id: `m-${currentMalAnime.id}`,
@@ -407,7 +412,7 @@
                notes: "",
            });
        }
-        if ($userStore.simkl.isLoggedIn && currentSimklAnime.show.ids.simkl !== 0) {
+        if (simklLoggedIn && currentSimklAnime.show.ids.simkl !== 0) {
            await SimklSyncRemove(currentSimklAnime);
            AddAnimeServiceToTable({
                id: `s-${currentSimklAnime.show.ids.simkl}`,
@@ -440,7 +445,6 @@
            currentAniListAnime.data.MediaList.media.nextAiringEpisode.episode -
            1;
    }
-
 </script>

 <form on:submit|preventDefault={handleSubmit} class="container pt-3 pb-10">
@@ -527,7 +531,7 @@
                                        .nextAiringEpisode.episode -
                                        1)
                                ? 'border-red-500 border-[2px] text-rose-300 focus:ring-red-500 focus:border-red-500'
-                                : 'bg-gray-700 hover:bg-gray-600 border-gray-600 text-white focus:ring-blue-500 focus:border-blue-500'}"
+                                : 'bg-gray-700 hover:bg-gray-600 border-gray-600 text-white focus:ring-blue-500 focus:border-blue-500'} w-24"
                            bind:value={
                                currentAniListAnime.data.MediaList.progress
                            }
@@ -664,7 +668,7 @@
                        class="border {currentAniListAnime.data.MediaList
                            .repeat < 0
                            ? 'border-red-500 border-[2px] text-rose-300 focus:ring-red-500 focus:border-red-500'
-                            : 'border-gray-500 focus:ring-blue-500 focus:border-blue-500'} text-sm rounded-lg block w-24 p-2.5 bg-gray-600 placeholder-gray-400 text-white"
+                            : 'border-gray-500 text-white focus:ring-blue-500 focus:border-blue-500'} text-sm rounded-lg block w-24 p-2.5 bg-gray-600 placeholder-gray-400 text-white"
                        bind:value={currentAniListAnime.data.MediaList.repeat}
                        required
                    />
@@ -698,9 +702,9 @@
            <button
                disabled={isSubmitting}
                id="sync-button"
-                class="text-white focus:ring-4 {$submitSuccess
-                    ? 'bg-green-600 hover:bg-green-700  focus:ring-green-800'
-                    : 'bg-blue-600 hover:bg-blue-700 focus:ring-blue-800'} font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 focus:outline-none"
+                class="text-white {$submitSuccess
+                    ? 'bg-green-600 hover:bg-green-700 focus:ring-4 focus:ring-green-800'
+                    : 'bg-blue-600 hover:bg-blue-700 focus:ring-4 focus:ring-blue-800'} font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 focus:outline-none"
                type="submit"
            >
                <svg
@@ -730,6 +734,7 @@
                    focus:ring-gray-700 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2
                    hover:border-gray-600"
                on:click={async () => {
+                    await CheckIfAniListLoggedInAndLoadWatchList();
                    return push("/");
                }}
            >
@@ -746,9 +751,9 @@
            <button
                disabled={isSubmitting}
                id="delete-button"
-                class="text-white focus:ring-4 {$submitSuccess
-                    ? 'bg-green-600 hover:bg-green-700 focus:ring-green-800'
-                    : 'bg-red-600 hover:bg-red-700 focus:ring-red-800'} font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 focus:outline-none"
+                class="text-white {$submitSuccess
+                    ? 'bg-green-600 hover:bg-green-700 focus:ring-4 focus:ring-green-800'
+                    : 'bg-red-600 hover:bg-red-700 focus:ring-4 focus:ring-red-800'} font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 focus:outline-none"
                on:click={deleteEntries}
            >
                <svg
@@ -780,9 +785,9 @@
            <button
                disabled={isSubmitting}
                id="sync-button"
-                class="text-white focus:ring-4 {$submitSuccess
-                    ? 'bg-green-600 hover:bg-green-700 focus:ring-green-800'
-                    : 'bg-blue-600 hover:bg-blue-700 focus:ring-blue-800'} font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 focus:outline-none"
+                class="text-white {$submitSuccess
+                    ? 'bg-green-600 hover:bg-green-700 focus:ring-4 focus:ring-green-800'
+                    : 'bg-blue-600 hover:bg-blue-700 focus:ring-4 focus:ring-blue-800'} font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 focus:outline-none"
                type="submit"
            >
                <svg
@@ -812,6 +817,7 @@
                    focus:ring-gray-700 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2
                    hover:border-gray-600"
                on:click={async () => {
+                    await CheckIfAniListLoggedInAndLoadWatchList();
                    return push("/");
                }}
            >
--- a/frontend/src/helperComponents/AvatarMenu.svelte
+++ b/frontend/src/helperComponents/AvatarMenu.svelte
@@ -1,9 +1,39 @@
 <script lang="ts">
    import { Avatar } from "flowbite-svelte";
-    import {userStore} from "../helperFunctions/userStore"
+    import type { AniListUser } from "../anilist/types/AniListTypes";
+    import {
+        aniListLoggedIn,
+        aniListUser,
+        malUser,
+        simklUser,
+        malLoggedIn,
+        simklLoggedIn,
+        loginToAniList,
+        loginToMAL,
+        loginToSimkl,
+        logoutOfAniList,
+        logoutOfMAL,
+        logoutOfSimkl
+    } from "../helperModules/GlobalVariablesAndHelperFunctions.svelte";
    import * as runtime from "../../wailsjs/runtime";
+    import type {MyAnimeListUser} from "../mal/types/MALTypes";
+    import type {SimklUser} from "../simkl/types/simklTypes";
    import { ShowVersion } from "../../wailsjs/go/main/App";

+    let currentAniListUser: AniListUser;
+    let currentMALUser: MyAnimeListUser;
+    let currentSimklUser: SimklUser;
+    let isAniListLoggedIn: boolean;
+    let isSimklLoggedIn: boolean;
+    let isMALLoggedIn: boolean;
+
+    aniListUser.subscribe((value) => (currentAniListUser = value));
+    malUser.subscribe((value) => (currentMALUser = value))
+    simklUser.subscribe(value => currentSimklUser = value)
+    aniListLoggedIn.subscribe((value) => (isAniListLoggedIn = value));
+    simklLoggedIn.subscribe((value) => (isSimklLoggedIn = value));
+    malLoggedIn.subscribe((value) => (isMALLoggedIn = value));
+
    function dropdownUser(): void {
        let dropdown = document.querySelector("#userDropdown");
        dropdown.classList.toggle("hidden");
@@ -26,9 +56,9 @@

 <div class="relative">
    <button id="userDropdownButton" on:click={dropdownUser}>
-        {#if $userStore.anilist.isLoggedIn}
+        {#if isAniListLoggedIn}
            <Avatar
-                src={$userStore.anilist.user.data.Viewer.avatar.medium}
+                src={currentAniListUser.data.Viewer.avatar.medium}
                class="cursor-pointer"
                dot={{ color: "green" }}
            />
@@ -41,8 +71,8 @@
        class="absolute hidden right-0 2xl:left-1/2 2xl:-translate-x-1/2 z-10 divide-y rounded-lg shadow w-44 bg-gray-700 divide-gray-600"
    >
        <div class="px-4 py-3 text-sm text-white">
-            {#if $userStore.anilist.isLoggedIn}
-                <div>{$userStore.anilist.user.data.Viewer.name}</div>
+            {#if isAniListLoggedIn}
+                <div>{currentAniListUser.data.Viewer.name}</div>
            {:else}
                <div>You are not logged into AniList</div>
            {/if}
@@ -51,60 +81,60 @@
            class="py-2 text-sm text-gray-200"
            aria-labelledby="dropdownUserAvatarButton"
        >
-            {#if $userStore.anilist.isLoggedIn}
+            {#if isAniListLoggedIn}
                <li>
                    <button
-                        on:click={() => userStore.logout("anilist")}
+                        on:click={logoutOfAniList}
                        class="block px-4 py-2 w-full hover:bg-gray-600 truncate bg-green-800 hover:text-white"
                    >
-                        <span class="maple-font text-lg text-green-200 mr-4">A</span>Logout {$userStore.anilist.user.data.Viewer.name}
+                        <span class="maple-font text-lg text-green-200 mr-4">A</span>Logout {currentAniListUser.data.Viewer.name}
                    </button>
                </li>
                {:else}
                <li>
                    <button on:click={() => {
                        dropdownUser()
-                        userStore.checkProvider("anilist")
+                        loginToAniList()
                    }}
                            class="block px-4 py-2 w-full hover:bg-gray-600 truncate hover:text-white">
                        <span class="maple-font text-lg mr-4">A</span>Login to AniList
                    </button>
                </li>
            {/if}
-            {#if $userStore.mal.isLoggedIn}
+            {#if isMALLoggedIn}
                <li>
                    <button
-                        on:click={() => userStore.logout("mal")}
+                        on:click={logoutOfMAL}
                        class="block px-4 py-2 w-full hover:bg-gray-600 truncate bg-blue-800 hover:text-white"
                    >
-                        <span class="maple-font text-lg text-blue-200 mr-4">M</span>Logout {$userStore.mal.user.name}
+                        <span class="maple-font text-lg text-blue-200 mr-4">M</span>Logout {currentMALUser.name}
                    </button>
                </li>
            {:else}
                <li>
                    <button on:click={() => {
                        dropdownUser()
-                        userStore.checkProvider("mal")
+                        loginToMAL()
                    }}
                            class="block px-4 py-2 w-full hover:bg-gray-600 truncate hover:text-white">
                        <span class="maple-font text-lg mr-4">M</span>Login to MyAnimeList
                    </button>
                </li>
            {/if}
-            {#if $userStore.simkl.isLoggedIn}
+            {#if isSimklLoggedIn}
                <li>
                    <button
-                        on:click={() => userStore.logout("simkl")}
+                        on:click={logoutOfSimkl}
                        class="block px-4 py-2 w-full hover:bg-gray-600 truncate bg-indigo-800 hover:text-white"
                    >
-                        <span class="maple-font text-lg text-indigo-200 mr-4">S</span>Logout {$userStore.simkl.user.user.name}
+                        <span class="maple-font text-lg text-indigo-200 mr-4">S</span>Logout {currentSimklUser.user.name}
                    </button>
                </li>
            {:else}
                <li>
                    <button on:click={() => {
                        dropdownUser()
-                        userStore.checkProvider("simkl")
+                        loginToSimkl()
                    }}
                            class="block px-4 py-2 w-full hover:bg-gray-600 truncate hover:text-white">
                        <span class="maple-font text-lg mr-4">S</span>Login to Simkl
--- a/frontend/src/helperComponents/Header.svelte
+++ b/frontend/src/helperComponents/Header.svelte
@@ -1,63 +1,102 @@
 <script lang="ts">
-    import Search from "./Search.svelte"
+    import Search from "./Search.svelte";
+    import {
+        aniListLoggedIn,
+        loginToAniList,
+        loginToMAL,
+        loginToSimkl,
+        malLoggedIn,
+        simklLoggedIn,
+    } from "../helperModules/GlobalVariablesAndHelperFunctions.svelte";
    import AvatarMenu from "./AvatarMenu.svelte";
-    import logo from "../assets/images/AniTrackLogo.svg"
-    import {userStore} from "../helperFunctions/userStore"
+    import logo from "../assets/images/AniTrackLogo.svg";
+    import { link } from "svelte-spa-router";

+    let isAniListLoggedIn: boolean;
+    let isSimklLoggedIn: boolean;
+    let isMALLoggedIn: boolean;

+    aniListLoggedIn.subscribe((value) => (isAniListLoggedIn = value));
+    simklLoggedIn.subscribe((value) => (isSimklLoggedIn = value));
+    malLoggedIn.subscribe((value) => (isMALLoggedIn = value));
 </script>

 <nav class="border-gray-200 bg-gray-900">
-    <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
+    <div
+        class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4"
+    >
        <div class="flex items-center space-x-3 rtl:space-x-reverse">
-                <a href="/"><img src={logo} class="h-8" alt="AniTrack Logo"/></a>
+            <a href="/" use:link
+                ><img src={logo} class="h-8" alt="AniTrack Logo" /></a
+            >
        </div>
-        <div class="flex items-center min-[950px]:order-2 space-x-3 min-[950px]:space-x-0 rtl:space-x-reverse">
+        <div
+            class="flex items-center min-[950px]:order-2 space-x-3 min-[950px]:space-x-0 rtl:space-x-reverse"
+        >
            <div class="min-[950px]:block min-[950px]:mr-4">
                <Search />
            </div>
-            <AvatarMenu/>
-            <button on:click={() => {
-                let menu = document.querySelector("#navbar-user")
-                menu.classList.toggle("hidden")
-            }} type="button"
-                    class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm rounded-lg min-[950px]:hidden focus:outline-none focus:ring-2 text-gray-400 hover:bg-gray-700 focus:ring-gray-600"
-                    aria-controls="navbar-user" aria-expanded="false">
+            <AvatarMenu />
+            <button
+                on:click={() => {
+                    let menu = document.querySelector("#navbar-user");
+                    menu.classList.toggle("hidden");
+                }}
+                type="button"
+                class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm rounded-lg min-[950px]:hidden focus:outline-none focus:ring-2 text-gray-400 hover:bg-gray-700 focus:ring-gray-600"
+                aria-controls="navbar-user"
+                aria-expanded="false"
+            >
                <span class="sr-only">Open main menu</span>
-                <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
-                     viewBox="0 0 17 14">
-                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                          d="M1 1h15M1 7h15M1 13h15"/>
+                <svg
+                    class="w-5 h-5"
+                    aria-hidden="true"
+                    xmlns="http://www.w3.org/2000/svg"
+                    fill="none"
+                    viewBox="0 0 17 14"
+                >
+                    <path
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        stroke-width="2"
+                        d="M1 1h15M1 7h15M1 13h15"
+                    />
                </svg>
            </button>
        </div>
-        <div class="hidden items-center justify-between w-full pb-4 min-[950px]:pb-0 min-[950px]:flex min-[950px]:w-auto min-[950px]:order-1 border border-gray-700 min-[950px]:border-0 bg-gray-800 min-[950px]:bg-transparent rounded-lg" id="navbar-user">
-            <ul class="flex flex-col font-medium pb-6 min-[950px]:p-0 mt-4 min-[950px]:space-x-8 rtl:space-x-reverse min-[950px]:flex-row min-[950px]:mt-0">
+        <div
+            class="hidden items-center justify-between w-full pb-4 min-[950px]:pb-0 min-[950px]:flex min-[950px]:w-auto min-[950px]:order-1 border border-gray-700 min-[950px]:border-0 bg-gray-800 min-[950px]:bg-transparent rounded-lg"
+            id="navbar-user"
+        >
+            <ul
+                class="flex flex-col font-medium pb-6 min-[950px]:p-0 mt-4 min-[950px]:space-x-8 rtl:space-x-reverse min-[950px]:flex-row min-[950px]:mt-0"
+            >
                <li>
-                    {#if !$userStore.anilist.isLoggedIn}
-                        <button on:click={() => userStore.checkProvider("anilist")}>
-<!--                                class="block py-2 px-3 w-full min-[950px]:w-auto rounded text-gray-300 min-[950px]:hover:text-blue-500 hover:bg-gray-700 hover:text-white min-[950px]:hover:bg-transparent border-gray-700">-->
+                    {#if !isAniListLoggedIn}
+                        <button on:click={loginToAniList}>
+                            <!--                                class="block py-2 px-3 w-full min-[950px]:w-auto rounded text-gray-300 min-[950px]:hover:text-blue-500 hover:bg-gray-700 hover:text-white min-[950px]:hover:bg-transparent border-gray-700">-->
                            AniList Login
                        </button>
                    {/if}
-                    {#if !$userStore.mal.isLoggedIn}
-                        <button on:click={() => userStore.checkProvider("mal")}>
-<!--                                class="block py-2 px-3 w-full min-[950px]:w-auto rounded min-[950px]:p-0 text-gray-300 min-[950px]:hover:text-blue-500 hover:bg-gray-700 hover:text-white min-[950px]:hover:bg-transparent border-gray-700">-->
+                    {#if !isMALLoggedIn}
+                        <button on:click={loginToMAL}>
+                            <!--                                class="block py-2 px-3 w-full min-[950px]:w-auto rounded min-[950px]:p-0 text-gray-300 min-[950px]:hover:text-blue-500 hover:bg-gray-700 hover:text-white min-[950px]:hover:bg-transparent border-gray-700">-->
                            MyAnimeList Login
                        </button>
                    {/if}
                </li>
                <li>
-                    {#if !$userStore.simkl.isLoggedIn}
-                        <button on:click={() => userStore.checkProvider("simkl")}>
-<!--                                class="block py-2 px-3 w-full min-[950px]:w-auto rounded min-[950px]:p-0 text-gray-300 min-[950px]:hover:text-blue-500 hover:bg-gray-700 hover:text-white min-[950px]:hover:bg-transparent border-gray-700">-->
+                    {#if !isSimklLoggedIn}
+                        <button on:click={loginToSimkl}>
+                            <!--                                class="block py-2 px-3 w-full min-[950px]:w-auto rounded min-[950px]:p-0 text-gray-300 min-[950px]:hover:text-blue-500 hover:bg-gray-700 hover:text-white min-[950px]:hover:bg-transparent border-gray-700">-->
                            Simkl Login
                        </button>
                    {/if}
                </li>
            </ul>
            <div class="flex justify-center min-[950px]:hidden">
-                <Search/>
+                <Search />
            </div>
        </div>
    </div>
--- a/frontend/src/helperComponents/Pagination.svelte
+++ b/frontend/src/helperComponents/Pagination.svelte
@@ -6,9 +6,9 @@
        watchListPage,
    } from "../helperModules/GlobalVariablesAndHelperFunctions.svelte";

-    import type {AniListCurrentUserWatchList} from "../types/AniListCurrentUserWatchListType"
+    import type {AniListCurrentUserWatchList} from "../anilist/types/AniListCurrentUserWatchListType"
    import {GetAniListUserWatchingList} from "../../wailsjs/go/main/App";
-    import {MediaListSort} from "../types/AniListTypes";
+    import {MediaListSort} from "../anilist/types/AniListTypes";

    let aniListWatchListLoaded: AniListCurrentUserWatchList
    let page: number
--- a/frontend/src/helperComponents/Search.svelte
+++ b/frontend/src/helperComponents/Search.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">

    import {AniListSearch} from "../../wailsjs/go/main/App";
-    import type {AniSearchList} from "../types/AniListTypes";
+    import type {AniSearchList} from "../anilist/types/AniListTypes";
    import {push} from "svelte-spa-router";

    let aniSearch = ""
--- a/frontend/src/helperComponents/WatchList.svelte
+++ b/frontend/src/helperComponents/WatchList.svelte
@@ -1,59 +1,68 @@
 <script lang="ts">
    import {
+        aniListLoggedIn,
        aniListWatchlist,
        GetAnimeSingleItem,
        loading,
    } from "../helperModules/GlobalVariablesAndHelperFunctions.svelte";
    import {push} from "svelte-spa-router";
-    import type {AniListCurrentUserWatchList} from "../types/AniListCurrentUserWatchListType"
+    import type {AniListCurrentUserWatchList} from "../anilist/types/AniListCurrentUserWatchListType"
    import {Rating} from "flowbite-svelte";
    import loader from '../helperFunctions/loader'


+    let isAniListLoggedIn: boolean
    let aniListWatchListLoaded: AniListCurrentUserWatchList

+    aniListLoggedIn.subscribe((value) => isAniListLoggedIn = value)
    aniListWatchlist.subscribe((value) => aniListWatchListLoaded = value)

 </script>

 <div>
-    <div class="mx-auto max-w-2xl p-4 sm:p-6 lg:max-w-7xl lg:px-8 relative items-center">
-        <h1 class="text-left text-xl font-bold mb-4">Your AniList WatchList</h1>
+    {#if isAniListLoggedIn}
+        <div class="mx-auto max-w-2xl p-4 sm:p-6 lg:max-w-7xl lg:px-8 relative items-center">
+            <h1 class="text-left text-xl font-bold mb-4">Your AniList WatchList</h1>

-        <div class="grid grid-cols-1 gap-x-6 gap-y-10 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 xl:gap-x-8">
-            {#each aniListWatchListLoaded.data.Page.mediaList as media}
-                <div use:loader={loading}
-                     class="aspect-h-1 aspect-w-1 w-full overflow-hidden rounded-lg xl:aspect-h-8 xl:aspect-w-7">
-                    <div class="flex flex-col items-center group">
-                        <button on:click={() => {
+            <div class="grid grid-cols-1 gap-x-6 gap-y-10 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 xl:gap-x-8">
+                {#each aniListWatchListLoaded.data.Page.mediaList as media}
+                    <div use:loader={loading} class="aspect-h-1 aspect-w-1 w-full overflow-hidden rounded-lg xl:aspect-h-8 xl:aspect-w-7">
+                        <div class="flex flex-col items-center group">
+                            <button on:click={() => {
                                push(`#/anime/${media.media.id}`)
+                                // loading.set(true)
+                                // GetAniListSingleItem(media.media.id, true).then(() => {
+                                //     loading.set(false)
+                                //
+                                // })
                            }}
-                        >
-                            <img class="rounded-lg" src={media.media.coverImage.large} alt={
+                            >
+                                <img class="rounded-lg" src={media.media.coverImage.large} alt={
                                media.media.title.english === "" ?
                                    media.media.title.romaji :
                                    media.media.title.english
                            }/>
-                        </button>
-                        <Rating id="anime-rating" total={5} size={35} rating={media.score/2.0}/>
-                        <button class="mt-4 text-md font-semibold text-white-700"
-                                on:click={() => GetAnimeSingleItem(media.media.id, true)}>
-                            {
-                                media.media.title.english === "" ?
-                                    media.media.title.romaji :
-                                    media.media.title.english
-                            }
-                        </button>
-                        <p class="mt-1 text-lg font-medium text-white-900">{media.progress}
-                            / {media.media.nextAiringEpisode.episode !== 0 ?
-                                media.media.nextAiringEpisode.episode - 1 : media.media.episodes}</p>
-                        {#if media.media.episodes > 0}
-                            <p class="mt-1 text-lg font-medium text-white-900">Total
-                                Episodes: {media.media.episodes}</p>
-                        {/if}
+                            </button>
+                            <Rating id="anime-rating" total={5} size={35} rating={media.score/2.0}/>
+                            <button class="mt-4 text-md font-semibold text-white-700"
+                                    on:click={() => GetAnimeSingleItem(media.media.id, true)}>
+                                {
+                                    media.media.title.english === "" ?
+                                        media.media.title.romaji :
+                                        media.media.title.english
+                                }
+                            </button>
+                            <p class="mt-1 text-lg font-medium text-white-900">{media.progress}
+                                / {media.media.nextAiringEpisode.episode !== 0 ?
+                                    media.media.nextAiringEpisode.episode - 1 : media.media.episodes}</p>
+                            {#if media.media.episodes > 0}
+                                <p class="mt-1 text-lg font-medium text-white-900">Total
+                                    Episodes: {media.media.episodes}</p>
+                            {/if}
+                        </div>
                    </div>
-                </div>
-            {/each}
+                {/each}
+            </div>
        </div>
-    </div>
+    {/if}
 </div>
--- a/frontend/src/helperDefaults/AniListGetSingleAnime.ts
+++ b/frontend/src/helperDefaults/AniListGetSingleAnime.ts
@@ -1,6 +1,6 @@
-import type {AniListGetSingleAnime} from "../types/AniListCurrentUserWatchListType";
+import type {AniListGetSingleAnime} from "../anilist/types/AniListCurrentUserWatchListType";

-export const AniListGetSingleAnimeDefaultData: AniListGetSingleAnime = {
+export const AniListGetSingleAnimeDefaultData: AniListGetSingleAnime =  {
    data: {
        MediaList: {
            id: 0,
@@ -26,18 +26,7 @@ export const AniListGetSingleAnimeDefaultData: AniListGetSingleAnime = {
                    airingAt: 0,
                    timeUntilAiring: 0,
                    episode: 0,
-                },
-                tags: [
-                    {
-                        id: 0,
-                        name: "",
-                        description: "",
-                        rank: 0,
-                        isMediaSpoiler: false,
-                        isAdult: false
-                    }
-                ],
-                isAdult: false
+                }
            },
            status: "",
            startedAt: {
--- a/frontend/src/helperFunctions/userStore.ts
+++ b/frontend/src/helperFunctions/userStore.ts
@@ -1,121 +0,0 @@
-// stores/user.ts
-import {get, writable} from 'svelte/store';
-import type {SimklUser, SimklWatchList} from "../types/simklTypes";
-import type {AniListUser} from "../types/AniListTypes";
-import type {MALWatchlist, MyAnimeListUser} from "../types/MALTypes";
-import {
-    GetAniListLoggedInUser,
-    GetMyAnimeList,
-    GetMyAnimeListLoggedInUser,
-    GetSimklLoggedInUser,
-    LogoutAniList,
-    LogoutMyAnimeList,
-    LogoutSimkl,
-    SimklGetUserWatchlist
-} from "../../wailsjs/go/main/App";
-import {LoadAniListWatchList} from "../helperModules/LoadAniListWatchList.svelte";
-import {aniListWatchlist, malWatchList, simklWatchList} from "../helperModules/GlobalVariablesAndHelperFunctions.svelte"
-import type {AniListCurrentUserWatchList} from "../types/AniListCurrentUserWatchListType";
-import {AniListUserDefaultData, MALUserDefaultData, SimklUserDefaultData} from "../defaults/UserTypes";
-
-let aniWatchlist: AniListCurrentUserWatchList
-aniListWatchlist.subscribe(value => aniWatchlist = value)
-
-interface UserState {
-    simkl: { user: SimklUser; isLoggedIn: boolean; isPrimary: boolean };
-    anilist: { user: AniListUser; isLoggedIn: boolean; isPrimary: boolean };
-    mal: { user: MyAnimeListUser; isLoggedIn: boolean; isPrimary: boolean };
-}
-
-const createUserStore = () => {
-    const {subscribe, update} = writable<UserState>({
-        anilist: {user: AniListUserDefaultData, isLoggedIn: false, isPrimary: true},
-        mal: {user: MALUserDefaultData, isLoggedIn: false, isPrimary: false},
-        simkl: {user: SimklUserDefaultData, isLoggedIn: false, isPrimary: false}
-    });
-
-    return {
-        subscribe,
-        setAniListUser: (user: AniListUser, isPrimary = true) =>
-            update(s => ({
-                ...s,
-                anilist: {user, isLoggedIn: true, isPrimary}
-            })),
-        setMalUser: (user: MyAnimeListUser, isPrimary = false) =>
-            update(s => ({
-                ...s,
-                mal: {user, isLoggedIn: true, isPrimary}
-            })),
-        setSimklUser: (user: SimklUser, isPrimary = false) =>
-            update(s => ({
-                ...s,
-                simkl: {user, isLoggedIn: true, isPrimary}
-            })),
-        setPrimary: (provider: 'simkl' | 'anilist' | 'mal') =>
-            update(s => ({
-                ...s,
-                simkl: {...s.simkl, isPrimary: provider === 'simkl'},
-                anilist: {...s.anilist, isPrimary: provider === 'anilist'},
-                mal: {...s.mal, isPrimary: provider === 'mal'}
-            })),
-        checkProvider: async (provider: 'simkl' | 'anilist' | 'mal') => {
-            const state = get(userStore);
-            if (state[provider].isLoggedIn) return;
-
-            if (provider === 'anilist') {
-                const user: AniListUser = await GetAniListLoggedInUser();
-                console.log(user)
-                userStore.setAniListUser(user, state.anilist.isPrimary);
-                console.log(state.anilist.isPrimary)
-                if (state.anilist.isPrimary) await LoadAniListWatchList();
-            } else if (provider === 'mal') {
-                const user: MyAnimeListUser = await GetMyAnimeListLoggedInUser();
-                userStore.setMalUser(user, state.mal.isPrimary);
-                if (state.mal.isPrimary) {
-                    const watchList = await GetMyAnimeList(1000);
-                    malWatchList.set(watchList);
-                }
-            } else if (provider === 'simkl') {
-                const user: SimklUser = await GetSimklLoggedInUser();
-                userStore.setSimklUser(user, state.simkl.isPrimary);
-                if (state.simkl.isPrimary) {
-                    const watchList = await SimklGetUserWatchlist();
-                    simklWatchList.set(watchList)
-                }
-            }
-        },
-        logout: async (provider: 'simkl' | 'anilist' | 'mal') => {
-            update(s => {
-                s[provider].user = {} as SimklUser | AniListUser | MyAnimeListUser
-                s[provider].isLoggedIn = false;
-                if (s[provider].isPrimary) {
-                    s[provider].isPrimary = false;
-                    const others = ['simkl', 'anilist', 'mal'] as const;
-                    const newPrimary = others.find(p => p !== provider && s[p].isLoggedIn);
-                    if (newPrimary) s[newPrimary].isPrimary = true;
-                }
-                return s;
-            });
-
-            // Clear provider-specific watchlist
-            if (provider === 'anilist') {
-                if (Object.keys(aniWatchlist).length !== 0) {
-                    aniListWatchlist.set({} as AniListCurrentUserWatchList)
-                }
-                await LogoutAniList();
-            } else if (provider === 'mal') {
-                if (Object.keys(aniWatchlist).length !== 0) {
-                    malWatchList.set({} as MALWatchlist);
-                }
-                await LogoutMyAnimeList();
-            } else if (provider === 'simkl') {
-                if (Object.keys(aniWatchlist).length !== 0) {
-                    simklWatchList.set({} as SimklWatchList);
-                }
-                await LogoutSimkl();
-            }
-        }
-    }
-};
-
-export const userStore = createUserStore();
--- a/frontend/src/helperModules/AddAnimeServiceToTable.svelte
+++ b/frontend/src/helperModules/AddAnimeServiceToTable.svelte
@@ -1,5 +1,5 @@
 <script lang="ts" context="module">
-    import type {TableItem} from "../types/TableTypes";
+    import type {TableItem} from "../helperTypes/TableTypes";
    import { tableItems } from "./GlobalVariablesAndHelperFunctions.svelte"

    export function AddAnimeServiceToTable(animeItem: TableItem) {
--- a/frontend/src/helperModules/CheckIfAniListLoggedInAndLoadWatchList.svelte
+++ b/frontend/src/helperModules/CheckIfAniListLoggedInAndLoadWatchList.svelte
@@ -0,0 +1,34 @@
+<script lang="ts" context="module">
+    import {CheckIfAniListLoggedIn, GetAniListLoggedInUser, GetAniListUserWatchingList} from "../../wailsjs/go/main/App";
+    import {MediaListSort} from "../anilist/types/AniListTypes";
+    import { aniListUser, watchListPage, animePerPage, aniListPrimary, aniListLoggedIn, aniListWatchlist } from "./GlobalVariablesAndHelperFunctions.svelte"
+
+    let isAniListPrimary: boolean
+    let page: number
+    let perPage: number
+
+    aniListPrimary.subscribe(value => isAniListPrimary = value)
+    watchListPage.subscribe(value => page = value)
+    animePerPage.subscribe(value => perPage = value)
+
+    export const LoadAniListUser = async () => {
+        await GetAniListLoggedInUser().then(user => {
+            aniListUser.set(user)
+        })
+    }
+
+    export const LoadAniListWatchList = async () => {
+        await GetAniListUserWatchingList(page, perPage, MediaListSort.UpdatedTimeDesc).then((watchList) => {
+            aniListWatchlist.set(watchList)
+        })
+    }
+
+    export const CheckIfAniListLoggedInAndLoadWatchList = async () => {
+        const loggedIn = await CheckIfAniListLoggedIn()
+        if (loggedIn) {
+            await LoadAniListUser()
+            if (isAniListPrimary) await LoadAniListWatchList()
+        }
+        aniListLoggedIn.set(loggedIn)
+    }
+</script>
--- a/frontend/src/helperModules/CheckIfMyAnimeListLoggedIn.svelte
+++ b/frontend/src/helperModules/CheckIfMyAnimeListLoggedIn.svelte
@@ -0,0 +1,25 @@
+<script lang="ts" context="module">
+    import {CheckIfMyAnimeListLoggedIn, GetMyAnimeList, GetMyAnimeListLoggedInUser} from "../../wailsjs/go/main/App";
+    import {malUser, malPrimary, malWatchList, malLoggedIn} from "./GlobalVariablesAndHelperFunctions.svelte"
+
+    let isMalPrimary: boolean
+    malPrimary.subscribe(value => isMalPrimary = value)
+
+    export const CheckIfMALLoggedInAndSetUser = async () => {
+        await CheckIfMyAnimeListLoggedIn().then(loggedIn => {
+            if (loggedIn) {
+                GetMyAnimeListLoggedInUser().then(user => {
+                    malUser.set(user)
+                    if (isMalPrimary) {
+                        GetMyAnimeList(1000).then(watchList => {
+                            malWatchList.set(watchList)
+                            malLoggedIn.set(loggedIn)
+                        })
+                    } else {
+                        malLoggedIn.set(loggedIn)
+                    }
+                })
+            }
+        })
+    }
+</script>
--- a/frontend/src/helperModules/CheckIsSimklLoggedIn.svelte
+++ b/frontend/src/helperModules/CheckIsSimklLoggedIn.svelte
@@ -0,0 +1,29 @@
+<script lang="ts" context="module">
+    import {CheckIfSimklLoggedIn, GetSimklLoggedInUser, SimklGetUserWatchlist} from "../../wailsjs/go/main/App";
+    import { simklLoggedIn, simklUser, simklPrimary, simklWatchList } from "./GlobalVariablesAndHelperFunctions.svelte";
+
+    let isSimklPrimary: boolean
+    simklPrimary.subscribe(value => isSimklPrimary = value)
+
+    export const CheckIfSimklLoggedInAndSetUser = async () => {
+        await CheckIfSimklLoggedIn().then(loggedIn => {
+            if (loggedIn) {
+                GetSimklLoggedInUser().then(user => {
+                    if (Object.keys(user).length === 0) {
+                        simklLoggedIn.set(false)
+                    } else {
+                        simklUser.set(user)
+                        if (isSimklPrimary) {
+                            SimklGetUserWatchlist().then(result => {
+                                simklWatchList.set(result)
+                                simklLoggedIn.set(loggedIn)
+                            })
+                        } else {
+                            simklLoggedIn.set(loggedIn)
+                        }
+                    }
+                })
+            }
+        })
+    }
+</script>
--- a/frontend/src/helperModules/GlobalVariablesAndHelperFunctions.svelte
+++ b/frontend/src/helperModules/GlobalVariablesAndHelperFunctions.svelte
@@ -1,25 +1,41 @@
 <script lang="ts" context="module">
    import {
        GetAniListItem,
+        GetAniListLoggedInUser,
+        GetAniListUserWatchingList,
        GetMyAnimeListAnime,
+        GetMyAnimeListLoggedInUser,
+        GetSimklLoggedInUser,
+        LogoutAniList,
+        LogoutMyAnimeList,
+        LogoutSimkl,
+        SimklGetUserWatchlist,
        SimklSearch
    } from "../../wailsjs/go/main/App";
-    import {userStore} from "../helperFunctions/userStore";
    import type {
+        AniListCurrentUserWatchList,
        AniListGetSingleAnime
-    } from "../types/AniListCurrentUserWatchListType.js";
-    import {get, writable} from 'svelte/store'
-    import type {SimklAnime, SimklWatchList} from "../types/simklTypes";
-    import type {MALAnime, MALWatchlist} from "../types/MALTypes";
-    import type {TableItems} from "../types/TableTypes";
-    import {AniListGetSingleAnimeDefaultData} from "../defaults/AniListGetSingleAnime";
-    import {AniListWatchListDefaultData} from "../defaults/AniListWatchListDefaultData";
+    } from "../anilist/types/AniListCurrentUserWatchListType.js";
+    import {writable} from 'svelte/store'
+    import type {SimklAnime, SimklUser, SimklWatchList} from "../simkl/types/simklTypes";
+    import {type AniListUser, MediaListSort} from "../anilist/types/AniListTypes";
+    import type {MALAnime, MALWatchlist, MyAnimeListUser} from "../mal/types/MALTypes";
+    import type {TableItems} from "../helperTypes/TableTypes";
+    import {AniListGetSingleAnimeDefaultData} from "../helperDefaults/AniListGetSingleAnime";

    export let aniListAnime = writable(AniListGetSingleAnimeDefaultData)
    export let title = writable("")
    export let aniListLoggedIn = writable(false)
+    export let simklLoggedIn = writable(false)
+    export let malLoggedIn = writable(false)
    export let simklWatchList = writable({} as SimklWatchList)
-    export let aniListWatchlist = writable(AniListWatchListDefaultData)
+    export let aniListPrimary = writable(true)
+    export let simklPrimary = writable(false)
+    export let malPrimary = writable(false)
+    export let simklUser = writable({} as SimklUser)
+    export let aniListUser = writable({} as AniListUser)
+    export let malUser = writable({} as MyAnimeListUser)
+    export let aniListWatchlist = writable({} as AniListCurrentUserWatchList)
    export let malWatchList = writable({} as MALWatchlist)
    export let malAnime = writable({} as MALAnime)
    export let simklAnime = writable({} as SimklAnime)
@@ -29,14 +45,25 @@
    export let watchListPage = writable(1)
    export let animePerPage = writable(20)

+    let isAniListPrimary: boolean
+    let page: number
+    let perPage: number
+    let aniWatchlist: AniListCurrentUserWatchList
    let currentAniListAnime: AniListGetSingleAnime

+    let isMalLoggedIn: boolean
+    let isSimklLoggedIn: boolean
+
+    aniListPrimary.subscribe(value => isAniListPrimary = value)
+    watchListPage.subscribe(value => page = value)
+    animePerPage.subscribe(value => perPage = value)
+    aniListWatchlist.subscribe(value => aniWatchlist = value)
+    malLoggedIn.subscribe(value => isMalLoggedIn = value)
+    simklLoggedIn.subscribe(value => isSimklLoggedIn = value)
    aniListAnime.subscribe(value => currentAniListAnime = value)


    export async function GetAnimeSingleItem(aniId: number, login: boolean): Promise<""> {
-        const store = get(userStore)
-        if (store.anilist.isLoggedIn)
        await GetAniListItem(aniId, login).then(aniListResult => {
            let finalResult: AniListGetSingleAnime
            finalResult = aniListResult
@@ -58,16 +85,78 @@
                currentAniListAnime.data.MediaList.media.title.romaji :
                currentAniListAnime.data.MediaList.media.title.english)
        })
-        if (store.mal.isLoggedIn) {
+        if (isMalLoggedIn) {
            await GetMyAnimeListAnime(currentAniListAnime.data.MediaList.media.idMal).then(malResult => {
                malAnime.set(malResult)
            })
        }
-        if (store.simkl.isLoggedIn) {
+        if (isSimklLoggedIn) {
            await SimklSearch(currentAniListAnime.data.MediaList).then((value: SimklAnime) => {
                simklAnime.set(value)
            })
        }
        return ""
    }
+
+    export function loginToSimkl(): void {
+        GetSimklLoggedInUser().then(user => {
+            if (Object.keys(user).length === 0) {
+                simklLoggedIn.set(false)
+            } else {
+                simklUser.set(user)
+                SimklGetUserWatchlist().then(result => {
+                    simklWatchList.set(result)
+                    simklLoggedIn.set(true)
+                })
+            }
+        })
+    }
+
+    export function loginToAniList(): void {
+        GetAniListLoggedInUser().then(result => {
+            aniListUser.set(result)
+            if (isAniListPrimary) {
+                GetAniListUserWatchingList(page, perPage, MediaListSort.UpdatedTimeDesc).then((result) => {
+                    aniListWatchlist.set(result)
+                    aniListLoggedIn.set(true)
+                })
+            } else {
+                aniListLoggedIn.set(true)
+            }
+        })
+    }
+
+    export function loginToMAL(): void {
+        GetMyAnimeListLoggedInUser().then(result => {
+            malUser.set(result)
+            malLoggedIn.set(true)
+        })
+    }
+
+    export function logoutOfAniList(): void {
+        LogoutAniList().then(result => {
+            console.log(result)
+            if (Object.keys(aniWatchlist).length !== 0) {
+                aniListWatchlist.set({} as AniListCurrentUserWatchList)
+            }
+            aniListUser.set({} as AniListUser)
+            aniListLoggedIn.set(false)
+        })
+    }
+
+    export function logoutOfMAL(): void {
+        LogoutMyAnimeList().then(result => {
+            console.log(result)
+            malUser.set({} as MyAnimeListUser)
+            malLoggedIn.set(false)
+        })
+    }
+
+    export function logoutOfSimkl(): void {
+        LogoutSimkl().then(result => {
+            console.log(result)
+            simklUser.set({} as SimklUser)
+            simklLoggedIn.set(false)
+        })
+    }
 </script>
--- a/frontend/src/helperModules/LoadAniListWatchList.svelte
+++ b/frontend/src/helperModules/LoadAniListWatchList.svelte
@@ -1,17 +0,0 @@
-<script lang="ts" context="module">
-    import {GetAniListUserWatchingList} from "../../wailsjs/go/main/App";
-    import {MediaListSort} from "../types/AniListTypes";
-    import { watchListPage, animePerPage, aniListWatchlist } from "./GlobalVariablesAndHelperFunctions.svelte"
-
-    let page: number
-    let perPage: number
-
-    watchListPage.subscribe(value => page = value)
-    animePerPage.subscribe(value => perPage = value)
-
-    export const LoadAniListWatchList = async () => {
-        await GetAniListUserWatchingList(page, perPage, MediaListSort.UpdatedTimeDesc).then((watchList) => {
-            aniListWatchlist.set(watchList)
-        })
-    }
-</script>
--- a/frontend/src/helperTypes/StatusTypes.ts
+++ b/frontend/src/helperTypes/StatusTypes.ts
--- a/frontend/src/helperTypes/TableTypes.ts
+++ b/frontend/src/helperTypes/TableTypes.ts
--- a/frontend/src/mal/types/MALTypes.ts
+++ b/frontend/src/mal/types/MALTypes.ts
--- a/frontend/src/routes/AnimeRoutePage.svelte
+++ b/frontend/src/routes/AnimeRoutePage.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
    import { aniListAnime, GetAnimeSingleItem } from "../helperModules/GlobalVariablesAndHelperFunctions.svelte";
    import Anime from "../helperComponents/Anime.svelte"
-    import { AniListGetSingleAnimeDefaultData } from "../defaults/AniListGetSingleAnime";
+    import { AniListGetSingleAnimeDefaultData } from "../helperDefaults/AniListGetSingleAnime";
    import Spinner from "../helperComponents/Spinner.svelte";

    export let params: Record<string, string>
--- a/frontend/src/routes/Home.svelte
+++ b/frontend/src/routes/Home.svelte
@@ -2,13 +2,19 @@
 import Pagination from "../helperComponents/Pagination.svelte";
 import WatchList from "../helperComponents/WatchList.svelte";
 import {
+    aniListLoggedIn,
+    aniListPrimary,
    loading,
 } from "../helperModules/GlobalVariablesAndHelperFunctions.svelte";
 import loader from '../helperFunctions/loader'
-import {userStore} from "../helperFunctions/userStore";

+let isAniListPrimary: boolean
+let isAniListLoggedIn: boolean
+
+aniListPrimary.subscribe((value) => isAniListPrimary = value)
+aniListLoggedIn.subscribe((value) => isAniListLoggedIn = value)
 </script>
-{#if $userStore.anilist.isLoggedIn && $userStore.anilist.isPrimary}
+{#if isAniListLoggedIn && isAniListPrimary}
 <div class="container py-10">
    <Pagination />
    <WatchList />
--- a/frontend/src/simkl/types/simklTypes.ts
+++ b/frontend/src/simkl/types/simklTypes.ts
--- a/Items/AniChart.http
+++ b/Items/AniChart.http
@@ -1,79 +0,0 @@
-# @name AniChart
-
-POST https://graphql.anilist.co
-Accept: applicaton/json
-X-REQUEST-TYPE: Graphql
-
-query ($page: Int, $perPage: Int, $airingAt_greater:Int) {
-  Page(page: $page, perPage: $perPage) {
-    pageInfo {
-      total
-      perPage
-      currentPage
-      lastPage
-      hasNextPage
-    }
-    airingSchedules(airingAt_greater:$airingAt_greater){
-      id
-      airingAt
-      timeUntilAiring
-      episode
-      mediaId
-      media{
-        id
-        title{
-          english
-          romaji
-          native
-        }
-        type
-        format
-        status
-        startDate{
-          year
-          month
-          day
-        }
-        endDate{
-          year
-          month
-          day
-        }
-        season
-        seasonYear
-        episodes
-        duration
-        coverImage{
-          medium
-          large
-          color
-          extraLarge
-        }
-        bannerImage
-        genres
-        averageScore
-        meanScore
-        popularity
-        trending
-        favourites
-        tags{
-          id
-          name
-          description
-          category
-          rank
-          isGeneralSpoiler
-          isMediaSpoiler
-          isAdult
-        }
-        isAdult
-      }
-    }
-  }
-}
-
-{
-  "page": 50,
-  "perPage": 20,
-  "airingAt_greater": 1730260800
-}
--- a/rest/AniTrack/Get
+++ b/rest/AniTrack/Get
@@ -1,83 +0,0 @@
-# @name AniList Item
-
-POST https://graphql.anilist.co
-Accept: applicaton/json
-X-REQUEST-TYPE: Graphql
-Authorization: Bearer {{ANILIST_ACCESS_TOKEN}}
-
-query ($userId: Int, $mediaId: Int, $listType: MediaType) {
-  MediaList(mediaId: $mediaId, userId: $userId, type: $listType) {
-    id
-    mediaId
-    userId
-    media {
-      id
-      idMal
-      tags {
-        id
-        name
-        description
-        rank
-        isMediaSpoiler
-        isAdult
-      }
-      title {
-        romaji
-        english
-        native
-      }
-      description
-      coverImage {
-        large
-      }
-      season
-      seasonYear
-      status
-      episodes
-      nextAiringEpisode {
-        airingAt
-        timeUntilAiring
-        episode
-      }
-      isAdult
-    }
-    status
-    startedAt {
-      year
-      month
-      day
-    }
-    completedAt {
-      year
-      month
-      day
-    }
-    notes
-    progress
-    score
-    repeat
-    user {
-      id
-      name
-      avatar {
-        large
-        medium
-      }
-      statistics {
-        anime {
-          count
-          statuses {
-            status
-            count
-          }
-        }
-      }
-    }
-  }
-}
-
-{
-  "userId": 413504,
-  "mediaId": 170998,
-  "listType": "ANIME"
-}
--- a/rest/AniTrack/Get
+++ b/rest/AniTrack/Get
@@ -1,70 +0,0 @@
-# @name AniList MediaList User Query
-
-POST https://graphql.anilist.co
-Accept: applicaton/json
-X-REQUEST-TYPE: Graphql
-
-query(
-  $page: Int
-  $perPage: Int
-  $userId: Int
-  $listType: MediaType
-  $status: MediaListStatus
-) {
-  Page(page: $page, perPage: $perPage) {
-    pageInfo {
-      total
-      perPage
-      currentPage
-      lastPage
-      hasNextPage
-    }
-    mediaList(userId: $userId, type: $listType, status: $status) {
-      id
-      mediaId
-      userId
-      media {
-        id
-        idMal
-        title {
-          romaji
-          english
-          native
-        }
-        description
-        coverImage {
-          large
-        }
-        season
-        seasonYear
-        episodes
-      }
-      status
-      notes
-      progress
-      score
-      repeat
-      user {
-        id
-        statistics {
-          anime {
-            count
-            statuses {
-              status
-              count
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-
-{
-  "page": 1,
-  "perPage": 20,
-  "userId": 413504,
-  "listType": "ANIME",
-  "status": "CURRENT"
-}
--- a/rest/AniTrack/Get
+++ b/rest/AniTrack/Get
@@ -1,44 +0,0 @@
-# @name AniList Search
-
-POST https://graphql.anilist.co
-Accept: applicaton/json
-X-REQUEST-TYPE: Graphql
-
-query ($search: String!, $listType: MediaType) {
-				 Page (page: 1, perPage: 100) {
-					pageInfo {
-					  total
-					  currentPage
-					  lastPage
-					  hasNextPage
-					  perPage
-					}
-					media (search: $search, type: $listType) {
-						id						
-						idMal
-						title {
-						  romaji
-						  english
-						  native
-						}
-						description
-						coverImage {
-						  large
-						}
-						season
-						seasonYear
-						status
-						episodes
-						nextAiringEpisode{
-						  airingAt
-						  timeUntilAiring
-						  episode
-						}
-					}
-				}
-			}
-
-{
-  "search": "dan-da-dan",
-  "listType": "ANIME"
-}
--- a/Items/GetAniListUserWatchingList.http
+++ b/Items/GetAniListUserWatchingList.http
@@ -1,93 +0,0 @@
-# @name GetAniListUserWatchList
-
-POST https://graphql.anilist.co
-Accept: applicaton/json
-X-REQUEST-TYPE: Graphql
-
-query (
-  $page: Int
-  $perPage: Int
-  $userId: Int
-  $listType: MediaType
-  $status: MediaListStatus
-  $sort: [MediaListSort]
-) {
-  Page(page: $page, perPage: $perPage) {
-    pageInfo {
-      total
-      perPage
-      currentPage
-      lastPage
-      hasNextPage
-    }
-    mediaList(userId: $userId, type: $listType, status: $status, sort: $sort) {
-      id
-      mediaId
-      userId
-      media {
-        id
-        idMal
-        title {
-          romaji
-          english
-          native
-        }
-        description
-        coverImage {
-          large
-        }
-        season
-        seasonYear
-        status
-        episodes
-        nextAiringEpisode {
-          airingAt
-          timeUntilAiring
-          episode
-        }
-      }
-      status
-      startedAt {
-        year
-        month
-        day
-      }
-      completedAt {
-        year
-        month
-        day
-      }
-      notes
-      progress
-      score
-      repeat
-      user {
-        id
-        name
-        avatar {
-          large
-          medium
-        }
-        statistics {
-          anime {
-            count
-            statuses {
-              status
-              count
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-
-{
-  "page": 1,
-  "perPage": 20,
-  "userId": 413504,
-  "listType": "ANIME",
-  "status": "CURRENT",
-  "sort": "UPDATED_TIME_DESC"
-}
--- a/rest/AniTrack/GetAuthorizationToken.http
+++ b/rest/AniTrack/GetAuthorizationToken.http
@@ -1,3 +0,0 @@
-# @name GetAuthorizationToken
-
-GET https://anilist.co/api/v2/oauth/authorize?client_id={{ANILIST_APP_ID}}&redirect_uri=http://localhost:6734/callback&response_type=code
--- a/rest/AniTrack/Load
+++ b/rest/AniTrack/Load
@@ -1,11 +0,0 @@
-# @name Load AniList Oauth Token
-
-POST https://anilist.co/api/v2/oauth/token
-Content-Type: application/x-www-form-urlencoded
-Accept: application/json
-
-grant_type=authorization_code
-client_id={{ANILIST_APP_ID}}
-client_secret={{ANILIST_SECRET_ID}}
-redirect_uri=http://localhost:6734/callback
-code={{ANILIST_CODE}}
--- a/rest/AniTrack/Set
+++ b/rest/AniTrack/Set
@@ -1,76 +0,0 @@
-# @name AniList Change Episode Watched
-
-POST https://graphql.anilist.co
-Content-Type: applicaton/json
-Accept: applicaton/json
-X-REQUEST-TYPE: Graphql
-Authorization: Bearer {{ANILIST_ACCESS_TOKEN}}
-
-mutation($mediaId:Int, $progress:Int, $status:MediaListStatus){
-  SaveMediaListEntry(mediaId:$mediaId, progress:$progress, status:$status){   
-    id
-    mediaId
-    userId
-    media {
-      id
-      idMal
-      title {
-        romaji
-        english
-        native
-      }
-      description
-      coverImage {
-        large
-      }
-      season
-      seasonYear
-      status
-      episodes
-      nextAiringEpisode {
-        airingAt
-        timeUntilAiring
-        episode
-      }
-      isAdult
-    }
-    status
-    startedAt{
-      year
-      month
-      day
-    }
-    completedAt{
-      year
-      month
-      day
-    }
-    notes
-    progress
-    score
-    repeat
-    user {
-      id
-      name
-      avatar{
-        large
-        medium
-      }
-      statistics{
-        anime{
-          count
-          statuses{
-            status
-            count
-          }
-        }
-      }
-    }
-  }
-}
-
-{
-  "mediaId": 169417,
-  "progress": 12,
-  "status":"COMPLETED"
-}
--- a/rest/AniTrack/Set
+++ b/rest/AniTrack/Set
@@ -1,19 +0,0 @@
-# @name AniList Change Status
-
-POST https://graphql.anilist.co
-Content-Type: applicaton/json
-Accept: applicaton/json
-X-REQUEST-TYPE: Graphql
-Authorization: Bearer {{ANILIST_ACCESS_TOKEN}}
-
-mutation($mediaId:Int, $status:MediaListStatus){
-  SaveMediaListEntry(mediaId:$mediaId, status:$status){
-    id
-    status
-  }
-}
-
-{
-  "mediaId": 1,
-  "status": "CURRENT"
-}
--- a/rest/AniTrack/Set
+++ b/rest/AniTrack/Set
@@ -1,65 +0,0 @@
-# @name AniList Change Count
-
-POST https://graphql.anilist.co
-Content-Type: applicaton/json
-Accept: applicaton/json
-X-REQUEST-TYPE: Graphql
-Authorization: Bearer {{ANILIST_ACCESS_TOKEN}}
-
-mutation (
-  $mediaId: Int
-  $progress: Int
-  $status: MediaListStatus
-  $score: Float
-  $repeat: Int
-  $notes: String
-  $startedAt: FuzzyDateInput
-  $completedAt: FuzzyDateInput
-) {
-  SaveMediaListEntry(
-    mediaId: $mediaId
-    progress: $progress
-    status: $status
-    score: $score
-    repeat: $repeat
-    notes: $notes
-    startedAt: $startedAt
-    completedAt: $completedAt
-  ) {
-    mediaId
-    progress
-    status
-    score
-    repeat
-    notes
-    startedAt {
-      year
-      month
-      day
-    }
-    completedAt {
-      year
-      month
-      day
-    }
-  }
-}
-
-{
-  "mediaId": 170998,
-  "progress": 5,
-  "status": "CURRENT",
-  "score": 9.0,
-  "repeat": 0,
-  "notes": ",malSync::eyJ1IjoiaHR0cHM6Ly93d3cuY3J1bmNoeXJvbGwuY29tL3Nlcmllcy9HVkRIWDg1Wk4vI3NlYXNvbj1HNjNWQzJHUUsiLCJwIjoiIn0=::",
-  "startedAt": {
-    "year": 2024,
-    "month": 7,
-    "day": 10
-  },
-  "completedAt": {
-    "year": 0,
-    "month": 0,
-    "day": 0
-  }
-}
--- a/rest/AniTrack/Set
+++ b/rest/AniTrack/Set
@@ -1,17 +0,0 @@
-# @name AniList Delete Media
-
-POST https://graphql.anilist.co
-Content-Type: applicaton/json
-Accept: applicaton/json
-X-REQUEST-TYPE: Graphql
-Authorization: Bearer {{ANILIST_ACCESS_TOKEN}}
-
-mutation ($id: Int) {
-  DeleteMediaListEntry(id: $id) {
-    deleted
-  }
-}
-
-{
-  "id": 430978266
-}
--- a/AnimeList.http
+++ b/AnimeList.http
@@ -1,6 +0,0 @@
-# @name Get AnimeList
-
-GET https://api.myanimelist.net/v2/users/{{MAL_USER}}/animelist?fields=list_status&status=watching&limit=1000
-Content-Type application/x-www-form-urlencoded
-Accept: application/json
-Authorization: Bearer {{MAL_ACCESS_TOKEN}}
--- a/Authorization.http
+++ b/Authorization.http
@@ -1,12 +0,0 @@
-# @name Get Authorization
-
-POST https://myanimelist.net/v1/oauth2/token
-Content-Type: application/x-www-form-urlencoded
-Accept: application/json
-
-grant_type=authorization_code&
-client_id={{MAL_CLIENT_ID}}&
-client_secret={{MAL_CLIENT_SECRET}}&
-redirect_uri=http://localhost:6734/callback&
-code={{MAL_CODE}}&
-code_verifier={{MAL_VERIFIER}}
--- a/rest/MAL/Get
+++ b/rest/MAL/Get
@@ -1,5 +0,0 @@
-# @name Get Single Anime
-
-GET https://api.myanimelist.net/v2/anime/57380?fields=id,title,main_picture,alternative_titles,start_date,end_date,synopsis,mean,rank,popularity,num_list_users,num_scoring_users,nsfw,genres,created_at,updated_at,media_type,status,my_list_status,num_episodes,start_season,broadcast,source,average_episode_duration,rating,pictures,background,related_anime,recommendations,studios,statistics
-Accept: application/json
-Authorization: Bearer {{MAL_ACCESS_TOKEN}}
--- a/rest/MAL/MAL
+++ b/rest/MAL/MAL
@@ -1,5 +0,0 @@
-# @name MAL Oauth Page
-
-GET https://myanimelist.net/v1/oauth2/authorize?response_type=code&client_id={{MAL_CLIENT_ID}}&redirect_uri={{MAL_CALLBACK_URI}}
-cookie MALSESSIONID=5ad688aafb78239bfd84752752ce193f; MALHLOGSESSID=632f67c3955267b4e57fc3d74b373ebb
-Accept: application/json
--- a/rest/MAL/Update
+++ b/rest/MAL/Update
@@ -1,8 +0,0 @@
-# @name Update Anime Status
-
-PATCH https://api.myanimelist.net/v2/anime/50205/my_list_status
-Content-Type: application/x-www-form-urlencoded
-Accept: application/json
-Authorization: Bearer {{MAL_ACCESS_TOKEN}}
-
-num_watched_episodes=3
--- a/rest/Simkl/Get
+++ b/rest/Simkl/Get
@@ -1,3 +0,0 @@
-# @name Get Code
-
-GET https://simkl.com/oauth/authorize?response_type=code&client_id={{SIMKL_CLIENT_ID}}&redirect_uri=http://localhost:6734/callback
--- a/rest/Simkl/Get
+++ b/rest/Simkl/Get
@@ -1,5 +0,0 @@
-# @name Get Anime Full Info
-
-GET https://api.simkl.com/anime/40084?extended=full
-Accept application/json
-simkl-api-key {{SIMKL_CLIENT_ID}}
--- a/WatchList.http
+++ b/WatchList.http
@@ -1,7 +0,0 @@
-# @name GetUser WatchList
-
-GET https://api.simkl.com/sync/all-items/anime/
-Content-Type application/json
-Accept application/json
-simkl-api-key {{SIMKL_CLIENT_ID}}
-Authorization Bearer {{SIMKL_AUTH_TOKEN}}
--- a/rest/Simkl/Get
+++ b/rest/Simkl/Get
@@ -1,5 +0,0 @@
-# @name Search By MALID to Get Simkl ID
-
-GET https://api.simkl.com/search/id?anilist=174576
-Accept application/json
-simkl-api-key {{SIMKL_CLIENT_ID}}
--- a/rest/Simkl/Post
+++ b/rest/Simkl/Post
@@ -1,17 +0,0 @@
-# @name Delete Entry
-
-GET https://api.simkl.com/sync/history/remove
-Content-Type application/json
-Accept application/json
-simkl-api-key {{SIMKL_CLIENT_ID}}
-Authorization Bearer {{SIMKL_AUTH_TOKEN}}
-
-{
-  "shows": [
-    {
-      "ids": {
-        "simkl": 909121
-      }
-    }
-  ]
-}
--- a/rest/Simkl/Post
+++ b/rest/Simkl/Post
@@ -1,40 +0,0 @@
-# @name Update Episode
-
-GET https://api.simkl.com/sync/history
-Content-Type application/json
-Accept application/json
-simkl-api-key {{SIMKL_CLIENT_ID}}
-Authorization Bearer {{SIMKL_AUTH_TOKEN}}
-
-{
-  "shows": [
-    {
-      "title": "Ramen Aka Neko",
-      "ids": {
-        "simkl": 2307708,
-        "mal": "57325",
-        "anilist": "170998"
-      },
-      "episodes": [
-        {
-          "number": 1
-        },
-        {
-          "number": 2
-        },
-        {
-          "number": 3
-        },
-        {
-          "number": 4
-        },
-        {
-          "number": 5
-        },
-        {
-          "number": 6
-        }
-      ]
-    }
-  ]
-}
--- a/rest/Simkl/SimklGetAuthorizationToken.http
+++ b/rest/Simkl/SimklGetAuthorizationToken.http
@@ -1,12 +0,0 @@
-# @name SimklGetAuthorizationToken
-
-POST https://api.simkl.com/oauth/token
-Content-Type application/json
-
-{
-  "grant_type": "authorization_code",
-  "client_id": "{{SIMKL_CLIENT_ID}}",
-  "client_secret": "{{SIMKL_CLIENT_SECRET}}",
-  "redirect_uri": "http://localhost:6734/callback",
-  "code": {{SIMKL_CODE}}
-}
--- a/rest/http-client.env.json
+++ b/rest/http-client.env.json
@@ -1,19 +0,0 @@
-{
-  "$schema": "https://raw.githubusercontent.com/mistweaverco/kulala.nvim/main/schemas/http-client.env.schema.json",
-  "dev": {
-    "ANILIST_ACCESS_TOKEN": "",
-    "ANILIST_APP_ID": "",
-    "ANILIST_SECRET": "",
-    "ANILSIT_CODE": "",
-    "MAL_ACCESS_TOKEN": "",
-    "MAL_CLIENT_ID": "",
-    "MAL_CLIENT_SECRET": "",
-    "MAL_CODE": "",
-    "MAL_USER": "",
-    "MAL_VERIFIER": "",
-    "SIMKL_AUTH_TOKEN": "",
-    "SIMKL_CODE": "",
-    "SIMKL_CLIENT_ID": "",
-    "SIMKL_CLIENT_SECRET": ""
-  }
-}
--- a/wails.json
+++ b/wails.json
@@ -12,6 +12,6 @@
  },
  "info": {
    "productName": "AniTrack",
-    "productVersion": "0.6.0"
+    "productVersion": "0.5.2"
  }
 }
Author	SHA1	Message	Date
John O'Keefe	5ed6dedeab	chore(version): bump version to 0.5.2 Increment version number from 0.5.1 to 0.5.2 for the Logo click fix	2026-03-20 11:02:15 -04:00
John O'Keefe	3271af445a	chore(version): bump version to 0.5.1 Increment version number from 0.5.0 to 0.5.1 for the upcoming release.	2026-03-20 10:59:07 -04:00
John O'Keefe	e7e9e5b826	bugfix(frontend): added use:link to the logos href to prevent full page reload Bug: Every click of the logo would consistently do a full page reload - Logo clicking now uses svelte-spa-router's link Apply consistent formatting to Header.svelte: - Add semicolons to all statements - Improve JSX/HTML attribute formatting for better readability - Add link import from svelte-spa-router for SPA navigation - Format multi-line attributes with proper indentation These changes improve code consistency and maintainability without altering any functionality.	2026-03-20 10:59:07 -04:00
John O'Keefe	5337758dee	chore(rest): remove obsolete REST API test files Remove all .http test files and environment configuration used for API testing. These files were used during development for testing AniList, MAL, and Simkl API endpoints but are no longer needed as the application has matured. Removed files: - rest/AniTrack/ - AniList API test endpoints (search, queries, mutations, OAuth) - rest/MAL/ - MyAnimeList API test endpoints (OAuth, anime lists, updates) - rest/Simkl/ - Simkl API test endpoints (OAuth, watchlist, updates) - rest/http-client.env.json - Environment configuration for test files	2026-03-20 10:56:34 -04:00
John O'Keefe	426793e56a	docs: update AniList search query in Bruno collection Add the genre field to the AniList Search GraphQL query in the Bruno API collection. This keeps the API documentation collection in sync with the application's query structure, allowing for testing and verification of genre data retrieval from the AniList API.	2026-03-19 21:09:27 -04:00
John O'Keefe	a794b77654	build: update Wails generated models for genres support Regenerate the Wails TypeScript models to include the new Genres field in the MediaList type definition. This is an auto-generated file that reflects the updated Go backend type structure with the genres []string field added to the media object.	2026-03-19 21:09:27 -04:00
John O'Keefe	c510c2a138	feat(frontend): add genre display UI and enhance link component - Anime.svelte: Add genre display section with clickable badges that link to AniList search results for each genre. Genres are now displayed above the existing tags section with consistent styling. - WebsiteLink.svelte: Enhance component to support custom URLs via the `url` export parameter. Previously, the component only generated URLs based on service prefixes (a-, m-, s-). Now it accepts a direct URL parameter for flexible linking to AniList searches and other external resources. These changes provide users with an improved browsing experience by making genres interactive and easily searchable.	2026-03-19 21:09:27 -04:00
John O'Keefe	8cbf5cb20c	feat(frontend): update TypeScript types for AniList genres support Update the AniListCurrentUserWatchListType TypeScript interface to include the genres field as a string array, matching the updated backend Go type definition. This ensures type safety and proper IDE autocomplete when working with genre data in the frontend.	2026-03-19 21:06:46 -04:00
John O'Keefe	54a8924384	feat(backend): add genres support to AniList integration Add the `genres` field to AniList GraphQL queries and type definitions: - Add genres field to GetAniListItem query for fetching single anime details - Add genres field to AniListSearch query for search results - Add genres field to GetAniListUserWatchingList query for user's watch list - Update MediaList type definition to include Genres []string field This enhancement allows the application to retrieve and display anime genre information from the AniList API, providing users with better categorization and discovery capabilities.	2026-03-19 21:06:46 -04:00