@memlab/lens 1.0.0 → 1.0.1

package/src/tests/lib/react-v18.prod.js

@@ -1,33 +0,0 @@
-/* @generated */
-/* @nolint */
-/**
- * @license React
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-(function(){'use strict';(function(c,x){"object"===typeof exports&&"undefined"!==typeof module?x(exports):"function"===typeof define&&define.amd?define(["exports"],x):(c=c||self,x(c.React={}))})(this,function(c){function x(a){if(null===a||"object"!==typeof a)return null;a=V&&a[V]||a["@@iterator"];return"function"===typeof a?a:null}function w(a,b,e){this.props=a;this.context=b;this.refs=W;this.updater=e||X}function Y(){}function K(a,b,e){this.props=a;this.context=b;this.refs=W;this.updater=e||X}function Z(a,b,
-  e){var m,d={},c=null,h=null;if(null!=b)for(m in void 0!==b.ref&&(h=b.ref),void 0!==b.key&&(c=""+b.key),b)aa.call(b,m)&&!ba.hasOwnProperty(m)&&(d[m]=b[m]);var l=arguments.length-2;if(1===l)d.children=e;else if(1<l){for(var f=Array(l),k=0;k<l;k++)f[k]=arguments[k+2];d.children=f}if(a&&a.defaultProps)for(m in l=a.defaultProps,l)void 0===d[m]&&(d[m]=l[m]);return{$$typeof:y,type:a,key:c,ref:h,props:d,_owner:L.current}}function oa(a,b){return{$$typeof:y,type:a.type,key:b,ref:a.ref,props:a.props,_owner:a._owner}}
-  function M(a){return"object"===typeof a&&null!==a&&a.$$typeof===y}function pa(a){var b={"=":"=0",":":"=2"};return"$"+a.replace(/[=:]/g,function(a){return b[a]})}function N(a,b){return"object"===typeof a&&null!==a&&null!=a.key?pa(""+a.key):b.toString(36)}function B(a,b,e,m,d){var c=typeof a;if("undefined"===c||"boolean"===c)a=null;var h=!1;if(null===a)h=!0;else switch(c){case "string":case "number":h=!0;break;case "object":switch(a.$$typeof){case y:case qa:h=!0}}if(h)return h=a,d=d(h),a=""===m?"."+
-  N(h,0):m,ca(d)?(e="",null!=a&&(e=a.replace(da,"$&/")+"/"),B(d,b,e,"",function(a){return a})):null!=d&&(M(d)&&(d=oa(d,e+(!d.key||h&&h.key===d.key?"":(""+d.key).replace(da,"$&/")+"/")+a)),b.push(d)),1;h=0;m=""===m?".":m+":";if(ca(a))for(var l=0;l<a.length;l++){c=a[l];var f=m+N(c,l);h+=B(c,b,e,f,d)}else if(f=x(a),"function"===typeof f)for(a=f.call(a),l=0;!(c=a.next()).done;)c=c.value,f=m+N(c,l++),h+=B(c,b,e,f,d);else if("object"===c)throw b=String(a),Error("Objects are not valid as a React child (found: "+
-  ("[object Object]"===b?"object with keys {"+Object.keys(a).join(", ")+"}":b)+"). If you meant to render a collection of children, use an array instead.");return h}function C(a,b,e){if(null==a)return a;var c=[],d=0;B(a,c,"","",function(a){return b.call(e,a,d++)});return c}function ra(a){if(-1===a._status){var b=a._result;b=b();b.then(function(b){if(0===a._status||-1===a._status)a._status=1,a._result=b},function(b){if(0===a._status||-1===a._status)a._status=2,a._result=b});-1===a._status&&(a._status=
-  0,a._result=b)}if(1===a._status)return a._result.default;throw a._result;}function O(a,b){var e=a.length;a.push(b);a:for(;0<e;){var c=e-1>>>1,d=a[c];if(0<D(d,b))a[c]=b,a[e]=d,e=c;else break a}}function p(a){return 0===a.length?null:a[0]}function E(a){if(0===a.length)return null;var b=a[0],e=a.pop();if(e!==b){a[0]=e;a:for(var c=0,d=a.length,k=d>>>1;c<k;){var h=2*(c+1)-1,l=a[h],f=h+1,g=a[f];if(0>D(l,e))f<d&&0>D(g,l)?(a[c]=g,a[f]=e,c=f):(a[c]=l,a[h]=e,c=h);else if(f<d&&0>D(g,e))a[c]=g,a[f]=e,c=f;else break a}}return b}
-  function D(a,b){var c=a.sortIndex-b.sortIndex;return 0!==c?c:a.id-b.id}function P(a){for(var b=p(r);null!==b;){if(null===b.callback)E(r);else if(b.startTime<=a)E(r),b.sortIndex=b.expirationTime,O(q,b);else break;b=p(r)}}function Q(a){z=!1;P(a);if(!u)if(null!==p(q))u=!0,R(S);else{var b=p(r);null!==b&&T(Q,b.startTime-a)}}function S(a,b){u=!1;z&&(z=!1,ea(A),A=-1);F=!0;var c=k;try{P(b);for(n=p(q);null!==n&&(!(n.expirationTime>b)||a&&!fa());){var m=n.callback;if("function"===typeof m){n.callback=null;
-  k=n.priorityLevel;var d=m(n.expirationTime<=b);b=v();"function"===typeof d?n.callback=d:n===p(q)&&E(q);P(b)}else E(q);n=p(q)}if(null!==n)var g=!0;else{var h=p(r);null!==h&&T(Q,h.startTime-b);g=!1}return g}finally{n=null,k=c,F=!1}}function fa(){return v()-ha<ia?!1:!0}function R(a){G=a;H||(H=!0,I())}function T(a,b){A=ja(function(){a(v())},b)}function ka(a){throw Error("act(...) is not supported in production builds of React.");}var y=Symbol.for("react.element"),qa=Symbol.for("react.portal"),sa=Symbol.for("react.fragment"),
-  ta=Symbol.for("react.strict_mode"),ua=Symbol.for("react.profiler"),va=Symbol.for("react.provider"),wa=Symbol.for("react.context"),xa=Symbol.for("react.forward_ref"),ya=Symbol.for("react.suspense"),za=Symbol.for("react.memo"),Aa=Symbol.for("react.lazy"),V=Symbol.iterator,X={isMounted:function(a){return!1},enqueueForceUpdate:function(a,b,c){},enqueueReplaceState:function(a,b,c,m){},enqueueSetState:function(a,b,c,m){}},la=Object.assign,W={};w.prototype.isReactComponent={};w.prototype.setState=function(a,
-  b){if("object"!==typeof a&&"function"!==typeof a&&null!=a)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,a,b,"setState")};w.prototype.forceUpdate=function(a){this.updater.enqueueForceUpdate(this,a,"forceUpdate")};Y.prototype=w.prototype;var t=K.prototype=new Y;t.constructor=K;la(t,w.prototype);t.isPureReactComponent=!0;var ca=Array.isArray,aa=Object.prototype.hasOwnProperty,L={current:null},
-  ba={key:!0,ref:!0,__self:!0,__source:!0},da=/\/+/g,g={current:null},J={transition:null};if("object"===typeof performance&&"function"===typeof performance.now){var Ba=performance;var v=function(){return Ba.now()}}else{var ma=Date,Ca=ma.now();v=function(){return ma.now()-Ca}}var q=[],r=[],Da=1,n=null,k=3,F=!1,u=!1,z=!1,ja="function"===typeof setTimeout?setTimeout:null,ea="function"===typeof clearTimeout?clearTimeout:null,na="undefined"!==typeof setImmediate?setImmediate:null;"undefined"!==typeof navigator&&
-  void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var H=!1,G=null,A=-1,ia=5,ha=-1,U=function(){if(null!==G){var a=v();ha=a;var b=!0;try{b=G(!0,a)}finally{b?I():(H=!1,G=null)}}else H=!1};if("function"===typeof na)var I=function(){na(U)};else if("undefined"!==typeof MessageChannel){t=new MessageChannel;var Ea=t.port2;t.port1.onmessage=U;I=function(){Ea.postMessage(null)}}else I=function(){ja(U,0)};t={ReactCurrentDispatcher:g,
-  ReactCurrentOwner:L,ReactCurrentBatchConfig:J,Scheduler:{__proto__:null,unstable_ImmediatePriority:1,unstable_UserBlockingPriority:2,unstable_NormalPriority:3,unstable_IdlePriority:5,unstable_LowPriority:4,unstable_runWithPriority:function(a,b){switch(a){case 1:case 2:case 3:case 4:case 5:break;default:a=3}var c=k;k=a;try{return b()}finally{k=c}},unstable_next:function(a){switch(k){case 1:case 2:case 3:var b=3;break;default:b=k}var c=k;k=b;try{return a()}finally{k=c}},unstable_scheduleCallback:function(a,
-  b,c){var e=v();"object"===typeof c&&null!==c?(c=c.delay,c="number"===typeof c&&0<c?e+c:e):c=e;switch(a){case 1:var d=-1;break;case 2:d=250;break;case 5:d=1073741823;break;case 4:d=1E4;break;default:d=5E3}d=c+d;a={id:Da++,callback:b,priorityLevel:a,startTime:c,expirationTime:d,sortIndex:-1};c>e?(a.sortIndex=c,O(r,a),null===p(q)&&a===p(r)&&(z?(ea(A),A=-1):z=!0,T(Q,c-e))):(a.sortIndex=d,O(q,a),u||F||(u=!0,R(S)));return a},unstable_cancelCallback:function(a){a.callback=null},unstable_wrapCallback:function(a){var b=
-  k;return function(){var c=k;k=b;try{return a.apply(this,arguments)}finally{k=c}}},unstable_getCurrentPriorityLevel:function(){return k},unstable_shouldYield:fa,unstable_requestPaint:function(){},unstable_continueExecution:function(){u||F||(u=!0,R(S))},unstable_pauseExecution:function(){},unstable_getFirstCallbackNode:function(){return p(q)},get unstable_now(){return v},unstable_forceFrameRate:function(a){0>a||125<a?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):
-  ia=0<a?Math.floor(1E3/a):5},unstable_Profiling:null}};c.Children={map:C,forEach:function(a,b,c){C(a,function(){b.apply(this,arguments)},c)},count:function(a){var b=0;C(a,function(){b++});return b},toArray:function(a){return C(a,function(a){return a})||[]},only:function(a){if(!M(a))throw Error("React.Children.only expected to receive a single React element child.");return a}};c.Component=w;c.Fragment=sa;c.Profiler=ua;c.PureComponent=K;c.StrictMode=ta;c.Suspense=ya;c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=
-  t;c.act=ka;c.cloneElement=function(a,b,c){if(null===a||void 0===a)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+a+".");var e=la({},a.props),d=a.key,k=a.ref,h=a._owner;if(null!=b){void 0!==b.ref&&(k=b.ref,h=L.current);void 0!==b.key&&(d=""+b.key);if(a.type&&a.type.defaultProps)var l=a.type.defaultProps;for(f in b)aa.call(b,f)&&!ba.hasOwnProperty(f)&&(e[f]=void 0===b[f]&&void 0!==l?l[f]:b[f])}var f=arguments.length-2;if(1===f)e.children=c;else if(1<f){l=
-  Array(f);for(var g=0;g<f;g++)l[g]=arguments[g+2];e.children=l}return{$$typeof:y,type:a.type,key:d,ref:k,props:e,_owner:h}};c.createContext=function(a){a={$$typeof:wa,_currentValue:a,_currentValue2:a,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null};a.Provider={$$typeof:va,_context:a};return a.Consumer=a};c.createElement=Z;c.createFactory=function(a){var b=Z.bind(null,a);b.type=a;return b};c.createRef=function(){return{current:null}};c.forwardRef=function(a){return{$$typeof:xa,
-  render:a}};c.isValidElement=M;c.lazy=function(a){return{$$typeof:Aa,_payload:{_status:-1,_result:a},_init:ra}};c.memo=function(a,b){return{$$typeof:za,type:a,compare:void 0===b?null:b}};c.startTransition=function(a,b){b=J.transition;J.transition={};try{a()}finally{J.transition=b}};c.unstable_act=ka;c.useCallback=function(a,b){return g.current.useCallback(a,b)};c.useContext=function(a){return g.current.useContext(a)};c.useDebugValue=function(a,b){};c.useDeferredValue=function(a){return g.current.useDeferredValue(a)};
-  c.useEffect=function(a,b){return g.current.useEffect(a,b)};c.useId=function(){return g.current.useId()};c.useImperativeHandle=function(a,b,c){return g.current.useImperativeHandle(a,b,c)};c.useInsertionEffect=function(a,b){return g.current.useInsertionEffect(a,b)};c.useLayoutEffect=function(a,b){return g.current.useLayoutEffect(a,b)};c.useMemo=function(a,b){return g.current.useMemo(a,b)};c.useReducer=function(a,b,c){return g.current.useReducer(a,b,c)};c.useRef=function(a){return g.current.useRef(a)};
-  c.useState=function(a){return g.current.useState(a)};c.useSyncExternalStore=function(a,b,c){return g.current.useSyncExternalStore(a,b,c)};c.useTransition=function(){return g.current.useTransition()};c.version="18.3.1"});
-  })();

package/src/tests/manual/playwright-open-manual.js

@@ -1,40 +0,0 @@
-/**
- * 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 path = require('path');
-const {chromium, devices} = require('playwright');
-
-// eslint-disable-next-line fb-www/async-iife-termination
-(async () => {
-  const args = process.argv.slice(2);
-  if (args.length === 0) {
-    const scriptName = path.basename(__filename);
-    console.error(`Usage: node ${scriptName} <path-to-html-file>`);
-    process.exit(1);
-  }
-
-  let filePath = args[0];
-  if (!path.isAbsolute(filePath)) {
-    filePath = path.resolve(__dirname, filePath);
-  }
-
-  const browser = await chromium.launch({
-    headless: false,
-    args: ['--auto-open-devtools-for-tabs'],
-  });
-
-  const context = await browser.newContext({
-    ...devices['Desktop Chrome'],
-  });
-
-  const page = await context.newPage();
-  await page.goto('file://' + filePath);
-
-  // Don’t close the browser so you can inspect
-})();

package/src/tests/manual/todo-list/todo-with-run.bundle.html

@@ -1,80 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="UTF-8" />
-  <title>React To-Do</title>
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <script src="../../../../dist/run.bundle.js"></script>
-  <script src="../../lib/react-v18.dev.js"></script>
-  <script src="../../lib/react-dom-v18.dev.js"></script>
-  <script src="../../lib/babel.prod.js"></script>
-  <style>
-    body {
-      font-family: sans-serif;
-      max-width: 600px;
-      margin: 2rem auto;
-    }
-
-    input {
-      padding: 0.5em;
-      width: 70%;
-    }
-
-    button {
-      padding: 0.5em;
-    }
-
-    li {
-      margin: 0.5em 0;
-    }
-  </style>
-</head>
-
-<body>
-  <h1>To-Do List</h1>
-  <div id="root"></div>
-
-  <script type="text/babel">
-    const { useState } = React;
-
-    function TodoApp() {
-      const [todos, setTodos] = useState([]);
-      const [input, setInput] = useState('');
-
-      const handleAdd = () => {
-        if (input.trim() === '') return;
-        setTodos([...todos, { id: Date.now(), text: input }]);
-        setInput('');
-      };
-
-      const handleDelete = (id) => {
-        setTodos(todos.filter(todo => todo.id !== id));
-      };
-
-      return (
-        <div>
-          <input
-            value={input}
-            onChange={(e) => setInput(e.target.value)}
-            placeholder="Add a task..."
-          />
-          <button onClick={handleAdd}>Add</button>
-          <ul>
-            {todos.map(todo => (
-              <li key={todo.id}>
-                {todo.text}
-                <button onClick={() => handleDelete(todo.id)}> ❌ </button>
-              </li>
-            ))}
-          </ul>
-        </div>
-      );
-    }
-
-    const root = ReactDOM.createRoot(document.getElementById('root'));
-    root.render(<TodoApp />);
-  </script>
-</body>
-
-</html>

package/src/tests/utils/test-utils.ts

@@ -1,28 +0,0 @@
-/**
- * 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
- */
-import path from 'path';
-
-// export a function that returns the absolute path to the dist folder
-
-export const distPath = path.join(__dirname, '..', '..', '..', 'dist');
-export const srcPath = path.join(__dirname, '..', '..', '..', 'src');
-
-export async function wait(timeoutInMs: number) {
-  await new Promise(resolve => setTimeout(resolve, timeoutInMs));
-}
-
-export const libBundleFile = 'memlens.lib.bundle.js';
-export const libBundleFilePath = path.join(distPath, libBundleFile);
-export const libBundleMinFile = 'memlens.lib.bundle.min.js';
-export const libBundleMinFilePath = path.join(distPath, libBundleMinFile);
-export const runBundleFile = 'memlens.run.bundle.js';
-export const runBundleFilePath = path.join(distPath, runBundleFile);
-export const runBundleMinFile = 'memlens.run.bundle.min.js';
-export const runBundleMinFilePath = path.join(distPath, runBundleMinFile);

