feat(ui): show per-service login status while accounts are being checked

When the app starts it verifies all three services sequentially, which
could leave the other two login controls looking idle or trigger login
actions before their real state is known. Track which service is
currently being checked and reflect it in the header:

- Add a serviceLoggingIn store (plus setServiceLoggingIn and
  isServiceLoggingIn helpers) to GlobalVariablesAndHelperFunctions.
- Have the loginTo* functions and the startup CheckIf* functions toggle
  their service in the store (seed all three at startup, clear each as
  it resolves).
- In Header, the login buttons show a spinner with 'Checking AniList' /
  'Checking MAL' / 'Checking Simkl' and are disabled while that service
  is being checked, reverting to the normal 'AniList Login' style label
  once its state is known.
- In the avatar menu, the 'Login to X' row shows a spinner with the
  matching 'Checking X' text while that service is logging in.

.gitignore

@@ -35,5 +35,6 @@ environment.go
 http-client.private.env.json
 
 # Build artifacts
-build/*.tar.gz
-./AniTrack
+*.tar
+*.tar.gz
+/AniTrack

MALUserFunctions.go

@@ -235,7 +235,7 @@ func getMyAnimeListAuthorizationToken(content string, verifier *CodeVerifier) My
 	return post
 }
 
-func refreshMyAnimeListAuthorizationToken() {
+func refreshMyAnimeListAuthorizationToken() bool {
 	dataForURLs := struct {
 		GrantType    string `json:"grant_type"`
 		RefreshToken string `json:"refresh_token"`
@@ -260,13 +260,15 @@ func refreshMyAnimeListAuthorizationToken() {
 	response, err := http.NewRequest("POST", "https://myanimelist.net/v1/oauth2/token", strings.NewReader(data.Encode()))
 	if err != nil {
 		log.Printf("Failed at response, %s\n", err)
+		return false
 	}
 	response.Header.Add("Content-Type", "application/x-www-form-urlencoded")
 
 	client := &http.Client{}
 	res, resErr := client.Do(response)
 	if resErr != nil {
-		log.Printf("Failed at res, %s\n", err)
+		log.Printf("Failed at res, %s\n", resErr)
+		return false
 	}
 
 	defer res.Body.Close()
@@ -274,13 +276,22 @@ func refreshMyAnimeListAuthorizationToken() {
 	returnedBody, err := io.ReadAll(res.Body)
 	if err != nil {
 		log.Printf("Could not read returned body, %s\n", err)
+		return false
 	}
 
-	err = json.Unmarshal(returnedBody, &myAnimeListJwt)
+	var refreshed MyAnimeListJWT
+	err = json.Unmarshal(returnedBody, &refreshed)
 	if err != nil {
 		log.Printf("Failed at unmarshal, %s\n", err)
+		return false
 	}
 
+	if refreshed.AccessToken == "" {
+		return false
+	}
+
+	myAnimeListJwt = refreshed
+
 	_ = myAnimeListRing.Set(keyring.Item{
 		Key:  "MyAnimeListTokenType",
 		Data: []byte(myAnimeListJwt.TokenType),
@@ -297,26 +308,33 @@ func refreshMyAnimeListAuthorizationToken() {
 		Key:  "MyAnimeListRefreshToken",
 		Data: []byte(myAnimeListJwt.RefreshToken),
 	})
-	_, err = runtime.MessageDialog(*wailsContext, runtime.MessageDialogOptions{
-		Title:   "MyAnimeList Authorization",
-		Message: "It is now safe to close your browser tab",
-	})
-	if err != nil {
-		fmt.Println(err)
-	}
+	return true
 }
 
 func (a *App) GetMyAnimeListLoggedInUser() MyAnimeListUser {
 	a.MyAnimeListLogin()
 	user := createUser()
-	if user.Name == "" {
-		refreshMyAnimeListAuthorizationToken()
+	if user.Name == "" && !a.refreshMyAnimeListAndGetUser(&user) {
+		a.LogoutMyAnimeList()
+		a.MyAnimeListLogin()
 		user = createUser()
 	}
 
 	return user
 }
 
+func (a *App) refreshMyAnimeListAndGetUser(user *MyAnimeListUser) bool {
+	if !refreshMyAnimeListAuthorizationToken() {
+		return false
+	}
+	freshUser := createUser()
+	if freshUser.Name == "" {
+		return false
+	}
+	*user = freshUser
+	return true
+}
+
 func createUser() MyAnimeListUser {
 	client := &http.Client{}
 

frontend/src/App.svelte

@@ -9,6 +9,7 @@
     simklPrimary,
     malWatchList,
     simklWatchList,
+    serviceLoggingIn,
   } from "./helperModules/GlobalVariablesAndHelperFunctions.svelte";
   import { onMount } from "svelte";
   import Router from "svelte-spa-router";
@@ -35,6 +36,8 @@
     malLoggedIn.subscribe((value) => (isMALLoggedIn = value));
     simklLoggedIn.subscribe((value) => (isSimklLoggedIn = value));
 
+    serviceLoggingIn.set(["anilist", "mal", "simkl"]);
+
     !isAniListLoggedIn && (await CheckIfAniListLoggedInAndLoadWatchList());
     !isMALLoggedIn && (await CheckIfMALLoggedInAndSetUser());
     !isSimklLoggedIn && (await CheckIfSimklLoggedInAndSetUser());

frontend/src/helperComponents/AvatarMenu.svelte

@@ -14,6 +14,7 @@
     logoutOfAniList,
     logoutOfMAL,
     logoutOfSimkl,
+    serviceLoggingIn,
   } from "../helperModules/GlobalVariablesAndHelperFunctions.svelte";
   import * as runtime from "../../wailsjs/runtime";
   import type { MyAnimeListUser } from "../mal/types/MALTypes";
@@ -26,6 +27,7 @@
   let isAniListLoggedIn: boolean;
   let isSimklLoggedIn: boolean;
   let isMALLoggedIn: boolean;
+  let loggingIn: string[] = [];
 
   aniListUser.subscribe((value) => (currentAniListUser = value));
   malUser.subscribe((value) => (currentMALUser = value));
@@ -33,6 +35,7 @@
   aniListLoggedIn.subscribe((value) => (isAniListLoggedIn = value));
   simklLoggedIn.subscribe((value) => (isSimklLoggedIn = value));
   malLoggedIn.subscribe((value) => (isMALLoggedIn = value));
+  serviceLoggingIn.subscribe((value) => (loggingIn = value));
 
   function dropdownUser(): void {
     let dropdown = document.querySelector("#userDropdown");
@@ -98,15 +101,24 @@
         </li>
       {:else}
         <li>
-          <button
-            on:click={() => {
-              dropdownUser();
-              loginToAniList();
-            }}
-            class="block px-4 py-2 w-full hover:bg-gray-600 truncate hover:text-white"
-          >
-            <span class="maple-font text-lg mr-4">A</span>Login to AniList
-          </button>
+          {#if loggingIn.includes("anilist")}
+            <span class="flex items-center px-4 py-2 w-full truncate">
+              <span
+                class="inline-block w-4 h-4 mr-4 border-2 border-gray-300 border-t-transparent rounded-full animate-spin"
+              ></span>
+              <span class="maple-font text-lg mr-4">A</span>Checking AniList
+            </span>
+          {:else}
+            <button
+              on:click={() => {
+                dropdownUser();
+                loginToAniList();
+              }}
+              class="block px-4 py-2 w-full hover:bg-gray-600 truncate hover:text-white"
+            >
+              <span class="maple-font text-lg mr-4">A</span>Login to AniList
+            </button>
+          {/if}
         </li>
       {/if}
       {#if isMALLoggedIn}
@@ -120,15 +132,24 @@
         </li>
       {:else}
         <li>
-          <button
-            on:click={() => {
-              dropdownUser();
-              loginToMAL();
-            }}
-            class="block px-4 py-2 w-full hover:bg-gray-600 truncate hover:text-white"
-          >
-            <span class="maple-font text-lg mr-4">M</span>Login to MyAnimeList
-          </button>
+          {#if loggingIn.includes("mal")}
+            <span class="flex items-center px-4 py-2 w-full truncate">
+              <span
+                class="inline-block w-4 h-4 mr-4 border-2 border-gray-300 border-t-transparent rounded-full animate-spin"
+              ></span>
+              <span class="maple-font text-lg mr-4">M</span>Checking MyAnimeList
+            </span>
+          {:else}
+            <button
+              on:click={() => {
+                dropdownUser();
+                loginToMAL();
+              }}
+              class="block px-4 py-2 w-full hover:bg-gray-600 truncate hover:text-white"
+            >
+              <span class="maple-font text-lg mr-4">M</span>Login to MyAnimeList
+            </button>
+          {/if}
         </li>
       {/if}
       {#if isSimklLoggedIn}
@@ -143,15 +164,24 @@
         </li>
       {:else}
         <li>
-          <button
-            on:click={() => {
-              dropdownUser();
-              loginToSimkl();
-            }}
-            class="block px-4 py-2 w-full hover:bg-gray-600 truncate hover:text-white"
-          >
-            <span class="maple-font text-lg mr-4">S</span>Login to Simkl
-          </button>
+          {#if loggingIn.includes("simkl")}
+            <span class="flex items-center px-4 py-2 w-full truncate">
+              <span
+                class="inline-block w-4 h-4 mr-4 border-2 border-gray-300 border-t-transparent rounded-full animate-spin"
+              ></span>
+              <span class="maple-font text-lg mr-4">S</span>Checking Simkl
+            </span>
+          {:else}
+            <button
+              on:click={() => {
+                dropdownUser();
+                loginToSimkl();
+              }}
+              class="block px-4 py-2 w-full hover:bg-gray-600 truncate hover:text-white"
+            >
+              <span class="maple-font text-lg mr-4">S</span>Login to Simkl
+            </button>
+          {/if}
         </li>
       {/if}
     </ul>
@@ -174,4 +204,3 @@
     </div>
   </div>
 </div>
-

frontend/src/helperComponents/Header.svelte

@@ -7,6 +7,7 @@
         loginToSimkl,
         malLoggedIn,
         simklLoggedIn,
+        serviceLoggingIn,
     } from "../helperModules/GlobalVariablesAndHelperFunctions.svelte";
     import AvatarMenu from "./AvatarMenu.svelte";
     import logo from "../assets/images/AniTrackLogo.svg";
@@ -15,10 +16,12 @@
     let isAniListLoggedIn: boolean;
     let isSimklLoggedIn: boolean;
     let isMALLoggedIn: boolean;
+    let loggingIn: string[] = [];
 
     aniListLoggedIn.subscribe((value) => (isAniListLoggedIn = value));
     simklLoggedIn.subscribe((value) => (isSimklLoggedIn = value));
     malLoggedIn.subscribe((value) => (isMALLoggedIn = value));
+    serviceLoggingIn.subscribe((value) => (loggingIn = value));
 </script>
 
 <nav class="border-gray-200 bg-gray-900">
@@ -74,23 +77,50 @@
             >
                 <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">-->
-                            AniList Login
+                        <button
+                            disabled={loggingIn.includes("anilist")}
+                            on:click={loginToAniList}
+                        >
+                            {#if loggingIn.includes("anilist")}
+                                <span
+                                    class="inline-block w-4 h-4 mr-2 border-2 border-gray-300 border-t-transparent rounded-full animate-spin align-middle"
+                                ></span
+                                >Checking AniList
+                            {:else}
+                                AniList Login
+                            {/if}
                         </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">-->
-                            MyAnimeList Login
+                        <button
+                            disabled={loggingIn.includes("mal")}
+                            on:click={loginToMAL}
+                        >
+                            {#if loggingIn.includes("mal")}
+                                <span
+                                    class="inline-block w-4 h-4 mr-2 border-2 border-gray-300 border-t-transparent rounded-full animate-spin align-middle"
+                                ></span
+                                >Checking MAL
+                            {:else}
+                                MyAnimeList Login
+                            {/if}
                         </button>
                     {/if}
                 </li>
                 <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">-->
-                            Simkl Login
+                        <button
+                            disabled={loggingIn.includes("simkl")}
+                            on:click={loginToSimkl}
+                        >
+                            {#if loggingIn.includes("simkl")}
+                                <span
+                                    class="inline-block w-4 h-4 mr-2 border-2 border-gray-300 border-t-transparent rounded-full animate-spin align-middle"
+                                ></span
+                                >Checking Simkl
+                            {:else}
+                                Simkl Login
+                            {/if}
                         </button>
                     {/if}
                 </li>

frontend/src/helperModules/CheckIfAniListLoggedInAndLoadWatchList.svelte

@@ -14,6 +14,7 @@
     aniListSort,
     clearApiError,
     setApiError,
+    serviceLoggingIn,
   } from "./GlobalVariablesAndHelperFunctions.svelte";
 
   let isAniListPrimary: boolean;
@@ -60,6 +61,7 @@
     }
   };
   export const CheckIfAniListLoggedInAndLoadWatchList = async () => {
+    serviceLoggingIn.update((s) => [...s, "anilist"]);
     try {
       const loggedIn = await CheckIfAniListLoggedIn();
       if (loggedIn) {
@@ -76,6 +78,8 @@
         true,
       );
       aniListLoggedIn.set(false);
+    } finally {
+      serviceLoggingIn.update((s) => s.filter((item) => item !== "anilist"));
     }
   };
 </script>

frontend/src/helperModules/CheckIfMyAnimeListLoggedIn.svelte

@@ -1,14 +1,21 @@
 <script lang="ts" context="module">
     import {CheckIfMyAnimeListLoggedIn, GetMyAnimeList, GetMyAnimeListLoggedInUser} from "../../wailsjs/go/main/App";
-    import {malUser, malPrimary, malWatchList, malLoggedIn} from "./GlobalVariablesAndHelperFunctions.svelte"
+    import {malUser, malPrimary, malWatchList, malLoggedIn, serviceLoggingIn} from "./GlobalVariablesAndHelperFunctions.svelte"
+    import type { MyAnimeListUser } from "../mal/types/MALTypes";
 
     let isMalPrimary: boolean
     malPrimary.subscribe(value => isMalPrimary = value)
 
     export const CheckIfMALLoggedInAndSetUser = async () => {
+        serviceLoggingIn.update((s) => [...s, "mal"])
         await CheckIfMyAnimeListLoggedIn().then(loggedIn => {
             if (loggedIn) {
                 GetMyAnimeListLoggedInUser().then(user => {
+                    if (!user.name) {
+                        malUser.set({} as MyAnimeListUser)
+                        malLoggedIn.set(false)
+                        return
+                    }
                     malUser.set(user)
                     if (isMalPrimary) {
                         GetMyAnimeList(1000).then(watchList => {
@@ -20,6 +27,8 @@
                     }
                 })
             }
+        }).finally(() => {
+            serviceLoggingIn.update((s) => s.filter(item => item !== "mal"))
         })
     }
 </script>

frontend/src/helperModules/CheckIsSimklLoggedIn.svelte

@@ -1,11 +1,12 @@
 <script lang="ts" context="module">
     import {CheckIfSimklLoggedIn, GetSimklLoggedInUser, SimklGetUserWatchlist} from "../../wailsjs/go/main/App";
-    import { simklLoggedIn, simklUser, simklPrimary, simklWatchList } from "./GlobalVariablesAndHelperFunctions.svelte";
+    import { simklLoggedIn, simklUser, simklPrimary, simklWatchList, serviceLoggingIn } from "./GlobalVariablesAndHelperFunctions.svelte";
 
     let isSimklPrimary: boolean
     simklPrimary.subscribe(value => isSimklPrimary = value)
 
     export const CheckIfSimklLoggedInAndSetUser = async () => {
+        serviceLoggingIn.update((s) => [...s, "simkl"])
         await CheckIfSimklLoggedIn().then(loggedIn => {
             if (loggedIn) {
                 GetSimklLoggedInUser().then(user => {
@@ -24,6 +25,8 @@
                     }
                 })
             }
+        }).finally(() => {
+            serviceLoggingIn.update((s) => s.filter(item => item !== "simkl"))
         })
     }
 </script>

frontend/src/helperModules/GlobalVariablesAndHelperFunctions.svelte

@@ -39,6 +39,7 @@
   export let aniListLoggedIn = writable(false);
   export let simklLoggedIn = writable(false);
   export let malLoggedIn = writable(false);
+  export const serviceLoggingIn = writable([] as string[]);
   export let simklWatchList = writable({} as SimklWatchList);
   export let aniListPrimary = writable(true);
   export let simklPrimary = writable(false);
@@ -148,39 +149,70 @@
     return "";
   }
 
-  export function loginToSimkl(): void {
-    GetSimklLoggedInUser().then((user) => {
-      if (Object.keys(user).length === 0) {
-        simklLoggedIn.set(false);
-      } else {
-        simklUser.set(user);
-        SimklGetUserWatchlist().then((result) => {
-          simklWatchList.set(result);
-          simklLoggedIn.set(true);
-        });
+  export function setServiceLoggingIn(service: string, isLoggingIn: boolean): void {
+    serviceLoggingIn.update((services) => {
+      if (isLoggingIn) {
+        return services.includes(service) ? services : [...services, service];
       }
+      return services.filter((s) => s !== service);
     });
   }
 
+  export function isServiceLoggingIn(service: string): boolean {
+    let loggingIn = false;
+    serviceLoggingIn.subscribe((services) => {
+      loggingIn = services.includes(service);
+    })();
+    return loggingIn;
+  }
+
+  export function loginToSimkl(): void {
+    setServiceLoggingIn("simkl", true);
+    GetSimklLoggedInUser()
+      .then((user) => {
+        if (Object.keys(user).length === 0) {
+          simklLoggedIn.set(false);
+        } else {
+          simklUser.set(user);
+          SimklGetUserWatchlist().then((result) => {
+            simklWatchList.set(result);
+            simklLoggedIn.set(true);
+          });
+        }
+      })
+      .finally(() => setServiceLoggingIn("simkl", false));
+  }
+
   export function loginToAniList(): void {
-    GetAniListLoggedInUser().then((result) => {
-      aniListUser.set(result);
-      if (isAniListPrimary) {
-        GetAniListUserWatchingList(page, perPage, sort).then((result) => {
-          aniListWatchlist.set(result);
+    setServiceLoggingIn("anilist", true);
+    GetAniListLoggedInUser()
+      .then((result) => {
+        aniListUser.set(result);
+        if (isAniListPrimary) {
+          GetAniListUserWatchingList(page, perPage, sort).then((result) => {
+            aniListWatchlist.set(result);
+            aniListLoggedIn.set(true);
+          });
+        } else {
           aniListLoggedIn.set(true);
-        });
-      } else {
-        aniListLoggedIn.set(true);
-      }
-    });
+        }
+      })
+      .finally(() => setServiceLoggingIn("anilist", false));
   }
 
   export function loginToMAL(): void {
-    GetMyAnimeListLoggedInUser().then((result) => {
-      malUser.set(result);
-      malLoggedIn.set(true);
-    });
+    setServiceLoggingIn("mal", true);
+    GetMyAnimeListLoggedInUser()
+      .then((result) => {
+        if (!result.name) {
+          malUser.set({} as MyAnimeListUser);
+          malLoggedIn.set(false);
+          return;
+        }
+        malUser.set(result);
+        malLoggedIn.set(true);
+      })
+      .finally(() => setServiceLoggingIn("mal", false));
   }
 
   export function logoutOfAniList(): void {

frontend/wailsjs/go/main/App.d.ts

@@ -2,6 +2,8 @@
 // This file is automatically generated. DO NOT EDIT
 import {main} from '../models';
 
+export function AniListBrowse(arg1:number,arg2:number,arg3:number,arg4:boolean,arg5:string,arg6:Array<string>,arg7:string,arg8:string,arg9:string,arg10:string,arg11:number,arg12:string,arg13:boolean,arg14:number,arg15:number,arg16:number,arg17:number,arg18:number,arg19:number,arg20:number,arg21:number,arg22:number,arg23:number,arg24:Array<number>,arg25:boolean,arg26:Array<string>,arg27:Array<string>,arg28:Array<string>,arg29:Array<string>,arg30:number,arg31:Array<string>):Promise<main.AniListCurrentUserWatchList>;
+
 export function AniListDeleteEntry(arg1:number):Promise<main.DeleteAniListReturn>;
 
 export function AniListLogin():Promise<void>;

frontend/wailsjs/go/main/App.js

@@ -2,6 +2,10 @@
 // Cynhyrchwyd y ffeil hon yn awtomatig. PEIDIWCH Â MODIWL
 // This file is automatically generated. DO NOT EDIT
 
+export function AniListBrowse(arg1, arg2, arg3, arg4, arg5, arg6, arg7, arg8, arg9, arg10, arg11, arg12, arg13, arg14, arg15, arg16, arg17, arg18, arg19, arg20, arg21, arg22, arg23, arg24, arg25, arg26, arg27, arg28, arg29, arg30, arg31) {
+  return window['go']['main']['App']['AniListBrowse'](arg1, arg2, arg3, arg4, arg5, arg6, arg7, arg8, arg9, arg10, arg11, arg12, arg13, arg14, arg15, arg16, arg17, arg18, arg19, arg20, arg21, arg22, arg23, arg24, arg25, arg26, arg27, arg28, arg29, arg30, arg31);
+}
+
 export function AniListDeleteEntry(arg1) {
   return window['go']['main']['App']['AniListDeleteEntry'](arg1);
 }

frontend/wailsjs/go/models.ts

@@ -359,13 +359,125 @@ export namespace main {
 	        this.updated_at = source["updated_at"];
 	    }
 	}
+	export class  {
+	    id: number;
+	    name: string;
+	    description: string;
+	    rank: number;
+	    isMediaSpoiler: boolean;
+	    isAdult: boolean;
+	
+	    static createFrom(source: any = {}) {
+	        return new (source);
+	    }
+	
+	    constructor(source: any = {}) {
+	        if ('string' === typeof source) source = JSON.parse(source);
+	        this.id = source["id"];
+	        this.name = source["name"];
+	        this.description = source["description"];
+	        this.rank = source["rank"];
+	        this.isMediaSpoiler = source["isMediaSpoiler"];
+	        this.isAdult = source["isAdult"];
+	    }
+	}
+	export class Media {
+	    id: number;
+	    idMal: number;
+	    // Go type: struct { UserPreferred string "json:\"userPreferred\""; Romaji string "json:\"romaji\""; English string "json:\"english\""; Native string "json:\"native\"" }
+	    title: any;
+	    description: string;
+	    // Go type: struct { ExtraLarge string; Large string "json:\"large\""; Medium string; Color string }
+	    coverImage: any;
+	    BannerImage: string;
+	    Format: string;
+	    season: string;
+	    seasonYear: number;
+	    status: string;
+	    episodes: number;
+	    Duration: number;
+	    CountryOfOrigin: string;
+	    Source: string;
+	    Synonyms: string[];
+	    AverageScore: number;
+	    MeanScore: number;
+	    Popularity: number;
+	    Trending: number;
+	    Favourites: number;
+	    // Go type: struct { nodes struct { id int; Title struct { UserPreferred string "json:\"userPreferred\""; Romaji string "json:\"romaji\""; English string "json:\"english\""; Native string "json:\"native\"" } "json:\"title\"" } }
+	    Relations: any;
+	    // Go type: struct { Year int; Month int; Day int }
+	    StartDate: any;
+	    // Go type: struct { Year int; Month int; Day int }
+	    EndDate: any;
+	    // Go type: struct { AiringAt int "json:\"airingAt\""; TimeUntilAiring int "json:\"timeUntilAiring\""; Episode int "json:\"episode\"" }
+	    nextAiringEpisode: any;
+	    // Go type: struct { Nodes struct { Id int; AiringAt int; TimeUntilAiring int; Episode int; MediaId int } }
+	    AiringSchedule: any;
+	    genres: string[];
+	    tags: [];
+	    isAdult: boolean;
+	
+	    static createFrom(source: any = {}) {
+	        return new Media(source);
+	    }
+	
+	    constructor(source: any = {}) {
+	        if ('string' === typeof source) source = JSON.parse(source);
+	        this.id = source["id"];
+	        this.idMal = source["idMal"];
+	        this.title = this.convertValues(source["title"], Object);
+	        this.description = source["description"];
+	        this.coverImage = this.convertValues(source["coverImage"], Object);
+	        this.BannerImage = source["BannerImage"];
+	        this.Format = source["Format"];
+	        this.season = source["season"];
+	        this.seasonYear = source["seasonYear"];
+	        this.status = source["status"];
+	        this.episodes = source["episodes"];
+	        this.Duration = source["Duration"];
+	        this.CountryOfOrigin = source["CountryOfOrigin"];
+	        this.Source = source["Source"];
+	        this.Synonyms = source["Synonyms"];
+	        this.AverageScore = source["AverageScore"];
+	        this.MeanScore = source["MeanScore"];
+	        this.Popularity = source["Popularity"];
+	        this.Trending = source["Trending"];
+	        this.Favourites = source["Favourites"];
+	        this.Relations = this.convertValues(source["Relations"], Object);
+	        this.StartDate = this.convertValues(source["StartDate"], Object);
+	        this.EndDate = this.convertValues(source["EndDate"], Object);
+	        this.nextAiringEpisode = this.convertValues(source["nextAiringEpisode"], Object);
+	        this.AiringSchedule = this.convertValues(source["AiringSchedule"], Object);
+	        this.genres = source["genres"];
+	        this.tags = this.convertValues(source["tags"], );
+	        this.isAdult = source["isAdult"];
+	    }
+	
+		convertValues(a: any, classs: any, asMap: boolean = false): any {
+		    if (!a) {
+		        return a;
+		    }
+		    if (a.slice && a.map) {
+		        return (a as any[]).map(elem => this.convertValues(elem, classs));
+		    } else if ("object" === typeof a) {
+		        if (asMap) {
+		            for (const key of Object.keys(a)) {
+		                a[key] = new classs(a[key]);
+		            }
+		            return a;
+		        }
+		        return new classs(a);
+		    }
+		    return a;
+		}
+	}
 	export class MediaList {
 	    id: number;
 	    mediaId: number;
 	    userId: number;
-	    // Go type: struct { ID int "json:\"id\""; IDMal int "json:\"idMal\""; Title struct { Romaji string "json:\"romaji\""; English string "json:\"english\""; Native string "json:\"native\"" } "json:\"title\""; Description string "json:\"description\""; CoverImage struct { Large string "json:\"large\"" } "json:\"coverImage\""; Season string "json:\"season\""; SeasonYear int "json:\"seasonYear\""; Status string "json:\"status\""; Episodes int "json:\"episodes\""; NextAiringEpisode struct { AiringAt int "json:\"airingAt\""; TimeUntilAiring int "json:\"timeUntilAiring\""; Episode int "json:\"episode\"" } "json:\"nextAiringEpisode\""; Genres []string "json:\"genres\""; Tags []struct { Id int "json:\"id\""; Name string "json:\"name\""; Description string "json:\"description\""; Rank int "json:\"rank\""; IsMediaSpoiler bool "json:\"isMediaSpoiler\""; IsAdult bool "json:\"isAdult\"" } "json:\"tags\""; IsAdult bool "json:\"isAdult\"" }
-	    media: any;
 	    status: string;
+	    media: Media;
 	    // Go type: struct { Year int "json:\"year\""; Month int "json:\"month\""; Day int "json:\"day\"" }
 	    startedAt: any;
 	    // Go type: struct { Year int "json:\"year\""; Month int "json:\"month\""; Day int "json:\"day\"" }
@@ -386,8 +498,8 @@ export namespace main {
 	        this.id = source["id"];
 	        this.mediaId = source["mediaId"];
 	        this.userId = source["userId"];
-	        this.media = this.convertValues(source["media"], Object);
 	        this.status = source["status"];
+	        this.media = this.convertValues(source["media"], Media);
 	        this.startedAt = this.convertValues(source["startedAt"], Object);
 	        this.completedAt = this.convertValues(source["completedAt"], Object);
 	        this.notes = source["notes"];

frontend/wailsjs/runtime/runtime.d.ts

@@ -246,4 +246,85 @@ export function OnFileDropOff() :void
 export function CanResolveFilePaths(): boolean;
 
 // Resolves file paths for an array of files
-export function ResolveFilePaths(files: File[]): void
+export function ResolveFilePaths(files: File[]): void
+
+// Notification types
+export interface NotificationOptions {
+    id: string;
+    title: string;
+    subtitle?: string; // macOS and Linux only
+    body?: string;
+    categoryId?: string;
+    data?: { [key: string]: any };
+}
+
+export interface NotificationAction {
+    id?: string;
+    title?: string;
+    destructive?: boolean; // macOS-specific
+}
+
+export interface NotificationCategory {
+    id?: string;
+    actions?: NotificationAction[];
+    hasReplyField?: boolean;
+    replyPlaceholder?: string;
+    replyButtonTitle?: string;
+}
+
+// [InitializeNotifications](https://wails.io/docs/reference/runtime/notification#initializenotifications)
+// Initializes the notification service for the application.
+// This must be called before sending any notifications.
+export function InitializeNotifications(): Promise<void>;
+
+// [CleanupNotifications](https://wails.io/docs/reference/runtime/notification#cleanupnotifications)
+// Cleans up notification resources and releases any held connections.
+export function CleanupNotifications(): Promise<void>;
+
+// [IsNotificationAvailable](https://wails.io/docs/reference/runtime/notification#isnotificationavailable)
+// Checks if notifications are available on the current platform.
+export function IsNotificationAvailable(): Promise<boolean>;
+
+// [RequestNotificationAuthorization](https://wails.io/docs/reference/runtime/notification#requestnotificationauthorization)
+// Requests notification authorization from the user (macOS only).
+export function RequestNotificationAuthorization(): Promise<boolean>;
+
+// [CheckNotificationAuthorization](https://wails.io/docs/reference/runtime/notification#checknotificationauthorization)
+// Checks the current notification authorization status (macOS only).
+export function CheckNotificationAuthorization(): Promise<boolean>;
+
+// [SendNotification](https://wails.io/docs/reference/runtime/notification#sendnotification)
+// Sends a basic notification with the given options.
+export function SendNotification(options: NotificationOptions): Promise<void>;
+
+// [SendNotificationWithActions](https://wails.io/docs/reference/runtime/notification#sendnotificationwithactions)
+// Sends a notification with action buttons. Requires a registered category.
+export function SendNotificationWithActions(options: NotificationOptions): Promise<void>;
+
+// [RegisterNotificationCategory](https://wails.io/docs/reference/runtime/notification#registernotificationcategory)
+// Registers a notification category that can be used with SendNotificationWithActions.
+export function RegisterNotificationCategory(category: NotificationCategory): Promise<void>;
+
+// [RemoveNotificationCategory](https://wails.io/docs/reference/runtime/notification#removenotificationcategory)
+// Removes a previously registered notification category.
+export function RemoveNotificationCategory(categoryId: string): Promise<void>;
+
+// [RemoveAllPendingNotifications](https://wails.io/docs/reference/runtime/notification#removeallpendingnotifications)
+// Removes all pending notifications from the notification center.
+export function RemoveAllPendingNotifications(): Promise<void>;
+
+// [RemovePendingNotification](https://wails.io/docs/reference/runtime/notification#removependingnotification)
+// Removes a specific pending notification by its identifier.
+export function RemovePendingNotification(identifier: string): Promise<void>;
+
+// [RemoveAllDeliveredNotifications](https://wails.io/docs/reference/runtime/notification#removealldeliverednotifications)
+// Removes all delivered notifications from the notification center.
+export function RemoveAllDeliveredNotifications(): Promise<void>;
+
+// [RemoveDeliveredNotification](https://wails.io/docs/reference/runtime/notification#removedeliverednotification)
+// Removes a specific delivered notification by its identifier.
+export function RemoveDeliveredNotification(identifier: string): Promise<void>;
+
+// [RemoveNotification](https://wails.io/docs/reference/runtime/notification#removenotification)
+// Removes a notification by its identifier (cross-platform convenience function).
+export function RemoveNotification(identifier: string): Promise<void>;

frontend/wailsjs/runtime/runtime.js

@@ -48,6 +48,10 @@ export function EventsOff(eventName, ...additionalEventNames) {
     return window.runtime.EventsOff(eventName, ...additionalEventNames);
 }
 
+export function EventsOffAll() {
+  return window.runtime.EventsOffAll();
+}
+
 export function EventsOnce(eventName, callback) {
     return EventsOnMultiple(eventName, callback, 1);
 }
@@ -235,4 +239,60 @@ export function CanResolveFilePaths() {
 
 export function ResolveFilePaths(files) {
     return window.runtime.ResolveFilePaths(files);
+}
+
+export function InitializeNotifications() {
+    return window.runtime.InitializeNotifications();
+}
+
+export function CleanupNotifications() {
+    return window.runtime.CleanupNotifications();
+}
+
+export function IsNotificationAvailable() {
+    return window.runtime.IsNotificationAvailable();
+}
+
+export function RequestNotificationAuthorization() {
+    return window.runtime.RequestNotificationAuthorization();
+}
+
+export function CheckNotificationAuthorization() {
+    return window.runtime.CheckNotificationAuthorization();
+}
+
+export function SendNotification(options) {
+    return window.runtime.SendNotification(options);
+}
+
+export function SendNotificationWithActions(options) {
+    return window.runtime.SendNotificationWithActions(options);
+}
+
+export function RegisterNotificationCategory(category) {
+    return window.runtime.RegisterNotificationCategory(category);
+}
+
+export function RemoveNotificationCategory(categoryId) {
+    return window.runtime.RemoveNotificationCategory(categoryId);
+}
+
+export function RemoveAllPendingNotifications() {
+    return window.runtime.RemoveAllPendingNotifications();
+}
+
+export function RemovePendingNotification(identifier) {
+    return window.runtime.RemovePendingNotification(identifier);
+}
+
+export function RemoveAllDeliveredNotifications() {
+    return window.runtime.RemoveAllDeliveredNotifications();
+}
+
+export function RemoveDeliveredNotification(identifier) {
+    return window.runtime.RemoveDeliveredNotification(identifier);
+}
+
+export function RemoveNotification(identifier) {
+    return window.runtime.RemoveNotification(identifier);
 }

go.mod

@@ -5,7 +5,7 @@ go 1.25.0
 require (
 	github.com/99designs/keyring v1.2.2
 	github.com/tidwall/gjson v1.19.0
-	github.com/wailsapp/wails/v2 v2.12.0
+	github.com/wailsapp/wails/v2 v2.15.0
 )
 
 require (
@@ -41,11 +41,11 @@ require (
 	github.com/valyala/fasttemplate v1.2.2 // indirect
 	github.com/wailsapp/go-webview2 v1.0.23 // indirect
 	github.com/wailsapp/mimetype v1.4.1 // indirect
-	golang.org/x/crypto v0.52.0 // indirect
-	golang.org/x/net v0.55.0 // indirect
-	golang.org/x/sys v0.45.0 // indirect
-	golang.org/x/term v0.43.0 // indirect
-	golang.org/x/text v0.37.0 // indirect
+	golang.org/x/crypto v0.53.0 // indirect
+	golang.org/x/net v0.56.0 // indirect
+	golang.org/x/sys v0.46.0 // indirect
+	golang.org/x/term v0.44.0 // indirect
+	golang.org/x/text v0.39.0 // indirect
 )
 
 // replace github.com/wailsapp/wails/v2 v2.9.1 => /home/nymusicman/go/pkg/mod

go.sum

@@ -85,25 +85,25 @@ github.com/wailsapp/go-webview2 v1.0.23 h1:jmv8qhz1lHibCc79bMM/a/FqOnnzOGEisLav+
 github.com/wailsapp/go-webview2 v1.0.23/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.12.0 h1:BHO/kLNWFHYjCzucxbzAYZWUjub1Tvb4cSguQozHn5c=
-github.com/wailsapp/wails/v2 v2.12.0/go.mod h1:mo1bzK1DEJrobt7YrBjgxvb5Sihb1mhAY09hppbibQg=
-golang.org/x/crypto v0.52.0 h1:RMs7fP2rXdep0CftQlK8Uf+kibLm7qkCcradZWYz988=
-golang.org/x/crypto v0.52.0/go.mod h1:1QgfPxDqh0T2M/elOJtp9RvuR95kVjir0e6/BvEmGbc=
+github.com/wailsapp/wails/v2 v2.15.0 h1:u7cHK+UesZOlYxyJxfYLteaCPhws6UsZoDdqUejuX6Q=
+github.com/wailsapp/wails/v2 v2.15.0/go.mod h1:scxrgwfsv6yR6fE6cCF+Flfl+JeU+SR87T9x4kILJ6M=
+golang.org/x/crypto v0.53.0 h1:QZ4Muo8THX6CizN2vPPd5fBGHyogrdK9fG4wLPFUsto=
+golang.org/x/crypto v0.53.0/go.mod h1:DNLU434OwVakk9PzuwV8w62mAJpRJL3vsgcfp4Qnsio=
 golang.org/x/net v0.0.0-20210505024714-0287a6fb4125/go.mod h1:9nx3DQGgdP8bBQD5qxJ1jj9UTztislL4KSBs9R2vV5Y=
-golang.org/x/net v0.55.0 h1:bcvxaJn3e1U6InsFWt1JUq1aSjnRxLzT2rtD2KfkDF8=
-golang.org/x/net v0.55.0/go.mod h1:L5U2KuzuOe1lY7Z+aWVIKK6qEeJXnXV9yzGA+WCHJww=
+golang.org/x/net v0.56.0 h1:Rw8j/hFzGvJUZwNBXnAtf5sVDVt+65SK2C7IxCxZt5o=
+golang.org/x/net v0.56.0/go.mod h1:D3Ku6r+V6JROoZK144D2XfMHFcMq/0zSfLelVTCFKec=
 golang.org/x/sys v0.0.0-20200810151505-1b9f1253b3ed/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
 golang.org/x/sys v0.0.0-20201119102817-f84b799fce68/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
 golang.org/x/sys v0.0.0-20210423082822-04245dca01da/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
 golang.org/x/sys v0.1.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
-golang.org/x/sys v0.45.0 h1:dO4czNzziLiiXplLQgBCEpCvXQ3dnkn0SdaZSYdQ+FY=
-golang.org/x/sys v0.45.0/go.mod h1:4GL1E5IUh+htKOUEOaiffhrAeqysfVGipDYzABqnCmw=
+golang.org/x/sys v0.46.0 h1:noSf2Fq6F8DBgS+LysIkx7rIExoNHJsxOAtPp4rthXw=
+golang.org/x/sys v0.46.0/go.mod h1:4GL1E5IUh+htKOUEOaiffhrAeqysfVGipDYzABqnCmw=
 golang.org/x/term v0.0.0-20201126162022-7de9c90e9dd1/go.mod h1:bj7SfCRtBDWHUb9snDiAeCFNEtKQo2Wmx5Cou7ajbmo=
-golang.org/x/term v0.43.0 h1:S4RLU2sB31O/NCl+zFN9Aru9A/Cq2aqKpTZJ6B+DwT4=
-golang.org/x/term v0.43.0/go.mod h1:lrhlHNdQJHO+1qVYiHfFKVuVioJIheAc3fBSMFYEIsk=
+golang.org/x/term v0.44.0 h1:0rLvDRCtNj0gZkyIXhCyOb2OAzEhLVqc4B+hrsBhrmc=
+golang.org/x/term v0.44.0/go.mod h1:7ze4MdzUzLXpSAoFP1H0bOI9aXDqveSvatT5vKcFh2Y=
 golang.org/x/text v0.3.6/go.mod h1:5Zoc/QRtKVWzQhOtBMvqHzDpF6irO9z98xDceosuGiQ=
-golang.org/x/text v0.37.0 h1:Cqjiwd9eSg8e0QAkyCaQTNHFIIzWtidPahFWR83rTrc=
-golang.org/x/text v0.37.0/go.mod h1:a5sjxXGs9hsn/AJVwuElvCAo9v8QYLzvavO5z2PiM38=
+golang.org/x/text v0.39.0 h1:UbZz4pLOvn600D6Oh6GGEI6VAmndrEBLv8/6BEXzyus=
+golang.org/x/text v0.39.0/go.mod h1:3UwRclnC2g0TU9x8PZiyfOajCd1zaUNHF9cvqcQZ+ZM=
 golang.org/x/tools v0.0.0-20180917221912-90fa682c2a6e/go.mod h1:n7NCudcB/nEzxVGmLbDWY5pfWTLqBcC2KZ6jyYvM4mQ=
 gopkg.in/check.v1 v1.0.0-20200902074654-038fdea0a05b h1:QRR6H1YWRnHb4Y/HeNFCTJLFVxaq6wH4YuVdsUOr75U=
 gopkg.in/check.v1 v1.0.0-20200902074654-038fdea0a05b/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=