bippy 0.0.16 → 0.0.18

package/dist/index.cjs

@@ -42,7 +42,7 @@ 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 && String(element.$$typeof) === "Symbol(react.element)";
 var isHostFiber = (fiber) => fiber.tag === HostComponentTag || // @ts-expect-error: it exists
 fiber.tag === HostHoistableTag || // @ts-expect-error: it exists
 fiber.tag === HostSingletonTag;
@@ -240,7 +240,8 @@ var getRDTHook = () => {
       const nextID = ++i;
       renderers.set(nextID, renderer);
       return nextID;
-    }
+    },
+    _instrumentationSource: "bippy"
   };
   try {
     globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__ = rdtHook;
@@ -400,14 +401,17 @@ var createFiberVisitor = ({
 var instrument = ({
   onCommitFiberRoot,
   onCommitFiberUnmount,
-  onPostCommitFiberRoot
+  onPostCommitFiberRoot,
+  name
 }) => {
   const devtoolsHook = getRDTHook();
+  devtoolsHook._instrumentationSource = name ?? "bippy";
   const prevOnCommitFiberRoot = devtoolsHook.onCommitFiberRoot;
   if (onCommitFiberRoot) {
-    devtoolsHook.onCommitFiberRoot = (rendererID, root) => {
-      if (prevOnCommitFiberRoot) prevOnCommitFiberRoot(rendererID, root);
-      onCommitFiberRoot(rendererID, root);
+    devtoolsHook.onCommitFiberRoot = (rendererID, root, priority) => {
+      if (prevOnCommitFiberRoot)
+        prevOnCommitFiberRoot(rendererID, root, priority);
+      onCommitFiberRoot(rendererID, root, priority);
     };
   }
   const prevOnCommitFiberUnmount = devtoolsHook.onCommitFiberUnmount;

package/dist/index.d.cts

@@ -6,10 +6,11 @@ interface ReactDevToolsGlobalHook {
     supportsFiber: boolean;
     supportsFlight: boolean;
     renderers: Map<number, unknown>;
-    onCommitFiberRoot: (rendererID: number, root: unknown) => void;
+    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;
 }
 declare const ClassComponentTag = 1;
 declare const FunctionComponentTag = 0;
@@ -43,7 +44,7 @@ declare const Ref = 512;
 declare const Snapshot = 1024;
 declare const Visibility = 8192;
 declare const MutationMask: number;
-declare const isValidElement: (element: unknown) => boolean;
+declare const isValidElement: (element: unknown) => element is React.ReactElement;
 declare const isHostFiber: (fiber: Fiber) => boolean;
 declare const isCompositeFiber: (fiber: Fiber) => boolean;
 declare const traverseContexts: (fiber: Fiber, selector: (prevValue: {
@@ -83,10 +84,11 @@ declare const createFiberVisitor: ({ onRender: onRenderWithoutState, onError, }:
     onRender: RenderHandler;
     onError?: (error: unknown) => void;
 }) => <S>(_rendererID: number, root: FiberRoot, state?: S) => void;
-declare const instrument: ({ onCommitFiberRoot, onCommitFiberUnmount, onPostCommitFiberRoot, }: {
-    onCommitFiberRoot?: (rendererID: number, root: FiberRoot) => 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;
+    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 };

package/dist/index.d.ts

@@ -6,10 +6,11 @@ interface ReactDevToolsGlobalHook {
     supportsFiber: boolean;
     supportsFlight: boolean;
     renderers: Map<number, unknown>;
-    onCommitFiberRoot: (rendererID: number, root: unknown) => void;
+    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;
 }
 declare const ClassComponentTag = 1;
 declare const FunctionComponentTag = 0;
@@ -43,7 +44,7 @@ declare const Ref = 512;
 declare const Snapshot = 1024;
 declare const Visibility = 8192;
 declare const MutationMask: number;
-declare const isValidElement: (element: unknown) => boolean;
+declare const isValidElement: (element: unknown) => element is React.ReactElement;
 declare const isHostFiber: (fiber: Fiber) => boolean;
 declare const isCompositeFiber: (fiber: Fiber) => boolean;
 declare const traverseContexts: (fiber: Fiber, selector: (prevValue: {
@@ -83,10 +84,11 @@ declare const createFiberVisitor: ({ onRender: onRenderWithoutState, onError, }:
     onRender: RenderHandler;
     onError?: (error: unknown) => void;
 }) => <S>(_rendererID: number, root: FiberRoot, state?: S) => void;
-declare const instrument: ({ onCommitFiberRoot, onCommitFiberUnmount, onPostCommitFiberRoot, }: {
-    onCommitFiberRoot?: (rendererID: number, root: FiberRoot) => 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;
+    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 };

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,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 r=n.firstContext,l=t.firstContext;for(;r&&typeof r=="object"&&"memoizedValue"in r&&l&&typeof l=="object"&&"memoizedValue"in l;){if(o(r,l)===!0)return !0;r=r.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 r in {...t,...n}){let l=t?.[r],s=n?.[r];if(o(l,s)===!0)return !0}}catch{}return !1},f=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=new WeakSet,t=r=>{!r||n.has(r)||(n.add(r),d(r)&&v(r)&&f(r)&&o.push(r),r.child&&t(r.child),r.sibling&&t(r.sibling));};return t(e),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},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 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 r=b(t,o,n);if(r)return r;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 r=++n;return o.set(r,t),r}};try{globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__=e;}catch{}return e};typeof window<"u"&&x();var c=(e,o,n)=>{let t=o;for(;t!=null;){if(!g(t)&&f(t)&&e(t,"mount"),t.tag===13)if(t.memoizedState!==null){let s=t.child,a=s?s.sibling:null;if(a){let i=a.child;i!==null&&c(e,i,!1);}}else {let s=null;t.child!==null&&(s=t.child.child),s!==null&&c(e,s,!1);}else t.child!=null&&c(e,t.child,!0);t=n?t.sibling:null;}},C=(e,o,n,t)=>{if(!n)return;let r=o.tag===13,l=!g(o);l&&f(o)&&e(o,"update");let s=r&&n.memoizedState!==null,a=r&&o.memoizedState!==null;if(s&&a){let i=o.child?.sibling??null,u=n.child?.sibling??null;i!==null&&u!==null&&C(e,i,u);}else if(s&&!a){let i=o.child;i!==null&&c(e,i,!0);}else if(!s&&a){y(e,n);let i=o.child?.sibling??null;i!==null&&c(e,i,!0);}else if(o.child!==n.child){let i=o.child;for(;i;){if(i.alternate){let u=i.alternate;C(e,i,u);}else c(e,i,!1);i=i.sibling;}}},S=(e,o)=>{(o.tag===3||!g(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,h=new WeakMap,be=({onRender:e,onError:o})=>(n,t,r)=>{let l=t.current,s=(u,m)=>e(u,m,r),a=h.get(t);a||(a={prevFiber:null,id:w++},h.set(t,a));let{prevFiber:i}=a;try{if(i!==null){let u=i&&i.memoizedState!=null&&i.memoizedState.element!=null&&i.memoizedState.isDehydrated!==!0,m=l.memoizedState!=null&&l.memoizedState.element!=null&&l.memoizedState.isDehydrated!==!0;!u&&m?c(s,l,!1):u&&m?C(s,l,l.alternate,null):u&&!m&&S(s,l);}else c(s,l,!1);}catch(u){if(o)o(u);else throw u}a.prevFiber=l;},Ce=({onCommitFiberRoot:e,onCommitFiberUnmount:o,onPostCommitFiberRoot:n})=>{let t=x(),r=t.onCommitFiberRoot;e&&(t.onCommitFiberRoot=(a,i)=>{r&&r(a,i),e(a,i);});let l=t.onCommitFiberUnmount;o&&(t.onCommitFiberUnmount=(a,i)=>{l&&l(a,i),o(a,i);});let s=t.onPostCommitFiberRoot;return n&&(t.onPostCommitFiberRoot=(a,i)=>{s&&s(a,i);}),t};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=f;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=c;exports.shouldFilterFiber=g;exports.traverseContexts=ie;exports.traverseFiber=b;exports.traverseProps=se;exports.traverseState=le;exports.unmountFiber=S;exports.unmountFiberChildrenRecursively=y;exports.updateFiberRecursively=C;return exports;})({});
+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;})({});

package/dist/index.js

@@ -40,7 +40,7 @@ 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 && String(element.$$typeof) === "Symbol(react.element)";
 var isHostFiber = (fiber) => fiber.tag === HostComponentTag || // @ts-expect-error: it exists
 fiber.tag === HostHoistableTag || // @ts-expect-error: it exists
 fiber.tag === HostSingletonTag;
@@ -238,7 +238,8 @@ var getRDTHook = () => {
       const nextID = ++i;
       renderers.set(nextID, renderer);
       return nextID;
-    }
+    },
+    _instrumentationSource: "bippy"
   };
   try {
     globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__ = rdtHook;
@@ -398,14 +399,17 @@ var createFiberVisitor = ({
 var instrument = ({
   onCommitFiberRoot,
   onCommitFiberUnmount,
-  onPostCommitFiberRoot
+  onPostCommitFiberRoot,
+  name
 }) => {
   const devtoolsHook = getRDTHook();
+  devtoolsHook._instrumentationSource = name ?? "bippy";
   const prevOnCommitFiberRoot = devtoolsHook.onCommitFiberRoot;
   if (onCommitFiberRoot) {
-    devtoolsHook.onCommitFiberRoot = (rendererID, root) => {
-      if (prevOnCommitFiberRoot) prevOnCommitFiberRoot(rendererID, root);
-      onCommitFiberRoot(rendererID, root);
+    devtoolsHook.onCommitFiberRoot = (rendererID, root, priority) => {
+      if (prevOnCommitFiberRoot)
+        prevOnCommitFiberRoot(rendererID, root, priority);
+      onCommitFiberRoot(rendererID, root, priority);
     };
   }
   const prevOnCommitFiberUnmount = devtoolsHook.onCommitFiberUnmount;

package/package.json

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

package/dist/score.cjs

@@ -1,220 +0,0 @@
-'use strict';
-
-/**
- * @license bippy
- *
- * Copyright (c) Aiden Bai.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-// src/index.ts
-var ClassComponentTag = 1;
-var FunctionComponentTag = 0;
-var ContextConsumerTag = 9;
-var ForwardRefTag = 11;
-var MemoComponentTag = 14;
-var SimpleMemoComponentTag = 15;
-var HostComponentTag = 5;
-var HostHoistableTag = 26;
-var HostSingletonTag = 27;
-var PerformedWork = 1;
-var Placement = 2;
-var Hydrating = 4096;
-var Update = 4;
-var Cloned = 8;
-var ChildDeletion = 16;
-var ContentReset = 32;
-var Snapshot = 1024;
-var Visibility = 8192;
-var MutationMask = Placement | Update | ChildDeletion | ContentReset | Hydrating | Visibility | Snapshot;
-var isHostFiber = (fiber) => fiber.tag === HostComponentTag || // @ts-expect-error: it exists
-fiber.tag === HostHoistableTag || // @ts-expect-error: it exists
-fiber.tag === HostSingletonTag;
-var didFiberRender = (fiber) => {
-  const nextProps = fiber.memoizedProps;
-  const prevProps = fiber.alternate?.memoizedProps || {};
-  const flags = fiber.flags ?? fiber.effectTag ?? 0;
-  switch (fiber.tag) {
-    case ClassComponentTag:
-    case FunctionComponentTag:
-    case ContextConsumerTag:
-    case ForwardRefTag:
-    case MemoComponentTag:
-    case SimpleMemoComponentTag: {
-      return (flags & PerformedWork) === PerformedWork;
-    }
-    default:
-      if (!fiber.alternate) return true;
-      return prevProps !== nextProps || fiber.alternate.memoizedState !== fiber.memoizedState || fiber.alternate.ref !== fiber.ref;
-  }
-};
-var didFiberCommit = (fiber) => {
-  return Boolean(
-    fiber.subtreeFlags & (MutationMask | Cloned) || fiber.deletions != null || fiber.alternate == null
-  );
-};
-var getMutatedHostFibers = (fiber) => {
-  const mutations = [];
-  const visited = /* @__PURE__ */ new WeakSet();
-  const traverse = (node) => {
-    if (!node || visited.has(node)) return;
-    visited.add(node);
-    if (isHostFiber(node) && didFiberCommit(node.return ?? node) && didFiberRender(node)) {
-      mutations.push(node);
-    }
-    if (node.child) {
-      traverse(node.child);
-    }
-    if (node.sibling) {
-      traverse(node.sibling);
-    }
-  };
-  traverse(fiber);
-  return mutations;
-};
-var getNearestHostFiber = (fiber) => {
-  let hostFiber = traverseFiber(fiber, isHostFiber);
-  if (!hostFiber) {
-    hostFiber = traverseFiber(fiber, isHostFiber, true);
-  }
-  return hostFiber;
-};
-var traverseFiber = (fiber, selector, ascending = false) => {
-  if (!fiber) return null;
-  if (selector(fiber) === true) return fiber;
-  let child = ascending ? fiber.return : fiber.child;
-  while (child) {
-    const match = traverseFiber(child, selector, ascending);
-    if (match) return match;
-    child = ascending ? null : child.sibling;
-  }
-  return null;
-};
-var NO_OP = () => {
-};
-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;
-    }
-  };
-  try {
-    globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__ = rdtHook;
-  } catch {
-  }
-  return rdtHook;
-};
-if (typeof window !== "undefined") {
-  getRDTHook();
-}
-
-// src/score.ts
-var fps = 0;
-var lastTime = performance.now();
-var frameCount = 0;
-var inited = false;
-var getFPS = () => {
-  const updateFPS = () => {
-    frameCount++;
-    const now = performance.now();
-    if (now - lastTime >= 1e3) {
-      fps = frameCount;
-      frameCount = 0;
-      lastTime = now;
-    }
-    requestAnimationFrame(updateFPS);
-  };
-  if (!inited) {
-    inited = true;
-    updateFPS();
-  }
-  return fps;
-};
-var truncateFloat = (value, maxLen = 1e4) => {
-  if (typeof value === "number" && parseInt(value) !== value) {
-    value = ~~(value * maxLen) / maxLen;
-  }
-  return value;
-};
-var THRESHOLD_FPS = 60;
-var getFiberRenderScore = (fiber) => {
-  const hostFiber = getNearestHostFiber(fiber);
-  const hasMutation = didFiberCommit(fiber);
-  const mutatedHostFibers = getMutatedHostFibers(fiber);
-  const isVisible = hostFiber && isElementVisible(hostFiber.stateNode) && isElementInViewport(hostFiber.stateNode);
-  const fps2 = getFPS();
-  let unnecessaryScore = (
-    // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
-    isVisible || mutatedHostFibers.length || hasMutation ? 0 : 1
-  );
-  for (const mutatedHostFiber of mutatedHostFibers) {
-    const node = mutatedHostFiber.stateNode;
-    if (!isElementVisible(node) || !isElementInViewport(node)) {
-      unnecessaryScore += 1 / mutatedHostFibers.length;
-    }
-  }
-  return {
-    unnecessary: truncateFloat(unnecessaryScore),
-    slow: fps2 < THRESHOLD_FPS ? truncateFloat((THRESHOLD_FPS - fps2) / THRESHOLD_FPS) : 0
-  };
-};
-var isElementVisible = (el) => {
-  const style = window.getComputedStyle(el);
-  return style.display !== "none" && style.visibility !== "hidden" && style.contentVisibility !== "hidden" && style.opacity !== "0";
-};
-var initedEventListeners = false;
-var scrollX = null;
-var scrollY = null;
-var innerWidth = null;
-var innerHeight = null;
-var getWindowDimensions = () => {
-  if (scrollX === null) scrollX = window.scrollX;
-  if (scrollY === null) scrollY = window.scrollY;
-  if (innerWidth === null) innerWidth = window.innerWidth;
-  if (innerHeight === null) innerHeight = window.innerHeight;
-  if (!initedEventListeners) {
-    initedEventListeners = true;
-    const handleResize = () => {
-      scrollX = null;
-      scrollY = null;
-      innerWidth = null;
-      innerHeight = null;
-    };
-    window.addEventListener("resize", handleResize);
-    window.addEventListener("scroll", handleResize);
-  }
-  return {
-    top: scrollY,
-    left: scrollX,
-    right: scrollX + innerWidth,
-    bottom: scrollY + innerHeight
-  };
-};
-var isElementInViewport = (el) => {
-  const elTop = el.offsetTop;
-  const elLeft = el.offsetLeft;
-  const elWidth = el.offsetWidth;
-  const elHeight = el.offsetHeight;
-  const { top, left, right, bottom } = getWindowDimensions();
-  return elTop + elHeight > top && elLeft + elWidth > left && elTop < bottom && elLeft < right;
-};
-
-exports.getFPS = getFPS;
-exports.getFiberRenderScore = getFiberRenderScore;
-exports.getWindowDimensions = getWindowDimensions;
-exports.isElementInViewport = isElementInViewport;
-exports.isElementVisible = isElementVisible;

package/dist/score.d.cts

@@ -1,17 +0,0 @@
-import { Fiber } from 'react-reconciler';
-
-declare const getFPS: () => number;
-declare const getFiberRenderScore: (fiber: Fiber) => {
-    unnecessary: number;
-    slow: number;
-};
-declare const isElementVisible: (el: HTMLElement) => boolean;
-declare const getWindowDimensions: () => {
-    top: number;
-    left: number;
-    right: number;
-    bottom: number;
-};
-declare const isElementInViewport: (el: HTMLElement) => boolean;
-
-export { getFPS, getFiberRenderScore, getWindowDimensions, isElementInViewport, isElementVisible };

package/dist/score.d.ts

@@ -1,17 +0,0 @@
-import { Fiber } from 'react-reconciler';
-
-declare const getFPS: () => number;
-declare const getFiberRenderScore: (fiber: Fiber) => {
-    unnecessary: number;
-    slow: number;
-};
-declare const isElementVisible: (el: HTMLElement) => boolean;
-declare const getWindowDimensions: () => {
-    top: number;
-    left: number;
-    right: number;
-    bottom: number;
-};
-declare const isElementInViewport: (el: HTMLElement) => boolean;
-
-export { getFPS, getFiberRenderScore, getWindowDimensions, isElementInViewport, isElementVisible };

package/dist/score.js

@@ -1,214 +0,0 @@
-/**
- * @license bippy
- *
- * Copyright (c) Aiden Bai.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-// src/index.ts
-var ClassComponentTag = 1;
-var FunctionComponentTag = 0;
-var ContextConsumerTag = 9;
-var ForwardRefTag = 11;
-var MemoComponentTag = 14;
-var SimpleMemoComponentTag = 15;
-var HostComponentTag = 5;
-var HostHoistableTag = 26;
-var HostSingletonTag = 27;
-var PerformedWork = 1;
-var Placement = 2;
-var Hydrating = 4096;
-var Update = 4;
-var Cloned = 8;
-var ChildDeletion = 16;
-var ContentReset = 32;
-var Snapshot = 1024;
-var Visibility = 8192;
-var MutationMask = Placement | Update | ChildDeletion | ContentReset | Hydrating | Visibility | Snapshot;
-var isHostFiber = (fiber) => fiber.tag === HostComponentTag || // @ts-expect-error: it exists
-fiber.tag === HostHoistableTag || // @ts-expect-error: it exists
-fiber.tag === HostSingletonTag;
-var didFiberRender = (fiber) => {
-  const nextProps = fiber.memoizedProps;
-  const prevProps = fiber.alternate?.memoizedProps || {};
-  const flags = fiber.flags ?? fiber.effectTag ?? 0;
-  switch (fiber.tag) {
-    case ClassComponentTag:
-    case FunctionComponentTag:
-    case ContextConsumerTag:
-    case ForwardRefTag:
-    case MemoComponentTag:
-    case SimpleMemoComponentTag: {
-      return (flags & PerformedWork) === PerformedWork;
-    }
-    default:
-      if (!fiber.alternate) return true;
-      return prevProps !== nextProps || fiber.alternate.memoizedState !== fiber.memoizedState || fiber.alternate.ref !== fiber.ref;
-  }
-};
-var didFiberCommit = (fiber) => {
-  return Boolean(
-    fiber.subtreeFlags & (MutationMask | Cloned) || fiber.deletions != null || fiber.alternate == null
-  );
-};
-var getMutatedHostFibers = (fiber) => {
-  const mutations = [];
-  const visited = /* @__PURE__ */ new WeakSet();
-  const traverse = (node) => {
-    if (!node || visited.has(node)) return;
-    visited.add(node);
-    if (isHostFiber(node) && didFiberCommit(node.return ?? node) && didFiberRender(node)) {
-      mutations.push(node);
-    }
-    if (node.child) {
-      traverse(node.child);
-    }
-    if (node.sibling) {
-      traverse(node.sibling);
-    }
-  };
-  traverse(fiber);
-  return mutations;
-};
-var getNearestHostFiber = (fiber) => {
-  let hostFiber = traverseFiber(fiber, isHostFiber);
-  if (!hostFiber) {
-    hostFiber = traverseFiber(fiber, isHostFiber, true);
-  }
-  return hostFiber;
-};
-var traverseFiber = (fiber, selector, ascending = false) => {
-  if (!fiber) return null;
-  if (selector(fiber) === true) return fiber;
-  let child = ascending ? fiber.return : fiber.child;
-  while (child) {
-    const match = traverseFiber(child, selector, ascending);
-    if (match) return match;
-    child = ascending ? null : child.sibling;
-  }
-  return null;
-};
-var NO_OP = () => {
-};
-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;
-    }
-  };
-  try {
-    globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__ = rdtHook;
-  } catch {
-  }
-  return rdtHook;
-};
-if (typeof window !== "undefined") {
-  getRDTHook();
-}
-
-// src/score.ts
-var fps = 0;
-var lastTime = performance.now();
-var frameCount = 0;
-var inited = false;
-var getFPS = () => {
-  const updateFPS = () => {
-    frameCount++;
-    const now = performance.now();
-    if (now - lastTime >= 1e3) {
-      fps = frameCount;
-      frameCount = 0;
-      lastTime = now;
-    }
-    requestAnimationFrame(updateFPS);
-  };
-  if (!inited) {
-    inited = true;
-    updateFPS();
-  }
-  return fps;
-};
-var truncateFloat = (value, maxLen = 1e4) => {
-  if (typeof value === "number" && parseInt(value) !== value) {
-    value = ~~(value * maxLen) / maxLen;
-  }
-  return value;
-};
-var THRESHOLD_FPS = 60;
-var getFiberRenderScore = (fiber) => {
-  const hostFiber = getNearestHostFiber(fiber);
-  const hasMutation = didFiberCommit(fiber);
-  const mutatedHostFibers = getMutatedHostFibers(fiber);
-  const isVisible = hostFiber && isElementVisible(hostFiber.stateNode) && isElementInViewport(hostFiber.stateNode);
-  const fps2 = getFPS();
-  let unnecessaryScore = (
-    // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
-    isVisible || mutatedHostFibers.length || hasMutation ? 0 : 1
-  );
-  for (const mutatedHostFiber of mutatedHostFibers) {
-    const node = mutatedHostFiber.stateNode;
-    if (!isElementVisible(node) || !isElementInViewport(node)) {
-      unnecessaryScore += 1 / mutatedHostFibers.length;
-    }
-  }
-  return {
-    unnecessary: truncateFloat(unnecessaryScore),
-    slow: fps2 < THRESHOLD_FPS ? truncateFloat((THRESHOLD_FPS - fps2) / THRESHOLD_FPS) : 0
-  };
-};
-var isElementVisible = (el) => {
-  const style = window.getComputedStyle(el);
-  return style.display !== "none" && style.visibility !== "hidden" && style.contentVisibility !== "hidden" && style.opacity !== "0";
-};
-var initedEventListeners = false;
-var scrollX = null;
-var scrollY = null;
-var innerWidth = null;
-var innerHeight = null;
-var getWindowDimensions = () => {
-  if (scrollX === null) scrollX = window.scrollX;
-  if (scrollY === null) scrollY = window.scrollY;
-  if (innerWidth === null) innerWidth = window.innerWidth;
-  if (innerHeight === null) innerHeight = window.innerHeight;
-  if (!initedEventListeners) {
-    initedEventListeners = true;
-    const handleResize = () => {
-      scrollX = null;
-      scrollY = null;
-      innerWidth = null;
-      innerHeight = null;
-    };
-    window.addEventListener("resize", handleResize);
-    window.addEventListener("scroll", handleResize);
-  }
-  return {
-    top: scrollY,
-    left: scrollX,
-    right: scrollX + innerWidth,
-    bottom: scrollY + innerHeight
-  };
-};
-var isElementInViewport = (el) => {
-  const elTop = el.offsetTop;
-  const elLeft = el.offsetLeft;
-  const elWidth = el.offsetWidth;
-  const elHeight = el.offsetHeight;
-  const { top, left, right, bottom } = getWindowDimensions();
-  return elTop + elHeight > top && elLeft + elWidth > left && elTop < bottom && elLeft < right;
-};
-
-export { getFPS, getFiberRenderScore, getWindowDimensions, isElementInViewport, isElementVisible };