@micromag/core 0.3.812 → 0.3.813

package/es/hooks.js

@@ -2144,20 +2144,34 @@ function useSpringValue(wantedProgress, immediate, params) {
   return immediate ? wantedProgress : progress;
 }
 
-function useSupportsWebp() {
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    supportsWebp = _useState2[0],
-    setSupportsWebp = _useState2[1];
-  useEffect(function () {
+function checkWebpSupport() {
+  return new Promise(function (resolve) {
     var img = document.createElement('img');
     img.onload = function () {
-      setSupportsWebp(img.width > 0 && img.height > 0);
+      resolve(img.width > 0 && img.height > 0);
     };
     img.onerror = function () {
-      setSupportsWebp(false);
+      resolve(false);
     };
     img.src = 'data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoCAAEAAQAcJaQAA3AA/v3AgAA=';
+  });
+}
+function useSupportsWebp() {
+  var defaultValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  var _useState = useState(defaultValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    supportsWebp = _useState2[0],
+    setSupportsWebp = _useState2[1];
+  useEffect(function () {
+    var canceled = false;
+    checkWebpSupport().then(function (newSupport) {
+      if (!canceled && newSupport !== supportsWebp) {
+        setSupportsWebp(newSupport);
+      }
+    });
+    return function () {
+      canceled = true;
+    };
   }, []);
   return supportsWebp;
 }

package/lib/hooks.js

@@ -2146,20 +2146,34 @@ function useSpringValue(wantedProgress, immediate, params) {
   return immediate ? wantedProgress : progress;
 }
 
-function useSupportsWebp() {
-  var _useState = react.useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    supportsWebp = _useState2[0],
-    setSupportsWebp = _useState2[1];
-  react.useEffect(function () {
+function checkWebpSupport() {
+  return new Promise(function (resolve) {
     var img = document.createElement('img');
     img.onload = function () {
-      setSupportsWebp(img.width > 0 && img.height > 0);
+      resolve(img.width > 0 && img.height > 0);
     };
     img.onerror = function () {
-      setSupportsWebp(false);
+      resolve(false);
     };
     img.src = 'data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoCAAEAAQAcJaQAA3AA/v3AgAA=';
+  });
+}
+function useSupportsWebp() {
+  var defaultValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  var _useState = react.useState(defaultValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    supportsWebp = _useState2[0],
+    setSupportsWebp = _useState2[1];
+  react.useEffect(function () {
+    var canceled = false;
+    checkWebpSupport().then(function (newSupport) {
+      if (!canceled && newSupport !== supportsWebp) {
+        setSupportsWebp(newSupport);
+      }
+    });
+    return function () {
+      canceled = true;
+    };
   }, []);
   return supportsWebp;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.3.812",
+    "version": "0.3.813",
     "private": false,
     "description": "",
     "keywords": [
@@ -167,5 +167,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "34ea72adfaffec7c33e328b9c46301cd18cbde83"
+    "gitHead": "24f52ddea5f0ee918f594af86c3c8fd2e1b6f289"
 }