mixpanel-browser 2.74.0 → 2.75.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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mixpanel-browser",
-  "version": "2.74.0",
+  "version": "2.75.0",
   "description": "The official Mixpanel JavaScript browser client library",
   "main": "dist/mixpanel.cjs.js",
   "module": "dist/mixpanel.module.js",
@@ -91,7 +91,8 @@
     "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",
+    "json-logic-js": "2.0.5"
   }
 }

package/rollup.config.mjs

@@ -1,5 +1,6 @@
 import alias from '@rollup/plugin-alias';
 import closureCompiler from '@ampproject/rollup-plugin-closure-compiler';
+import commonjs from '@rollup/plugin-commonjs';
 import fs from 'fs';
 import path from 'path';
 import esbuild from 'rollup-plugin-esbuild';
@@ -116,6 +117,30 @@ const MAIN_BUILDS = [
     plugins: [aliasRrweb()],
   },
 
+  // IIFE targeting bundle that is loaded asynchronously
+  {
+    input: `src/targeting/index.js`,
+    output: [
+      {
+        file: `build/mixpanel-targeting.js`,
+        name: `mixpanel_targeting`,
+        format: `iife`,
+      },
+      ...(MINIFY
+        ? [
+          {
+            file: `build/mixpanel-targeting.min.js`,
+            name: `mixpanel_targeting`,
+            format: `iife`,
+            plugins: [esbuild({target: `es5`, minify: true, sourceMap: true})],
+            sourcemap: true,
+          },
+        ]
+        : []),
+    ],
+    plugins: [commonjs(), nodeResolve({browser: true})],
+  },
+
   // IIFE main mixpanel build
   {
     input: `src/loaders/loader-globals.js`,
@@ -204,7 +229,7 @@ const ALL_BUILDS = [
   },
 
 
-  // Modules builds that are bundled with the recorder
+  // Modules builds that are bundled with the recorder and targeting
   {
     input: `src/loaders/loader-module.js`,
     output: [
@@ -230,6 +255,7 @@ const ALL_BUILDS = [
       },
     ],
     plugins: [
+      commonjs(),
       aliasRrweb(),
       nodeResolve({
         browser: true,
@@ -262,8 +288,14 @@ const ALL_BUILDS = [
     ],
   },
   {
-    input: `src/loaders/loader-module-with-async-recorder.js`,
+    input: `src/loaders/loader-module-with-async-modules.js`,
     output: [
+      {
+        file: `build/mixpanel-with-async-modules.cjs.js`,
+        name: `mixpanel`,
+        format: `cjs`,
+      },
+      // Backward compatibility: keep old output filename for existing users
       {
         file: `build/mixpanel-with-async-recorder.cjs.js`,
         name: `mixpanel`,

package/src/config.js

@@ -1,6 +1,6 @@
 var Config = {
     DEBUG: false,
-    LIB_VERSION: '2.74.0'
+    LIB_VERSION: '2.75.0'
 };
 
 export default Config;