feat: add donator emojis where needed

Author: DarthGigi

src/lib/layouts/stats/PlayerProfile.svelte

@@ -192,7 +192,7 @@
       onclick={() => {
         if (profile == null) return;
         if (!$favorites.some((fav) => fav.uuid === profile.uuid)) {
-          favorites.set([...$favorites, { uuid: profile.uuid ?? "", ign: profile.username ?? "" }]);
+          favorites.set([...$favorites, { uuid: profile.uuid ?? "", ign: profile.username ?? "", displayName: profile.displayName ?? undefined }]);
           toast.dismiss(toastId);
           toastId = toast.success(`Added ${profile.username} to your favorites!`);
         } else {

src/lib/shared/api/skycrypt-api.remote.ts

@@ -1,6 +1,6 @@
 import { prerender, query } from "$app/server";
-import { getApiAccessoriesUuidProfileId, getApiBestiaryUuidProfileId, getApiCollectionsUuidProfileId, getApiCrimsonIsleUuidProfileId, getApiDungeonsUuidProfileId, getApiEmbedUuidProfileId, getApiGardenProfileId, getApiGearUuidProfileId, getApiInventoryUuidProfileIdInventoryId, getApiInventoryUuidProfileIdSearchSearch, getApiMinionsUuidProfileId, getApiMiscUuidProfileId, getApiNetworthUuidProfileId, getApiPetsUuidProfileId, getApiPlayerStatsUuidProfileId, getApiResourcepacks, getApiRiftUuidProfileId, getApiSkillsUuidProfileId, getApiSlayerUuidProfileId, getApiStatsUuidProfileId, getApiUuidUsername, type ModelsProcessingError } from "$lib/shared/api/orval-generated";
-import { getApiAccessoriesUuidProfileIdParams, getApiBestiaryUuidProfileIdParams, getApiCollectionsUuidProfileIdParams, getApiCrimsonIsleUuidProfileIdParams, getApiDungeonsUuidProfileIdParams, getApiEmbedUuidProfileIdParams, getApiGardenProfileIdParams, getApiGearUuidProfileIdParams, getApiInventoryUuidProfileIdInventoryIdParams, getApiInventoryUuidProfileIdSearchSearchParams, getApiMinionsUuidProfileIdParams, getApiMiscUuidProfileIdParams, getApiNetworthUuidProfileIdParams, getApiPetsUuidProfileIdParams, getApiPlayerStatsUuidProfileIdParams, getApiRiftUuidProfileIdParams, getApiSkillsUuidProfileIdParams, getApiSlayerUuidProfileIdParams, getApiStatsUuidProfileIdParams, getApiUuidUsernameParams } from "$lib/shared/api/orval-generated-zod";
+import { getApiAccessoriesUuidProfileId, getApiBestiaryUuidProfileId, getApiCollectionsUuidProfileId, getApiCrimsonIsleUuidProfileId, getApiDungeonsUuidProfileId, getApiEmbedUuidProfileId, getApiGardenProfileId, getApiGearUuidProfileId, getApiInventoryUuidProfileIdInventoryId, getApiInventoryUuidProfileIdSearchSearch, getApiMinionsUuidProfileId, getApiMiscUuidProfileId, getApiNetworthUuidProfileId, getApiPetsUuidProfileId, getApiPlayerStatsUuidProfileId, getApiResourcepacks, getApiRiftUuidProfileId, getApiSkillsUuidProfileId, getApiSlayerUuidProfileId, getApiStatsUuidProfileId, getApiUsernameUuid, getApiUuidUsername, type ModelsProcessingError } from "$lib/shared/api/orval-generated";
+import { getApiAccessoriesUuidProfileIdParams, getApiBestiaryUuidProfileIdParams, getApiCollectionsUuidProfileIdParams, getApiCrimsonIsleUuidProfileIdParams, getApiDungeonsUuidProfileIdParams, getApiEmbedUuidProfileIdParams, getApiGardenProfileIdParams, getApiGearUuidProfileIdParams, getApiInventoryUuidProfileIdInventoryIdParams, getApiInventoryUuidProfileIdSearchSearchParams, getApiMinionsUuidProfileIdParams, getApiMiscUuidProfileIdParams, getApiNetworthUuidProfileIdParams, getApiPetsUuidProfileIdParams, getApiPlayerStatsUuidProfileIdParams, getApiRiftUuidProfileIdParams, getApiSkillsUuidProfileIdParams, getApiSlayerUuidProfileIdParams, getApiStatsUuidProfileIdParams, getApiUsernameUuidParams, getApiUuidUsernameParams } from "$lib/shared/api/orval-generated-zod";
 import { APIEndpointName } from "$types";
 import { error, isHttpError, redirect } from "@sveltejs/kit";
 
@@ -143,6 +143,11 @@ export const searchUser = query(getApiUuidUsernameParams, async ({ username }) =
   error(404, `No user with the name '${username}' was found`);
 });
 
+/** Fetch embed data */
+export const getUsername = query(getApiUsernameUuidParams, async ({ uuid }) => {
+  return fetchSection(APIEndpointName.USERNAME, () => getApiUsernameUuid(uuid));
+});
+
 /** Fetch packs */
 export const getPacks = prerender(async () => {
   return fetchSection(APIEndpointName.RESOURCEPACK, () => getApiResourcepacks());

src/lib/stores/favorites.ts

@@ -3,7 +3,7 @@ import { persisted } from "svelte-persisted-store";
 
 // First param `favorites` is the local storage key.
 // Second param is the initial value.
-export const favorites = persisted<{ uuid: string; ign: string }[]>("favorites", []);
+export const favorites = persisted<{ uuid: string; ign: string; displayName?: string }[]>("favorites", []);
 
 // Check if favorites is in old format (string[]) and remove it if so
 if (browser) {

src/lib/types/index.ts

@@ -19,7 +19,8 @@ export enum APIEndpointName {
   GARDEN = "Garden",
   EMBED = "Embed Data",
   RESOURCEPACK = "Resource Pack",
-  SEARCH = "Search"
+  SEARCH = "Search",
+  USERNAME = "Username"
 }
 
 export * from "./types.d";

src/routes/ contributors.remote.ts

@@ -1,20 +1,25 @@
 import { prerender } from "$app/server";
-import { env } from "$env/dynamic/public";
-import ky from "ky";
+import type { ModelsPlayerResolve } from "$lib/shared/api/orval-generated";
+import { getUsername } from "$lib/shared/api/skycrypt-api.remote";
 import { Role } from "./enums";
 
-const { PUBLIC_SERVER_API_URL } = env;
+export interface Contributor extends ModelsPlayerResolve {
+  id: string;
+  quote?: string;
+  role?: Role;
+}
 
 export const getContributors = prerender(async () => {
-  const getUsername = async (uuid: string): Promise<string> => {
+  const getUsernames = async (uuid: string): Promise<ModelsPlayerResolve> => {
     try {
-      const { username } = await ky(`username/${uuid}`, {
-        prefixUrl: PUBLIC_SERVER_API_URL
-      }).json<{ username: string }>();
-      return username;
+      return await getUsername({ uuid });
     } catch (error) {
       console.error(error);
-      return "???";
+      return {
+        displayName: "???",
+        uuid: uuid,
+        username: "???"
+      };
     }
   };
 
@@ -34,12 +39,13 @@ export const getContributors = prerender(async () => {
       { id: "b876ec32e396476ba1158438d83c67d4", quote: "Long live the Potato king!", role: Role.TECHNOBLADE }
     ];
 
-    const usernames = await Promise.all(ids.map(({ id }) => getUsername(id)));
+    const usernames = await Promise.all(ids.map(({ id }) => getUsernames(id)));
 
     return ids.map((contributor, index) => ({
       ...contributor,
-      name: usernames[index]
-    }));
+      name: usernames[index].username,
+      displayName: usernames[index].displayName
+    })) satisfies Contributor[];
   };
 
   return contributors();

src/routes/+page.svelte

@@ -7,7 +7,7 @@
   import { favorites } from "$lib/stores/favorites";
   import { content } from "$lib/stores/internal";
   import { performanceMode } from "$lib/stores/preferences";
-  import { getContributors } from "$routes/ contributors.remote";
+  import { type Contributor, getContributors } from "$routes/ contributors.remote";
   import CodeXml from "@lucide/svelte/icons/code-xml";
   import GitPullRequestArrow from "@lucide/svelte/icons/git-pull-request-arrow";
   import LoaderCircle from "@lucide/svelte/icons/loader-circle";
@@ -118,10 +118,10 @@
 
   <div class="grid grid-cols-1 gap-5 @xl:grid-cols-2 @5xl:grid-cols-3">
     {#if $favorites.length === 0}
-      {@render profile({ id: "0", name: "No favorites set!", quote: "Why don't you set a favorite?" }, { tip: true })}
+      {@render profile({ id: "0", username: "No favorites set!", quote: "Why don't you set a favorite?" }, { tip: true })}
     {:else}
       {#each $favorites.reverse() as favorite, index (index)}
-        {@render profile({ id: favorite.uuid, name: favorite.ign, role: Role.FAVORITE }, { favorite: true })}
+        {@render profile({ id: favorite.uuid, username: favorite.ign, role: Role.FAVORITE, displayName: favorite.displayName }, { favorite: true })}
       {/each}
     {/if}
 
@@ -142,7 +142,7 @@
   </div>
 </main>
 
-{#snippet profile(user: { id: string; name: string; quote?: string; role?: Role }, options?: { tip?: boolean; favorite?: boolean })}
+{#snippet profile(user: Contributor, options?: { tip?: boolean; favorite?: boolean })}
   {#snippet tooltipContent()}
     <p class="font-semibold text-text/80 capitalize">
       {#if options?.favorite}
@@ -158,14 +158,14 @@
   <div class={cn("relative rounded-lg", { "transition-all duration-300 ease-out hover:scale-105": !options?.tip })}>
     <Button.Root href={options?.tip ? "#" : `/stats/${user.id}`} class={cn("relative flex h-full min-w-0 items-center gap-4 rounded-lg p-5", $performanceMode ? "bg-background-grey" : "backdrop-blur-lg backdrop-brightness-150 backdrop-contrast-60 dark:backdrop-brightness-50 dark:backdrop-contrast-100")}>
       <Avatar.Root class="size-16 shrink-0 rounded-lg bg-text/10">
-        <Avatar.Image loading="lazy" src={options?.tip ? "https://mc-heads.net/avatar/bc8ea1f51f253ff5142ca11ae45193a4ad8c3ab5e9c6eec8ba7a4fcb7bac40/64" : `https://crafatar.com/avatars/${user.id}?size=64&overlay`} alt={user.name} class="aspect-square size-16 rounded-lg [image-rendering:pixelated]" />
+        <Avatar.Image loading="lazy" src={options?.tip ? "https://mc-heads.net/avatar/bc8ea1f51f253ff5142ca11ae45193a4ad8c3ab5e9c6eec8ba7a4fcb7bac40/64" : `https://crafatar.com/avatars/${user.id}?size=64&overlay`} alt={user.username} class="aspect-square size-16 rounded-lg [image-rendering:pixelated]" />
         <Avatar.Fallback class="flex h-full items-center justify-center text-lg font-semibold text-text/60 uppercase">
-          {user.name.slice(0, 2)}
+          {user.username?.slice(0, 2)}
         </Avatar.Fallback>
       </Avatar.Root>
       <div class="flex flex-col justify-center gap-0">
         <div class="text-lg font-semibold text-text">
-          {user.name}
+          {user.displayName ?? user.username}
         </div>
         {#if user.quote}
           <div class={cn("pr-4 text-sm font-medium text-pretty text-text/80", user.role === Role.TECHNOBLADE ? "italic" : "")}>{@html user.quote}</div>