package/src/utils/intersection-observer.ts

@@ -1,65 +0,0 @@
-/**
- * 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
- */
-export class IntersectionObserverManager {
-  private static instance: IntersectionObserverManager;
-  private observer: IntersectionObserver;
-  private observedElements: Map<
-    HTMLElement,
-    (entry: IntersectionObserverEntry) => void
-  > = new Map();
-
-  private constructor() {
-    this.observer = new IntersectionObserver(
-      entries => {
-        entries.forEach((entry: IntersectionObserverEntry) => {
-          const element = entry.target as HTMLElement;
-          const callback = this.observedElements.get(element);
-          if (callback) {
-            callback(entry);
-          }
-        });
-      },
-      {
-        // Only trigger when element is completely out of viewport
-        threshold: 0,
-        // Add some margin to trigger before element is completely out of view
-        rootMargin: '50px',
-      },
-    );
-  }
-
-  public static getInstance(): IntersectionObserverManager {
-    if (!IntersectionObserverManager.instance) {
-      IntersectionObserverManager.instance = new IntersectionObserverManager();
-    }
-    return IntersectionObserverManager.instance;
-  }
-
-  public observe(
-    elementRef: WeakRef<HTMLElement>,
-    callback: (entry: IntersectionObserverEntry) => void,
-  ) {
-    const element = elementRef.deref();
-    if (element == null) {
-      return;
-    }
-    this.observedElements.set(element, callback);
-    this.observer.observe(element);
-  }
-
-  public unobserve(elementRef: WeakRef<HTMLElement>) {
-    const element = elementRef.deref();
-    if (element == null) {
-      return;
-    }
-    this.observedElements.delete(element);
-    this.observer.unobserve(element);
-  }
-}

