added tooltip and version change

Merge branch 'main' of ssh://git.linuxhg.com:2222/john-okeefe/anitrack

.gitignore

@@ -30,3 +30,6 @@ package-lock.json
 .idea
 .env
 environment.go
+
+# REST (http files)
+http-client.private.env.json

bruno/AniTrack/AniList/Get Items/AniList Item.bru

@@ -25,6 +25,7 @@ body:graphql {
       media {
         id
         idMal
+        genres
         tags {
           id
           name

bruno/AniTrack/AniList/GetAuthorizationToken.bru

@@ -12,7 +12,7 @@ post {
 
 headers {
   Accept: application/json
-  Content-Type: application/json
+  Content-Type: application/x-www-form-urlencoded
 }
 
 body:form-urlencoded {
@@ -20,7 +20,7 @@ body:form-urlencoded {
   client_id: {{ANILIST_APP_ID}}
   client_secret: {{ANILIST_SECRET_TOKEN}}
   redirect_uri: http://localhost:6734/callback
-  code: {{code}}
+  code: {{ANILIST_CODE}}
 }
 
 body:multipart-form {

bruno/AniTrack/environments/Dev.bru

@@ -9,7 +9,7 @@ vars {
 }
 vars:secret [
   ANILIST_ACCESS_TOKEN,
-  code,
+  ANILIST_CODE,
   SIMKL_AUTH_TOKEN,
   MAL_CODE,
   MAL_VERIFIER,

build/install_linux.sh

@@ -0,0 +1,26 @@
+#!/bin/bash
+
+# copy desktop file
+if [ -e "~/.local/share/applications/AniTrack.desktop" ]; then
+  if [ -d "~/.local/share/applications/" ]; then
+    cp ./AniTrack.desktop ~/.local/share/applications/
+  else
+    mkdir -p ~/.local/share/applications/
+    cp ./AniTrack.desktop ~/.local/share/applications/
+  fi
+fi
+
+# copy icons to xdg folders
+for size in 32 48 64 128; do
+  xdg-icon-resource install --novendor --context apps --size $size ./icon/$size/AniTrack.png AniTrack
+done
+
+# copy AniTrack Binary to $HOME/Applications/
+if ! [ -d "~/Applications" ]; then
+  mkdir -p ~/Applications
+  cp ./bin/AniTrack ~/Applications/
+elif ! [[ -e ~/Applications/AniTrack ]]; then
+  cp ./bin/AniTrack ~/Applications/
+fi
+
+echo "AniTrack has been successfully installed."

frontend/package.json

@@ -16,8 +16,7 @@
     "postcss": "^8.4.45",
     "svelte": "^4.0.0",
     "svelte-check": "^3.4.3",
-    "svelte-headless-table": "^0.18.2",
+    "svelte-headless-table": "^0.18.3",
-    "@tanstack/svelte-table": "^8.20.5",
     "svelte-preprocess": "^5.0.3",
     "svelte-spa-router": "^4.0.1",
     "tailwind-merge": "^2.5.2",

frontend/src/anilist/types/AniListCurrentUserWatchListType.ts

@@ -2,79 +2,92 @@ export interface AniListCurrentUserWatchList {
   data: {
     Page: {
       pageInfo: {
-                total: number
+        total: number;
-                perPage: number
+        perPage: number;
-                currentPage: number
+        currentPage: number;
-                lastPage: number
+        lastPage: number;
-                hasNextPage: boolean
+        hasNextPage: boolean;
-            },
+      };
-            mediaList: MediaList[]
+      mediaList: MediaList[];
-        }
+    };
-    }
+  };
 }
 
 export interface AniListGetSingleAnime {
   data: {
-        MediaList: MediaList
+    MediaList: MediaList;
-    }
+  };
 }
 
 export interface MediaList {
-    id: number
+  id: number;
-    mediaId: number
+  mediaId: number;
-    userId: number
+  userId: number;
   media: {
-        id: number
+    id: number;
-        idMal: number
+    idMal: number;
     title: {
-            romaji: string
+      romaji: string;
-            english?: string
+      english?: string;
-            native: string
+      native: string;
-        }
+    };
-        description: string
+    description: string;
     coverImage: {
-            large: string
+      large: string;
-        }
+    };
-        season: string
+    season: string;
-        seasonYear: number
+    seasonYear: number;
-        status: string
+    status: string;
-        episodes?: number
+    episodes?: number;
     nextAiringEpisode?: {
-            airingAt: number
+      airingAt: number;
-            timeUntilAiring: number
+      timeUntilAiring: number;
-            episode: number
+      episode: number;
-        }
+    };
-    }
+    tags: [
-    status: string
+      {
+        id: number;
+        name: string;
+        description: string;
+        rank: number;
+        isMediaSpoiler: boolean;
+        isAdult: boolean;
+      },
+    ];
+    isAdult: boolean;
+  };
+  status: string;
   startedAt: {
-        year: number
+    year: number;
-        month: number
+    month: number;
-        day: number
+    day: number;
-    }
+  };
   completedAt: {
-        year?: number
+    year?: number;
-        month?: number
+    month?: number;
-        day?: number
+    day?: number;
-    }
+  };
-    notes?: string
+  notes?: string;
-    progress: number
+  progress: number;
-    score: number
+  score: number;
-    repeat: number
+  repeat: number;
   user: {
-        id: number
+    id: number;
-        name: string
+    name: string;
     avatar: {
-            large: string
+      large: string;
-            medium: string
+      medium: string;
-        }
+    };
     statistics: {
       anime: {
-                count: number
+        count: number;
-                statuses: [{
+        statuses: [
-                    status: string
+          {
-                    count: number
+            status: string;
-                }]
+            count: number;
-            }
+          },
-        }
+        ];
-    }
+      };
+    };
+  };
 }

