@glitchr/transparent 1.0.34 → 1.0.36

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@glitchr/transparent",
-  "version": "1.0.34",
+  "version": "1.0.36",
   "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,
@@ -1208,9 +1208,16 @@
 
                 $("head").children().each(function() { found |= this.isEqualNode(el); });
                 if(!found) {
+        
+            
+                    if(this.tagName != "SCRIPT" || Settings["global_code"] == true) {
+                    
+                        $("head").append(this.cloneNode(true));
+                    
+                    } else {
 
-                    if(this.tagName != "SCRIPT" || Settings["global_code"] == true) $("head").append(this.cloneNode(true));
-                    else $("head").append(this);
+                        $("head").append(this);
+                    }
                 }
             });
 
@@ -1221,7 +1228,14 @@
                 var found = false;
 
                 $("body").children().each(function() { found |= this.isEqualNode(el); });
-                if(!found) $("body").append(this);
+                if(!found) {
+
+                    if(this.tagName != "SCRIPT" || Settings["global_code"] == true) {
+                        $("body").append(this.cloneNode(true));
+                    } else {
+                        $("body").append(this);
+                    }
+                }
             });
 
             // Replace canvases..
@@ -1252,7 +1266,7 @@
 
             if(Settings["global_code"] == true) Transparent.evalScript($(page)[0]);
             document.dispatchEvent(new Event('DOMContentLoaded'));
-            window.dispatchEvent(new Event('DOMContentLoaded'));
+              window.dispatchEvent(new Event('DOMContentLoaded'));
 
             Transparent.addLayout();
 
@@ -1532,7 +1546,7 @@
                 }
 
                 var response = JSON.parse(responseText);
-                if(Settings.debug) console.log(response);
+                if(Settings.debug) console.debug(response);
 
                 if(response.code == "302") {
 
@@ -1654,10 +1668,59 @@
 
         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(this);
+                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(this);
+                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;
 });