@memlab/lens 1.0.2 → 2.0.0

package/README.md

@@ -1,63 +1,161 @@
 # MemLens
 
-## What is this?
+MemLens is a lightweight, in-browser lens for spotting memory issues in React apps. It detects and visualizes:
 
-MemLens is a debugging tool that helps identify memory leaks in React applications. It tracks:
+- Detached DOM elements still retained in memory
+- Unmounted React Fiber nodes that may indicate leaks
+- Event listener leaks (optional)
+- High-level DOM and heap usage stats (overlay header)
 
-- Detached DOM elements that are no longer connected to the document but still held in memory
-- Unmounted React Fiber nodes that haven't been properly cleaned up
-- Memory usage patterns and growth over time
+It can run as a one-line console snippet or as a small library you embed in dev builds.
 
-The tool provides:
+### Key features
 
-1. Real-time memory monitoring through the browser console
-2. Visual representation of problematic DOM elements and React components
-3. Memory usage statistics and trends
+- **Visual overlay**: Highlights detached DOM elements; interactive panel shows counts and the React component stack for the selected element
+- **React Fiber analysis**: Scans the fiber tree to attribute elements to components
+- **Event listener leak scan (opt-in)**: Groups leaked listeners by component and type
+- **Non-intrusive**: Uses a transparent overlay and avoids tracking its own UI
 
-This can help developers identify:
-- Components that aren't properly cleaned up
+### Browser support
 
-## How to Build?
+- Requires browsers with WeakRef/FinalizationRegistry support (e.g. modern Chrome, Edge, Safari, Firefox). In older browsers the tool may not function.
+
+---
+
+### Quick start
+
+#### Option A: Run from the browser console (CDN)
+
+Paste this in your app page:
+
+```js
+(() => {
+  const s = document.createElement('script');
+  s.src = 'https://unpkg.com/@memlab/lens/dist/memlens.run.bundle.min.js';
+  s.crossOrigin = 'anonymous';
+  document.head.appendChild(s);
+})();
+```
+
+This injects and starts MemLens with the interactive overlay.
+
+#### Option B: Run from the browser console (local build)
+
+Copy the contents of `packages/lens/dist/memlens.run.bundle.min.js` (or `packages/lens/dist/memlens.run.bundle.js`) and paste into the browser's web console. The overlay starts immediately.
+
+#### Option C: Programmatic scanner (UMD global)
+
+Load the library bundle and use the `MemLens` global:
+
+```html
+<script src="https://unpkg.com/@memlab/lens/dist/memlens.lib.bundle.min.js"></script>
+<script>
+  // Create a scanner (no overlay by default; use the run bundle for overlay)
+  const scan = MemLens.createReactMemoryScan({
+    isDevMode: true,
+    scanIntervalMs: 1000,
+    trackEventListenerLeaks: true, // optional
+  });
+
+  const unsubscribe = scan.subscribe((result) => {
+    console.log('[MemLens]', {
+      totalElements: result.totalElements,
+      detached: result.totalDetachedElements,
+      eventListenerLeaks: result.eventListenerLeaks,
+    });
+  });
+
+  scan.start();
+
+  // Later: scan.stop(); unsubscribe(); scan.dispose();
+</script>
+```
+
+Note: The visualization overlay is provided by the self-starting "run" bundle (Option A/B/D). The library bundle focuses on scanning APIs.
+
+#### Option D: Node/Puppeteer injection
+
+`@memlab/lens` exposes a helper to retrieve the self-starting bundle as a string for script injection:
+
+```js
+// Node
+const {getBundleContent} = require('@memlab/lens');
+
+// Puppeteer example
+await page.addScriptTag({content: getBundleContent()});
+```
+
+---
+
+### Overlay controls and interactions
+
+- **Toggle switch**: Show/hide all overlay rectangles
+- **Select/pin**: Click a rectangle to pin/unpin the current selection
+- **Hover**: Reveal the selection chain of related detached elements
+- **Component stack panel**: Shows the React component stack of the selected element
+- **Keyboard**: Press `D` to temporarily ignore the currently selected element in the overlay
+- **Widget**: The control widget is draggable
+
+Notes:
+- The overlay ignores its own UI elements and won’t count them as part of the page.
+- In dev mode, MemLens logs basic timing and scan stats to the console.
+
+---
+
+### Configuration (CreateOptions)
+
+```ts
+type CreateOptions = {
+  isDevMode?: boolean;                // enable console logs and dev-only behaviors
+  subscribers?: Array<(r) => void>;   // observers of each scan result
+  extensions?: Array<BasicExtension>; // e.g., DOMVisualizationExtension
+  scanIntervalMs?: number;            // default ~1000ms
+  trackEventListenerLeaks?: boolean;  // enable listener leak scanning
+};
+```
+
+Core API (`ReactMemoryScan`):
+- `start()`, `pause()`, `stop()`, `dispose()`
+- `subscribe(cb) => () => void`
+- `registerExtension(ext) => () => void`
+
+---
+
+### Build
 
 ```bash
+# from packages/lens
+npm run build
+# or
 webpack
 ```
 
