bippy 0.5.31 → 0.5.33

package/src/rdt-hook.ts

@@ -3,7 +3,7 @@
 // without this, we can't stub the React DevTools global hook, we don't have a way to instrument the application
 // make sure you import this file first before anything else (particularly React)
 
-import type { ReactDevToolsGlobalHook, ReactRenderer } from './types.js';
+import type { ReactDevToolsGlobalHook, ReactRenderer } from "./types.js";
 
 export const version = process.env.VERSION;
 export const BIPPY_INSTRUMENTATION_STRING = `bippy-${version}`;
@@ -19,13 +19,13 @@ const NO_OP = () => {
 const checkDCE = (fn: unknown): void => {
   try {
     const code = Function.prototype.toString.call(fn);
-    if (code.indexOf('^_^') > -1) {
+    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',
+          "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",
         );
       });
     }
@@ -35,7 +35,7 @@ const checkDCE = (fn: unknown): void => {
 export const isRealReactDevtools = (
   rdtHook: ReactDevToolsGlobalHook | undefined | null = globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__,
 ): boolean => {
-  return Boolean(rdtHook && 'getFiberRoots' in rdtHook);
+  return Boolean(rdtHook && "getFiberRoots" in rdtHook);
 };
 
 let isReactRefreshOverride = false;
@@ -45,20 +45,18 @@ export const isReactRefresh = (
   rdtHook: ReactDevToolsGlobalHook | undefined | null = globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__,
 ): boolean => {
   if (isReactRefreshOverride) return true;
-  if (rdtHook && typeof rdtHook.inject === 'function') {
+  if (rdtHook && typeof rdtHook.inject === "function") {
     injectFnStr = rdtHook.inject.toString();
   }
   // https://github.com/facebook/react/blob/8f8b336734d7c807f5aa11b0f31540e63302d789/packages/react-refresh/src/ReactFreshRuntime.js#L459
-  return Boolean(injectFnStr?.includes('(injected)'));
+  return Boolean(injectFnStr?.includes("(injected)"));
 };
 
 const onActiveListeners = new Set<() => unknown>();
 
 export const _renderers = new Set<ReactRenderer>();
 
-export const installRDTHook = (
-  onActive?: () => unknown,
-): ReactDevToolsGlobalHook => {
+export const installRDTHook = (onActive?: () => unknown): ReactDevToolsGlobalHook => {
   const renderers = new Map<number, ReactRenderer>();
   let i = 0;
   let rdtHook: ReactDevToolsGlobalHook = {
@@ -85,14 +83,14 @@ export const installRDTHook = (
     supportsFlight: true,
   };
   try {
-    objectDefineProperty(globalThis, '__REACT_DEVTOOLS_GLOBAL_HOOK__', {
+    objectDefineProperty(globalThis, "__REACT_DEVTOOLS_GLOBAL_HOOK__", {
       configurable: true,
       enumerable: true,
       get() {
         return rdtHook;
       },
       set(newHook) {
-        if (newHook && typeof newHook === 'object') {
+        if (newHook && typeof newHook === "object") {
           const ourRenderers = rdtHook.renderers;
           rdtHook = newHook;
           if (ourRenderers.size > 0) {
@@ -111,11 +109,11 @@ export const installRDTHook = (
     // eslint-disable-next-line @typescript-eslint/unbound-method
     const originalWindowHasOwnProperty = window.hasOwnProperty;
     let hasRanHack = false;
-    objectDefineProperty(window, 'hasOwnProperty', {
+    objectDefineProperty(window, "hasOwnProperty", {
       configurable: true,
       value: function (this: unknown, ...args: [PropertyKey]) {
         try {
-          if (!hasRanHack && args[0] === '__REACT_DEVTOOLS_GLOBAL_HOOK__') {
+          if (!hasRanHack && args[0] === "__REACT_DEVTOOLS_GLOBAL_HOOK__") {
             globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__ = undefined;
             // special falsy value to know that we've already installed before
             hasRanHack = true;
@@ -194,18 +192,13 @@ export const patchRDTHook = (onActive?: () => unknown): void => {
 };
 
 export const hasRDTHook = (): boolean => {
-  return objectHasOwnProperty.call(
-    globalThis,
-    '__REACT_DEVTOOLS_GLOBAL_HOOK__',
-  );
+  return objectHasOwnProperty.call(globalThis, "__REACT_DEVTOOLS_GLOBAL_HOOK__");
 };
 
 /**
  * Returns the current React DevTools global hook.
  */
-export const getRDTHook = (
-  onActive?: () => unknown,
-): ReactDevToolsGlobalHook => {
+export const getRDTHook = (onActive?: () => unknown): ReactDevToolsGlobalHook => {
   if (!hasRDTHook()) {
     return installRDTHook(onActive);
   }
@@ -217,10 +210,9 @@ export const getRDTHook = (
 
 export const isClientEnvironment = (): boolean => {
   return Boolean(
-    typeof window !== 'undefined' &&
-      // eslint-disable-next-line @typescript-eslint/unbound-method
-      (window.document?.createElement ||
-        window.navigator?.product === 'ReactNative'),
+    typeof window !== "undefined" &&
+    // eslint-disable-next-line @typescript-eslint/unbound-method
+    (window.document?.createElement || window.navigator?.product === "ReactNative"),
   );
 };
 

package/src/source/constants.ts

@@ -1,27 +1,26 @@
 export const SCHEME_REGEX = /^[a-zA-Z][a-zA-Z\d+\-.]*:/;
 
 export const INTERNAL_SCHEME_PREFIXES = [
-  'rsc://',
-  'file:///',
-  'webpack://',
-  'webpack-internal://',
-  'node:',
-  'turbopack://',
-  'metro://',
-  '/app-pages-browser/',
-  '/(app-pages-browser)/',
+  "rsc://",
+  "file:///",
+  "webpack://",
+  "webpack-internal://",
+  "node:",
+  "turbopack://",
+  "metro://",
+  "/app-pages-browser/",
+  "/(app-pages-browser)/",
 ] as const;
 
-export const ABOUT_REACT_PREFIX = 'about://React/';
+export const ABOUT_REACT_PREFIX = "about://React/";
 
-export const ANONYMOUS_FILE_PATTERNS = ['<anonymous>', 'eval', ''] as const;
+export const ANONYMOUS_FILE_PATTERNS = ["<anonymous>", "eval", ""] as const;
 
 export const SOURCE_FILE_EXTENSION_REGEX = /\.(jsx|tsx|ts|js)$/;
 
 export const BUNDLED_FILE_PATTERN_REGEX =
   /(\.min|bundle|chunk|vendor|vendors|runtime|polyfill|polyfills)\.(js|mjs|cjs)$|(chunk|bundle|vendor|vendors|runtime|polyfill|polyfills|framework|app|main|index)[-_.][A-Za-z0-9_-]{4,}\.(js|mjs|cjs)$|[\da-f]{8,}\.(js|mjs|cjs)$|[-_.][\da-f]{20,}\.(js|mjs|cjs)$|\/dist\/|\/build\/|\/.next\/|\/out\/|\/node_modules\/|\.webpack\.|\.vite\.|\.turbopack\./i;
 
-export const QUERY_PARAMETER_PATTERN_REGEX =
-  /^\?[\w~.-]+(?:=[^&#]*)?(?:&[\w~.-]+(?:=[^&#]*)?)*$/;
+export const QUERY_PARAMETER_PATTERN_REGEX = /^\?[\w~.-]+(?:=[^&#]*)?(?:&[\w~.-]+(?:=[^&#]*)?)*$/;
 
-export const SERVER_FRAME_MARKER = '(at Server)';
+export const SERVER_FRAME_MARKER = "(at Server)";

package/src/source/get-display-name-from-source.ts

@@ -1,14 +1,14 @@
-import { Fiber } from '../types.js';
-import { getDisplayName } from '../core.js';
-import { getOwnerStack } from './owner-stack.js';
-import { getSourceFromSourceMap, getSourceMap } from './symbolication.js';
-import { StackFrame } from './parse-stack.js';
+import { Fiber } from "../types.js";
+import { getDisplayName } from "../core.js";
+import { getOwnerStack } from "./owner-stack.js";
+import { getSourceFromSourceMap, getSourceMap } from "./symbolication.js";
+import { StackFrame } from "./parse-stack.js";
 
 const extractComponentNameFromSource = (
   sourceContent: string,
   lineNumber: number,
 ): string | null => {
-  const lines = sourceContent.split('\n');
+  const lines = sourceContent.split("\n");
   const targetLineIndex = lineNumber - 1;
 
   if (targetLineIndex < 0 || targetLineIndex >= lines.length) {
@@ -17,7 +17,7 @@ const extractComponentNameFromSource = (
 
   const startLine = Math.max(0, targetLineIndex - 5);
   const endLine = Math.min(lines.length, targetLineIndex + 5);
-  const contextLines = lines.slice(startLine, endLine).join('\n');
+  const contextLines = lines.slice(startLine, endLine).join("\n");
 
   const arrowFunctionPattern = /(?:^|export\s+)(?:const|let|var)\s+(\w+)\s*=/m;
   const functionPattern = /(?:^|export\s+)function\s+(\w+)/m;
@@ -53,11 +53,7 @@ export const getDisplayNameFromSource = async (
     return getDisplayName(fiber.type);
   }
 
-  const bundleSourceMap = await getSourceMap(
-    stackFrame.fileName,
-    cache,
-    fetchFn,
-  );
+  const bundleSourceMap = await getSourceMap(stackFrame.fileName, cache, fetchFn);
 
   if (!bundleSourceMap) {
     return getDisplayName(fiber.type);
@@ -65,10 +61,7 @@ export const getDisplayNameFromSource = async (
 
   let source: StackFrame | null = null;
 
-  if (
-    typeof stackFrame.lineNumber === 'number' &&
-    typeof stackFrame.columnNumber === 'number'
-  ) {
+  if (typeof stackFrame.lineNumber === "number" && typeof stackFrame.columnNumber === "number") {
     source = getSourceFromSourceMap(
       bundleSourceMap,
       stackFrame.lineNumber,
@@ -90,10 +83,7 @@ export const getDisplayNameFromSource = async (
   }
 
   const sourceContent = bundleSourceMap.sourcesContent[sourceIndex];
-  const extractedName = extractComponentNameFromSource(
-    sourceContent,
-    source.lineNumber,
-  );
+  const extractedName = extractComponentNameFromSource(sourceContent, source.lineNumber);
 
   if (extractedName) {
     return extractedName;

package/src/source/get-source.ts

@@ -1,6 +1,6 @@
-import { Fiber } from '../types.js';
+import { Fiber } from "../types.js";
 
-import { FiberSource } from './types.js';
+import { FiberSource } from "./types.js";
 import {
   SCHEME_REGEX,
   INTERNAL_SCHEME_PREFIXES,
@@ -9,25 +9,25 @@ import {
   SOURCE_FILE_EXTENSION_REGEX,
   BUNDLED_FILE_PATTERN_REGEX,
   QUERY_PARAMETER_PATTERN_REGEX,
-} from './constants.js';
-import { getOwnerStack } from './owner-stack.js';
+} from "./constants.js";
+import { getOwnerStack } from "./owner-stack.js";
 
 export const hasDebugSource = (
   fiber: Fiber,
 ): fiber is Fiber & {
-  _debugSource: NonNullable<Fiber['_debugSource']>;
+  _debugSource: NonNullable<Fiber["_debugSource"]>;
 } => {
   const debugSource = fiber._debugSource;
   if (!debugSource) {
     return false;
   }
   return (
-    typeof debugSource === 'object' &&
+    typeof debugSource === "object" &&
     debugSource !== null &&
-    'fileName' in debugSource &&
-    typeof debugSource.fileName === 'string' &&
-    'lineNumber' in debugSource &&
-    typeof debugSource.lineNumber === 'number'
+    "fileName" in debugSource &&
+    typeof debugSource.fileName === "string" &&
+    "lineNumber" in debugSource &&
+    typeof debugSource.lineNumber === "number"
   );
 };
 
@@ -74,16 +74,15 @@ export const getSource = async (
   return null;
 };
 
-const getPathSegmentCount = (path: string): number =>
-  path.split('/').filter(Boolean).length;
+const getPathSegmentCount = (path: string): number => path.split("/").filter(Boolean).length;
 
 const getFirstPathSegment = (path: string): string | null => {
-  const segments = path.split('/').filter(Boolean);
+  const segments = path.split("/").filter(Boolean);
   return segments[0] ?? null;
 };
 
 const stripSingleBasePathPrefix = (path: string): string => {
-  const firstSlashIndex = path.indexOf('/', 1);
+  const firstSlashIndex = path.indexOf("/", 1);
   if (firstSlashIndex === -1) {
     return path;
   }
@@ -107,7 +106,7 @@ const stripSingleBasePathPrefix = (path: string): string => {
     return path;
   }
 
-  if (firstRemainderSegment.startsWith('@')) {
+  if (firstRemainderSegment.startsWith("@")) {
     return path;
   }
 
@@ -120,18 +119,17 @@ const stripSingleBasePathPrefix = (path: string): string => {
 
 export const normalizeFileName = (fileName: string): string => {
   if (!fileName) {
-    return '';
+    return "";
   }
 
   if (ANONYMOUS_FILE_PATTERNS.some((pattern) => pattern === fileName)) {
-    return '';
+    return "";
   }
 
   let normalizedFileName = fileName;
 
   const isHttpUrl =
-    normalizedFileName.startsWith('http://') ||
-    normalizedFileName.startsWith('https://');
+    normalizedFileName.startsWith("http://") || normalizedFileName.startsWith("https://");
   if (isHttpUrl) {
     try {
       const parsedUrl = new URL(normalizedFileName);
@@ -145,8 +143,8 @@ export const normalizeFileName = (fileName: string): string => {
 
   if (normalizedFileName.startsWith(ABOUT_REACT_PREFIX)) {
     const remainder = normalizedFileName.slice(ABOUT_REACT_PREFIX.length);
-    const slashIndex = remainder.indexOf('/');
-    const colonIndex = remainder.indexOf(':');
+    const slashIndex = remainder.indexOf("/");
+    const colonIndex = remainder.indexOf(":");
 
     if (slashIndex !== -1 && (colonIndex === -1 || slashIndex < colonIndex)) {
       normalizedFileName = remainder.slice(slashIndex + 1);
@@ -162,8 +160,8 @@ export const normalizeFileName = (fileName: string): string => {
       if (normalizedFileName.startsWith(prefix)) {
         normalizedFileName = normalizedFileName.slice(prefix.length);
 
-        if (prefix === 'file:///') {
-          normalizedFileName = `/${normalizedFileName.replace(/^\/+/, '')}`;
+        if (prefix === "file:///") {
+          normalizedFileName = `/${normalizedFileName.replace(/^\/+/, "")}`;
         }
 
         didStripPrefix = true;
@@ -179,18 +177,15 @@ export const normalizeFileName = (fileName: string): string => {
     }
   }
 
-  if (normalizedFileName.startsWith('//')) {
-    const firstPathSlashIndex = normalizedFileName.indexOf('/', 2);
+  if (normalizedFileName.startsWith("//")) {
+    const firstPathSlashIndex = normalizedFileName.indexOf("/", 2);
     normalizedFileName =
-      firstPathSlashIndex === -1
-        ? ''
-        : normalizedFileName.slice(firstPathSlashIndex);
+      firstPathSlashIndex === -1 ? "" : normalizedFileName.slice(firstPathSlashIndex);
   }
 
-  const queryParameterIndex = normalizedFileName.indexOf('?');
+  const queryParameterIndex = normalizedFileName.indexOf("?");
   if (queryParameterIndex !== -1) {
-    const potentialQueryParameters =
-      normalizedFileName.slice(queryParameterIndex);
+    const potentialQueryParameters = normalizedFileName.slice(queryParameterIndex);
     if (QUERY_PARAMETER_PATTERN_REGEX.test(potentialQueryParameters)) {
       normalizedFileName = normalizedFileName.slice(0, queryParameterIndex);
     }

package/src/source/index.ts

@@ -1,6 +1,6 @@
-export * from './owner-stack.js';
-export * from './get-source.js';
-export * from './symbolication.js';
-export * from './types.js';
-export * from './parse-stack.js';
-export * from './get-display-name-from-source.js';
+export * from "./owner-stack.js";
+export * from "./get-source.js";
+export * from "./symbolication.js";
+export * from "./types.js";
+export * from "./parse-stack.js";
+export * from "./get-display-name-from-source.js";