@folklore/hooks 0.0.80 → 0.0.81

package/dist/cjs.js

@@ -1179,6 +1179,34 @@ function useScrollTrigger({
   };
 }
 
+function checkWebpSupport() {
+  return new Promise(resolve => {
+    const img = document.createElement('img');
+    img.onload = () => {
+      resolve(img.width > 0 && img.height > 0);
+    };
+    img.onerror = () => {
+      resolve(false);
+    };
+    img.src = 'data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoCAAEAAQAcJaQAA3AA/v3AgAA=';
+  });
+}
+function useSupportsWebp(defaultValue = true) {
+  const [supportsWebp, setSupportsWebp] = react.useState(defaultValue);
+  react.useEffect(() => {
+    let canceled = false;
+    checkWebpSupport().then(newSupport => {
+      if (!canceled && newSupport !== supportsWebp) {
+        setSupportsWebp(newSupport);
+      }
+    });
+    return () => {
+      canceled = true;
+    };
+  }, []);
+  return supportsWebp;
+}
+
 const NO_PLAYER_ERROR$1 = new Error('No player');
 function useVimeoPlayer(id, {
   width = 0,
@@ -1901,6 +1929,7 @@ exports.useObserver = useObserver;
 exports.usePlayerCurrentTime = usePlayerCurrentTime;
 exports.useResizeObserver = useResizeObserver;
 exports.useScrollTrigger = useScrollTrigger;
+exports.useSupportsWebp = useSupportsWebp;
 exports.useVideoPlayer = useVideoPlayer;
 exports.useVimeoPlayer = useVimeoPlayer;
 exports.useVisualViewport = useVisualViewport;

package/dist/es.js

@@ -1177,6 +1177,34 @@ function useScrollTrigger({
   };
 }
 
+function checkWebpSupport() {
+  return new Promise(resolve => {
+    const img = document.createElement('img');
+    img.onload = () => {
+      resolve(img.width > 0 && img.height > 0);
+    };
+    img.onerror = () => {
+      resolve(false);
+    };
+    img.src = 'data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoCAAEAAQAcJaQAA3AA/v3AgAA=';
+  });
+}
+function useSupportsWebp(defaultValue = true) {
+  const [supportsWebp, setSupportsWebp] = useState(defaultValue);
+  useEffect(() => {
+    let canceled = false;
+    checkWebpSupport().then(newSupport => {
+      if (!canceled && newSupport !== supportsWebp) {
+        setSupportsWebp(newSupport);
+      }
+    });
+    return () => {
+      canceled = true;
+    };
+  }, []);
+  return supportsWebp;
+}
+
 const NO_PLAYER_ERROR$1 = new Error('No player');
 function useVimeoPlayer(id, {
   width = 0,
@@ -1885,4 +1913,4 @@ function useWindowScroll(opts = {}) {
   return scroll;
 }
 
-export { eventsManager$1 as documentEventsManager, getObserver, useCounter, useDailymotionPlayer, useDocumentEvent, useIntersectionObserver, useIsVisible, useItemsPaginated, useKeyboard, useNativeVideoPlayer, useObserver, usePlayerCurrentTime, useResizeObserver, useScrollTrigger, useVideoPlayer, useVimeoPlayer, useVisualViewport, useVisualViewport as useVisualViewportSize, useWindowEvent, useWindowScroll, useWindowSize, useYouTubePlayer, eventsManager as windowEventsManager };
+export { eventsManager$1 as documentEventsManager, getObserver, useCounter, useDailymotionPlayer, useDocumentEvent, useIntersectionObserver, useIsVisible, useItemsPaginated, useKeyboard, useNativeVideoPlayer, useObserver, usePlayerCurrentTime, useResizeObserver, useScrollTrigger, useSupportsWebp, useVideoPlayer, useVimeoPlayer, useVisualViewport, useVisualViewport as useVisualViewportSize, useWindowEvent, useWindowScroll, useWindowSize, useYouTubePlayer, eventsManager as windowEventsManager };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@folklore/hooks",
-    "version": "0.0.80",
+    "version": "0.0.81",
     "description": "React hooks",
     "keywords": [
         "javascript",
@@ -49,7 +49,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "6d9d9e7770eaabf06aff6864a4d33d0b6ad99eb2",
+    "gitHead": "82992826efc61cfa8c435412cb4f6388b2cb2c84",
     "dependencies": {
         "@folklore/events": "^0.0.10",
         "@folklore/services": "^0.1.44",