@micromag/core 0.3.811 → 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/es/utils.js

@@ -554,9 +554,6 @@ var getOptimalImageUrl = function getOptimalImageUrl() {
         _finalSizes$key$heigh = _finalSizes$key.height,
         height = _finalSizes$key$heigh === void 0 ? null : _finalSizes$key$heigh;
       var sizeUrl = supportsWebp && webpUrl !== null ? webpUrl : url;
-      console.log({
-        sizeUrl: sizeUrl
-      });
       var diffWidth = width !== null && finalContainerWidth !== null ? width - finalContainerWidth : null;
       var diffHeight = height !== null && finalContainerHeight !== null ? height - finalContainerHeight : null;
       var isLarger = (diffWidth === null || diffWidth >= 0) && (diffHeight === null || diffHeight >= 0);
@@ -577,9 +574,6 @@ var getOptimalImageUrl = function getOptimalImageUrl() {
       diff <= maxDiff && !currentIsLarger && isLarger ||
       // Image is larger than previous
       diff <= maxDiff && !currentIsLarger && !isLarger && sizeIsLarger) {
-        console.log({
-          sizeUrl: sizeUrl
-        });
         return {
           key: key,
           url: sizeUrl,
@@ -596,13 +590,6 @@ var getOptimalImageUrl = function getOptimalImageUrl() {
       size: 0
     }),
     finalUrl = _Object$keys$reduce.url;
-  console.log({
-    finalUrl: finalUrl,
-    finalDefaultUrl: finalDefaultUrl,
-    supportsWebp: supportsWebp,
-    defaultWebpUrl: defaultWebpUrl,
-    defaultUrl: defaultUrl
-  });
   return finalUrl;
 };
 

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/lib/utils.js

@@ -555,9 +555,6 @@ var getOptimalImageUrl = function getOptimalImageUrl() {
         _finalSizes$key$heigh = _finalSizes$key.height,
         height = _finalSizes$key$heigh === void 0 ? null : _finalSizes$key$heigh;
       var sizeUrl = supportsWebp && webpUrl !== null ? webpUrl : url;
-      console.log({
-        sizeUrl: sizeUrl
-      });
       var diffWidth = width !== null && finalContainerWidth !== null ? width - finalContainerWidth : null;
       var diffHeight = height !== null && finalContainerHeight !== null ? height - finalContainerHeight : null;
       var isLarger = (diffWidth === null || diffWidth >= 0) && (diffHeight === null || diffHeight >= 0);
@@ -578,9 +575,6 @@ var getOptimalImageUrl = function getOptimalImageUrl() {
       diff <= maxDiff && !currentIsLarger && isLarger ||
       // Image is larger than previous
       diff <= maxDiff && !currentIsLarger && !isLarger && sizeIsLarger) {
-        console.log({
-          sizeUrl: sizeUrl
-        });
         return {
           key: key,
           url: sizeUrl,
@@ -597,13 +591,6 @@ var getOptimalImageUrl = function getOptimalImageUrl() {
       size: 0
     }),
     finalUrl = _Object$keys$reduce.url;
-  console.log({
-    finalUrl: finalUrl,
-    finalDefaultUrl: finalDefaultUrl,
-    supportsWebp: supportsWebp,
-    defaultWebpUrl: defaultWebpUrl,
-    defaultUrl: defaultUrl
-  });
   return finalUrl;
 };
 

package/package.json

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