bippy 0.3.16 → 0.3.18

package/README.md

@@ -18,7 +18,7 @@ by default, you cannot access react internals. bippy bypasses this by "pretendin
 - no prior react source code knowledge required
 
 ```jsx
-import { onCommitFiberRoot, traverseFiber } from 'bippy';
+import { onCommitFiberRoot, traverseFiber } from 'bippy'; // must be imported BEFORE react
 
 onCommitFiberRoot((root) => {
   traverseFiber(root.current, (fiber) => {
@@ -82,7 +82,7 @@ while all of the information is there, it's not super easy to work with, and cha
 
 however, fibers aren't directly accessible by the user. so, we have to hack our way around to accessing it.
 
-luckily, react [reads from a property](https://github.com/facebook/react/blob/6a4b46cd70d2672bc4be59dcb5b8dede22ed0cef/packages/react-reconciler/src/reactFiberDevToolsHook.js#L48) in the window object: `window.__REACT_DEVTOOLS_GLOBAL_HOOK__` and runs handlers on it when certain events happen. this property must exist before react's bundle is executed. this is intended for react devtools, but we can use it to our advantage.
+luckily, react [reads from a property](https://github.com/facebook/react/blob/6a4b46cd70d2672bc4be59dcb5b8dede22ed0cef/packages/react-reconciler/src/ReactFiberDevToolsHook.js#L48) in the window object: `window.__REACT_DEVTOOLS_GLOBAL_HOOK__` and runs handlers on it when certain events happen. this property must exist before react's bundle is executed. this is intended for react devtools, but we can use it to our advantage.
 
 here's what it roughly looks like:
 
@@ -397,7 +397,7 @@ import { isValidFiber } from 'bippy';
 console.log(isValidFiber(fiber));
 ```
 
-## getFiberFromHostInstance
+### getFiberFromHostInstance
 
 returns the fiber associated with a given host instance (e.g., a DOM element).
 
@@ -408,7 +408,7 @@ const fiber = getFiberFromHostInstance(document.querySelector('div'));
 console.log(fiber);
 ```
 
-## getLatestFiber
+### getLatestFiber
 
 returns the latest fiber (since it may be double-buffered). usually use this in combination with `getFiberFromHostInstance`.
 
@@ -421,6 +421,90 @@ const latestFiber = getLatestFiber(
 console.log(latestFiber);
 ```
 
