remove 'fit', 'w', & 'h' on gifs

Author: devjmetivier

.eslintrc

@@ -1,3 +1,4 @@
 {
-  "extends": ["@delicious-simplicity/eslint-config"]
+  "extends": ["@delicious-simplicity/eslint-config"],
+  "ignorePatterns": ["cjs/*", "dist/*", "esm/*", "types/*"]
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@delicious-simplicity/next-image-contentful-loader",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "repository": "https://github.com/delicious-simplicity/next-image-contentful-loader.git",
   "author": "Devin Metivier <devinmetivier@gmail.com>",
   "contributors": [
@@ -34,9 +34,10 @@
     "lint:fix": "eslint . --ext .js,.ts,.jsx,.tsx --fix"
   },
   "devDependencies": {
-    "@delicious-simplicity/eslint-config": "^1.0.1",
-    "@vercel/ncc": "^0.31.1",
-    "next": "^12.0.3",
-    "typescript": "^4.4.4"
+    "@delicious-simplicity/eslint-config": "^1.0.3",
+    "@types/node": "^17.0.23",
+    "@vercel/ncc": "^0.33.4",
+    "next": "^12.1.4",
+    "typescript": "^4.6.3"
   }
 }

src/nextContentfulLoader.ts

@@ -4,7 +4,6 @@ import { parseAspectRatio } from './parseAspectRatio';
 
 export type ContentfulImageParams = {
   ar?: string;
-
   fm?: 'jpg' | 'png' | 'webp' | 'gif' | 'avif';
   fl?: 'progressive' | 'png8';
   w?: number;
@@ -69,5 +68,12 @@ export const contentfulLoader = (loaderProps: ImageLoaderProps, contentfulParams
   delete adjustedContentfulParams['ar'];
   if (typeof adjustedContentfulParams['h'] === 'undefined') delete adjustedContentfulParams['h'];
 
+  // remove width and height if requesting a gif
+  if (/\.gif$/gim.test(loaderProps.src)) {
+    delete adjustedContentfulParams['w'];
+    delete adjustedContentfulParams['h'];
+    delete adjustedContentfulParams['fit'];
+  }
+
   return `${loaderProps.src}?${new URLSearchParams(adjustedContentfulParams as { [key: string]: string }).toString()}`;
 };