-## How to Test?
+### Test
 
-1. Install Playwright
+1) Install Playwright dependencies (first time):
 
 ```bash
 npx playwright install
 npx playwright install-deps
 ```
 
-2. Run the test
+2) Run tests:
 
 ```bash
 npm run test:e2e
 ```
 
-3. Test manually by copying and pasting the content of `dist/run.bundle.js`
-into web console
-
-
-## TODO List
- * Note that document.querySelectorAll('*') only captures DOM elements on the DOM tree
-   * So the DOM tree scanning and component name analysis must be done in a frequent interval (every 10s or so)
- * Extensible framework for tracking additional metadata
- * Auto diffing and counting detached Element and unmounted Fiber nodes
-   * being able to summarize the leaked components that was not reported (this can reduce the report overhead)
- * Improve the DOM visualizer - only visualize the common ancestors of the detached DOM elements and unmounted fiber nodes
- * Improving the scanning efficiency so that the overhead is minimal in production environment
- * Improve the fiber tree traversal efficiency (there are redundant traversals right now)
- * Not only keep track of detached DOM elements, but also keep track of unmounted fiber nodes in WeakMap and WeakSet
- * DOM visualizer is leaking canvas DOM elements after each scan
- * Monitor event listener leaks?
- * Real-time memory usage graphs
- * Real-time component count and other react memory scan obtained stats graphs
- * Component re-render heat maps
- * Interactive component tree navigation
- * Browser extension integration
- * centralized config file
- * centralized exception handling
+3) Manual test: open `src/tests/manual/todo-list/todo-with-run.bundle.html` in a browser, or copy/paste `dist/memlens.run.bundle.js` to the DevTools console on any React page.
+
+---
+
+### Learn more
+
+Please check out this
+[tutorial page](https://facebook.github.io/memlab/docs/guides/visually-debug-memory-leaks-with-memlens)
+on how to use MemLens (a debugging utility) to visualize memory leaks in the
+browser for easier memory debugging.
+
+### License
+
+MIT © Meta Platforms, Inc.

package/dist/core/react-memory-scan.d.ts

@@ -21,6 +21,7 @@ export default class ReactMemoryScan {
     start(): void;
     pause(): void;
     stop(): void;
+    dispose(): void;
     recordBoundingRectangles(elementRefs: Array<WeakRef<Element>>): void;
     getDetachedDOMInfo(): Array<DOMElementInfo>;
     isDevMode(): boolean;

package/dist/extensions/dom-visualization-extension.d.ts

@@ -14,4 +14,5 @@ export declare class DOMVisualizationExtension extends BasicExtension {
     #private;
     constructor(scanner: ReactMemoryScan);
     afterScan(_analysisResult: AnalysisResult): void;
+    cleanup(): void;
 }

package/dist/index.js

@@ -2,22 +2,22 @@
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 3:
-/***/ ((module) => {
+/***/ 3
+(module) {
 
 module.exports = require("path");
 
-/***/ }),
+/***/ },
 
-/***/ 383:
-/***/ ((module) => {
+/***/ 383
+(module) {
 
 module.exports = require("fs");
 
-/***/ }),
+/***/ },
 
-/***/ 783:
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+/***/ 783
+(__unused_webpack_module, exports, __webpack_require__) {
 
 
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
@@ -68,11 +68,11 @@ const fs = __importStar(__webpack_require__(383));
 const path = __importStar(__webpack_require__(3));
 function getBundleContent() {
     const bundlePath = path.join(__dirname, 'memlens.run.bundle.min.js');
-    return fs.readFileSync(bundlePath, 'utf-8');
+    return fs.readFileSync(bundlePath, { encoding: 'utf8' });
 }
 
 
-/***/ })
+/***/ }
 
 /******/ 	});
 /************************************************************************/

