Update image serice.

Author: nikoshell

src/image.service.ts

@@ -40,11 +40,25 @@ const service: LocalImageService = {
     let buffer = inputBuffer;
 
     if (/^https?:\/\//.test(transform.src)) {
-      const response = await fetch(transform.src);
-      if (!response.ok) {
-        throw new Error(`Failed to fetch image from ${transform.src}`);
+      try {
+        const response = await fetch(transform.src);
+        if (!response.ok) {
+          console.warn(
+            `⚠️ Failed to fetch image: ${transform.src} (status ${response.status})`
+          );
+          return {
+            data: buffer, // fallback to original input
+            format: transform.format ?? ("webp" as OutputFormat),
+          };
+        }
+        buffer = new Uint8Array(await response.arrayBuffer());
+      } catch (err) {
+        console.warn(`⚠️ Error fetching image from ${transform.src}:`, err);
+        return {
+          data: buffer, // fallback to original input
+          format: transform.format ?? ("webp" as OutputFormat),
+        };
       }
-      buffer = new Uint8Array(await response.arrayBuffer());
     }
 
     const sharp = (await import("sharp")).default;
@@ -62,12 +76,9 @@ const service: LocalImageService = {
 
     const outputBuffer = await image.toBuffer();
 
-    // Convert Buffer to Uint8Array
-    const uint8Array = Uint8Array.from(outputBuffer);
-
     return {
-      data: uint8Array,
-      format: transform.format ?? ("webp" as OutputFormat), // Adjust the format here
+      data: Uint8Array.from(outputBuffer),
+      format: transform.format ?? ("webp" as OutputFormat),
     };
   },
 

src/pages/speaker/[slug].astro

@@ -20,13 +20,16 @@ console.log(entry.data.avatar);
 
 let avatar: any;
 
-try {
-
-avatar = getImage({ src: entry.data.avatar , width:600, height:400, alt: 'User avatar' });
-} catch (e) {
-  //TODO: improve placeholders and offline
-  //avatar = await getImage({ src: 'https://placehold.co/600x400?text=x', width: '600', height:'400', alt: 'Default avatar' });
-  //avatar = await getImage({ src: '@assets/prague.png', width: '600', height:'400', alt: 'Default avatar' });
+if (entry.data.avatar){
+  try {
+    avatar = getImage({ src: entry.data.avatar , width:600, height:400, alt: 'User avatar' });
+  } catch (e) {
+    //TODO: improve placeholders and offline
+    //avatar = await getImage({ src: 'https://placehold.co/600x400?text=x', width: '600', height:'400', alt: 'Default avatar' });
+    //avatar = await getImage({ src: '@assets/prague.png', width: '600', height:'400', alt: 'Default avatar' });
+    avatar = Placeholder;
+  }
+} else {
   avatar = Placeholder;
 }