package/src/utils/react-fiber-utils.ts

@@ -1,212 +0,0 @@
-/**
- * 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
- */
-import type {Fiber} from 'react-reconciler';
-import type {Nullable, Optional, AnyValue} from '../core/types';
-import {getMeaningfulName} from './utils';
-import {isValidComponentName} from '../core/valid-component-name';
-
-export const ClassComponentTag = 1;
-export const FunctionComponentTag = 0;
-export const ContextConsumerTag = 9;
-export const SuspenseComponentTag = 13;
-export const OffscreenComponentTag = 22;
-export const ForwardRefTag = 11;
-export const MemoComponentTag = 14;
-export const SimpleMemoComponentTag = 15;
-export const HostComponentTag = 5;
-export const HostHoistableTag = 26;
-export const HostSingletonTag = 27;
-export const DehydratedSuspenseComponent = 18;
-export const HostText = 6;
-export const Fragment = 7;
-export const LegacyHiddenComponent = 23;
-export const OffscreenComponent = 22;
-export const HostRoot = 3;
-export const CONCURRENT_MODE_NUMBER = 0xeacf;
-export const CONCURRENT_MODE_SYMBOL_STRING = 'Symbol(react.concurrent_mode)';
-export const DEPRECATED_ASYNC_MODE_SYMBOL_STRING = 'Symbol(react.async_mode)';
-
-// https://github.com/facebook/react/blob/main/packages/react-reconciler/src/ReactFiberFlags.js
-export const PerformedWork = 0b1;
-export const Placement = 0b10;
-export const DidCapture = 0b10000000;
-export const Hydrating = 0b1000000000000;
-export const Update = 0b100;
-export const Cloned = 0b1000;
-export const ChildDeletion = 0b10000;
-export const ContentReset = 0b100000;
-export const Ref = 0b1000000000;
-export const Snapshot = 0b10000000000;
-export const Visibility = 0b10000000000000;
-export const MutationMask =
-  Placement |
-  Update |
-  ChildDeletion |
-  ContentReset |
-  Hydrating |
-  Visibility |
-  Snapshot;
-
-/**
- * @see https://reactnative.dev/architecture/glossary#host-view-tree-and-host-view
- */
-export const isHostFiber = (fiber: Fiber) =>
-  fiber.tag === HostComponentTag ||
-  // @ts-expect-error: it exists
-  fiber.tag === HostHoistableTag ||
-  // @ts-expect-error: it exists
-  fiber.tag === HostSingletonTag ||
-  typeof fiber.type === 'string';
-
-export const getNearestHostFiber = (fiber: Fiber) => {
-  let hostFiber = traverseFiber(fiber, isHostFiber);
-  if (!hostFiber) {
-    hostFiber = traverseFiber(fiber, isHostFiber, true);
-  }
-  return hostFiber;
-};
-
-export const getTopMostHostFiber = (fiber: Fiber): Nullable<Fiber> => {
-  let topMostHostFiber: Nullable<Fiber> = null;
-  function checkFiber(fiber: Fiber): void {
-    if (isHostFiber(fiber)) {
-      topMostHostFiber = fiber;
-    }
-  }
-  traverseFiber(fiber, checkFiber, true);
-  return topMostHostFiber;
-};
-
-export const getTopMostFiberWithChild = (fiber: Fiber): Nullable<Fiber> => {
-  let topMostFiber: Nullable<Fiber> = null;
-  function checkFiber(fiber: Fiber): void {
-    if (fiber.child != null) {
-      topMostFiber = fiber;
-    }
-  }
-  traverseFiber(fiber, checkFiber, true);
-  return topMostFiber;
-};
-
-export const traverseFiber = (
-  fiber: Nullable<Fiber>,
-  selector: (node: Fiber) => boolean | void,
-  ascending = false,
-): Nullable<Fiber> => {
-  if (!fiber) {
-    return null;
-  }
-  if (selector(fiber) === true) {
-    return fiber;
-  }
-
-  let next = ascending ? fiber.return : fiber.child;
-  while (next) {
-    const match = traverseFiber(next, selector, ascending);
-    if (match) {
-      return match;
-    }
-    next = ascending ? null : next.sibling;
-  }
-  return null;
-};
-
-// React internal property keys
-const internalKeys = [
-  '__reactFiber$', // React 17+
-  '__reactInternalInstance$', // React 16
-  '_reactRootContainer', // React Root
-];
-
-const getOwnPropertyNames = Object.getOwnPropertyNames.bind(Object);
-
-export function getFiberNodeFromElement(element: 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 as AnyValue)[key];
-    }
-  }
-  return null;
-}
-
-export function getReactComponentStack(node: Fiber): Array<string> {
-  const stack = [];
-  const visited = new Set<Fiber>();
-  let fiber: Nullable<Fiber> = node;
-  while (fiber) {
-    if (visited.has(fiber)) {
-      break;
-    }
-    visited.add(fiber);
-    const name = getDisplayNameOfFiberNode(fiber);
-    if (name) {
-      stack.push(name);
-    }
-    fiber = fiber.return;
-  }
-  return stack;
-}
-
-export function getDisplayNameOfFiberNode(node: Fiber) {
-  const elementType = node.type ?? node.elementType;
-
-  // Try to get name from displayName or name properties
-  let displayName: Optional<string> =
-    elementType?.displayName ?? elementType?.name;
-
-  // Handle class components and forwardRef
-  if (displayName == null) {
-    if (elementType?.render) {
-      // Class components
-      const render = elementType?.render;
-      displayName = render?.displayName ?? render?.name;
-    } else if (elementType?.type) {
-      // ForwardRef components
-      displayName = elementType.type.displayName ?? elementType.type.name;
-    }
-  }
-
-  // Handle anonymous functions
-  if (!displayName && typeof elementType === 'function') {
-    displayName = elementType.name;
-  }
-  const ret = getMeaningfulName(extractReactComponentName(displayName));
-  return isValidComponentName(ret) ? ret : null;
-}
-
-export function isFunctionalComponent(node: Fiber) {
-  const elementType = node?.elementType;
-  return typeof elementType === 'function';
-}
-
-// dom-element [from component.react] --> component.react
-export function extractReactComponentName(
-  displayName: Optional<string>,
-): Nullable<string> {
-  if (typeof displayName !== 'string') {
-    return null;
-  }
-  if (!displayName.includes('[') || !displayName.includes(']')) {
-    return displayName;
-  }
-  const startIndex = displayName.indexOf('[');
-  const endIndex = displayName.indexOf(']');
-  if (startIndex > endIndex) {
-    return displayName;
-  }
-  const name = displayName.substring(startIndex + 1, endIndex);
-  if (name.startsWith('from ')) {
-    return name.substring('from '.length);
-  }
-  return name;
-}

