From 18354281a080715525fef1761d7f2963c335a536 Mon Sep 17 00:00:00 2001
From: Adriaan <1079135+adriaandotcom@users.noreply.github.com>
Date: Fri, 30 May 2025 17:09:28 +0200
Subject: [PATCH] Bind sendBeacon calls

---
 dist/latest/latest.dev.js  | 10 ++++++++--
 package-lock.json          |  3 +++
 src/default.js             |  7 ++++++-
 test/unit/pageview.test.js | 30 ++++++++++++++++++++++++++++++
 4 files changed, 47 insertions(+), 3 deletions(-)

diff --git a/dist/latest/latest.dev.js b/dist/latest/latest.dev.js
index 06bf05c..c94f91c 100644
--- a/dist/latest/latest.dev.js
+++ b/dist/latest/latest.dev.js
@@ -1,4 +1,4 @@
-/* Simple Analytics - Privacy-first analytics (docs.simpleanalytics.com/script; 2025-05-29; 36a5; v12) */
+/* Simple Analytics - Privacy-first analytics (docs.simpleanalytics.com/script; 2025-05-30; bf05; v12) */
 /* eslint-env browser */
 
 (function (
@@ -559,7 +559,13 @@
         // sendData will assign payload to request
         sendData(append, undefinedVar, trueVar);
       } else {
-        nav.sendBeacon(fullApiUrl + "/append", stringify(append));
+        try {
+          nav.sendBeacon
+            .bind(nav)(fullApiUrl + "/append", stringify(append));
+        } catch (e) {
+          // Fallback for browsers throwing "Illegal invocation" when the URL is invalid
+          sendData(append, undefinedVar, trueVar);
+        }
       }
     };
 
diff --git a/package-lock.json b/package-lock.json
index 4d04fd0..7c2d244 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -24,6 +24,9 @@
         "selenium-webdriver": "^4.3.1",
         "uglify-js": "^3.9.4",
         "uuid-validate": "0.0.3"
+      },
+      "engines": {
+        "node": "22.16"
       }
     },
     "node_modules/@babel/code-frame": {
diff --git a/src/default.js b/src/default.js
index 816815a..6d9a346 100644
--- a/src/default.js
+++ b/src/default.js
@@ -638,7 +638,12 @@
         // sendData will assign payload to request
         sendData(append, undefinedVar, trueVar);
       } else {
-        nav.sendBeacon(fullApiUrl + "/append", stringify(append));
+        try {
+          nav.sendBeacon.bind(nav)(fullApiUrl + "/append", stringify(append));
+        } catch (e) {
+          // Fallback for browsers throwing "Illegal invocation" when the URL is invalid
+          sendData(append, undefinedVar, trueVar);
+        }
       }
     };
 
diff --git a/test/unit/pageview.test.js b/test/unit/pageview.test.js
index c843290..0459f47 100644
--- a/test/unit/pageview.test.js
+++ b/test/unit/pageview.test.js
@@ -34,4 +34,34 @@ describe("pageview", function () {
       done();
     }, 10);
   });
+
+  it("falls back to pixel when sendBeacon fails", function (done) {
+    const dom = createDOM({ navigationType: "reload" });
+
+    dom.window.navigator.sendBeacon = function () {
+      throw new TypeError("Illegal invocation");
+    };
+
+    dom.window.sa_event("unit_test");
+
+    if (!("onpagehide" in dom.window)) {
+      dom.window.document.hidden = true;
+      dom.window.document.dispatchEvent(
+        new dom.window.Event("visibilitychange")
+      );
+    } else {
+      dom.window.dispatchEvent(new dom.window.Event("pagehide"));
+    }
+
+    setTimeout(() => {
+      const beacon = dom.sent.find((r) => r.type === "beacon");
+      const appendGif = dom.sent.find(
+        (r) => r.type === "image" && /type=append/.test(r.url)
+      );
+
+      expect(beacon, "append beacon request").to.not.exist;
+      expect(appendGif, "append gif request").to.exist;
+      done();
+    }, 10);
+  });
 });