package/dist/memlens.lib.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.
+ * 
+ */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
 		module.exports = factory();
@@ -12,8 +37,8 @@ return /******/ (() => { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 54:
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+/***/ 54
+(__unused_webpack_module, exports, __webpack_require__) {
 
 
 var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
@@ -205,10 +230,10 @@ _DOMObserver_elementCount = new WeakMap(), _DOMObserver_detachedElementCount = n
 };
 
 
-/***/ }),
+/***/ },
 
-/***/ 235:
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+/***/ 235
+(__unused_webpack_module, exports, __webpack_require__) {
 
 
 var __importDefault = (this && this.__importDefault) || function (mod) {
@@ -236,10 +261,10 @@ function createReactMemoryScan(options = {}) {
 }
 
 
-/***/ }),
+/***/ },
 
-/***/ 282:
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+/***/ 282
+(__unused_webpack_module, exports, __webpack_require__) {
 
 
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
@@ -300,7 +325,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));
@@ -325,6 +350,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");
@@ -333,8 +359,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");
@@ -355,6 +382,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) {
@@ -373,11 +404,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) {
@@ -507,7 +572,7 @@ 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) {
+_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);
     }
@@ -595,10 +660,10 @@ class LeakedFiber {
 }
 
 
-/***/ }),
+/***/ },
 
-/***/ 302:
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+/***/ 302
+(__unused_webpack_module, exports, __webpack_require__) {
 
 
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
@@ -735,10 +800,10 @@ class ReactFiberAnalyzer {
 exports["default"] = ReactFiberAnalyzer;
 
 
-/***/ }),
+/***/ },
 
-/***/ 313:
-/***/ ((__unused_webpack_module, exports) => {
+/***/ 313
+(__unused_webpack_module, exports) {
 
 
 /**
@@ -1013,10 +1078,10 @@ class WeakMapPlus {
 exports.WeakMapPlus = WeakMapPlus;
 
 
-/***/ }),
+/***/ },
 
-/***/ 346:
-/***/ ((__unused_webpack_module, exports) => {
+/***/ 346
+(__unused_webpack_module, exports) {
 
 
 /**
@@ -1050,10 +1115,10 @@ exports.config = {
 };
 
 
-/***/ }),
+/***/ },
 
-/***/ 476:
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+/***/ 476
+(__unused_webpack_module, exports, __webpack_require__) {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
@@ -1233,10 +1298,10 @@ function setRunInSession() {
 }
 
 
-/***/ }),
+/***/ },
 
-/***/ 498:
-/***/ ((__unused_webpack_module, exports) => {
+/***/ 498
+(__unused_webpack_module, exports) {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
@@ -1301,10 +1366,10 @@ function debounce(callback, delay) {
 }
 
 
-/***/ }),
+/***/ },
 
-/***/ 737:
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+/***/ 737
+(__unused_webpack_module, exports, __webpack_require__) {
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
@@ -1496,10 +1561,10 @@ function extractReactComponentName(displayName) {
 }
 
 
-/***/ }),
+/***/ },
 
-/***/ 847:
-/***/ ((__unused_webpack_module, exports) => {
+/***/ 847
+(__unused_webpack_module, exports) {
 
 
 /**
@@ -1519,10 +1584,10 @@ function isValidComponentName(name) {
 }
 
 
-/***/ }),
+/***/ },
 
-/***/ 953:
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+/***/ 953
+(__unused_webpack_module, exports, __webpack_require__) {
 
 
 var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
@@ -1654,7 +1719,7 @@ _EventListenerTracker_listenerMap = new WeakMap(), _EventListenerTracker_detache
 EventListenerTracker.instance = null;
 
 
-/***/ })
+/***/ }
 
 /******/ 	});
 /************************************************************************/