package/src/utils/utils.ts

@@ -1,201 +0,0 @@
-/**
- * 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
- */
-import type {
-  BoundingRect,
-  Nullable,
-  AnyValue,
-  ObjectValue,
-} from '../core/types';
-import {isVisualizerElement} from '../visual/visual-utils';
-
-export function getDOMElements(): Array<WeakRef<Element>> {
-  const elements = Array.from(document.querySelectorAll('*'));
-  const ret = [];
-  for (const element of elements) {
-    if (isVisualizerElement(element)) {
-      continue;
-    }
-    ret.push(new WeakRef(element));
-  }
-  return ret;
-}
-
-export function getDOMElementCount(): number {
-  const elements = Array.from(document.querySelectorAll('*'));
-  let ret = 0;
-  for (const element of elements) {
-    if (isVisualizerElement(element)) {
-      continue;
-    }
-    ++ret;
-  }
-  return ret;
-}
-
-export function getMeaningfulName(name: Nullable<string>) {
-  if (name == null) {
-    return null;
-  }
-  const isMinified = isMinifiedName(name);
-  return isMinified ? null : name;
-}
-
-/**
- * Determines if a given function or class name is minified.
- *
- * @param {string} name - The function or class name to check.
- * @return {boolean} - Returns true if the name is likely minified, otherwise false.
- */
-export function isMinifiedName(name: string): boolean {
-  if (name.length >= 5) {
-    return false;
-  }
-  // Minified names are often very short, e.g., "a", "b", "c"
-  if (name.length <= 3) {
-    return true;
-  }
-
-  // Names with non-alphanumeric characters (except $ and _) are unlikely to be minified
-  if (/[^a-zA-Z0-9$_]/.test(name)) {
-    return false;
-  }
-
-  // Minified names rarely have meaningful words (detect camelCase or PascalCase)
-  const hasMeaningfulPattern =
-    /^[A-Z][a-z]+([A-Z][a-z]*)*$|^[a-z]+([A-Z][a-z]*)*$/.test(name);
-  return !hasMeaningfulPattern;
-}
-
-export function addCountbyKey<K extends ObjectValue>(
-  map: WeakMap<K, number>,
-  key: K,
-  count: number,
-) {
-  map.set(key, (map.get(key) ?? 0) + count);
-}
-
-export function updateWeakRefList(
-  weakRefList: Array<WeakRef<Element>>,
-  elementRefs: Array<WeakRef<Element>>,
-) {
-  consolidateWeakRefList(weakRefList);
-  const set = getElementsSet(weakRefList);
-  for (const elementRef of elementRefs) {
-    const element = elementRef.deref();
-    if (element == null || set.has(element)) {
-      continue;
-    }
-    set.add(element);
-    weakRefList.push(new WeakRef(element));
-  }
-  return weakRefList;
-}
-
-function getElementsSet(weakRefList: Array<WeakRef<Element>>) {
-  const set = new Set();
-  for (const weakRef of weakRefList) {
-    set.add(weakRef.deref());
-  }
-  return set;
-}
-
-function consolidateWeakRefList(weakRefList: Array<WeakRef<Element>>) {
-  const alternative = [];
-  for (const weakRef of weakRefList) {
-    const element = weakRef.deref();
-    if (element == null) {
-      continue;
-    }
-    alternative.push(weakRef);
-  }
-  while (weakRefList.length > 0) {
-    weakRefList.pop();
-  }
-  for (const weakRef of alternative) {
-    weakRefList.push(weakRef);
-  }
-  return weakRefList;
-}
-
-export function getBoundingClientRect(
-  element: Element,
-): Nullable<BoundingRect> {
-  if (element == null) {
-    return null;
-  }
-  if (typeof element.getBoundingClientRect !== 'function') {
-    return null;
-  }
-  let rect = null;
-  try {
-    rect = element.getBoundingClientRect();
-  } catch {
-    // do nothing
-  }
-  if (rect == null) {
-    return null;
-  }
-  const scrollTop = window.scrollY;
-  const scrollLeft = window.scrollX;
-  const ret: BoundingRect = {} as unknown as BoundingRect;
-  ret.bottom = rect.bottom;
-  ret.height = rect.height;
-  ret.left = rect.left;
-  ret.right = rect.right;
-  ret.top = rect.top;
-  ret.width = rect.width;
-  ret.x = rect.x;
-  ret.y = rect.y;
-  ret.scrollLeft = scrollLeft;
-  ret.scrollTop = scrollTop;
-  return ret as BoundingRect;
-}
-
-const _console = console;
-const _consoleLog = _console.log;
-
-export function consoleLog(...args: AnyValue[]) {
-  _consoleLog.apply(_console, args);
-}
-
-const SESSION_STORAGE_KEY = 'memory_lens_session';
-
-function isSessionStorageAvailable(): boolean {
-  try {
-    const testKey = '__memory_lens_session_test__';
-    sessionStorage.setItem(testKey, '1');
-    sessionStorage.removeItem(testKey);
-    return true;
-  } catch {
-    return false;
-  }
-}
-
-export function hasRunInSession(): boolean {
-  if (!isSessionStorageAvailable()) {
-    return false;
-  }
-  try {
-    return sessionStorage.getItem(SESSION_STORAGE_KEY) === 'true';
-  } catch {
-    return false;
-  }
-}
-
-export function setRunInSession(): void {
-  if (!isSessionStorageAvailable()) {
-    return;
-  }
-  try {
-    sessionStorage.setItem(SESSION_STORAGE_KEY, 'true');
-  } catch {
-    // do nothing
-  }
-}