diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/lib/Tools/Wrapped.svelte | 8 | ||||
| -rw-r--r-- | src/routes/api/proxy/+server.ts | 2 |
2 files changed, 7 insertions, 3 deletions
diff --git a/src/lib/Tools/Wrapped.svelte b/src/lib/Tools/Wrapped.svelte index 999b2df6..7c5f99e6 100644 --- a/src/lib/Tools/Wrapped.svelte +++ b/src/lib/Tools/Wrapped.svelte @@ -256,6 +256,8 @@ return string.slice(0, maxLength - 3) + ' …'; }; + + const proxy = (url: string) => `/api/proxy?url=${encodeURIComponent(url)}`; </script> <div id="wrapped" style={`width: ${width}px`}> @@ -272,7 +274,7 @@ > <div class="grid-item image-grid avatar-grid category"> <a href={`https://anilist.co/user/${currentUserIdentity.name}`} target="_blank"> - <img src={wrapped.avatar.large} alt="User Avatar" /> + <img src={proxy(wrapped.avatar.large)} alt="User Avatar" /> </a> <div> <div> @@ -332,7 +334,7 @@ {#if animeList !== undefined} <a href={`https://anilist.co/anime/${animeList[0].id}`} target="_blank"> <img - src={animeList[0].coverImage.extraLarge} + src={proxy(animeList[0].coverImage.extraLarge)} alt="Highest Rated Anime Cover" class="cover-image" /> @@ -363,7 +365,7 @@ {#if mangaList !== undefined} <a href={`https://anilist.co/manga/${mangaList[0].id}`} target="_blank"> <img - src={mangaList[0].coverImage.extraLarge} + src={proxy(mangaList[0].coverImage.extraLarge)} alt="Highest Rated Manga Cover" class="cover-image" /> diff --git a/src/routes/api/proxy/+server.ts b/src/routes/api/proxy/+server.ts new file mode 100644 index 00000000..1c4a25dc --- /dev/null +++ b/src/routes/api/proxy/+server.ts @@ -0,0 +1,2 @@ +export const GET = async ({ url }) => + new Response(await (await fetch(url.searchParams.get('url') as string)).blob()); |