Bump version to 0.5.3

- Update productVersion in wails.json from 0.5.2 to 0.5.3
fix(frontend): resolve submit spinner hang and data loss issues
2026-03-20 15:53:33 -04:00 · 2026-03-20 15:51:55 -04:00 · 2026-03-20 15:51:37 -04:00 · 2026-03-20 11:02:15 -04:00 · 2026-03-20 10:59:07 -04:00 · 2026-03-20 10:59:07 -04:00
4 changed files with 853 additions and 852 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/src/helperComponents/Anime.svelte
+++ b/frontend/src/helperComponents/Anime.svelte
@@ -23,10 +23,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 +78,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 +109,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 +190,7 @@
      submitData[key] = value;
    }

+    try {
      if (
        isAniListLoggedIn &&
        currentAniListAnime.data.MediaList.mediaId !== 0
@@ -212,10 +205,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 +230,7 @@
            repeat: currentAniListAnime.data.MediaList.repeat,
            notes: currentAniListAnime.data.MediaList.notes,
          });
-                },
-            );
+        });
      }

      if (malLoggedIn && currentMalAnime.id !== 0) {
@@ -254,8 +247,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 +274,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 +287,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 +306,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 +329,8 @@
                newValue = value;
                return newValue;
              });
-                });
+            },
+          );
        }

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

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

  let max = 999;
@@ -442,8 +436,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 +472,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 +506,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 +527,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 +558,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 +638,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}
@@ -829,7 +801,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,55 +7,81 @@
        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"
+            <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">
+                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}>
-<!--                                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">-->
+                            <!--                                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 !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">-->
+                            <!--                                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}
@@ -63,14 +89,14 @@
                <li>
                    {#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">-->
+                            <!--                                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/wails.json
+++ b/wails.json
@@ -12,6 +12,6 @@
  },
  "info": {
    "productName": "AniTrack",
-    "productVersion": "0.5.0"
+    "productVersion": "0.5.3"
  }
 }
Author	SHA1	Message	Date
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