@glitchr/transparent 1.0.53 → 1.0.55

package/package.json

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

package/src/js/transparent.js

@@ -1,3 +1,10 @@
+// Modern browser: use passive event listeners where appropriate for better performance
+jQuery.event.special.touchstart = { setup: function( _, ns, handle ) { this.addEventListener("touchstart", handle, { passive: !ns.includes("noPreventDefault") }); } };
+jQuery.event.special.touchmove  = { setup: function( _, ns, handle ) { this.addEventListener("touchmove", handle, { passive: !ns.includes("noPreventDefault") }); } };
+jQuery.event.special.wheel      = { setup: function( _, ns, handle ) { this.addEventListener("wheel", handle, { passive: true }); } };
+jQuery.event.special.mousewheel = { setup: function( _, ns, handle ) { this.addEventListener("mousewheel", handle, { passive: true }); } };
+
+// Transparent.js
 (function (root, factory) {
 
     if (typeof define === 'function' && define.amd) {
@@ -1431,6 +1438,7 @@
         return elementsXY;
     }
 
+    var ajaxSemaphore = false;
     var formSubmission = false;
     function __main__(e) {
 
@@ -1489,15 +1497,21 @@
             if ($(e.target).hasClass(Transparent.state.RELOAD)) return;
             if ($(form).hasClass(Transparent.state.RELOAD)) return;
 
-            if(e.type == "submit")
+            if(e.type == "submit") // NB: This doesn't work if a button is generated afterward.. 
                 $(form).find(':submit').attr('disabled', 'disabled');
         }
 
         // Specific page exception
-        for(i = 0; i < Settings.exceptions.length; i++) {
-
-            exception = Settings.exceptions[i];
-            if (url.pathname.startsWith(exception)) return;
+        for (let i = 0; i < Settings.exceptions.length; i++) {
+            let exception = Settings.exceptions[i];
+            if (exception instanceof RegExp) {
+                if (exception.test(url.pathname)) return;
+            } else {
+                // Simple wildcard support: * matches any sequence of characters
+                let pattern = exception.replace(/[.+^${}()|[\]\\]/g, '\\$&').replace(/\*/g, '.*');
+                let regex = new RegExp('^' + pattern + '$');
+                if (regex.test(url.pathname)) return;
+            }
         }
 
         // Ressources files rejected
@@ -1511,6 +1525,7 @@
 
         e.preventDefault();
 
+        if (ajaxSemaphore) return;
         if (url == location) return;
 
         if((e.type == Transparent.state.CLICK || e.type == Transparent.state.HASHCHANGE) && url.pathname == location.pathname && url.search == location.search && type != "POST") {
@@ -1530,8 +1545,9 @@
         if(e.metaKey && e.shiftKey) return window.open(url, '_blank').focus(); // Safari not focusing..
         if(e.metaKey || $(target).attr("target") == "_blank") return window.open(url, '_blank');
 
-        dispatchEvent(new Event('transparent:onbeforeunload'));
-        dispatchEvent(new Event('onbeforeunload'));
+        // right (still limited by browser policy):
+        dispatchEvent(new Event('transparent:beforeunload'));
+        dispatchEvent(new Event('beforeunload', { cancelable: true }));
 
         $(Transparent.html).prop("user-scroll", true);
         $(Transparent.html).stop();
@@ -1546,6 +1562,8 @@
 
         function handleResponse(uuid, status = 200, method = null, data = null, xhr = null, request = null) {
 
+            ajaxSemaphore = false;
+            
             var responseURL;
             responseURL = xhr !== null ? xhr.responseURL : url.href;
 
@@ -1587,6 +1605,7 @@
                 }
 
                 if(form) {
+                    
                     $(form).find(':submit').removeAttr('disabled');
                     form.reset();
                 }
@@ -1697,6 +1716,8 @@
             // Submit ajax request..
             if(form) form.dispatchEvent(new SubmitEvent("submit", { submitter: formTrigger }));
             var xhr = new XMLHttpRequest();
+
+            ajaxSemaphore = true;
             return jQuery.ajax({
                 url: url.href,
                 type: type,
@@ -1765,6 +1786,8 @@
 
         window.onbeforeunload = function(e) {
 
+            if(Settings.debug) console.log("Transparent onbeforeunload event called..");
+
             if(formSubmission) return; // Do not display on form submission
             if(Settings.disable) return;
 
@@ -1795,8 +1818,6 @@
 
             var formDataBeforeKeys    = Object.keys(formDataBefore);
             var formDataAfterKeys     = Object.keys(formDataAfter);
-            var formDataBeforeEntries = Object.entries(formDataBefore);
-            var formDataAfterEntries  = Object.entries(formDataAfter);
             function same(a, b) { return JSON.stringify(a) === JSON.stringify(b); }
             function sameKeys(a, b) {