From a07c115e6b600829afd137644463e29940ba7a10 Mon Sep 17 00:00:00 2001
From: Luc <luc@lucemans.nl>
Date: Tue, 7 May 2024 03:23:26 +0000
Subject: [PATCH] Hotpatch Avatar Resolution

---
 blog/buildAssets.ts            | 42 ++++++++++++++++++----------------
 blog/src/components/Author.tsx |  4 ++--
 2 files changed, 24 insertions(+), 22 deletions(-)

diff --git a/blog/buildAssets.ts b/blog/buildAssets.ts
index 2e41e6a..7a75d03 100644
--- a/blog/buildAssets.ts
+++ b/blog/buildAssets.ts
@@ -127,7 +127,7 @@ const getCoverImages = async () => {
 
         // Read meta.json and check for cover
         const meta = await import(`../content/${post}/meta.json`).catch(
-            () => {}
+            () => { }
         );
 
         if (meta?.cover) {
@@ -180,9 +180,8 @@ const handleCoverImages = async () => {
 
             // eslint-disable-next-line sonarjs/no-nested-template-literals
             const key = `${prefix || ''}cover${suffix ? `-${suffix}` : ''}`;
-            const output = `${ASSETS_FOLDER}/${cover.post}/${key}.${
-                format || 'webp'
-            }`;
+            const output = `${ASSETS_FOLDER}/${cover.post}/${key}.${format || 'webp'
+                }`;
 
             console.log(`Converting image to ${output}`);
 
@@ -190,9 +189,8 @@ const handleCoverImages = async () => {
 
             await sharp(cover.data).resize(width, height).toFile(output);
 
-            result += `        '${key}': import('./${cover.post}/${key}.${
-                format || 'webp'
-            }') as Promise<{default: StaticImageData}>,\n`;
+            result += `        '${key}': import('./${cover.post}/${key}.${format || 'webp'
+                }') as Promise<{default: StaticImageData}>,\n`;
         }
 
         result += '    },\n';
@@ -228,7 +226,7 @@ const getAvatarImages = async () => {
         // Read meta.json and check for cover
         const meta: BlogPostMetadata = await import(
             `../content/${post}/meta.json`
-        ).catch(() => {});
+        ).catch(() => { });
 
         if (!meta) continue;
 
@@ -307,24 +305,28 @@ const handleAvatarImages = async () => {
 
             // eslint-disable-next-line sonarjs/no-nested-template-literals
             const key = `${prefix || ''}avatar${suffix ? `-${suffix}` : ''}`;
-            const output = `${ASSETS_FOLDER}/${author}/${key}.${
-                format || 'webp'
-            }`;
+            const output = `${ASSETS_FOLDER}/${author}/${key}.${format || 'webp'
+                }`;
 
             console.log(`Converting image to ${output}`);
 
             await makeDirecectoryIfNotExists(`${ASSETS_FOLDER}/${author}`);
 
-            await sharp(avatar, {
-                pages: -1,
-                animated: true,
-            })
-                .resize(width, height)
-                .toFile(output);
+            try {
+                await sharp(avatar, {
+                    pages: -1,
+                    animated: true,
+                })
+                    .resize(width, height)
+                    .toFile(output);
+            } catch (error) {
+                console.log('Failed to convert image', error);
+                continue;
+            }
+
 
-            result += `        '${key}': import('./${author}/${key}.${
-                format || 'webp'
-            }') as Promise<{default: StaticImageData}>,\n`;
+            result += `        '${key}': import('./${author}/${key}.${format || 'webp'
+                }') as Promise<{default: StaticImageData}>,\n`;
         }
 
         result += '    },\n';
diff --git a/blog/src/components/Author.tsx b/blog/src/components/Author.tsx
index 2a16064..a5f6218 100644
--- a/blog/src/components/Author.tsx
+++ b/blog/src/components/Author.tsx
@@ -25,8 +25,8 @@ export const Author: FC<{
 }> = async ({ name, socials = true, size = 'normal', link = false }) => {
     const author_metadata = await getAuthorMetadata(name);
 
-    let avatar = avatars[name as keyof typeof avatars]
-        ? await avatars[name as keyof typeof avatars].avatar.then(
+    let avatar = avatars[name as keyof typeof avatars]?.['avatar']
+        ? await avatars[name as keyof typeof avatars]['avatar'].then(
               (imported) => imported.default.src
           )
         : undefined;