@sentry/react-router 10.53.1 → 10.54.0

package/build/esm/client/hydratedRouter.js

@@ -4,93 +4,58 @@ import { DEBUG_BUILD } from '../common/debug-build.js';
 import { isClientInstrumentationApiUsed } from './createClientInstrumentation.js';
 import { resolveNavigateArg } from './utils.js';
 
-const GLOBAL_OBJ_WITH_DATA_ROUTER = GLOBAL_OBJ
-
-;
-
-const MAX_RETRIES = 40; // 2 seconds at 50ms interval
-
-/**
- * Instruments the React Router Data Router for pageloads and navigation.
- *
- * This function waits for the router to be available after hydration, then:
- * 1. Updates the pageload transaction with parameterized route info
- * 2. Patches router.navigate() to create navigation transactions
- * 3. Subscribes to router state changes to update navigation transactions with parameterized routes
- */
+const GLOBAL_OBJ_WITH_DATA_ROUTER = GLOBAL_OBJ;
+const MAX_RETRIES = 40;
 function instrumentHydratedRouter() {
   function trySubscribe() {
     const router = GLOBAL_OBJ_WITH_DATA_ROUTER.__reactRouterDataRouter;
-
     if (router) {
-      // The first time we hit the router, we try to update the pageload transaction
       const pageloadSpan = getActiveRootSpan();
-
       if (pageloadSpan) {
         const pageloadName = spanToJSON(pageloadSpan).description;
         const parameterizePageloadRoute = getParameterizedRoute(router.state);
-        if (
-          pageloadName &&
-          // this event is for the currently active pageload
-          normalizePathname(router.state.location.pathname) === normalizePathname(pageloadName)
-        ) {
+        if (pageloadName && // this event is for the currently active pageload
+        normalizePathname(router.state.location.pathname) === normalizePathname(pageloadName)) {
           pageloadSpan.updateName(parameterizePageloadRoute);
           pageloadSpan.setAttributes({
-            [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: 'route',
-            [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.pageload.react_router',
+            [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: "route",
+            [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: "auto.pageload.react_router"
           });
         }
       }
-
-      // Patching navigate for creating accurate navigation transactions
-      if (typeof router.navigate === 'function') {
+      if (typeof router.navigate === "function") {
         const originalNav = router.navigate.bind(router);
         router.navigate = function sentryPatchedNavigate(...args) {
-          // Skip if instrumentation API is enabled (it handles navigation spans itself)
           if (!isClientInstrumentationApiUsed()) {
-            maybeCreateNavigationTransaction(resolveNavigateArg(args[0]) || '<unknown route>', 'url');
+            maybeCreateNavigationTransaction(resolveNavigateArg(args[0]) || "<unknown route>", "url");
           }
           return originalNav(...args);
         };
       }
-
-      // Subscribe to router state changes to update navigation transactions with parameterized routes
-      router.subscribe(newState => {
-        const navigationSpan = getActiveRootSpan();
-
-        if (!navigationSpan) {
+      router.subscribe((newState) => {
+        const rootSpan = getActiveRootSpan();
+        if (!rootSpan) {
           return;
         }
-
-        const navigationSpanName = spanToJSON(navigationSpan).description;
-        const parameterizedNavRoute = getParameterizedRoute(newState);
-
-        if (
-          navigationSpanName &&
-          newState.navigation.state === 'idle' && // navigation has completed
-          // this event is for the currently active navigation
-          normalizePathname(newState.location.pathname) === normalizePathname(navigationSpanName)
-        ) {
-          navigationSpan.updateName(parameterizedNavRoute);
-          navigationSpan.setAttributes({
-            [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: 'route',
-            [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.navigation.react_router',
-          });
+        const rootSpanName = spanToJSON(rootSpan).description;
+        const parameterizedRoute = getParameterizedRoute(newState);
+        if (rootSpanName && newState.navigation.state === "idle" && // navigation has completed
+        // this event is for the currently active root span
+        normalizePathname(newState.location.pathname) === normalizePathname(rootSpanName)) {
+          rootSpan.updateName(parameterizedRoute);
+          rootSpan.setAttribute(SEMANTIC_ATTRIBUTE_SENTRY_SOURCE, "route");
         }
       });
       return true;
     }
     return false;
   }
-
-  // Wait until the router is available (since the SDK loads before hydration)
   if (!trySubscribe()) {
     let retryCount = 0;
-    // Retry until the router is available or max retries reached
     const interval = setInterval(() => {
       if (trySubscribe() || retryCount >= MAX_RETRIES) {
         if (retryCount >= MAX_RETRIES) {
-          DEBUG_BUILD && debug.warn('Unable to instrument React Router: router not found after hydration.');
+          DEBUG_BUILD && debug.warn("Unable to instrument React Router: router not found after hydration.");
         }
         clearInterval(interval);
       }
@@ -98,48 +63,36 @@ function instrumentHydratedRouter() {
     }, 50);
   }
 }
-
 function maybeCreateNavigationTransaction(name, source) {
   const client = getClient();
-
   if (!client) {
-    return undefined;
+    return void 0;
   }
-
   return startBrowserTracingNavigationSpan(client, {
     name,
     attributes: {
       [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: source,
-      [SEMANTIC_ATTRIBUTE_SENTRY_OP]: 'navigation',
-      [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.navigation.react_router',
-    },
+      [SEMANTIC_ATTRIBUTE_SENTRY_OP]: "navigation",
+      [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: "auto.navigation.react_router"
+    }
   });
 }
-
 function getActiveRootSpan() {
   const activeSpan = getActiveSpan();
   if (!activeSpan) {
-    return undefined;
+    return void 0;
   }
-
   const rootSpan = getRootSpan(activeSpan);
-
   const op = spanToJSON(rootSpan).op;
-
-  // Only use this root span if it is a pageload or navigation span
-  return op === 'navigation' || op === 'pageload' ? rootSpan : undefined;
+  return op === "navigation" || op === "pageload" ? rootSpan : void 0;
 }
-
 function getParameterizedRoute(routerState) {
   const lastMatch = routerState.matches[routerState.matches.length - 1];
   return normalizePathname(lastMatch?.route.path ?? routerState.location.pathname);
 }
-
 function normalizePathname(pathname) {
-  // Ensure it starts with a single slash
-  let normalized = pathname.startsWith('/') ? pathname : `/${pathname}`;
-  // Remove trailing slash unless it's the root
-  if (normalized.length > 1 && normalized.endsWith('/')) {
+  let normalized = pathname.startsWith("/") ? pathname : `/${pathname}`;
+  if (normalized.length > 1 && normalized.endsWith("/")) {
     normalized = normalized.slice(0, -1);
   }
   return normalized;

package/build/esm/client/hydratedRouter.js.map

@@ -1 +1 @@
-{"version":3,"file":"hydratedRouter.js","sources":["../../../src/client/hydratedRouter.ts"],"sourcesContent":["import { startBrowserTracingNavigationSpan } from '@sentry/browser';\nimport type { Span } from '@sentry/core';\nimport {\n  debug,\n  getActiveSpan,\n  getClient,\n  getRootSpan,\n  GLOBAL_OBJ,\n  SEMANTIC_ATTRIBUTE_SENTRY_OP,\n  SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN,\n  SEMANTIC_ATTRIBUTE_SENTRY_SOURCE,\n  spanToJSON,\n} from '@sentry/core';\nimport type { DataRouter, RouterState } from 'react-router';\nimport { DEBUG_BUILD } from '../common/debug-build';\nimport { isClientInstrumentationApiUsed } from './createClientInstrumentation';\nimport { resolveNavigateArg } from './utils';\n\nconst GLOBAL_OBJ_WITH_DATA_ROUTER = GLOBAL_OBJ as typeof GLOBAL_OBJ & {\n  __reactRouterDataRouter?: DataRouter;\n};\n\nconst MAX_RETRIES = 40; // 2 seconds at 50ms interval\n\n/**\n * Instruments the React Router Data Router for pageloads and navigation.\n *\n * This function waits for the router to be available after hydration, then:\n * 1. Updates the pageload transaction with parameterized route info\n * 2. Patches router.navigate() to create navigation transactions\n * 3. Subscribes to router state changes to update navigation transactions with parameterized routes\n */\nexport function instrumentHydratedRouter(): void {\n  function trySubscribe(): boolean {\n    const router = GLOBAL_OBJ_WITH_DATA_ROUTER.__reactRouterDataRouter;\n\n    if (router) {\n      // The first time we hit the router, we try to update the pageload transaction\n      const pageloadSpan = getActiveRootSpan();\n\n      if (pageloadSpan) {\n        const pageloadName = spanToJSON(pageloadSpan).description;\n        const parameterizePageloadRoute = getParameterizedRoute(router.state);\n        if (\n          pageloadName &&\n          // this event is for the currently active pageload\n          normalizePathname(router.state.location.pathname) === normalizePathname(pageloadName)\n        ) {\n          pageloadSpan.updateName(parameterizePageloadRoute);\n          pageloadSpan.setAttributes({\n            [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: 'route',\n            [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.pageload.react_router',\n          });\n        }\n      }\n\n      // Patching navigate for creating accurate navigation transactions\n      if (typeof router.navigate === 'function') {\n        const originalNav = router.navigate.bind(router);\n        router.navigate = function sentryPatchedNavigate(...args) {\n          // Skip if instrumentation API is enabled (it handles navigation spans itself)\n          if (!isClientInstrumentationApiUsed()) {\n            maybeCreateNavigationTransaction(resolveNavigateArg(args[0]) || '<unknown route>', 'url');\n          }\n          return originalNav(...args);\n        };\n      }\n\n      // Subscribe to router state changes to update navigation transactions with parameterized routes\n      router.subscribe(newState => {\n        const navigationSpan = getActiveRootSpan();\n\n        if (!navigationSpan) {\n          return;\n        }\n\n        const navigationSpanName = spanToJSON(navigationSpan).description;\n        const parameterizedNavRoute = getParameterizedRoute(newState);\n\n        if (\n          navigationSpanName &&\n          newState.navigation.state === 'idle' && // navigation has completed\n          // this event is for the currently active navigation\n          normalizePathname(newState.location.pathname) === normalizePathname(navigationSpanName)\n        ) {\n          navigationSpan.updateName(parameterizedNavRoute);\n          navigationSpan.setAttributes({\n            [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: 'route',\n            [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.navigation.react_router',\n          });\n        }\n      });\n      return true;\n    }\n    return false;\n  }\n\n  // Wait until the router is available (since the SDK loads before hydration)\n  if (!trySubscribe()) {\n    let retryCount = 0;\n    // Retry until the router is available or max retries reached\n    const interval = setInterval(() => {\n      if (trySubscribe() || retryCount >= MAX_RETRIES) {\n        if (retryCount >= MAX_RETRIES) {\n          DEBUG_BUILD && debug.warn('Unable to instrument React Router: router not found after hydration.');\n        }\n        clearInterval(interval);\n      }\n      retryCount++;\n    }, 50);\n  }\n}\n\nfunction maybeCreateNavigationTransaction(name: string, source: 'url' | 'route'): Span | undefined {\n  const client = getClient();\n\n  if (!client) {\n    return undefined;\n  }\n\n  return startBrowserTracingNavigationSpan(client, {\n    name,\n    attributes: {\n      [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: source,\n      [SEMANTIC_ATTRIBUTE_SENTRY_OP]: 'navigation',\n      [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.navigation.react_router',\n    },\n  });\n}\n\nfunction getActiveRootSpan(): Span | undefined {\n  const activeSpan = getActiveSpan();\n  if (!activeSpan) {\n    return undefined;\n  }\n\n  const rootSpan = getRootSpan(activeSpan);\n\n  const op = spanToJSON(rootSpan).op;\n\n  // Only use this root span if it is a pageload or navigation span\n  return op === 'navigation' || op === 'pageload' ? rootSpan : undefined;\n}\n\nfunction getParameterizedRoute(routerState: RouterState): string {\n  const lastMatch = routerState.matches[routerState.matches.length - 1];\n  return normalizePathname(lastMatch?.route.path ?? routerState.location.pathname);\n}\n\nfunction normalizePathname(pathname: string): string {\n  // Ensure it starts with a single slash\n  let normalized = pathname.startsWith('/') ? pathname : `/${pathname}`;\n  // Remove trailing slash unless it's the root\n  if (normalized.length > 1 && normalized.endsWith('/')) {\n    normalized = normalized.slice(0, -1);\n  }\n  return normalized;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"hydratedRouter.js","sources":["../../../src/client/hydratedRouter.ts"],"sourcesContent":["import { startBrowserTracingNavigationSpan } from '@sentry/browser';\nimport type { Span } from '@sentry/core';\nimport {\n  debug,\n  getActiveSpan,\n  getClient,\n  getRootSpan,\n  GLOBAL_OBJ,\n  SEMANTIC_ATTRIBUTE_SENTRY_OP,\n  SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN,\n  SEMANTIC_ATTRIBUTE_SENTRY_SOURCE,\n  spanToJSON,\n} from '@sentry/core';\nimport type { DataRouter, RouterState } from 'react-router';\nimport { DEBUG_BUILD } from '../common/debug-build';\nimport { isClientInstrumentationApiUsed } from './createClientInstrumentation';\nimport { resolveNavigateArg } from './utils';\n\nconst GLOBAL_OBJ_WITH_DATA_ROUTER = GLOBAL_OBJ as typeof GLOBAL_OBJ & {\n  __reactRouterDataRouter?: DataRouter;\n};\n\nconst MAX_RETRIES = 40; // 2 seconds at 50ms interval\n\n/**\n * Instruments the React Router Data Router for pageloads and navigation.\n *\n * This function waits for the router to be available after hydration, then:\n * 1. Updates the pageload transaction with parameterized route info\n * 2. Patches router.navigate() to create navigation transactions\n * 3. Subscribes to router state changes to update navigation transactions with parameterized routes\n */\nexport function instrumentHydratedRouter(): void {\n  function trySubscribe(): boolean {\n    const router = GLOBAL_OBJ_WITH_DATA_ROUTER.__reactRouterDataRouter;\n\n    if (router) {\n      // The first time we hit the router, we try to update the pageload transaction\n      const pageloadSpan = getActiveRootSpan();\n\n      if (pageloadSpan) {\n        const pageloadName = spanToJSON(pageloadSpan).description;\n        const parameterizePageloadRoute = getParameterizedRoute(router.state);\n        if (\n          pageloadName &&\n          // this event is for the currently active pageload\n          normalizePathname(router.state.location.pathname) === normalizePathname(pageloadName)\n        ) {\n          pageloadSpan.updateName(parameterizePageloadRoute);\n          pageloadSpan.setAttributes({\n            [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: 'route',\n            [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.pageload.react_router',\n          });\n        }\n      }\n\n      // Patching navigate for creating accurate navigation transactions\n      if (typeof router.navigate === 'function') {\n        const originalNav = router.navigate.bind(router);\n        router.navigate = function sentryPatchedNavigate(...args) {\n          // Skip if instrumentation API is enabled (it handles navigation spans itself)\n          if (!isClientInstrumentationApiUsed()) {\n            maybeCreateNavigationTransaction(resolveNavigateArg(args[0]) || '<unknown route>', 'url');\n          }\n          return originalNav(...args);\n        };\n      }\n\n      // Subscribe to router state changes to update navigation transactions (and any pageload\n      // whose route info only became available after `trySubscribe`, e.g. lazy routes) with the\n      // parameterized route.\n      router.subscribe(newState => {\n        const rootSpan = getActiveRootSpan();\n\n        if (!rootSpan) {\n          return;\n        }\n\n        const rootSpanName = spanToJSON(rootSpan).description;\n        const parameterizedRoute = getParameterizedRoute(newState);\n\n        if (\n          rootSpanName &&\n          newState.navigation.state === 'idle' && // navigation has completed\n          // this event is for the currently active root span\n          normalizePathname(newState.location.pathname) === normalizePathname(rootSpanName)\n        ) {\n          rootSpan.updateName(parameterizedRoute);\n          rootSpan.setAttribute(SEMANTIC_ATTRIBUTE_SENTRY_SOURCE, 'route');\n        }\n      });\n      return true;\n    }\n    return false;\n  }\n\n  // Wait until the router is available (since the SDK loads before hydration)\n  if (!trySubscribe()) {\n    let retryCount = 0;\n    // Retry until the router is available or max retries reached\n    const interval = setInterval(() => {\n      if (trySubscribe() || retryCount >= MAX_RETRIES) {\n        if (retryCount >= MAX_RETRIES) {\n          DEBUG_BUILD && debug.warn('Unable to instrument React Router: router not found after hydration.');\n        }\n        clearInterval(interval);\n      }\n      retryCount++;\n    }, 50);\n  }\n}\n\nfunction maybeCreateNavigationTransaction(name: string, source: 'url' | 'route'): Span | undefined {\n  const client = getClient();\n\n  if (!client) {\n    return undefined;\n  }\n\n  return startBrowserTracingNavigationSpan(client, {\n    name,\n    attributes: {\n      [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: source,\n      [SEMANTIC_ATTRIBUTE_SENTRY_OP]: 'navigation',\n      [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.navigation.react_router',\n    },\n  });\n}\n\nfunction getActiveRootSpan(): Span | undefined {\n  const activeSpan = getActiveSpan();\n  if (!activeSpan) {\n    return undefined;\n  }\n\n  const rootSpan = getRootSpan(activeSpan);\n\n  const op = spanToJSON(rootSpan).op;\n\n  // Only use this root span if it is a pageload or navigation span\n  return op === 'navigation' || op === 'pageload' ? rootSpan : undefined;\n}\n\nfunction getParameterizedRoute(routerState: RouterState): string {\n  const lastMatch = routerState.matches[routerState.matches.length - 1];\n  return normalizePathname(lastMatch?.route.path ?? routerState.location.pathname);\n}\n\nfunction normalizePathname(pathname: string): string {\n  // Ensure it starts with a single slash\n  let normalized = pathname.startsWith('/') ? pathname : `/${pathname}`;\n  // Remove trailing slash unless it's the root\n  if (normalized.length > 1 && normalized.endsWith('/')) {\n    normalized = normalized.slice(0, -1);\n  }\n  return normalized;\n}\n"],"names":[],"mappings":"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"}

package/build/esm/client/sdk.js

@@ -1,34 +1,23 @@
 import { init as init$1 } from '@sentry/browser';
 import { consoleSandbox, applySdkMetadata, setTag } from '@sentry/core';
 
-const BROWSER_TRACING_INTEGRATION_ID = 'BrowserTracing';
-
-/**
- * Initializes the client side of the React Router SDK.
- */
+const BROWSER_TRACING_INTEGRATION_ID = "BrowserTracing";
 function init(options) {
-  // If BrowserTracing integration was passed to options, emit a warning
   if (options.integrations && Array.isArray(options.integrations)) {
     const hasBrowserTracing = options.integrations.some(
-      integration => integration.name === BROWSER_TRACING_INTEGRATION_ID,
+      (integration) => integration.name === BROWSER_TRACING_INTEGRATION_ID
     );
-
     if (hasBrowserTracing) {
       consoleSandbox(() => {
-        // eslint-disable-next-line no-console
         console.warn(
-          'browserTracingIntegration is not fully compatible with @sentry/react-router. Please use reactRouterTracingIntegration instead.',
+          "browserTracingIntegration is not fully compatible with @sentry/react-router. Please use reactRouterTracingIntegration instead."
         );
       });
     }
   }
-
-  applySdkMetadata(options, 'react-router', ['react-router', 'browser']);
-
+  applySdkMetadata(options, "react-router", ["react-router", "browser"]);
   const client = init$1(options);
-
-  setTag('runtime', 'browser');
-
+  setTag("runtime", "browser");
   return client;
 }
 

package/build/esm/client/sdk.js.map

@@ -1 +1 @@
-{"version":3,"file":"sdk.js","sources":["../../../src/client/sdk.ts"],"sourcesContent":["import type { BrowserOptions } from '@sentry/browser';\nimport { init as browserInit } from '@sentry/browser';\nimport type { Client } from '@sentry/core';\nimport { applySdkMetadata, consoleSandbox, setTag } from '@sentry/core';\n\nconst BROWSER_TRACING_INTEGRATION_ID = 'BrowserTracing';\n\n/**\n * Initializes the client side of the React Router SDK.\n */\nexport function init(options: BrowserOptions): Client | undefined {\n  // If BrowserTracing integration was passed to options, emit a warning\n  if (options.integrations && Array.isArray(options.integrations)) {\n    const hasBrowserTracing = options.integrations.some(\n      integration => integration.name === BROWSER_TRACING_INTEGRATION_ID,\n    );\n\n    if (hasBrowserTracing) {\n      consoleSandbox(() => {\n        // eslint-disable-next-line no-console\n        console.warn(\n          'browserTracingIntegration is not fully compatible with @sentry/react-router. Please use reactRouterTracingIntegration instead.',\n        );\n      });\n    }\n  }\n\n  applySdkMetadata(options, 'react-router', ['react-router', 'browser']);\n\n  const client = browserInit(options);\n\n  setTag('runtime', 'browser');\n\n  return client;\n}\n"],"names":["browserInit"],"mappings":";;;AAKA,MAAM,8BAAA,GAAiC,gBAAgB;;AAEvD;AACA;AACA;AACO,SAAS,IAAI,CAAC,OAAO,EAAsC;AAClE;AACA,EAAE,IAAI,OAAO,CAAC,gBAAgB,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE;AACnE,IAAI,MAAM,iBAAA,GAAoB,OAAO,CAAC,YAAY,CAAC,IAAI;AACvD,MAAM,eAAe,WAAW,CAAC,IAAA,KAAS,8BAA8B;AACxE,KAAK;;AAEL,IAAI,IAAI,iBAAiB,EAAE;AAC3B,MAAM,cAAc,CAAC,MAAM;AAC3B;AACA,QAAQ,OAAO,CAAC,IAAI;AACpB,UAAU,gIAAgI;AAC1I,SAAS;AACT,MAAM,CAAC,CAAC;AACR,IAAI;AACJ,EAAE;;AAEF,EAAE,gBAAgB,CAAC,OAAO,EAAE,cAAc,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;;AAExE,EAAE,MAAM,MAAA,GAASA,MAAW,CAAC,OAAO,CAAC;;AAErC,EAAE,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC;;AAE9B,EAAE,OAAO,MAAM;AACf;;;;"}
+{"version":3,"file":"sdk.js","sources":["../../../src/client/sdk.ts"],"sourcesContent":["import type { BrowserOptions } from '@sentry/browser';\nimport { init as browserInit } from '@sentry/browser';\nimport type { Client } from '@sentry/core';\nimport { applySdkMetadata, consoleSandbox, setTag } from '@sentry/core';\n\nconst BROWSER_TRACING_INTEGRATION_ID = 'BrowserTracing';\n\n/**\n * Initializes the client side of the React Router SDK.\n */\nexport function init(options: BrowserOptions): Client | undefined {\n  // If BrowserTracing integration was passed to options, emit a warning\n  if (options.integrations && Array.isArray(options.integrations)) {\n    const hasBrowserTracing = options.integrations.some(\n      integration => integration.name === BROWSER_TRACING_INTEGRATION_ID,\n    );\n\n    if (hasBrowserTracing) {\n      consoleSandbox(() => {\n        // eslint-disable-next-line no-console\n        console.warn(\n          'browserTracingIntegration is not fully compatible with @sentry/react-router. Please use reactRouterTracingIntegration instead.',\n        );\n      });\n    }\n  }\n\n  applySdkMetadata(options, 'react-router', ['react-router', 'browser']);\n\n  const client = browserInit(options);\n\n  setTag('runtime', 'browser');\n\n  return client;\n}\n"],"names":["browserInit"],"mappings":";;;AAKA,MAAM,8BAAA,GAAiC,gBAAA;AAKhC,SAAS,KAAK,OAAA,EAA6C;AAEhE,EAAA,IAAI,QAAQ,YAAA,IAAgB,KAAA,CAAM,OAAA,CAAQ,OAAA,CAAQ,YAAY,CAAA,EAAG;AAC/D,IAAA,MAAM,iBAAA,GAAoB,QAAQ,YAAA,CAAa,IAAA;AAAA,MAC7C,CAAA,WAAA,KAAe,YAAY,IAAA,KAAS;AAAA,KACtC;AAEA,IAAA,IAAI,iBAAA,EAAmB;AACrB,MAAA,cAAA,CAAe,MAAM;AAEnB,QAAA,OAAA,CAAQ,IAAA;AAAA,UACN;AAAA,SACF;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAAA,EACF;AAEA,EAAA,gBAAA,CAAiB,OAAA,EAAS,cAAA,EAAgB,CAAC,cAAA,EAAgB,SAAS,CAAC,CAAA;AAErE,EAAA,MAAM,MAAA,GAASA,OAAY,OAAO,CAAA;AAElC,EAAA,MAAA,CAAO,WAAW,SAAS,CAAA;AAE3B,EAAA,OAAO,MAAA;AACT;;;;"}

package/build/esm/client/sentryOnError.js

@@ -1,33 +1,10 @@
 import { captureException } from '@sentry/core';
 import { captureReactException } from '@sentry/react';
 
-/**
- * A handler function for React Router's `onError` prop on `HydratedRouter`.
- *
- * Reports errors to Sentry.
- *
- * @example (entry.client.tsx)
- * ```tsx
- * import { sentryOnError } from '@sentry/react-router';
- *
- * startTransition(() => {
- *   hydrateRoot(
- *     document,
- *     <HydratedRouter onError={sentryOnError} />
- *   );
- * });
- * ```
- */
-function sentryOnError(
-  error,
-  {
-    errorInfo,
-  }
-
-,
-) {
-  const mechanism = { handled: false, type: 'auto.function.react_router.on_error' };
-
+function sentryOnError(error, {
+  errorInfo
+}) {
+  const mechanism = { handled: false, type: "auto.function.react_router.on_error" };
   if (errorInfo) {
     captureReactException(error, errorInfo, { mechanism });
   } else {

package/build/esm/client/sentryOnError.js.map

@@ -1 +1 @@
-{"version":3,"file":"sentryOnError.js","sources":["../../../src/client/sentryOnError.ts"],"sourcesContent":["import { captureException } from '@sentry/core';\nimport { captureReactException } from '@sentry/react';\n\n/**\n * A handler function for React Router's `onError` prop on `HydratedRouter`.\n *\n * Reports errors to Sentry.\n *\n * @example (entry.client.tsx)\n * ```tsx\n * import { sentryOnError } from '@sentry/react-router';\n *\n * startTransition(() => {\n *   hydrateRoot(\n *     document,\n *     <HydratedRouter onError={sentryOnError} />\n *   );\n * });\n * ```\n */\nexport function sentryOnError(\n  error: unknown,\n  {\n    errorInfo,\n  }: {\n    errorInfo?: React.ErrorInfo;\n  },\n): void {\n  const mechanism = { handled: false, type: 'auto.function.react_router.on_error' };\n\n  if (errorInfo) {\n    captureReactException(error, errorInfo, { mechanism });\n  } else {\n    captureException(error, { mechanism });\n  }\n}\n"],"names":[],"mappings":";;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,aAAa;AAC7B,EAAE,KAAK;AACP,EAAE;AACF,IAAI,SAAS;AACb;;AAEE;AACF,EAAQ;AACR,EAAE,MAAM,SAAA,GAAY,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,qCAAA,EAAuC;;AAEnF,EAAE,IAAI,SAAS,EAAE;AACjB,IAAI,qBAAqB,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,SAAA,EAAW,CAAC;AAC1D,EAAE,OAAO;AACT,IAAI,gBAAgB,CAAC,KAAK,EAAE,EAAE,SAAA,EAAW,CAAC;AAC1C,EAAE;AACF;;;;"}
+{"version":3,"file":"sentryOnError.js","sources":["../../../src/client/sentryOnError.ts"],"sourcesContent":["import { captureException } from '@sentry/core';\nimport { captureReactException } from '@sentry/react';\n\n/**\n * A handler function for React Router's `onError` prop on `HydratedRouter`.\n *\n * Reports errors to Sentry.\n *\n * @example (entry.client.tsx)\n * ```tsx\n * import { sentryOnError } from '@sentry/react-router';\n *\n * startTransition(() => {\n *   hydrateRoot(\n *     document,\n *     <HydratedRouter onError={sentryOnError} />\n *   );\n * });\n * ```\n */\nexport function sentryOnError(\n  error: unknown,\n  {\n    errorInfo,\n  }: {\n    errorInfo?: React.ErrorInfo;\n  },\n): void {\n  const mechanism = { handled: false, type: 'auto.function.react_router.on_error' };\n\n  if (errorInfo) {\n    captureReactException(error, errorInfo, { mechanism });\n  } else {\n    captureException(error, { mechanism });\n  }\n}\n"],"names":[],"mappings":";;;AAoBO,SAAS,cACd,KAAA,EACA;AAAA,EACE;AACF,CAAA,EAGM;AACN,EAAA,MAAM,SAAA,GAAY,EAAE,OAAA,EAAS,KAAA,EAAO,MAAM,qCAAA,EAAsC;AAEhF,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,qBAAA,CAAsB,KAAA,EAAO,SAAA,EAAW,EAAE,SAAA,EAAW,CAAA;AAAA,EACvD,CAAA,MAAO;AACL,IAAA,gBAAA,CAAiB,KAAA,EAAO,EAAE,SAAA,EAAW,CAAA;AAAA,EACvC;AACF;;;;"}

package/build/esm/client/tracingIntegration.js

@@ -2,45 +2,31 @@ import { browserTracingIntegration } from '@sentry/browser';
 import { createSentryClientInstrumentation } from './createClientInstrumentation.js';
 import { instrumentHydratedRouter } from './hydratedRouter.js';
 
-/**
- * Options for the React Router tracing integration.
- */
-
-/**
- * Browser tracing integration for React Router (Framework) applications.
- * This integration will create navigation spans and enhance transaction names with parameterized routes.
- */
-function reactRouterTracingIntegration(
-  options = {},
-) {
+function reactRouterTracingIntegration(options = {}) {
   const browserTracingIntegrationInstance = browserTracingIntegration({
     // Navigation transactions are started within the hydrated router instrumentation
-    instrumentNavigation: false,
+    instrumentNavigation: false
   });
-
   let clientInstrumentationInstance;
-
   if (options.useInstrumentationAPI || options.instrumentationOptions) {
     clientInstrumentationInstance = createSentryClientInstrumentation(options.instrumentationOptions);
   }
-
   const getClientInstrumentation = () => {
     if (!clientInstrumentationInstance) {
       clientInstrumentationInstance = createSentryClientInstrumentation(options.instrumentationOptions);
     }
     return clientInstrumentationInstance;
   };
-
   return {
     ...browserTracingIntegrationInstance,
-    name: 'ReactRouterTracingIntegration',
+    name: "ReactRouterTracingIntegration",
     afterAllSetup(client) {
       browserTracingIntegrationInstance.afterAllSetup(client);
       instrumentHydratedRouter();
     },
     get clientInstrumentation() {
       return getClientInstrumentation();
-    },
+    }
   };
 }
 

package/build/esm/client/tracingIntegration.js.map

@@ -1 +1 @@
-{"version":3,"file":"tracingIntegration.js","sources":["../../../src/client/tracingIntegration.ts"],"sourcesContent":["import { browserTracingIntegration as originalBrowserTracingIntegration } from '@sentry/browser';\nimport type { Integration } from '@sentry/core';\nimport type { ClientInstrumentation } from '../common/types';\nimport {\n  createSentryClientInstrumentation,\n  type CreateSentryClientInstrumentationOptions,\n} from './createClientInstrumentation';\nimport { instrumentHydratedRouter } from './hydratedRouter';\n\n/**\n * Options for the React Router tracing integration.\n */\nexport interface ReactRouterTracingIntegrationOptions {\n  /**\n   * Options for React Router's instrumentation API.\n   * @experimental\n   */\n  instrumentationOptions?: CreateSentryClientInstrumentationOptions;\n\n  /**\n   * Enable React Router's instrumentation API.\n   * When true, prepares for use with HydratedRouter's `instrumentations` prop.\n   * @experimental\n   * @default false\n   */\n  useInstrumentationAPI?: boolean;\n}\n\n/**\n * React Router tracing integration with support for the instrumentation API.\n */\nexport interface ReactRouterTracingIntegration extends Integration {\n  /**\n   * Client instrumentation for React Router's instrumentation API.\n   * Lazily initialized on first access.\n   * @experimental HydratedRouter doesn't invoke these hooks in Framework Mode yet.\n   */\n  readonly clientInstrumentation: ClientInstrumentation;\n}\n\n/**\n * Browser tracing integration for React Router (Framework) applications.\n * This integration will create navigation spans and enhance transaction names with parameterized routes.\n */\nexport function reactRouterTracingIntegration(\n  options: ReactRouterTracingIntegrationOptions = {},\n): ReactRouterTracingIntegration {\n  const browserTracingIntegrationInstance = originalBrowserTracingIntegration({\n    // Navigation transactions are started within the hydrated router instrumentation\n    instrumentNavigation: false,\n  });\n\n  let clientInstrumentationInstance: ClientInstrumentation | undefined;\n\n  if (options.useInstrumentationAPI || options.instrumentationOptions) {\n    clientInstrumentationInstance = createSentryClientInstrumentation(options.instrumentationOptions);\n  }\n\n  const getClientInstrumentation = (): ClientInstrumentation => {\n    if (!clientInstrumentationInstance) {\n      clientInstrumentationInstance = createSentryClientInstrumentation(options.instrumentationOptions);\n    }\n    return clientInstrumentationInstance;\n  };\n\n  return {\n    ...browserTracingIntegrationInstance,\n    name: 'ReactRouterTracingIntegration',\n    afterAllSetup(client) {\n      browserTracingIntegrationInstance.afterAllSetup(client);\n      instrumentHydratedRouter();\n    },\n    get clientInstrumentation(): ClientInstrumentation {\n      return getClientInstrumentation();\n    },\n  };\n}\n"],"names":["originalBrowserTracingIntegration"],"mappings":";;;;AASA;AACA;AACA;;AA6BA;AACA;AACA;AACA;AACO,SAAS,6BAA6B;AAC7C,EAAE,OAAO,GAAyC,EAAE;AACpD,EAAiC;AACjC,EAAE,MAAM,iCAAA,GAAoCA,yBAAiC,CAAC;AAC9E;AACA,IAAI,oBAAoB,EAAE,KAAK;AAC/B,GAAG,CAAC;;AAEJ,EAAE,IAAI,6BAA6B;;AAEnC,EAAE,IAAI,OAAO,CAAC,yBAAyB,OAAO,CAAC,sBAAsB,EAAE;AACvE,IAAI,gCAAgC,iCAAiC,CAAC,OAAO,CAAC,sBAAsB,CAAC;AACrG,EAAE;;AAEF,EAAE,MAAM,wBAAA,GAA2B,MAA6B;AAChE,IAAI,IAAI,CAAC,6BAA6B,EAAE;AACxC,MAAM,gCAAgC,iCAAiC,CAAC,OAAO,CAAC,sBAAsB,CAAC;AACvG,IAAI;AACJ,IAAI,OAAO,6BAA6B;AACxC,EAAE,CAAC;;AAEH,EAAE,OAAO;AACT,IAAI,GAAG,iCAAiC;AACxC,IAAI,IAAI,EAAE,+BAA+B;AACzC,IAAI,aAAa,CAAC,MAAM,EAAE;AAC1B,MAAM,iCAAiC,CAAC,aAAa,CAAC,MAAM,CAAC;AAC7D,MAAM,wBAAwB,EAAE;AAChC,IAAI,CAAC;AACL,IAAI,IAAI,qBAAqB,GAA0B;AACvD,MAAM,OAAO,wBAAwB,EAAE;AACvC,IAAI,CAAC;AACL,GAAG;AACH;;;;"}
+{"version":3,"file":"tracingIntegration.js","sources":["../../../src/client/tracingIntegration.ts"],"sourcesContent":["import { browserTracingIntegration as originalBrowserTracingIntegration } from '@sentry/browser';\nimport type { Integration } from '@sentry/core';\nimport type { ClientInstrumentation } from '../common/types';\nimport {\n  createSentryClientInstrumentation,\n  type CreateSentryClientInstrumentationOptions,\n} from './createClientInstrumentation';\nimport { instrumentHydratedRouter } from './hydratedRouter';\n\n/**\n * Options for the React Router tracing integration.\n */\nexport interface ReactRouterTracingIntegrationOptions {\n  /**\n   * Options for React Router's instrumentation API.\n   * @experimental\n   */\n  instrumentationOptions?: CreateSentryClientInstrumentationOptions;\n\n  /**\n   * Enable React Router's instrumentation API.\n   * When true, prepares for use with HydratedRouter's `instrumentations` prop.\n   * @experimental\n   * @default false\n   */\n  useInstrumentationAPI?: boolean;\n}\n\n/**\n * React Router tracing integration with support for the instrumentation API.\n */\nexport interface ReactRouterTracingIntegration extends Integration {\n  /**\n   * Client instrumentation for React Router's instrumentation API.\n   * Lazily initialized on first access.\n   * @experimental HydratedRouter doesn't invoke these hooks in Framework Mode yet.\n   */\n  readonly clientInstrumentation: ClientInstrumentation;\n}\n\n/**\n * Browser tracing integration for React Router (Framework) applications.\n * This integration will create navigation spans and enhance transaction names with parameterized routes.\n */\nexport function reactRouterTracingIntegration(\n  options: ReactRouterTracingIntegrationOptions = {},\n): ReactRouterTracingIntegration {\n  const browserTracingIntegrationInstance = originalBrowserTracingIntegration({\n    // Navigation transactions are started within the hydrated router instrumentation\n    instrumentNavigation: false,\n  });\n\n  let clientInstrumentationInstance: ClientInstrumentation | undefined;\n\n  if (options.useInstrumentationAPI || options.instrumentationOptions) {\n    clientInstrumentationInstance = createSentryClientInstrumentation(options.instrumentationOptions);\n  }\n\n  const getClientInstrumentation = (): ClientInstrumentation => {\n    if (!clientInstrumentationInstance) {\n      clientInstrumentationInstance = createSentryClientInstrumentation(options.instrumentationOptions);\n    }\n    return clientInstrumentationInstance;\n  };\n\n  return {\n    ...browserTracingIntegrationInstance,\n    name: 'ReactRouterTracingIntegration',\n    afterAllSetup(client) {\n      browserTracingIntegrationInstance.afterAllSetup(client);\n      instrumentHydratedRouter();\n    },\n    get clientInstrumentation(): ClientInstrumentation {\n      return getClientInstrumentation();\n    },\n  };\n}\n"],"names":["originalBrowserTracingIntegration"],"mappings":";;;;AA4CO,SAAS,6BAAA,CACd,OAAA,GAAgD,EAAC,EAClB;AAC/B,EAAA,MAAM,oCAAoCA,yBAAA,CAAkC;AAAA;AAAA,IAE1E,oBAAA,EAAsB;AAAA,GACvB,CAAA;AAED,EAAA,IAAI,6BAAA;AAEJ,EAAA,IAAI,OAAA,CAAQ,qBAAA,IAAyB,OAAA,CAAQ,sBAAA,EAAwB;AACnE,IAAA,6BAAA,GAAgC,iCAAA,CAAkC,QAAQ,sBAAsB,CAAA;AAAA,EAClG;AAEA,EAAA,MAAM,2BAA2B,MAA6B;AAC5D,IAAA,IAAI,CAAC,6BAAA,EAA+B;AAClC,MAAA,6BAAA,GAAgC,iCAAA,CAAkC,QAAQ,sBAAsB,CAAA;AAAA,IAClG;AACA,IAAA,OAAO,6BAAA;AAAA,EACT,CAAA;AAEA,EAAA,OAAO;AAAA,IACL,GAAG,iCAAA;AAAA,IACH,IAAA,EAAM,+BAAA;AAAA,IACN,cAAc,MAAA,EAAQ;AACpB,MAAA,iCAAA,CAAkC,cAAc,MAAM,CAAA;AACtD,MAAA,wBAAA,EAAyB;AAAA,IAC3B,CAAA;AAAA,IACA,IAAI,qBAAA,GAA+C;AACjD,MAAA,OAAO,wBAAA,EAAyB;AAAA,IAClC;AAAA,GACF;AACF;;;;"}

package/build/esm/client/utils.js

@@ -1,26 +1,14 @@
 import { GLOBAL_OBJ } from '@sentry/core';
 
-/**
- * Resolves a navigate argument to a pathname string.
- *
- * React Router's navigate() accepts a string, number, or a To object ({ pathname, search, hash }).
- * All fields in the To object are optional (Partial<Path>), so we need to detect object args
- * to avoid "[object Object]" transaction names.
- */
 function resolveNavigateArg(target) {
-  if (typeof target !== 'object' || target === null) {
-    // string or number
+  if (typeof target !== "object" || target === null) {
     return String(target);
   }
-
-  // Object `to` with pathname
-  const pathname = (target ).pathname;
-  if (typeof pathname === 'string') {
-    return pathname || '/';
+  const pathname = target.pathname;
+  if (typeof pathname === "string") {
+    return pathname || "/";
   }
-
-  // Object `to` without pathname - navigation stays on current path
-  return (GLOBAL_OBJ ).location?.pathname || '/';
+  return GLOBAL_OBJ.location?.pathname || "/";
 }
 
 export { resolveNavigateArg };

package/build/esm/client/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/client/utils.ts"],"sourcesContent":["import { GLOBAL_OBJ } from '@sentry/core';\n\n/**\n * Resolves a navigate argument to a pathname string.\n *\n * React Router's navigate() accepts a string, number, or a To object ({ pathname, search, hash }).\n * All fields in the To object are optional (Partial<Path>), so we need to detect object args\n * to avoid \"[object Object]\" transaction names.\n */\nexport function resolveNavigateArg(target: unknown): string {\n  if (typeof target !== 'object' || target === null) {\n    // string or number\n    return String(target);\n  }\n\n  // Object `to` with pathname\n  const pathname = (target as Record<string, unknown>).pathname;\n  if (typeof pathname === 'string') {\n    return pathname || '/';\n  }\n\n  // Object `to` without pathname - navigation stays on current path\n  return (GLOBAL_OBJ as typeof GLOBAL_OBJ & Window).location?.pathname || '/';\n}\n"],"names":[],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,kBAAkB,CAAC,MAAM,EAAmB;AAC5D,EAAE,IAAI,OAAO,MAAA,KAAW,YAAY,MAAA,KAAW,IAAI,EAAE;AACrD;AACA,IAAI,OAAO,MAAM,CAAC,MAAM,CAAC;AACzB,EAAE;;AAEF;AACA,EAAE,MAAM,QAAA,GAAW,CAAC,MAAA,GAAmC,QAAQ;AAC/D,EAAE,IAAI,OAAO,QAAA,KAAa,QAAQ,EAAE;AACpC,IAAI,OAAO,QAAA,IAAY,GAAG;AAC1B,EAAE;;AAEF;AACA,EAAE,OAAO,CAAC,UAAA,GAA0C,QAAQ,EAAE,QAAA,IAAY,GAAG;AAC7E;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../src/client/utils.ts"],"sourcesContent":["import { GLOBAL_OBJ } from '@sentry/core';\n\n/**\n * Resolves a navigate argument to a pathname string.\n *\n * React Router's navigate() accepts a string, number, or a To object ({ pathname, search, hash }).\n * All fields in the To object are optional (Partial<Path>), so we need to detect object args\n * to avoid \"[object Object]\" transaction names.\n */\nexport function resolveNavigateArg(target: unknown): string {\n  if (typeof target !== 'object' || target === null) {\n    // string or number\n    return String(target);\n  }\n\n  // Object `to` with pathname\n  const pathname = (target as Record<string, unknown>).pathname;\n  if (typeof pathname === 'string') {\n    return pathname || '/';\n  }\n\n  // Object `to` without pathname - navigation stays on current path\n  return (GLOBAL_OBJ as typeof GLOBAL_OBJ & Window).location?.pathname || '/';\n}\n"],"names":[],"mappings":";;AASO,SAAS,mBAAmB,MAAA,EAAyB;AAC1D,EAAA,IAAI,OAAO,MAAA,KAAW,QAAA,IAAY,MAAA,KAAW,IAAA,EAAM;AAEjD,IAAA,OAAO,OAAO,MAAM,CAAA;AAAA,EACtB;AAGA,EAAA,MAAM,WAAY,MAAA,CAAmC,QAAA;AACrD,EAAA,IAAI,OAAO,aAAa,QAAA,EAAU;AAChC,IAAA,OAAO,QAAA,IAAY,GAAA;AAAA,EACrB;AAGA,EAAA,OAAQ,UAAA,CAA0C,UAAU,QAAA,IAAY,GAAA;AAC1E;;;;"}

package/build/esm/cloudflare/index.js

@@ -7,39 +7,26 @@ export { createSentryClientInstrumentation, isClientInstrumentationApiUsed, isNa
 export { sentryOnError } from '../client/sentryOnError.js';
 export { wrapSentryHandleRequest } from '../server/wrapSentryHandleRequest.js';
 
-/**
- * Injects Sentry trace meta tags into the HTML response by transforming the ReadableStream.
- * This enables distributed tracing by adding trace context to the HTML document head.
- * @param body - ReadableStream containing the HTML response body to modify
- * @returns A new ReadableStream with Sentry trace meta tags injected into the head section
- */
 function injectTraceMetaTags(body) {
-  const headClosingTag = '</head>';
-
+  const headClosingTag = "</head>";
   const reader = body.getReader();
   const stream = new ReadableStream({
     async pull(controller) {
       const { done, value } = await reader.read();
-
       if (done) {
         controller.close();
         return;
       }
-
       const encoder = new TextEncoder();
       const html = value instanceof Uint8Array ? new TextDecoder().decode(value) : String(value);
-
       if (html.includes(headClosingTag)) {
         const modifiedHtml = html.replace(headClosingTag, `${getTraceMetaTags()}${headClosingTag}`);
-
         controller.enqueue(encoder.encode(modifiedHtml));
         return;
       }
-
       controller.enqueue(encoder.encode(html));
-    },
+    }
   });
-
   return stream;
 }
 

package/build/esm/cloudflare/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/cloudflare/index.ts"],"sourcesContent":["import { getTraceMetaTags } from '@sentry/core';\n\nexport * from '../client';\n\nexport { wrapSentryHandleRequest } from '../server/wrapSentryHandleRequest';\n\n/**\n * Injects Sentry trace meta tags into the HTML response by transforming the ReadableStream.\n * This enables distributed tracing by adding trace context to the HTML document head.\n * @param body - ReadableStream containing the HTML response body to modify\n * @returns A new ReadableStream with Sentry trace meta tags injected into the head section\n */\nexport function injectTraceMetaTags(body: ReadableStream): ReadableStream {\n  const headClosingTag = '</head>';\n\n  const reader = body.getReader();\n  const stream = new ReadableStream({\n    async pull(controller) {\n      const { done, value } = await reader.read();\n\n      if (done) {\n        controller.close();\n        return;\n      }\n\n      const encoder = new TextEncoder();\n      const html = value instanceof Uint8Array ? new TextDecoder().decode(value) : String(value);\n\n      if (html.includes(headClosingTag)) {\n        const modifiedHtml = html.replace(headClosingTag, `${getTraceMetaTags()}${headClosingTag}`);\n\n        controller.enqueue(encoder.encode(modifiedHtml));\n        return;\n      }\n\n      controller.enqueue(encoder.encode(html));\n    },\n  });\n\n  return stream;\n}\n"],"names":[],"mappings":";;;;;;;;;AAMA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,mBAAmB,CAAC,IAAI,EAAkC;AAC1E,EAAE,MAAM,cAAA,GAAiB,SAAS;;AAElC,EAAE,MAAM,MAAA,GAAS,IAAI,CAAC,SAAS,EAAE;AACjC,EAAE,MAAM,MAAA,GAAS,IAAI,cAAc,CAAC;AACpC,IAAI,MAAM,IAAI,CAAC,UAAU,EAAE;AAC3B,MAAM,MAAM,EAAE,IAAI,EAAE,KAAA,EAAM,GAAI,MAAM,MAAM,CAAC,IAAI,EAAE;;AAEjD,MAAM,IAAI,IAAI,EAAE;AAChB,QAAQ,UAAU,CAAC,KAAK,EAAE;AAC1B,QAAQ;AACR,MAAM;;AAEN,MAAM,MAAM,OAAA,GAAU,IAAI,WAAW,EAAE;AACvC,MAAM,MAAM,OAAO,KAAA,YAAiB,UAAA,GAAa,IAAI,WAAW,EAAE,CAAC,MAAM,CAAC,KAAK,CAAA,GAAI,MAAM,CAAC,KAAK,CAAC;;AAEhG,MAAM,IAAI,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE;AACzC,QAAQ,MAAM,YAAA,GAAe,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE,CAAC,EAAA,gBAAA,EAAA,CAAA,EAAA,cAAA,CAAA,CAAA,CAAA;;AAEA,QAAA,UAAA,CAAA,OAAA,CAAA,OAAA,CAAA,MAAA,CAAA,YAAA,CAAA,CAAA;AACA,QAAA;AACA,MAAA;;AAEA,MAAA,UAAA,CAAA,OAAA,CAAA,OAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA;AACA,IAAA,CAAA;AACA,GAAA,CAAA;;AAEA,EAAA,OAAA,MAAA;AACA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/cloudflare/index.ts"],"sourcesContent":["import { getTraceMetaTags } from '@sentry/core';\n\nexport * from '../client';\n\nexport { wrapSentryHandleRequest } from '../server/wrapSentryHandleRequest';\n\n/**\n * Injects Sentry trace meta tags into the HTML response by transforming the ReadableStream.\n * This enables distributed tracing by adding trace context to the HTML document head.\n * @param body - ReadableStream containing the HTML response body to modify\n * @returns A new ReadableStream with Sentry trace meta tags injected into the head section\n */\nexport function injectTraceMetaTags(body: ReadableStream): ReadableStream {\n  const headClosingTag = '</head>';\n\n  const reader = body.getReader();\n  const stream = new ReadableStream({\n    async pull(controller) {\n      const { done, value } = await reader.read();\n\n      if (done) {\n        controller.close();\n        return;\n      }\n\n      const encoder = new TextEncoder();\n      const html = value instanceof Uint8Array ? new TextDecoder().decode(value) : String(value);\n\n      if (html.includes(headClosingTag)) {\n        const modifiedHtml = html.replace(headClosingTag, `${getTraceMetaTags()}${headClosingTag}`);\n\n        controller.enqueue(encoder.encode(modifiedHtml));\n        return;\n      }\n\n      controller.enqueue(encoder.encode(html));\n    },\n  });\n\n  return stream;\n}\n"],"names":[],"mappings":";;;;;;;;;AAYO,SAAS,oBAAoB,IAAA,EAAsC;AACxE,EAAA,MAAM,cAAA,GAAiB,SAAA;AAEvB,EAAA,MAAM,MAAA,GAAS,KAAK,SAAA,EAAU;AAC9B,EAAA,MAAM,MAAA,GAAS,IAAI,cAAA,CAAe;AAAA,IAChC,MAAM,KAAK,UAAA,EAAY;AACrB,MAAA,MAAM,EAAE,IAAA,EAAM,KAAA,EAAM,GAAI,MAAM,OAAO,IAAA,EAAK;AAE1C,MAAA,IAAI,IAAA,EAAM;AACR,QAAA,UAAA,CAAW,KAAA,EAAM;AACjB,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,OAAA,GAAU,IAAI,WAAA,EAAY;AAChC,MAAA,MAAM,IAAA,GAAO,KAAA,YAAiB,UAAA,GAAa,IAAI,WAAA,GAAc,MAAA,CAAO,KAAK,CAAA,GAAI,MAAA,CAAO,KAAK,CAAA;AAEzF,MAAA,IAAI,IAAA,CAAK,QAAA,CAAS,cAAc,CAAA,EAAG;AACjC,QAAA,MAAM,YAAA,GAAe,KAAK,OAAA,CAAQ,cAAA,EAAgB,GAAG,gBAAA,EAAkB,CAAA,EAAG,cAAc,CAAA,CAAE,CAAA;AAE1F,QAAA,UAAA,CAAW,OAAA,CAAQ,OAAA,CAAQ,MAAA,CAAO,YAAY,CAAC,CAAA;AAC/C,QAAA;AAAA,MACF;AAEA,MAAA,UAAA,CAAW,OAAA,CAAQ,OAAA,CAAQ,MAAA,CAAO,IAAI,CAAC,CAAA;AAAA,IACzC;AAAA,GACD,CAAA;AAED,EAAA,OAAO,MAAA;AACT;;;;"}

package/build/esm/common/debug-build.js

@@ -1,8 +1,3 @@
-/**
- * This serves as a build time flag that will be true by default, but false in non-debug builds or if users replace `__SENTRY_DEBUG__` in their generated code.
- *
- * ATTENTION: This constant must never cross package boundaries (i.e. be exported) to guarantee that it can be used for tree shaking.
- */
 const DEBUG_BUILD = (typeof __SENTRY_DEBUG__ === 'undefined' || __SENTRY_DEBUG__);
 
 export { DEBUG_BUILD };

package/build/esm/common/debug-build.js.map

@@ -1 +1 @@
-{"version":3,"file":"debug-build.js","sources":["../../../src/common/debug-build.ts"],"sourcesContent":["declare const __DEBUG_BUILD__: boolean;\n\n/**\n * This serves as a build time flag that will be true by default, but false in non-debug builds or if users replace `__SENTRY_DEBUG__` in their generated code.\n *\n * ATTENTION: This constant must never cross package boundaries (i.e. be exported) to guarantee that it can be used for tree shaking.\n */\nexport const DEBUG_BUILD = __DEBUG_BUILD__;\n"],"names":[],"mappings":"AAEA;AACA;AACA;AACA;AACA;AACO,MAAM,WAAA,IAAc,OAAA,gBAAA,KAAA,WAAA,IAAA,gBAAA;;;;"}
+{"version":3,"file":"debug-build.js","sources":["../../../src/common/debug-build.ts"],"sourcesContent":["declare const __DEBUG_BUILD__: boolean;\n\n/**\n * This serves as a build time flag that will be true by default, but false in non-debug builds or if users replace `__SENTRY_DEBUG__` in their generated code.\n *\n * ATTENTION: This constant must never cross package boundaries (i.e. be exported) to guarantee that it can be used for tree shaking.\n */\nexport const DEBUG_BUILD = __DEBUG_BUILD__;\n"],"names":[],"mappings":"AAOO,MAAM,WAAA,IAAc,OAAA,gBAAA,KAAA,WAAA,IAAA,gBAAA;;;;"}

package/build/esm/common/utils.js

@@ -1,60 +1,35 @@
 import { captureException, debug } from '@sentry/core';
 import { DEBUG_BUILD } from './debug-build.js';
 
-/**
- * Extracts pathname from request URL.
- * Falls back to '<unknown>' with DEBUG warning if URL cannot be parsed.
- */
 function getPathFromRequest(request) {
   try {
     return new URL(request.url).pathname;
   } catch {
     try {
-      // Fallback: use a dummy base URL since we only care about the pathname
-      return new URL(request.url, 'http://example.com').pathname;
+      return new URL(request.url, "http://example.com").pathname;
     } catch (error) {
-      DEBUG_BUILD && debug.warn('Failed to parse URL from request:', request.url, error);
-      return '<unknown>';
+      DEBUG_BUILD && debug.warn("Failed to parse URL from request:", request.url, error);
+      return "<unknown>";
     }
   }
 }
-
-/**
- * Extracts route pattern from instrumentation info.
- * Prefers `pattern` (planned for v8) over `unstable_pattern` (v7.x).
- */
 function getPattern(info) {
   return info.pattern ?? info.unstable_pattern;
 }
-
-/**
- * Normalizes route path by ensuring it starts with a slash.
- * Returns undefined if the input is falsy.
- */
 function normalizeRoutePath(pattern) {
   if (!pattern) {
-    return undefined;
+    return void 0;
   }
-  return pattern.startsWith('/') ? pattern : `/${pattern}`;
+  return pattern.startsWith("/") ? pattern : `/${pattern}`;
 }
-
-/**
- * Captures an error from instrumentation result.
- * Caller must verify result contains an Error before calling.
- */
-function captureInstrumentationError(
-  result,
-  captureErrors,
-  mechanismType,
-  data,
-) {
+function captureInstrumentationError(result, captureErrors, mechanismType, data) {
   if (captureErrors) {
     captureException(result.error, {
       mechanism: {
         type: mechanismType,
         handled: false,
-        data,
-      },
+        data
+      }
     });
   }
 }