@glitchr/transparent 1.0.48 → 1.0.50

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@glitchr/transparent",
-  "version": "1.0.48",
+  "version": "1.0.50",
   "description": "Transparent SPA Application",
   "main": "src/index.js",
   "access": "public",

package/src/js/transparent.js

@@ -547,7 +547,10 @@
                     return null;
                 }
 
-                if(!form.checkValidity()) return null;
+                if(!$(el).hasClass("skip-validation") && !form.checkValidity()) {
+                    console.error("Invalid form submission.", el);
+                    return null;
+                }
 
                 var pat  = /^https?:\/\//i;
                 if (pat.test(href)) return [method, new URL(href), form];
@@ -589,7 +592,10 @@
                         return null;
                     }
 
-                    if(!form.checkValidity()) return null;
+                    if(!$(el).hasClass("skip-validation") && !form.checkValidity()) {
+                        console.error("Invalid form submission.", el);
+                        return null;
+                    }
 
                     var pat  = /^https?:\/\//i;
                     if (pat.test(href)) return ["POST", new URL(pathname), form];
@@ -1457,7 +1463,7 @@
             
             var formInput = undefined; // In case of form ambiguity (two form with same name, restrict the data to the target form, if not extends it to each element with standard name)
             if(formAmbiguity) formInput = $(form).find(":input, [name^='"+form.name+"\[']");
-            else $("form[name='"+form.name+"'] :input, [name^='"+form.name+"\[']");
+            else formInput = $("form[name='"+form.name+"'] :input, [name^='"+form.name+"\[']");
                 
             formInput.each(function() {
 
@@ -1718,7 +1724,7 @@
         window.onhashchange = __main__;
 
         var formDataBefore = {};
-        $(window).on("DOMContentLoaded", function() {
+        $(window).on("load", function() {
 
             formDataBefore = {};
             $("form").each(function() {
@@ -1748,6 +1754,8 @@
             if(formSubmission) return; // Do not display on form submission
             if(Settings.disable) return;
 
+            if(e.currentTarget == window) return;
+
             var preventDefault = false;
             var formDataAfter = [];
             $("form").each(function() {
@@ -1775,15 +1783,15 @@
             var formDataAfterKeys     = Object.keys(formDataAfter);
             var formDataBeforeEntries = Object.entries(formDataBefore);
             var formDataAfterEntries  = Object.entries(formDataAfter);
-            function compare(a, b) { return JSON.stringify(a) === JSON.stringify(b); }
-            function compareKeys(a, b) {
+            function same(a, b) { return JSON.stringify(a) === JSON.stringify(b); }
+            function sameKeys(a, b) {
 
                 var aKeys = Object.keys(a).sort();
                 var bKeys = Object.keys(b).sort();
                 return JSON.stringify(aKeys) === JSON.stringify(bKeys);
             }
 
-            if(!compareKeys(formDataBeforeKeys, formDataAfterKeys)) preventDefault = true;
+            if(!sameKeys(formDataBeforeKeys, formDataAfterKeys)) preventDefault = true;
             else {
 
                 for (var [fieldName,fieldValueAfter] of Object.entries(formDataAfter)) {
@@ -1794,7 +1802,9 @@
                         if(!fieldValueAfter instanceof File) preventDefault = true;
                         else if (fieldValueBefore.size != fieldValueAfter.size) preventDefault = true;
 
-                    } else if(fieldValueBefore != fieldValueAfter) preventDefault = true;
+                    } else if(fieldValueBefore != fieldValueAfter) {
+                        preventDefault = true;
+                    }
                 }
             }