Lambda to allow gif types (#1143)

* Update to allow gif types

* Update cdk/lambdas/uploadResize/index.js

Author: NiallJoeMaher

cdk/lambdas/avatarResize/index.js

@@ -11,8 +11,6 @@ exports.handler = async (event) => {
   const bucket = event.Records[0].s3.bucket.name;
   const key = event.Records[0].s3.object.key;
 
-  console.log({ bucket, key });
-
   try {
     // Check if the image has already been resized
     const headParams = {
@@ -21,10 +19,10 @@ exports.handler = async (event) => {
     };
 
     const headResponse = await s3.send(new HeadObjectCommand(headParams));
-    const metadata = headResponse.Metadata || {};
+    const s3Metadata = headResponse.Metadata || {};
     const contentType = headResponse.ContentType;
 
-    if (metadata.resized === "true") {
+    if (s3Metadata.resized === "true") {
       return {
         statusCode: 200,
         body: JSON.stringify({ message: "Image already resized. Skipping." }),
@@ -39,14 +37,13 @@ exports.handler = async (event) => {
 
     const response = await s3.send(new GetObjectCommand(getParams));
     const stream = response.Body;
-    console.log({ response, stream });
+
     if (!stream) throw new Error("BodyStream is empty");
 
     const imageBuffer = Buffer.concat(await stream.toArray());
-    const sharpImage = sharp(imageBuffer);
 
     // Resize the image
-    const resizedImageBuffer = await sharpImage
+    const resizedImageBuffer = await sharp(imageBuffer)
       .resize({ width: 220, height: 220, fit: "cover" })
       .toBuffer();
 
@@ -56,7 +53,7 @@ exports.handler = async (event) => {
         Bucket: bucket,
         Key: key,
         Body: resizedImageBuffer,
-        Metadata: { ...metadata, resized: "true" },
+        Metadata: { ...s3Metadata, resized: "true" },
         ContentType: contentType,
       }),
     );

cdk/lambdas/uploadResize/index.js

@@ -61,32 +61,48 @@ exports.handler = async (event) => {
 
     const imageRaw = Buffer.concat(await stream.toArray());
 
+    // Determine the image format
+    const imageMetadata = await sharp(imageRaw).metadata();
+    const isGif = imageMetadata.format === "gif";
+
     // Function to resize an image
     const resizeImage = async (buffer, size) => {
-      return sharp(buffer)
-        .resize({
+      try {
+        const resizedImage = sharp(buffer).resize({
           width: size.maxWidth,
           height: size.maxHeight,
           fit: "inside",
           withoutEnlargement: false,
-        })
-        .webp({ quality: 80 })
-        .toBuffer();
+        });
+
+        if (isGif) {
+          return resizedImage.gif().toBuffer();
+        } else {
+          return resizedImage.webp({ quality: 80 }).toBuffer();
+        }
+      } catch (error) {
+        console.error(`Error resizing image to ${size.maxWidth}x${size.maxHeight}:`, error);
+        throw error;
+      }
     };
 
     // Loop through sizes and upload each resized image
     for (const size of sizes) {
       const resizedImage = await resizeImage(imageRaw, size);
 
       const resizedKey = size.suffix
-        ? key.replace(/(\.[\w\d_-]+)$/i, `_${size.suffix}$1`)
+        ? key.replace(
+            /(\.[\w\d_-]+)$/i,
+            `_${size.suffix}${isGif ? ".gif" : ".webp"}`,
+          )
         : key;
 
       await s3.send(
         new PutObjectCommand({
           Bucket: bucket,
           Key: resizedKey,
           Body: resizedImage,
+          ContentType: isGif ? "image/gif" : "image/webp",
         }),
       );
     }