@memlab/lens 1.0.1 → 1.0.3

package/dist/memlens.run.bundle.js

@@ -1,3 +1,28 @@
+/**
+ * @license MemLab
+ * MIT License
+ * 
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ * 
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ * 
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * 
+ */
 /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
@@ -40,15 +65,25 @@ class DOMVisualizationExtension extends basic_extension_1.BasicExtension {
     }
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     afterScan(_analysisResult) {
+        var _a;
         // const start = Date.now();
         const scanner = this.scanner;
         if (scanner.isDevMode()) {
             const detachedDOMInfo = scanner.getDetachedDOMInfo();
-            __classPrivateFieldGet(this, _DOMVisualizationExtension_domVirtualizer, "f").repaint(detachedDOMInfo);
+            (_a = __classPrivateFieldGet(this, _DOMVisualizationExtension_domVirtualizer, "f")) === null || _a === void 0 ? void 0 : _a.repaint(detachedDOMInfo);
         }
         // const end = Date.now();
         // console.log(`repaint took ${end - start}ms`);
     }
+    cleanup() {
+        // Clean up the visualizer to prevent memory leaks
+        if (__classPrivateFieldGet(this, _DOMVisualizationExtension_domVirtualizer, "f") &&
+            typeof __classPrivateFieldGet(this, _DOMVisualizationExtension_domVirtualizer, "f").cleanup === 'function') {
+            __classPrivateFieldGet(this, _DOMVisualizationExtension_domVirtualizer, "f").cleanup();
+        }
+        // Clear the reference
+        __classPrivateFieldSet(this, _DOMVisualizationExtension_domVirtualizer, null, "f");
+    }
 }
 exports.DOMVisualizationExtension = DOMVisualizationExtension;
 _DOMVisualizationExtension_domVirtualizer = new WeakMap();
@@ -151,7 +186,7 @@ class DOMObserver {
             if (document.body) {
                 // observe changes in DOM tree
                 (_a = __classPrivateFieldGet(this, _DOMObserver_mutationObserver, "f")) === null || _a === void 0 ? void 0 : _a.observe(document.body, {
-                    childList: true, // Detect direct additions/removals
+                    childList: true,
                     subtree: true, // Observe all descendants
                 });
             }
@@ -275,11 +310,15 @@ class DOMElementVisualizer {
         _DOMElementVisualizer_canvas.set(this, void 0);
         __classPrivateFieldSet(this, _DOMElementVisualizer_canvas, null, "f");
     }
+    cleanup() {
+        __classPrivateFieldGet(this, _DOMElementVisualizer_instances, "m", _DOMElementVisualizer_cleanup).call(this);
+    }
     repaint(domElementInfoList) {
         __classPrivateFieldGet(this, _DOMElementVisualizer_instances, "m", _DOMElementVisualizer_cleanup).call(this);
         __classPrivateFieldGet(this, _DOMElementVisualizer_instances, "m", _DOMElementVisualizer_paint).call(this, domElementInfoList);
     }
 }
+exports["default"] = DOMElementVisualizer;
 _DOMElementVisualizer_canvas = new WeakMap(), _DOMElementVisualizer_instances = new WeakSet(), _DOMElementVisualizer_paint = function _DOMElementVisualizer_paint(domElementInfoList) {
     if (!__classPrivateFieldGet(this, _DOMElementVisualizer_canvas, "f")) {
         const canvas = __classPrivateFieldGet(this, _DOMElementVisualizer_instances, "m", _DOMElementVisualizer_createAndAppendCanvas).call(this);
@@ -370,7 +409,6 @@ _DOMElementVisualizer_canvas = new WeakMap(), _DOMElementVisualizer_instances =
     }
     __classPrivateFieldSet(this, _DOMElementVisualizer_canvas, null, "f");
 };
-exports["default"] = DOMElementVisualizer;
 
 
 /***/ }),
@@ -433,7 +471,24 @@ class DOMElementVisualizerInteractive extends dom_element_visualizer_1.default {
         (0, visual_utils_1.tryToAttachOverlay)(__classPrivateFieldGet(this, _DOMElementVisualizerInteractive_visualizationOverlayDiv, "f"));
         // tryToAttachOverlay(this.#controlWidget);
     }
