bippy 0.2.0 → 0.2.2

package/dist/scan/index.js

@@ -1,1071 +0,0 @@
-/**
- * @license bippy
- *
- * Copyright (c) Aiden Bai, Million Software, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-// src/rdt-hook.ts
-var version = "0.2.0";
-var BIPPY_INSTRUMENTATION_STRING = `bippy-${version}`;
-var NO_OP = () => {
-};
-var checkDCE = (fn) => {
-  try {
-    const code = Function.prototype.toString.call(fn);
-    if (code.indexOf("^_^") > -1) {
-      setTimeout(() => {
-        throw new Error(
-          "React is running in production mode, but dead code elimination has not been applied. Read how to correctly configure React for production: https://reactjs.org/link/perf-use-production-build"
-        );
-      });
-    }
-  } catch {
-  }
-};
-var installRDTHook = (onActive) => {
-  const renderers = /* @__PURE__ */ new Map();
-  let i = 0;
-  const rdtHook = {
-    checkDCE,
-    supportsFiber: true,
-    supportsFlight: true,
-    hasUnsupportedRendererAttached: false,
-    renderers,
-    onCommitFiberRoot: NO_OP,
-    onCommitFiberUnmount: NO_OP,
-    onPostCommitFiberRoot: NO_OP,
-    inject(renderer) {
-      const nextID = ++i;
-      renderers.set(nextID, renderer);
-      if (!rdtHook._instrumentationIsActive) {
-        rdtHook._instrumentationIsActive = true;
-        onActive?.();
-      }
-      return nextID;
-    },
-    _instrumentationSource: BIPPY_INSTRUMENTATION_STRING,
-    _instrumentationIsActive: false
-  };
-  try {
-    Object.defineProperty(globalThis, "__REACT_DEVTOOLS_GLOBAL_HOOK__", {
-      value: rdtHook
-    });
-  } catch {
-  }
-  return rdtHook;
-};
-var hasRDTHook = () => {
-  return Object.prototype.hasOwnProperty.call(
-    globalThis,
-    "__REACT_DEVTOOLS_GLOBAL_HOOK__"
-  );
-};
-var getRDTHook = (onActive) => {
-  let rdtHook = globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__;
-  if (rdtHook) onActive?.();
-  if (!hasRDTHook()) {
-    rdtHook = installRDTHook(onActive);
-  }
-  return rdtHook;
-};
-try {
-  if (typeof window !== "undefined" && // @ts-expect-error `document` may not be defined in some enviroments
-  (window.document?.createElement || window.navigator?.product === "ReactNative") && typeof process !== "undefined" && process.versions != null && process.versions.node != null) {
-    installRDTHook();
-  }
-} catch {
-}
-
-// src/core.ts
-var FunctionComponentTag = 0;
-var ClassComponentTag = 1;
-var HostRootTag = 3;
-var HostComponentTag = 5;
-var HostTextTag = 6;
-var FragmentTag = 7;
-var ContextConsumerTag = 9;
-var ForwardRefTag = 11;
-var SuspenseComponentTag = 13;
-var MemoComponentTag = 14;
-var SimpleMemoComponentTag = 15;
-var DehydratedSuspenseComponentTag = 18;
-var OffscreenComponentTag = 22;
-var LegacyHiddenComponentTag = 23;
-var HostHoistableTag = 26;
-var HostSingletonTag = 27;
-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 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) => {
-  switch (fiber.tag) {
-    case HostComponentTag:
-    // @ts-expect-error: it exists
-    case HostHoistableTag:
-    // @ts-expect-error: it exists
-    case HostSingletonTag:
-      return true;
-    default:
-      return typeof fiber.type === "string";
-  }
-};
-var isCompositeFiber = (fiber) => {
-  switch (fiber.tag) {
-    case FunctionComponentTag:
-    case ClassComponentTag:
-    case SimpleMemoComponentTag:
-    case MemoComponentTag:
-    case ForwardRefTag:
-      return true;
-    default:
-      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.flags & (MutationMask | Cloned)) !== 0 || (fiber.subtreeFlags & (MutationMask | Cloned)) !== 0
-  );
-};
-var shouldFilterFiber = (fiber) => {
-  switch (fiber.tag) {
-    case DehydratedSuspenseComponentTag:
-      return true;
-    case HostTextTag:
-    case FragmentTag:
-    case LegacyHiddenComponentTag:
-    case OffscreenComponentTag:
-      return true;
-    case HostRootTag:
-      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 getNearestHostFibers = (fiber) => {
-  const hostFibers = [];
-  const stack = [];
-  if (isHostFiber(fiber)) {
-    hostFibers.push(fiber);
-  } else if (fiber.child) {
-    stack.push(fiber.child);
-  }
-  while (stack.length) {
-    const currentNode = stack.pop();
-    if (!currentNode) break;
-    if (isHostFiber(currentNode)) {
-      hostFibers.push(currentNode);
-    } else if (currentNode.child) {
-      stack.push(currentNode.child);
-    }
-    if (currentNode.sibling) {
-      stack.push(currentNode.sibling);
-    }
-  }
-  return hostFibers;
-};
-var getType = (type) => {
-  const currentType = type;
-  if (typeof currentType === "function") {
-    return currentType;
-  }
-  if (typeof currentType === "object" && currentType) {
-    return getType(
-      currentType.type || currentType.render
-    );
-  }
-  return null;
-};
-var getDisplayName = (type) => {
-  const currentType = type;
-  if (typeof currentType !== "function" && !(typeof currentType === "object" && currentType)) {
-    return null;
-  }
-  const name = currentType.displayName || currentType.name || null;
-  if (name) return name;
-  const unwrappedType = getType(currentType);
-  if (!unwrappedType) return null;
-  return unwrappedType.displayName || unwrappedType.name || null;
-};
-var isUsingRDT = () => {
-  return "reactDevtoolsAgent" in getRDTHook();
-};
-var detectReactBuildType = (renderer) => {
-  try {
-    if (typeof renderer.version === "string" && renderer.bundleType > 0) {
-      return "development";
-    }
-  } catch {
-  }
-  return "production";
-};
-var fiberId = 0;
-var fiberIdMap = /* @__PURE__ */ new WeakMap();
-var setFiberId = (fiber, id = fiberId++) => {
-  fiberIdMap.set(fiber, id);
-};
-var getFiberId = (fiber) => {
-  let id = fiberIdMap.get(fiber);
-  if (!id && fiber.alternate) {
-    id = fiberIdMap.get(fiber.alternate);
-  }
-  if (!id) {
-    id = fiberId++;
-    setFiberId(fiber, id);
-  }
-  return id;
-};
-var mountFiberRecursively = (onRender, firstChild, traverseSiblings) => {
-  let fiber = firstChild;
-  while (fiber != null) {
-    if (!fiberIdMap.has(fiber)) {
-      getFiberId(fiber);
-    }
-    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 (!fiberIdMap.has(nextFiber)) {
-    getFiberId(nextFiber);
-  }
-  if (!prevFiber) return;
-  if (!fiberIdMap.has(prevFiber)) {
-    getFiberId(prevFiber);
-  }
-  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 === HostRootTag;
-  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 traverseRenderedFibers = (root, onRender) => {
-  const fiber = "current" in root ? root.current : root;
-  let rootInstance = rootInstanceMap.get(root);
-  if (!rootInstance) {
-    rootInstance = { prevFiber: null, id: commitId++ };
-    rootInstanceMap.set(root, rootInstance);
-  }
-  const { prevFiber } = rootInstance;
-  if (!fiber) {
-    unmountFiber(onRender, fiber);
-  } else 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 = fiber.memoizedState != null && fiber.memoizedState.element != null && // A dehydrated root is not considered mounted
-    fiber.memoizedState.isDehydrated !== true;
-    if (!wasMounted && isMounted) {
-      mountFiberRecursively(onRender, fiber, false);
-    } else if (wasMounted && isMounted) {
-      updateFiberRecursively(onRender, fiber, fiber.alternate);
-    } else if (wasMounted && !isMounted) {
-      unmountFiber(onRender, fiber);
-    }
-  } else {
-    mountFiberRecursively(onRender, fiber, true);
-  }
-  rootInstance.prevFiber = fiber;
-};
-var createFiberVisitor = ({
-  onRender
-}) => {
-  return (_rendererID, root, _state) => {
-    traverseRenderedFibers(root, onRender);
-  };
-};
-var instrument = (options) => {
-  return getRDTHook(() => {
-    const rdtHook = getRDTHook();
-    options.onActive?.();
-    rdtHook._instrumentationSource = options.name ?? BIPPY_INSTRUMENTATION_STRING;
-    const prevOnCommitFiberRoot = rdtHook.onCommitFiberRoot;
-    if (options.onCommitFiberRoot) {
-      rdtHook.onCommitFiberRoot = (rendererID, root, priority) => {
-        if (prevOnCommitFiberRoot)
-          prevOnCommitFiberRoot(rendererID, root, priority);
-        options.onCommitFiberRoot?.(rendererID, root, priority);
-      };
-    }
-    const prevOnCommitFiberUnmount = rdtHook.onCommitFiberUnmount;
-    if (options.onCommitFiberUnmount) {
-      rdtHook.onCommitFiberUnmount = (rendererID, root) => {
-        if (prevOnCommitFiberUnmount)
-          prevOnCommitFiberUnmount(rendererID, root);
-        options.onCommitFiberUnmount?.(rendererID, root);
-      };
-    }
-    const prevOnPostCommitFiberRoot = rdtHook.onPostCommitFiberRoot;
-    if (options.onPostCommitFiberRoot) {
-      rdtHook.onPostCommitFiberRoot = (rendererID, root) => {
-        if (prevOnPostCommitFiberRoot)
-          prevOnPostCommitFiberRoot(rendererID, root);
-        options.onPostCommitFiberRoot?.(rendererID, root);
-      };
-    }
-  });
-};
-var secure = (options, secureOptions = {}) => {
-  const onActive = options.onActive;
-  const isRDTHookInstalled = hasRDTHook();
-  const isRDT = isUsingRDT();
-  let timeout;
-  let isProduction = false;
-  options.onActive = () => {
-    clearTimeout(timeout);
-    let isSecure = true;
-    try {
-      onActive?.();
-      const rdtHook = getRDTHook();
-      for (const renderer of rdtHook.renderers.values()) {
-        const [majorVersion] = renderer.version.split(".");
-        if (Number(majorVersion) < (secureOptions.minReactMajorVersion ?? 17)) {
-          isSecure = false;
-        }
-        const buildType = detectReactBuildType(renderer);
-        if (buildType !== "development") {
-          isProduction = true;
-          if (!secureOptions.dangerouslyRunInProduction) {
-            isSecure = false;
-          }
-        }
-      }
-    } catch (err) {
-      secureOptions.onError?.(err);
-    }
-    if (!isSecure) {
-      options.onCommitFiberRoot = void 0;
-      options.onCommitFiberUnmount = void 0;
-      options.onPostCommitFiberRoot = void 0;
-      options.onActive = void 0;
-      return;
-    }
-    try {
-      const onCommitFiberRoot = options.onCommitFiberRoot;
-      if (onCommitFiberRoot) {
-        options.onCommitFiberRoot = (rendererID, root, priority) => {
-          try {
-            onCommitFiberRoot(rendererID, root, priority);
-          } catch (err) {
-            secureOptions.onError?.(err);
-          }
-        };
-      }
-      const onCommitFiberUnmount = options.onCommitFiberUnmount;
-      if (onCommitFiberUnmount) {
-        options.onCommitFiberUnmount = (rendererID, root) => {
-          try {
-            onCommitFiberUnmount(rendererID, root);
-          } catch (err) {
-            secureOptions.onError?.(err);
-          }
-        };
-      }
-      const onPostCommitFiberRoot = options.onPostCommitFiberRoot;
-      if (onPostCommitFiberRoot) {
-        options.onPostCommitFiberRoot = (rendererID, root) => {
-          try {
-            onPostCommitFiberRoot(rendererID, root);
-          } catch (err) {
-            secureOptions.onError?.(err);
-          }
-        };
-      }
-    } catch (err) {
-      secureOptions.onError?.(err);
-    }
-  };
-  if (!isRDTHookInstalled && !isRDT) {
-    timeout = setTimeout(() => {
-      if (!isProduction) {
-        secureOptions.onError?.();
-      }
-      stop();
-    }, secureOptions.installCheckTimeout ?? 100);
-  }
-  return options;
-};
-
-// inline-worker:__inline-worker
-function inlineWorker(scriptText) {
-  let blob = new Blob([scriptText], { type: "text/javascript" });
-  let url = URL.createObjectURL(blob);
-  let worker2 = new Worker(url);
-  URL.revokeObjectURL(url);
-  return worker2;
-}
-
-// src/scan/offscreen-canvas.worker.ts
-function Worker2() {
-  return inlineWorker('var Y="Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace";var C=(t,l)=>Math.floor(t+(l-t)*.2);var _="115,97,230";var $=t=>{let l=new Map;for(let i of t){let{name:h,count:e}=i;l.set(h,(l.get(h)||0)+e)}let u=new Map;for(let[i,h]of l.entries()){let e=u.get(h);e?e.push(i):u.set(h,[i])}let p=Array.from(u.entries()).sort(([i],[h])=>h-i),a=p.length,r="";for(let i=0;i<a;i++){let[h,e]=p[i],n=`${e.slice(0,4).join(", ")} \\xD7${h}`;n.length>40&&(n=`${n.slice(0,40)}\\u2026`),i!==a-1&&(n+=", "),r+=n}return r.length>40?`${r.slice(0,40)}\\u2026`:r},S=t=>{let l=0;for(let u of t)l+=u.width*u.height;return l};var N=(t,l)=>{let u=t.getContext("2d",{alpha:!0});return u&&u.scale(l,l),u},X=(t,l,u,p)=>{t.clearRect(0,0,l.width/u,l.height/u);let a=new Map,r=new Map;for(let e of p.values()){let{x:n,y:c,width:s,height:f,targetX:o,targetY:d,targetWidth:g,targetHeight:m,frame:x}=e;o!==n&&(e.x=C(n,o)),d!==c&&(e.y=C(c,d)),g!==s&&(e.width=C(s,g)),m!==f&&(e.height=C(f,m));let O=`${o!=null?o:n},${d!=null?d:c}`,y=`${O},${g!=null?g:s},${m!=null?m:f}`,R=a.get(O);R?R.push(e):a.set(O,[e]);let M=1-x/45;e.frame++;let E=r.get(y)||{x:n,y:c,width:s,height:f,alpha:M};M>E.alpha&&(E.alpha=M),r.set(y,E)}for(let e of r.values()){let{x:n,y:c,width:s,height:f,alpha:o}=e;t.strokeStyle=`rgba(${_},${o})`,t.lineWidth=1,t.beginPath(),t.rect(n,c,s,f),t.stroke(),t.fillStyle=`rgba(${_},${o*.1})`,t.fill()}t.font=`11px ${Y}`;let i=new Map;t.textRendering="optimizeSpeed";for(let e of a.values()){let n=e[0],{x:c,y:s,frame:f}=n,o=1-f/45,d=$(e),{width:g}=t.measureText(d),m=11;i.set(`${c},${s},${g},${d}`,{text:d,width:g,height:m,alpha:o,x:c,y:s,outlines:e});let x=s-m-4;if(x<0&&(x=0),f>45)for(let O of e)p.delete(String(O.id))}let h=Array.from(i.entries()).sort(([e,n],[c,s])=>S(s.outlines)-S(n.outlines));for(let[e,n]of h)if(i.has(e))for(let[c,s]of i.entries()){if(e===c)continue;let{x:f,y:o,width:d,height:g}=n,{x:m,y:x,width:O,height:y}=s;f+d>m&&m+O>f&&o+g>x&&x+y>o&&(n.text=$([...n.outlines,...s.outlines]),n.width=t.measureText(n.text).width,i.delete(c))}for(let e of i.values()){let{x:n,y:c,alpha:s,width:f,height:o,text:d}=e,g=c-o-4;g<0&&(g=0),t.fillStyle=`rgba(${_},${s})`,t.fillRect(n,g,f+4,o+4),t.fillStyle=`rgba(255,255,255,${s})`,t.fillText(d,n+2,g+o)}return p.size>0};var A=null,w=null,b=1,L=new Map,T=null,v=()=>{if(!w||!A)return;X(w,A,b,L)?T=requestAnimationFrame(v):T=null};self.onmessage=t=>{let{type:l}=t.data;if(l==="init"&&(A=t.data.canvas,b=t.data.dpr,A&&(A.width=t.data.width,A.height=t.data.height,w=N(A,b))),!(!A||!w)){if(l==="resize"){b=t.data.dpr,A.width=t.data.width*b,A.height=t.data.height*b,w.resetTransform(),w.scale(b,b),v();return}if(l==="draw-outlines"){let{data:u,names:p}=t.data,a=new Float32Array(u);for(let r=0;r<a.length;r+=7){let i=a[r+2],h=a[r+3],e=a[r+4],n=a[r+5],c=a[r+6],s={id:a[r],name:p[r/7],count:a[r+1],x:i,y:h,width:e,height:n,frame:0,targetX:i,targetY:h,targetWidth:e,targetHeight:n,didCommit:c},f=String(s.id),o=L.get(f);o?(o.count++,o.frame=0,o.targetX=i,o.targetY=h,o.targetWidth=e,o.targetHeight=n,o.didCommit=c):L.set(f,s)}T||(T=requestAnimationFrame(v));return}if(l==="scroll"){let{deltaX:u,deltaY:p}=t.data;for(let a of L.values()){let r=a.x-u,i=a.y-p;a.targetX=r,a.targetY=i}}}};\n');
-}
-
-// src/scan/canvas.ts
-var OUTLINE_ARRAY_SIZE = 7;
-var MONO_FONT = "Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace";
-var INTERPOLATION_SPEED = 0.2;
-var lerp = (start, end) => {
-  return Math.floor(start + (end - start) * INTERPOLATION_SPEED);
-};
-var MAX_PARTS_LENGTH = 4;
-var MAX_LABEL_LENGTH = 40;
-var TOTAL_FRAMES = 45;
-var primaryColor = "115,97,230";
-var getLabelText = (outlines) => {
-  const nameByCount = /* @__PURE__ */ new Map();
-  for (const outline of outlines) {
-    const { name, count } = outline;
-    nameByCount.set(name, (nameByCount.get(name) || 0) + count);
-  }
-  const countByNames = /* @__PURE__ */ new Map();
-  for (const [name, count] of nameByCount.entries()) {
-    const names = countByNames.get(count);
-    if (names) {
-      names.push(name);
-    } else {
-      countByNames.set(count, [name]);
-    }
-  }
-  const partsEntries = Array.from(countByNames.entries()).sort(
-    ([countA], [countB]) => countB - countA
-  );
-  const partsLength = partsEntries.length;
-  let labelText = "";
-  for (let i = 0; i < partsLength; i++) {
-    const [count, names] = partsEntries[i];
-    let part = `${names.slice(0, MAX_PARTS_LENGTH).join(", ")} \xD7${count}`;
-    if (part.length > MAX_LABEL_LENGTH) {
-      part = `${part.slice(0, MAX_LABEL_LENGTH)}\u2026`;
-    }
-    if (i !== partsLength - 1) {
-      part += ", ";
-    }
-    labelText += part;
-  }
-  if (labelText.length > MAX_LABEL_LENGTH) {
-    return `${labelText.slice(0, MAX_LABEL_LENGTH)}\u2026`;
-  }
-  return labelText;
-};
-var getAreaFromOutlines = (outlines) => {
-  let area = 0;
-  for (const outline of outlines) {
-    area += outline.width * outline.height;
-  }
-  return area;
-};
-var updateOutlines = (activeOutlines2, outlines) => {
-  for (const { id, name, count, x, y, width, height, didCommit } of outlines) {
-    const outline = {
-      id,
-      name,
-      count,
-      x,
-      y,
-      width,
-      height,
-      frame: 0,
-      targetX: x,
-      targetY: y,
-      targetWidth: width,
-      targetHeight: height,
-      didCommit
-    };
-    const key = String(outline.id);
-    const existingOutline = activeOutlines2.get(key);
-    if (existingOutline) {
-      existingOutline.count++;
-      existingOutline.frame = 0;
-      existingOutline.targetX = x;
-      existingOutline.targetY = y;
-      existingOutline.targetWidth = width;
-      existingOutline.targetHeight = height;
-      existingOutline.didCommit = didCommit;
-    } else {
-      activeOutlines2.set(key, outline);
-    }
-  }
-};
-var updateScroll = (activeOutlines2, deltaX, deltaY) => {
-  for (const outline of activeOutlines2.values()) {
-    const newX = outline.x - deltaX;
-    const newY = outline.y - deltaY;
-    outline.targetX = newX;
-    outline.targetY = newY;
-  }
-};
-var initCanvas = (canvas2, dpr2) => {
-  const ctx2 = canvas2.getContext("2d", { alpha: true });
-  if (ctx2) {
-    ctx2.scale(dpr2, dpr2);
-  }
-  return ctx2;
-};
-var drawCanvas = (ctx2, canvas2, dpr2, activeOutlines2) => {
-  ctx2.clearRect(0, 0, canvas2.width / dpr2, canvas2.height / dpr2);
-  const groupedOutlinesMap = /* @__PURE__ */ new Map();
-  const rectMap = /* @__PURE__ */ new Map();
-  for (const outline of activeOutlines2.values()) {
-    const {
-      x,
-      y,
-      width,
-      height,
-      targetX,
-      targetY,
-      targetWidth,
-      targetHeight,
-      frame
-    } = outline;
-    if (targetX !== x) {
-      outline.x = lerp(x, targetX);
-    }
-    if (targetY !== y) {
-      outline.y = lerp(y, targetY);
-    }
-    if (targetWidth !== width) {
-      outline.width = lerp(width, targetWidth);
-    }
-    if (targetHeight !== height) {
-      outline.height = lerp(height, targetHeight);
-    }
-    const labelKey = `${targetX ?? x},${targetY ?? y}`;
-    const rectKey = `${labelKey},${targetWidth ?? width},${targetHeight ?? height}`;
-    const outlines = groupedOutlinesMap.get(labelKey);
-    if (outlines) {
-      outlines.push(outline);
-    } else {
-      groupedOutlinesMap.set(labelKey, [outline]);
-    }
-    const alpha = 1 - frame / TOTAL_FRAMES;
-    outline.frame++;
-    const rect = rectMap.get(rectKey) || {
-      x,
-      y,
-      width,
-      height,
-      alpha
-    };
-    if (alpha > rect.alpha) {
-      rect.alpha = alpha;
-    }
-    rectMap.set(rectKey, rect);
-  }
-  for (const rect of rectMap.values()) {
-    const { x, y, width, height, alpha } = rect;
-    ctx2.strokeStyle = `rgba(${primaryColor},${alpha})`;
-    ctx2.lineWidth = 1;
-    ctx2.beginPath();
-    ctx2.rect(x, y, width, height);
-    ctx2.stroke();
-    ctx2.fillStyle = `rgba(${primaryColor},${alpha * 0.1})`;
-    ctx2.fill();
-  }
-  ctx2.font = `11px ${MONO_FONT}`;
-  const labelMap = /* @__PURE__ */ new Map();
-  ctx2.textRendering = "optimizeSpeed";
-  for (const outlines of groupedOutlinesMap.values()) {
-    const first = outlines[0];
-    const { x, y, frame } = first;
-    const alpha = 1 - frame / TOTAL_FRAMES;
-    const text = getLabelText(outlines);
-    const { width } = ctx2.measureText(text);
-    const height = 11;
-    labelMap.set(`${x},${y},${width},${text}`, {
-      text,
-      width,
-      height,
-      alpha,
-      x,
-      y,
-      outlines
-    });
-    if (frame > TOTAL_FRAMES) {
-      for (const outline of outlines) {
-        activeOutlines2.delete(String(outline.id));
-      }
-    }
-  }
-  const sortedLabels = Array.from(labelMap.entries()).sort(
-    ([_, a], [__, b]) => {
-      return getAreaFromOutlines(b.outlines) - getAreaFromOutlines(a.outlines);
-    }
-  );
-  for (const [labelKey, label] of sortedLabels) {
-    if (!labelMap.has(labelKey)) continue;
-    for (const [otherKey, otherLabel] of labelMap.entries()) {
-      if (labelKey === otherKey) continue;
-      const { x, y, width, height } = label;
-      const {
-        x: otherX,
-        y: otherY,
-        width: otherWidth,
-        height: otherHeight
-      } = otherLabel;
-      if (x + width > otherX && otherX + otherWidth > x && y + height > otherY && otherY + otherHeight > y) {
-        label.text = getLabelText([...label.outlines, ...otherLabel.outlines]);
-        label.width = ctx2.measureText(label.text).width;
-        labelMap.delete(otherKey);
-      }
-    }
-  }
-  for (const label of labelMap.values()) {
-    const { x, y, alpha, width, height, text } = label;
-    let labelY = y - height - 4;
-    if (labelY < 0) {
-      labelY = 0;
-    }
-    ctx2.fillStyle = `rgba(${primaryColor},${alpha})`;
-    ctx2.fillRect(x, labelY, width + 4, height + 4);
-    ctx2.fillStyle = `rgba(255,255,255,${alpha})`;
-    ctx2.fillText(text, x + 2, labelY + height);
-  }
-  return activeOutlines2.size > 0;
-};
-
-// src/scan/index.ts
-var worker = null;
-var canvas = null;
-var ctx = null;
-var dpr = 1;
-var animationFrameId = null;
-var activeOutlines = /* @__PURE__ */ new Map();
-var blueprintMap = /* @__PURE__ */ new WeakMap();
-var blueprintMapKeys = /* @__PURE__ */ new Set();
-var outlineFiber = (fiber) => {
-  if (!isCompositeFiber(fiber)) return;
-  const name = typeof fiber.type === "string" ? fiber.type : getDisplayName(fiber);
-  if (!name) return;
-  const blueprint = blueprintMap.get(fiber);
-  const nearestFibers = getNearestHostFibers(fiber);
-  const didCommit = didFiberCommit(fiber);
-  if (!blueprint) {
-    blueprintMap.set(fiber, {
-      name,
-      count: 1,
-      elements: nearestFibers.map((fiber2) => fiber2.stateNode),
-      didCommit: didCommit ? 1 : 0
-    });
-    blueprintMapKeys.add(fiber);
-  } else {
-    blueprint.count++;
-  }
-};
-var mergeRects = (rects) => {
-  const firstRect = rects[0];
-  if (rects.length === 1) return firstRect;
-  let minX;
-  let minY;
-  let maxX;
-  let maxY;
-  for (let i = 0, len = rects.length; i < len; i++) {
-    const rect = rects[i];
-    minX = minX == null ? rect.x : Math.min(minX, rect.x);
-    minY = minY == null ? rect.y : Math.min(minY, rect.y);
-    maxX = maxX == null ? rect.x + rect.width : Math.max(maxX, rect.x + rect.width);
-    maxY = maxY == null ? rect.y + rect.height : Math.max(maxY, rect.y + rect.height);
-  }
-  if (minX == null || minY == null || maxX == null || maxY == null) {
-    return rects[0];
-  }
-  return new DOMRect(minX, minY, maxX - minX, maxY - minY);
-};
-var getRectMap = (elements) => {
-  return new Promise((resolve) => {
-    const rects = /* @__PURE__ */ new Map();
-    const observer = new IntersectionObserver((entries) => {
-      for (let i = 0, len = entries.length; i < len; i++) {
-        const entry = entries[i];
-        const element = entry.target;
-        const rect = entry.boundingClientRect;
-        if (entry.isIntersecting && rect.width && rect.height) {
-          rects.set(element, rect);
-        }
-      }
-      observer.disconnect();
-      resolve(rects);
-    });
-    for (let i = 0, len = elements.length; i < len; i++) {
-      const element = elements[i];
-      observer.observe(element);
-    }
-  });
-};
-var SupportedArrayBuffer = typeof SharedArrayBuffer !== "undefined" ? SharedArrayBuffer : ArrayBuffer;
-var flushOutlines = async () => {
-  const elements = [];
-  for (const fiber of blueprintMapKeys) {
-    const blueprint = blueprintMap.get(fiber);
-    if (!blueprint) continue;
-    for (let i = 0; i < blueprint.elements.length; i++) {
-      elements.push(blueprint.elements[i]);
-    }
-  }
-  const rectsMap = await getRectMap(elements);
-  const blueprints = [];
-  const blueprintRects = [];
-  const blueprintIds = [];
-  for (const fiber of blueprintMapKeys) {
-    const blueprint = blueprintMap.get(fiber);
-    if (!blueprint) continue;
-    const rects = [];
-    for (let i = 0; i < blueprint.elements.length; i++) {
-      const element = blueprint.elements[i];
-      const rect = rectsMap.get(element);
-      if (!rect) continue;
-      rects.push(rect);
-    }
-    blueprintMap.delete(fiber);
-    blueprintMapKeys.delete(fiber);
-    if (!rects.length) continue;
-    blueprints.push(blueprint);
-    blueprintRects.push(mergeRects(rects));
-    blueprintIds.push(getFiberId(fiber));
-  }
-  const arrayBuffer = new SupportedArrayBuffer(
-    blueprints.length * OUTLINE_ARRAY_SIZE * 4
-  );
-  const sharedView = new Float32Array(arrayBuffer);
-  const blueprintNames = new Array(blueprints.length);
-  let outlineData;
-  for (let i = 0, len = blueprints.length; i < len; i++) {
-    const blueprint = blueprints[i];
-    const id = blueprintIds[i];
-    const { x, y, width, height } = blueprintRects[i];
-    const { count, name, didCommit } = blueprint;
-    if (worker) {
-      const scaledIndex = i * OUTLINE_ARRAY_SIZE;
-      sharedView[scaledIndex] = id;
-      sharedView[scaledIndex + 1] = count;
-      sharedView[scaledIndex + 2] = x;
-      sharedView[scaledIndex + 3] = y;
-      sharedView[scaledIndex + 4] = width;
-      sharedView[scaledIndex + 5] = height;
-      sharedView[scaledIndex + 6] = didCommit;
-      blueprintNames[i] = name;
-    } else {
-      outlineData ||= new Array(blueprints.length);
-      outlineData[i] = {
-        id,
-        name,
-        count,
-        x,
-        y,
-        width,
-        height,
-        didCommit
-      };
-    }
-  }
-  if (worker) {
-    worker.postMessage({
-      type: "draw-outlines",
-      data: arrayBuffer,
-      names: blueprintNames
-    });
-  } else if (canvas && ctx && outlineData) {
-    updateOutlines(activeOutlines, outlineData);
-    if (!animationFrameId) {
-      animationFrameId = requestAnimationFrame(draw);
-    }
-  }
-};
-var draw = () => {
-  if (!ctx || !canvas) return;
-  const shouldContinue = drawCanvas(ctx, canvas, dpr, activeOutlines);
-  if (shouldContinue) {
-    animationFrameId = requestAnimationFrame(draw);
-  } else {
-    animationFrameId = null;
-  }
-};
-var CANVAS_HTML_STR = `<canvas style="position:fixed;top:0;left:0;pointer-events:none;z-index:2147483646" aria-hidden="true"></canvas>`;
-var IS_OFFSCREEN_CANVAS_WORKER_SUPPORTED = typeof OffscreenCanvas !== "undefined" && typeof Worker2 !== "undefined";
-var getDpr = () => {
-  return Math.min(window.devicePixelRatio || 1, 2);
-};
-var getCanvasEl = () => {
-  const host = document.createElement("div");
-  host.setAttribute("data-react-scan", "true");
-  const shadowRoot = host.attachShadow({ mode: "open" });
-  shadowRoot.innerHTML = CANVAS_HTML_STR;
-  const canvasEl = shadowRoot.firstChild;
-  if (!canvasEl) return null;
-  dpr = getDpr();
-  canvas = canvasEl;
-  const { innerWidth, innerHeight } = window;
-  canvasEl.style.width = `${innerWidth}px`;
-  canvasEl.style.height = `${innerHeight}px`;
-  const width = innerWidth * dpr;
-  const height = innerHeight * dpr;
-  canvasEl.width = width;
-  canvasEl.height = height;
-  if (IS_OFFSCREEN_CANVAS_WORKER_SUPPORTED) {
-    try {
-      worker = Worker2();
-      const offscreenCanvas = canvasEl.transferControlToOffscreen();
-      worker.postMessage(
-        {
-          type: "init",
-          canvas: offscreenCanvas,
-          width: canvasEl.width,
-          height: canvasEl.height,
-          dpr
-        },
-        [offscreenCanvas]
-      );
-    } catch {
-    }
-  }
-  if (!worker) {
-    ctx = initCanvas(canvasEl, dpr);
-  }
-  let isResizeScheduled = false;
-  window.addEventListener("resize", () => {
-    if (!isResizeScheduled) {
-      isResizeScheduled = true;
-      setTimeout(() => {
-        const width2 = window.innerWidth;
-        const height2 = window.innerHeight;
-        dpr = getDpr();
-        canvasEl.style.width = `${width2}px`;
-        canvasEl.style.height = `${height2}px`;
-        if (worker) {
-          worker.postMessage({
-            type: "resize",
-            width: width2,
-            height: height2,
-            dpr
-          });
-        } else {
-          canvasEl.width = width2 * dpr;
-          canvasEl.height = height2 * dpr;
-          if (ctx) {
-            ctx.resetTransform();
-            ctx.scale(dpr, dpr);
-          }
-          draw();
-        }
-        isResizeScheduled = false;
-      });
-    }
-  });
-  let prevScrollX = window.scrollX;
-  let prevScrollY = window.scrollY;
-  let isScrollScheduled = false;
-  window.addEventListener("scroll", () => {
-    if (!isScrollScheduled) {
-      isScrollScheduled = true;
-      setTimeout(() => {
-        const { scrollX, scrollY } = window;
-        const deltaX = scrollX - prevScrollX;
-        const deltaY = scrollY - prevScrollY;
-        prevScrollX = scrollX;
-        prevScrollY = scrollY;
-        if (worker) {
-          worker.postMessage({
-            type: "scroll",
-            deltaX,
-            deltaY
-          });
-        } else {
-          requestAnimationFrame(() => {
-            updateScroll(activeOutlines, deltaX, deltaY);
-          });
-        }
-        isScrollScheduled = false;
-      }, 16 * 2);
-    }
-  });
-  setInterval(() => {
-    if (blueprintMapKeys.size) {
-      flushOutlines();
-    }
-  }, 16 * 2);
-  shadowRoot.appendChild(canvasEl);
-  return host;
-};
-var hasStopped = () => {
-  return globalThis.__REACT_SCAN_STOP__;
-};
-var stop2 = () => {
-  globalThis.__REACT_SCAN_STOP__ = true;
-  cleanup();
-};
-var hasCleanedUp = false;
-var cleanup = () => {
-  if (hasCleanedUp) return;
-  hasCleanedUp = true;
-  const host = document.querySelector("[data-react-scan]");
-  if (host) {
-    host.remove();
-  }
-};
-var init = () => {
-  cleanup();
-  if (hasStopped()) return;
-  const visit = createFiberVisitor({
-    onRender(fiber) {
-      if (document.hidden) return;
-      outlineFiber(fiber);
-    },
-    onError() {
-    }
-  });
-  instrument(
-    secure(
-      {
-        onActive() {
-          if (hasStopped()) return;
-          const host = getCanvasEl();
-          if (host) {
-            document.documentElement.appendChild(host);
-          }
-        },
-        onCommitFiberRoot(rendererID, root) {
-          if (hasStopped()) return cleanup();
-          visit(rendererID, root);
-        }
-      },
-      {
-        dangerouslyRunInProduction: true,
-        onError(error) {
-          console.warn(
-            "React Scan did not install correctly.\n\n{link to install doc}",
-            error
-          );
-        }
-      }
-    )
-  );
-};
-if (typeof window !== "undefined") {
-  init();
-}
-
-export { cleanup, flushOutlines, getCanvasEl, getRectMap, hasStopped, outlineFiber, stop2 as stop };