fix: resolve syntax error in App.svelte

Fixed TypeScript compilation error caused by import statement and function declaration being on the same line. Changes: - Separated import statement and onMount declaration onto different lines - Resolved svelte-preprocess type error - File now compiles correctly This was a typo from previous commit where the loc import line was incorrectly merged with the existing onMount function declaration.
chore: remove VSCode extensions.json
2026-03-21 13:28:33 -04:00 · 2026-03-21 13:25:49 -04:00 · 2026-03-21 13:25:46 -04:00 · 2026-03-21 13:25:45 -04:00 · 2026-03-21 13:25:43 -04:00 · 2026-03-20 15:53:33 -04:00
32 changed files with 1182 additions and 1802 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -33,3 +33,6 @@ environment.go

 # REST (http files)
 http-client.private.env.json
+
+# Build artifacts
+build/*.tar.gz
--- a/frontend/.vscode/extensions.json
+++ b/frontend/.vscode/extensions.json
@@ -1,5 +0,0 @@
-{
-  "recommendations": [
-    "svelte.svelte-vscode"
-  ]
-}
--- a/frontend/src/App.svelte
+++ b/frontend/src/App.svelte
@@ -3,40 +3,68 @@
    aniListLoggedIn,
    malLoggedIn,
    simklLoggedIn,
+    watchlistNeedsRefresh,
+    aniListPrimary,
+    malPrimary,
+    simklPrimary,
+    malWatchList,
+    simklWatchList,
  } from "./helperModules/GlobalVariablesAndHelperFunctions.svelte";
  import { onMount } from "svelte";
-    import Router from "svelte-spa-router"
+  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";
+  import { CheckIfSimklLoggedInAndSetUser } from "./helperModules/CheckIsSimklLoggedIn.svelte";
+  import {
+    CheckIfAniListLoggedIn,
+    GetMyAnimeList,
+    SimklGetUserWatchlist,
+  } from "../wailsjs/go/main/App";
+  import { loc } from "svelte-spa-router";

  onMount(async () => {
-        let isAniListLoggedIn: boolean
-        let isMALLoggedIn: boolean
-        let isSimklLoggedIn: boolean
-        aniListLoggedIn.subscribe((value) => isAniListLoggedIn = value)
-        malLoggedIn.subscribe((value) => isMALLoggedIn = value)
-        simklLoggedIn.subscribe((value) => isSimklLoggedIn = value)
+    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()
-    })
+    !isAniListLoggedIn && (await CheckIfAniListLoggedInAndLoadWatchList());
+    !isMALLoggedIn && (await CheckIfMALLoggedInAndSetUser());
+    !isSimklLoggedIn && (await CheckIfSimklLoggedInAndSetUser());
+  });
+
+  $: if ($loc?.location === "/" && $watchlistNeedsRefresh) {
+    (async () => {
+      if ($aniListLoggedIn && $aniListPrimary) {
+        await CheckIfAniListLoggedInAndLoadWatchList();
+      }
+      if ($malLoggedIn && $malPrimary) {
+        await GetMyAnimeList(1000).then((w) => malWatchList.set(w));
+      }
+      if ($simklLoggedIn && $simklPrimary) {
+        await SimklGetUserWatchlist().then((w) => simklWatchList.set(w));
+      }
+
+      watchlistNeedsRefresh.set(false);
+    })();
+  }
 </script>

 <Header />
-<Router routes={{
-    '/': Home,
-    '/anime/:id': wrap({
-        asyncComponent: () => import('./routes/AnimeRoutePage.svelte'),
+<Router
+  routes={{
+    "/": Home,
+    "/anime/:id": wrap({
+      asyncComponent: () => import("./routes/AnimeRoutePage.svelte"),
      conditions: [async () => await CheckIfAniListLoggedIn()],
-        loadingComponent: Spinner
+      loadingComponent: Spinner,
    }),
    // '*': "Not Found"
-}} />
+  }}
+/>
--- a/frontend/src/helperComponents/Anime.svelte
+++ b/frontend/src/helperComponents/Anime.svelte
@@ -6,6 +6,7 @@
    malLoggedIn,
    simklAnime,
    simklLoggedIn,
+    watchlistNeedsRefresh,
  } from "../helperModules/GlobalVariablesAndHelperFunctions.svelte";
  import { push } from "svelte-spa-router";
  import WebsiteLink from "./WebsiteLink.svelte";
@@ -23,10 +24,7 @@
  } from "../mal/types/MALTypes";
  import type { SimklAnime } from "../simkl/types/simklTypes";
  import { writable } from "svelte/store";
-    import type {
-        StatusOption,
-        StatusOptions,
-    } from "../helperTypes/StatusTypes";
+  import type { StatusOption, StatusOptions } from "../helperTypes/StatusTypes";
  import type { AniListUpdateVariables } from "../anilist/types/AniListTypes";
  import { convertDateToAniList } from "../helperFunctions/convertDateToAniList";
  import {
@@ -81,8 +79,7 @@
    { id: 5, aniList: "REPEATING", mal: "rewatching", simkl: "watching" },
  ];
  let startingAnilistStatusOption: StatusOption = statusOptions.filter(
-        (option) =>
-            currentAniListAnime.data.MediaList.status === option.aniList,
+    (option) => currentAniListAnime.data.MediaList.status === option.aniList,
  )[0];
  let startedAtDate: Date | null = convertAniListDateToDate(
    currentAniListAnime.data.MediaList.startedAt,
@@ -113,15 +110,11 @@
    let startDate = "";
    let finishDate = "";
    if (currentMalAnime.my_list_status.start_date !== "") {
-            const startArray = re.exec(
-                currentMalAnime.my_list_status.start_date,
-            );
+      const startArray = re.exec(currentMalAnime.my_list_status.start_date);
      startDate = `${startArray[2]}-${startArray[3]}-${startArray[1]}`;
    }
    if (currentMalAnime.my_list_status.finish_date !== "") {
-            const finishArray = re.exec(
-                currentMalAnime.my_list_status.finish_date,
-            );
+      const finishArray = re.exec(currentMalAnime.my_list_status.finish_date);
      finishDate = `${finishArray[2]}-${finishArray[3]}-${finishArray[1]}`;
    }
    AddAnimeServiceToTable({
@@ -198,6 +191,7 @@
      submitData[key] = value;
    }

+    try {
      if (
        isAniListLoggedIn &&
        currentAniListAnime.data.MediaList.mediaId !== 0
@@ -212,10 +206,11 @@
          startedAt: convertDateToAniList(startedAtDate),
          completedAt: convertDateToAniList(completedAtDate),
        };
-            await AniListUpdateEntry(body).then(
-                (value: AniListGetSingleAnime) => {
+        await AniListUpdateEntry(body).then((value: AniListGetSingleAnime) => {
          value.data.MediaList.media.tags =
            currentAniListAnime.data.MediaList.media.tags;
+          value.data.MediaList.media.genres =
+            currentAniListAnime.data.MediaList.media.genres;
          aniListAnime.update((newValue) => {
            newValue = value;
            return newValue;
@@ -236,8 +231,7 @@
            repeat: currentAniListAnime.data.MediaList.repeat,
            notes: currentAniListAnime.data.MediaList.notes,
          });
-                },
-            );
+        });
      }

      if (malLoggedIn && currentMalAnime.id !== 0) {
@@ -254,8 +248,7 @@
          (malAnimeReturn: MalListStatus) => {
            malAnime.update((value) => {
              value.my_list_status.status = malAnimeReturn.status;
-                        value.my_list_status.is_rewatching =
-                            malAnimeReturn.is_rewatching;
+              value.my_list_status.is_rewatching = malAnimeReturn.is_rewatching;
              value.my_list_status.score = malAnimeReturn.score;
              value.my_list_status.num_episodes_watched =
                malAnimeReturn.num_episodes_watched;
@@ -282,14 +275,12 @@
              id: `m-${currentMalAnime.id}`,
              title: currentMalAnime.title,
              service: "MyAnimeList",
-                        progress:
-                            currentMalAnime.my_list_status.num_episodes_watched,
+              progress: currentMalAnime.my_list_status.num_episodes_watched,
              status: currentMalAnime.my_list_status.status,
              startedAt: startDate,
              completedAt: finishDate,
              score: currentMalAnime.my_list_status.score,
-                        repeat: currentMalAnime.my_list_status
-                            .num_times_rewatched,
+              repeat: currentMalAnime.my_list_status.num_times_rewatched,
              notes: currentMalAnime.my_list_status.comments,
            });
          },
@@ -297,13 +288,9 @@
      }

      if (simklLoggedIn && currentSimklAnime.show.ids.simkl !== 0) {
-            if (
-                currentSimklAnime.watched_episodes_count !== submitData.episodes
-            ) {
-                await SimklSyncEpisodes(
-                    currentSimklAnime,
-                    submitData.episodes,
-                ).then((value: SimklAnime) => {
+        if (currentSimklAnime.watched_episodes_count !== submitData.episodes) {
+          await SimklSyncEpisodes(currentSimklAnime, submitData.episodes).then(
+            (value: SimklAnime) => {
              AddAnimeServiceToTable({
                id: `s-${value.show.ids.simkl}`,
                title: value.show.title,
@@ -320,14 +307,13 @@
                newValue = value;
                return newValue;
              });
-                });
+            },
+          );
        }

        if (currentSimklAnime.user_rating !== submitData.rating) {
-                await SimklSyncRating(
-                    currentSimklAnime,
-                    submitData.rating,
-                ).then((value) => {
+          await SimklSyncRating(currentSimklAnime, submitData.rating).then(
+            (value) => {
              AddAnimeServiceToTable({
                id: `s-${value.show.ids.simkl}`,
                title: value.show.title,
@@ -344,7 +330,8 @@
                newValue = value;
                return newValue;
              });
-                });
+            },
+          );
        }

        if (currentSimklAnime.status !== submitData.status.simkl) {
@@ -371,14 +358,19 @@
          });
        }
      }
-
+    } catch (error) {
+      console.error("Error submitting changes:", error);
+    } finally {
      submitting.set(false);
      submitSuccess.set(true);
+      watchlistNeedsRefresh.set(true);
      setTimeout(() => submitSuccess.set(false), 2000);
+    }
  };

  const deleteEntries = async () => {
    submitting.set(true);
+    try {
      if (
        isAniListLoggedIn &&
        currentAniListAnime.data.MediaList.mediaId !== 0
@@ -427,9 +419,14 @@
          notes: "",
        });
      }
+    } catch (error) {
+      console.error("Error deleting entries:", error);
+    } finally {
      submitting.set(false);
      submitSuccess.set(true);
+      watchlistNeedsRefresh.set(true);
      setTimeout(() => submitSuccess.set(false), 2000);
+    }
  };

  let max = 999;
@@ -442,8 +439,7 @@
    currentAniListAnime.data.MediaList.media.nextAiringEpisode.episode !== 0
  ) {
    max =
-            currentAniListAnime.data.MediaList.media.nextAiringEpisode.episode -
-            1;
+      currentAniListAnime.data.MediaList.media.nextAiringEpisode.episode - 1;
  }
 </script>

@@ -479,17 +475,11 @@
              on:click={() => {
                currentAniListAnime.data.MediaList.progress -= 1;
                if (
-                                    currentAniListAnime.data.MediaList
-                                        .progress <
-                                    currentAniListAnime.data.MediaList.media
-                                        .episodes
+                  currentAniListAnime.data.MediaList.progress <
+                  currentAniListAnime.data.MediaList.media.episodes
                ) {
-                                    startingAnilistStatusOption =
-                                        statusOptions[0];
-                                    if (
-                                        currentAniListAnime.data.MediaList
-                                            .repeat === 0
-                                    )
+                  startingAnilistStatusOption = statusOptions[0];
+                  if (currentAniListAnime.data.MediaList.repeat === 0)
                    completedAtDate = null;
                }
              }}
@@ -519,22 +509,18 @@
              id="episodes"
              class="border border-x-0 p-2.5 h-11 text-center text-sm block w-full placeholder-gray-400 [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none
                            {currentAniListAnime.data.MediaList.progress < 0 ||
-                            (currentAniListAnime.data.MediaList.media.episodes >
-                                0 &&
+              (currentAniListAnime.data.MediaList.media.episodes > 0 &&
                currentAniListAnime.data.MediaList.progress >
-                                    currentAniListAnime.data.MediaList.media
-                                        .episodes) ||
-                            (currentAniListAnime.data.MediaList.media
-                                .nextAiringEpisode.episode > 0 &&
+                  currentAniListAnime.data.MediaList.media.episodes) ||
+              (currentAniListAnime.data.MediaList.media.nextAiringEpisode
+                .episode > 0 &&
                currentAniListAnime.data.MediaList.progress >
-                                    currentAniListAnime.data.MediaList.media
-                                        .nextAiringEpisode.episode -
+                  currentAniListAnime.data.MediaList.media.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'} w-24"
-                            bind:value={
-                                currentAniListAnime.data.MediaList.progress
-                            }
+              bind:value={currentAniListAnime.data.MediaList.progress}
              required
            />
            <button
@@ -544,24 +530,15 @@
              on:click={() => {
                currentAniListAnime.data.MediaList.progress += 1;
                if (
-                                    currentAniListAnime.data.MediaList.media
-                                        .episodes ===
+                  currentAniListAnime.data.MediaList.media.episodes ===
                  currentAniListAnime.data.MediaList.progress
                ) {
-                                    startingAnilistStatusOption =
-                                        statusOptions[2];
+                  startingAnilistStatusOption = statusOptions[2];
                  completedAtDate = new Date();
                }
-                                if (
-                                    currentAniListAnime.data.MediaList
-                                        .progress -
-                                        1 ===
-                                    0
-                                ) {
-                                    startingAnilistStatusOption =
-                                        statusOptions[0];
-                                    if (startedAtDate === null)
-                                        startedAtDate = new Date();
+                if (currentAniListAnime.data.MediaList.progress - 1 === 0) {
+                  startingAnilistStatusOption = statusOptions[0];
+                  if (startedAtDate === null) startedAtDate = new Date();
                }
              }}
              class="bg-gray-700 hover:bg-gray-600 border-gray-600 border rounded-e-lg p-3 h-11 focus:ring-gray-700 focus:ring-2 focus:outline-none"
@@ -584,16 +561,15 @@
            </button>
          </div>
          <div>
-                        / {currentAniListAnime.data.MediaList.media
-                            .nextAiringEpisode.episode !== 0
-                            ? currentAniListAnime.data.MediaList.media
-                                  .nextAiringEpisode.episode - 1
+            / {currentAniListAnime.data.MediaList.media.nextAiringEpisode
+              .episode !== 0
+              ? currentAniListAnime.data.MediaList.media.nextAiringEpisode
+                  .episode - 1
              : currentAniListAnime.data.MediaList.media.episodes}
          </div>
          {#if currentAniListAnime.data.MediaList.media.nextAiringEpisode.episode !== 0}
            <div>
-                            of {currentAniListAnime.data.MediaList.media
-                                .episodes}
+              of {currentAniListAnime.data.MediaList.media.episodes}
            </div>
          {/if}
        </div>
@@ -665,8 +641,7 @@
            name="repeat"
            min="0"
            id="repeat"
-                        class="border {currentAniListAnime.data.MediaList
-                            .repeat < 0
+            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 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}
@@ -730,6 +705,7 @@
        Sync Changes
      </button>
      <button
+        type="button"
        class="text-white bg-gray-800 border border-gray-600 focus:outline-none hover:bg-gray-700 focus:ring-4
                    focus:ring-gray-700 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2
                    hover:border-gray-600"
@@ -829,7 +805,7 @@
  <div class="flex m-5">
    <div>
      <h3 class="text-2xl">Genres</h3>
-            {#each currentAniListAnime.data.MediaList.media.genres as genre}
+      {#each currentAniListAnime.data.MediaList.media.genres || [] as genre}
        <div>
          <Badge large border color="blue" class="m-1 w-52">
            <div>
--- a/frontend/src/helperComponents/Header.svelte
+++ b/frontend/src/helperComponents/Header.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import Search from "./Search.svelte"
+    import Search from "./Search.svelte";
    import {
        aniListLoggedIn,
        loginToAniList,
@@ -7,45 +7,71 @@
        loginToSimkl,
        malLoggedIn,
        simklLoggedIn,
-    } from "../helperModules/GlobalVariablesAndHelperFunctions.svelte"
+    } from "../helperModules/GlobalVariablesAndHelperFunctions.svelte";
    import AvatarMenu from "./AvatarMenu.svelte";
-    import logo from "../assets/images/AniTrackLogo.svg"
+    import logo from "../assets/images/AniTrackLogo.svg";
+    import { link } from "svelte-spa-router";

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

-    aniListLoggedIn.subscribe((value) => isAniListLoggedIn = value)
-    simklLoggedIn.subscribe((value) => isSimklLoggedIn = value)
-    malLoggedIn.subscribe((value) => isMALLoggedIn = value)
+    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"
+            <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">
+                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 !isAniListLoggedIn}
                        <button on:click={loginToAniList}>
--- a/frontend/src/helperComponents/WatchList.svelte
+++ b/frontend/src/helperComponents/WatchList.svelte
@@ -6,30 +6,50 @@
    loading,
  } from "../helperModules/GlobalVariablesAndHelperFunctions.svelte";
  import { push } from "svelte-spa-router";
-    import type {AniListCurrentUserWatchList} from "../anilist/types/AniListCurrentUserWatchListType"
+  import type { AniListCurrentUserWatchList } from "../anilist/types/AniListCurrentUserWatchListType";
  import { Rating } from "flowbite-svelte";
-    import loader from '../helperFunctions/loader'
+  import loader from "../helperFunctions/loader";
+  import { CheckIfAniListLoggedInAndLoadWatchList } from "../helperModules/CheckIfAniListLoggedInAndLoadWatchList.svelte";

+  let isAniListLoggedIn: boolean;
+  let aniListWatchListLoaded: AniListCurrentUserWatchList;

-    let isAniListLoggedIn: boolean
-    let aniListWatchListLoaded: AniListCurrentUserWatchList
-
-    aniListLoggedIn.subscribe((value) => isAniListLoggedIn = value)
-    aniListWatchlist.subscribe((value) => aniListWatchListLoaded = value)
-
+  aniListLoggedIn.subscribe((value) => (isAniListLoggedIn = value));
+  aniListWatchlist.subscribe((value) => (aniListWatchListLoaded = value));
 </script>

 <div>
  {#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="mx-auto max-w-2xl p-4 sm:p-6 lg:max-w-7xl lg:px-8 relative items-center"
+    >
+      <div class="flex justify-between items-center mb-4">
+        <h1 class="text-left text-xl font-bold">Your AniList WatchList</h1>
+        <button
+          type="button"
+          class="py-2 px-4 bg-gray-700 rounded-lg"
+          on:click={async () => {
+            loading.set(true);
+            await CheckIfAniListLoggedInAndLoadWatchList();
+            loading.set(false);
+          }}
+        >
+          Refresh WatchList
+        </button>
+      </div>

-            <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">
+      <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
+            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}`)
+              <button
+                on:click={() => {
+                  push(`#/anime/${media.media.id}`);
                  // loading.set(true)
                  // GetAniListSingleItem(media.media.id, true).then(() => {
                  //     loading.set(false)
@@ -37,27 +57,38 @@
                  // })
                }}
              >
-                                <img class="rounded-lg" src={media.media.coverImage.large} alt={
-                                media.media.title.english === "" ?
-                                    media.media.title.romaji :
-                                    media.media.title.english
-                            }/>
+                <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
-                                }
+              <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>
+              <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>
+                <p class="mt-1 text-lg font-medium text-white-900">
+                  Total Episodes: {media.media.episodes}
+                </p>
              {/if}
            </div>
          </div>
--- a/frontend/src/helperModules/GlobalVariablesAndHelperFunctions.svelte
+++ b/frontend/src/helperModules/GlobalVariablesAndHelperFunctions.svelte
@@ -10,153 +10,178 @@
    LogoutMyAnimeList,
    LogoutSimkl,
    SimklGetUserWatchlist,
-        SimklSearch
+    SimklSearch,
  } from "../../wailsjs/go/main/App";
  import type {
    AniListCurrentUserWatchList,
-        AniListGetSingleAnime
+    AniListGetSingleAnime,
  } 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 { 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 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)
-    export let loading = writable(false)
-    export let tableItems = writable([] as TableItems)
+  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 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);
+  export let loading = writable(false);
+  export let tableItems = writable([] as TableItems);
+  export let watchlistNeedsRefresh = writable(false);

-    export let watchListPage = writable(1)
-    export let animePerPage = writable(20)
+  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 isAniListPrimary: boolean;
+  let page: number;
+  let perPage: number;
+  let aniWatchlist: AniListCurrentUserWatchList;
+  let currentAniListAnime: AniListGetSingleAnime;

-    let isMalLoggedIn: boolean
-    let isSimklLoggedIn: boolean
+  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)
+  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<""> {
-        await GetAniListItem(aniId, login).then(aniListResult => {
-            let finalResult: AniListGetSingleAnime
-            finalResult = aniListResult
+  export async function GetAnimeSingleItem(
+    aniId: number,
+    login: boolean,
+  ): Promise<""> {
+    await GetAniListItem(aniId, login).then((aniListResult) => {
+      let finalResult: AniListGetSingleAnime;
+      finalResult = aniListResult;
      if (login === false) {
-                finalResult.data.MediaList.status = ""
-                finalResult.data.MediaList.score = 0
-                finalResult.data.MediaList.progress = 0
-                finalResult.data.MediaList.notes = ""
-                finalResult.data.MediaList.repeat = 0
-                finalResult.data.MediaList.startedAt.day = 0
-                finalResult.data.MediaList.startedAt.month = 0
-                finalResult.data.MediaList.startedAt.year = 0
-                finalResult.data.MediaList.completedAt.day = 0
-                finalResult.data.MediaList.completedAt.month = 0
-                finalResult.data.MediaList.completedAt.year = 0
+        finalResult.data.MediaList.status = "";
+        finalResult.data.MediaList.score = 0;
+        finalResult.data.MediaList.progress = 0;
+        finalResult.data.MediaList.notes = "";
+        finalResult.data.MediaList.repeat = 0;
+        finalResult.data.MediaList.startedAt.day = 0;
+        finalResult.data.MediaList.startedAt.month = 0;
+        finalResult.data.MediaList.startedAt.year = 0;
+        finalResult.data.MediaList.completedAt.day = 0;
+        finalResult.data.MediaList.completedAt.month = 0;
+        finalResult.data.MediaList.completedAt.year = 0;
      }
-            aniListAnime.set(finalResult)
-            title.set(currentAniListAnime.data.MediaList.media.title.english === "" ?
-                currentAniListAnime.data.MediaList.media.title.romaji :
-                currentAniListAnime.data.MediaList.media.title.english)
-        })
+      aniListAnime.set(finalResult);
+      title.set(
+        currentAniListAnime.data.MediaList.media.title.english === ""
+          ? currentAniListAnime.data.MediaList.media.title.romaji
+          : currentAniListAnime.data.MediaList.media.title.english,
+      );
+    });
    if (isMalLoggedIn) {
-            await GetMyAnimeListAnime(currentAniListAnime.data.MediaList.media.idMal).then(malResult => {
-                malAnime.set(malResult)
-            })
+      await GetMyAnimeListAnime(
+        currentAniListAnime.data.MediaList.media.idMal,
+      ).then((malResult) => {
+        malAnime.set(malResult);
+      });
    }
    if (isSimklLoggedIn) {
-            await SimklSearch(currentAniListAnime.data.MediaList).then((value: SimklAnime) => {
-                simklAnime.set(value)
-            })
+      await SimklSearch(currentAniListAnime.data.MediaList).then(
+        (value: SimklAnime) => {
+          simklAnime.set(value);
+        },
+      );
    }
-        return ""
+    return "";
  }

  export function loginToSimkl(): void {
-        GetSimklLoggedInUser().then(user => {
+    GetSimklLoggedInUser().then((user) => {
      if (Object.keys(user).length === 0) {
-                simklLoggedIn.set(false)
+        simklLoggedIn.set(false);
      } else {
-                simklUser.set(user)
-                SimklGetUserWatchlist().then(result => {
-                    simklWatchList.set(result)
-                    simklLoggedIn.set(true)
-                })
+        simklUser.set(user);
+        SimklGetUserWatchlist().then((result) => {
+          simklWatchList.set(result);
+          simklLoggedIn.set(true);
+        });
      }
-        })
+    });
  }

  export function loginToAniList(): void {
-        GetAniListLoggedInUser().then(result => {
-            aniListUser.set(result)
+    GetAniListLoggedInUser().then((result) => {
+      aniListUser.set(result);
      if (isAniListPrimary) {
-                GetAniListUserWatchingList(page, perPage, MediaListSort.UpdatedTimeDesc).then((result) => {
-                    aniListWatchlist.set(result)
-                    aniListLoggedIn.set(true)
-                })
+        GetAniListUserWatchingList(
+          page,
+          perPage,
+          MediaListSort.UpdatedTimeDesc,
+        ).then((result) => {
+          aniListWatchlist.set(result);
+          aniListLoggedIn.set(true);
+        });
      } else {
-                aniListLoggedIn.set(true)
+        aniListLoggedIn.set(true);
      }
-        })
+    });
  }

  export function loginToMAL(): void {
-        GetMyAnimeListLoggedInUser().then(result => {
-            malUser.set(result)
-            malLoggedIn.set(true)
-        })
+    GetMyAnimeListLoggedInUser().then((result) => {
+      malUser.set(result);
+      malLoggedIn.set(true);
+    });
  }

  export function logoutOfAniList(): void {
-        LogoutAniList().then(result => {
-            console.log(result)
+    LogoutAniList().then((result) => {
+      console.log(result);
      if (Object.keys(aniWatchlist).length !== 0) {
-                aniListWatchlist.set({} as AniListCurrentUserWatchList)
+        aniListWatchlist.set({} as AniListCurrentUserWatchList);
      }
-            aniListUser.set({} as AniListUser)
-            aniListLoggedIn.set(false)
-        })
+      aniListUser.set({} as AniListUser);
+      aniListLoggedIn.set(false);
+    });
  }

  export function logoutOfMAL(): void {
-        LogoutMyAnimeList().then(result => {
-            console.log(result)
-            malUser.set({} as MyAnimeListUser)
-            malLoggedIn.set(false)
-        })
+    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)
-        })
+    LogoutSimkl().then((result) => {
+      console.log(result);
+      simklUser.set({} as SimklUser);
+      simklLoggedIn.set(false);
+    });
  }
 </script>
+
--- 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.5.0"
+    "productVersion": "0.6.0"
  }
 }
Author	SHA1	Message	Date
John O'Keefe	b2a8a504f3	fix: resolve syntax error in App.svelte Fixed TypeScript compilation error caused by import statement and function declaration being on the same line. Changes: - Separated import statement and onMount declaration onto different lines - Resolved svelte-preprocess type error - File now compiles correctly This was a typo from previous commit where the loc import line was incorrectly merged with the existing onMount function declaration.	2026-03-21 13:28:33 -04:00
John O'Keefe	c85a53a278	chore: remove VSCode extensions.json Removed the .vscode/extensions.json file from the frontend directory. This file contained workspace-level VSCode extension recommendations which are better managed: - At user level through personal VSCode settings - Through project README documentation - Via devcontainer or editors preferences if needed Cleanup reduces repository clutter and avoids imposing specific extension recommendations on contributors.	2026-03-21 13:25:49 -04:00
John O'Keefe	2cf3844e76	chore: bump version to 0.6.0 Incremented version from 0.5.3 to 0.6.0 for release with new features. This release includes: - Smart watchlist refresh on navigation - Improved WatchList UI with manual refresh button - Client-side routing for logo navigation - Better UX with automatic data updates Version bump reflects significant feature additions and improvements to the user experience.	2026-03-21 13:25:46 -04:00
John O'Keefe	6ed5fe8b71	feat: improve WatchList UI with refresh button Enhanced the WatchList component with better layout and manual refresh functionality. Changes: - Added Refresh WatchList button with loading state handling - Restructured header layout using flexbox with justify-between - Title on left, refresh button on right, vertically aligned with items-center - Improved button styling with consistent py-2 px-4 padding - Added CheckIfAniListLoggedInAndLoadWatchList import for refresh functionality - Maintained mb-4 spacing for consistent vertical rhythm This gives users manual control over watchlist updates and provides better visual balance to the header section. UI improvements: - Horizontal flex container for proper left/right alignment - Responsive button sizing - Clear visual separation between title and action	2026-03-21 13:25:45 -04:00
John O'Keefe	8a8baf7f8f	feat: implement smart watchlist refresh on navigation Added intelligent watchlist refresh mechanism that only refetches data when changes are actually made, preventing unnecessary API calls and improving performance. Changes: - Added watchlistNeedsRefresh store to track when watchlist data has changed - Implemented reactive watcher in App.svelte that uses svelte-spa-router's loc store to detect navigation to home - Set dirty flag in Anime.svelte after successful status updates and entry deletions - Added conditional refresh logic that checks user's primary service (AniList, MAL, or Simkl) - Parallel refresh support for multiple services when logged in This resolves the issue where clicking the logo would cause full page reloads and unnecessary re-authentication checks, while also ensuring watchlist data stays current when users make changes. Technical details: - Uses $loc.location to detect route changes - IIFE pattern for async operations in reactive statements - Only refreshes for logged-in primary services - Flag resets after successful refresh Related to: Header.svelte client-side routing fix	2026-03-21 13:25:43 -04:00
John O'Keefe	ca8c8beaf3	Bump version to 0.5.3 - Update productVersion in wails.json from 0.5.2 to 0.5.3	2026-03-20 15:53:33 -04:00
John O'Keefe	3e7f7d1c95	fix(frontend): resolve submit spinner hang and data loss issues - Add try-catch-finally error handling to handleSubmit and deleteEntries functions to ensure submitting state is always reset, even when API calls fail or timeout. This fixes the infinite loading spinner bug. - Preserve genres field after AniList updates, matching the existing tags preservation pattern. Prevents genres array from being lost after form submission, which was causing "{#each} only works with iterable values" error when the page re-rendered. - Add fallback (\|\| []) to genres each block to prevent rendering errors when genres is undefined or null for entries without genre data. These fixes ensure robust error handling and data consistency during anime list updates across AniList, MAL, and Simkl services. Fixes: submit button spinner never stopping after form submission Fixes: "{#each} only works with iterable values" error on genres display	2026-03-20 15:51:55 -04:00
John O'Keefe	b0ca864dfe	chore: exclude build tarball artifacts from version control Add *.tar.gz pattern to build directory exclusion in .gitignore to prevent build artifacts like Anitrack-0.5.2.tar.gz from being committed to the repository. These generated files are ephemeral build outputs that should not be tracked in version control.	2026-03-20 15:51:37 -04:00
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