+    cleanup() {
+        // Clean up the visualization overlay
+        if (__classPrivateFieldGet(this, _DOMElementVisualizerInteractive_visualizationOverlayDiv, "f")) {
+            __classPrivateFieldGet(this, _DOMElementVisualizerInteractive_visualizationOverlayDiv, "f").remove();
+        }
+        // Clean up the control widget
+        if (__classPrivateFieldGet(this, _DOMElementVisualizerInteractive_controlWidget, "f")) {
+            __classPrivateFieldGet(this, _DOMElementVisualizerInteractive_controlWidget, "f").remove();
+        }
+        // Clear all element references
+        __classPrivateFieldGet(this, _DOMElementVisualizerInteractive_elementIdToRectangle, "f").clear();
+        __classPrivateFieldGet(this, _DOMElementVisualizerInteractive_blockedElementIds, "f").clear();
+        __classPrivateFieldSet(this, _DOMElementVisualizerInteractive_updateDataCallbacks, [], "f");
+        // Call parent cleanup
+        super.cleanup();
+    }
 }
+exports["default"] = DOMElementVisualizerInteractive;
 _DOMElementVisualizerInteractive_elementIdToRectangle = new WeakMap(), _DOMElementVisualizerInteractive_visualizationOverlayDiv = new WeakMap(), _DOMElementVisualizerInteractive_controlWidget = new WeakMap(), _DOMElementVisualizerInteractive_blockedElementIds = new WeakMap(), _DOMElementVisualizerInteractive_currentVisualData = new WeakMap(), _DOMElementVisualizerInteractive_hideAllRef = new WeakMap(), _DOMElementVisualizerInteractive_updateDataCallbacks = new WeakMap(), _DOMElementVisualizerInteractive_instances = new WeakSet(), _DOMElementVisualizerInteractive_listenToKeyboardEvent = function _DOMElementVisualizerInteractive_listenToKeyboardEvent() {
     document.addEventListener('keydown', event => {
         if (event.key === 'd' || event.key === 'D') {
@@ -678,7 +733,6 @@ _DOMElementVisualizerInteractive_elementIdToRectangle = new WeakMap(), _DOMEleme
         cb(Object.assign({}, __classPrivateFieldGet(this, _DOMElementVisualizerInteractive_currentVisualData, "f")));
     }
 };
-exports["default"] = DOMElementVisualizerInteractive;
 
 
 /***/ }),
