Add webp to image-preview (#3532)

* 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 <rikki.schulte@gmail.com> Co-authored-by: Dimitri POSTOLOV <dmytropostolov@gmail.com>
graphql · Aug 14, 2024 · 7404e8e · 7404e8e
1 parent 2e832f2
commit 7404e8e
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
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 change
@@ Expand Up / @@ -219,6 +219,7 @@ vitejs @@
     vitest
     vizag
     vsix
+    webp
     websockets
     wgutils
     wincent
@@ Expand Down @@