mixpanel-browser 2.61.1 → 2.62.0

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+**2.62.0** (26 Mar 2025)
+- Replace UUID generator with UUIDv4 (using native API when available)
+- Consistently use native JSON serialization when available
+- Fix for session recording idle timeout race condition
+
+**2.61.2** (14 Mar 2025)
+- Revert 10ms throttle on enqueueing events to improve tracking reliability on page unload
+
 **2.61.1** (11 Mar 2025)
 - Session recording stops if initial DOM snapshot fails
 - Errors triggered by rrweb's record function are now caught

package/dist/mixpanel-core.cjs.js

@@ -2,7 +2,7 @@
 
 var Config = {
     DEBUG: false,
-    LIB_VERSION: '2.61.1'
+    LIB_VERSION: '2.62.0'
 };
 
 // since es6 imports are static and we run unit tests from the console, window won't be defined when importing this file
@@ -12,6 +12,7 @@ if (typeof(window) === 'undefined') {
         hostname: ''
     };
     win = {
+        crypto: {randomUUID: function() {throw Error('unsupported');}},
         navigator: { userAgent: '', onLine: true },
         document: {
             createElement: function() { return {}; },
@@ -1225,71 +1226,27 @@ _.utf8Encode = function(string) {
     return utftext;
 };
 
-_.UUID = (function() {
-
-    // Time-based entropy
-    var T = function() {
-        var time = 1 * new Date(); // cross-browser version of Date.now()
-        var ticks;
-        if (win.performance && win.performance.now) {
-            ticks = win.performance.now();
-        } else {
-            // fall back to busy loop
-            ticks = 0;
-
-            // this while loop figures how many browser ticks go by
-            // before 1*new Date() returns a new number, ie the amount
-            // of ticks that go by per millisecond
-            while (time == 1 * new Date()) {
-                ticks++;
-            }
-        }
-        return time.toString(16) + Math.floor(ticks).toString(16);
-    };
-
-    // Math.Random entropy
-    var R = function() {
-        return Math.random().toString(16).replace('.', '');
-    };
-
-    // User agent entropy
-    // This function takes the user agent string, and then xors
-    // together each sequence of 8 bytes.  This produces a final
-    // sequence of 8 bytes which it returns as hex.
-    var UA = function() {
-        var ua = userAgent,
-            i, ch, buffer = [],
-            ret = 0;
-
-        function xor(result, byte_array) {
-            var j, tmp = 0;
-            for (j = 0; j < byte_array.length; j++) {
-                tmp |= (buffer[j] << j * 8);
-            }
-            return result ^ tmp;
-        }
-
-        for (i = 0; i < ua.length; i++) {
-            ch = ua.charCodeAt(i);
-            buffer.unshift(ch & 0xFF);
-            if (buffer.length >= 4) {
-                ret = xor(ret, buffer);
-                buffer = [];
-            }
-        }
-
-        if (buffer.length > 0) {
-            ret = xor(ret, buffer);
+_.UUID = function() {
+    try {
+        // use native Crypto API when available
+        return win['crypto']['randomUUID']();
+    } catch (err) {
+        // fall back to generating our own UUID
+        // based on https://gist.github.com/scwood/3bff42cc005cc20ab7ec98f0d8e1d59d
+        var uuid = new Array(36);
+        for (var i = 0; i < 36; i++) {
+            uuid[i] = Math.floor(Math.random() * 16);
         }
+        uuid[14] = 4; // set bits 12-15 of time-high-and-version to 0100
+        uuid[19] = uuid[19] &= ~(1 << 2); // set bit 6 of clock-seq-and-reserved to zero
+        uuid[19] = uuid[19] |= (1 << 3); // set bit 7 of clock-seq-and-reserved to one
+        uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-';
 
-        return ret.toString(16);
-    };
-
-    return function() {
-        var se = (screen.height * screen.width).toString(16);
-        return (T() + '-' + R() + '-' + UA() + '-' + se + '-' + T());
-    };
-})();
+        return _.map(uuid, function(x) {
+            return x.toString(16);
+        }).join('');
+    }
+};
 
 // _.isBlockedUA()
 // This is to block various web spiders from executing our JS and
@@ -5231,7 +5188,7 @@ MixpanelPersistence.prototype.save = function() {
 
     this.storage.set(
         this.name,
-        _.JSONEncode(this['props']),
+        JSONStringify(this['props']),
         this.expire_days,
         this.cross_subdomain,
         this.secure,
@@ -6506,7 +6463,6 @@ MixpanelLib.prototype.init_batchers = function() {
                     }, this),
                     stopAllBatchingFunc: _.bind(this.stop_batch_senders, this),
                     usePersistence: true,
-                    enqueueThrottleMs: 10,
                 }
             );
         }, this);