@@ -703,23 +757,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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");
@@ -745,7 +789,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 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_log, _ReactMemoryScan_notifySubscribers, _ReactMemoryScan_notifyExtensionsBeforeScan, _ReactMemoryScan_notifyExtensionsAfterScan, _ReactMemoryScan_scanCycle, _ReactMemoryScan_updateElementToComponentInfo, _ReactMemoryScan_getTrackedDOMRefs, _ReactMemoryScan_runGC, _ReactMemoryScan_scanEventListenerLeaks;
+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));
@@ -770,6 +814,7 @@ class ReactMemoryScan {
         _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");
@@ -778,8 +823,9 @@ class ReactMemoryScan {
         __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_intervalId, 0, "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");
@@ -800,6 +846,10 @@ class ReactMemoryScan {
         __classPrivateFieldSet(this, _ReactMemoryScan_extensions, __classPrivateFieldGet(this, _ReactMemoryScan_extensions, "f").filter(e => e !== extension), "f");
     }
     start() {
+        if (__classPrivateFieldGet(this, _ReactMemoryScan_isDisposed, "f")) {
+            console.warn('[Memory] ReactMemoryScan has been disposed and cannot be started again');
+            return;
+        }
         __classPrivateFieldSet(this, _ReactMemoryScan_isActivated, true, "f");
         __classPrivateFieldSet(this, _ReactMemoryScan_intervalId, setInterval(__classPrivateFieldGet(this, _ReactMemoryScan_instances, "m", _ReactMemoryScan_scanCycle).bind(this), __classPrivateFieldGet(this, _ReactMemoryScan_scanIntervalMs, "f")), "f");
         if (config_1.config.features.enableMutationObserver) {
@@ -818,11 +868,45 @@ class ReactMemoryScan {
         __classPrivateFieldSet(this, _ReactMemoryScan_isActivated, false, "f");
     }
     stop() {
-        var _a;
         __classPrivateFieldSet(this, _ReactMemoryScan_isActivated, false, "f");
-        clearInterval(__classPrivateFieldGet(this, _ReactMemoryScan_intervalId, "f"));
+        // Clear the interval
+        if (__classPrivateFieldGet(this, _ReactMemoryScan_intervalId, "f") !== null) {
+            clearInterval(__classPrivateFieldGet(this, _ReactMemoryScan_intervalId, "f"));
+            __classPrivateFieldSet(this, _ReactMemoryScan_intervalId, null, "f");
+        }
+        // Clear element references to allow garbage collection
         __classPrivateFieldSet(this, _ReactMemoryScan_elementWeakRefs, [], "f");
-        (_a = __classPrivateFieldGet(this, _ReactMemoryScan_domObserver, "f")) === null || _a === void 0 ? void 0 : _a.stopMonitoring();
+        __classPrivateFieldSet(this, _ReactMemoryScan_knownFiberNodes, [], "f");
+        // Stop DOM observer
+        if (__classPrivateFieldGet(this, _ReactMemoryScan_domObserver, "f")) {
+            __classPrivateFieldGet(this, _ReactMemoryScan_domObserver, "f").stopMonitoring();
+            __classPrivateFieldSet(this, _ReactMemoryScan_domObserver, null, "f");
+        }
+        // Clear WeakMaps to allow garbage collection
+        __classPrivateFieldSet(this, _ReactMemoryScan_elementToBoundingRects, new WeakMap(), "f");
+        __classPrivateFieldSet(this, _ReactMemoryScan_elementToComponentStack, new WeakMap(), "f");
+        console.log('[Memory] ReactMemoryScan stopped');
+    }
+    dispose() {
+        // Stop all monitoring
+        this.stop();
+        // Clear all subscribers
+        __classPrivateFieldSet(this, _ReactMemoryScan_subscribers, [], "f");
+        // Clean up all extensions
+        for (const extension of __classPrivateFieldGet(this, _ReactMemoryScan_extensions, "f")) {
+            if (extension && typeof extension.cleanup === 'function') {
+                extension.cleanup();
+            }
+        }
+        __classPrivateFieldSet(this, _ReactMemoryScan_extensions, [], "f");
+        // Dispose event listener tracker if it exists
+        if (__classPrivateFieldGet(this, _ReactMemoryScan_eventListenerTracker, "f")) {
+            __classPrivateFieldGet(this, _ReactMemoryScan_eventListenerTracker, "f").destroy();
+            __classPrivateFieldSet(this, _ReactMemoryScan_eventListenerTracker, null, "f");
+        }
+        // Mark as disposed to prevent reuse
+        __classPrivateFieldSet(this, _ReactMemoryScan_isDisposed, true, "f");
+        console.log('[Memory] ReactMemoryScan disposed');
     }
     recordBoundingRectangles(elementRefs) {
         for (const elemRef of elementRefs) {
@@ -952,7 +1036,8 @@ class ReactMemoryScan {
         return scanResult;
     }
 }
-_ReactMemoryScan_elementWeakRefs = new WeakMap(), _ReactMemoryScan_isActivated = new WeakMap(), _ReactMemoryScan_intervalId = new WeakMap(), _ReactMemoryScan_elementToBoundingRects = new WeakMap(), _ReactMemoryScan_elementToComponentStack = new WeakMap(), _ReactMemoryScan_knownFiberNodes = new WeakMap(), _ReactMemoryScan_fiberAnalyzer = new WeakMap(), _ReactMemoryScan_isDevMode = new WeakMap(), _ReactMemoryScan_subscribers = new WeakMap(), _ReactMemoryScan_extensions = new WeakMap(), _ReactMemoryScan_scanIntervalMs = new WeakMap(), _ReactMemoryScan_domObserver = new WeakMap(), _ReactMemoryScan_eventListenerTracker = new WeakMap(), _ReactMemoryScan_instances = new WeakSet(), _ReactMemoryScan_log = function _ReactMemoryScan_log(...args) {
+exports["default"] = ReactMemoryScan;
+_ReactMemoryScan_elementWeakRefs = new WeakMap(), _ReactMemoryScan_isActivated = new WeakMap(), _ReactMemoryScan_intervalId = new WeakMap(), _ReactMemoryScan_elementToBoundingRects = new WeakMap(), _ReactMemoryScan_elementToComponentStack = new WeakMap(), _ReactMemoryScan_knownFiberNodes = new WeakMap(), _ReactMemoryScan_fiberAnalyzer = new WeakMap(), _ReactMemoryScan_isDevMode = new WeakMap(), _ReactMemoryScan_subscribers = new WeakMap(), _ReactMemoryScan_extensions = new WeakMap(), _ReactMemoryScan_scanIntervalMs = new WeakMap(), _ReactMemoryScan_domObserver = new WeakMap(), _ReactMemoryScan_eventListenerTracker = new WeakMap(), _ReactMemoryScan_isDisposed = new WeakMap(), _ReactMemoryScan_instances = new WeakSet(), _ReactMemoryScan_log = function _ReactMemoryScan_log(...args) {
     if (__classPrivateFieldGet(this, _ReactMemoryScan_isDevMode, "f") && config_1.config.features.enableConsoleLogs) {
         utils.consoleLog(...args);
     }
@@ -1032,7 +1117,6 @@ _ReactMemoryScan_elementWeakRefs = new WeakMap(), _ReactMemoryScan_isActivated =
     return eventListenerLeaks;
 };
 ReactMemoryScan.nextElementId = 0;
-exports["default"] = ReactMemoryScan;
 class LeakedFiber {
     constructor(fiber) {
         this.leakedFiber = fiber;
@@ -1062,23 +1146,13 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
@@ -1197,17 +1271,7 @@ exports["default"] = ReactFiberAnalyzer;
  */
 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;
+exports.WeakMapPlus = exports.isWeakAPINative = exports.isWeakRefNative = exports.isWeakSetNative = exports.isWeakMapNative = exports.getNativeWeakRefOrFallback = exports.getNativeWeakRef = exports.getNativeWeakSetOrFallback = exports.getNativeWeakSet = exports.getNativeWeakMapOrFallback = exports.getNativeWeakMap = exports.WeakMapNoOp = exports.WeakSetNoOp = exports.WeakRefNoOp = void 0;
 const globalScope = typeof window !== 'undefined' ? window : self;
 const _weakMap = (_a = globalScope.WeakMap) !== null && _a !== void 0 ? _a : null;
 const _weakMapIsNative = isWeakMapNative();
@@ -1271,21 +1335,27 @@ exports.WeakMapNoOp = WeakMapNoOp;
 function getNativeWeakMap() {
     return _weakMapIsNative ? _weakMap : null;
 }
+exports.getNativeWeakMap = getNativeWeakMap;
 function getNativeWeakMapOrFallback() {
     return _weakMapIsNative && _weakMap ? _weakMap : WeakMapNoOp;
 }
+exports.getNativeWeakMapOrFallback = getNativeWeakMapOrFallback;
 function getNativeWeakSet() {
     return _weakSetIsNative ? _weakSet : null;
 }
+exports.getNativeWeakSet = getNativeWeakSet;
 function getNativeWeakSetOrFallback() {
     return _weakSetIsNative && _weakSet ? _weakSet : WeakSetNoOp;
 }
+exports.getNativeWeakSetOrFallback = getNativeWeakSetOrFallback;
 function getNativeWeakRef() {
     return _weakRefIsNative ? _weakRef : null;
 }
+exports.getNativeWeakRef = getNativeWeakRef;
 function getNativeWeakRefOrFallback() {
     return _weakRefIsNative && _weakRef ? _weakRef : WeakRefNoOp;
 }
+exports.getNativeWeakRefOrFallback = getNativeWeakRefOrFallback;
 function normalize(input) {
     return typeof input.replace === 'function'
         ? input.replace(/\n/g, ' ').replace(/\s+/g, ' ')
@@ -1296,19 +1366,23 @@ function isWeakMapNative() {
         typeof _weakMap.toString === 'function' &&
         normalize(_weakMap.toString()) === 'function WeakMap() { [native code] }');
 }
+exports.isWeakMapNative = isWeakMapNative;
 function isWeakSetNative() {
     return (_weakSet !== null &&
         typeof _weakSet.toString === 'function' &&
         normalize(_weakSet.toString()) === 'function WeakSet() { [native code] }');
 }
+exports.isWeakSetNative = isWeakSetNative;
 function isWeakRefNative() {
     return (_weakRef !== null &&
         typeof _weakRef.toString === 'function' &&
         normalize(_weakRef.toString()) === 'function WeakRef() { [native code] }');
 }
+exports.isWeakRefNative = isWeakRefNative;
 function isWeakAPINative() {
     return _weakAPIsAreNative;
 }
+exports.isWeakAPINative = isWeakAPINative;
 class WeakMapPlus {
     constructor(options = {}) {
         this.strongMap = null;
@@ -1465,7 +1539,7 @@ exports.WeakMapPlus = WeakMapPlus;
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.createControlWidget = createControlWidget;
+exports.createControlWidget = void 0;
 const visual_utils_1 = __webpack_require__(498);
 const status_text_1 = __webpack_require__(775);
 const toggle_button_1 = __webpack_require__(946);
@@ -1505,6 +1579,7 @@ function createControlWidget(overlayDiv, hideAllRef, registerDataUpdateCallback)
     header.appendChild(statusText);
     return controlWidget;
 }
+exports.createControlWidget = createControlWidget;
 function supportDragging(controlWidget) {
     let isDragging = false;
     let offsetX = 0;
@@ -1577,7 +1652,7 @@ exports.config = {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.createOverlayDiv = createOverlayDiv;
+exports.createOverlayDiv = void 0;
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -1596,6 +1671,7 @@ function createOverlayDiv() {
     overlayDiv.id = 'memory-visualization-overlay';
     return overlayDiv;
 }
+exports.createOverlayDiv = createOverlayDiv;
 
 
 /***/ }),
@@ -1605,16 +1681,7 @@ function createOverlayDiv() {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.getDOMElements = getDOMElements;
-exports.getDOMElementCount = getDOMElementCount;
-exports.getMeaningfulName = getMeaningfulName;
-exports.isMinifiedName = isMinifiedName;
-exports.addCountbyKey = addCountbyKey;
-exports.updateWeakRefList = updateWeakRefList;
-exports.getBoundingClientRect = getBoundingClientRect;
-exports.consoleLog = consoleLog;
-exports.hasRunInSession = hasRunInSession;
-exports.setRunInSession = setRunInSession;
+exports.setRunInSession = exports.hasRunInSession = exports.consoleLog = exports.getBoundingClientRect = exports.updateWeakRefList = exports.addCountbyKey = exports.isMinifiedName = exports.getMeaningfulName = exports.getDOMElementCount = exports.getDOMElements = void 0;
 const visual_utils_1 = __webpack_require__(498);
 function getDOMElements() {
     const elements = Array.from(document.querySelectorAll('*'));
@@ -1627,6 +1694,7 @@ function getDOMElements() {
     }
     return ret;
 }
+exports.getDOMElements = getDOMElements;
 function getDOMElementCount() {
     const elements = Array.from(document.querySelectorAll('*'));
     let ret = 0;
@@ -1638,6 +1706,7 @@ function getDOMElementCount() {
     }
     return ret;
 }
+exports.getDOMElementCount = getDOMElementCount;
 function getMeaningfulName(name) {
     if (name == null) {
         return null;
@@ -1645,6 +1714,7 @@ function getMeaningfulName(name) {
     const isMinified = isMinifiedName(name);
     return isMinified ? null : name;
 }
+exports.getMeaningfulName = getMeaningfulName;
 /**
  * Determines if a given function or class name is minified.
  *
@@ -1667,10 +1737,12 @@ function isMinifiedName(name) {
     const hasMeaningfulPattern = /^[A-Z][a-z]+([A-Z][a-z]*)*$|^[a-z]+([A-Z][a-z]*)*$/.test(name);
     return !hasMeaningfulPattern;
 }
+exports.isMinifiedName = isMinifiedName;
 function addCountbyKey(map, key, count) {
     var _a;
     map.set(key, ((_a = map.get(key)) !== null && _a !== void 0 ? _a : 0) + count);
 }
+exports.addCountbyKey = addCountbyKey;
 function updateWeakRefList(weakRefList, elementRefs) {
     consolidateWeakRefList(weakRefList);
     const set = getElementsSet(weakRefList);
@@ -1684,6 +1756,7 @@ function updateWeakRefList(weakRefList, elementRefs) {
     }
     return weakRefList;
 }
+exports.updateWeakRefList = updateWeakRefList;
 function getElementsSet(weakRefList) {
     const set = new Set();
     for (const weakRef of weakRefList) {
@@ -1740,11 +1813,13 @@ function getBoundingClientRect(element) {
     ret.scrollTop = scrollTop;
     return ret;
 }
+exports.getBoundingClientRect = getBoundingClientRect;
 const _console = console;
 const _consoleLog = _console.log;
 function consoleLog(...args) {
     _consoleLog.apply(_console, args);
 }
+exports.consoleLog = consoleLog;
 const SESSION_STORAGE_KEY = 'memory_lens_session';
 function isSessionStorageAvailable() {
     try {
@@ -1768,6 +1843,7 @@ function hasRunInSession() {
         return false;
     }
 }
+exports.hasRunInSession = hasRunInSession;
 function setRunInSession() {
     if (!isSessionStorageAvailable()) {
         return;
@@ -1779,6 +1855,7 @@ function setRunInSession() {
         // do nothing
     }
 }
+exports.setRunInSession = setRunInSession;
 
 
 /***/ }),
@@ -1788,12 +1865,7 @@ function setRunInSession() {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.isVisualizerElement = isVisualizerElement;
-exports.createVisualizerElement = createVisualizerElement;
-exports.tryToAttachOverlay = tryToAttachOverlay;
-exports.addTrackedListener = addTrackedListener;
-exports.removeAllListeners = removeAllListeners;
-exports.debounce = debounce;
+exports.debounce = exports.removeAllListeners = exports.addTrackedListener = exports.tryToAttachOverlay = exports.createVisualizerElement = exports.isVisualizerElement = void 0;
 const VISUALIZER_DATA_ATTR = 'data-visualizer';
 function setVisualizerElement(element) {
     element.setAttribute(VISUALIZER_DATA_ATTR, 'true');
@@ -1802,16 +1874,19 @@ function setVisualizerElement(element) {
 function isVisualizerElement(element) {
     return element.getAttribute(VISUALIZER_DATA_ATTR) === 'true';
 }
+exports.isVisualizerElement = isVisualizerElement;
 function createVisualizerElement(tag) {
     const element = document.createElement(tag);
     setVisualizerElement(element);
     return element;
 }
+exports.createVisualizerElement = createVisualizerElement;
 function tryToAttachOverlay(overlayDiv) {
     if (document.body) {
         document.body.appendChild(overlayDiv);
     }
 }
+exports.tryToAttachOverlay = tryToAttachOverlay;
 const listenerMap = new WeakMap();
 function addTrackedListener(elRef, type, cb, options) {
     var _a;
@@ -1824,6 +1899,7 @@ function addTrackedListener(elRef, type, cb, options) {
     }
     (_a = listenerMap.get(el)) === null || _a === void 0 ? void 0 : _a.push({ type, cb, options });
 }
+exports.addTrackedListener = addTrackedListener;
 function removeAllListeners(elRef) {
     const el = elRef.deref();
     if (!el)
@@ -1836,6 +1912,7 @@ function removeAllListeners(elRef) {
     }
     listenerMap.delete(el);
 }
+exports.removeAllListeners = removeAllListeners;
 function debounce(callback, delay) {
     let timer = null;
     return (...args) => {
@@ -1847,6 +1924,7 @@ function debounce(callback, delay) {
         }, delay);
     };
 }
+exports.debounce = debounce;
 
 
 /***/ }),
@@ -1856,7 +1934,7 @@ function debounce(callback, delay) {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.createOverlayRectangle = createOverlayRectangle;
+exports.createOverlayRectangle = void 0;
 const intersection_observer_1 = __webpack_require__(979);
 const visual_utils_1 = __webpack_require__(498);
 const MAX_Z_INDEX = `${Math.pow(2, 30) - 1}`;
@@ -1959,6 +2037,7 @@ function createOverlayRectangle(elementId, info, container, setSelectedId, setUn
     container.appendChild(div);
     return divRef;
 }
+exports.createOverlayRectangle = createOverlayRectangle;
 function styleOnInteraction(divRef, state) {
     const div = divRef.deref();
     if (div == null) {
@@ -1990,12 +2069,7 @@ function styleOnInteraction(divRef, state) {
 
 
 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;
+exports.extractReactComponentName = exports.isFunctionalComponent = exports.getDisplayNameOfFiberNode = exports.getReactComponentStack = exports.getFiberNodeFromElement = 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;
 const utils_1 = __webpack_require__(476);
 const valid_component_name_1 = __webpack_require__(847);
 exports.ClassComponentTag = 1;
@@ -2097,8 +2171,8 @@ const traverseFiber = (fiber, selector, ascending = false) => {
 exports.traverseFiber = traverseFiber;
 // React internal property keys
 const internalKeys = [
-    '__reactFiber$', // React 17+
-    '__reactInternalInstance$', // React 16
+    '__reactFiber$',
+    '__reactInternalInstance$',
     '_reactRootContainer', // React Root
 ];
 const getOwnPropertyNames = Object.getOwnPropertyNames.bind(Object);
@@ -2112,6 +2186,7 @@ function getFiberNodeFromElement(element) {
     }
     return null;
 }
+exports.getFiberNodeFromElement = getFiberNodeFromElement;
 function getReactComponentStack(node) {
     const stack = [];
     const visited = new Set();
@@ -2129,6 +2204,7 @@ function getReactComponentStack(node) {
     }
     return stack;
 }
+exports.getReactComponentStack = getReactComponentStack;
 function getDisplayNameOfFiberNode(node) {
     var _a, _b, _c, _d;
     const elementType = (_a = node.type) !== null && _a !== void 0 ? _a : node.elementType;
@@ -2153,10 +2229,12 @@ function getDisplayNameOfFiberNode(node) {
     const ret = (0, utils_1.getMeaningfulName)(extractReactComponentName(displayName));
     return (0, valid_component_name_1.isValidComponentName)(ret) ? ret : null;
 }
+exports.getDisplayNameOfFiberNode = getDisplayNameOfFiberNode;
 function isFunctionalComponent(node) {
     const elementType = node === null || node === void 0 ? void 0 : node.elementType;
     return typeof elementType === 'function';
 }
+exports.isFunctionalComponent = isFunctionalComponent;
 // dom-element [from component.react] --> component.react
 function extractReactComponentName(displayName) {
     if (typeof displayName !== 'string') {
@@ -2176,6 +2254,7 @@ function extractReactComponentName(displayName) {
     }
     return name;
 }
+exports.extractReactComponentName = extractReactComponentName;
 
 
 /***/ }),
@@ -2185,7 +2264,7 @@ function extractReactComponentName(displayName) {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.createStatusText = createStatusText;
+exports.createStatusText = void 0;
 const visual_utils_1 = __webpack_require__(498);
 function formatBytes(bytes) {
     if (bytes === 0)
@@ -2219,6 +2298,7 @@ function createStatusText(registerDataUpdateCallback) {
     });
     return statusWidget;
 }
+exports.createStatusText = createStatusText;
 
 
 /***/ }),
@@ -2237,11 +2317,12 @@ function createStatusText(registerDataUpdateCallback) {
  * @oncall memory_lab
  */
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.isValidComponentName = isValidComponentName;
+exports.isValidComponentName = void 0;
 const displayNameBlockList = new Set();
 function isValidComponentName(name) {
     return name != null && !displayNameBlockList.has(name);
 }
+exports.isValidComponentName = isValidComponentName;
 
 
 /***/ }),
@@ -2287,7 +2368,7 @@ exports.BasicExtension = BasicExtension;
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.createComponentStackPanel = createComponentStackPanel;
+exports.createComponentStackPanel = void 0;
 const visual_utils_1 = __webpack_require__(498);
 function createComponentStackPanel(registerDataUpdateCallback) {
     const panel = (0, visual_utils_1.createVisualizerElement)('div');
@@ -2320,12 +2401,13 @@ function createComponentStackPanel(registerDataUpdateCallback) {
         if (pinned) {
             return;
         }
-        panel.style.display = data.selectedElementId != null ? 'flex' : 'none';
         panel.innerHTML = '';
         if (data.selectedElementId == null ||
             !((_a = data.selectedReactComponentStack) === null || _a === void 0 ? void 0 : _a.length)) {
+            panel.style.display = 'none';
             return;
         }
+        panel.style.display = 'flex';
         const title = (0, visual_utils_1.createVisualizerElement)('div');
         title.textContent = 'Component Stack:';
         title.style.fontWeight = 'bold';
@@ -2345,6 +2427,7 @@ function createComponentStackPanel(registerDataUpdateCallback) {
     }, 1));
     return panel;
 }
+exports.createComponentStackPanel = createComponentStackPanel;
 
 
 /***/ }),
@@ -2385,7 +2468,7 @@ if (!(0, utils_1.hasRunInSession)()) {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.createToggleButton = createToggleButton;
+exports.createToggleButton = void 0;
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -2436,6 +2519,7 @@ function createToggleButton(overlayDiv, hideAllRef) {
     });
     return toggleWrapper;
 }
+exports.createToggleButton = createToggleButton;
 
 
 /***/ }),