Hotpatch Avatar Resolution

ensdomains · May 7, 2024 · a07c115 · a07c115
1 parent 1cf09f0
commit a07c115
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 22 deletions.
diff --git 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,19 +180,17 @@ 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}`);
 
             await makeDirecectoryIfNotExists(`${ASSETS_FOLDER}/${cover.post}`);
 
             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
@@ -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;