bippy 0.0.19 → 0.0.21

package/dist/index.cjs

@@ -42,7 +42,10 @@ var Ref = 512;
 var Snapshot = 1024;
 var Visibility = 8192;
 var MutationMask = Placement | Update | ChildDeletion | ContentReset | Hydrating | Visibility | Snapshot;
-var isValidElement = (element) => typeof element === "object" && element != null && "$$typeof" in element && String(element.$$typeof) === "Symbol(react.element)";
+var isValidElement = (element) => typeof element === "object" && element != null && "$$typeof" in element && // react 18 uses Symbol.for('react.element'), react 19 uses Symbol.for('react.transitional.element')
+["Symbol(react.element)", "Symbol(react.transitional.element)"].includes(
+  String(element.$$typeof)
+);
 var isHostFiber = (fiber) => fiber.tag === HostComponentTag || // @ts-expect-error: it exists
 fiber.tag === HostHoistableTag || // @ts-expect-error: it exists
 fiber.tag === HostSingletonTag;
@@ -84,7 +87,11 @@ var traverseProps = (fiber, selector) => {
   try {
     const nextProps = fiber.memoizedProps;
     const prevProps = fiber.alternate?.memoizedProps || {};
-    for (const propName in { ...prevProps, ...nextProps }) {
+    const allKeys = /* @__PURE__ */ new Set([
+      ...Object.keys(prevProps),
+      ...Object.keys(nextProps)
+    ]);
+    for (const propName of allKeys) {
       const prevValue = prevProps?.[propName];
       const nextValue = nextProps?.[propName];
       if (selector(prevValue, nextValue) === true) return true;
@@ -217,34 +224,74 @@ var getDisplayName = (type) => {
   if (!type) return null;
   return type.displayName || type.name || null;
 };
-var NO_OP = () => {
+var isUsingRDT = () => globalThis.__REACT_DEVTOOLS_BACKEND_MANAGER_INJECTED__ != null;
+var detectReactBuildType = (renderer) => {
+  try {
+    if (typeof renderer.version === "string" && renderer.bundleType > 0) {
+      return "development";
+    }
+  } catch {
+  }
+  return "production";
 };
-var getRDTHook = () => {
-  let rdtHook = globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__;
-  const renderers = /* @__PURE__ */ new Map();
-  let i = 0;
-  rdtHook ??= {
-    checkDCE: NO_OP,
-    supportsFiber: true,
-    supportsFlight: true,
-    renderers,
-    onCommitFiberRoot: NO_OP,
-    onCommitFiberUnmount: NO_OP,
-    onPostCommitFiberRoot: NO_OP,
-    inject(renderer) {
-      const nextID = ++i;
-      renderers.set(nextID, renderer);
-      return nextID;
-    },
-    _instrumentationSource: "bippy"
-  };
+var checkDCE = (fn) => {
   try {
-    globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__ = rdtHook;
+    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 {
   }
+};
+var NO_OP = () => {
+};
+var getRDTHook = (onActive) => {
+  let rdtHook = globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__;
+  const isActive = rdtHook && !("_instrumentationSource" in rdtHook);
+  if (isActive) onActive?.();
+  if (!window.hasOwnProperty("__REACT_DEVTOOLS_GLOBAL_HOOK__")) {
+    const renderers = /* @__PURE__ */ new Map();
+    let i = 0;
+    rdtHook ??= {
+      checkDCE,
+      supportsFiber: true,
+      supportsFlight: true,
+      renderers,
+      onCommitFiberRoot: NO_OP,
+      onCommitFiberUnmount: NO_OP,
+      onPostCommitFiberRoot: NO_OP,
+      inject(renderer) {
+        const nextID = ++i;
+        renderers.set(nextID, renderer);
+        if (!rdtHook._instrumentationIsActive) {
+          rdtHook._instrumentationIsActive = true;
+          onActive?.();
+        }
+        return nextID;
+      },
+      _instrumentationSource: "bippy",
+      _instrumentationIsActive: isActive
+    };
+    try {
+      Object.defineProperty(globalThis, "__REACT_DEVTOOLS_GLOBAL_HOOK__", {
+        configurable: true,
+        value: rdtHook
+      });
+    } catch {
+    }
+  }
   return rdtHook;
 };
+var isInstrumentationActive = () => {
+  const rdtHook = getRDTHook();
+  return Boolean(rdtHook._instrumentationIsActive);
+};
 if (typeof window !== "undefined") {
+  performance.now();
   getRDTHook();
 }
 var mountFiberRecursively = (onRender, firstChild, traverseSiblings) => {
@@ -397,9 +444,10 @@ var instrument = ({
   onCommitFiberRoot,
   onCommitFiberUnmount,
   onPostCommitFiberRoot,
+  onActive,
   name
 }) => {
-  const devtoolsHook = getRDTHook();
+  const devtoolsHook = getRDTHook(onActive);
   devtoolsHook._instrumentationSource = name ?? "bippy";
   const prevOnCommitFiberRoot = devtoolsHook.onCommitFiberRoot;
   if (onCommitFiberRoot) {
@@ -460,6 +508,7 @@ exports.SuspenseComponentTag = SuspenseComponentTag;
 exports.Update = Update;
 exports.Visibility = Visibility;
 exports.createFiberVisitor = createFiberVisitor;
+exports.detectReactBuildType = detectReactBuildType;
 exports.didFiberCommit = didFiberCommit;
 exports.didFiberRender = didFiberRender;
 exports.getDisplayName = getDisplayName;
@@ -473,6 +522,8 @@ exports.hasMemoCache = hasMemoCache;
 exports.instrument = instrument;
 exports.isCompositeFiber = isCompositeFiber;
 exports.isHostFiber = isHostFiber;
+exports.isInstrumentationActive = isInstrumentationActive;
+exports.isUsingRDT = isUsingRDT;
 exports.isValidElement = isValidElement;
 exports.mountFiberRecursively = mountFiberRecursively;
 exports.shouldFilterFiber = shouldFilterFiber;

package/dist/index.d.cts

@@ -1,16 +1,21 @@
 import * as React from 'react';
 import { Fiber, FiberRoot } from 'react-reconciler';
 
+interface ReactRenderer {
+    version: string;
+    bundleType: 0 | 1;
+}
 interface ReactDevToolsGlobalHook {
-    checkDCE: () => void;
+    checkDCE: (fn: any) => void;
     supportsFiber: boolean;
     supportsFlight: boolean;
-    renderers: Map<number, unknown>;
+    renderers: Map<number, ReactRenderer>;
     onCommitFiberRoot: (rendererID: number, root: unknown, priority: void | number) => void;
     onCommitFiberUnmount: (rendererID: number, root: unknown) => void;
     onPostCommitFiberRoot: (rendererID: number, root: unknown) => void;
     inject: (renderer: unknown) => number;
     _instrumentationSource?: string;
+    _instrumentationIsActive?: boolean;
 }
 declare const ClassComponentTag = 1;
 declare const FunctionComponentTag = 0;
@@ -74,21 +79,25 @@ declare const getTimings: (fiber?: Fiber | null | undefined) => {
 declare const hasMemoCache: (fiber: Fiber) => boolean;
 declare const getType: (type: any) => any;
 declare const getDisplayName: (type: any) => string | null;
-declare const getRDTHook: () => ReactDevToolsGlobalHook;
-type RenderHandler = <S>(fiber: Fiber, phase: 'mount' | 'update' | 'unmount', state?: S) => void;
+declare const isUsingRDT: () => boolean;
+declare const detectReactBuildType: (renderer: ReactRenderer) => "development" | "production";
+declare const getRDTHook: (onActive?: () => unknown) => ReactDevToolsGlobalHook;
+declare const isInstrumentationActive: () => boolean;
+type RenderHandler = <S>(fiber: Fiber, phase: 'mount' | 'update' | 'unmount', state?: S) => unknown;
 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;
 declare const createFiberVisitor: ({ onRender: onRenderWithoutState, onError, }: {
     onRender: RenderHandler;
-    onError?: (error: unknown) => void;
+    onError?: (error: unknown) => unknown;
 }) => <S>(_rendererID: number, root: FiberRoot, state?: S) => void;
-declare const instrument: ({ onCommitFiberRoot, onCommitFiberUnmount, onPostCommitFiberRoot, name, }: {
-    onCommitFiberRoot?: (rendererID: number, root: FiberRoot, priority: void | number) => void;
-    onCommitFiberUnmount?: (rendererID: number, root: FiberRoot) => void;
-    onPostCommitFiberRoot?: (rendererID: number, root: FiberRoot) => void;
+declare const instrument: ({ onCommitFiberRoot, onCommitFiberUnmount, onPostCommitFiberRoot, onActive, name, }: {
+    onCommitFiberRoot?: (rendererID: number, root: FiberRoot, priority: void | number) => unknown;
+    onCommitFiberUnmount?: (rendererID: number, root: FiberRoot) => unknown;
+    onPostCommitFiberRoot?: (rendererID: number, root: FiberRoot) => unknown;
+    onActive?: () => unknown;
     name?: string;
 }) => ReactDevToolsGlobalHook;
 
-export { CONCURRENT_MODE_NUMBER, CONCURRENT_MODE_SYMBOL_STRING, ChildDeletion, ClassComponentTag, Cloned, ContentReset, ContextConsumerTag, DEPRECATED_ASYNC_MODE_SYMBOL_STRING, DehydratedSuspenseComponent, DidCapture, ForwardRefTag, Fragment, FunctionComponentTag, HostComponentTag, HostHoistableTag, HostRoot, HostSingletonTag, HostText, Hydrating, LegacyHiddenComponent, MemoComponentTag, MutationMask, OffscreenComponent, OffscreenComponentTag, PerformedWork, Placement, type ReactDevToolsGlobalHook, Ref, SimpleMemoComponentTag, Snapshot, SuspenseComponentTag, Update, Visibility, createFiberVisitor, didFiberCommit, didFiberRender, getDisplayName, getFiberStack, getMutatedHostFibers, getNearestHostFiber, getRDTHook, getTimings, getType, hasMemoCache, instrument, isCompositeFiber, isHostFiber, isValidElement, mountFiberRecursively, shouldFilterFiber, traverseContexts, traverseFiber, traverseProps, traverseState, unmountFiber, unmountFiberChildrenRecursively, updateFiberRecursively };
+export { CONCURRENT_MODE_NUMBER, CONCURRENT_MODE_SYMBOL_STRING, ChildDeletion, ClassComponentTag, Cloned, ContentReset, ContextConsumerTag, DEPRECATED_ASYNC_MODE_SYMBOL_STRING, DehydratedSuspenseComponent, DidCapture, ForwardRefTag, Fragment, FunctionComponentTag, HostComponentTag, HostHoistableTag, HostRoot, HostSingletonTag, HostText, Hydrating, LegacyHiddenComponent, MemoComponentTag, MutationMask, OffscreenComponent, OffscreenComponentTag, PerformedWork, Placement, type ReactDevToolsGlobalHook, type ReactRenderer, Ref, SimpleMemoComponentTag, Snapshot, SuspenseComponentTag, Update, Visibility, createFiberVisitor, detectReactBuildType, didFiberCommit, didFiberRender, getDisplayName, getFiberStack, getMutatedHostFibers, getNearestHostFiber, getRDTHook, getTimings, getType, hasMemoCache, instrument, isCompositeFiber, isHostFiber, isInstrumentationActive, isUsingRDT, isValidElement, mountFiberRecursively, shouldFilterFiber, traverseContexts, traverseFiber, traverseProps, traverseState, unmountFiber, unmountFiberChildrenRecursively, updateFiberRecursively };

package/dist/index.d.ts

@@ -1,16 +1,21 @@
 import * as React from 'react';
 import { Fiber, FiberRoot } from 'react-reconciler';
 
+interface ReactRenderer {
+    version: string;
+    bundleType: 0 | 1;
+}
 interface ReactDevToolsGlobalHook {
-    checkDCE: () => void;
+    checkDCE: (fn: any) => void;
     supportsFiber: boolean;
     supportsFlight: boolean;
-    renderers: Map<number, unknown>;
+    renderers: Map<number, ReactRenderer>;
     onCommitFiberRoot: (rendererID: number, root: unknown, priority: void | number) => void;
     onCommitFiberUnmount: (rendererID: number, root: unknown) => void;
     onPostCommitFiberRoot: (rendererID: number, root: unknown) => void;
     inject: (renderer: unknown) => number;
     _instrumentationSource?: string;
+    _instrumentationIsActive?: boolean;
 }
 declare const ClassComponentTag = 1;
 declare const FunctionComponentTag = 0;
@@ -74,21 +79,25 @@ declare const getTimings: (fiber?: Fiber | null | undefined) => {
 declare const hasMemoCache: (fiber: Fiber) => boolean;
 declare const getType: (type: any) => any;
 declare const getDisplayName: (type: any) => string | null;
-declare const getRDTHook: () => ReactDevToolsGlobalHook;
-type RenderHandler = <S>(fiber: Fiber, phase: 'mount' | 'update' | 'unmount', state?: S) => void;
+declare const isUsingRDT: () => boolean;
+declare const detectReactBuildType: (renderer: ReactRenderer) => "development" | "production";
+declare const getRDTHook: (onActive?: () => unknown) => ReactDevToolsGlobalHook;
+declare const isInstrumentationActive: () => boolean;
+type RenderHandler = <S>(fiber: Fiber, phase: 'mount' | 'update' | 'unmount', state?: S) => unknown;
 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;
 declare const createFiberVisitor: ({ onRender: onRenderWithoutState, onError, }: {
     onRender: RenderHandler;
-    onError?: (error: unknown) => void;
+    onError?: (error: unknown) => unknown;
 }) => <S>(_rendererID: number, root: FiberRoot, state?: S) => void;
-declare const instrument: ({ onCommitFiberRoot, onCommitFiberUnmount, onPostCommitFiberRoot, name, }: {
-    onCommitFiberRoot?: (rendererID: number, root: FiberRoot, priority: void | number) => void;
-    onCommitFiberUnmount?: (rendererID: number, root: FiberRoot) => void;
-    onPostCommitFiberRoot?: (rendererID: number, root: FiberRoot) => void;
+declare const instrument: ({ onCommitFiberRoot, onCommitFiberUnmount, onPostCommitFiberRoot, onActive, name, }: {
+    onCommitFiberRoot?: (rendererID: number, root: FiberRoot, priority: void | number) => unknown;
+    onCommitFiberUnmount?: (rendererID: number, root: FiberRoot) => unknown;
+    onPostCommitFiberRoot?: (rendererID: number, root: FiberRoot) => unknown;
+    onActive?: () => unknown;
     name?: string;
 }) => ReactDevToolsGlobalHook;
 
-export { CONCURRENT_MODE_NUMBER, CONCURRENT_MODE_SYMBOL_STRING, ChildDeletion, ClassComponentTag, Cloned, ContentReset, ContextConsumerTag, DEPRECATED_ASYNC_MODE_SYMBOL_STRING, DehydratedSuspenseComponent, DidCapture, ForwardRefTag, Fragment, FunctionComponentTag, HostComponentTag, HostHoistableTag, HostRoot, HostSingletonTag, HostText, Hydrating, LegacyHiddenComponent, MemoComponentTag, MutationMask, OffscreenComponent, OffscreenComponentTag, PerformedWork, Placement, type ReactDevToolsGlobalHook, Ref, SimpleMemoComponentTag, Snapshot, SuspenseComponentTag, Update, Visibility, createFiberVisitor, didFiberCommit, didFiberRender, getDisplayName, getFiberStack, getMutatedHostFibers, getNearestHostFiber, getRDTHook, getTimings, getType, hasMemoCache, instrument, isCompositeFiber, isHostFiber, isValidElement, mountFiberRecursively, shouldFilterFiber, traverseContexts, traverseFiber, traverseProps, traverseState, unmountFiber, unmountFiberChildrenRecursively, updateFiberRecursively };
+export { CONCURRENT_MODE_NUMBER, CONCURRENT_MODE_SYMBOL_STRING, ChildDeletion, ClassComponentTag, Cloned, ContentReset, ContextConsumerTag, DEPRECATED_ASYNC_MODE_SYMBOL_STRING, DehydratedSuspenseComponent, DidCapture, ForwardRefTag, Fragment, FunctionComponentTag, HostComponentTag, HostHoistableTag, HostRoot, HostSingletonTag, HostText, Hydrating, LegacyHiddenComponent, MemoComponentTag, MutationMask, OffscreenComponent, OffscreenComponentTag, PerformedWork, Placement, type ReactDevToolsGlobalHook, type ReactRenderer, Ref, SimpleMemoComponentTag, Snapshot, SuspenseComponentTag, Update, Visibility, createFiberVisitor, detectReactBuildType, didFiberCommit, didFiberRender, getDisplayName, getFiberStack, getMutatedHostFibers, getNearestHostFiber, getRDTHook, getTimings, getType, hasMemoCache, instrument, isCompositeFiber, isHostFiber, isInstrumentationActive, isUsingRDT, isValidElement, mountFiberRecursively, shouldFilterFiber, traverseContexts, traverseFiber, traverseProps, traverseState, unmountFiber, unmountFiberChildrenRecursively, updateFiberRecursively };

package/dist/index.global.js

@@ -6,4 +6,5 @@ var Bippy=(function(exports){'use strict';/**
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var k=1,D=0,O=9,H=13,_=22,P=11,z=14,M=15,E=5,N=26,V=27,I=18,U=6,j=7,A=23,L=22,B=3,W=60111,T="Symbol(react.concurrent_mode)",R="Symbol(react.async_mode)",$=1,G=2,Y=128,K=4096,Q=4,q=8,J=16,X=32,Z=512,ee=1024,te=8192,oe=13366,ne=e=>typeof e=="object"&&e!=null&&"$$typeof"in e&&String(e.$$typeof)==="Symbol(react.element)",d=e=>e.tag===5||e.tag===26||e.tag===27,re=e=>e.tag===0||e.tag===1||e.tag===15||e.tag===14||e.tag===11,ie=(e,o)=>{try{let n=e.dependencies,t=e.alternate?.dependencies;if(!n||!t||typeof n!="object"||!("firstContext"in n)||typeof t!="object"||!("firstContext"in t))return !1;let i=n.firstContext,l=t.firstContext;for(;i&&typeof i=="object"&&"memoizedValue"in i&&l&&typeof l=="object"&&"memoizedValue"in l;){if(o(i,l)===!0)return !0;i=i.next,l=l.next;}}catch{}return !1},le=(e,o)=>{try{let n=e.memoizedState,t=e.alternate?.memoizedState;for(;n&&t;){if(o(n,t)===!0)return !0;n=n.next,t=t.next;}}catch{}return !1},se=(e,o)=>{try{let n=e.memoizedProps,t=e.alternate?.memoizedProps||{};for(let i in {...t,...n}){let l=t?.[i],s=n?.[i];if(o(l,s)===!0)return !0}}catch{}return !1},g=e=>{let o=e.memoizedProps,n=e.alternate?.memoizedProps||{},t=e.flags??e.effectTag??0;switch(e.tag){case 1:case 0:case 9:case 11:case 14:case 15:return (t&1)===1;default:return e.alternate?n!==o||e.alternate.memoizedState!==e.memoizedState||e.alternate.ref!==e.ref:!0}},v=e=>!!(e.flags&22||e.subtreeFlags&22),ae=e=>{let o=[],n=[e];for(;n.length;){let t=n.pop();t&&(d(t)&&v(t)&&g(t)&&o.push(t),t.child&&n.push(t.child),t.sibling&&n.push(t.sibling));}return o},ue=e=>{let o=[];for(;e.return;)o.push(e),e=e.return;let n=new Array(o.length);for(let t=0;t<o.length;t++)n[t]=o[o.length-t-1];return n},h=e=>{switch(e.tag){case 18:return !0;case 6:case 7:case 23:case 22:return !0;case 3:return !1;default:{let o=typeof e.type=="object"&&e.type!==null?e.type.$$typeof:e.type;switch(typeof o=="symbol"?o.toString():o){case 60111:case T:case R:return !0;default:return !1}}}},ce=e=>{let o=b(e,d);return o||(o=b(e,d,!0)),o},b=(e,o,n=!1)=>{if(!e)return null;if(o(e)===!0)return e;let t=n?e.return:e.child;for(;t;){let i=b(t,o,n);if(i)return i;t=n?null:t.sibling;}return null},me=e=>{let o=e?.actualDuration??0,n=o,t=e?.child??null;for(;o>0&&t!=null;)n-=t.actualDuration??0,t=t.sibling;return {selfTime:n,totalTime:o}},pe=e=>!!e.updateQueue?.memoCache,F=e=>typeof e=="function"?e:typeof e=="object"&&e?F(e.type||e.render):null,de=e=>{if(typeof e!="function"&&!(typeof e=="object"&&e))return null;let o=e.displayName||e.name||null;return o||(e=F(e),e&&(e.displayName||e.name)||null)},p=()=>{},x=()=>{let e=globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__,o=new Map,n=0;e??={checkDCE:p,supportsFiber:!0,supportsFlight:!0,renderers:o,onCommitFiberRoot:p,onCommitFiberUnmount:p,onPostCommitFiberRoot:p,inject(t){let i=++n;return o.set(i,t),i},_instrumentationSource:"bippy"};try{globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__=e;}catch{}return e};typeof window<"u"&&x();var m=(e,o,n)=>{let t=o;for(;t!=null;){if(!h(t)&&g(t)&&e(t,"mount"),t.tag===13)if(t.memoizedState!==null){let s=t.child,u=s?s.sibling:null;if(u){let r=u.child;r!==null&&m(e,r,!1);}}else {let s=null;t.child!==null&&(s=t.child.child),s!==null&&m(e,s,!1);}else t.child!=null&&m(e,t.child,!0);t=n?t.sibling:null;}},C=(e,o,n,t)=>{if(!n)return;let i=o.tag===13,l=!h(o);l&&g(o)&&e(o,"update");let s=i&&n.memoizedState!==null,u=i&&o.memoizedState!==null;if(s&&u){let r=o.child?.sibling??null,a=n.child?.sibling??null;r!==null&&a!==null&&C(e,r,a);}else if(s&&!u){let r=o.child;r!==null&&m(e,r,!0);}else if(!s&&u){y(e,n);let r=o.child?.sibling??null;r!==null&&m(e,r,!0);}else if(o.child!==n.child){let r=o.child;for(;r;){if(r.alternate){let a=r.alternate;C(e,r,a);}else m(e,r,!1);r=r.sibling;}}},S=(e,o)=>{(o.tag===3||!h(o))&&e(o,"unmount");},y=(e,o)=>{let n=o.tag===13&&o.memoizedState!==null,t=o.child;for(n&&(t=(o.child?.sibling??null)?.child??null);t!==null;)t.return!==null&&(S(e,t),y(e,t)),t=t.sibling;},w=0,f=new WeakMap,be=({onRender:e,onError:o})=>(n,t,i)=>{let l=t.current,s=(a,c)=>e(a,c,i),u=f.get(t);u||(u={prevFiber:null,id:w++},f.set(t,u));let{prevFiber:r}=u;try{if(r!==null){let a=r&&r.memoizedState!=null&&r.memoizedState.element!=null&&r.memoizedState.isDehydrated!==!0,c=l.memoizedState!=null&&l.memoizedState.element!=null&&l.memoizedState.isDehydrated!==!0;!a&&c?m(s,l,!1):a&&c?C(s,l,l.alternate,null):a&&!c&&S(s,l);}else m(s,l,!1);}catch(a){if(o)o(a);else throw a}u.prevFiber=l;},Ce=({onCommitFiberRoot:e,onCommitFiberUnmount:o,onPostCommitFiberRoot:n,name:t})=>{let i=x();i._instrumentationSource=t??"bippy";let l=i.onCommitFiberRoot;e&&(i.onCommitFiberRoot=(r,a,c)=>{l&&l(r,a,c),e(r,a,c);});let s=i.onCommitFiberUnmount;o&&(i.onCommitFiberUnmount=(r,a)=>{s&&s(r,a),o(r,a);});let u=i.onPostCommitFiberRoot;return n&&(i.onPostCommitFiberRoot=(r,a)=>{u&&u(r,a);}),i};exports.CONCURRENT_MODE_NUMBER=W;exports.CONCURRENT_MODE_SYMBOL_STRING=T;exports.ChildDeletion=J;exports.ClassComponentTag=k;exports.Cloned=q;exports.ContentReset=X;exports.ContextConsumerTag=O;exports.DEPRECATED_ASYNC_MODE_SYMBOL_STRING=R;exports.DehydratedSuspenseComponent=I;exports.DidCapture=Y;exports.ForwardRefTag=P;exports.Fragment=j;exports.FunctionComponentTag=D;exports.HostComponentTag=E;exports.HostHoistableTag=N;exports.HostRoot=B;exports.HostSingletonTag=V;exports.HostText=U;exports.Hydrating=K;exports.LegacyHiddenComponent=A;exports.MemoComponentTag=z;exports.MutationMask=oe;exports.OffscreenComponent=L;exports.OffscreenComponentTag=_;exports.PerformedWork=$;exports.Placement=G;exports.Ref=Z;exports.SimpleMemoComponentTag=M;exports.Snapshot=ee;exports.SuspenseComponentTag=H;exports.Update=Q;exports.Visibility=te;exports.createFiberVisitor=be;exports.didFiberCommit=v;exports.didFiberRender=g;exports.getDisplayName=de;exports.getFiberStack=ue;exports.getMutatedHostFibers=ae;exports.getNearestHostFiber=ce;exports.getRDTHook=x;exports.getTimings=me;exports.getType=F;exports.hasMemoCache=pe;exports.instrument=Ce;exports.isCompositeFiber=re;exports.isHostFiber=d;exports.isValidElement=ne;exports.mountFiberRecursively=m;exports.shouldFilterFiber=h;exports.traverseContexts=ie;exports.traverseFiber=b;exports.traverseProps=se;exports.traverseState=le;exports.unmountFiber=S;exports.unmountFiberChildrenRecursively=y;exports.updateFiberRecursively=C;return exports;})({});
+var O=1,D=0,H=9,E=13,P=22,M=11,z=14,I=15,A=5,N=26,V=27,U=18,j=6,L=7,B=23,G=22,W=3,$=60111,R="Symbol(react.concurrent_mode)",_="Symbol(react.async_mode)",K=1,Y=2,J=128,Q=4096,q=4,X=8,Z=16,ee=32,te=512,ne=1024,oe=8192,re=13366,ie=e=>typeof e=="object"&&e!=null&&"$$typeof"in e&&["Symbol(react.element)","Symbol(react.transitional.element)"].includes(String(e.$$typeof)),d=e=>e.tag===5||e.tag===26||e.tag===27,se=e=>e.tag===0||e.tag===1||e.tag===15||e.tag===14||e.tag===11,le=(e,t)=>{try{let o=e.dependencies,n=e.alternate?.dependencies;if(!o||!n||typeof o!="object"||!("firstContext"in o)||typeof n!="object"||!("firstContext"in n))return !1;let l=o.firstContext,r=n.firstContext;for(;l&&typeof l=="object"&&"memoizedValue"in l&&r&&typeof r=="object"&&"memoizedValue"in r;){if(t(l,r)===!0)return !0;l=l.next,r=r.next;}}catch{}return !1},ae=(e,t)=>{try{let o=e.memoizedState,n=e.alternate?.memoizedState;for(;o&&n;){if(t(o,n)===!0)return !0;o=o.next,n=n.next;}}catch{}return !1},ce=(e,t)=>{try{let o=e.memoizedProps,n=e.alternate?.memoizedProps||{},l=new Set([...Object.keys(n),...Object.keys(o)]);for(let r of l){let s=n?.[r],c=o?.[r];if(t(s,c)===!0)return !0}}catch{}return !1},C=e=>{let t=e.memoizedProps,o=e.alternate?.memoizedProps||{},n=e.flags??e.effectTag??0;switch(e.tag){case 1:case 0:case 9:case 11:case 14:case 15:return (n&1)===1;default:return e.alternate?o!==t||e.alternate.memoizedState!==e.memoizedState||e.alternate.ref!==e.ref:!0}},w=e=>!!(e.flags&22||e.subtreeFlags&22),ue=e=>{let t=[],o=[e];for(;o.length;){let n=o.pop();n&&(d(n)&&w(n)&&C(n)&&t.push(n),n.child&&o.push(n.child),n.sibling&&o.push(n.sibling));}return t},me=e=>{let t=[];for(;e.return;)t.push(e),e=e.return;let o=new Array(t.length);for(let n=0;n<t.length;n++)o[n]=t[t.length-n-1];return o},g=e=>{switch(e.tag){case 18:return !0;case 6:case 7:case 23:case 22:return !0;case 3:return !1;default:{let t=typeof e.type=="object"&&e.type!==null?e.type.$$typeof:e.type;switch(typeof t=="symbol"?t.toString():t){case 60111:case R:case _:return !0;default:return !1}}}},pe=e=>{let t=b(e,d);return t||(t=b(e,d,!0)),t},b=(e,t,o=!1)=>{if(!e)return null;if(t(e)===!0)return e;let n=o?e.return:e.child;for(;n;){let l=b(n,t,o);if(l)return l;n=o?null:n.sibling;}return null},de=e=>{let t=e?.actualDuration??0,o=t,n=e?.child??null;for(;t>0&&n!=null;)o-=n.actualDuration??0,n=n.sibling;return {selfTime:o,totalTime:t}},be=e=>!!e.updateQueue?.memoCache,y=e=>typeof e=="function"?e:typeof e=="object"&&e?y(e.type||e.render):null,fe=e=>{if(typeof e!="function"&&!(typeof e=="object"&&e))return null;let t=e.displayName||e.name||null;return t||(e=y(e),e&&(e.displayName||e.name)||null)},Ce=()=>globalThis.__REACT_DEVTOOLS_BACKEND_MANAGER_INJECTED__!=null,ge=e=>{try{if(typeof e.version=="string"&&e.bundleType>0)return "development"}catch{}return "production"},k=e=>{try{Function.prototype.toString.call(e).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{}},p=()=>{},h=e=>{let t=globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__,o=t&&!("_instrumentationSource"in t);if(o&&e?.(),!window.hasOwnProperty("__REACT_DEVTOOLS_GLOBAL_HOOK__")){let n=new Map,l=0;t??={checkDCE:k,supportsFiber:!0,supportsFlight:!0,renderers:n,onCommitFiberRoot:p,onCommitFiberUnmount:p,onPostCommitFiberRoot:p,inject(r){let s=++l;return n.set(s,r),t._instrumentationIsActive||(t._instrumentationIsActive=!0,e?.()),s},_instrumentationSource:"bippy",_instrumentationIsActive:o};try{Object.defineProperty(globalThis,"__REACT_DEVTOOLS_GLOBAL_HOOK__",{configurable:!0,value:t});}catch{}}return t},he=()=>!!h()._instrumentationIsActive;typeof window<"u"&&(performance.now(),h());var m=(e,t,o)=>{let n=t;for(;n!=null;){if(!g(n)&&C(n)&&e(n,"mount"),n.tag===13)if(n.memoizedState!==null){let s=n.child,c=s?s.sibling:null;if(c){let i=c.child;i!==null&&m(e,i,!1);}}else {let s=null;n.child!==null&&(s=n.child.child),s!==null&&m(e,s,!1);}else n.child!=null&&m(e,n.child,!0);n=o?n.sibling:null;}},f=(e,t,o,n)=>{if(!o)return;let l=t.tag===13,r=!g(t);r&&C(t)&&e(t,"update");let s=l&&o.memoizedState!==null,c=l&&t.memoizedState!==null;if(s&&c){let i=t.child?.sibling??null,a=o.child?.sibling??null;i!==null&&a!==null&&f(e,i,a);}else if(s&&!c){let i=t.child;i!==null&&m(e,i,!0);}else if(!s&&c){T(e,o);let i=t.child?.sibling??null;i!==null&&m(e,i,!0);}else if(t.child!==o.child){let i=t.child;for(;i;){if(i.alternate){let a=i.alternate;f(e,i,a);}else m(e,i,!1);i=i.sibling;}}},S=(e,t)=>{(t.tag===3||!g(t))&&e(t,"unmount");},T=(e,t)=>{let o=t.tag===13&&t.memoizedState!==null,n=t.child;for(o&&(n=(t.child?.sibling??null)?.child??null);n!==null;)n.return!==null&&(S(e,n),T(e,n)),n=n.sibling;},v=0,F=new WeakMap,xe=({onRender:e,onError:t})=>(o,n,l)=>{let r=n.current,s=(a,u)=>e(a,u,l),c=F.get(n);c||(c={prevFiber:null,id:v++},F.set(n,c));let{prevFiber:i}=c;try{if(i!==null){let a=i&&i.memoizedState!=null&&i.memoizedState.element!=null&&i.memoizedState.isDehydrated!==!0,u=r.memoizedState!=null&&r.memoizedState.element!=null&&r.memoizedState.isDehydrated!==!0;!a&&u?m(s,r,!1):a&&u?f(s,r,r.alternate,null):a&&!u&&S(s,r);}else m(s,r,!1);}catch(a){if(t)t(a);else throw a}c.prevFiber=r;},Fe=({onCommitFiberRoot:e,onCommitFiberUnmount:t,onPostCommitFiberRoot:o,onActive:n,name:l})=>{let r=h(n);r._instrumentationSource=l??"bippy";let s=r.onCommitFiberRoot;e&&(r.onCommitFiberRoot=(a,u,x)=>{s&&s(a,u,x),e(a,u,x);});let c=r.onCommitFiberUnmount;t&&(r.onCommitFiberUnmount=(a,u)=>{c&&c(a,u),t(a,u);});let i=r.onPostCommitFiberRoot;return o&&(r.onPostCommitFiberRoot=(a,u)=>{i&&i(a,u);}),r};
+exports.CONCURRENT_MODE_NUMBER=$;exports.CONCURRENT_MODE_SYMBOL_STRING=R;exports.ChildDeletion=Z;exports.ClassComponentTag=O;exports.Cloned=X;exports.ContentReset=ee;exports.ContextConsumerTag=H;exports.DEPRECATED_ASYNC_MODE_SYMBOL_STRING=_;exports.DehydratedSuspenseComponent=U;exports.DidCapture=J;exports.ForwardRefTag=M;exports.Fragment=L;exports.FunctionComponentTag=D;exports.HostComponentTag=A;exports.HostHoistableTag=N;exports.HostRoot=W;exports.HostSingletonTag=V;exports.HostText=j;exports.Hydrating=Q;exports.LegacyHiddenComponent=B;exports.MemoComponentTag=z;exports.MutationMask=re;exports.OffscreenComponent=G;exports.OffscreenComponentTag=P;exports.PerformedWork=K;exports.Placement=Y;exports.Ref=te;exports.SimpleMemoComponentTag=I;exports.Snapshot=ne;exports.SuspenseComponentTag=E;exports.Update=q;exports.Visibility=oe;exports.createFiberVisitor=xe;exports.detectReactBuildType=ge;exports.didFiberCommit=w;exports.didFiberRender=C;exports.getDisplayName=fe;exports.getFiberStack=me;exports.getMutatedHostFibers=ue;exports.getNearestHostFiber=pe;exports.getRDTHook=h;exports.getTimings=de;exports.getType=y;exports.hasMemoCache=be;exports.instrument=Fe;exports.isCompositeFiber=se;exports.isHostFiber=d;exports.isInstrumentationActive=he;exports.isUsingRDT=Ce;exports.isValidElement=ie;exports.mountFiberRecursively=m;exports.shouldFilterFiber=g;exports.traverseContexts=le;exports.traverseFiber=b;exports.traverseProps=ce;exports.traverseState=ae;exports.unmountFiber=S;exports.unmountFiberChildrenRecursively=T;exports.updateFiberRecursively=f;return exports;})({});

package/dist/index.js

@@ -40,7 +40,10 @@ var Ref = 512;
 var Snapshot = 1024;
 var Visibility = 8192;
 var MutationMask = Placement | Update | ChildDeletion | ContentReset | Hydrating | Visibility | Snapshot;
-var isValidElement = (element) => typeof element === "object" && element != null && "$$typeof" in element && String(element.$$typeof) === "Symbol(react.element)";
+var isValidElement = (element) => typeof element === "object" && element != null && "$$typeof" in element && // react 18 uses Symbol.for('react.element'), react 19 uses Symbol.for('react.transitional.element')
+["Symbol(react.element)", "Symbol(react.transitional.element)"].includes(
+  String(element.$$typeof)
+);
 var isHostFiber = (fiber) => fiber.tag === HostComponentTag || // @ts-expect-error: it exists
 fiber.tag === HostHoistableTag || // @ts-expect-error: it exists
 fiber.tag === HostSingletonTag;
@@ -82,7 +85,11 @@ var traverseProps = (fiber, selector) => {
   try {
     const nextProps = fiber.memoizedProps;
     const prevProps = fiber.alternate?.memoizedProps || {};
-    for (const propName in { ...prevProps, ...nextProps }) {
+    const allKeys = /* @__PURE__ */ new Set([
+      ...Object.keys(prevProps),
+      ...Object.keys(nextProps)
+    ]);
+    for (const propName of allKeys) {
       const prevValue = prevProps?.[propName];
       const nextValue = nextProps?.[propName];
       if (selector(prevValue, nextValue) === true) return true;
@@ -215,34 +222,74 @@ var getDisplayName = (type) => {
   if (!type) return null;
   return type.displayName || type.name || null;
 };
-var NO_OP = () => {
+var isUsingRDT = () => globalThis.__REACT_DEVTOOLS_BACKEND_MANAGER_INJECTED__ != null;
+var detectReactBuildType = (renderer) => {
+  try {
+    if (typeof renderer.version === "string" && renderer.bundleType > 0) {
+      return "development";
+    }
+  } catch {
+  }
+  return "production";
 };
-var getRDTHook = () => {
-  let rdtHook = globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__;
-  const renderers = /* @__PURE__ */ new Map();
-  let i = 0;
-  rdtHook ??= {
-    checkDCE: NO_OP,
-    supportsFiber: true,
-    supportsFlight: true,
-    renderers,
-    onCommitFiberRoot: NO_OP,
-    onCommitFiberUnmount: NO_OP,
-    onPostCommitFiberRoot: NO_OP,
-    inject(renderer) {
-      const nextID = ++i;
-      renderers.set(nextID, renderer);
-      return nextID;
-    },
-    _instrumentationSource: "bippy"
-  };
+var checkDCE = (fn) => {
   try {
-    globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__ = rdtHook;
+    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 {
   }
+};
+var NO_OP = () => {
+};
+var getRDTHook = (onActive) => {
+  let rdtHook = globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__;
+  const isActive = rdtHook && !("_instrumentationSource" in rdtHook);
+  if (isActive) onActive?.();
+  if (!window.hasOwnProperty("__REACT_DEVTOOLS_GLOBAL_HOOK__")) {
+    const renderers = /* @__PURE__ */ new Map();
+    let i = 0;
+    rdtHook ??= {
+      checkDCE,
+      supportsFiber: true,
+      supportsFlight: true,
+      renderers,
+      onCommitFiberRoot: NO_OP,
+      onCommitFiberUnmount: NO_OP,
+      onPostCommitFiberRoot: NO_OP,
+      inject(renderer) {
+        const nextID = ++i;
+        renderers.set(nextID, renderer);
+        if (!rdtHook._instrumentationIsActive) {
+          rdtHook._instrumentationIsActive = true;
+          onActive?.();
+        }
+        return nextID;
+      },
+      _instrumentationSource: "bippy",
+      _instrumentationIsActive: isActive
+    };
+    try {
+      Object.defineProperty(globalThis, "__REACT_DEVTOOLS_GLOBAL_HOOK__", {
+        configurable: true,
+        value: rdtHook
+      });
+    } catch {
+    }
+  }
   return rdtHook;
 };
+var isInstrumentationActive = () => {
+  const rdtHook = getRDTHook();
+  return Boolean(rdtHook._instrumentationIsActive);
+};
 if (typeof window !== "undefined") {
+  performance.now();
   getRDTHook();
 }
 var mountFiberRecursively = (onRender, firstChild, traverseSiblings) => {
@@ -395,9 +442,10 @@ var instrument = ({
   onCommitFiberRoot,
   onCommitFiberUnmount,
   onPostCommitFiberRoot,
+  onActive,
   name
 }) => {
-  const devtoolsHook = getRDTHook();
+  const devtoolsHook = getRDTHook(onActive);
   devtoolsHook._instrumentationSource = name ?? "bippy";
   const prevOnCommitFiberRoot = devtoolsHook.onCommitFiberRoot;
   if (onCommitFiberRoot) {
@@ -425,4 +473,4 @@ var instrument = ({
   return devtoolsHook;
 };
 
-export { CONCURRENT_MODE_NUMBER, CONCURRENT_MODE_SYMBOL_STRING, ChildDeletion, ClassComponentTag, Cloned, ContentReset, ContextConsumerTag, DEPRECATED_ASYNC_MODE_SYMBOL_STRING, DehydratedSuspenseComponent, DidCapture, ForwardRefTag, Fragment, FunctionComponentTag, HostComponentTag, HostHoistableTag, HostRoot, HostSingletonTag, HostText, Hydrating, LegacyHiddenComponent, MemoComponentTag, MutationMask, OffscreenComponent, OffscreenComponentTag, PerformedWork, Placement, Ref, SimpleMemoComponentTag, Snapshot, SuspenseComponentTag, Update, Visibility, createFiberVisitor, didFiberCommit, didFiberRender, getDisplayName, getFiberStack, getMutatedHostFibers, getNearestHostFiber, getRDTHook, getTimings, getType, hasMemoCache, instrument, isCompositeFiber, isHostFiber, isValidElement, mountFiberRecursively, shouldFilterFiber, traverseContexts, traverseFiber, traverseProps, traverseState, unmountFiber, unmountFiberChildrenRecursively, updateFiberRecursively };
+export { CONCURRENT_MODE_NUMBER, CONCURRENT_MODE_SYMBOL_STRING, ChildDeletion, ClassComponentTag, Cloned, ContentReset, ContextConsumerTag, DEPRECATED_ASYNC_MODE_SYMBOL_STRING, DehydratedSuspenseComponent, DidCapture, ForwardRefTag, Fragment, FunctionComponentTag, HostComponentTag, HostHoistableTag, HostRoot, HostSingletonTag, HostText, Hydrating, LegacyHiddenComponent, MemoComponentTag, MutationMask, OffscreenComponent, OffscreenComponentTag, PerformedWork, Placement, Ref, SimpleMemoComponentTag, Snapshot, SuspenseComponentTag, Update, Visibility, createFiberVisitor, detectReactBuildType, didFiberCommit, didFiberRender, getDisplayName, getFiberStack, getMutatedHostFibers, getNearestHostFiber, getRDTHook, getTimings, getType, hasMemoCache, instrument, isCompositeFiber, isHostFiber, isInstrumentationActive, isUsingRDT, isValidElement, mountFiberRecursively, shouldFilterFiber, traverseContexts, traverseFiber, traverseProps, traverseState, unmountFiber, unmountFiberChildrenRecursively, updateFiberRecursively };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bippy",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "description": "a hacky way to get fibers from react",
   "keywords": [
     "react",