@glitchr/transparent 1.0.35 → 1.0.37

package/package.json

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

package/src/js/transparent.js

@@ -160,7 +160,7 @@
         "data": {},
         "disable": false,
         "global_code": true,
-        "debug": true,
+        "debug": false,
         "lazyload": true,
         "response_text": {},
         "response_limit": 25,
@@ -1437,7 +1437,18 @@
         var form   = target != undefined && target.tagName == "FORM" ? target : undefined;
         if (form) {
 
-            data = new FormData(form);
+            data = new FormData();
+            var formInput = $("[name^='"+form.name+"\[']");
+                formInput.each(function() {
+
+                    if(this.type == "file") {
+
+                        for(var i = 0; i < this.files.length; i++)
+                            data.append(this.name, field.files[i]);
+
+                    } else data.append(this.name, this.value);
+                });
+
             $(form).find(':submit').attr('disabled', 'disabled');
         }
 
@@ -1546,7 +1557,7 @@
                 }
 
                 var response = JSON.parse(responseText);
-                if(Settings.debug) console.log(response);
+                if(Settings.debug) console.debug(response);
 
                 if(response.code == "302") {
 
@@ -1668,10 +1679,80 @@
 
         window.onpopstate   = __main__; // Onpopstate pop out straight to previous page.. this creates a jump while changing pages with hash..
         window.onhashchange = __main__;
+
+        var formDataBefore = {};
+        $(window).on("DOMContentLoaded", function() {
+
+            formDataBefore = {};
+            $("form").each(function() {
+
+                var formData = new FormData();
+                var formInput = $("[name^='"+this.name+"\[']");
+                    formInput.each(function() {
+
+                        if(this.type == "file") {
+
+                            for(var i = 0; i < this.files.length; i++)
+                                formData.append(this.name, field.files[i]);
+
+                        } else formData.append(this.name, this.value);
+                    });
+
+                for (var [fieldName,fieldValue] of formData.entries())
+                    formDataBefore[fieldName] = fieldValue;
+            });
+        });
+
+        window.onbeforeunload = function() {
+
+            var preventDefault = false;
+            var formDataAfter = [];
+            $("form").each(function() {
+
+                var formData = new FormData();
+                var formInput = $("[name^='"+this.name+"\[']");
+                formInput.each(function() {
+
+                    if(this.type == "file") {
+
+                        for(var i = 0; i < this.files.length; i++)
+                            formData.append(this.name, field.files[i]);
+
+                    } else formData.append(this.name, this.value);
+                });
+
+                for (var [fieldName,fieldValue] of formData.entries()) {
+                    formDataAfter[fieldName] = fieldValue;
+                }
+            });
+
+            var formDataBeforeKeys = Object.entries(formDataBefore).keys();
+            var formDataAfterKeys  = Object.entries(formDataAfter).keys();
+
+            if(formDataAfterKeys != formDataAfterKeys) preventDefault = true;
+            else {
+
+                for (var [fieldName,fieldValueAfter] of Object.entries(formDataAfter)) {
+
+                    var fieldValueBefore = formDataBefore[fieldName];
+                    if(fieldValueBefore instanceof File) {
+
+                        if(!fieldValueAfter instanceof File) preventDefault = true;
+                        else if (fieldValueBefore.size != fieldValueAfter.size) preventDefault = true;
+
+                    } else if(fieldValueBefore != fieldValueAfter) preventDefault = true;
+                }
+            }
+
+            if(Settings.debug || preventDefault)
+                return "Dude, are you sure you want to leave? Think of the kittens!";
+        }
+
         document.addEventListener('click', __main__, false);
 
         $("form").on("submit", __main__);
     }
 
+
     return Transparent;
 });