refactor(thumbnail): Moving webp checker outside of packaging

Signed-off-by: Vincent Boutour <[email protected]>
ViBiOh · Jul 28, 2022 · e277ae8 · e277ae8
1 parent f45b462
commit e277ae8
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 22 deletions.
diff --git a/cmd/fibr/static/scripts/thumbnail.js b/cmd/fibr/static/scripts/thumbnail.js
@@ -1,23 +1,3 @@
-// from https://developers.google.com/speed/webp/faq#how_can_i_detect_browser_support_for_webp
-async function isWebPCompatible() {
-  const animatedImage =
-    'UklGRlIAAABXRUJQVlA4WAoAAAASAAAAAAAAAAAAQU5JTQYAAAD/////AABBTk1GJgAAAAAAAAAAAAAAAAAAAGQAAABWUDhMDQAAAC8AAAAQBxAREYiI/gcA';
-
-  return new Promise((resolve, reject) => {
-    var image = new Image();
-    image.onload = () => {
-      if (image.width > 0 && image.height > 0) {
-        resolve();
-      } else {
-        reject();
-      }
-    };
-
-    image.onerror = reject;
-    image.src = `data:image/webp;base64,${animatedImage}`;
-  });
-}
-
 // From https://developer.mozilla.org/en-US/docs/Web/API/ReadableStreamDefaultReader/read#example_2_-_handling_text_line_by_line
 async function* readLineByLine(response) {
   const utf8Decoder = new TextDecoder('utf-8');

diff --git a/cmd/fibr/static/scripts/thumbnail/web.js b/cmd/fibr/static/scripts/thumbnail/web.js
diff --git a/cmd/fibr/static/scripts/thumbnail/web.js.map b/cmd/fibr/static/scripts/thumbnail/web.js.map
diff --git a/cmd/fibr/templates/async-image.html b/cmd/fibr/templates/async-image.html
@@ -38,6 +38,26 @@
       picture.alt = 'Image file';
     }
 
+    // from https://developers.google.com/speed/webp/faq#how_can_i_detect_browser_support_for_webp
+    function isWebPCompatible() {
+      const animatedImage =
+        'UklGRlIAAABXRUJQVlA4WAoAAAASAAAAAAAAAAAAQU5JTQYAAAD/////AABBTk1GJgAAAAAAAAAAAAAAAAAAAGQAAABWUDhMDQAAAC8AAAAQBxAREYiI/gcA';
+
+      return new Promise((resolve, reject) => {
+        var image = new Image();
+        image.onload = () => {
+          if (image.width > 0 && image.height > 0) {
+            resolve();
+          } else {
+            reject();
+          }
+        };
+
+        image.onerror = reject.bind(null, true);
+        image.src = `data:image/webp;base64,${animatedImage}`;
+      });
+    }
+
     resolveScript('/scripts/modern_detection.js?v={{ .Version }}')
       .then(() => {
         if (window.modernBrowser) {