@@ -6576,7 +6532,7 @@ MixpanelLib.prototype.disable = function(events) {
 };
 
 MixpanelLib.prototype._encode_data_for_request = function(data) {
-    var encoded_data = _.JSONEncode(data);
+    var encoded_data = JSONStringify(data);
     if (this.get_config('api_payload_format') === PAYLOAD_TYPE_BASE64) {
         encoded_data = _.base64Encode(encoded_data);
     }

package/dist/mixpanel-recorder.js

@@ -8,6 +8,7 @@
             hostname: ''
         };
         win = {
+            crypto: {randomUUID: function() {throw Error('unsupported');}},
             navigator: { userAgent: '', onLine: true },
             document: {
                 createElement: function() { return {}; },
@@ -4894,7 +4895,7 @@
 
     var Config = {
         DEBUG: false,
-        LIB_VERSION: '2.61.1'
+        LIB_VERSION: '2.62.0'
     };
 
     /* eslint camelcase: "off", eqeqeq: "off" */
@@ -5683,71 +5684,27 @@
         return utftext;
     };
 
-    _.UUID = (function() {
-
-        // Time-based entropy
-        var T = function() {
-            var time = 1 * new Date(); // cross-browser version of Date.now()
-            var ticks;
-            if (win.performance && win.performance.now) {
-                ticks = win.performance.now();
-            } else {
-                // fall back to busy loop
-                ticks = 0;
-
-                // this while loop figures how many browser ticks go by
-                // before 1*new Date() returns a new number, ie the amount
-                // of ticks that go by per millisecond
-                while (time == 1 * new Date()) {
-                    ticks++;
-                }
-            }
-            return time.toString(16) + Math.floor(ticks).toString(16);
-        };
-
-        // Math.Random entropy
-        var R = function() {
-            return Math.random().toString(16).replace('.', '');
-        };
-
-        // User agent entropy
-        // This function takes the user agent string, and then xors
-        // together each sequence of 8 bytes.  This produces a final
-        // sequence of 8 bytes which it returns as hex.
-        var UA = function() {
-            var ua = userAgent,
-                i, ch, buffer = [],
-                ret = 0;
-
-            function xor(result, byte_array) {
-                var j, tmp = 0;
-                for (j = 0; j < byte_array.length; j++) {
-                    tmp |= (buffer[j] << j * 8);
-                }
-                return result ^ tmp;
-            }
-
-            for (i = 0; i < ua.length; i++) {
-                ch = ua.charCodeAt(i);
-                buffer.unshift(ch & 0xFF);
-                if (buffer.length >= 4) {
-                    ret = xor(ret, buffer);
-                    buffer = [];
-                }
-            }
-
-            if (buffer.length > 0) {
-                ret = xor(ret, buffer);
+    _.UUID = function() {
+        try {
+            // use native Crypto API when available
+            return win['crypto']['randomUUID']();
+        } catch (err) {
+            // fall back to generating our own UUID
+            // based on https://gist.github.com/scwood/3bff42cc005cc20ab7ec98f0d8e1d59d
+            var uuid = new Array(36);
+            for (var i = 0; i < 36; i++) {
+                uuid[i] = Math.floor(Math.random() * 16);
             }
-
-            return ret.toString(16);
-        };
-
-        return function() {
-            var se = (screen.height * screen.width).toString(16);
-            return (T() + '-' + R() + '-' + UA() + '-' + se + '-' + T());
-        };
-    })();
+            uuid[14] = 4; // set bits 12-15 of time-high-and-version to 0100
+            uuid[19] = uuid[19] &= ~(1 << 2); // set bit 6 of clock-seq-and-reserved to zero
+            uuid[19] = uuid[19] |= (1 << 3); // set bit 7 of clock-seq-and-reserved to one
+            uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-';
+
+            return _.map(uuid, function(x) {
+                return x.toString(16);
+            }).join('');
+        }
+    };
 
     // _.isBlockedUA()
     // This is to block various web spiders from executing our JS and
@@ -7991,6 +7948,7 @@
             this.idleTimeoutId = setTimeout(this._onIdleTimeout, idleTimeoutMs);
             this.idleExpires = new Date().getTime() + idleTimeoutMs;
         }.bind(this);
+        resetIdleTimeout();
 
         var blockSelector = this.getConfig('record_block_selector');
         if (blockSelector === '' || blockSelector === null) {
@@ -8000,6 +7958,10 @@
         try {
             this._stopRecording = this._rrwebRecord({
                 'emit': function (ev) {
+                    if (this.idleExpires && this.idleExpires < ev.timestamp) {
+                        this._onIdleTimeout();
+                        return;
+                    }
                     if (isUserEvent(ev)) {
                         if (this.batcher.stopped && new Date().getTime() - this.replayStartTime >= this.recordMinMs) {
                             // start flushing again after user activity
@@ -8036,8 +7998,6 @@
             return;
         }
 
-        resetIdleTimeout();
-
         var maxTimeoutMs = this.maxExpires - new Date().getTime();
         this.maxTimeoutId = setTimeout(this._onMaxLengthReached.bind(this), maxTimeoutMs);
     };
@@ -8216,7 +8176,7 @@
                 'replay_start_url': this.replayStartUrl,
                 'seq': this.seqNo
             };
-            var eventsJson = _.JSONEncode(data);
+            var eventsJson = JSON.stringify(data);
 
             // send ID management props if they exist
             var deviceId = this._mixpanel.get_property('$device_id');