Merge pull request #29 from BKWLD/passthrough-gifs

Passthrough gifs

demo/content/demo.md

@@ -40,6 +40,26 @@ This uses an explicit `imgix` provider to produce a `srcset` using `@cloak-app/v
 </cloak-visual>
 ```
 
+Gifs are ignored, though:
+
+<cloak-visual
+  image='/assets/example.gif'
+  provider='imgix'
+  sizes='100vw'
+  alt='ASCII Gif'
+  width='100%'>
+</cloak-visual>
+
+```vue
+<cloak-visual
+  image='/assets/example.gif'
+  provider='imgix'
+  sizes='100vw'
+  alt='ASCII Gif'
+  width='100%'>
+</cloak-visual>
+```
+
 ## Responsive component
 
 Conditionally render landscape or portrait visual instances using `imgix` to produce srcset crops.

plugins/helpers.js

@@ -35,6 +35,9 @@ export function img(url, modifiers, options = {}, {
 	// If no URL passed, abort
 	if (!url) return
 
+	// Passthrough gifs without trying to format/compress them
+	if (url.toLowerCase().endsWith(".gif")) return url;
+
 	// If domains were provided, try and get just the image path
 	if (domains) url = imgPath(domains, url)
 
@@ -78,7 +81,8 @@ export function srcset(url, sizes, modifiers, options, {
 	$cloakImg, maxWidth
 } = {}) {
 	if (!url || !sizes) return
-	// Don't support srcset for GIF
+
+	// Don't generate srcset for GIF
 	if (url.toLowerCase().endsWith('.gif')) return
 
 	// Don't output src options that are greater then a 2X version of the max