mixpanel-browser 2.74.0 → 2.76.0

package/dist/rrweb-bundled.js

@@ -301,13 +301,14 @@ class Mirror {
     return this.nodeMetaMap.get(n2) || null;
   }
   // removes the node from idNodeMap
-  // doesn't remove the node from nodeMetaMap
-  removeNodeFromMap(n2) {
+  // if permanent is true, also removes from nodeMetaMap
+  removeNodeFromMap(n2, permanent = false) {
     const id = this.getId(n2);
     this.idNodeMap.delete(id);
+    if (permanent) this.nodeMetaMap.delete(n2);
     if (n2.childNodes) {
       n2.childNodes.forEach(
-        (childNode) => this.removeNodeFromMap(childNode)
+        (childNode) => this.removeNodeFromMap(childNode, permanent)
       );
     }
   }
@@ -8972,6 +8973,15 @@ class StyleSheetMirror {
   generateId() {
     return this.id++;
   }
+  remove(stylesheet) {
+    const id = this.styleIDMap.get(stylesheet);
+    if (id !== void 0) {
+      this.styleIDMap.delete(stylesheet);
+      this.idStyleMap.delete(id);
+      return true;
+    }
+    return false;
+  }
 }
 function getShadowHost(n2) {
   var _a2;
@@ -9293,7 +9303,16 @@ class MutationBuffer {
         }
       };
       while (this.mapRemoves.length) {
-        this.mirror.removeNodeFromMap(this.mapRemoves.shift());
+        const removedNode = this.mapRemoves.shift();
+        if (removedNode.nodeName === "IFRAME") {
+          try {
+            this.iframeManager.removeIframe(removedNode);
+          } catch (e2) {
+          }
+        } else {
+          this.stylesheetManager.cleanupStylesheetsForRemovedNode(removedNode);
+        }
+        this.mirror.removeNodeFromMap(removedNode);
       }
       for (const n2 of this.movedSet) {
         if (isParentRemoved(this.removesSubTreeCache, n2, this.mirror) && !this.movedSet.has(index$2.parentNode(n2))) {
@@ -9654,6 +9673,9 @@ class MutationBuffer {
     this.shadowDomManager.reset();
     this.canvasManager.reset();
   }
+  getDoc() {
+    return this.doc;
+  }
 }
 function deepDelete(addsSet, n2) {
   addsSet.delete(n2);
@@ -9747,6 +9769,14 @@ function initMutationObserver(options, rootEl) {
   });
   return observer;
 }
+function removeMutationBufferForDoc(doc) {
+  for (let i2 = mutationBuffers.length - 1; i2 >= 0; i2--) {
+    const buffer = mutationBuffers[i2];
+    if (buffer.getDoc() === doc) {
+      mutationBuffers.splice(i2, 1);
+    }
+  }
+}
 function initMoveObserver({
   mousemoveCb,
   sampling,
@@ -10795,6 +10825,8 @@ class IframeManager {
     __publicField$1(this, "crossOriginIframeMirror", new CrossOriginIframeMirror(genId));
     __publicField$1(this, "crossOriginIframeStyleMirror");
     __publicField$1(this, "crossOriginIframeRootIdMap", /* @__PURE__ */ new WeakMap());
+    __publicField$1(this, "iframeContentDocumentMap", /* @__PURE__ */ new WeakMap());
+    __publicField$1(this, "iframeObserverCleanupMap", /* @__PURE__ */ new WeakMap());
     __publicField$1(this, "mirror");
     __publicField$1(this, "mutationCb");
     __publicField$1(this, "wrappedEmit");
@@ -10820,6 +10852,32 @@ class IframeManager {
     if (iframeEl.contentWindow)
       this.crossOriginIframeMap.set(iframeEl.contentWindow, iframeEl);
   }
+  getIframeContentDocument(iframeEl) {
+    return this.iframeContentDocumentMap.get(iframeEl);
+  }
+  setObserverCleanup(iframeEl, cleanup) {
+    this.iframeObserverCleanupMap.set(iframeEl, cleanup);
+  }
+  getObserverCleanup(iframeEl) {
+    return this.iframeObserverCleanupMap.get(iframeEl);
+  }
+  removeIframe(iframeEl) {
+    const storedDoc = this.iframeContentDocumentMap.get(iframeEl);
+    if (storedDoc) {
+      this.stylesheetManager.cleanupStylesheetsForRemovedNode(storedDoc);
+      this.mirror.removeNodeFromMap(storedDoc, true);
+    }
+    this.iframes.delete(iframeEl);
+    this.iframeContentDocumentMap.delete(iframeEl);
+    const observerCleanup = this.iframeObserverCleanupMap.get(iframeEl);
+    if (observerCleanup) {
+      try {
+        observerCleanup();
+      } catch (e2) {
+      }
+      this.iframeObserverCleanupMap.delete(iframeEl);
+    }
+  }
   addLoadListener(cb) {
     this.loadListener = cb;
   }
@@ -10838,6 +10896,9 @@ class IframeManager {
       attributes: [],
       isAttachIframe: true
     });
+    if (iframeEl.contentDocument) {
+      this.iframeContentDocumentMap.set(iframeEl, iframeEl.contentDocument);
+    }
     if (this.recordCrossOriginIframes)
       (_a2 = iframeEl.contentWindow) == null ? void 0 : _a2.addEventListener(
         "message",
@@ -11722,6 +11783,41 @@ class StylesheetManager {
     this.styleMirror.reset();
     this.trackedLinkElements = /* @__PURE__ */ new WeakSet();
   }
+  /**
+   * Cleans up stylesheets associated with a removed node.
+   *
+   * @param removedNode - The node that was removed from the DOM.
+   */
+  cleanupStylesheetsForRemovedNode(removedNode) {
+    try {
+      if (removedNode.nodeType === Node.DOCUMENT_NODE) {
+        const doc = removedNode;
+        if (doc.adoptedStyleSheets) {
+          for (const sheet of doc.adoptedStyleSheets) {
+            this.styleMirror.remove(sheet);
+          }
+        }
+      }
+      if (removedNode.nodeName === "STYLE") {
+        const styleEl = removedNode;
+        if (styleEl.sheet) {
+          this.styleMirror.remove(styleEl.sheet);
+        }
+      }
+      if (removedNode.nodeName === "LINK" && removedNode.rel === "stylesheet") {
+        const linkEl = removedNode;
+        if (linkEl.sheet) {
+          this.styleMirror.remove(linkEl.sheet);
+        }
+      }
+      if (removedNode.childNodes) {
+        removedNode.childNodes.forEach((child) => {
+          this.cleanupStylesheetsForRemovedNode(child);
+        });
+      }
+    } catch (e2) {
+    }
+  }
   // TODO: take snapshot on stylesheet reload by applying event listener
   trackStylesheetInLinkElement(_linkEl) {
   }
@@ -12186,7 +12282,25 @@ function record(options = {}) {
     };
     iframeManager.addLoadListener((iframeEl) => {
       try {
-        handlers.push(observe(iframeEl.contentDocument));
+        const iframeDoc = iframeEl.contentDocument;
+        const iframeHandler = observe(iframeDoc);
+        handlers.push(iframeHandler);
+        const existingCleanup = iframeManager.getObserverCleanup(iframeEl);
+        iframeManager.setObserverCleanup(iframeEl, () => {
+          if (existingCleanup) {
+            try {
+              existingCleanup();
+            } catch (e2) {
+            }
+          }
+          try {
+            iframeHandler();
+            const idx = handlers.indexOf(iframeHandler);
+            if (idx !== -1) handlers.splice(idx, 1);
+            removeMutationBufferForDoc(iframeDoc);
+          } catch (e2) {
+          }
+        });
       } catch (error) {
         console.warn(error);
       }

package/dist/rrweb-compiled.js

@@ -612,14 +612,16 @@ var Mirror = /*#__PURE__*/ function() {
         return this.nodeMetaMap.get(n2) || null;
     };
     // removes the node from idNodeMap
-    // doesn't remove the node from nodeMetaMap
-    _proto.removeNodeFromMap = function removeNodeFromMap(n2) {
+    // if permanent is true, also removes from nodeMetaMap
+    _proto.removeNodeFromMap = function removeNodeFromMap(n2, permanent) {
         var _this = this;
+        if (permanent === void 0) permanent = false;
         var id = this.getId(n2);
         this.idNodeMap.delete(id);
+        if (permanent) this.nodeMetaMap.delete(n2);
         if (n2.childNodes) {
             n2.childNodes.forEach(function(childNode) {
-                return _this.removeNodeFromMap(childNode);
+                return _this.removeNodeFromMap(childNode, permanent);
             });
         }
     };
@@ -10361,6 +10363,15 @@ var StyleSheetMirror = /*#__PURE__*/ function() {
     _proto.generateId = function generateId() {
         return this.id++;
     };
+    _proto.remove = function remove(stylesheet) {
+        var id = this.styleIDMap.get(stylesheet);
+        if (id !== void 0) {
+            this.styleIDMap.delete(stylesheet);
+            this.idStyleMap.delete(id);
+            return true;
+        }
+        return false;
+    };
     return StyleSheetMirror;
 }();
 function getShadowHost(n2) {
@@ -10683,7 +10694,15 @@ var MutationBuffer = /*#__PURE__*/ function() {
                 }
             };
             while(_this.mapRemoves.length){
-                _this.mirror.removeNodeFromMap(_this.mapRemoves.shift());
+                var removedNode = _this.mapRemoves.shift();
+                if (removedNode.nodeName === "IFRAME") {
+                    try {
+                        _this.iframeManager.removeIframe(removedNode);
+                    } catch (e2) {}
+                } else {
+                    _this.stylesheetManager.cleanupStylesheetsForRemovedNode(removedNode);
+                }
+                _this.mirror.removeNodeFromMap(removedNode);
             }
             for(var _iterator = _create_for_of_iterator_helper_loose(_this.movedSet), _step; !(_step = _iterator()).done;){
                 var n2 = _step.value;
@@ -11057,6 +11076,9 @@ var MutationBuffer = /*#__PURE__*/ function() {
         this.shadowDomManager.reset();
         this.canvasManager.reset();
     };
+    _proto.getDoc = function getDoc() {
+        return this.doc;
+    };
     return MutationBuffer;
 }();
 function deepDelete(addsSet, n2) {
@@ -11157,6 +11179,14 @@ function initMutationObserver(options, rootEl) {
     });
     return observer;
 }
+function removeMutationBufferForDoc(doc) {
+    for(var i2 = mutationBuffers.length - 1; i2 >= 0; i2--){
+        var buffer = mutationBuffers[i2];
+        if (buffer.getDoc() === doc) {
+            mutationBuffers.splice(i2, 1);
+        }
+    }
+}
 function initMoveObserver(param) {
     var mousemoveCb = param.mousemoveCb, sampling = param.sampling, doc = param.doc, mirror2 = param.mirror;
     if (sampling.mousemove === false) {
@@ -12172,6 +12202,8 @@ var IframeManager = /*#__PURE__*/ function() {
         __publicField$1(this, "crossOriginIframeMirror", new CrossOriginIframeMirror(genId));
         __publicField$1(this, "crossOriginIframeStyleMirror");
         __publicField$1(this, "crossOriginIframeRootIdMap", /* @__PURE__ */ new WeakMap());
+        __publicField$1(this, "iframeContentDocumentMap", /* @__PURE__ */ new WeakMap());
+        __publicField$1(this, "iframeObserverCleanupMap", /* @__PURE__ */ new WeakMap());
         __publicField$1(this, "mirror");
         __publicField$1(this, "mutationCb");
         __publicField$1(this, "wrappedEmit");
@@ -12193,6 +12225,31 @@ var IframeManager = /*#__PURE__*/ function() {
         this.iframes.set(iframeEl, true);
         if (iframeEl.contentWindow) this.crossOriginIframeMap.set(iframeEl.contentWindow, iframeEl);
     };
+    _proto.getIframeContentDocument = function getIframeContentDocument(iframeEl) {
+        return this.iframeContentDocumentMap.get(iframeEl);
+    };
+    _proto.setObserverCleanup = function setObserverCleanup(iframeEl, cleanup) {
+        this.iframeObserverCleanupMap.set(iframeEl, cleanup);
+    };
+    _proto.getObserverCleanup = function getObserverCleanup(iframeEl) {
+        return this.iframeObserverCleanupMap.get(iframeEl);
+    };
+    _proto.removeIframe = function removeIframe(iframeEl) {
+        var storedDoc = this.iframeContentDocumentMap.get(iframeEl);
+        if (storedDoc) {
+            this.stylesheetManager.cleanupStylesheetsForRemovedNode(storedDoc);
+            this.mirror.removeNodeFromMap(storedDoc, true);
+        }
+        this.iframes.delete(iframeEl);
+        this.iframeContentDocumentMap.delete(iframeEl);
+        var observerCleanup = this.iframeObserverCleanupMap.get(iframeEl);
+        if (observerCleanup) {
+            try {
+                observerCleanup();
+            } catch (e2) {}
+            this.iframeObserverCleanupMap.delete(iframeEl);
+        }
+    };
     _proto.addLoadListener = function addLoadListener(cb) {
         this.loadListener = cb;
     };
@@ -12211,6 +12268,9 @@ var IframeManager = /*#__PURE__*/ function() {
             attributes: [],
             isAttachIframe: true
         });
+        if (iframeEl.contentDocument) {
+            this.iframeContentDocumentMap.set(iframeEl, iframeEl.contentDocument);
+        }
         if (this.recordCrossOriginIframes) (_a2 = iframeEl.contentWindow) == null ? void 0 : _a2.addEventListener("message", this.handleMessage.bind(this));
         (_b = this.loadListener) == null ? void 0 : _b.call(this, iframeEl);
         if (iframeEl.contentDocument && iframeEl.contentDocument.adoptedStyleSheets && iframeEl.contentDocument.adoptedStyleSheets.length > 0) this.stylesheetManager.adoptStyleSheets(iframeEl.contentDocument.adoptedStyleSheets, this.mirror.getId(iframeEl.contentDocument));
@@ -13123,6 +13183,41 @@ var StylesheetManager = /*#__PURE__*/ function() {
         this.styleMirror.reset();
         this.trackedLinkElements = /* @__PURE__ */ new WeakSet();
     };
+    /**
+   * Cleans up stylesheets associated with a removed node.
+   *
+   * @param removedNode - The node that was removed from the DOM.
+   */ _proto.cleanupStylesheetsForRemovedNode = function cleanupStylesheetsForRemovedNode(removedNode) {
+        var _this = this;
+        try {
+            if (removedNode.nodeType === Node.DOCUMENT_NODE) {
+                var doc = removedNode;
+                if (doc.adoptedStyleSheets) {
+                    for(var _iterator = _create_for_of_iterator_helper_loose(doc.adoptedStyleSheets), _step; !(_step = _iterator()).done;){
+                        var sheet = _step.value;
+                        this.styleMirror.remove(sheet);
+                    }
+                }
+            }
+            if (removedNode.nodeName === "STYLE") {
+                var styleEl = removedNode;
+                if (styleEl.sheet) {
+                    this.styleMirror.remove(styleEl.sheet);
+                }
+            }
+            if (removedNode.nodeName === "LINK" && removedNode.rel === "stylesheet") {
+                var linkEl = removedNode;
+                if (linkEl.sheet) {
+                    this.styleMirror.remove(linkEl.sheet);
+                }
+            }
+            if (removedNode.childNodes) {
+                removedNode.childNodes.forEach(function(child) {
+                    _this.cleanupStylesheetsForRemovedNode(child);
+                });
+            }
+        } catch (e2) {}
+    };
     // TODO: take snapshot on stylesheet reload by applying event listener
     _proto.trackStylesheetInLinkElement = function trackStylesheetInLinkElement(_linkEl) {};
     return StylesheetManager;
@@ -13577,7 +13672,23 @@ function record(options) {
         };
         iframeManager.addLoadListener(function(iframeEl) {
             try {
-                handlers.push(observe(iframeEl.contentDocument));
+                var iframeDoc = iframeEl.contentDocument;
+                var iframeHandler = observe(iframeDoc);
+                handlers.push(iframeHandler);
+                var existingCleanup = iframeManager.getObserverCleanup(iframeEl);
+                iframeManager.setObserverCleanup(iframeEl, function() {
+                    if (existingCleanup) {
+                        try {
+                            existingCleanup();
+                        } catch (e2) {}
+                    }
+                    try {
+                        iframeHandler();
+                        var idx = handlers.indexOf(iframeHandler);
+                        if (idx !== -1) handlers.splice(idx, 1);
+                        removeMutationBufferForDoc(iframeDoc);
+                    } catch (e2) {}
+                });
             } catch (error) {
                 console.warn(error);
             }

package/logo.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 798 189" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M0 146.539H47.835V141.455H44.243C37.2513 141.455 35.5676 139.547 35.5676 132.572V69.5024C40.4425 61.244 47.0011 55.9521 55.2596 55.9521C65.6348 55.9521 71.985 63.5692 71.985 77.9694V132.588C71.985 139.579 70.2852 141.471 63.5181 141.471H59.7016V146.555H106.478V141.471H103.095C96.103 141.471 94.4192 139.563 94.4192 132.588V75.6282C94.4192 73.7199 94.4192 71.8116 94.2108 69.9194C98.8612 61.4524 105.853 55.9521 114.111 55.9521C124.487 55.9521 130.837 63.5692 130.837 77.9694V132.588C130.837 139.579 129.137 141.471 122.37 141.471H118.553V146.555H165.33V141.471H162.155C154.955 141.471 153.271 139.563 153.271 132.588V75.6282C153.271 54.2523 141.212 42.4018 123.637 42.4018C110.519 42.4018 99.0857 49.6019 92.9439 63.9861C89.3519 50.0189 78.7682 42.4018 64.7849 42.4018C52.293 42.4018 41.5008 49.169 35.5676 62.7193V44.9355H0V50.0189H4.23347C11.4336 50.0189 13.1173 51.9271 13.1173 58.9027V132.572C13.1173 139.563 11.4175 141.455 4.23347 141.455H0V146.539ZM193.473 28.0016C201.09 28.0016 207.44 21.6514 207.44 14.0344C207.44 6.41731 201.09 0.0671082 193.473 0.0671082C185.856 0.0671082 179.506 6.41731 179.506 14.0344C179.506 21.6514 185.856 28.0016 193.473 28.0016ZM169.772 146.539H216.757V141.455H213.582C206.59 141.455 204.906 139.547 204.906 132.572V44.9355H169.339V50.0189H173.572C180.772 50.0189 182.456 51.9271 182.456 58.9027V132.572C182.456 139.563 180.756 141.455 173.572 141.455H169.756V146.539H169.772ZM251.058 86.8533H264.608C261.224 84.7365 259.958 81.7699 258.258 76.2696L253.174 57.4274C250.849 48.9605 248.941 44.9355 239.624 44.9355H220.157V50.0189H222.915C228.623 50.0189 229.265 52.1356 230.965 58.4858L235.407 75.0028C237.732 83.0528 241.34 86.8533 251.074 86.8533H251.058ZM282.392 86.8533H295.942C305.676 86.8533 309.059 83.0367 311.401 75.0028L315.843 58.4858C317.542 52.1356 318.376 50.0189 323.893 50.0189H326.651V44.9355H307.392C297.866 44.9355 295.958 48.752 293.841 57.4274L288.758 76.2696C287.058 81.9784 285.775 84.7365 282.392 86.8533ZM264.608 104.637H282.392V86.8533H264.608V104.637ZM220.157 146.555H239.624C248.941 146.555 250.849 142.53 253.174 134.063L258.258 115.221C259.958 109.72 261.224 106.754 264.608 104.637H251.058C241.324 104.637 237.716 108.454 235.391 116.488L230.949 133.005C229.249 139.355 228.623 141.471 222.899 141.471H220.141V146.555H220.157ZM307.36 146.555H326.619V141.471H323.861C318.36 141.471 317.51 139.355 315.811 133.005L311.369 116.488C309.043 108.438 305.66 104.637 295.91 104.637H282.392C285.775 106.754 287.01 109.512 288.71 115.221L293.793 134.063C295.91 142.738 297.818 146.555 307.344 146.555H307.36ZM329.377 188.89H378.479V183.806H373.395C366.628 183.806 364.928 181.898 364.928 174.922V134.496C371.07 143.604 381.445 149.105 393.713 149.105C416.788 149.105 435.198 128.787 435.198 93.6525C435.198 61.9014 417.847 42.4339 395.397 42.4339C382.279 42.4339 371.263 50.0509 364.912 63.6012V44.9676H329.345V50.0509H333.578C340.57 50.0509 342.462 51.9592 342.462 58.9348V174.906C342.462 181.898 340.554 183.79 333.578 183.79H329.345V188.874L329.377 188.89ZM387.379 55.5352C401.137 55.5352 412.363 68.4441 412.363 94.0534C412.363 121.988 401.987 137.238 387.812 137.238C378.703 137.238 370.669 132.363 364.944 123.896V71.3947C370.445 61.0195 378.286 55.5192 387.379 55.5192V55.5352ZM468.665 148.672C482.423 148.672 493.424 142.113 501.682 127.296V129.621C501.682 142.321 509.732 147.822 523.058 147.822C527.083 147.822 532.167 147.405 535.55 146.346V141.055C533.85 141.471 532.583 141.696 531.317 141.696C526.025 141.696 524.325 138.521 524.325 133.437V79.2362C524.325 54.2523 510.358 42.4018 486.865 42.4018C471.198 42.4018 455.964 49.6019 446.23 57.219L449.614 63.1522C459.781 56.1606 469.723 52.1516 480.515 52.1516C494.482 52.1516 501.682 59.7687 501.682 77.5525V82.2029L475.64 92.3696C451.939 102.103 443.248 111.212 443.248 124.971C443.248 138.729 452.981 148.672 468.648 148.672H468.665ZM465.489 119.454C465.489 108.871 471.631 101.253 484.123 95.7532L501.698 88.1361V121.154C495.14 130.262 487.523 135.554 479.264 135.554C471.006 135.554 465.505 129.845 465.505 119.47L465.489 119.454ZM539.784 146.555H588.052V141.471H584.027C577.035 141.471 575.351 139.563 575.351 132.588V69.7109C580.226 61.244 587.41 55.9521 595.877 55.9521C606.878 55.9521 613.869 63.5692 613.869 77.9694V132.588C613.869 139.579 612.17 141.471 605.402 141.471H601.377V146.555H649.421V141.471H645.187C637.987 141.471 636.304 139.563 636.304 132.588V75.6282C636.304 54.2523 623.603 42.4018 605.611 42.4018C592.494 42.4018 581.477 49.169 575.335 62.7193V44.9355H539.768V50.0189H544.001C551.201 50.0189 552.885 51.9271 552.885 58.9027V132.572C552.885 139.563 551.185 141.455 544.001 141.455H539.768V146.539L539.784 146.555ZM704.456 149.089C718.423 149.089 731.557 142.738 741.082 135.121L737.907 130.471C729.44 136.613 719.915 139.355 711.031 139.355C689.446 139.355 676.746 124.121 676.746 94.4863V90.6698H743.632C743.215 62.0939 725.639 42.6263 700.03 42.6263C674.421 42.6263 653.879 65.7019 653.879 96.1861C653.879 129.637 672.93 149.105 704.472 149.105L704.456 149.089ZM700.223 47.9021C712.923 47.9021 720.748 61.6609 722.031 84.945H677.163C679.071 61.4524 687.955 47.9021 700.239 47.9021H700.223ZM748.266 146.539H797.368V141.455H792.493C785.501 141.455 783.818 139.547 783.818 132.572V2.60078H748.25V7.68415H752.483C759.475 7.68415 761.367 9.59242 761.367 16.568V132.572C761.367 139.563 759.459 141.455 752.483 141.455H748.25V146.539H748.266Z"
+        fill="black" />
+</svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mixpanel-browser",
-  "version": "2.74.0",
+  "version": "2.76.0",
   "description": "The official Mixpanel JavaScript browser client library",
   "main": "dist/mixpanel.cjs.js",
   "module": "dist/mixpanel.module.js",
@@ -91,7 +91,9 @@
     "webpack": "1.12.2"
   },
   "dependencies": {
-    "@mixpanel/rrweb": "2.0.0-alpha.18.2",
-    "@mixpanel/rrweb-plugin-console-record": "2.0.0-alpha.18.2"
+    "@mixpanel/rrweb": "2.0.0-alpha.18.3",
+    "@mixpanel/rrweb-plugin-console-record": "2.0.0-alpha.18.3",
+    "@mixpanel/rrweb-utils": "2.0.0-alpha.18.3",
+    "json-logic-js": "2.0.5"
   }
 }