Move JavaScript around because I want to!

gallery/__init__.py

@@ -82,18 +82,18 @@ def create_app(test_config=None):
         msg = "You are not authorized to view this page!!!!"
         return render_template("error.html", error=error, msg=msg), error
 
-    js_pre = Bundle(
-        "js/pre/*.js", filters="jsmin", output="gen/pre_packed.js", depends="**"
+    lib = Bundle(
+        "lib/*.js", filters="jsmin", output="gen/lib.js", depends="lib/*.js"
     )
-    js_post = Bundle(
-        "js/post/*.js", filters="jsmin", output="gen/post_packed.js", depends="**"
+    js = Bundle(
+        "js/*.js", filters="jsmin", output="gen/index.js", depends="js/*.js"
     )
     styles = Bundle(
         "sass/*.sass", filters="libsass,cssmin", output="gen/styles.css", depends="**"
     )
 
-    assets.register("js_pre", js_pre)
-    assets.register("js_post", js_post)
+    assets.register("lib", lib)
+    assets.register("js", js)
     assets.register("styles", styles)
 
     # Error handlers, if the error is not a HTTP error, return 500

gallery/static/js/index.js

@@ -1,19 +1,12 @@
-let webpSupport = false;
-try {
-    new Image().src = 'data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA/vuUAAA=';
-    webpSupport = true;
-} catch (e) {
-    webpSupport = false;
-}
-
 // fade in images
-function imgFade(obj, time = 250) {
+async function imgFade(obj, time = 250) {
     obj.style.transition = `opacity ${time}ms`;
     obj.style.opacity = 1;
 }
 // Lazy load images when they are in view
-function loadOnView() {
+async function loadOnView() {
     const lazyLoad = document.querySelectorAll('#lazy-load');
+    const webpSupport = checkWebpSupport();
 
     for (let i = 0; i < lazyLoad.length; i++) {
         let image = lazyLoad[i];

gallery/static/lib/notifications.js

@@ -61,5 +61,3 @@ function addNotification(notificationText, notificationLevel) {
         }
     }, 5000);
 }
-
-// uwu

gallery/static/lib/webp.js

@@ -0,0 +1,10 @@
+async function checkWebpSupport() {
+    var webpSupport = false;
+    try {
+        webpSupport = document.createElement('canvas').toDataURL('image/webp').indexOf('data:image/webp') == 0;
+    } catch (e) {
+        webpSupport = false;
+    }
+
+    return webpSupport;
+}