+### getFiberSource
+
+returns the source code location of a fiber.
+
+```typescript
+import { getFiberSource } from 'bippy/source';
+
+const fiber = getFiberFromHostInstance(document.querySelector('div'));
+
+console.log(await getFiberSource(fiber));
+```
+
+> note: in order to get accurate source locations in react >= 19, you need to add this in your `tsconfig.json`:
+>
+> ```json
+> {
+>   "compilerOptions": {
+>     "jsxImportSource": "bippy/dist"
+>   }
+> }
+> ```
+
+### overrideProps
+
+overrides component props at runtime by modifying the fiber's props.
+
+```typescript
+import { overrideProps } from 'bippy/override';
+
+// override props on a fiber
+overrideProps(fiber, {
+  title: 'new title',
+  config: {
+    enabled: true,
+    count: 42
+  }
+});
+```
+
+the function accepts a fiber and a partial object containing the props to override. nested objects are automatically flattened into property paths.
+
+### overrideHookState
+
+overrides hook state (usestate, usereducer, etc.) at runtime by hook id.
+
+```typescript
+import { overrideHookState } from 'bippy/override';
+
+// override the first hook (id: 0) with a new value
+overrideHookState(fiber, 0, 'new state value');
+
+// override nested state object
+overrideHookState(fiber, 1, {
+  user: {
+    name: 'john',
+    age: 30
+  }
+});
+```
+
+the hook id parameter corresponds to the order of hooks in the component (0-indexed). the function can accept either a primitive value or an object for nested state updates.
+
+### overrideContext
+
+overrides react context values at runtime by finding the appropriate context provider.
+
+```typescript
+import { overrideContext } from 'bippy/override';
+
+// override context value
+overrideContext(fiber, MyContext, {
+  theme: 'dark',
+  user: {
+    id: 123,
+    name: 'jane'
+  }
+});
+
+// override with primitive value
+overrideContext(fiber, ThemeContext, 'dark');
+```
+
+the function traverses up the fiber tree to find the context provider matching the provided context type and overrides its value.
+
 ## examples
 
 the best way to understand bippy is to [read the source code](https://github.com/aidenybai/bippy/blob/main/src/core.ts). here are some examples of how you can use it:
@@ -432,7 +516,7 @@ here's a mini toy version of [`react-scan`](https://github.com/aidenybai/react-s
 ```javascript
 import {
   instrument,
-  isHostFiber,
+  secure,
   getNearestHostFiber,
   traverseRenderedFibers,
 } from 'bippy'; // must be imported BEFORE react
@@ -448,7 +532,7 @@ const highlightFiber = (fiber) => {
   highlight.style.left = `${rect.left}px`;
   highlight.style.width = `${rect.width}px`;
   highlight.style.height = `${rect.height}px`;
-  highlight.style.zIndex = 999999999;
+  highlight.style.zIndex = '999999999';
   document.documentElement.appendChild(highlight);
   setTimeout(() => {
     document.documentElement.removeChild(highlight);
@@ -505,10 +589,10 @@ instrument(
 
 here's a mini toy version of [`why-did-you-render`](https://github.com/welldone-software/why-did-you-render) that logs why components re-render.
 
-```typescript
+```javascript
 import {
   instrument,
-  isHostFiber,
+  secure,
   traverseRenderedFibers,
   isCompositeFiber,
   getDisplayName,
@@ -572,11 +656,11 @@ instrument(
          * State don't have a "name" like props, so we use an id to identify them.
          */
         traverseState(fiber, (value, prevValue) => {
-          if (next !== prev) {
+          if (value !== prevValue) {
             changes.push({
               name: `state ${stateId}`,
-              prev,
-              next,
+              prev: prevValue,
+              next: value,
             });
           }
           stateId++;
@@ -632,9 +716,9 @@ pnpm run dev
 
 ## misc
 
-we use this project internally in [react-scan](https://github.com/aidenybai/react-scan), which is deployed with proper safeguards to ensure it's only used in development or error-guarded in production.
+bippy was initially created for [react-scan](https://github.com/aidenybai/react-scan), which is deployed with proper safeguards to ensure it's only used in development or error-guarded in production.
 
-while i maintain this specifically for react-scan, those seeking more robust solutions might consider [its-fine](https://github.com/pmndrs/its-fine) for accessing fibers within react using hooks, or [react-devtools-inline](https://www.npmjs.com/package/react-devtools-inline) for a headful interface.
+if you're seeking more robust solutions, you might consider [its-fine](https://github.com/pmndrs/its-fine) for accessing fibers within react using hooks, or [react-devtools-inline](https://www.npmjs.com/package/react-devtools-inline) for a headful interface.
 
 if you plan to use this project beyond experimentation, please review [react-scan's source code](https://github.com/aidenybai/react-scan) to understand our safeguarding practices.
 

package/dist/{core-C20dLY3P.js → core-BMGX84sL.js}

@@ -6,157 +6,8 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-//#region src/rdt-hook.ts
-const version = "0.3.16";
-const BIPPY_INSTRUMENTATION_STRING = `bippy-${version}`;
-const objectDefineProperty = Object.defineProperty;
-const objectHasOwnProperty = Object.prototype.hasOwnProperty;
-const NO_OP = () => {};
-const checkDCE = (fn) => {
-	try {
-		const code = Function.prototype.toString.call(fn);
-		if (code.indexOf("^_^") > -1) setTimeout(() => {
-			throw new Error("React is running in production mode, but dead code elimination has not been applied. Read how to correctly configure React for production: https://reactjs.org/link/perf-use-production-build");
-		});
-	} catch {}
-};
-const isRealReactDevtools = (rdtHook = getRDTHook()) => {
-	return "getFiberRoots" in rdtHook;
-};
-let isReactRefreshOverride = false;
-let injectFnStr = void 0;
-const isReactRefresh = (rdtHook = getRDTHook()) => {
-	if (isReactRefreshOverride) return true;
-	if (typeof rdtHook.inject === "function") injectFnStr = rdtHook.inject.toString();
-	return Boolean(injectFnStr?.includes("(injected)"));
-};
-const onActiveListeners = new Set();
-const _renderers = new Set();
-const installRDTHook = (onActive) => {
-	const renderers = new Map();
-	let i = 0;
-	let rdtHook = {
-		checkDCE,
-		supportsFiber: true,
-		supportsFlight: true,
-		hasUnsupportedRendererAttached: false,
-		renderers,
-		onCommitFiberRoot: NO_OP,
-		onCommitFiberUnmount: NO_OP,
-		onPostCommitFiberRoot: NO_OP,
-		inject(renderer) {
-			const nextID = ++i;
-			renderers.set(nextID, renderer);
-			_renderers.add(renderer);
-			if (!rdtHook._instrumentationIsActive) {
-				rdtHook._instrumentationIsActive = true;
-				onActiveListeners.forEach((listener) => listener());
-			}
-			return nextID;
-		},
-		_instrumentationSource: BIPPY_INSTRUMENTATION_STRING,
-		_instrumentationIsActive: false
-	};
-	try {
-		objectDefineProperty(globalThis, "__REACT_DEVTOOLS_GLOBAL_HOOK__", {
-			get() {
-				return rdtHook;
-			},
-			set(newHook) {
-				if (newHook && typeof newHook === "object") {
-					const ourRenderers = rdtHook.renderers;
-					rdtHook = newHook;
-					if (ourRenderers.size > 0) {
-						ourRenderers.forEach((renderer, id) => {
-							_renderers.add(renderer);
-							newHook.renderers.set(id, renderer);
-						});
-						patchRDTHook(onActive);
-					}
-				}
-			},
-			configurable: true,
-			enumerable: true
-		});
-		const originalWindowHasOwnProperty = window.hasOwnProperty;
-		let hasRanHack = false;
-		objectDefineProperty(window, "hasOwnProperty", {
-			value: function() {
-				try {
-					if (!hasRanHack && arguments[0] === "__REACT_DEVTOOLS_GLOBAL_HOOK__") {
-						globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__ = void 0;
-						hasRanHack = true;
-						return -0;
-					}
-				} catch {}
-				return originalWindowHasOwnProperty.apply(this, arguments);
-			},
-			configurable: true,
-			writable: true
-		});
-	} catch {
-		patchRDTHook(onActive);
-	}
-	return rdtHook;
-};
-const patchRDTHook = (onActive) => {
-	if (onActive) onActiveListeners.add(onActive);
-	try {
-		const rdtHook = globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__;
-		if (!rdtHook) return;
-		if (!rdtHook._instrumentationSource) {
-			rdtHook.checkDCE = checkDCE;
-			rdtHook.supportsFiber = true;
-			rdtHook.supportsFlight = true;
-			rdtHook.hasUnsupportedRendererAttached = false;
-			rdtHook._instrumentationSource = BIPPY_INSTRUMENTATION_STRING;
-			rdtHook._instrumentationIsActive = false;
-			if (rdtHook.renderers.size) {
-				rdtHook._instrumentationIsActive = true;
-				onActiveListeners.forEach((listener) => listener());
-				return;
-			}
-			const prevInject = rdtHook.inject;
-			if (isReactRefresh(rdtHook) && !isRealReactDevtools()) {
-				isReactRefreshOverride = true;
-				const nextID = rdtHook.inject({ scheduleRefresh() {} });
-				if (nextID) rdtHook._instrumentationIsActive = true;
-			}
-			rdtHook.inject = (renderer) => {
-				const id = prevInject(renderer);
-				_renderers.add(renderer);
-				rdtHook._instrumentationIsActive = true;
-				onActiveListeners.forEach((listener) => listener());
-				return id;
-			};
-		}
-		if (rdtHook.renderers.size || rdtHook._instrumentationIsActive || isReactRefresh()) onActive?.();
-	} catch {}
-};
-const hasRDTHook = () => {
-	return objectHasOwnProperty.call(globalThis, "__REACT_DEVTOOLS_GLOBAL_HOOK__");
-};
-/**
-* Returns the current React DevTools global hook.
-*/
-const getRDTHook = (onActive) => {
-	if (!hasRDTHook()) return installRDTHook(onActive);
-	patchRDTHook(onActive);
-	return globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__;
-};
-const isClientEnvironment = () => {
-	return Boolean(typeof window !== "undefined" && (window.document?.createElement || window.navigator?.product === "ReactNative"));
-};
-/**
-* Usually used purely for side effect
-*/
-const safelyInstallRDTHook = () => {
-	try {
-		if (isClientEnvironment()) getRDTHook();
-	} catch {}
-};
+import { BIPPY_INSTRUMENTATION_STRING$1 as BIPPY_INSTRUMENTATION_STRING, getRDTHook$1 as getRDTHook, hasRDTHook$1 as hasRDTHook, isReactRefresh$1 as isReactRefresh, isRealReactDevtools$1 as isRealReactDevtools } from "./rdt-hook-B2u14A_F.js";
 
-//#endregion
 //#region src/install-hook-script-string.ts
 const INSTALL_HOOK_SCRIPT_STRING = "(()=>{try{var t=()=>{};const n=new Map;let o=0;globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__={checkDCE:t,supportsFiber:!0,supportsFlight:!0,hasUnsupportedRendererAttached:!1,renderers:n,onCommitFiberRoot:t,onCommitFiberUnmount:t,onPostCommitFiberRoot:t,inject(t){var e=++o;return n.set(e,t),globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__._instrumentationIsActive=!0,e},_instrumentationIsActive:!1,_script:!0}}catch{}})()";
 
@@ -232,6 +83,12 @@ const isCompositeFiber = (fiber) => {
 	}
 };
 /**
+* Returns `true` if the two {@link Fiber}s are the same reference
+*/
+const areFiberEqual = (fiberA, fiberB) => {
+	return fiberA === fiberB || fiberA.alternate === fiberB || fiberB.alternate === fiberA;
+};
+/**
 * Traverses up or down a {@link Fiber}'s contexts, return `true` to stop and select the current and previous context value.
 */
 const traverseContexts = (fiber, selector) => {
@@ -664,7 +521,7 @@ const secure = (options, secureOptions = {}) => {
 	const isUsingRealReactDevtools = isRealReactDevtools();
 	const isUsingReactRefresh = isReactRefresh();
 	let timeout;
-	let isProduction = secureOptions.isProduction ?? false;
+	let isDevelopment = !secureOptions.isProduction;
 	options.onActive = () => {
 		clearTimeout(timeout);
 		let isSecure = true;
@@ -674,10 +531,8 @@ const secure = (options, secureOptions = {}) => {
 				const [majorVersion] = renderer.version.split(".");
 				if (Number(majorVersion) < (secureOptions.minReactMajorVersion ?? 17)) isSecure = false;
 				const buildType = detectReactBuildType(renderer);
-				if (buildType !== "development") {
-					isProduction = true;
-					if (!secureOptions.dangerouslyRunInProduction) isSecure = false;
-				}
+				if (buildType === "development") isDevelopment = true;
+				else if (!secureOptions.dangerouslyRunInProduction) isSecure = false;
 			}
 		} catch (err) {
 			secureOptions.onError?.(err);
@@ -721,7 +576,7 @@ const secure = (options, secureOptions = {}) => {
 		}
 	};
 	if (!isRDTHookInstalled && !isUsingRealReactDevtools && !isUsingReactRefresh) timeout = setTimeout(() => {
-		if (!isProduction) secureOptions.onError?.(INSTALL_ERROR);
+		if (isDevelopment) secureOptions.onError?.(INSTALL_ERROR);
 		stop();
 	}, secureOptions.installCheckTimeout ?? 100);
 	return options;
@@ -741,4 +596,4 @@ const onCommitFiberRoot = (handler) => {
 };
 
 //#endregion
-export { BIPPY_INSTRUMENTATION_STRING, CONCURRENT_MODE_NUMBER, CONCURRENT_MODE_SYMBOL_STRING, ClassComponentTag, ContextConsumerTag, DEPRECATED_ASYNC_MODE_SYMBOL_STRING, DehydratedSuspenseComponentTag, ELEMENT_TYPE_SYMBOL_STRING, ForwardRefTag, FragmentTag, FunctionComponentTag, HostComponentTag, HostHoistableTag, HostRootTag, HostSingletonTag, HostTextTag, INSTALL_ERROR, INSTALL_HOOK_SCRIPT_STRING, LegacyHiddenComponentTag, MemoComponentTag, OffscreenComponentTag, SimpleMemoComponentTag, SuspenseComponentTag, TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING, _fiberRoots, _renderers, createFiberVisitor, detectReactBuildType, didFiberCommit, didFiberRender, fiberIdMap, getDisplayName, getFiberFromHostInstance, getFiberId, getFiberStack, getLatestFiber, getMutatedHostFibers, getNearestHostFiber, getNearestHostFibers, getRDTHook, getTimings, getType, hasMemoCache, hasRDTHook, installRDTHook, instrument, isClientEnvironment, isCompositeFiber, isHostFiber, isInstrumentationActive, isReactRefresh, isRealReactDevtools, isValidElement, isValidFiber, mountFiberRecursively, onCommitFiberRoot, patchRDTHook, safelyInstallRDTHook, secure, setFiberId, shouldFilterFiber, traverseContexts, traverseFiber, traverseProps, traverseRenderedFibers, traverseState, unmountFiber, unmountFiberChildrenRecursively, updateFiberRecursively, version };
+export { CONCURRENT_MODE_NUMBER, CONCURRENT_MODE_SYMBOL_STRING, ClassComponentTag, ContextConsumerTag, DEPRECATED_ASYNC_MODE_SYMBOL_STRING, DehydratedSuspenseComponentTag, ELEMENT_TYPE_SYMBOL_STRING, ForwardRefTag, FragmentTag, FunctionComponentTag, HostComponentTag, HostHoistableTag, HostRootTag, HostSingletonTag, HostTextTag, INSTALL_ERROR, INSTALL_HOOK_SCRIPT_STRING, LegacyHiddenComponentTag, MemoComponentTag, OffscreenComponentTag, SimpleMemoComponentTag, SuspenseComponentTag, TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING, _fiberRoots, areFiberEqual, createFiberVisitor, detectReactBuildType, didFiberCommit, didFiberRender, fiberIdMap, getDisplayName, getFiberFromHostInstance, getFiberId, getFiberStack, getLatestFiber, getMutatedHostFibers, getNearestHostFiber, getNearestHostFibers, getTimings, getType, hasMemoCache, instrument, isCompositeFiber, isHostFiber, isInstrumentationActive, isValidElement, isValidFiber, mountFiberRecursively, onCommitFiberRoot, secure, setFiberId, shouldFilterFiber, traverseContexts, traverseFiber, traverseProps, traverseRenderedFibers, traverseState, unmountFiber, unmountFiberChildrenRecursively, updateFiberRecursively };

package/dist/{core-BOYfIZ0s.d.cts → core-BPWvvzb6.d.ts}

@@ -1,74 +1,6 @@
-import * as React$2 from "react";
-import { BundleType, ComponentSelector, DevToolsConfig, Fiber, FiberRoot, Flags, HasPseudoClassSelector, HookType, HostConfig, LanePriority, Lanes, MutableSource, OpaqueHandle, OpaqueRoot, React$AbstractComponent, ReactConsumer, ReactContext, ReactPortal, ReactProvider, ReactProviderType, RefObject, RoleSelector, RootTag, Selector, Source, SuspenseHydrationCallbacks, TestNameSelector, TextSelector, Thenable, TransitionTracingCallbacks, TypeOfMode, WorkTag } from "react-reconciler";
+import { ContextDependency, Fiber, FiberRoot, MemoizedState, ReactDevToolsGlobalHook, ReactRenderer } from "./types-DKV6Tlox.js";
+import * as React$1 from "react";
 
-//#region src/types.d.ts
-interface ReactDevToolsGlobalHook {
-  checkDCE: (fn: unknown) => void;
-  supportsFiber: boolean;
-  supportsFlight: boolean;
-  renderers: Map<number, ReactRenderer>;
-  hasUnsupportedRendererAttached: boolean;
-  onCommitFiberRoot: (rendererID: number, root: FiberRoot, priority: void | number) => void;
-  onCommitFiberUnmount: (rendererID: number, fiber: Fiber$1) => void;
-  onPostCommitFiberRoot: (rendererID: number, root: FiberRoot) => void;
-  inject: (renderer: ReactRenderer) => number;
-  _instrumentationSource?: string;
-  _instrumentationIsActive?: boolean;
-  _sw?: boolean;
-}
-/**
- * Represents a react-internal Fiber node.
- */
-type Fiber$1<T = any> = Omit<Fiber, 'stateNode' | 'dependencies' | 'child' | 'sibling' | 'return' | 'alternate' | 'memoizedProps' | 'pendingProps' | 'memoizedState' | 'updateQueue'> & {
-  stateNode: T;
-  dependencies: Dependencies | null;
-  child: Fiber$1 | null;
-  sibling: Fiber$1 | null;
-  return: Fiber$1 | null;
-  alternate: Fiber$1 | null;
-  memoizedProps: Props;
-  pendingProps: Props;
-  memoizedState: MemoizedState;
-  updateQueue: {
-    lastEffect: Effect | null;
-    [key: string]: unknown;
-  };
-};
-interface ReactRenderer {
-  version: string;
-  bundleType: 0 | 1;
-  findFiberByHostInstance?: (hostInstance: unknown) => Fiber$1 | null;
-  currentDispatcherRef: React.RefObject<unknown>;
-}
-interface ContextDependency<T> {
-  context: ReactContext<T>;
-  memoizedValue: T;
-  observedBits: number;
-  next: ContextDependency<unknown> | null;
-}
-interface Dependencies {
-  lanes: Lanes;
-  firstContext: ContextDependency<unknown> | null;
-}
-interface Effect {
-  next: Effect | null;
-  create: (...args: unknown[]) => unknown;
-  destroy: ((...args: unknown[]) => unknown) | null;
-  deps: unknown[] | null;
-  tag: number;
-  [key: string]: unknown;
-}
-interface MemoizedState {
-  memoizedState: unknown;
-  next: MemoizedState | null;
-  [key: string]: unknown;
-}
-interface Props {
-  [key: string]: unknown;
-}
-declare global {
-  var __REACT_DEVTOOLS_GLOBAL_HOOK__: ReactDevToolsGlobalHook | undefined;
-} //#endregion
 //#region src/install-hook-script-string.d.ts
 declare const INSTALL_HOOK_SCRIPT_STRING = "(()=>{try{var t=()=>{};const n=new Map;let o=0;globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__={checkDCE:t,supportsFiber:!0,supportsFlight:!0,hasUnsupportedRendererAttached:!1,renderers:n,onCommitFiberRoot:t,onCommitFiberUnmount:t,onPostCommitFiberRoot:t,inject(t){var e=++o;return n.set(e,t),globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__._instrumentationIsActive=!0,e},_instrumentationIsActive:!1,_script:!0}}catch{}})()";
 
@@ -120,47 +52,51 @@ declare const DEPRECATED_ASYNC_MODE_SYMBOL_STRING = "Symbol(react.async_mode)";
  *
  * @see https://react.dev/reference/react/isValidElement
  */
-declare const isValidElement: (element: unknown) => element is React$2.ReactElement;
+declare const isValidElement: (element: unknown) => element is React$1.ReactElement;
 /**
  * Returns `true` if object is a React Fiber.
  */
-declare const isValidFiber: (fiber: unknown) => fiber is Fiber$1;
+declare const isValidFiber: (fiber: unknown) => fiber is Fiber;
 /**
  * Returns `true` if fiber is a host fiber. Host fibers are DOM nodes in react-dom, `View` in react-native, etc.
  *
  * @see https://reactnative.dev/architecture/glossary#host-view-tree-and-host-view
  */
-declare const isHostFiber: (fiber: Fiber$1) => boolean;
+declare const isHostFiber: (fiber: Fiber) => boolean;
 /**
  * Returns `true` if fiber is a composite fiber. Composite fibers are fibers that can render (like functional components, class components, etc.)
  *
  * @see https://reactnative.dev/architecture/glossary#react-composite-components
  */
-declare const isCompositeFiber: (fiber: Fiber$1) => boolean;
+declare const isCompositeFiber: (fiber: Fiber) => boolean;
+/**
+ * Returns `true` if the two {@link Fiber}s are the same reference
+ */
+declare const areFiberEqual: (fiberA: Fiber, fiberB: Fiber) => boolean;
 /**
  * Traverses up or down a {@link Fiber}'s contexts, return `true` to stop and select the current and previous context value.
  */
-declare const traverseContexts: (fiber: Fiber$1, selector: (nextValue: ContextDependency<unknown> | null | undefined, prevValue: ContextDependency<unknown> | null | undefined) => boolean | void) => boolean;
+declare const traverseContexts: (fiber: Fiber, selector: (nextValue: ContextDependency<unknown> | null | undefined, prevValue: ContextDependency<unknown> | null | undefined) => boolean | void) => boolean;
 /**
  * Traverses up or down a {@link Fiber}'s states, return `true` to stop and select the current and previous state value. This stores both state values and effects.
  */
-declare const traverseState: (fiber: Fiber$1, selector: (nextValue: MemoizedState | null | undefined, prevValue: MemoizedState | null | undefined) => boolean | void) => boolean;
+declare const traverseState: (fiber: Fiber, selector: (nextValue: MemoizedState | null | undefined, prevValue: MemoizedState | null | undefined) => boolean | void) => boolean;
 /**
  * Traverses up or down a {@link Fiber}'s props, return `true` to stop and select the current and previous props value.
  */
-declare const traverseProps: (fiber: Fiber$1, selector: (propName: string, nextValue: unknown, prevValue: unknown) => boolean | void) => boolean;
+declare const traverseProps: (fiber: Fiber, selector: (propName: string, nextValue: unknown, prevValue: unknown) => boolean | void) => boolean;
 /**
  * Returns `true` if the {@link Fiber} has rendered. Note that this does not mean the fiber has rendered in the current commit, just that it has rendered in the past.
  */
-declare const didFiberRender: (fiber: Fiber$1) => boolean;
+declare const didFiberRender: (fiber: Fiber) => boolean;
 /**
  * Returns `true` if the {@link Fiber} has committed. Note that this does not mean the fiber has committed in the current commit, just that it has committed in the past.
  */
-declare const didFiberCommit: (fiber: Fiber$1) => boolean;
+declare const didFiberCommit: (fiber: Fiber) => boolean;
 /**
  * Returns all host {@link Fiber}s that have committed and rendered.
  */
-declare const getMutatedHostFibers: (fiber: Fiber$1) => Fiber$1[];
+declare const getMutatedHostFibers: (fiber: Fiber) => Fiber[];
 /**
  * Returns the stack of {@link Fiber}s from the current fiber to the root fiber.
  *
@@ -169,23 +105,23 @@ declare const getMutatedHostFibers: (fiber: Fiber$1) => Fiber$1[];
  * [fiber, fiber.return, fiber.return.return, ...]
  * ```
  */
-declare const getFiberStack: (fiber: Fiber$1) => Fiber$1[];
+declare const getFiberStack: (fiber: Fiber) => Fiber[];
 /**
  * Returns `true` if the {@link Fiber} should be filtered out during reconciliation.
  */
-declare const shouldFilterFiber: (fiber: Fiber$1) => boolean;
+declare const shouldFilterFiber: (fiber: Fiber) => boolean;
 /**
  * Returns the nearest host {@link Fiber} to the current {@link Fiber}.
  */
-declare const getNearestHostFiber: (fiber: Fiber$1, ascending?: boolean) => Fiber$1 | null;
+declare const getNearestHostFiber: (fiber: Fiber, ascending?: boolean) => Fiber | null;
 /**
  * Returns all host {@link Fiber}s in the tree that are associated with the current {@link Fiber}.
  */
-declare const getNearestHostFibers: (fiber: Fiber$1) => Fiber$1[];
+declare const getNearestHostFibers: (fiber: Fiber) => Fiber[];
 /**
  * Traverses up or down a {@link Fiber}, return `true` to stop and select a node.
  */
-declare const traverseFiber: (fiber: Fiber$1 | null, selector: (node: Fiber$1) => boolean | void, ascending?: boolean) => Fiber$1 | null;
+declare const traverseFiber: (fiber: Fiber | null, selector: (node: Fiber) => boolean | void, ascending?: boolean) => Fiber | null;
 /**
  * Returns the timings of the {@link Fiber}.
  *
@@ -195,18 +131,18 @@ declare const traverseFiber: (fiber: Fiber$1 | null, selector: (node: Fiber$1) =
  * console.log(selfTime, totalTime);
  * ```
  */
-declare const getTimings: (fiber?: Fiber$1 | null | undefined) => {
+declare const getTimings: (fiber?: Fiber | null | undefined) => {
   selfTime: number;
   totalTime: number;
 };
 /**
  * Returns `true` if the {@link Fiber} uses React Compiler's memo cache.
  */
-declare const hasMemoCache: (fiber: Fiber$1) => boolean;
+declare const hasMemoCache: (fiber: Fiber) => boolean;
 /**
  * Returns the type (e.g. component definition) of the {@link Fiber}
  */
-declare const getType: (type: unknown) => React$2.ComponentType<unknown> | null;
+declare const getType: (type: unknown) => React$1.ComponentType<unknown> | null;
 /**
  * Returns the display name of the {@link Fiber} type.
  */
@@ -222,16 +158,16 @@ declare const isInstrumentationActive: () => boolean;
 /**
  * Returns the latest fiber (since it may be double-buffered).
  */
-declare const getLatestFiber: (fiber: Fiber$1) => Fiber$1;
+declare const getLatestFiber: (fiber: Fiber) => Fiber;
 type RenderPhase = 'mount' | 'update' | 'unmount';
-type RenderHandler = <S>(fiber: Fiber$1, phase: RenderPhase, state?: S) => unknown;
-declare const fiberIdMap: WeakMap<Fiber$1, number>;
-declare const setFiberId: (fiber: Fiber$1, id?: number) => void;
-declare const getFiberId: (fiber: Fiber$1) => number;
-declare const mountFiberRecursively: (onRender: RenderHandler, firstChild: Fiber$1, traverseSiblings: boolean) => void;
-declare const updateFiberRecursively: (onRender: RenderHandler, nextFiber: Fiber$1, prevFiber: Fiber$1, parentFiber: Fiber$1 | null) => void;
-declare const unmountFiber: (onRender: RenderHandler, fiber: Fiber$1) => void;
-declare const unmountFiberChildrenRecursively: (onRender: RenderHandler, fiber: Fiber$1) => void;
+type RenderHandler = <S>(fiber: Fiber, phase: RenderPhase, state?: S) => unknown;
+declare const fiberIdMap: WeakMap<Fiber, number>;
+declare const setFiberId: (fiber: Fiber, id?: number) => void;
+declare const getFiberId: (fiber: Fiber) => number;
+declare const mountFiberRecursively: (onRender: RenderHandler, firstChild: Fiber, traverseSiblings: boolean) => void;
+declare const updateFiberRecursively: (onRender: RenderHandler, nextFiber: Fiber, prevFiber: Fiber, parentFiber: Fiber | null) => void;
+declare const unmountFiber: (onRender: RenderHandler, fiber: Fiber) => void;
+declare const unmountFiberChildrenRecursively: (onRender: RenderHandler, fiber: Fiber) => void;
 /**
  * Creates a fiber visitor function. Must pass a fiber root and a render handler.
  * @example
@@ -248,10 +184,10 @@ declare const createFiberVisitor: ({
 }: {
   onRender: RenderHandler;
   onError: (error: unknown) => unknown;
-}) => (<S>(_rendererID: number, root: FiberRoot | Fiber$1, _state?: S) => void);
+}) => (<S>(_rendererID: number, root: FiberRoot | Fiber, _state?: S) => void);
 interface InstrumentationOptions {
   onCommitFiberRoot?: (rendererID: number, root: FiberRoot, priority: void | number) => unknown;
-  onCommitFiberUnmount?: (rendererID: number, fiber: Fiber$1) => unknown;
+  onCommitFiberUnmount?: (rendererID: number, fiber: Fiber) => unknown;
   onPostCommitFiberRoot?: (rendererID: number, root: FiberRoot) => unknown;
   onActive?: () => unknown;
   name?: string;
@@ -269,7 +205,7 @@ interface InstrumentationOptions {
  * });
  */
 declare const instrument: (options: InstrumentationOptions) => ReactDevToolsGlobalHook;
-declare const getFiberFromHostInstance: <T>(hostInstance: T) => Fiber$1 | null;
+declare const getFiberFromHostInstance: <T>(hostInstance: T) => Fiber | null;
 declare const INSTALL_ERROR: Error;
 declare const _fiberRoots: Set<any>;
 declare const secure: (options: InstrumentationOptions, secureOptions?: {
@@ -290,4 +226,4 @@ declare const secure: (options: InstrumentationOptions, secureOptions?: {
 declare const onCommitFiberRoot: (handler: (root: FiberRoot) => void) => ReactDevToolsGlobalHook;
 
 //#endregion
-export { BIPPY_INSTRUMENTATION_STRING, BundleType, CONCURRENT_MODE_NUMBER, CONCURRENT_MODE_SYMBOL_STRING, ClassComponentTag, ComponentSelector, ContextConsumerTag, ContextDependency, DEPRECATED_ASYNC_MODE_SYMBOL_STRING, DehydratedSuspenseComponentTag, Dependencies, DevToolsConfig, ELEMENT_TYPE_SYMBOL_STRING, Effect, Fiber$1 as Fiber, FiberRoot, Flags, ForwardRefTag, FragmentTag, FunctionComponentTag, HasPseudoClassSelector, HookType, HostComponentTag, HostConfig, HostHoistableTag, HostRootTag, HostSingletonTag, HostTextTag, INSTALL_ERROR, INSTALL_HOOK_SCRIPT_STRING, InstrumentationOptions, LanePriority, Lanes, LegacyHiddenComponentTag, MemoComponentTag, MemoizedState, MutableSource, OffscreenComponentTag, OpaqueHandle, OpaqueRoot, Props, React$AbstractComponent, ReactConsumer, ReactContext, ReactDevToolsGlobalHook, ReactPortal, ReactProvider, ReactProviderType, ReactRenderer, RefObject, RenderHandler, RenderPhase, RoleSelector, RootTag, Selector, SimpleMemoComponentTag, Source, SuspenseComponentTag, SuspenseHydrationCallbacks, TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING, TestNameSelector, TextSelector, Thenable, TransitionTracingCallbacks, TypeOfMode, WorkTag, _fiberRoots, _renderers, createFiberVisitor, detectReactBuildType, didFiberCommit, didFiberRender, fiberIdMap, getDisplayName, getFiberFromHostInstance, getFiberId, getFiberStack, getLatestFiber, getMutatedHostFibers, getNearestHostFiber, getNearestHostFibers, getRDTHook, getTimings, getType, hasMemoCache, hasRDTHook, installRDTHook, instrument, isClientEnvironment, isCompositeFiber, isHostFiber, isInstrumentationActive, isReactRefresh, isRealReactDevtools, isValidElement, isValidFiber, mountFiberRecursively, onCommitFiberRoot, patchRDTHook, safelyInstallRDTHook, secure, setFiberId, shouldFilterFiber, traverseContexts, traverseFiber, traverseProps, traverseRenderedFibers, traverseState, unmountFiber, unmountFiberChildrenRecursively, updateFiberRecursively, version };
+export { BIPPY_INSTRUMENTATION_STRING, CONCURRENT_MODE_NUMBER as CONCURRENT_MODE_NUMBER$1, CONCURRENT_MODE_SYMBOL_STRING as CONCURRENT_MODE_SYMBOL_STRING$1, ClassComponentTag as ClassComponentTag$1, ContextConsumerTag as ContextConsumerTag$1, DEPRECATED_ASYNC_MODE_SYMBOL_STRING as DEPRECATED_ASYNC_MODE_SYMBOL_STRING$1, DehydratedSuspenseComponentTag as DehydratedSuspenseComponentTag$1, ELEMENT_TYPE_SYMBOL_STRING as ELEMENT_TYPE_SYMBOL_STRING$1, ForwardRefTag as ForwardRefTag$1, FragmentTag as FragmentTag$1, FunctionComponentTag as FunctionComponentTag$1, HostComponentTag as HostComponentTag$1, HostHoistableTag as HostHoistableTag$1, HostRootTag as HostRootTag$1, HostSingletonTag as HostSingletonTag$1, HostTextTag as HostTextTag$1, INSTALL_ERROR as INSTALL_ERROR$1, INSTALL_HOOK_SCRIPT_STRING as INSTALL_HOOK_SCRIPT_STRING$1, InstrumentationOptions, LegacyHiddenComponentTag as LegacyHiddenComponentTag$1, MemoComponentTag as MemoComponentTag$1, OffscreenComponentTag as OffscreenComponentTag$1, RenderHandler, RenderPhase, SimpleMemoComponentTag as SimpleMemoComponentTag$1, SuspenseComponentTag as SuspenseComponentTag$1, TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING as TRANSITIONAL_ELEMENT_TYPE_SYMBOL_STRING$1, _fiberRoots as _fiberRoots$1, _renderers, areFiberEqual as areFiberEqual$1, createFiberVisitor as createFiberVisitor$1, detectReactBuildType as detectReactBuildType$1, didFiberCommit as didFiberCommit$1, didFiberRender as didFiberRender$1, fiberIdMap as fiberIdMap$1, getDisplayName as getDisplayName$1, getFiberFromHostInstance as getFiberFromHostInstance$1, getFiberId as getFiberId$1, getFiberStack as getFiberStack$1, getLatestFiber as getLatestFiber$1, getMutatedHostFibers as getMutatedHostFibers$1, getNearestHostFiber as getNearestHostFiber$1, getNearestHostFibers as getNearestHostFibers$1, getRDTHook, getTimings as getTimings$1, getType as getType$1, hasMemoCache as hasMemoCache$1, hasRDTHook, installRDTHook, instrument as instrument$1, isClientEnvironment, isCompositeFiber as isCompositeFiber$1, isHostFiber as isHostFiber$1, isInstrumentationActive as isInstrumentationActive$1, isReactRefresh, isRealReactDevtools, isValidElement as isValidElement$1, isValidFiber as isValidFiber$1, mountFiberRecursively as mountFiberRecursively$1, onCommitFiberRoot as onCommitFiberRoot$1, patchRDTHook, safelyInstallRDTHook, secure as secure$1, setFiberId as setFiberId$1, shouldFilterFiber as shouldFilterFiber$1, traverseContexts as traverseContexts$1, traverseFiber as traverseFiber$1, traverseProps as traverseProps$1, traverseRenderedFibers as traverseRenderedFibers$1, traverseState as traverseState$1, unmountFiber as unmountFiber$1, unmountFiberChildrenRecursively as unmountFiberChildrenRecursively$1, updateFiberRecursively as updateFiberRecursively$1, version };