Add webp to image-preview (#3532)

Cr4xy · acao · dimaMachina · web-flow · commit 7404e8e6c62b · 2024-08-14T19:28:29.000+02:00
* Add webp to image-preview

* Create pink-singers-glow.md

add changeset

* Update packages/graphiql-react/src/editor/components/image-preview.tsx

* Update custom-words.txt

* Update .changeset/pink-singers-glow.md

* Update packages/graphiql-react/src/editor/components/image-preview.tsx

---------

Co-authored-by: Rikki Schulte &lt;rikki.schulte@gmail.com&gt;
Co-authored-by: Dimitri POSTOLOV &lt;dmytropostolov@gmail.com&gt;
diff --git a/.changeset/pink-singers-glow.md b/.changeset/pink-singers-glow.md
@@ -0,0 +1,6 @@
+---
+"@graphiql/react": minor
+"graphiql": minor
+---
+
+Add webp support to graphiql results image-preview
diff --git a/packages/graphiql-react/src/editor/components/image-preview.tsx b/packages/graphiql-react/src/editor/components/image-preview.tsx
@@ -84,5 +84,5 @@ function tokenToURL(token: Token) {
 }
 
 function isImageURL(url: URL) {
-  return /(bmp|gif|jpeg|jpg|png|svg)$/.test(url.pathname);
+  return /\.(bmp|gif|jpe?g|png|svg|webp)$/.test(url.pathname);
 }
diff --git a/resources/custom-words.txt b/resources/custom-words.txt
@@ -219,6 +219,7 @@ vitejs
 vitest
 vizag
 vsix
+webp
 websockets
 wgutils
 wincent

Original file line number	Diff line number	Diff line change
`@@ -84,5 +84,5 @@ function tokenToURL(token: Token) {`
`84`	`84`	`}`
`85`	`85`
`86`	`86`	`function isImageURL(url: URL) {`
`87`		`- return /(bmp\|gif\|jpeg\|jpg\|png\|svg)$/.test(url.pathname);`
	`87`	`+ return /\.(bmp\|gif\|jpe?g\|png\|svg\|webp)$/.test(url.pathname);`
`88`	`88`	`}`
-Original file line number
+Diff line change
 vitest
 vizag
 vsix
 +webp
 websockets
 wgutils
 wincent