bippy 0.0.10 → 0.0.13

package/dist/index.mjs

@@ -1 +1,416 @@
-var e=1,t=1,o=0,n=9,r=11,a=14,i=15,l=5,c=26,m=27,u=18,s=6,f=7,d=23,p=22,b=3,y=60111,h="Symbol(react.concurrent_mode)",g="Symbol(react.async_mode)",C=e=>5===e.tag||26===e.tag||27===e.tag,_=e=>0===e.tag||1===e.tag||15===e.tag||14===e.tag||11===e.tag,F=(e,t)=>{try{const o=e.dependencies,n=e.alternate?.dependencies;if(!o||!n)return!1;if("object"!=typeof o||!("firstContext"in o)||"object"!=typeof n||!("firstContext"in n))return!1;let r=o.firstContext,a=n.firstContext;for(;r&&"object"==typeof r&&"memoizedValue"in r&&a&&"object"==typeof a&&"memoizedValue"in a;){if(!0===t(r,a))return!0;r=r.next,a=a.next}}catch{}return!1},z=(e,t)=>{try{let o=e.memoizedState,n=e.alternate?.memoizedState;for(;o&&n;){if(!0===t(o,n))return!0;o=o.next,n=n.next}}catch{}return!1},S=(e,t)=>{try{const o=e.memoizedProps,n=e.alternate?.memoizedProps||{};for(const e in{...n,...o}){const r=n?.[e],a=o?.[e];if(!0===t(r,a))return!0}}catch{}return!1},R=e=>{const 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!(1&~n);default:return!e.alternate||(o!==t||e.alternate.memoizedState!==e.memoizedState||e.alternate.ref!==e.ref)}},O=e=>{switch(e.tag){case 18:case 6:case 7:case 23:case 22:return!0;case 3:return!1;default:{const t="object"==typeof e.type&&null!==e.type?e.type.$$typeof:e.type;switch("symbol"==typeof t?t.toString():t){case 60111:case h:case g:return!0;default:return!1}}}},x=e=>{let t=T(e,C);return t||(t=T(e,C,!0)),t},T=(e,t,o=!1)=>{if(!e)return null;if(!0===t(e))return e;let n=o?e.return:e.child;for(;n;){const e=T(n,t,o);if(e)return e;n=o?null:n.sibling}return null},j=e=>{const t=e?.actualDuration??0;let o=t,n=e?.child??null;for(;t>0&&null!=n;)o-=n.actualDuration??0,n=n.sibling;return{selfTime:o,totalTime:t}},P=e=>Boolean(e.updateQueue?.memoCache),w=e=>"function"==typeof e?e:"object"==typeof e&&e?w(e.type||e.render):null,D=e=>{if("function"!=typeof e&&("object"!=typeof e||!e))return null;const t=e.displayName||e.name||null;return t||((e=w(e))&&(e.displayName||e.name)||null)},E=()=>{},L=()=>{let e=globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__;const t=new Map;let o=0;e??={checkDCE:E,supportsFiber:!0,supportsFlight:!0,renderers:t,onCommitFiberRoot:E,onCommitFiberUnmount:E,onPostCommitFiberRoot:E,inject(e){const n=++o;return t.set(n,e),n}};try{globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__=e}catch{}return e};"undefined"!=typeof window&&L();var B=({onRender:e,onError:t})=>(o,n)=>{try{const t=n.current,o=null!==t.alternate&&Boolean(t.alternate.memoizedState?.element)&&!0!==t.alternate.memoizedState.isDehydrated,r=Boolean(t.memoizedState?.element),a=(t,o)=>{let n=t;for(;null!=n;){!O(n)&&R(n)&&e(n,"mount"),null!=n.child&&a(n.child,!0),n=o?n.sibling:null}},i=(t,o)=>{if(!o)return;if(!O(t)&&R(t)&&e(t,"update"),t.child!==o.child){let e=t.child;for(;e;){const t=e.alternate;t?i(e,t):a(e,!1),e=e.sibling}}},l=t=>{!(3===t.tag)&&O(t)||e(t,"unmount")};!o&&r?a(t,!1):o&&r?i(t,t.alternate):o&&!r&&l(t)}catch(e){if(!t)throw e;t(e)}},A=({onCommitFiberRoot:e,onCommitFiberUnmount:t,onPostCommitFiberRoot:o})=>{const n=L(),r=n.onCommitFiberRoot;e&&(n.onCommitFiberRoot=(t,o)=>{r&&r(t,o),e(t,o)});const a=n.onCommitFiberUnmount;t&&(n.onCommitFiberUnmount=(e,o)=>{a&&a(e,o),t(e,o)});const i=n.onPostCommitFiberRoot;return o&&(n.onPostCommitFiberRoot=(e,t)=>{i&&i(e,t)}),n};export{y as CONCURRENT_MODE_NUMBER,h as CONCURRENT_MODE_SYMBOL_STRING,t as ClassComponentTag,n as ContextConsumerTag,g as DEPRECATED_ASYNC_MODE_SYMBOL_STRING,u as DehydratedSuspenseComponent,r as ForwardRefTag,f as Fragment,o as FunctionComponentTag,l as HostComponentTag,c as HostHoistableTag,b as HostRoot,m as HostSingletonTag,s as HostText,d as LegacyHiddenComponent,a as MemoComponentTag,p as OffscreenComponent,e as PerformedWorkFlag,i as SimpleMemoComponentTag,B as createFiberVisitor,R as didFiberRender,D as getDisplayName,x as getNearestHostFiber,L as getRDTHook,j as getTimings,w as getType,P as hasMemoCache,A as instrument,_ as isCompositeFiber,C as isHostFiber,O as shouldFilterFiber,F as traverseContexts,T as traverseFiber,S as traverseProps,z as traverseState};
+// src/index.ts
+var ClassComponentTag = 1;
+var FunctionComponentTag = 0;
+var ContextConsumerTag = 9;
+var SuspenseComponentTag = 13;
+var OffscreenComponentTag = 22;
+var ForwardRefTag = 11;
+var MemoComponentTag = 14;
+var SimpleMemoComponentTag = 15;
+var HostComponentTag = 5;
+var HostHoistableTag = 26;
+var HostSingletonTag = 27;
+var DehydratedSuspenseComponent = 18;
+var HostText = 6;
+var Fragment = 7;
+var LegacyHiddenComponent = 23;
+var OffscreenComponent = 22;
+var HostRoot = 3;
+var CONCURRENT_MODE_NUMBER = 60111;
+var CONCURRENT_MODE_SYMBOL_STRING = "Symbol(react.concurrent_mode)";
+var DEPRECATED_ASYNC_MODE_SYMBOL_STRING = "Symbol(react.async_mode)";
+var PerformedWork = 1;
+var Placement = 2;
+var DidCapture = 128;
+var Hydrating = 4096;
+var Update = 4;
+var Cloned = 8;
+var ChildDeletion = 16;
+var ContentReset = 32;
+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 isHostFiber = (fiber) => fiber.tag === HostComponentTag || // @ts-expect-error: it exists
+fiber.tag === HostHoistableTag || // @ts-expect-error: it exists
+fiber.tag === HostSingletonTag;
+var isCompositeFiber = (fiber) => fiber.tag === FunctionComponentTag || fiber.tag === ClassComponentTag || fiber.tag === SimpleMemoComponentTag || fiber.tag === MemoComponentTag || fiber.tag === ForwardRefTag;
+var traverseContexts = (fiber, selector) => {
+  try {
+    const nextDependencies = fiber.dependencies;
+    const prevDependencies = fiber.alternate?.dependencies;
+    if (!nextDependencies || !prevDependencies) return false;
+    if (typeof nextDependencies !== "object" || !("firstContext" in nextDependencies) || typeof prevDependencies !== "object" || !("firstContext" in prevDependencies)) {
+      return false;
+    }
+    let nextContext = nextDependencies.firstContext;
+    let prevContext = prevDependencies.firstContext;
+    while (nextContext && typeof nextContext === "object" && "memoizedValue" in nextContext && prevContext && typeof prevContext === "object" && "memoizedValue" in prevContext) {
+      if (selector(nextContext, prevContext) === true)
+        return true;
+      nextContext = nextContext.next;
+      prevContext = prevContext.next;
+    }
+  } catch {
+  }
+  return false;
+};
+var traverseState = (fiber, selector) => {
+  try {
+    let prevState = fiber.memoizedState;
+    let nextState = fiber.alternate?.memoizedState;
+    while (prevState && nextState) {
+      if (selector(prevState, nextState) === true) return true;
+      prevState = prevState.next;
+      nextState = nextState.next;
+    }
+  } catch {
+  }
+  return false;
+};
+var traverseProps = (fiber, selector) => {
+  try {
+    const nextProps = fiber.memoizedProps;
+    const prevProps = fiber.alternate?.memoizedProps || {};
+    for (const propName in { ...prevProps, ...nextProps }) {
+      const prevValue = prevProps?.[propName];
+      const nextValue = nextProps?.[propName];
+      if (selector(prevValue, nextValue) === true) return true;
+    }
+  } catch {
+  }
+  return false;
+};
+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
+  );
+};
+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 getFiberStack = (fiber) => {
+  const stack = [];
+  while (fiber.return) {
+    stack.unshift(fiber);
+    fiber = fiber.return;
+  }
+  return stack;
+};
+var shouldFilterFiber = (fiber) => {
+  switch (fiber.tag) {
+    case DehydratedSuspenseComponent:
+      return true;
+    case HostText:
+    case Fragment:
+    case LegacyHiddenComponent:
+    case OffscreenComponent:
+      return true;
+    case HostRoot:
+      return false;
+    default: {
+      const symbolOrNumber = typeof fiber.type === "object" && fiber.type !== null ? fiber.type.$$typeof : fiber.type;
+      const typeSymbol = typeof symbolOrNumber === "symbol" ? symbolOrNumber.toString() : symbolOrNumber;
+      switch (typeSymbol) {
+        case CONCURRENT_MODE_NUMBER:
+        case CONCURRENT_MODE_SYMBOL_STRING:
+        case DEPRECATED_ASYNC_MODE_SYMBOL_STRING:
+          return true;
+        default:
+          return false;
+      }
+    }
+  }
+};
+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 getTimings = (fiber) => {
+  const totalTime = fiber?.actualDuration ?? 0;
+  let selfTime = totalTime;
+  let child = fiber?.child ?? null;
+  while (totalTime > 0 && child != null) {
+    selfTime -= child.actualDuration ?? 0;
+    child = child.sibling;
+  }
+  return { selfTime, totalTime };
+};
+var hasMemoCache = (fiber) => {
+  return Boolean(fiber.updateQueue?.memoCache);
+};
+var getType = (type) => {
+  if (typeof type === "function") {
+    return type;
+  }
+  if (typeof type === "object" && type) {
+    return getType(type.type || type.render);
+  }
+  return null;
+};
+var getDisplayName = (type) => {
+  if (typeof type !== "function" && !(typeof type === "object" && type)) {
+    return null;
+  }
+  const name = type.displayName || type.name || null;
+  if (name) return name;
+  type = getType(type);
+  if (!type) return null;
+  return type.displayName || type.name || 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();
+}
+var mountFiberRecursively = (onRender, firstChild, traverseSiblings) => {
+  let fiber = firstChild;
+  while (fiber != null) {
+    const shouldIncludeInTree = !shouldFilterFiber(fiber);
+    if (shouldIncludeInTree && didFiberRender(fiber)) {
+      onRender(fiber, "mount");
+    }
+    if (fiber.tag === SuspenseComponentTag) {
+      const isTimedOut = fiber.memoizedState !== null;
+      if (isTimedOut) {
+        const primaryChildFragment = fiber.child;
+        const fallbackChildFragment = primaryChildFragment ? primaryChildFragment.sibling : null;
+        if (fallbackChildFragment) {
+          const fallbackChild = fallbackChildFragment.child;
+          if (fallbackChild !== null) {
+            mountFiberRecursively(onRender, fallbackChild, false);
+          }
+        }
+      } else {
+        let primaryChild = null;
+        if (fiber.child !== null) {
+          primaryChild = fiber.child.child;
+        }
+        if (primaryChild !== null) {
+          mountFiberRecursively(onRender, primaryChild, false);
+        }
+      }
+    } else if (fiber.child != null) {
+      mountFiberRecursively(onRender, fiber.child, true);
+    }
+    fiber = traverseSiblings ? fiber.sibling : null;
+  }
+};
+var updateFiberRecursively = (onRender, nextFiber, prevFiber, parentFiber) => {
+  if (!prevFiber) return;
+  const isSuspense = nextFiber.tag === SuspenseComponentTag;
+  const shouldIncludeInTree = !shouldFilterFiber(nextFiber);
+  if (shouldIncludeInTree && didFiberRender(nextFiber)) {
+    onRender(nextFiber, "update");
+  }
+  const prevDidTimeout = isSuspense && prevFiber.memoizedState !== null;
+  const nextDidTimeOut = isSuspense && nextFiber.memoizedState !== null;
+  if (prevDidTimeout && nextDidTimeOut) {
+    const nextFallbackChildSet = nextFiber.child?.sibling ?? null;
+    const prevFallbackChildSet = prevFiber.child?.sibling ?? null;
+    if (nextFallbackChildSet !== null && prevFallbackChildSet !== null) {
+      updateFiberRecursively(
+        onRender,
+        nextFallbackChildSet,
+        prevFallbackChildSet);
+    }
+  } else if (prevDidTimeout && !nextDidTimeOut) {
+    const nextPrimaryChildSet = nextFiber.child;
+    if (nextPrimaryChildSet !== null) {
+      mountFiberRecursively(onRender, nextPrimaryChildSet, true);
+    }
+  } else if (!prevDidTimeout && nextDidTimeOut) {
+    unmountFiberChildrenRecursively(onRender, prevFiber);
+    const nextFallbackChildSet = nextFiber.child?.sibling ?? null;
+    if (nextFallbackChildSet !== null) {
+      mountFiberRecursively(onRender, nextFallbackChildSet, true);
+    }
+  } else if (nextFiber.child !== prevFiber.child) {
+    let nextChild = nextFiber.child;
+    while (nextChild) {
+      if (nextChild.alternate) {
+        const prevChild = nextChild.alternate;
+        updateFiberRecursively(
+          onRender,
+          nextChild,
+          prevChild);
+      } else {
+        mountFiberRecursively(onRender, nextChild, false);
+      }
+      nextChild = nextChild.sibling;
+    }
+  }
+};
+var unmountFiber = (onRender, fiber) => {
+  const isRoot = fiber.tag === HostRoot;
+  if (isRoot || !shouldFilterFiber(fiber)) {
+    onRender(fiber, "unmount");
+  }
+};
+var unmountFiberChildrenRecursively = (onRender, fiber) => {
+  const isTimedOutSuspense = fiber.tag === SuspenseComponentTag && fiber.memoizedState !== null;
+  let child = fiber.child;
+  if (isTimedOutSuspense) {
+    const primaryChildFragment = fiber.child;
+    const fallbackChildFragment = primaryChildFragment?.sibling ?? null;
+    child = fallbackChildFragment?.child ?? null;
+  }
+  while (child !== null) {
+    if (child.return !== null) {
+      unmountFiber(onRender, child);
+      unmountFiberChildrenRecursively(onRender, child);
+    }
+    child = child.sibling;
+  }
+};
+var commitId = 0;
+var rootInstanceMap = /* @__PURE__ */ new WeakMap();
+var createFiberVisitor = ({
+  onRender: onRenderWithoutState,
+  onError
+}) => {
+  return (_rendererID, root, state) => {
+    const rootFiber = root.current;
+    const onRender = (fiber, phase) => onRenderWithoutState(fiber, phase, state);
+    let rootInstance = rootInstanceMap.get(root);
+    if (!rootInstance) {
+      rootInstance = { prevFiber: null, id: commitId++ };
+      rootInstanceMap.set(root, rootInstance);
+    }
+    const { prevFiber } = rootInstance;
+    try {
+      if (prevFiber !== null) {
+        const wasMounted = prevFiber && prevFiber.memoizedState != null && prevFiber.memoizedState.element != null && // A dehydrated root is not considered mounted
+        prevFiber.memoizedState.isDehydrated !== true;
+        const isMounted = rootFiber.memoizedState != null && rootFiber.memoizedState.element != null && // A dehydrated root is not considered mounted
+        rootFiber.memoizedState.isDehydrated !== true;
+        if (!wasMounted && isMounted) {
+          mountFiberRecursively(onRender, rootFiber, false);
+        } else if (wasMounted && isMounted) {
+          updateFiberRecursively(
+            onRender,
+            rootFiber,
+            rootFiber.alternate,
+            null
+          );
+        } else if (wasMounted && !isMounted) {
+          unmountFiber(onRender, rootFiber);
+        }
+      } else {
+        mountFiberRecursively(onRender, rootFiber, false);
+      }
+    } catch (err) {
+      if (onError) {
+        onError(err);
+      } else {
+        throw err;
+      }
+    }
+    rootInstance.prevFiber = rootFiber;
+  };
+};
+var instrument = ({
+  onCommitFiberRoot,
+  onCommitFiberUnmount,
+  onPostCommitFiberRoot
+}) => {
+  const devtoolsHook = getRDTHook();
+  const prevOnCommitFiberRoot = devtoolsHook.onCommitFiberRoot;
+  if (onCommitFiberRoot) {
+    devtoolsHook.onCommitFiberRoot = (rendererID, root) => {
+      if (prevOnCommitFiberRoot) prevOnCommitFiberRoot(rendererID, root);
+      onCommitFiberRoot(rendererID, root);
+    };
+  }
+  const prevOnCommitFiberUnmount = devtoolsHook.onCommitFiberUnmount;
+  if (onCommitFiberUnmount) {
+    devtoolsHook.onCommitFiberUnmount = (rendererID, root) => {
+      if (prevOnCommitFiberUnmount) prevOnCommitFiberUnmount(rendererID, root);
+      onCommitFiberUnmount(rendererID, root);
+    };
+  }
+  const prevOnPostCommitFiberRoot = devtoolsHook.onPostCommitFiberRoot;
+  if (onPostCommitFiberRoot) {
+    devtoolsHook.onPostCommitFiberRoot = (rendererID, root) => {
+      if (prevOnPostCommitFiberRoot) {
+        prevOnPostCommitFiberRoot(rendererID, root);
+      }
+    };
+  }
+  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 };

package/dist/score.d.mts

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1,211 @@
+'use strict';
+
+// 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
+  );
+};
+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;