frontend/src/helperComponents/Anime.svelte

@@ -8,7 +8,6 @@
         simklLoggedIn,
     } from "../helperModules/GlobalVariablesAndHelperFunctions.svelte";
     import { push } from "svelte-spa-router";
-  import { Button } from "flowbite-svelte";
     import type { AniListGetSingleAnime } from "../anilist/types/AniListCurrentUserWatchListType";
     import Rating from "./Rating.svelte";
     import {
@@ -23,7 +22,10 @@
     } 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 {
@@ -39,6 +41,7 @@
     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;
@@ -77,7 +80,8 @@
         { 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,
@@ -108,11 +112,15 @@
         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({
@@ -189,7 +197,10 @@
             submitData[key] = value;
         }
 
-    if (isAniListLoggedIn && currentAniListAnime.data.MediaList.mediaId !== 0) {
+        if (
+            isAniListLoggedIn &&
+            currentAniListAnime.data.MediaList.mediaId !== 0
+        ) {
             let body: AniListUpdateVariables = {
                 mediaId: currentAniListAnime.data.MediaList.mediaId,
                 progress: submitData.episodes,
@@ -200,10 +211,10 @@
                 startedAt: convertDateToAniList(startedAtDate),
                 completedAt: convertDateToAniList(completedAtDate),
             };
-      await AniListUpdateEntry(body).then((value: AniListGetSingleAnime) => {
+            await AniListUpdateEntry(body).then(
-        /* TODO in future when you inevitably add tags to typescript, until Anilist fixes the api bug
+                (value: AniListGetSingleAnime) => {
-                    where tags break the SaveMediaListEntry return, you'll want to use this delete line
+                    value.data.MediaList.media.tags =
-                    delete value.data.MediaList.media.tags */
+                        currentAniListAnime.data.MediaList.media.tags;
                     aniListAnime.update((newValue) => {
                         newValue = value;
                         return newValue;
@@ -224,7 +235,8 @@
                         repeat: currentAniListAnime.data.MediaList.repeat,
                         notes: currentAniListAnime.data.MediaList.notes,
                     });
-      });
+                },
+            );
         }
 
         if (malLoggedIn && currentMalAnime.id !== 0) {
@@ -241,7 +253,8 @@
                 (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;
@@ -268,12 +281,14 @@
                         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,
                     });
                 },
@@ -281,9 +296,13 @@
         }
 
         if (simklLoggedIn && currentSimklAnime.show.ids.simkl !== 0) {
-      if (currentSimklAnime.watched_episodes_count !== submitData.episodes) {
+            if (
-        await SimklSyncEpisodes(currentSimklAnime, submitData.episodes).then(
+                currentSimklAnime.watched_episodes_count !== submitData.episodes
-          (value: SimklAnime) => {
+            ) {
+                await SimklSyncEpisodes(
+                    currentSimklAnime,
+                    submitData.episodes,
+                ).then((value: SimklAnime) => {
                     AddAnimeServiceToTable({
                         id: `s-${value.show.ids.simkl}`,
                         title: value.show.title,
@@ -300,13 +319,14 @@
                         newValue = value;
                         return newValue;
                     });
-          },
+                });
-        );
             }
 
             if (currentSimklAnime.user_rating !== submitData.rating) {
-        await SimklSyncRating(currentSimklAnime, submitData.rating).then(
+                await SimklSyncRating(
-          (value) => {
+                    currentSimklAnime,
+                    submitData.rating,
+                ).then((value) => {
                     AddAnimeServiceToTable({
                         id: `s-${value.show.ids.simkl}`,
                         title: value.show.title,
@@ -323,13 +343,14 @@
                         newValue = value;
                         return newValue;
                     });
-          },
+                });
-        );
             }
 
             if (currentSimklAnime.status !== submitData.status.simkl) {
-        await SimklSyncStatus(currentSimklAnime, submitData.status.simkl).then(
+                await SimklSyncStatus(
-          (value) => {
+                    currentSimklAnime,
+                    submitData.status.simkl,
+                ).then((value) => {
                     AddAnimeServiceToTable({
                         id: `s-${value.show.ids.simkl}`,
                         title: value.show.title,
@@ -346,8 +367,7 @@
                         newValue = value;
                         return newValue;
                     });
-          },
+                });
-        );
             }
         }
 
@@ -358,7 +378,10 @@
 
     const deleteEntries = async () => {
         submitting.set(true);
-    if (isAniListLoggedIn && currentAniListAnime.data.MediaList.mediaId !== 0) {
+        if (
+            isAniListLoggedIn &&
+            currentAniListAnime.data.MediaList.mediaId !== 0
+        ) {
             await AniListDeleteEntry(currentAniListAnime.data.MediaList.id);
             AddAnimeServiceToTable({
                 id: `a-${currentAniListAnime.data.MediaList.mediaId}`,
@@ -418,7 +441,8 @@
         currentAniListAnime.data.MediaList.media.nextAiringEpisode.episode !== 0
     ) {
         max =
-      currentAniListAnime.data.MediaList.media.nextAiringEpisode.episode - 1;
+            currentAniListAnime.data.MediaList.media.nextAiringEpisode.episode -
+            1;
     }
 </script>
 
@@ -451,12 +475,27 @@
                             type="button"
                             id="decrement-button"
                             data-input-counter-decrement="quantity-input"
-              on:click={() =>
+                            on:click={() => {
-                (currentAniListAnime.data.MediaList.progress -= 1)}
+                                currentAniListAnime.data.MediaList.progress -= 1;
-              class="bg-gray-100 dark:bg-gray-700 dark:hover:bg-gray-600 dark:border-gray-600 hover:bg-gray-200 border border-gray-300 rounded-s-lg p-3 h-11 focus:ring-gray-100 dark:focus:ring-gray-700 focus:ring-2 focus:outline-none"
+                                if (
+                                    currentAniListAnime.data.MediaList
+                                        .progress <
+                                    currentAniListAnime.data.MediaList.media
+                                        .episodes
+                                ) {
+                                    startingAnilistStatusOption =
+                                        statusOptions[0];
+                                    if (
+                                        currentAniListAnime.data.MediaList
+                                            .repeat === 0
+                                    )
+                                        completedAtDate = null;
+                                }
+                            }}
+                            class="bg-gray-700 hover:bg-gray-600 border-gray-600 border rounded-s-lg p-3 h-11 focus:ring-gray-700 focus:ring-2 focus:outline-none"
                         >
                             <svg
-                class="w-3 h-3 text-gray-900 dark:text-white"
+                                class="w-3 h-3 text-white"
                                 aria-hidden="true"
                                 xmlns="http://www.w3.org/2000/svg"
                                 fill="none"
@@ -479,30 +518,55 @@
                             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
-              (currentAniListAnime.data.MediaList.media.nextAiringEpisode
+                                        .episodes) ||
-                .episode > 0 &&
+                            (currentAniListAnime.data.MediaList.media
+                                .nextAiringEpisode.episode > 0 &&
                                 currentAniListAnime.data.MediaList.progress >
-                  currentAniListAnime.data.MediaList.media.nextAiringEpisode
+                                    currentAniListAnime.data.MediaList.media
-                    .episode -
+                                        .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
                             type="button"
                             id="increment-button"
                             data-input-counter-increment="quantity-input"
-              on:click={() =>
+                            on:click={() => {
-                (currentAniListAnime.data.MediaList.progress += 1)}
+                                currentAniListAnime.data.MediaList.progress += 1;
-              class="bg-gray-100 dark:bg-gray-700 dark:hover:bg-gray-600 dark:border-gray-600 hover:bg-gray-200 border border-gray-300 rounded-e-lg p-3 h-11 focus:ring-gray-100 dark:focus:ring-gray-700 focus:ring-2 focus:outline-none"
+                                if (
+                                    currentAniListAnime.data.MediaList.media
+                                        .episodes ===
+                                    currentAniListAnime.data.MediaList.progress
+                                ) {
+                                    startingAnilistStatusOption =
+                                        statusOptions[2];
+                                    completedAtDate = 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"
                         >
                             <svg
-                class="w-3 h-3 text-gray-900 dark:text-white"
+                                class="w-3 h-3 text-white"
                                 aria-hidden="true"
                                 xmlns="http://www.w3.org/2000/svg"
                                 fill="none"
@@ -519,23 +583,23 @@
                         </button>
                     </div>
                     <div>
-            / {currentAniListAnime.data.MediaList.media.nextAiringEpisode
+                        / {currentAniListAnime.data.MediaList.media
-              .episode !== 0
+                            .nextAiringEpisode.episode !== 0
-              ? currentAniListAnime.data.MediaList.media.nextAiringEpisode
+                            ? currentAniListAnime.data.MediaList.media
-                  .episode - 1
+                                  .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>
-
                 <div>
                     <label
                         for="status"
-            class="text-left block mb-2 text-sm font-medium text-gray-900 dark:text-white"
+                        class="text-left block mb-2 text-sm font-medium text-white"
                         >Status</label
                     >
                     <select
@@ -600,7 +664,8 @@
                         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}
@@ -633,12 +698,12 @@
         <div
             class="w-full mx-auto max-w-screen-xl p-4 md:flex md:items-center md:justify-end"
         >
-      <Button
+            <button
                 disabled={isSubmitting}
                 id="sync-button"
                 class="text-white {$submitSuccess
-          ? 'bg-green-600 dark:bg-green-600 hover:bg-green-700 dark:hover:bg-green-700 focus:ring-4 focus:ring-green-800 dark:focus:ring-green-800'
+                    ? 'bg-green-600 hover:bg-green-700 focus:ring-4 focus:ring-green-800'
-          : 'bg-blue-600 dark:bg-blue-600 hover:bg-blue-700 dark:hover:bg-blue-700 focus:ring-4 focus:ring-blue-800 dark:focus:ring-blue-800'} font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 focus:outline-none"
+                    : '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
@@ -662,18 +727,18 @@
                     />
                 </svg>
                 Sync Changes
-      </Button>
+            </button>
-      <Button
+            <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 dark:bg-gray-800 dark:text-white
+                    focus:ring-gray-700 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2
-                    dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700"
+                    hover:border-gray-600"
                 on:click={async () => {
                     await CheckIfAniListLoggedInAndLoadWatchList();
                     return push("/");
                 }}
             >
                 Go Home
-      </Button>
+            </button>
         </div>
     </div>
     <AnimeTable />
@@ -682,12 +747,12 @@
         <div
             class="w-full mx-auto max-w-screen-xl p-4 md:flex md:items-center md:justify-start"
         >
-      <Button
+            <button
                 disabled={isSubmitting}
                 id="delete-button"
-        class="text-white bg-red-700 {$submitSuccess
+                class="text-white {$submitSuccess
-          ? 'bg-green-600 dark:bg-green-600 hover:bg-green-700 dark:hover:bg-green-700 focus:ring-4 focus:ring-green-800 dark:focus:ring-green-800'
+                    ? 'bg-green-600 hover:bg-green-700 focus:ring-4 focus:ring-green-800'
-          : 'bg-red-600 dark:bg-red-600 hover:bg-red-700 dark:hover:bg-red-700 focus:ring-4 focus:ring-red-800 dark:focus:ring-red-800'} font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 focus:outline-none"
+                    : '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
@@ -711,17 +776,17 @@
                     />
                 </svg>
                 Delete Entries
-      </Button>
+            </button>
         </div>
         <div
             class="w-full mx-auto max-w-screen-xl p-4 md:flex md:items-center md:justify-end"
         >
-      <Button
+            <button
                 disabled={isSubmitting}
                 id="sync-button"
                 class="text-white {$submitSuccess
-          ? 'bg-green-600 dark:bg-green-600 hover:bg-green-700 dark:hover:bg-green-700 focus:ring-4 focus:ring-green-800 dark:focus:ring-green-800'
+                    ? 'bg-green-600 hover:bg-green-700 focus:ring-4 focus:ring-green-800'
-          : 'bg-blue-600 dark:bg-blue-600 hover:bg-blue-700 dark:hover:bg-blue-700 focus:ring-4 focus:ring-blue-800 dark:focus:ring-blue-800'} font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 focus:outline-none"
+                    : '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
@@ -745,23 +810,44 @@
                     />
                 </svg>
                 Sync Changes
-      </Button>
+            </button>
-      <Button
+            <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 dark:bg-gray-800 dark:text-white
+                    focus:ring-gray-700 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2
-                    dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700"
+                    hover:border-gray-600"
                 on:click={async () => {
                     await CheckIfAniListLoggedInAndLoadWatchList();
                     return push("/");
                 }}
             >
                 Go Home
-      </Button>
+            </button>
         </div>
     </div>
 
+    <div class="flex m-5">
         <div>
+            <h3 class="text-2xl">Tags</h3>
+            <div class="mt-2">
+                {#each currentAniListAnime.data.MediaList.media.tags as tag}
+                    <div>
+                        <Badge large border color="blue" class="m-1 w-52">
+                                <div>
+                                    {tag.name} -
+                                    <span class="text-xs">{tag.rank}%</span>
+                                </div>
+                        </Badge>
+                        <Tooltip>{tag.description}</Tooltip>
+                    </div>
+                {/each}
+            </div>
+        </div>
+
+        <div class="ml-5">
             <h3 class="text-2xl">Summary</h3>
-    <p>{@html currentAniListAnime.data.MediaList.media.description}</p>
+            <p class="rounded border border-gray-700 p-2 mt-2">
+                {@html currentAniListAnime.data.MediaList.media.description}
+            </p>
+        </div>
     </div>
 </form>

frontend/src/helperComponents/AnimeTable.svelte

@@ -1,166 +1,119 @@
 <script lang="ts">
-  import { writable } from "svelte/store";
     import {
-    createSvelteTable,
+        createRender,
-    flexRender,
+        createTable,
-    getCoreRowModel,
+        Render,
-    getSortedRowModel,
+        Subscribe,
-    type OnChangeFn,
+    } from "svelte-headless-table";
-    renderComponent,
+    // @ts-ignore
-  } from "@tanstack/svelte-table";
+    import { addSortBy } from "svelte-headless-table/plugins";
-  import type {
-    ColumnDef,
-    SortingState,
-    TableOptions,
-    Updater,
-  } from "@tanstack/svelte-table";
     import { tableItems } from "../helperModules/GlobalVariablesAndHelperFunctions.svelte";
-  import type { TableItem, TableItems } from "../helperTypes/TableTypes";
     import WebsiteLink from "./WebsiteLink.svelte";
 
-  let currentTableItems: TableItems;
+    //when adding sort here is code { sort: addSortBy() }
+    const table = createTable(tableItems, { sort: addSortBy() });
 
-  tableItems.subscribe((value: TableItems) => (currentTableItems = value));
+    const columns = table.createColumns([
-
+        table.column({
-  const defaultColumns: ColumnDef<TableItem>[] = [
+            header: "Service Id",
-    {
+            cell: ({ value }) => createRender(WebsiteLink, { id: value }),
-      accessorKey: "id",
+            accessor: "id",
-      cell: (cell) => {
+        }),
-        return renderComponent(WebsiteLink, { id: cell.renderValue() });
+        table.column({
-      },
+            header: "Anime Title",
-      header: () => "Service ID",
+            accessor: "title",
-    },
+        }),
-    {
+        table.column({
-      accessorKey: "title",
+            header: "Service",
-      header: () => "Anime Title",
+            accessor: "service",
-    },
+        }),
-    {
+        table.column({
-      accessorKey: "service",
+            header: "Episode Progress",
-      header: () => "Service",
+            accessor: "progress",
-    },
+        }),
-    {
+        table.column({
-      accessorKey: "progress",
-      header: () => "Episode Progress",
-    },
-    {
-      accessorKey: "status",
             header: "Status",
-    },
+            accessor: "status",
-    {
+        }),
-      accessorKey: "startedAt",
+        table.column({
             header: "Started At",
-    },
+            accessor: "startedAt",
-    {
+        }),
-      accessorKey: "completedAt",
+        table.column({
             header: "Completed At",
-    },
+            accessor: "completedAt",
-    {
+        }),
-      accessorKey: "score",
+        table.column({
             header: "Rating",
-    },
+            accessor: "score",
-    {
+        }),
-      accessorKey: "repeat",
+        table.column({
             header: "Repeat",
-    },
+            accessor: "repeat",
-    {
+        }),
-      accessorKey: "notes",
+        table.column({
             header: "Notes",
-    },
+            accessor: "notes",
-  ];
+        }),
+    ]);
 
-  //sorting info
+    //add pluginStates when add sort back
-  let sorting: SortingState[] = [];
+    const { headerRows, rows, tableAttrs, tableBodyAttrs } =
-
+        table.createViewModel(columns);
-  const setSorting: OnChangeFn<SortingState> = (updater) => {
-    if (updater instanceof Function) {
-      sorting = updater(sorting);
-    } else {
-      sorting = updater;
-    }
-    options.update((old) => ({
-      ...old,
-      state: {
-        ...old.state,
-        sorting,
-      },
-    }));
-  };
-
-  const options = writable<TableOptions<TableItem>>({
-    data: currentTableItems,
-    columns: defaultColumns,
-    state: {
-      sorting,
-    },
-    onSortingChange: setSorting,
-    getCoreRowModel: getCoreRowModel(),
-    getSortedRowModel: getSortedRowModel(),
-  });
-
-  const rerender = () => {
-    options.update((options) => ({
-      ...options,
-      data: currentTableItems,
-    }));
-  };
-
-  const table = createSvelteTable(options);
 </script>
 
-<div>
 <div class="relative overflow-x-auto rounded-lg mb-5">
-    <table class="w-full text-sm text-left rtl:text-right text-gray-400">
+    <table
-      <thead class="text-xs uppercase bg-gray-700 text-gray-400">
+        class="w-full text-sm text-left rtl:text-right text-gray-400"
-        {#each $table.getHeaderGroups() as headerGroup}
+        {...$tableAttrs}
-          <tr>
-            {#each headerGroup.headers as header}
-              <th colSpan={header.colSpan} class="px-6 py-3">
-                {#if !header.isPlaceholder}
-                  <div
-                    class:cursor-pointer={header.column.getCanSort()}
-                    class:select-none={header.column.getCanSort()}
-                    on:click={header.column.getToggleSortingHandler()}
     >
-                    <svelte:component
+        <thead class="text-xs uppercase bg-gray-700 text-gray-400">
-                      this={flexRender(
+            {#each $headerRows as headerRow (headerRow.id)}
-                        header.column.columnDef.header,
+                <Subscribe attrs={headerRow.attrs()} let:attrs>
-                        header.getContext(),
+                    <tr {...attrs}>
-                      )}
+                        {#each headerRow.cells as cell (cell.id)}
-                    />
+                            <Subscribe
-                    {#if header.column.getIsSorted().toString() === "asc"}
+                                attrs={cell.attrs()}
-                      ⬆️
+                                let:attrs
-                    {:else if header.column.getIsSorted().toString() === "desc"}
+                                props={cell.props()}
+                                let:props
+                            >
+                                <th
+                                    {...attrs}
+                                    on:click={props.sort.toggle}
+                                    class:sorted={props.sort.order !==
+                                        undefined}
+                                    class="px-6 py-3"
+                                >
+                                    <div>
+                                        <Render of={cell.render()} />
+                                        {#if props.sort.order === "asc"}
                                             ⬇️
+                                        {:else if props.sort.order === "desc"}
+                                            ⬆️
                                         {/if}
                                     </div>
-                {/if}
                                 </th>
+                            </Subscribe>
                         {/each}
                     </tr>
+                </Subscribe>
             {/each}
         </thead>
-      <tbody class="bg-gray-800 border-gray-700">
+        <tbody {...$tableBodyAttrs}>
-        {#each $table.getRowModel().rows as row}
+            {#each $rows as row (row.id)}
-          <tr>
+                <Subscribe attrs={row.attrs()} let:attrs>
-            {#each row.getVisibleCells() as cell}
+                    <tr {...attrs} class="bg-gray-800 border-gray-700">
-              <td class="px-6 py-4">
+                        {#each row.cells as cell (cell.id)}
-                <svelte:component
+                            <Subscribe attrs={cell.attrs()} let:attrs>
-                  this={flexRender(
+                                <td {...attrs} class="px-6 py-4">
-                    cell.column.columnDef.cell,
+                                    <Render of={cell.render()} />
-                    cell.getContext(),
-                  )}
-                />
                                 </td>
+                            </Subscribe>
                         {/each}
                     </tr>
+                </Subscribe>
             {/each}
         </tbody>
     </table>
 </div>
-  <!-- <button -->
-  <!--   class="text-white bg-blue-600 dark:bg-blue-600 hover:bg-blue-700 dark:hover:bg-blue-700 focus:ring-4 focus:ring-blue-800 dark:focus:ring-blue-800 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 focus:outline-none" -->
-  <!--   on:click={() => rerender()} -->
-  <!-- > -->
-  <!--   Rerender -->
-  <!-- </button> -->
-</div>

frontend/src/helperComponents/Datepicker.svelte

@@ -50,19 +50,19 @@
     function getFocusRingClass(color: Button["color"]): string {
         switch (color) {
             case "primary":
-                return "focus:ring-2 focus:ring-primary-500 dark:focus:ring-primary-400";
+                return "focus:ring-2 focus:ring-primary-400";
             case "blue":
-                return "focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400";
+                return "focus:ring-2 focus:ring-blue-400";
             case "red":
-                return "focus:ring-2 focus:ring-red-500 dark:focus:ring-red-400";
+                return "focus:ring-2 focus:ring-red-400";
             case "green":
-                return "focus:ring-2 focus:ring-green-500 dark:focus:ring-green-400";
+                return "focus:ring-2 focus:ring-green-400";
             case "yellow":
-                return "focus:ring-2 focus:ring-yellow-500 dark:focus:ring-yellow-400";
+                return "focus:ring-2 focus:ring-yellow-400";
             case "purple":
-                return "focus:ring-2 focus:ring-purple-500 dark:focus:ring-purple-400";
+                return "focus:ring-2 focus:ring-purple-400";
             case "slate":
-                return "focus:ring-2 focus:ring-slate-500 dark:focus:ring-slate-400";
+                return "focus:ring-2 focus:ring-slate-400";
             default:
                 return "";
         }
@@ -71,19 +71,19 @@
     function getRangeBackgroundClass(color: Button["color"]): string {
         switch (color) {
             case "primary":
-                return "bg-primary-100 dark:bg-primary-900";
+                return "bg-primary-900";
             case "blue":
-                return "bg-blue-100 dark:bg-blue-900";
+                return "bg-blue-900";
             case "red":
-                return "bg-red-100 dark:bg-red-900";
+                return "bg-red-900";
             case "green":
-                return "bg-green-100 dark:bg-green-900";
+                return "bg-green-900";
             case "yellow":
-                return "bg-yellow-100 dark:bg-yellow-900";
+                return "bg-yellow-900";
             case "purple":
-                return "bg-purple-100 dark:bg-purple-900";
+                return "bg-purple-900";
             case "slate":
-                return "bg-slate-100 dark:bg-slate-900";
+                return "bg-slate-900";
             default:
                 return "";
         }
@@ -297,7 +297,7 @@
             <input
                 bind:this={inputElement}
                 type="text"
-                class="w-full px-4 py-3 text-sm border rounded-md focus:outline-none dark:bg-gray-700 dark:text-white dark:border-gray-600 {getFocusRingClass(
+                class="w-full px-4 py-3 text-sm border rounded-md focus:outline-none bg-gray-700 text-white border-gray-600 {getFocusRingClass(
                     color,
                 )} {inputClass}"
                 {placeholder}
@@ -313,13 +313,13 @@
             />
             <button
                 type="button"
-                class="absolute inset-y-0 right-0 flex items-center px-3 text-gray-500 dark:text-gray-400 focus:outline-none"
+                class="absolute inset-y-0 right-0 flex items-center px-3 text-gray-400 focus:outline-none"
                 on:click={() => (isOpen = !isOpen)}
                 {disabled}
                 aria-label={isOpen ? "Close date picker" : "Open date picker"}
             >
                 <svg
-                    class="w-4 h-4 text-gray-500 dark:text-gray-400"
+                    class="w-4 h-4 text-gray-400"
                     aria-hidden="true"
                     xmlns="http://www.w3.org/2000/svg"
                     fill="currentColor"
@@ -339,14 +339,14 @@
             id="datepicker-dropdown"
             class="
         {inline ? '' : 'absolute z-10 mt-1'}
-        bg-white dark:bg-gray-800 rounded-md shadow-lg"
+        bg-gray-800 rounded-md shadow-lg"
             transition:fade={{ duration: 100 }}
             role="dialog"
             aria-label="Calendar"
         >
             <div class="p-4" role="application">
                 {#if title}
-                    <h2 class="text-lg font-semibold mb-4 dark:text-white">
+                    <h2 class="text-lg font-semibold mb-4 text-white">
                         {title}
                     </h2>
                 {/if}
@@ -358,7 +358,7 @@
                         aria-label="Previous month"
                     >
                         <svg
-                            class="w-3 h-3 rtl:rotate-180 text-white dark:text-white"
+                            class="w-3 h-3 rtl:rotate-180 text-white"
                             aria-hidden="true"
                             xmlns="http://www.w3.org/2000/svg"
                             fill="none"
@@ -373,7 +373,7 @@
                         >
                     </Button>
                     <h3
-                        class="text-lg font-semibold dark:text-white"
+                        class="text-lg font-semibold text-white"
                         aria-live="polite"
                     >
                         {currentMonth.toLocaleString(locale, {
@@ -388,7 +388,7 @@
                         aria-label="Next month"
                     >
                         <svg
-                            class="w-3 h-3 rtl:rotate-180 text-white dark:text-white"
+                            class="w-3 h-3 rtl:rotate-180 text-white"
                             aria-hidden="true"
                             xmlns="http://www.w3.org/2000/svg"
                             fill="none"
@@ -406,7 +406,7 @@
                 <div class="grid grid-cols-7 gap-1" role="grid">
                     {#each weekdays as day}
                         <div
-                            class="text-center text-sm font-medium text-gray-500 dark:text-gray-400"
+                            class="text-center text-sm font-medium text-gray-400"
                             role="columnheader"
                         >
                             {day}
@@ -418,7 +418,7 @@
                             size="sm"
                             class="w-full h-8 {day.getMonth() !==
                             currentMonth.getMonth()
-                                ? 'text-gray-300 dark:text-gray-600'
+                                ? 'text-gray-600'
                                 : ''} {isToday(day)
                                 ? 'font-bold'
                                 : ''} {isInRange(day)

go.mod

@@ -1,11 +1,11 @@
 module AniTrack
 
-go 1.24
+go 1.24.0
 
 require (
 	github.com/99designs/keyring v1.2.2
 	github.com/tidwall/gjson v1.18.0
-	github.com/wailsapp/wails/v2 v2.10.0
+	github.com/wailsapp/wails/v2 v2.10.1
 )
 
 require (
@@ -39,7 +39,7 @@ require (
 	github.com/valyala/fasttemplate v1.2.2 // indirect
 	github.com/wailsapp/go-webview2 v1.0.19 // indirect
 	github.com/wailsapp/mimetype v1.4.1 // indirect
-	golang.org/x/crypto v0.33.0 // indirect
+	golang.org/x/crypto v0.35.0 // indirect
 	golang.org/x/net v0.35.0 // indirect
 	golang.org/x/sys v0.30.0 // indirect
 	golang.org/x/term v0.29.0 // indirect

go.sum

@@ -83,10 +83,10 @@ github.com/wailsapp/go-webview2 v1.0.19 h1:7U3QcDj1PrBPaxJNCui2k1SkWml+Q5kvFUFyT
 github.com/wailsapp/go-webview2 v1.0.19/go.mod h1:qJmWAmAmaniuKGZPWwne+uor3AHMB5PFhqiK0Bbj8kc=
 github.com/wailsapp/mimetype v1.4.1 h1:pQN9ycO7uo4vsUUuPeHEYoUkLVkaRntMnHJxVwYhwHs=
 github.com/wailsapp/mimetype v1.4.1/go.mod h1:9aV5k31bBOv5z6u+QP8TltzvNGJPmNJD4XlAL3U+j3o=
-github.com/wailsapp/wails/v2 v2.10.0 h1:kfpWnfdNL1nXq0PyqAVPPDQY2pxkqcqWab01NGh3a6w=
+github.com/wailsapp/wails/v2 v2.10.1 h1:QWHvWMXII2nI/nXz77gpPG8P3ehl6zKe+u4su5BWIns=
-github.com/wailsapp/wails/v2 v2.10.0/go.mod h1:zrebnFV6MQf9kx8HI4iAv63vsR5v67oS7GTEZ7Pz1TY=
+github.com/wailsapp/wails/v2 v2.10.1/go.mod h1:zrebnFV6MQf9kx8HI4iAv63vsR5v67oS7GTEZ7Pz1TY=
-golang.org/x/crypto v0.33.0 h1:IOBPskki6Lysi0lo9qQvbxiQ+FvsCC/YWOecCHAixus=
+golang.org/x/crypto v0.35.0 h1:b15kiHdrGCHrP6LvwaQ3c03kgNhhiMgvlhxHQhmg2Xs=
-golang.org/x/crypto v0.33.0/go.mod h1:bVdXmD7IV/4GdElGPozy6U7lWdRXA4qyRVGJV57uQ5M=
+golang.org/x/crypto v0.35.0/go.mod h1:dy7dXNW32cAb/6/PRuTNsix8T+vJAqvuIy5Bli/x0YQ=
 golang.org/x/net v0.0.0-20210505024714-0287a6fb4125/go.mod h1:9nx3DQGgdP8bBQD5qxJ1jj9UTztislL4KSBs9R2vV5Y=
 golang.org/x/net v0.35.0 h1:T5GQRQb2y08kTAByq9L4/bz8cipCdA8FbRTXewonqY8=
 golang.org/x/net v0.35.0/go.mod h1:EglIi67kWsHKlRzzVMUD93VMSWGFOMSZgxFjparz1Qk=

rest/AniTrack/Get Items/AniChart.http

@@ -0,0 +1,79 @@
+# @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
+}

rest/AniTrack/Get Items/AniList Item.http

@@ -0,0 +1,83 @@
+# @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"
+}

rest/AniTrack/Get Items/AniList MediaList User Query.http

@@ -0,0 +1,70 @@
+# @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"
+}

rest/AniTrack/Get Items/AniList Search.http

@@ -0,0 +1,44 @@
+# @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"
+}

rest/AniTrack/Get Items/GetAniListUserWatchingList.http

@@ -0,0 +1,93 @@
+# @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"
+}

rest/AniTrack/GetAuthorizationToken.http

@@ -0,0 +1,3 @@
+# @name GetAuthorizationToken
+
+GET https://anilist.co/api/v2/oauth/authorize?client_id={{ANILIST_APP_ID}}&redirect_uri=http://localhost:6734/callback&response_type=code

rest/AniTrack/Load AniList Oauth Page.http

@@ -0,0 +1,11 @@
+# @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}}

rest/AniTrack/Set Items/AniList Change Episode Watched.http

@@ -0,0 +1,76 @@
+# @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"
+}

rest/AniTrack/Set Items/AniList Change Status.http

@@ -0,0 +1,19 @@
+# @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"
+}

rest/AniTrack/Set Items/Change Episode Count.http

@@ -0,0 +1,65 @@
+# @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
+  }
+}

rest/AniTrack/Set Items/Delete Media.http

@@ -0,0 +1,17 @@
+# @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
+}

rest/MAL/Get AnimeList.http

@@ -0,0 +1,6 @@
+# @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}}

rest/MAL/Get Authorization.http

@@ -0,0 +1,12 @@
+# @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}}

rest/MAL/Get Single Anime.http

@@ -0,0 +1,5 @@
+# @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}}

rest/MAL/MAL Oauth Page.http

@@ -0,0 +1,5 @@
+# @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

rest/MAL/Update Anime Status.http

@@ -0,0 +1,8 @@
+# @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

rest/Simkl/Get Code.http

@@ -0,0 +1,3 @@
+# @name Get Code
+
+GET https://simkl.com/oauth/authorize?response_type=code&client_id={{SIMKL_CLIENT_ID}}&redirect_uri=http://localhost:6734/callback

rest/Simkl/Get Items/Get Anime Full Info.http

@@ -0,0 +1,5 @@
+# @name Get Anime Full Info
+
+GET https://api.simkl.com/anime/40084?extended=full
+Accept application/json
+simkl-api-key {{SIMKL_CLIENT_ID}}

rest/Simkl/Get Items/GetUser WatchList.http

@@ -0,0 +1,7 @@
+# @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}}

rest/Simkl/Get Items/Search By MALID to Get Simkl ID.http

@@ -0,0 +1,5 @@
+# @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}}

rest/Simkl/Post Items/Delete Entry.http

@@ -0,0 +1,17 @@
+# @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
+      }
+    }
+  ]
+}

rest/Simkl/Post Items/Update Episode.http

@@ -0,0 +1,40 @@
+# @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
+        }
+      ]
+    }
+  ]
+}

rest/Simkl/SimklGetAuthorizationToken.http

@@ -0,0 +1,12 @@
+# @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}}
+}

rest/http-client.env.json

@@ -0,0 +1,19 @@
+{
+  "$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": ""
+  }
+}

wails.json

@@ -12,6 +12,6 @@
   },
   "info": {
     "productName": "AniTrack",
-    "productVersion": "0.1.6"
+    "productVersion": "0.2.1"
   }
 }