@memlab/lens 2.0.2 → 2.0.4

package/dist/memlens.lib.bundle.js

@@ -37,6 +37,44 @@ return /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
+/***/ 346
+(__unused_webpack_module, exports) {
+
+var __webpack_unused_export__;
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @oncall memory_lab
+ */
+__webpack_unused_export__ = ({ value: true });
+exports.config = exports.of = exports.lF = void 0;
+// Performance Configuration
+exports.lF = {
+    scanIntervalMs: 1000,
+    maxComponentStackDepth: 100,
+    memoryMeasurementIntervalMs: 5000,
+};
+// Feature Flags
+exports.of = {
+    enableMutationObserver: true,
+    enableMemoryTracking: true,
+    enableComponentStack: true,
+    enableConsoleLogs: window === null || window === void 0 ? void 0 : window.TEST_MEMORY_SCAN,
+};
+// overall Config
+exports.config = {
+    performance: exports.lF,
+    features: exports.of,
+};
+
+
+/***/ },
+
 /***/ 54
 (__unused_webpack_module, exports, __webpack_require__) {
 
@@ -232,38 +270,142 @@ _DOMObserver_elementCount = new WeakMap(), _DOMObserver_detachedElementCount = n
 
 /***/ },
 
-/***/ 235
+/***/ 953
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _EventListenerTracker_instances, _EventListenerTracker_listenerMap, _EventListenerTracker_detachedListeners, _EventListenerTracker_originalAddEventListener, _EventListenerTracker_originalRemoveEventListener, _EventListenerTracker_patchEventListeners, _EventListenerTracker_unpatchEventListeners;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.createReactMemoryScan = createReactMemoryScan;
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @oncall memory_lab
- */
-const react_memory_scan_1 = __importDefault(__webpack_require__(282));
-// import { DOMVisualizationExtension } from './extensions/dom-visualization-extension';
-function createReactMemoryScan(options = {}) {
-    return new react_memory_scan_1.default(options);
-    // const memoryScan = new ReactMemoryScan(options);
-    // const domVisualizer = new DOMVisualizationExtension(memoryScan);
-    // memoryScan.registerExtension(domVisualizer);
-    // return memoryScan;
+exports.EventListenerTracker = void 0;
+const react_fiber_utils_1 = __webpack_require__(737);
+const weak_ref_utils_1 = __webpack_require__(313);
+class EventListenerTracker {
+    constructor() {
+        _EventListenerTracker_instances.add(this);
+        _EventListenerTracker_listenerMap.set(this, void 0);
+        _EventListenerTracker_detachedListeners.set(this, void 0);
+        _EventListenerTracker_originalAddEventListener.set(this, void 0);
+        _EventListenerTracker_originalRemoveEventListener.set(this, void 0);
+        __classPrivateFieldSet(this, _EventListenerTracker_listenerMap, new weak_ref_utils_1.WeakMapPlus({ fallback: 'noop', cleanupMs: 100 }), "f");
+        __classPrivateFieldSet(this, _EventListenerTracker_detachedListeners, new Map(), "f");
+        __classPrivateFieldSet(this, _EventListenerTracker_originalAddEventListener, EventTarget.prototype.addEventListener, "f");
+        __classPrivateFieldSet(this, _EventListenerTracker_originalRemoveEventListener, EventTarget.prototype.removeEventListener, "f");
+        __classPrivateFieldGet(this, _EventListenerTracker_instances, "m", _EventListenerTracker_patchEventListeners).call(this);
+    }
+    static getInstance() {
+        if (!EventListenerTracker.instance) {
+            EventListenerTracker.instance = new EventListenerTracker();
+        }
+        return EventListenerTracker.instance;
+    }
+    addListener(el, type, cb, options) {
+        el.addEventListener(type, cb, options);
+    }
+    removeListener(el, type, cb, options) {
+        el.removeEventListener(type, cb, options);
+    }
+    scan(getComponentName) {
+        const detachedListeners = new Map();
+        for (const [el, listeners] of __classPrivateFieldGet(this, _EventListenerTracker_listenerMap, "f").entries()) {
+            if (el instanceof Element && !el.isConnected) {
+                for (const listener of listeners) {
+                    // Skip if the callback has been garbage collected
+                    if (!listener.cb.deref())
+                        continue;
+                    const componentName = getComponentName(new WeakRef(el));
+                    if (!detachedListeners.has(componentName)) {
+                        detachedListeners.set(componentName, []);
+                    }
+                    const groups = detachedListeners.get(componentName);
+                    let group = groups === null || groups === void 0 ? void 0 : groups.find(g => g.type === listener.type);
+                    if (!group) {
+                        group = {
+                            type: listener.type,
+                            count: 0,
+                            entries: [],
+                        };
+                        groups === null || groups === void 0 ? void 0 : groups.push(group);
+                    }
+                    group.count++;
+                    group.entries.push(new WeakRef(listener));
+                }
+            }
+        }
+        __classPrivateFieldSet(this, _EventListenerTracker_detachedListeners, detachedListeners, "f");
+        return detachedListeners;
+    }
+    getDetachedListeners() {
+        return __classPrivateFieldGet(this, _EventListenerTracker_detachedListeners, "f");
+    }
+    destroy() {
+        __classPrivateFieldGet(this, _EventListenerTracker_instances, "m", _EventListenerTracker_unpatchEventListeners).call(this);
+        __classPrivateFieldGet(this, _EventListenerTracker_listenerMap, "f").destroy();
+        __classPrivateFieldGet(this, _EventListenerTracker_detachedListeners, "f").clear();
+        EventListenerTracker.instance = null;
+    }
 }
+exports.EventListenerTracker = EventListenerTracker;
+_EventListenerTracker_listenerMap = new WeakMap(), _EventListenerTracker_detachedListeners = new WeakMap(), _EventListenerTracker_originalAddEventListener = new WeakMap(), _EventListenerTracker_originalRemoveEventListener = new WeakMap(), _EventListenerTracker_instances = new WeakSet(), _EventListenerTracker_patchEventListeners = function _EventListenerTracker_patchEventListeners() {
+    // eslint-disable-next-line @typescript-eslint/no-this-alias
+    const self = this;
+    EventTarget.prototype.addEventListener = function (type, listener, options) {
+        var _a;
+        __classPrivateFieldGet(self, _EventListenerTracker_originalAddEventListener, "f").call(this, type, listener, options);
+        if (this instanceof Element) {
+            const fiber = (0, react_fiber_utils_1.getFiberNodeFromElement)(this);
+            const entry = {
+                type,
+                cb: new WeakRef(listener),
+                options,
+                fiber: fiber ? new WeakRef(fiber) : undefined,
+            };
+            const listeners = (_a = __classPrivateFieldGet(self, _EventListenerTracker_listenerMap, "f").get(this)) !== null && _a !== void 0 ? _a : [];
+            listeners.push(entry);
+            __classPrivateFieldGet(self, _EventListenerTracker_listenerMap, "f").set(this, listeners);
+        }
+    };
+    EventTarget.prototype.removeEventListener = function (type, listener, options) {
+        __classPrivateFieldGet(self, _EventListenerTracker_originalRemoveEventListener, "f").call(this, type, listener, options);
+        if (this instanceof Element) {
+            const listeners = __classPrivateFieldGet(self, _EventListenerTracker_listenerMap, "f").get(this);
+            if (listeners) {
+                const index = listeners.findIndex(entry => entry.type === type &&
+                    entry.cb.deref() === listener &&
+                    entry.options === options);
+                if (index !== -1) {
+                    listeners.splice(index, 1);
+                }
+                if (listeners.length === 0) {
+                    __classPrivateFieldGet(self, _EventListenerTracker_listenerMap, "f").delete(this);
+                }
+                else {
+                    __classPrivateFieldGet(self, _EventListenerTracker_listenerMap, "f").set(this, listeners);
+                }
+            }
+        }
+    };
+}, _EventListenerTracker_unpatchEventListeners = function _EventListenerTracker_unpatchEventListeners() {
+    EventTarget.prototype.addEventListener = __classPrivateFieldGet(this, _EventListenerTracker_originalAddEventListener, "f");
+    EventTarget.prototype.removeEventListener =
+        __classPrivateFieldGet(this, _EventListenerTracker_originalRemoveEventListener, "f");
+};
+EventListenerTracker.instance = null;
 
 
 /***/ },
 
