created simple linux install script for AniTrack

created xdg icon set instead of one big icon
automated adding anime by moving progress from 0 to 1
2025-05-07 10:03:58 -04:00 · 2025-05-07 10:03:37 -04:00 · 2025-03-30 10:03:05 -04:00 · 2025-03-30 10:02:38 -04:00 · 2025-03-30 09:52:46 -04:00 · 2025-03-26 19:36:20 -04:00
10 changed files with 760 additions and 731 deletions
--- a/bruno/AniTrack/AniList/GetAuthorizationToken.bru
+++ b/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 {
--- a/bruno/AniTrack/environments/Dev.bru
+++ b/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,
--- a/build/AniTrack.png
+++ b/build/AniTrack.png
--- a/build/icon/128/AniTrack.png
+++ b/build/icon/128/AniTrack.png
--- a/build/icon/32/AniTrack.png
+++ b/build/icon/32/AniTrack.png
--- a/build/icon/48/AniTrack.png
+++ b/build/icon/48/AniTrack.png
--- a/build/icon/64/AniTrack.png
+++ b/build/icon/64/AniTrack.png
--- a/build/install_linux.sh
+++ b/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."
--- a/frontend/src/helperComponents/Anime.svelte
+++ b/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,15 +22,9 @@
  } 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 {
-        convertDateStringToAniList,
-        convertDateToAniList,
-    } from "../helperFunctions/convertDateToAniList";
+  import { convertDateToAniList } from "../helperFunctions/convertDateToAniList";
  import {
    AniListDeleteEntry,
    AniListUpdateEntry,
@@ -83,8 +76,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,
@@ -115,15 +107,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({
@@ -200,10 +188,7 @@
      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,
@@ -214,8 +199,7 @@
        startedAt: convertDateToAniList(startedAtDate),
        completedAt: convertDateToAniList(completedAtDate),
      };
-            await AniListUpdateEntry(body).then(
-                (value: AniListGetSingleAnime) => {
+      await AniListUpdateEntry(body).then((value: AniListGetSingleAnime) => {
        /* TODO in future when you inevitably add tags to typescript, until Anilist fixes the api bug
                    where tags break the SaveMediaListEntry return, you'll want to use this delete line
                    delete value.data.MediaList.media.tags */
@@ -239,8 +223,7 @@
          repeat: currentAniListAnime.data.MediaList.repeat,
          notes: currentAniListAnime.data.MediaList.notes,
        });
-                },
-            );
+      });
    }

    if (malLoggedIn && currentMalAnime.id !== 0) {
@@ -257,8 +240,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;
@@ -285,14 +267,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,
          });
        },
@@ -300,13 +280,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,
@@ -323,14 +299,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,
@@ -347,14 +322,13 @@
              newValue = value;
              return newValue;
            });
-                });
+          },
+        );
      }

      if (currentSimklAnime.status !== submitData.status.simkl) {
-                await SimklSyncStatus(
-                    currentSimklAnime,
-                    submitData.status.simkl,
-                ).then((value) => {
+        await SimklSyncStatus(currentSimklAnime, submitData.status.simkl).then(
+          (value) => {
            AddAnimeServiceToTable({
              id: `s-${value.show.ids.simkl}`,
              title: value.show.title,
@@ -371,7 +345,8 @@
              newValue = value;
              return newValue;
            });
-                });
+          },
+        );
      }
    }

@@ -382,10 +357,7 @@

  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}`,
@@ -445,8 +417,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,8 +450,17 @@
              type="button"
              id="decrement-button"
              data-input-counter-decrement="quantity-input"
-                            on:click={() =>
-                                (currentAniListAnime.data.MediaList.progress -= 1)}
+              on:click={() => {
+                currentAniListAnime.data.MediaList.progress -= 1;
+                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
@@ -507,30 +487,38 @@
              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
              type="button"
              id="increment-button"
              data-input-counter-increment="quantity-input"
-                            on:click={() =>
-                                (currentAniListAnime.data.MediaList.progress += 1)}
+              on:click={() => {
+                currentAniListAnime.data.MediaList.progress += 1;
+                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
@@ -551,21 +539,37 @@
            </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>
-
-
+        <div>
+          <label
+            for="status"
+            class="text-left block mb-2 text-sm font-medium text-white"
+            >Status</label
+          >
+          <select
+            id="status"
+            name="status"
+            class="border text-sm rounded-lg
+                            block p-2.5 bg-gray-700 border-gray-600 placeholder-gray-400
+                            text-white focus:ring-blue-500 focus:border-blue-500"
+            bind:value={startingAnilistStatusOption}
+          >
+            {#each statusOptions as option}
+              <option value={option}>{option.aniList}</option>
+            {/each}
+          </select>
+        </div>
      </div>
      <div
        class="flex flex-col md:flex-row md:pl-10 md:pr-10 pt-5 pb-5 justify-center md:gap-x-16 lg:gap-x-36"
@@ -615,8 +619,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}
@@ -649,7 +652,7 @@
    <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
@@ -678,8 +681,8 @@
          />
        </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
                    hover:border-gray-600"
@@ -689,7 +692,7 @@
        }}
      >
        Go Home
-            </Button>
+      </button>
    </div>
  </div>
  <AnimeTable />
@@ -698,10 +701,10 @@
    <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 hover:bg-green-700 focus:ring-4 focus:ring-green-800'
          : 'bg-red-600 hover:bg-red-700 focus:ring-4 focus:ring-red-800'} font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 focus:outline-none"
        on:click={deleteEntries}
@@ -727,12 +730,12 @@
          />
        </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
@@ -761,8 +764,8 @@
          />
        </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
                    hover:border-gray-600"
@@ -772,7 +775,7 @@
        }}
      >
        Go Home
-            </Button>
+      </button>
    </div>
  </div>

--- a/wails.json
+++ b/wails.json
@@ -12,6 +12,6 @@
  },
  "info": {
    "productName": "AniTrack",
-    "productVersion": "0.1.7"
+    "productVersion": "0.1.8"
  }
 }
Author	SHA1	Message	Date
John O'Keefe	8460d56d55	created simple linux install script for AniTrack	2025-05-07 10:03:58 -04:00
John O'Keefe	8fedbe4607	created xdg icon set instead of one big icon	2025-05-07 10:03:37 -04:00
john-okeefe	e069c47242	automated adding anime by moving progress from 0 to 1	2025-03-30 10:03:05 -04:00
john-okeefe	aba0f2d1d5	removed console.log	2025-03-30 10:02:38 -04:00
john-okeefe	af6cb7f08a	removed unecessary button dependency and neovim reformatted	2025-03-30 09:52:46 -04:00
john-okeefe	487e5ee5a8	upped version for automation	2025-03-26 19:36:20 -04:00
john-okeefe	631bd8b885	made increment and decrement buttons automate status and datecompleted	2025-03-26 19:35:08 -04:00
john-okeefe	b35be6926a	rename code to ANILIST_CODE in environment	2025-03-16 13:51:00 -04:00
John O'Keefe	5a9f4391dc	changed flowbite button to standard button	2025-03-03 19:53:18 -05:00
John O'Keefe	72004c98b4	fixed button colors	2025-03-03 17:27:39 -05:00
John O'Keefe	3db25bc33a	restored status block	2025-03-03 16:13:01 -05:00