bippy 0.0.18 → 0.0.20

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')
+["react.element", "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;
@@ -118,21 +121,16 @@ var didFiberCommit = (fiber) => {
 };
 var getMutatedHostFibers = (fiber) => {
   const mutations = [];
-  const visited = /* @__PURE__ */ new WeakSet();
-  const traverse = (node) => {
-    if (!node || visited.has(node)) return;
-    visited.add(node);
+  const stack = [fiber];
+  while (stack.length) {
+    const node = stack.pop();
+    if (!node) continue;
     if (isHostFiber(node) && didFiberCommit(node) && didFiberRender(node)) {
       mutations.push(node);
     }
-    if (node.child) {
-      traverse(node.child);
-    }
-    if (node.sibling) {
-      traverse(node.sibling);
-    }
-  };
-  traverse(fiber);
+    if (node.child) stack.push(node.child);
+    if (node.sibling) stack.push(node.sibling);
+  }
   return mutations;
 };
 var getFiberStack = (fiber) => {
@@ -224,8 +222,10 @@ var getDisplayName = (type) => {
 };
 var NO_OP = () => {
 };
-var getRDTHook = () => {
+var getRDTHook = (onActive) => {
   let rdtHook = globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__;
+  const isActive = rdtHook && !("_instrumentationSource" in rdtHook);
+  if (isActive) onActive?.();
   const renderers = /* @__PURE__ */ new Map();
   let i = 0;
   rdtHook ??= {
@@ -239,17 +239,30 @@ var getRDTHook = () => {
     inject(renderer) {
       const nextID = ++i;
       renderers.set(nextID, renderer);
+      if (!rdtHook._instrumentationIsActive) {
+        rdtHook._instrumentationIsActive = true;
+        onActive?.();
+      }
       return nextID;
     },
-    _instrumentationSource: "bippy"
+    _instrumentationSource: "bippy",
+    _instrumentationIsActive: isActive
   };
   try {
-    globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__ = rdtHook;
+    Object.defineProperty(globalThis, "__REACT_DEVTOOLS_GLOBAL_HOOK__", {
+      configurable: true,
+      value: rdtHook
+    });
   } catch {
   }
   return rdtHook;
 };
+var isInstrumentationActive = (onActive) => {
+  const rdtHook = getRDTHook(onActive);
+  return Boolean(rdtHook._instrumentationIsActive);
+};
 if (typeof window !== "undefined") {
+  performance.now();
   getRDTHook();
 }
 var mountFiberRecursively = (onRender, firstChild, traverseSiblings) => {
@@ -402,9 +415,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) {
@@ -478,6 +492,7 @@ exports.hasMemoCache = hasMemoCache;
 exports.instrument = instrument;
 exports.isCompositeFiber = isCompositeFiber;
 exports.isHostFiber = isHostFiber;
+exports.isInstrumentationActive = isInstrumentationActive;
 exports.isValidElement = isValidElement;
 exports.mountFiberRecursively = mountFiberRecursively;
 exports.shouldFilterFiber = shouldFilterFiber;

package/dist/index.d.cts

@@ -11,6 +11,7 @@ interface ReactDevToolsGlobalHook {
     onPostCommitFiberRoot: (rendererID: number, root: unknown) => void;
     inject: (renderer: unknown) => number;
     _instrumentationSource?: string;
+    _instrumentationIsActive?: boolean;
 }
 declare const ClassComponentTag = 1;
 declare const FunctionComponentTag = 0;
@@ -74,21 +75,23 @@ 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 getRDTHook: (onActive?: () => unknown) => ReactDevToolsGlobalHook;
+declare const isInstrumentationActive: (onActive?: () => unknown) => 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, Ref, SimpleMemoComponentTag, Snapshot, SuspenseComponentTag, Update, Visibility, createFiberVisitor, didFiberCommit, didFiberRender, getDisplayName, getFiberStack, getMutatedHostFibers, getNearestHostFiber, getRDTHook, getTimings, getType, hasMemoCache, instrument, isCompositeFiber, isHostFiber, isInstrumentationActive, isValidElement, mountFiberRecursively, shouldFilterFiber, traverseContexts, traverseFiber, traverseProps, traverseState, unmountFiber, unmountFiberChildrenRecursively, updateFiberRecursively };

package/dist/index.d.ts

@@ -11,6 +11,7 @@ interface ReactDevToolsGlobalHook {
     onPostCommitFiberRoot: (rendererID: number, root: unknown) => void;
     inject: (renderer: unknown) => number;
     _instrumentationSource?: string;
+    _instrumentationIsActive?: boolean;
 }
 declare const ClassComponentTag = 1;
 declare const FunctionComponentTag = 0;
@@ -74,21 +75,23 @@ 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 getRDTHook: (onActive?: () => unknown) => ReactDevToolsGlobalHook;
+declare const isInstrumentationActive: (onActive?: () => unknown) => 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, Ref, SimpleMemoComponentTag, Snapshot, SuspenseComponentTag, Update, Visibility, createFiberVisitor, didFiberCommit, didFiberRender, getDisplayName, getFiberStack, getMutatedHostFibers, getNearestHostFiber, getRDTHook, getTimings, getType, hasMemoCache, instrument, isCompositeFiber, isHostFiber, isInstrumentationActive, isValidElement, mountFiberRecursively, shouldFilterFiber, traverseContexts, traverseFiber, traverseProps, traverseState, unmountFiber, unmountFiberChildrenRecursively, updateFiberRecursively };

package/dist/index.global.js

@@ -6,4 +6,4 @@ 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,t)=>{try{let n=e.dependencies,o=e.alternate?.dependencies;if(!n||!o||typeof n!="object"||!("firstContext"in n)||typeof o!="object"||!("firstContext"in o))return !1;let r=n.firstContext,l=o.firstContext;for(;r&&typeof r=="object"&&"memoizedValue"in r&&l&&typeof l=="object"&&"memoizedValue"in l;){if(t(r,l)===!0)return !0;r=r.next,l=l.next;}}catch{}return !1},le=(e,t)=>{try{let n=e.memoizedState,o=e.alternate?.memoizedState;for(;n&&o;){if(t(n,o)===!0)return !0;n=n.next,o=o.next;}}catch{}return !1},se=(e,t)=>{try{let n=e.memoizedProps,o=e.alternate?.memoizedProps||{};for(let r in {...o,...n}){let l=o?.[r],s=n?.[r];if(t(l,s)===!0)return !0}}catch{}return !1},g=e=>{let t=e.memoizedProps,n=e.alternate?.memoizedProps||{},o=e.flags??e.effectTag??0;switch(e.tag){case 1:case 0:case 9:case 11:case 14:case 15:return (o&1)===1;default:return e.alternate?n!==t||e.alternate.memoizedState!==e.memoizedState||e.alternate.ref!==e.ref:!0}},v=e=>!!(e.flags&22||e.subtreeFlags&22),ae=e=>{let t=[],n=new WeakSet,o=r=>{!r||n.has(r)||(n.add(r),d(r)&&v(r)&&g(r)&&t.push(r),r.child&&o(r.child),r.sibling&&o(r.sibling));};return o(e),t},ue=e=>{let t=[];for(;e.return;)t.push(e),e=e.return;let n=new Array(t.length);for(let o=0;o<t.length;o++)n[o]=t[t.length-o-1];return n},f=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 T:case R:return !0;default:return !1}}}},ce=e=>{let t=b(e,d);return t||(t=b(e,d,!0)),t},b=(e,t,n=!1)=>{if(!e)return null;if(t(e)===!0)return e;let o=n?e.return:e.child;for(;o;){let r=b(o,t,n);if(r)return r;o=n?null:o.sibling;}return null},me=e=>{let t=e?.actualDuration??0,n=t,o=e?.child??null;for(;t>0&&o!=null;)n-=o.actualDuration??0,o=o.sibling;return {selfTime:n,totalTime:t}},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 t=e.displayName||e.name||null;return t||(e=F(e),e&&(e.displayName||e.name)||null)},p=()=>{},x=()=>{let e=globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__,t=new Map,n=0;e??={checkDCE:p,supportsFiber:!0,supportsFlight:!0,renderers:t,onCommitFiberRoot:p,onCommitFiberUnmount:p,onPostCommitFiberRoot:p,inject(o){let r=++n;return t.set(r,o),r},_instrumentationSource:"bippy"};try{globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__=e;}catch{}return e};typeof window<"u"&&x();var m=(e,t,n)=>{let o=t;for(;o!=null;){if(!f(o)&&g(o)&&e(o,"mount"),o.tag===13)if(o.memoizedState!==null){let s=o.child,u=s?s.sibling:null;if(u){let i=u.child;i!==null&&m(e,i,!1);}}else {let s=null;o.child!==null&&(s=o.child.child),s!==null&&m(e,s,!1);}else o.child!=null&&m(e,o.child,!0);o=n?o.sibling:null;}},C=(e,t,n,o)=>{if(!n)return;let r=t.tag===13,l=!f(t);l&&g(t)&&e(t,"update");let s=r&&n.memoizedState!==null,u=r&&t.memoizedState!==null;if(s&&u){let i=t.child?.sibling??null,a=n.child?.sibling??null;i!==null&&a!==null&&C(e,i,a);}else if(s&&!u){let i=t.child;i!==null&&m(e,i,!0);}else if(!s&&u){y(e,n);let i=t.child?.sibling??null;i!==null&&m(e,i,!0);}else if(t.child!==n.child){let i=t.child;for(;i;){if(i.alternate){let a=i.alternate;C(e,i,a);}else m(e,i,!1);i=i.sibling;}}},S=(e,t)=>{(t.tag===3||!f(t))&&e(t,"unmount");},y=(e,t)=>{let n=t.tag===13&&t.memoizedState!==null,o=t.child;for(n&&(o=(t.child?.sibling??null)?.child??null);o!==null;)o.return!==null&&(S(e,o),y(e,o)),o=o.sibling;},w=0,h=new WeakMap,be=({onRender:e,onError:t})=>(n,o,r)=>{let l=o.current,s=(a,c)=>e(a,c,r),u=h.get(o);u||(u={prevFiber:null,id:w++},h.set(o,u));let{prevFiber:i}=u;try{if(i!==null){let a=i&&i.memoizedState!=null&&i.memoizedState.element!=null&&i.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(t)t(a);else throw a}u.prevFiber=l;},Ce=({onCommitFiberRoot:e,onCommitFiberUnmount:t,onPostCommitFiberRoot:n,name:o})=>{let r=x();r._instrumentationSource=o??"bippy";let l=r.onCommitFiberRoot;e&&(r.onCommitFiberRoot=(i,a,c)=>{l&&l(i,a,c),e(i,a,c);});let s=r.onCommitFiberUnmount;t&&(r.onCommitFiberUnmount=(i,a)=>{s&&s(i,a),t(i,a);});let u=r.onPostCommitFiberRoot;return n&&(r.onPostCommitFiberRoot=(i,a)=>{u&&u(i,a);}),r};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=f;exports.traverseContexts=ie;exports.traverseFiber=b;exports.traverseProps=se;exports.traverseState=le;exports.unmountFiber=S;exports.unmountFiberChildrenRecursively=y;exports.updateFiberRecursively=C;return exports;})({});
+var _=1,D=0,H=9,O=13,P=22,z=11,M=14,I=15,E=5,N=26,V=27,A=18,U=6,j=7,L=23,B=22,W=3,$=60111,R="Symbol(react.concurrent_mode)",k="Symbol(react.async_mode)",G=1,Y=2,K=128,Q=4096,q=4,J=8,X=16,Z=32,ee=512,te=1024,ne=8192,oe=13366,re=e=>typeof e=="object"&&e!=null&&"$$typeof"in e&&["react.element","react.transitional.element"].includes(String(e.$$typeof)),d=e=>e.tag===5||e.tag===26||e.tag===27,ie=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 s=o.firstContext,r=n.firstContext;for(;s&&typeof s=="object"&&"memoizedValue"in s&&r&&typeof r=="object"&&"memoizedValue"in r;){if(t(s,r)===!0)return !0;s=s.next,r=r.next;}}catch{}return !1},se=(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},ae=(e,t)=>{try{let o=e.memoizedProps,n=e.alternate?.memoizedProps||{};for(let s in {...n,...o}){let r=n?.[s],l=o?.[s];if(t(r,l)===!0)return !0}}catch{}return !1},f=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)&&f(n)&&t.push(n),n.child&&o.push(n.child),n.sibling&&o.push(n.sibling));}return t},ce=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 k:return !0;default:return !1}}}},me=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 s=b(n,t,o);if(s)return s;n=o?null:n.sibling;}return null},pe=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}},de=e=>!!e.updateQueue?.memoCache,S=e=>typeof e=="function"?e:typeof e=="object"&&e?S(e.type||e.render):null,be=e=>{if(typeof e!="function"&&!(typeof e=="object"&&e))return null;let t=e.displayName||e.name||null;return t||(e=S(e),e&&(e.displayName||e.name)||null)},p=()=>{},h=e=>{let t=globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__,o=t&&!("_instrumentationSource"in t);o&&e?.();let n=new Map,s=0;t??={checkDCE:p,supportsFiber:!0,supportsFlight:!0,renderers:n,onCommitFiberRoot:p,onCommitFiberUnmount:p,onPostCommitFiberRoot:p,inject(r){let l=++s;return n.set(l,r),t._instrumentationIsActive||(t._instrumentationIsActive=!0,e?.()),l},_instrumentationSource:"bippy",_instrumentationIsActive:o};try{Object.defineProperty(globalThis,"__REACT_DEVTOOLS_GLOBAL_HOOK__",{configurable:!0,value:t});}catch{}return t},Ce=e=>!!h(e)._instrumentationIsActive;typeof window<"u"&&(performance.now(),h());var m=(e,t,o)=>{let n=t;for(;n!=null;){if(!g(n)&&f(n)&&e(n,"mount"),n.tag===13)if(n.memoizedState!==null){let l=n.child,u=l?l.sibling:null;if(u){let i=u.child;i!==null&&m(e,i,!1);}}else {let l=null;n.child!==null&&(l=n.child.child),l!==null&&m(e,l,!1);}else n.child!=null&&m(e,n.child,!0);n=o?n.sibling:null;}},C=(e,t,o,n)=>{if(!o)return;let s=t.tag===13,r=!g(t);r&&f(t)&&e(t,"update");let l=s&&o.memoizedState!==null,u=s&&t.memoizedState!==null;if(l&&u){let i=t.child?.sibling??null,a=o.child?.sibling??null;i!==null&&a!==null&&C(e,i,a);}else if(l&&!u){let i=t.child;i!==null&&m(e,i,!0);}else if(!l&&u){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;C(e,i,a);}else m(e,i,!1);i=i.sibling;}}},y=(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&&(y(e,n),T(e,n)),n=n.sibling;},v=0,x=new WeakMap,fe=({onRender:e,onError:t})=>(o,n,s)=>{let r=n.current,l=(a,c)=>e(a,c,s),u=x.get(n);u||(u={prevFiber:null,id:v++},x.set(n,u));let{prevFiber:i}=u;try{if(i!==null){let a=i&&i.memoizedState!=null&&i.memoizedState.element!=null&&i.memoizedState.isDehydrated!==!0,c=r.memoizedState!=null&&r.memoizedState.element!=null&&r.memoizedState.isDehydrated!==!0;!a&&c?m(l,r,!1):a&&c?C(l,r,r.alternate,null):a&&!c&&y(l,r);}else m(l,r,!1);}catch(a){if(t)t(a);else throw a}u.prevFiber=r;},ge=({onCommitFiberRoot:e,onCommitFiberUnmount:t,onPostCommitFiberRoot:o,onActive:n,name:s})=>{let r=h(n);r._instrumentationSource=s??"bippy";let l=r.onCommitFiberRoot;e&&(r.onCommitFiberRoot=(a,c,F)=>{l&&l(a,c,F),e(a,c,F);});let u=r.onCommitFiberUnmount;t&&(r.onCommitFiberUnmount=(a,c)=>{u&&u(a,c),t(a,c);});let i=r.onPostCommitFiberRoot;return o&&(r.onPostCommitFiberRoot=(a,c)=>{i&&i(a,c);}),r};exports.CONCURRENT_MODE_NUMBER=$;exports.CONCURRENT_MODE_SYMBOL_STRING=R;exports.ChildDeletion=X;exports.ClassComponentTag=_;exports.Cloned=J;exports.ContentReset=Z;exports.ContextConsumerTag=H;exports.DEPRECATED_ASYNC_MODE_SYMBOL_STRING=k;exports.DehydratedSuspenseComponent=A;exports.DidCapture=K;exports.ForwardRefTag=z;exports.Fragment=j;exports.FunctionComponentTag=D;exports.HostComponentTag=E;exports.HostHoistableTag=N;exports.HostRoot=W;exports.HostSingletonTag=V;exports.HostText=U;exports.Hydrating=Q;exports.LegacyHiddenComponent=L;exports.MemoComponentTag=M;exports.MutationMask=oe;exports.OffscreenComponent=B;exports.OffscreenComponentTag=P;exports.PerformedWork=G;exports.Placement=Y;exports.Ref=ee;exports.SimpleMemoComponentTag=I;exports.Snapshot=te;exports.SuspenseComponentTag=O;exports.Update=q;exports.Visibility=ne;exports.createFiberVisitor=fe;exports.didFiberCommit=w;exports.didFiberRender=f;exports.getDisplayName=be;exports.getFiberStack=ce;exports.getMutatedHostFibers=ue;exports.getNearestHostFiber=me;exports.getRDTHook=h;exports.getTimings=pe;exports.getType=S;exports.hasMemoCache=de;exports.instrument=ge;exports.isCompositeFiber=ie;exports.isHostFiber=d;exports.isInstrumentationActive=Ce;exports.isValidElement=re;exports.mountFiberRecursively=m;exports.shouldFilterFiber=g;exports.traverseContexts=le;exports.traverseFiber=b;exports.traverseProps=ae;exports.traverseState=se;exports.unmountFiber=y;exports.unmountFiberChildrenRecursively=T;exports.updateFiberRecursively=C;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')
+["react.element", "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;
@@ -116,21 +119,16 @@ var didFiberCommit = (fiber) => {
 };
 var getMutatedHostFibers = (fiber) => {
   const mutations = [];
-  const visited = /* @__PURE__ */ new WeakSet();
-  const traverse = (node) => {
-    if (!node || visited.has(node)) return;
-    visited.add(node);
+  const stack = [fiber];
+  while (stack.length) {
+    const node = stack.pop();
+    if (!node) continue;
     if (isHostFiber(node) && didFiberCommit(node) && didFiberRender(node)) {
       mutations.push(node);
     }
-    if (node.child) {
-      traverse(node.child);
-    }
-    if (node.sibling) {
-      traverse(node.sibling);
-    }
-  };
-  traverse(fiber);
+    if (node.child) stack.push(node.child);
+    if (node.sibling) stack.push(node.sibling);
+  }
   return mutations;
 };
 var getFiberStack = (fiber) => {
@@ -222,8 +220,10 @@ var getDisplayName = (type) => {
 };
 var NO_OP = () => {
 };
-var getRDTHook = () => {
+var getRDTHook = (onActive) => {
   let rdtHook = globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__;
+  const isActive = rdtHook && !("_instrumentationSource" in rdtHook);
+  if (isActive) onActive?.();
   const renderers = /* @__PURE__ */ new Map();
   let i = 0;
   rdtHook ??= {
@@ -237,17 +237,30 @@ var getRDTHook = () => {
     inject(renderer) {
       const nextID = ++i;
       renderers.set(nextID, renderer);
+      if (!rdtHook._instrumentationIsActive) {
+        rdtHook._instrumentationIsActive = true;
+        onActive?.();
+      }
       return nextID;
     },
-    _instrumentationSource: "bippy"
+    _instrumentationSource: "bippy",
+    _instrumentationIsActive: isActive
   };
   try {
-    globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__ = rdtHook;
+    Object.defineProperty(globalThis, "__REACT_DEVTOOLS_GLOBAL_HOOK__", {
+      configurable: true,
+      value: rdtHook
+    });
   } catch {
   }
   return rdtHook;
 };
+var isInstrumentationActive = (onActive) => {
+  const rdtHook = getRDTHook(onActive);
+  return Boolean(rdtHook._instrumentationIsActive);
+};
 if (typeof window !== "undefined") {
+  performance.now();
   getRDTHook();
 }
 var mountFiberRecursively = (onRender, firstChild, traverseSiblings) => {
@@ -400,9 +413,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) {
@@ -430,4 +444,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, didFiberCommit, didFiberRender, getDisplayName, getFiberStack, getMutatedHostFibers, getNearestHostFiber, getRDTHook, getTimings, getType, hasMemoCache, instrument, isCompositeFiber, isHostFiber, isInstrumentationActive, isValidElement, mountFiberRecursively, shouldFilterFiber, traverseContexts, traverseFiber, traverseProps, traverseState, unmountFiber, unmountFiberChildrenRecursively, updateFiberRecursively };

package/package.json

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