-/***/ 282
+/***/ 302
 (__unused_webpack_module, exports, __webpack_require__) {
 
 
@@ -300,77 +442,217 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-var _ReactMemoryScan_instances, _ReactMemoryScan_elementWeakRefs, _ReactMemoryScan_isActivated, _ReactMemoryScan_intervalId, _ReactMemoryScan_elementToBoundingRects, _ReactMemoryScan_elementToComponentStack, _ReactMemoryScan_knownFiberNodes, _ReactMemoryScan_fiberAnalyzer, _ReactMemoryScan_isDevMode, _ReactMemoryScan_subscribers, _ReactMemoryScan_extensions, _ReactMemoryScan_scanIntervalMs, _ReactMemoryScan_domObserver, _ReactMemoryScan_eventListenerTracker, _ReactMemoryScan_isDisposed, _ReactMemoryScan_log, _ReactMemoryScan_notifySubscribers, _ReactMemoryScan_notifyExtensionsBeforeScan, _ReactMemoryScan_notifyExtensionsAfterScan, _ReactMemoryScan_scanCycle, _ReactMemoryScan_updateElementToComponentInfo, _ReactMemoryScan_getTrackedDOMRefs, _ReactMemoryScan_runGC, _ReactMemoryScan_scanEventListenerLeaks;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @oncall memory_lab
+ */
 const utils = __importStar(__webpack_require__(476));
-const react_fiber_analysis_1 = __importDefault(__webpack_require__(302));
 const react_fiber_utils_1 = __webpack_require__(737);
-const dom_observer_1 = __webpack_require__(54);
-const config_1 = __webpack_require__(346);
-const event_listener_tracker_1 = __webpack_require__(953);
-class ReactMemoryScan {
-    constructor(options = {}) {
-        var _a, _b, _c, _d;
-        _ReactMemoryScan_instances.add(this);
-        _ReactMemoryScan_elementWeakRefs.set(this, void 0);
-        _ReactMemoryScan_isActivated.set(this, void 0);
-        _ReactMemoryScan_intervalId.set(this, void 0);
-        _ReactMemoryScan_elementToBoundingRects.set(this, void 0);
-        _ReactMemoryScan_elementToComponentStack.set(this, void 0);
-        _ReactMemoryScan_knownFiberNodes.set(this, void 0);
-        _ReactMemoryScan_fiberAnalyzer.set(this, void 0);
-        _ReactMemoryScan_isDevMode.set(this, void 0);
-        _ReactMemoryScan_subscribers.set(this, void 0);
-        _ReactMemoryScan_extensions.set(this, void 0);
-        _ReactMemoryScan_scanIntervalMs.set(this, void 0);
-        _ReactMemoryScan_domObserver.set(this, void 0);
-        _ReactMemoryScan_eventListenerTracker.set(this, void 0);
-        _ReactMemoryScan_isDisposed.set(this, void 0);
-        __classPrivateFieldSet(this, _ReactMemoryScan_elementWeakRefs, [], "f");
-        __classPrivateFieldSet(this, _ReactMemoryScan_isActivated, false, "f");
-        __classPrivateFieldSet(this, _ReactMemoryScan_elementToBoundingRects, new WeakMap(), "f");
-        __classPrivateFieldSet(this, _ReactMemoryScan_elementToComponentStack, new WeakMap(), "f");
-        __classPrivateFieldSet(this, _ReactMemoryScan_knownFiberNodes, [], "f");
-        __classPrivateFieldSet(this, _ReactMemoryScan_eventListenerTracker, options.trackEventListenerLeaks
-            ? event_listener_tracker_1.EventListenerTracker.getInstance()
-            : null, "f");
-        __classPrivateFieldSet(this, _ReactMemoryScan_intervalId, null, "f");
-        __classPrivateFieldSet(this, _ReactMemoryScan_isDisposed, false, "f");
-        __classPrivateFieldSet(this, _ReactMemoryScan_fiberAnalyzer, new react_fiber_analysis_1.default(), "f");
-        __classPrivateFieldSet(this, _ReactMemoryScan_isDevMode, (_a = options.isDevMode) !== null && _a !== void 0 ? _a : false, "f");
-        __classPrivateFieldSet(this, _ReactMemoryScan_subscribers, (_b = options.subscribers) !== null && _b !== void 0 ? _b : [], "f");
-        __classPrivateFieldSet(this, _ReactMemoryScan_extensions, (_c = options.extensions) !== null && _c !== void 0 ? _c : [], "f");
-        __classPrivateFieldSet(this, _ReactMemoryScan_scanIntervalMs, (_d = options.scanIntervalMs) !== null && _d !== void 0 ? _d : config_1.config.performance.scanIntervalMs, "f");
-    }
-    subscribe(callback) {
-        __classPrivateFieldGet(this, _ReactMemoryScan_subscribers, "f").push(callback);
-        return () => this.unsubscribe(callback);
-    }
+const valid_component_name_1 = __webpack_require__(847);
+class ReactFiberAnalyzer {
+    scan(elementWeakRefList, elementToComponentStack) {
+        var _a;
+        const visitedRootFibers = new Set();
+        const components = new Set();
+        const componentToFiberNodeCount = new Map();
+        const detachedComponentToFiberNodeCount = new Map();
+        const topDownVisited = new Set();
+        const analyzedFibers = new Set();
+        const fiberNodes = [];
+        let totalElements = 0;
+        let totalDetachedElements = 0;
+        function analyzeFiber(fiberNode) {
+            (0, react_fiber_utils_1.traverseFiber)(fiberNode, (fiberNode) => {
+                // skip if the fiber node has already been analyzed
+                if (analyzedFibers.has(fiberNode)) {
+                    return true;
+                }
+                analyzedFibers.add(fiberNode);
+                // traverse the fiber tree up to find the component name
+                const displayName = (0, react_fiber_utils_1.getDisplayNameOfFiberNode)(fiberNode);
+                if (displayName != null && (0, valid_component_name_1.isValidComponentName)(displayName)) {
+                    components.add(displayName);
+                    utils.addCountbyKey(componentToFiberNodeCount, displayName, 1);
+                    return true;
+                }
+            }, true);
+        }
+        for (const weakRef of elementWeakRefList) {
+            const elem = weakRef.deref();
+            if (elem == null) {
+                continue;
+            }
+            // elements stats
+            ++totalElements;
+            // TODO: simplify this logic
+            if (!elem.isConnected) {
+                if (elementToComponentStack.has(elem)) {
+                    const componentStack = (_a = elementToComponentStack.get(elem)) !== null && _a !== void 0 ? _a : [];
+                    // set component name
+                    const component = componentStack[0];
+                    elem.__component_name = component;
+                    utils.addCountbyKey(detachedComponentToFiberNodeCount, component, 1);
+                }
+                ++totalDetachedElements;
+            }
+            // analyze fiber nodes
+            const fiberNode = (0, react_fiber_utils_1.getFiberNodeFromElement)(elem);
+            if (fiberNode == null) {
+                continue;
+            }
+            analyzeFiber(fiberNode);
+            // try to traverse each fiber node in the entire fiber tree
+            const rootFiber = (0, react_fiber_utils_1.getTopMostFiberWithChild)(fiberNode);
+            if (rootFiber == null) {
+                continue;
+            }
+            if (visitedRootFibers.has(rootFiber)) {
+                continue;
+            }
+            visitedRootFibers.add(rootFiber);
+            // start traversing fiber tree from the know root host
+            (0, react_fiber_utils_1.traverseFiber)(rootFiber, (node) => {
+                if (topDownVisited.has(node)) {
+                    return true;
+                }
+                topDownVisited.add(node);
+                fiberNodes.push(new WeakRef(node));
+                analyzeFiber(node);
+            }, false);
+        }
+        topDownVisited.clear();
+        analyzedFibers.clear();
+        visitedRootFibers.clear();
+        return {
+            components,
+            componentToFiberNodeCount,
+            totalElements,
+            totalDetachedElements,
+            detachedComponentToFiberNodeCount,
+            fiberNodes,
+            leakedFibers: [],
+        };
+    }
+}
+exports["default"] = ReactFiberAnalyzer;
+
+
+/***/ },
+
+/***/ 282
+(__unused_webpack_module, exports, __webpack_require__) {
+
+
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _ReactMemoryScan_instances, _ReactMemoryScan_elementWeakRefs, _ReactMemoryScan_isActivated, _ReactMemoryScan_intervalId, _ReactMemoryScan_elementToBoundingRects, _ReactMemoryScan_elementToComponentStack, _ReactMemoryScan_knownFiberNodes, _ReactMemoryScan_fiberAnalyzer, _ReactMemoryScan_isDevMode, _ReactMemoryScan_subscribers, _ReactMemoryScan_extensions, _ReactMemoryScan_scanIntervalMs, _ReactMemoryScan_domObserver, _ReactMemoryScan_eventListenerTracker, _ReactMemoryScan_isDisposed, _ReactMemoryScan_log, _ReactMemoryScan_notifySubscribers, _ReactMemoryScan_notifyExtensionsBeforeScan, _ReactMemoryScan_notifyExtensionsAfterScan, _ReactMemoryScan_scanCycle, _ReactMemoryScan_updateElementToComponentInfo, _ReactMemoryScan_getTrackedDOMRefs, _ReactMemoryScan_runGC, _ReactMemoryScan_scanEventListenerLeaks;
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+const utils = __importStar(__webpack_require__(476));
+const react_fiber_analysis_1 = __importDefault(__webpack_require__(302));
+const react_fiber_utils_1 = __webpack_require__(737);
+const dom_observer_1 = __webpack_require__(54);
+const config_1 = __webpack_require__(346);
+const event_listener_tracker_1 = __webpack_require__(953);
+class ReactMemoryScan {
+    constructor(options = {}) {
+        var _a, _b, _c, _d;
+        _ReactMemoryScan_instances.add(this);
+        _ReactMemoryScan_elementWeakRefs.set(this, void 0);
+        _ReactMemoryScan_isActivated.set(this, void 0);
+        _ReactMemoryScan_intervalId.set(this, void 0);
+        _ReactMemoryScan_elementToBoundingRects.set(this, void 0);
+        _ReactMemoryScan_elementToComponentStack.set(this, void 0);
+        _ReactMemoryScan_knownFiberNodes.set(this, void 0);
+        _ReactMemoryScan_fiberAnalyzer.set(this, void 0);
+        _ReactMemoryScan_isDevMode.set(this, void 0);
+        _ReactMemoryScan_subscribers.set(this, void 0);
+        _ReactMemoryScan_extensions.set(this, void 0);
+        _ReactMemoryScan_scanIntervalMs.set(this, void 0);
+        _ReactMemoryScan_domObserver.set(this, void 0);
+        _ReactMemoryScan_eventListenerTracker.set(this, void 0);
+        _ReactMemoryScan_isDisposed.set(this, void 0);
+        __classPrivateFieldSet(this, _ReactMemoryScan_elementWeakRefs, [], "f");
+        __classPrivateFieldSet(this, _ReactMemoryScan_isActivated, false, "f");
+        __classPrivateFieldSet(this, _ReactMemoryScan_elementToBoundingRects, new WeakMap(), "f");
+        __classPrivateFieldSet(this, _ReactMemoryScan_elementToComponentStack, new WeakMap(), "f");
+        __classPrivateFieldSet(this, _ReactMemoryScan_knownFiberNodes, [], "f");
+        __classPrivateFieldSet(this, _ReactMemoryScan_eventListenerTracker, options.trackEventListenerLeaks
+            ? event_listener_tracker_1.EventListenerTracker.getInstance()
+            : null, "f");
+        __classPrivateFieldSet(this, _ReactMemoryScan_intervalId, null, "f");
+        __classPrivateFieldSet(this, _ReactMemoryScan_isDisposed, false, "f");
+        __classPrivateFieldSet(this, _ReactMemoryScan_fiberAnalyzer, new react_fiber_analysis_1.default(), "f");
+        __classPrivateFieldSet(this, _ReactMemoryScan_isDevMode, (_a = options.isDevMode) !== null && _a !== void 0 ? _a : false, "f");
+        __classPrivateFieldSet(this, _ReactMemoryScan_subscribers, (_b = options.subscribers) !== null && _b !== void 0 ? _b : [], "f");
+        __classPrivateFieldSet(this, _ReactMemoryScan_extensions, (_c = options.extensions) !== null && _c !== void 0 ? _c : [], "f");
+        __classPrivateFieldSet(this, _ReactMemoryScan_scanIntervalMs, (_d = options.scanIntervalMs) !== null && _d !== void 0 ? _d : config_1.config.performance.scanIntervalMs, "f");
+    }
+    subscribe(callback) {
+        __classPrivateFieldGet(this, _ReactMemoryScan_subscribers, "f").push(callback);
+        return () => this.unsubscribe(callback);
+    }
     unsubscribe(callback) {
         __classPrivateFieldSet(this, _ReactMemoryScan_subscribers, __classPrivateFieldGet(this, _ReactMemoryScan_subscribers, "f").filter(cb => cb !== callback), "f");
     }
@@ -662,44 +944,11 @@ class LeakedFiber {
 
 /***/ },
 
-/***/ 302
-(__unused_webpack_module, exports, __webpack_require__) {
+/***/ 847
+(__unused_webpack_module, exports) {
 
+var __webpack_unused_export__;
 
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", ({ value: true }));
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -709,103 +958,25 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
  * @format
  * @oncall memory_lab
  */
-const utils = __importStar(__webpack_require__(476));
-const react_fiber_utils_1 = __webpack_require__(737);
-const valid_component_name_1 = __webpack_require__(847);
-class ReactFiberAnalyzer {
-    scan(elementWeakRefList, elementToComponentStack) {
-        var _a;
-        const visitedRootFibers = new Set();
-        const components = new Set();
-        const componentToFiberNodeCount = new Map();
-        const detachedComponentToFiberNodeCount = new Map();
-        const topDownVisited = new Set();
-        const analyzedFibers = new Set();
-        const fiberNodes = [];
-        let totalElements = 0;
-        let totalDetachedElements = 0;
-        function analyzeFiber(fiberNode) {
-            (0, react_fiber_utils_1.traverseFiber)(fiberNode, (fiberNode) => {
-                // skip if the fiber node has already been analyzed
-                if (analyzedFibers.has(fiberNode)) {
-                    return true;
-                }
-                analyzedFibers.add(fiberNode);
-                // traverse the fiber tree up to find the component name
-                const displayName = (0, react_fiber_utils_1.getDisplayNameOfFiberNode)(fiberNode);
-                if (displayName != null && (0, valid_component_name_1.isValidComponentName)(displayName)) {
-                    components.add(displayName);
-                    utils.addCountbyKey(componentToFiberNodeCount, displayName, 1);
-                    return true;
-                }
-            }, true);
-        }
-        for (const weakRef of elementWeakRefList) {
-            const elem = weakRef.deref();
-            if (elem == null) {
-                continue;
-            }
-            // elements stats
-            ++totalElements;
-            // TODO: simplify this logic
-            if (!elem.isConnected) {
-                if (elementToComponentStack.has(elem)) {
-                    const componentStack = (_a = elementToComponentStack.get(elem)) !== null && _a !== void 0 ? _a : [];
-                    // set component name
-                    const component = componentStack[0];
-                    elem.__component_name = component;
-                    utils.addCountbyKey(detachedComponentToFiberNodeCount, component, 1);
-                }
-                ++totalDetachedElements;
-            }
-            // analyze fiber nodes
-            const fiberNode = (0, react_fiber_utils_1.getFiberNodeFromElement)(elem);
-            if (fiberNode == null) {
-                continue;
-            }
-            analyzeFiber(fiberNode);
-            // try to traverse each fiber node in the entire fiber tree
-            const rootFiber = (0, react_fiber_utils_1.getTopMostFiberWithChild)(fiberNode);
-            if (rootFiber == null) {
-                continue;
-            }
-            if (visitedRootFibers.has(rootFiber)) {
-                continue;
-            }
-            visitedRootFibers.add(rootFiber);
-            // start traversing fiber tree from the know root host
-            (0, react_fiber_utils_1.traverseFiber)(rootFiber, (node) => {
-                if (topDownVisited.has(node)) {
-                    return true;
-                }
-                topDownVisited.add(node);
-                fiberNodes.push(new WeakRef(node));
-                analyzeFiber(node);
-            }, false);
-        }
-        topDownVisited.clear();
-        analyzedFibers.clear();
-        visitedRootFibers.clear();
-        return {
-            components,
-            componentToFiberNodeCount,
-            totalElements,
-            totalDetachedElements,
-            detachedComponentToFiberNodeCount,
-            fiberNodes,
-            leakedFibers: [],
-        };
-    }
+__webpack_unused_export__ = ({ value: true });
+exports.isValidComponentName = isValidComponentName;
+const displayNameBlockList = new Set();
+function isValidComponentName(name) {
+    return name != null && !displayNameBlockList.has(name);
 }
-exports["default"] = ReactFiberAnalyzer;
 
 
 /***/ },
 
-/***/ 313
-(__unused_webpack_module, exports) {
+/***/ 235
+(__unused_webpack_module, exports, __webpack_require__) {
 
 
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.createReactMemoryScan = createReactMemoryScan;
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -815,304 +986,211 @@ exports["default"] = ReactFiberAnalyzer;
  * @format
  * @oncall memory_lab
  */
-var _a, _b, _c;
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.WeakMapPlus = exports.WeakMapNoOp = exports.WeakSetNoOp = exports.WeakRefNoOp = void 0;
-exports.getNativeWeakMap = getNativeWeakMap;
-exports.getNativeWeakMapOrFallback = getNativeWeakMapOrFallback;
-exports.getNativeWeakSet = getNativeWeakSet;
-exports.getNativeWeakSetOrFallback = getNativeWeakSetOrFallback;
-exports.getNativeWeakRef = getNativeWeakRef;
-exports.getNativeWeakRefOrFallback = getNativeWeakRefOrFallback;
-exports.isWeakMapNative = isWeakMapNative;
-exports.isWeakSetNative = isWeakSetNative;
-exports.isWeakRefNative = isWeakRefNative;
-exports.isWeakAPINative = isWeakAPINative;
-const globalScope = typeof window !== 'undefined' ? window : self;
-const _weakMap = (_a = globalScope.WeakMap) !== null && _a !== void 0 ? _a : null;
-const _weakMapIsNative = isWeakMapNative();
-const _weakSet = (_b = globalScope.WeakSet) !== null && _b !== void 0 ? _b : null;
-const _weakSetIsNative = isWeakSetNative();
-const _weakRef = (_c = globalScope.WeakRef) !== null && _c !== void 0 ? _c : null;
-const _weakRefIsNative = isWeakRefNative();
-const _weakAPIsAreNative = _weakMapIsNative && _weakSetIsNative && _weakRefIsNative;
-class WeakRefNoOp {
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    constructor(_targetObject) {
-        // to be overridden
-    }
-    deref() {
-        return undefined;
-    }
+const react_memory_scan_1 = __importDefault(__webpack_require__(282));
+// import { DOMVisualizationExtension } from './extensions/dom-visualization-extension';
+function createReactMemoryScan(options = {}) {
+    return new react_memory_scan_1.default(options);
+    // const memoryScan = new ReactMemoryScan(options);
+    // const domVisualizer = new DOMVisualizationExtension(memoryScan);
+    // memoryScan.registerExtension(domVisualizer);
+    // return memoryScan;
 }
-exports.WeakRefNoOp = WeakRefNoOp;
-class WeakSetNoOp {
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    constructor(_iterable) {
-        // to be overridden
+
+
+/***/ },
+
+/***/ 737
+(__unused_webpack_module, exports, __webpack_require__) {
+
+var __webpack_unused_export__;
+
+__webpack_unused_export__ = ({ value: true });
+exports.traverseFiber = exports.getTopMostFiberWithChild = __webpack_unused_export__ = __webpack_unused_export__ = exports.dD = __webpack_unused_export__ = exports.bv = exports.Fm = __webpack_unused_export__ = exports.JA = exports.NT = __webpack_unused_export__ = exports.UT = exports.DQ = __webpack_unused_export__ = exports.W = __webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = exports.IZ = exports.i$ = exports.Wb = __webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = void 0;
+exports.getFiberNodeFromElement = getFiberNodeFromElement;
+exports.getReactComponentStack = getReactComponentStack;
+exports.getDisplayNameOfFiberNode = getDisplayNameOfFiberNode;
+__webpack_unused_export__ = isFunctionalComponent;
+__webpack_unused_export__ = extractReactComponentName;
+const utils_1 = __webpack_require__(476);
+const valid_component_name_1 = __webpack_require__(847);
+__webpack_unused_export__ = 1;
+__webpack_unused_export__ = 0;
+__webpack_unused_export__ = 9;
+__webpack_unused_export__ = 13;
+__webpack_unused_export__ = 22;
+__webpack_unused_export__ = 11;
+__webpack_unused_export__ = 14;
+__webpack_unused_export__ = 15;
+exports.Wb = 5;
+exports.i$ = 26;
+exports.IZ = 27;
+__webpack_unused_export__ = 18;
+__webpack_unused_export__ = 6;
+__webpack_unused_export__ = 7;
+__webpack_unused_export__ = 23;
+__webpack_unused_export__ = 22;
+__webpack_unused_export__ = 3;
+__webpack_unused_export__ = 0xeacf;
+__webpack_unused_export__ = 'Symbol(react.concurrent_mode)';
+__webpack_unused_export__ = 'Symbol(react.async_mode)';
+// https://github.com/facebook/react/blob/main/packages/react-reconciler/src/ReactFiberFlags.js
+__webpack_unused_export__ = 0b1;
+exports.W = 0b10;
+__webpack_unused_export__ = 0b10000000;
+exports.DQ = 0b1000000000000;
+exports.UT = 0b100;
+__webpack_unused_export__ = 0b1000;
+exports.NT = 0b10000;
+exports.JA = 0b100000;
+__webpack_unused_export__ = 0b1000000000;
+exports.Fm = 0b10000000000;
+exports.bv = 0b10000000000000;
+__webpack_unused_export__ = exports.W |
+    exports.UT |
+    exports.NT |
+    exports.JA |
+    exports.DQ |
+    exports.bv |
+    exports.Fm;
+/**
+ * @see https://reactnative.dev/architecture/glossary#host-view-tree-and-host-view
+ */
+const isHostFiber = (fiber) => fiber.tag === exports.Wb ||
+    // @ts-expect-error: it exists
+    fiber.tag === exports.i$ ||
+    // @ts-expect-error: it exists
+    fiber.tag === exports.IZ ||
+    typeof fiber.type === 'string';
+exports.dD = isHostFiber;
+const getNearestHostFiber = (fiber) => {
+    let hostFiber = (0, exports.traverseFiber)(fiber, exports.dD);
+    if (!hostFiber) {
+        hostFiber = (0, exports.traverseFiber)(fiber, exports.dD, true);
     }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    add(_value) {
-        return this;
+    return hostFiber;
+};
+__webpack_unused_export__ = getNearestHostFiber;
+const getTopMostHostFiber = (fiber) => {
+    let topMostHostFiber = null;
+    function checkFiber(fiber) {
+        if ((0, exports.dD)(fiber)) {
+            topMostHostFiber = fiber;
+        }
     }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    delete(_value) {
-        return false;
+    (0, exports.traverseFiber)(fiber, checkFiber, true);
+    return topMostHostFiber;
+};
+__webpack_unused_export__ = getTopMostHostFiber;
+const getTopMostFiberWithChild = (fiber) => {
+    let topMostFiber = null;
+    function checkFiber(fiber) {
+        if (fiber.child != null) {
+            topMostFiber = fiber;
+        }
     }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    has(_value) {
-        return false;
+    (0, exports.traverseFiber)(fiber, checkFiber, true);
+    return topMostFiber;
+};
+exports.getTopMostFiberWithChild = getTopMostFiberWithChild;
+const traverseFiber = (fiber, selector, ascending = false) => {
+    if (!fiber) {
+        return null;
     }
-}
-exports.WeakSetNoOp = WeakSetNoOp;
-class WeakMapNoOp {
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    constructor(_iterable) {
-        // to be overridden
+    if (selector(fiber) === true) {
+        return fiber;
     }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    delete(_key) {
-        return false;
+    let next = ascending ? fiber.return : fiber.child;
+    while (next) {
+        const match = (0, exports.traverseFiber)(next, selector, ascending);
+        if (match) {
+            return match;
+        }
+        next = ascending ? null : next.sibling;
     }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    get(_key) {
-        return undefined;
+    return null;
+};
+exports.traverseFiber = traverseFiber;
+// React internal property keys
+const internalKeys = [
+    '__reactFiber$', // React 17+
+    '__reactInternalInstance$', // React 16
+    '_reactRootContainer', // React Root
+];
+const getOwnPropertyNames = Object.getOwnPropertyNames.bind(Object);
+function getFiberNodeFromElement(element) {
+    for (const prefix of internalKeys) {
+        // Use Object.keys only as fallback since it's slower
+        const key = getOwnPropertyNames(element).find(k => k.startsWith(prefix));
+        if (key) {
+            return element[key];
+        }
     }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    has(_key) {
-        return false;
+    return null;
+}
+function getReactComponentStack(node) {
+    const stack = [];
+    const visited = new Set();
+    let fiber = node;
+    while (fiber) {
+        if (visited.has(fiber)) {
+            break;
+        }
+        visited.add(fiber);
+        const name = getDisplayNameOfFiberNode(fiber);
+        if (name) {
+            stack.push(name);
+        }
+        fiber = fiber.return;
     }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    set(_key, _value) {
-        return this;
+    return stack;
+}
+function getDisplayNameOfFiberNode(node) {
+    var _a, _b, _c, _d;
+    const elementType = (_a = node.type) !== null && _a !== void 0 ? _a : node.elementType;
+    // Try to get name from displayName or name properties
+    let displayName = (_b = elementType === null || elementType === void 0 ? void 0 : elementType.displayName) !== null && _b !== void 0 ? _b : elementType === null || elementType === void 0 ? void 0 : elementType.name;
+    // Handle class components and forwardRef
+    if (displayName == null) {
+        if (elementType === null || elementType === void 0 ? void 0 : elementType.render) {
+            // Class components
+            const render = elementType === null || elementType === void 0 ? void 0 : elementType.render;
+            displayName = (_c = render === null || render === void 0 ? void 0 : render.displayName) !== null && _c !== void 0 ? _c : render === null || render === void 0 ? void 0 : render.name;
+        }
+        else if (elementType === null || elementType === void 0 ? void 0 : elementType.type) {
+            // ForwardRef components
+            displayName = (_d = elementType.type.displayName) !== null && _d !== void 0 ? _d : elementType.type.name;
+        }
+    }
+    // Handle anonymous functions
+    if (!displayName && typeof elementType === 'function') {
+        displayName = elementType.name;
     }
+    const ret = (0, utils_1.getMeaningfulName)(extractReactComponentName(displayName));
+    return (0, valid_component_name_1.isValidComponentName)(ret) ? ret : null;
 }
-exports.WeakMapNoOp = WeakMapNoOp;
-function getNativeWeakMap() {
-    return _weakMapIsNative ? _weakMap : null;
+function isFunctionalComponent(node) {
+    const elementType = node === null || node === void 0 ? void 0 : node.elementType;
+    return typeof elementType === 'function';
 }
-function getNativeWeakMapOrFallback() {
-    return _weakMapIsNative && _weakMap ? _weakMap : WeakMapNoOp;
-}
-function getNativeWeakSet() {
-    return _weakSetIsNative ? _weakSet : null;
-}
-function getNativeWeakSetOrFallback() {
-    return _weakSetIsNative && _weakSet ? _weakSet : WeakSetNoOp;
-}
-function getNativeWeakRef() {
-    return _weakRefIsNative ? _weakRef : null;
-}
-function getNativeWeakRefOrFallback() {
-    return _weakRefIsNative && _weakRef ? _weakRef : WeakRefNoOp;
-}
-function normalize(input) {
-    return typeof input.replace === 'function'
-        ? input.replace(/\n/g, ' ').replace(/\s+/g, ' ')
-        : null;
-}
-function isWeakMapNative() {
-    return (_weakMap !== null &&
-        typeof _weakMap.toString === 'function' &&
-        normalize(_weakMap.toString()) === 'function WeakMap() { [native code] }');
-}
-function isWeakSetNative() {
-    return (_weakSet !== null &&
-        typeof _weakSet.toString === 'function' &&
-        normalize(_weakSet.toString()) === 'function WeakSet() { [native code] }');
-}
-function isWeakRefNative() {
-    return (_weakRef !== null &&
-        typeof _weakRef.toString === 'function' &&
-        normalize(_weakRef.toString()) === 'function WeakRef() { [native code] }');
-}
-function isWeakAPINative() {
-    return _weakAPIsAreNative;
-}
-class WeakMapPlus {
-    constructor(options = {}) {
-        this.strongMap = null;
-        this.noopMap = false;
-        this.entriesMap = new Map();
-        this.keyToId = new WeakMap();
-        const { fallback = 'strong', cleanupMs = 1000 } = options;
-        this.isWeak = _weakAPIsAreNative;
-        this.fallbackMode = fallback;
-        if (!this.isWeak) {
-            if (fallback === 'strong') {
-                this.strongMap = new Map();
-            }
-            else if (fallback === 'noop') {
-                this.noopMap = true;
-            }
-            this.cleanupInterval = -1;
-        }
-        else {
-            this.cleanupInterval = setInterval(() => this.cleanup(), cleanupMs);
-        }
-    }
-    getOrCreateId(key) {
-        let id = this.keyToId.get(key);
-        if (!id) {
-            id = Symbol();
-            this.keyToId.set(key, id);
-        }
-        return id;
-    }
-    set(key, value) {
-        var _a;
-        if (!this.isWeak) {
-            if (this.noopMap)
-                return this;
-            (_a = this.strongMap) === null || _a === void 0 ? void 0 : _a.set(key, value);
-            return this;
-        }
-        const id = this.getOrCreateId(key);
-        this.entriesMap.set(id, { ref: new WeakRef(key), value });
-        return this;
-    }
-    get(key) {
-        var _a, _b;
-        if (!this.isWeak) {
-            if (this.noopMap)
-                return undefined;
-            return (_a = this.strongMap) === null || _a === void 0 ? void 0 : _a.get(key);
-        }
-        const id = this.keyToId.get(key);
-        if (!id)
-            return undefined;
-        const entry = this.entriesMap.get(id);
-        const derefKey = (_b = entry === null || entry === void 0 ? void 0 : entry.ref) === null || _b === void 0 ? void 0 : _b.deref();
-        return derefKey ? entry === null || entry === void 0 ? void 0 : entry.value : undefined;
-    }
-    has(key) {
-        var _a, _b;
-        if (!this.isWeak) {
-            if (this.noopMap)
-                return false;
-            return (_b = (_a = this.strongMap) === null || _a === void 0 ? void 0 : _a.has(key)) !== null && _b !== void 0 ? _b : false;
-        }
-        const id = this.keyToId.get(key);
-        if (!id)
-            return false;
-        const entry = this.entriesMap.get(id);
-        return !!(entry && entry.ref.deref());
-    }
-    delete(key) {
-        var _a, _b;
-        if (!this.isWeak) {
-            if (this.noopMap)
-                return false;
-            return (_b = (_a = this.strongMap) === null || _a === void 0 ? void 0 : _a.delete(key)) !== null && _b !== void 0 ? _b : false;
-        }
-        const id = this.keyToId.get(key);
-        if (!id)
-            return false;
-        this.keyToId.delete(key);
-        return this.entriesMap.delete(id);
-    }
-    *liveEntries() {
-        for (const [, entry] of this.entriesMap) {
-            const key = entry.ref.deref();
-            if (key) {
-                yield [key, entry.value];
-            }
-        }
-    }
-    entries() {
-        var _a, _b;
-        if (!this.isWeak) {
-            if (this.noopMap)
-                return [][Symbol.iterator]();
-            return (_b = (_a = this.strongMap) === null || _a === void 0 ? void 0 : _a.entries()) !== null && _b !== void 0 ? _b : [][Symbol.iterator]();
-        }
-        return this.liveEntries();
-    }
-    keys() {
-        return (function* (self) {
-            for (const [key] of self.entries())
-                yield key;
-        })(this);
-    }
-    values() {
-        return (function* (self) {
-            for (const [, value] of self.entries())
-                yield value;
-        })(this);
-    }
-    [Symbol.iterator]() {
-        return this.entries();
-    }
-    get size() {
-        var _a, _b;
-        if (!this.isWeak) {
-            if (this.noopMap)
-                return 0;
-            return (_b = (_a = this.strongMap) === null || _a === void 0 ? void 0 : _a.size) !== null && _b !== void 0 ? _b : 0;
-        }
-        let count = 0;
-        // eslint-disable-next-line
-        for (const _ of this.liveEntries()) {
-            count++;
-        }
-        return count;
+// dom-element [from component.react] --> component.react
+function extractReactComponentName(displayName) {
+    if (typeof displayName !== 'string') {
+        return null;
     }
-    getFallbackMode() {
-        return this.fallbackMode;
+    if (!displayName.includes('[') || !displayName.includes(']')) {
+        return displayName;
     }
-    cleanup() {
-        if (!this.isWeak)
-            return;
-        for (const [id, entry] of this.entriesMap) {
-            if (!entry.ref.deref()) {
-                this.entriesMap.delete(id);
-            }
-        }
+    const startIndex = displayName.indexOf('[');
+    const endIndex = displayName.indexOf(']');
+    if (startIndex > endIndex) {
+        return displayName;
     }
-    destroy() {
-        if (this.isWeak) {
-            clearInterval(this.cleanupInterval);
-        }
+    const name = displayName.substring(startIndex + 1, endIndex);
+    if (name.startsWith('from ')) {
+        return name.substring('from '.length);
     }
+    return name;
 }
-exports.WeakMapPlus = WeakMapPlus;
-
-
-/***/ },
-
-/***/ 346
-(__unused_webpack_module, exports) {
-
-
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @oncall memory_lab
- */
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.config = exports.featureFlags = exports.performanceConfig = void 0;
-// Performance Configuration
-exports.performanceConfig = {
-    scanIntervalMs: 1000,
-    maxComponentStackDepth: 100,
-    memoryMeasurementIntervalMs: 5000,
-};
-// Feature Flags
-exports.featureFlags = {
-    enableMutationObserver: true,
-    enableMemoryTracking: true,
-    enableComponentStack: true,
-    enableConsoleLogs: window === null || window === void 0 ? void 0 : window.TEST_MEMORY_SCAN,
-};
-// overall Config
-exports.config = {
-    performance: exports.performanceConfig,
-    features: exports.featureFlags,
-};
 
 
 /***/ },
@@ -1300,423 +1378,350 @@ function setRunInSession() {
 
 /***/ },
 
-/***/ 498
+/***/ 313
 (__unused_webpack_module, exports) {
 
+var __webpack_unused_export__;
 
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.isVisualizerElement = isVisualizerElement;
-exports.createVisualizerElement = createVisualizerElement;
-exports.tryToAttachOverlay = tryToAttachOverlay;
-exports.addTrackedListener = addTrackedListener;
-exports.removeAllListeners = removeAllListeners;
-exports.debounce = debounce;
-const VISUALIZER_DATA_ATTR = 'data-visualizer';
-function setVisualizerElement(element) {
-    element.setAttribute(VISUALIZER_DATA_ATTR, 'true');
-    element.setAttribute('data-visualcompletion', 'ignore');
-}
-function isVisualizerElement(element) {
-    return element.getAttribute(VISUALIZER_DATA_ATTR) === 'true';
-}
-function createVisualizerElement(tag) {
-    const element = document.createElement(tag);
-    setVisualizerElement(element);
-    return element;
-}
-function tryToAttachOverlay(overlayDiv) {
-    if (document.body) {
-        document.body.appendChild(overlayDiv);
-    }
-}
-const listenerMap = new WeakMap();
-function addTrackedListener(elRef, type, cb, options) {
-    var _a;
-    const el = elRef.deref();
-    if (!el)
-        return;
-    el.addEventListener(type, cb, options);
-    if (!listenerMap.has(el)) {
-        listenerMap.set(el, []);
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @oncall memory_lab
+ */
+var _a, _b, _c;
+__webpack_unused_export__ = ({ value: true });
+exports.WeakMapPlus = __webpack_unused_export__ = __webpack_unused_export__ = __webpack_unused_export__ = void 0;
+__webpack_unused_export__ = getNativeWeakMap;
+__webpack_unused_export__ = getNativeWeakMapOrFallback;
+__webpack_unused_export__ = getNativeWeakSet;
+__webpack_unused_export__ = getNativeWeakSetOrFallback;
+__webpack_unused_export__ = getNativeWeakRef;
+__webpack_unused_export__ = getNativeWeakRefOrFallback;
+__webpack_unused_export__ = isWeakMapNative;
+__webpack_unused_export__ = isWeakSetNative;
+__webpack_unused_export__ = isWeakRefNative;
+exports.isWeakAPINative = isWeakAPINative;
+const globalScope = typeof window !== 'undefined' ? window : self;
+const _weakMap = (_a = globalScope.WeakMap) !== null && _a !== void 0 ? _a : null;
+const _weakMapIsNative = isWeakMapNative();
+const _weakSet = (_b = globalScope.WeakSet) !== null && _b !== void 0 ? _b : null;
+const _weakSetIsNative = isWeakSetNative();
+const _weakRef = (_c = globalScope.WeakRef) !== null && _c !== void 0 ? _c : null;
+const _weakRefIsNative = isWeakRefNative();
+const _weakAPIsAreNative = _weakMapIsNative && _weakSetIsNative && _weakRefIsNative;
+class WeakRefNoOp {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    constructor(_targetObject) {
+        // to be overridden
     }
-    (_a = listenerMap.get(el)) === null || _a === void 0 ? void 0 : _a.push({ type, cb, options });
-}
-function removeAllListeners(elRef) {
-    const el = elRef.deref();
-    if (!el)
-        return;
-    const listeners = listenerMap.get(el);
-    if (!listeners)
-        return;
-    for (const { type, cb, options } of listeners) {
-        el.removeEventListener(type, cb, options);
+    deref() {
+        return undefined;
     }
-    listenerMap.delete(el);
 }
-function debounce(callback, delay) {
-    let timer = null;
-    return (...args) => {
-        if (timer) {
-            clearTimeout(timer);
-        }
-        timer = setTimeout(() => {
-            callback(...args);
-        }, delay);
-    };
+__webpack_unused_export__ = WeakRefNoOp;
+class WeakSetNoOp {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    constructor(_iterable) {
+        // to be overridden
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    add(_value) {
+        return this;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    delete(_value) {
+        return false;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    has(_value) {
+        return false;
+    }
 }
-
-
-/***/ },
-
-/***/ 737
-(__unused_webpack_module, exports, __webpack_require__) {
-
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.traverseFiber = exports.getTopMostFiberWithChild = exports.getTopMostHostFiber = exports.getNearestHostFiber = exports.isHostFiber = exports.MutationMask = exports.Visibility = exports.Snapshot = exports.Ref = exports.ContentReset = exports.ChildDeletion = exports.Cloned = exports.Update = exports.Hydrating = exports.DidCapture = exports.Placement = exports.PerformedWork = exports.DEPRECATED_ASYNC_MODE_SYMBOL_STRING = exports.CONCURRENT_MODE_SYMBOL_STRING = exports.CONCURRENT_MODE_NUMBER = exports.HostRoot = exports.OffscreenComponent = exports.LegacyHiddenComponent = exports.Fragment = exports.HostText = exports.DehydratedSuspenseComponent = exports.HostSingletonTag = exports.HostHoistableTag = exports.HostComponentTag = exports.SimpleMemoComponentTag = exports.MemoComponentTag = exports.ForwardRefTag = exports.OffscreenComponentTag = exports.SuspenseComponentTag = exports.ContextConsumerTag = exports.FunctionComponentTag = exports.ClassComponentTag = void 0;
-exports.getFiberNodeFromElement = getFiberNodeFromElement;
-exports.getReactComponentStack = getReactComponentStack;
-exports.getDisplayNameOfFiberNode = getDisplayNameOfFiberNode;
-exports.isFunctionalComponent = isFunctionalComponent;
-exports.extractReactComponentName = extractReactComponentName;
-const utils_1 = __webpack_require__(476);
-const valid_component_name_1 = __webpack_require__(847);
-exports.ClassComponentTag = 1;
-exports.FunctionComponentTag = 0;
-exports.ContextConsumerTag = 9;
-exports.SuspenseComponentTag = 13;
-exports.OffscreenComponentTag = 22;
-exports.ForwardRefTag = 11;
-exports.MemoComponentTag = 14;
-exports.SimpleMemoComponentTag = 15;
-exports.HostComponentTag = 5;
-exports.HostHoistableTag = 26;
-exports.HostSingletonTag = 27;
-exports.DehydratedSuspenseComponent = 18;
-exports.HostText = 6;
-exports.Fragment = 7;
-exports.LegacyHiddenComponent = 23;
-exports.OffscreenComponent = 22;
-exports.HostRoot = 3;
-exports.CONCURRENT_MODE_NUMBER = 0xeacf;
-exports.CONCURRENT_MODE_SYMBOL_STRING = 'Symbol(react.concurrent_mode)';
-exports.DEPRECATED_ASYNC_MODE_SYMBOL_STRING = 'Symbol(react.async_mode)';
-// https://github.com/facebook/react/blob/main/packages/react-reconciler/src/ReactFiberFlags.js
-exports.PerformedWork = 0b1;
-exports.Placement = 0b10;
-exports.DidCapture = 0b10000000;
-exports.Hydrating = 0b1000000000000;
-exports.Update = 0b100;
-exports.Cloned = 0b1000;
-exports.ChildDeletion = 0b10000;
-exports.ContentReset = 0b100000;
-exports.Ref = 0b1000000000;
-exports.Snapshot = 0b10000000000;
-exports.Visibility = 0b10000000000000;
-exports.MutationMask = exports.Placement |
-    exports.Update |
-    exports.ChildDeletion |
-    exports.ContentReset |
-    exports.Hydrating |
-    exports.Visibility |
-    exports.Snapshot;
-/**
- * @see https://reactnative.dev/architecture/glossary#host-view-tree-and-host-view
- */
-const isHostFiber = (fiber) => fiber.tag === exports.HostComponentTag ||
-    // @ts-expect-error: it exists
-    fiber.tag === exports.HostHoistableTag ||
-    // @ts-expect-error: it exists
-    fiber.tag === exports.HostSingletonTag ||
-    typeof fiber.type === 'string';
-exports.isHostFiber = isHostFiber;
-const getNearestHostFiber = (fiber) => {
-    let hostFiber = (0, exports.traverseFiber)(fiber, exports.isHostFiber);
-    if (!hostFiber) {
-        hostFiber = (0, exports.traverseFiber)(fiber, exports.isHostFiber, true);
+__webpack_unused_export__ = WeakSetNoOp;
+class WeakMapNoOp {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    constructor(_iterable) {
+        // to be overridden
     }
-    return hostFiber;
-};
-exports.getNearestHostFiber = getNearestHostFiber;
-const getTopMostHostFiber = (fiber) => {
-    let topMostHostFiber = null;
-    function checkFiber(fiber) {
-        if ((0, exports.isHostFiber)(fiber)) {
-            topMostHostFiber = fiber;
-        }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    delete(_key) {
+        return false;
     }
-    (0, exports.traverseFiber)(fiber, checkFiber, true);
-    return topMostHostFiber;
-};
-exports.getTopMostHostFiber = getTopMostHostFiber;
-const getTopMostFiberWithChild = (fiber) => {
-    let topMostFiber = null;
-    function checkFiber(fiber) {
-        if (fiber.child != null) {
-            topMostFiber = fiber;
-        }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    get(_key) {
+        return undefined;
     }
-    (0, exports.traverseFiber)(fiber, checkFiber, true);
-    return topMostFiber;
-};
-exports.getTopMostFiberWithChild = getTopMostFiberWithChild;
-const traverseFiber = (fiber, selector, ascending = false) => {
-    if (!fiber) {
-        return null;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    has(_key) {
+        return false;
     }
-    if (selector(fiber) === true) {
-        return fiber;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    set(_key, _value) {
+        return this;
     }
-    let next = ascending ? fiber.return : fiber.child;
-    while (next) {
-        const match = (0, exports.traverseFiber)(next, selector, ascending);
-        if (match) {
-            return match;
+}
+__webpack_unused_export__ = WeakMapNoOp;
+function getNativeWeakMap() {
+    return _weakMapIsNative ? _weakMap : null;
+}
+function getNativeWeakMapOrFallback() {
+    return _weakMapIsNative && _weakMap ? _weakMap : WeakMapNoOp;
+}
+function getNativeWeakSet() {
+    return _weakSetIsNative ? _weakSet : null;
+}
+function getNativeWeakSetOrFallback() {
+    return _weakSetIsNative && _weakSet ? _weakSet : WeakSetNoOp;
+}
+function getNativeWeakRef() {
+    return _weakRefIsNative ? _weakRef : null;
+}
+function getNativeWeakRefOrFallback() {
+    return _weakRefIsNative && _weakRef ? _weakRef : WeakRefNoOp;
+}
+function normalize(input) {
+    return typeof input.replace === 'function'
+        ? input.replace(/\n/g, ' ').replace(/\s+/g, ' ')
+        : null;
+}
+function isWeakMapNative() {
+    return (_weakMap !== null &&
+        typeof _weakMap.toString === 'function' &&
+        normalize(_weakMap.toString()) === 'function WeakMap() { [native code] }');
+}
+function isWeakSetNative() {
+    return (_weakSet !== null &&
+        typeof _weakSet.toString === 'function' &&
+        normalize(_weakSet.toString()) === 'function WeakSet() { [native code] }');
+}
+function isWeakRefNative() {
+    return (_weakRef !== null &&
+        typeof _weakRef.toString === 'function' &&
+        normalize(_weakRef.toString()) === 'function WeakRef() { [native code] }');
+}
+function isWeakAPINative() {
+    return _weakAPIsAreNative;
+}
+class WeakMapPlus {
+    constructor(options = {}) {
+        this.strongMap = null;
+        this.noopMap = false;
+        this.entriesMap = new Map();
+        this.keyToId = new WeakMap();
+        const { fallback = 'strong', cleanupMs = 1000 } = options;
+        this.isWeak = _weakAPIsAreNative;
+        this.fallbackMode = fallback;
+        if (!this.isWeak) {
+            if (fallback === 'strong') {
+                this.strongMap = new Map();
+            }
+            else if (fallback === 'noop') {
+                this.noopMap = true;
+            }
+            this.cleanupInterval = -1;
+        }
+        else {
+            this.cleanupInterval = setInterval(() => this.cleanup(), cleanupMs);
         }
-        next = ascending ? null : next.sibling;
     }
-    return null;
-};
-exports.traverseFiber = traverseFiber;
-// React internal property keys
-const internalKeys = [
-    '__reactFiber$', // React 17+
-    '__reactInternalInstance$', // React 16
-    '_reactRootContainer', // React Root
-];
-const getOwnPropertyNames = Object.getOwnPropertyNames.bind(Object);
-function getFiberNodeFromElement(element) {
-    for (const prefix of internalKeys) {
-        // Use Object.keys only as fallback since it's slower
-        const key = getOwnPropertyNames(element).find(k => k.startsWith(prefix));
-        if (key) {
-            return element[key];
+    getOrCreateId(key) {
+        let id = this.keyToId.get(key);
+        if (!id) {
+            id = Symbol();
+            this.keyToId.set(key, id);
         }
+        return id;
     }
-    return null;
-}
-function getReactComponentStack(node) {
-    const stack = [];
-    const visited = new Set();
-    let fiber = node;
-    while (fiber) {
-        if (visited.has(fiber)) {
-            break;
+    set(key, value) {
+        var _a;
+        if (!this.isWeak) {
+            if (this.noopMap)
+                return this;
+            (_a = this.strongMap) === null || _a === void 0 ? void 0 : _a.set(key, value);
+            return this;
         }
-        visited.add(fiber);
-        const name = getDisplayNameOfFiberNode(fiber);
-        if (name) {
-            stack.push(name);
+        const id = this.getOrCreateId(key);
+        this.entriesMap.set(id, { ref: new WeakRef(key), value });
+        return this;
+    }
+    get(key) {
+        var _a, _b;
+        if (!this.isWeak) {
+            if (this.noopMap)
+                return undefined;
+            return (_a = this.strongMap) === null || _a === void 0 ? void 0 : _a.get(key);
         }
-        fiber = fiber.return;
+        const id = this.keyToId.get(key);
+        if (!id)
+            return undefined;
+        const entry = this.entriesMap.get(id);
+        const derefKey = (_b = entry === null || entry === void 0 ? void 0 : entry.ref) === null || _b === void 0 ? void 0 : _b.deref();
+        return derefKey ? entry === null || entry === void 0 ? void 0 : entry.value : undefined;
     }
-    return stack;
-}
-function getDisplayNameOfFiberNode(node) {
-    var _a, _b, _c, _d;
-    const elementType = (_a = node.type) !== null && _a !== void 0 ? _a : node.elementType;
-    // Try to get name from displayName or name properties
-    let displayName = (_b = elementType === null || elementType === void 0 ? void 0 : elementType.displayName) !== null && _b !== void 0 ? _b : elementType === null || elementType === void 0 ? void 0 : elementType.name;
-    // Handle class components and forwardRef
-    if (displayName == null) {
-        if (elementType === null || elementType === void 0 ? void 0 : elementType.render) {
-            // Class components
-            const render = elementType === null || elementType === void 0 ? void 0 : elementType.render;
-            displayName = (_c = render === null || render === void 0 ? void 0 : render.displayName) !== null && _c !== void 0 ? _c : render === null || render === void 0 ? void 0 : render.name;
+    has(key) {
+        var _a, _b;
+        if (!this.isWeak) {
+            if (this.noopMap)
+                return false;
+            return (_b = (_a = this.strongMap) === null || _a === void 0 ? void 0 : _a.has(key)) !== null && _b !== void 0 ? _b : false;
         }
-        else if (elementType === null || elementType === void 0 ? void 0 : elementType.type) {
-            // ForwardRef components
-            displayName = (_d = elementType.type.displayName) !== null && _d !== void 0 ? _d : elementType.type.name;
+        const id = this.keyToId.get(key);
+        if (!id)
+            return false;
+        const entry = this.entriesMap.get(id);
+        return !!(entry && entry.ref.deref());
+    }
+    delete(key) {
+        var _a, _b;
+        if (!this.isWeak) {
+            if (this.noopMap)
+                return false;
+            return (_b = (_a = this.strongMap) === null || _a === void 0 ? void 0 : _a.delete(key)) !== null && _b !== void 0 ? _b : false;
+        }
+        const id = this.keyToId.get(key);
+        if (!id)
+            return false;
+        this.keyToId.delete(key);
+        return this.entriesMap.delete(id);
+    }
+    *liveEntries() {
+        for (const [, entry] of this.entriesMap) {
+            const key = entry.ref.deref();
+            if (key) {
+                yield [key, entry.value];
+            }
         }
     }
-    // Handle anonymous functions
-    if (!displayName && typeof elementType === 'function') {
-        displayName = elementType.name;
+    entries() {
+        var _a, _b;
+        if (!this.isWeak) {
+            if (this.noopMap)
+                return [][Symbol.iterator]();
+            return (_b = (_a = this.strongMap) === null || _a === void 0 ? void 0 : _a.entries()) !== null && _b !== void 0 ? _b : [][Symbol.iterator]();
+        }
+        return this.liveEntries();
+    }
+    keys() {
+        return (function* (self) {
+            for (const [key] of self.entries())
+                yield key;
+        })(this);
     }
-    const ret = (0, utils_1.getMeaningfulName)(extractReactComponentName(displayName));
-    return (0, valid_component_name_1.isValidComponentName)(ret) ? ret : null;
-}
-function isFunctionalComponent(node) {
-    const elementType = node === null || node === void 0 ? void 0 : node.elementType;
-    return typeof elementType === 'function';
-}
-// dom-element [from component.react] --> component.react
-function extractReactComponentName(displayName) {
-    if (typeof displayName !== 'string') {
-        return null;
+    values() {
+        return (function* (self) {
+            for (const [, value] of self.entries())
+                yield value;
+        })(this);
     }
-    if (!displayName.includes('[') || !displayName.includes(']')) {
-        return displayName;
+    [Symbol.iterator]() {
+        return this.entries();
     }
-    const startIndex = displayName.indexOf('[');
-    const endIndex = displayName.indexOf(']');
-    if (startIndex > endIndex) {
-        return displayName;
+    get size() {
+        var _a, _b;
+        if (!this.isWeak) {
+            if (this.noopMap)
+                return 0;
+            return (_b = (_a = this.strongMap) === null || _a === void 0 ? void 0 : _a.size) !== null && _b !== void 0 ? _b : 0;
+        }
+        let count = 0;
+        // eslint-disable-next-line
+        for (const _ of this.liveEntries()) {
+            count++;
+        }
+        return count;
     }
-    const name = displayName.substring(startIndex + 1, endIndex);
-    if (name.startsWith('from ')) {
-        return name.substring('from '.length);
+    getFallbackMode() {
+        return this.fallbackMode;
+    }
+    cleanup() {
+        if (!this.isWeak)
+            return;
+        for (const [id, entry] of this.entriesMap) {
+            if (!entry.ref.deref()) {
+                this.entriesMap.delete(id);
+            }
+        }
+    }
+    destroy() {
+        if (this.isWeak) {
+            clearInterval(this.cleanupInterval);
+        }
     }
-    return name;
 }
+exports.WeakMapPlus = WeakMapPlus;
 
 
 /***/ },
 
-/***/ 847
+/***/ 498
 (__unused_webpack_module, exports) {
 
+var __webpack_unused_export__;
 
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @oncall memory_lab
- */
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.isValidComponentName = isValidComponentName;
-const displayNameBlockList = new Set();
-function isValidComponentName(name) {
-    return name != null && !displayNameBlockList.has(name);
+__webpack_unused_export__ = ({ value: true });
+exports.isVisualizerElement = isVisualizerElement;
+__webpack_unused_export__ = createVisualizerElement;
+__webpack_unused_export__ = tryToAttachOverlay;
+__webpack_unused_export__ = addTrackedListener;
+__webpack_unused_export__ = removeAllListeners;
+__webpack_unused_export__ = debounce;
+const VISUALIZER_DATA_ATTR = 'data-visualizer';
+function setVisualizerElement(element) {
+    element.setAttribute(VISUALIZER_DATA_ATTR, 'true');
+    element.setAttribute('data-visualcompletion', 'ignore');
 }
-
-
-/***/ },
-
-/***/ 953
-(__unused_webpack_module, exports, __webpack_require__) {
-
-
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _EventListenerTracker_instances, _EventListenerTracker_listenerMap, _EventListenerTracker_detachedListeners, _EventListenerTracker_originalAddEventListener, _EventListenerTracker_originalRemoveEventListener, _EventListenerTracker_patchEventListeners, _EventListenerTracker_unpatchEventListeners;
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.EventListenerTracker = void 0;
-const react_fiber_utils_1 = __webpack_require__(737);
-const weak_ref_utils_1 = __webpack_require__(313);
-class EventListenerTracker {
-    constructor() {
-        _EventListenerTracker_instances.add(this);
-        _EventListenerTracker_listenerMap.set(this, void 0);
-        _EventListenerTracker_detachedListeners.set(this, void 0);
-        _EventListenerTracker_originalAddEventListener.set(this, void 0);
-        _EventListenerTracker_originalRemoveEventListener.set(this, void 0);
-        __classPrivateFieldSet(this, _EventListenerTracker_listenerMap, new weak_ref_utils_1.WeakMapPlus({ fallback: 'noop', cleanupMs: 100 }), "f");
-        __classPrivateFieldSet(this, _EventListenerTracker_detachedListeners, new Map(), "f");
-        __classPrivateFieldSet(this, _EventListenerTracker_originalAddEventListener, EventTarget.prototype.addEventListener, "f");
-        __classPrivateFieldSet(this, _EventListenerTracker_originalRemoveEventListener, EventTarget.prototype.removeEventListener, "f");
-        __classPrivateFieldGet(this, _EventListenerTracker_instances, "m", _EventListenerTracker_patchEventListeners).call(this);
-    }
-    static getInstance() {
-        if (!EventListenerTracker.instance) {
-            EventListenerTracker.instance = new EventListenerTracker();
-        }
-        return EventListenerTracker.instance;
+function isVisualizerElement(element) {
+    return element.getAttribute(VISUALIZER_DATA_ATTR) === 'true';
+}
+function createVisualizerElement(tag) {
+    const element = document.createElement(tag);
+    setVisualizerElement(element);
+    return element;
+}
+function tryToAttachOverlay(overlayDiv) {
+    if (document.body) {
+        document.body.appendChild(overlayDiv);
     }
-    addListener(el, type, cb, options) {
-        el.addEventListener(type, cb, options);
+}
+const listenerMap = new WeakMap();
+function addTrackedListener(elRef, type, cb, options) {
+    var _a;
+    const el = elRef.deref();
+    if (!el)
+        return;
+    el.addEventListener(type, cb, options);
+    if (!listenerMap.has(el)) {
+        listenerMap.set(el, []);
     }
-    removeListener(el, type, cb, options) {
+    (_a = listenerMap.get(el)) === null || _a === void 0 ? void 0 : _a.push({ type, cb, options });
+}
+function removeAllListeners(elRef) {
+    const el = elRef.deref();
+    if (!el)
+        return;
+    const listeners = listenerMap.get(el);
+    if (!listeners)
+        return;
+    for (const { type, cb, options } of listeners) {
         el.removeEventListener(type, cb, options);
     }
-    scan(getComponentName) {
-        const detachedListeners = new Map();
-        for (const [el, listeners] of __classPrivateFieldGet(this, _EventListenerTracker_listenerMap, "f").entries()) {
-            if (el instanceof Element && !el.isConnected) {
-                for (const listener of listeners) {
-                    // Skip if the callback has been garbage collected
-                    if (!listener.cb.deref())
-                        continue;
-                    const componentName = getComponentName(new WeakRef(el));
-                    if (!detachedListeners.has(componentName)) {
-                        detachedListeners.set(componentName, []);
-                    }
-                    const groups = detachedListeners.get(componentName);
-                    let group = groups === null || groups === void 0 ? void 0 : groups.find(g => g.type === listener.type);
-                    if (!group) {
-                        group = {
-                            type: listener.type,
-                            count: 0,
-                            entries: [],
-                        };
-                        groups === null || groups === void 0 ? void 0 : groups.push(group);
-                    }
-                    group.count++;
-                    group.entries.push(new WeakRef(listener));
-                }
-            }
-        }
-        __classPrivateFieldSet(this, _EventListenerTracker_detachedListeners, detachedListeners, "f");
-        return detachedListeners;
-    }
-    getDetachedListeners() {
-        return __classPrivateFieldGet(this, _EventListenerTracker_detachedListeners, "f");
-    }
-    destroy() {
-        __classPrivateFieldGet(this, _EventListenerTracker_instances, "m", _EventListenerTracker_unpatchEventListeners).call(this);
-        __classPrivateFieldGet(this, _EventListenerTracker_listenerMap, "f").destroy();
-        __classPrivateFieldGet(this, _EventListenerTracker_detachedListeners, "f").clear();
-        EventListenerTracker.instance = null;
-    }
+    listenerMap.delete(el);
 }
-exports.EventListenerTracker = EventListenerTracker;
-_EventListenerTracker_listenerMap = new WeakMap(), _EventListenerTracker_detachedListeners = new WeakMap(), _EventListenerTracker_originalAddEventListener = new WeakMap(), _EventListenerTracker_originalRemoveEventListener = new WeakMap(), _EventListenerTracker_instances = new WeakSet(), _EventListenerTracker_patchEventListeners = function _EventListenerTracker_patchEventListeners() {
-    // eslint-disable-next-line @typescript-eslint/no-this-alias
-    const self = this;
-    EventTarget.prototype.addEventListener = function (type, listener, options) {
-        var _a;
-        __classPrivateFieldGet(self, _EventListenerTracker_originalAddEventListener, "f").call(this, type, listener, options);
-        if (this instanceof Element) {
-            const fiber = (0, react_fiber_utils_1.getFiberNodeFromElement)(this);
-            const entry = {
-                type,
-                cb: new WeakRef(listener),
-                options,
-                fiber: fiber ? new WeakRef(fiber) : undefined,
-            };
-            const listeners = (_a = __classPrivateFieldGet(self, _EventListenerTracker_listenerMap, "f").get(this)) !== null && _a !== void 0 ? _a : [];
-            listeners.push(entry);
-            __classPrivateFieldGet(self, _EventListenerTracker_listenerMap, "f").set(this, listeners);
-        }
-    };
-    EventTarget.prototype.removeEventListener = function (type, listener, options) {
-        __classPrivateFieldGet(self, _EventListenerTracker_originalRemoveEventListener, "f").call(this, type, listener, options);
-        if (this instanceof Element) {
-            const listeners = __classPrivateFieldGet(self, _EventListenerTracker_listenerMap, "f").get(this);
-            if (listeners) {
-                const index = listeners.findIndex(entry => entry.type === type &&
-                    entry.cb.deref() === listener &&
-                    entry.options === options);
-                if (index !== -1) {
-                    listeners.splice(index, 1);
-                }
-                if (listeners.length === 0) {
-                    __classPrivateFieldGet(self, _EventListenerTracker_listenerMap, "f").delete(this);
-                }
-                else {
-                    __classPrivateFieldGet(self, _EventListenerTracker_listenerMap, "f").set(this, listeners);
-                }
-            }
+function debounce(callback, delay) {
+    let timer = null;
+    return (...args) => {
+        if (timer) {
+            clearTimeout(timer);
         }
+        timer = setTimeout(() => {
+            callback(...args);
+        }, delay);
     };
-}, _EventListenerTracker_unpatchEventListeners = function _EventListenerTracker_unpatchEventListeners() {
-    EventTarget.prototype.addEventListener = __classPrivateFieldGet(this, _EventListenerTracker_originalAddEventListener, "f");
-    EventTarget.prototype.removeEventListener =
-        __classPrivateFieldGet(this, _EventListenerTracker_originalRemoveEventListener, "f");
-};
-EventListenerTracker.instance = null;
+}
 
 
 /***/ }