@sentry/react-router 11.0.0-alpha.1 → 11.0.0-alpha.2

package/build/cjs/vite/makeCustomSentryVitePlugins.js

@@ -1,66 +1,55 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const vite = require('@sentry/bundler-plugins/vite');
+const core = require('@sentry/core');
 
 async function makeCustomSentryVitePlugins(options) {
+  core.warnOnRemovedBuildOptions(options, ["unstable_sentryVitePluginOptions"]);
   const {
     debug,
-    unstable_sentryVitePluginOptions,
     bundleSizeOptimizations,
     applicationKey,
     authToken,
+    errorHandler,
+    headers,
+    moduleMetadata,
     org,
     project,
+    sentryUrl,
+    silent,
     telemetry,
     reactComponentAnnotation,
     release
   } = options;
-  const unstableSourcemapsDisable = unstable_sentryVitePluginOptions?.sourcemaps?.disable;
-  if (unstableSourcemapsDisable !== void 0 && unstableSourcemapsDisable !== true) {
-    console.warn(
-      `[Sentry] \`unstable_sentryVitePluginOptions.sourcemaps.disable: ${JSON.stringify(
-        unstableSourcemapsDisable
-      )}\` does not apply to the Vite plugin. Debug ID injection and source map upload are handled by the \`sentryOnBuildEnd\` hook for React Router, so letting the Vite plugin do it as well would inject a second debug ID per chunk. The option still applies to \`sentryOnBuildEnd\`.`
-    );
-  }
   const sentryVitePlugins = vite.sentryVitePlugin({
     applicationKey,
     authToken: authToken ?? process.env.SENTRY_AUTH_TOKEN,
     bundleSizeOptimizations,
     debug: debug ?? false,
+    errorHandler,
+    headers,
+    moduleMetadata,
     org: org ?? process.env.SENTRY_ORG,
     project: project ?? process.env.SENTRY_PROJECT,
+    reactComponentAnnotation,
+    release,
+    silent,
     telemetry: telemetry ?? true,
-    // Spread here so it can override the plain options above, but not the objects
-    // merged below - object spread replaces whole keys rather than deep-merging.
-    ...unstable_sentryVitePluginOptions,
+    // Release creation runs in the plugin's `writeBundle` even with `sourcemaps.disable` set below,
+    // so the plugin needs its own URL rather than relying on the `sentryOnBuildEnd` CLI instance.
+    url: sentryUrl,
     _metaOptions: {
-      ...unstable_sentryVitePluginOptions?._metaOptions,
       telemetry: {
-        ...unstable_sentryVitePluginOptions?._metaOptions?.telemetry,
         metaFramework: "react-router"
       }
     },
-    reactComponentAnnotation: {
-      // Only assign when set, as an explicit `undefined` would erase the unstable value
-      ...reactComponentAnnotation?.enabled !== void 0 && { enabled: reactComponentAnnotation.enabled },
-      ...reactComponentAnnotation?.ignoredComponents !== void 0 && {
-        ignoredComponents: reactComponentAnnotation.ignoredComponents
-      },
-      ...unstable_sentryVitePluginOptions?.reactComponentAnnotation
-    },
-    release: {
-      ...unstable_sentryVitePluginOptions?.release,
-      ...release
-    },
     sourcemaps: {
-      ...unstable_sentryVitePluginOptions?.sourcemaps,
-      // Injection and upload are handled in the buildEnd hook, so the Vite plugin must
-      // never do it too. This is deliberately not overridable - see the warning above.
+      // Debug ID injection and upload are handled by the `sentryOnBuildEnd` hook, so the Vite plugin
+      // must never do it as well - that would inject a second debug ID per chunk and break source
+      // map resolution.
       disable: true,
-      // The plugin deletes these in a `finally` block that runs regardless of `disable`,
-      // which would remove the maps before `sentryOnBuildEnd` gets to upload them.
-      // Deletion is handled there instead, from the same option.
+      // The plugin deletes these in a `finally` block that runs regardless of `disable`, which would
+      // remove the maps before `sentryOnBuildEnd` gets to upload them. Deletion happens there instead.
       filesToDeleteAfterUpload: void 0
     }
   });

package/build/cjs/vite/makeCustomSentryVitePlugins.js.map

@@ -1 +1 @@
-{"version":3,"file":"makeCustomSentryVitePlugins.js","sources":["../../../src/vite/makeCustomSentryVitePlugins.ts"],"sourcesContent":["import { sentryVitePlugin } from '@sentry/bundler-plugins/vite';\nimport { type Plugin } from 'vite';\nimport type { SentryReactRouterBuildOptions } from './types';\n\n/**\n * Create a custom subset of sentry's vite plugins\n */\nexport async function makeCustomSentryVitePlugins(options: SentryReactRouterBuildOptions): Promise<Plugin[]> {\n  const {\n    debug,\n    unstable_sentryVitePluginOptions,\n    bundleSizeOptimizations,\n    applicationKey,\n    authToken,\n    org,\n    project,\n    telemetry,\n    reactComponentAnnotation,\n    release,\n  } = options;\n\n  const unstableSourcemapsDisable = unstable_sentryVitePluginOptions?.sourcemaps?.disable;\n\n  // Anything other than `true` would have the Vite plugin inject debug IDs on top of the\n  // ones `sentryOnBuildEnd` injects, which breaks source map resolution. The value still\n  // applies to the buildEnd hook - only the Vite plugin ignores it.\n  if (unstableSourcemapsDisable !== undefined && unstableSourcemapsDisable !== true) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      `[Sentry] \\`unstable_sentryVitePluginOptions.sourcemaps.disable: ${JSON.stringify(\n        unstableSourcemapsDisable,\n      )}\\` does not apply to the Vite plugin. Debug ID injection and source map upload are handled by the \\`sentryOnBuildEnd\\` hook for React Router, so letting the Vite plugin do it as well would inject a second debug ID per chunk. The option still applies to \\`sentryOnBuildEnd\\`.`,\n    );\n  }\n\n  const sentryVitePlugins = sentryVitePlugin({\n    applicationKey,\n    authToken: authToken ?? process.env.SENTRY_AUTH_TOKEN,\n    bundleSizeOptimizations,\n    debug: debug ?? false,\n    org: org ?? process.env.SENTRY_ORG,\n    project: project ?? process.env.SENTRY_PROJECT,\n    telemetry: telemetry ?? true,\n    // Spread here so it can override the plain options above, but not the objects\n    // merged below - object spread replaces whole keys rather than deep-merging.\n    ...unstable_sentryVitePluginOptions,\n    _metaOptions: {\n      ...unstable_sentryVitePluginOptions?._metaOptions,\n      telemetry: {\n        ...unstable_sentryVitePluginOptions?._metaOptions?.telemetry,\n        metaFramework: 'react-router',\n      },\n    },\n    reactComponentAnnotation: {\n      // Only assign when set, as an explicit `undefined` would erase the unstable value\n      ...(reactComponentAnnotation?.enabled !== undefined && { enabled: reactComponentAnnotation.enabled }),\n      ...(reactComponentAnnotation?.ignoredComponents !== undefined && {\n        ignoredComponents: reactComponentAnnotation.ignoredComponents,\n      }),\n      ...unstable_sentryVitePluginOptions?.reactComponentAnnotation,\n    },\n    release: {\n      ...unstable_sentryVitePluginOptions?.release,\n      ...release,\n    },\n    sourcemaps: {\n      ...unstable_sentryVitePluginOptions?.sourcemaps,\n      // Injection and upload are handled in the buildEnd hook, so the Vite plugin must\n      // never do it too. This is deliberately not overridable - see the warning above.\n      disable: true,\n      // The plugin deletes these in a `finally` block that runs regardless of `disable`,\n      // which would remove the maps before `sentryOnBuildEnd` gets to upload them.\n      // Deletion is handled there instead, from the same option.\n      filesToDeleteAfterUpload: undefined,\n    },\n  }) as Plugin[];\n\n  return sentryVitePlugins;\n}\n"],"names":["sentryVitePlugin"],"mappings":";;;;AAOA,eAAsB,4BAA4B,OAAA,EAA2D;AAC3G,EAAA,MAAM;AAAA,IACJ,KAAA;AAAA,IACA,gCAAA;AAAA,IACA,uBAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,wBAAA;AAAA,IACA;AAAA,GACF,GAAI,OAAA;AAEJ,EAAA,MAAM,yBAAA,GAA4B,kCAAkC,UAAA,EAAY,OAAA;AAKhF,EAAA,IAAI,yBAAA,KAA8B,MAAA,IAAa,yBAAA,KAA8B,IAAA,EAAM;AAEjF,IAAA,OAAA,CAAQ,IAAA;AAAA,MACN,mEAAmE,IAAA,CAAK,SAAA;AAAA,QACtE;AAAA,OACD,CAAA,kRAAA;AAAA,KACH;AAAA,EACF;AAEA,EAAA,MAAM,oBAAoBA,qBAAA,CAAiB;AAAA,IACzC,cAAA;AAAA,IACA,SAAA,EAAW,SAAA,IAAa,OAAA,CAAQ,GAAA,CAAI,iBAAA;AAAA,IACpC,uBAAA;AAAA,IACA,OAAO,KAAA,IAAS,KAAA;AAAA,IAChB,GAAA,EAAK,GAAA,IAAO,OAAA,CAAQ,GAAA,CAAI,UAAA;AAAA,IACxB,OAAA,EAAS,OAAA,IAAW,OAAA,CAAQ,GAAA,CAAI,cAAA;AAAA,IAChC,WAAW,SAAA,IAAa,IAAA;AAAA;AAAA;AAAA,IAGxB,GAAG,gCAAA;AAAA,IACH,YAAA,EAAc;AAAA,MACZ,GAAG,gCAAA,EAAkC,YAAA;AAAA,MACrC,SAAA,EAAW;AAAA,QACT,GAAG,kCAAkC,YAAA,EAAc,SAAA;AAAA,QACnD,aAAA,EAAe;AAAA;AACjB,KACF;AAAA,IACA,wBAAA,EAA0B;AAAA;AAAA,MAExB,GAAI,wBAAA,EAA0B,OAAA,KAAY,UAAa,EAAE,OAAA,EAAS,yBAAyB,OAAA,EAAQ;AAAA,MACnG,GAAI,wBAAA,EAA0B,iBAAA,KAAsB,MAAA,IAAa;AAAA,QAC/D,mBAAmB,wBAAA,CAAyB;AAAA,OAC9C;AAAA,MACA,GAAG,gCAAA,EAAkC;AAAA,KACvC;AAAA,IACA,OAAA,EAAS;AAAA,MACP,GAAG,gCAAA,EAAkC,OAAA;AAAA,MACrC,GAAG;AAAA,KACL;AAAA,IACA,UAAA,EAAY;AAAA,MACV,GAAG,gCAAA,EAAkC,UAAA;AAAA;AAAA;AAAA,MAGrC,OAAA,EAAS,IAAA;AAAA;AAAA;AAAA;AAAA,MAIT,wBAAA,EAA0B;AAAA;AAC5B,GACD,CAAA;AAED,EAAA,OAAO,iBAAA;AACT;;;;"}
+{"version":3,"file":"makeCustomSentryVitePlugins.js","sources":["../../../src/vite/makeCustomSentryVitePlugins.ts"],"sourcesContent":["import { sentryVitePlugin } from '@sentry/bundler-plugins/vite';\nimport { warnOnRemovedBuildOptions } from '@sentry/core';\nimport { type Plugin } from 'vite';\nimport type { SentryReactRouterBuildOptions } from './types';\n\n/**\n * Create a custom subset of sentry's vite plugins\n */\nexport async function makeCustomSentryVitePlugins(options: SentryReactRouterBuildOptions): Promise<Plugin[]> {\n  warnOnRemovedBuildOptions(options, ['unstable_sentryVitePluginOptions']);\n\n  const {\n    debug,\n    bundleSizeOptimizations,\n    applicationKey,\n    authToken,\n    errorHandler,\n    headers,\n    moduleMetadata,\n    org,\n    project,\n    sentryUrl,\n    silent,\n    telemetry,\n    reactComponentAnnotation,\n    release,\n  } = options;\n\n  const sentryVitePlugins = sentryVitePlugin({\n    applicationKey,\n    authToken: authToken ?? process.env.SENTRY_AUTH_TOKEN,\n    bundleSizeOptimizations,\n    debug: debug ?? false,\n    errorHandler,\n    headers,\n    moduleMetadata,\n    org: org ?? process.env.SENTRY_ORG,\n    project: project ?? process.env.SENTRY_PROJECT,\n    reactComponentAnnotation,\n    release,\n    silent,\n    telemetry: telemetry ?? true,\n    // Release creation runs in the plugin's `writeBundle` even with `sourcemaps.disable` set below,\n    // so the plugin needs its own URL rather than relying on the `sentryOnBuildEnd` CLI instance.\n    url: sentryUrl,\n    _metaOptions: {\n      telemetry: {\n        metaFramework: 'react-router',\n      },\n    },\n    sourcemaps: {\n      // Debug ID injection and upload are handled by the `sentryOnBuildEnd` hook, so the Vite plugin\n      // must never do it as well - that would inject a second debug ID per chunk and break source\n      // map resolution.\n      disable: true,\n      // The plugin deletes these in a `finally` block that runs regardless of `disable`, which would\n      // remove the maps before `sentryOnBuildEnd` gets to upload them. Deletion happens there instead.\n      filesToDeleteAfterUpload: undefined,\n    },\n  }) as Plugin[];\n\n  return sentryVitePlugins;\n}\n"],"names":["warnOnRemovedBuildOptions","sentryVitePlugin"],"mappings":";;;;;AAQA,eAAsB,4BAA4B,OAAA,EAA2D;AAC3G,EAAAA,8BAAA,CAA0B,OAAA,EAAS,CAAC,kCAAkC,CAAC,CAAA;AAEvE,EAAA,MAAM;AAAA,IACJ,KAAA;AAAA,IACA,uBAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA;AAAA,IACA,OAAA;AAAA,IACA,cAAA;AAAA,IACA,GAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,wBAAA;AAAA,IACA;AAAA,GACF,GAAI,OAAA;AAEJ,EAAA,MAAM,oBAAoBC,qBAAA,CAAiB;AAAA,IACzC,cAAA;AAAA,IACA,SAAA,EAAW,SAAA,IAAa,OAAA,CAAQ,GAAA,CAAI,iBAAA;AAAA,IACpC,uBAAA;AAAA,IACA,OAAO,KAAA,IAAS,KAAA;AAAA,IAChB,YAAA;AAAA,IACA,OAAA;AAAA,IACA,cAAA;AAAA,IACA,GAAA,EAAK,GAAA,IAAO,OAAA,CAAQ,GAAA,CAAI,UAAA;AAAA,IACxB,OAAA,EAAS,OAAA,IAAW,OAAA,CAAQ,GAAA,CAAI,cAAA;AAAA,IAChC,wBAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,WAAW,SAAA,IAAa,IAAA;AAAA;AAAA;AAAA,IAGxB,GAAA,EAAK,SAAA;AAAA,IACL,YAAA,EAAc;AAAA,MACZ,SAAA,EAAW;AAAA,QACT,aAAA,EAAe;AAAA;AACjB,KACF;AAAA,IACA,UAAA,EAAY;AAAA;AAAA;AAAA;AAAA,MAIV,OAAA,EAAS,IAAA;AAAA;AAAA;AAAA,MAGT,wBAAA,EAA0B;AAAA;AAC5B,GACD,CAAA;AAED,EAAA,OAAO,iBAAA;AACT;;;;"}

package/build/esm/client/createClientInstrumentation.js

@@ -1,10 +1,11 @@
 import { startBrowserTracingNavigationSpan, getAbsoluteUrl } from '@sentry/browser';
-import { debug, startSpan, SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN, SPAN_STATUS_ERROR, GLOBAL_OBJ, getClient, SEMANTIC_ATTRIBUTE_SENTRY_OP, SEMANTIC_ATTRIBUTE_SENTRY_SOURCE, filterCollectedUrl, getActiveSpan, getRootSpan, spanToJSON, updateSpanName } from '@sentry/core';
+import { debug, SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN, SPAN_STATUS_ERROR, GLOBAL_OBJ, getClient, NAVIGATION_SPAN_NAME_FALLBACK, SEMANTIC_ATTRIBUTE_SENTRY_OP, hasSpanStreamingEnabled, filterCollectedUrl, getActiveSpan, getRootSpan, spanToJSON, updateSpanName } from '@sentry/core';
+import { startSpan } from '@sentry/core/browser';
 import { DEBUG_BUILD } from '../common/debug-build.js';
 import { captureInstrumentationError, getPathFromRequest, normalizeRoutePath, getPattern } from '../common/utils.js';
 import { updateNavigationSpanUrlFromLocation, finalizeNavigationSpanFromHydratedRouter, resolveNavigateArg, resolveNavigateAbsoluteUrl } from './utils.js';
-import { CODE_FUNCTION_NAME, SENTRY_OP, URL_FULL, URL_TEMPLATE } from '@sentry/conventions/attributes';
-import { GENERAL_FUNCTION_SPAN_OP, WEB_SERVER_MIDDLEWARE_SPAN_OP } from '@sentry/conventions/op';
+import { CODE_FUNCTION_NAME, SENTRY_OP, SENTRY_SEGMENT_NAME_SOURCE, URL_FULL, URL_TEMPLATE } from '@sentry/conventions/attributes';
+import { FUNCTION, MIDDLEWARE } from '@sentry/conventions/op';
 
 const WINDOW = GLOBAL_OBJ;
 let currentNumericNavigationSpan;
@@ -39,9 +40,11 @@ function createSentryClientInstrumentation(options = {}) {
           startBrowserTracingNavigationSpan(
             client,
             {
-              name: pathname,
+              // With span streaming, span names have to be low cardinality, so we can't fall back to
+              // the URL. The route hooks parameterize the span once they resolve.
+              name: hasSpanStreamingEnabled(client) ? NAVIGATION_SPAN_NAME_FALLBACK : pathname,
               attributes: {
-                [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: "url",
+                [SENTRY_SEGMENT_NAME_SOURCE]: "url",
                 [SEMANTIC_ATTRIBUTE_SENTRY_OP]: "navigation",
                 [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: "auto.navigation.react_router.instrumentation_api",
                 "navigation.type": "browser.popstate"
@@ -73,9 +76,11 @@ function createSentryClientInstrumentation(options = {}) {
               navigationSpan2 = startBrowserTracingNavigationSpan(
                 client2,
                 {
-                  name: currentPathname,
+                  // With span streaming, span names have to be low cardinality, so we can't fall back
+                  // to the URL. The route is resolved once the navigation settles.
+                  name: hasSpanStreamingEnabled(client2) ? NAVIGATION_SPAN_NAME_FALLBACK : currentPathname,
                   attributes: {
-                    [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: "url",
+                    [SENTRY_SEGMENT_NAME_SOURCE]: "url",
                     [SEMANTIC_ATTRIBUTE_SENTRY_OP]: "navigation",
                     [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: "auto.navigation.react_router.instrumentation_api",
                     "navigation.type": navigationType
@@ -110,9 +115,11 @@ function createSentryClientInstrumentation(options = {}) {
             navigationSpan = startBrowserTracingNavigationSpan(
               client,
               {
-                name: toPath,
+                // With span streaming, span names have to be low cardinality, so we can't fall back to
+                // the URL. The route hooks parameterize the span once they resolve.
+                name: hasSpanStreamingEnabled(client) ? NAVIGATION_SPAN_NAME_FALLBACK : toPath,
                 attributes: {
-                  [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: "url",
+                  [SENTRY_SEGMENT_NAME_SOURCE]: "url",
                   [SEMANTIC_ATTRIBUTE_SENTRY_OP]: "navigation",
                   [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: "auto.navigation.react_router.instrumentation_api",
                   "navigation.type": "router.navigate"
@@ -137,7 +144,7 @@ function createSentryClientInstrumentation(options = {}) {
             {
               name: `Fetcher ${info.fetcherKey}`,
               attributes: {
-                [SENTRY_OP]: GENERAL_FUNCTION_SPAN_OP,
+                [SENTRY_OP]: FUNCTION,
                 [CODE_FUNCTION_NAME]: "fetcher",
                 [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: "auto.function.react_router.instrumentation_api"
               }
@@ -167,7 +174,7 @@ function createSentryClientInstrumentation(options = {}) {
             {
               name: routePattern,
               attributes: {
-                [SENTRY_OP]: GENERAL_FUNCTION_SPAN_OP,
+                [SENTRY_OP]: FUNCTION,
                 [CODE_FUNCTION_NAME]: "clientLoader",
                 [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: "auto.function.react_router.instrumentation_api"
               }
@@ -192,7 +199,7 @@ function createSentryClientInstrumentation(options = {}) {
             {
               name: routePattern,
               attributes: {
-                [SENTRY_OP]: GENERAL_FUNCTION_SPAN_OP,
+                [SENTRY_OP]: FUNCTION,
                 [CODE_FUNCTION_NAME]: "clientAction",
                 [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: "auto.function.react_router.instrumentation_api"
               }
@@ -222,7 +229,7 @@ function createSentryClientInstrumentation(options = {}) {
             {
               name: `middleware ${routeId}`,
               attributes: {
-                [SENTRY_OP]: WEB_SERVER_MIDDLEWARE_SPAN_OP,
+                [SENTRY_OP]: MIDDLEWARE,
                 [CODE_FUNCTION_NAME]: "clientMiddleware",
                 [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: "auto.function.react_router.instrumentation_api",
                 "react_router.route.id": routeId,
@@ -246,7 +253,7 @@ function createSentryClientInstrumentation(options = {}) {
             {
               name: "Lazy Route Load",
               attributes: {
-                [SENTRY_OP]: GENERAL_FUNCTION_SPAN_OP,
+                [SENTRY_OP]: FUNCTION,
                 [CODE_FUNCTION_NAME]: "lazy",
                 [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: "auto.function.react_router.instrumentation_api"
               }
@@ -279,7 +286,7 @@ function updateRootSpanRoute(routeName, hasPattern) {
     return;
   }
   updateSpanName(rootSpan, routeName);
-  rootSpan.setAttributes({ [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: "route", [URL_TEMPLATE]: routeName });
+  rootSpan.setAttributes({ [SENTRY_SEGMENT_NAME_SOURCE]: "route", [URL_TEMPLATE]: routeName });
 }
 function isClientInstrumentationApiUsed() {
   return !!GLOBAL_WITH_FLAGS[SENTRY_CLIENT_INSTRUMENTATION_FLAG];

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

@@ -1 +1 @@
-{"version":3,"file":"createClientInstrumentation.js","sources":["../../../src/client/createClientInstrumentation.ts"],"sourcesContent":["// oxlint-disable max-lines\nimport { getAbsoluteUrl, 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  SPAN_STATUS_ERROR,\n  startSpan,\n  updateSpanName,\n  filterCollectedUrl,\n} from '@sentry/core';\nimport { DEBUG_BUILD } from '../common/debug-build';\nimport type { ClientInstrumentation, InstrumentableRoute, InstrumentableRouter } from '../common/types';\nimport { captureInstrumentationError, getPathFromRequest, getPattern, normalizeRoutePath } from '../common/utils';\nimport {\n  resolveNavigateAbsoluteUrl,\n  resolveNavigateArg,\n  finalizeNavigationSpanFromHydratedRouter,\n  updateNavigationSpanUrlFromLocation,\n} from './utils';\nimport { CODE_FUNCTION_NAME, SENTRY_OP, URL_FULL, URL_TEMPLATE } from '@sentry/conventions/attributes';\nimport { GENERAL_FUNCTION_SPAN_OP, WEB_SERVER_MIDDLEWARE_SPAN_OP } from '@sentry/conventions/op';\n\nconst WINDOW = GLOBAL_OBJ as typeof GLOBAL_OBJ & Window;\n\n// Tracks active numeric navigation span to prevent duplicate spans when popstate fires\nlet currentNumericNavigationSpan: Span | undefined;\n\n// Per-request middleware counters, keyed by Request\nconst middlewareCountersMap = new WeakMap<object, Record<string, number>>();\n\nconst SENTRY_CLIENT_INSTRUMENTATION_FLAG = '__sentryReactRouterClientInstrumentationUsed';\n// Intentionally never reset - once set, instrumentation API handles all navigations for the session.\nconst SENTRY_NAVIGATE_HOOK_INVOKED_FLAG = '__sentryReactRouterNavigateHookInvoked';\nconst SENTRY_POPSTATE_LISTENER_ADDED_FLAG = '__sentryReactRouterPopstateListenerAdded';\n\ntype GlobalObjWithFlags = typeof GLOBAL_OBJ & {\n  [SENTRY_CLIENT_INSTRUMENTATION_FLAG]?: boolean;\n  [SENTRY_NAVIGATE_HOOK_INVOKED_FLAG]?: boolean;\n  [SENTRY_POPSTATE_LISTENER_ADDED_FLAG]?: boolean;\n};\n\nconst GLOBAL_WITH_FLAGS = GLOBAL_OBJ as GlobalObjWithFlags;\n\n/**\n * Options for creating Sentry client instrumentation.\n */\nexport interface CreateSentryClientInstrumentationOptions {\n  /**\n   * Whether to capture errors from loaders/actions automatically.\n   * Set to `false` to avoid duplicates if using custom error handlers.\n   * @default true\n   */\n  captureErrors?: boolean;\n}\n\n/**\n * Creates a Sentry client instrumentation for React Router's instrumentation API.\n */\nexport function createSentryClientInstrumentation(\n  options: CreateSentryClientInstrumentationOptions = {},\n): ClientInstrumentation {\n  const { captureErrors = true } = options;\n\n  DEBUG_BUILD && debug.log('React Router client instrumentation API created.');\n\n  return {\n    router(router: InstrumentableRouter) {\n      // Set the flag when React Router actually invokes our instrumentation.\n      // This ensures the flag is only set in Library Mode (where hooks run),\n      // not in Framework Mode (where hooks are never called).\n      // See: https://github.com/remix-run/react-router/discussions/13749\n      GLOBAL_WITH_FLAGS[SENTRY_CLIENT_INSTRUMENTATION_FLAG] = true;\n      DEBUG_BUILD && debug.log('React Router client instrumentation API router hook registered.');\n\n      // Add popstate listener for browser back/forward navigation (persists for session, one listener only)\n      if (!GLOBAL_WITH_FLAGS[SENTRY_POPSTATE_LISTENER_ADDED_FLAG] && WINDOW.addEventListener) {\n        GLOBAL_WITH_FLAGS[SENTRY_POPSTATE_LISTENER_ADDED_FLAG] = true;\n\n        WINDOW.addEventListener('popstate', () => {\n          const client = getClient();\n          if (!client) {\n            currentNumericNavigationSpan = undefined;\n            return;\n          }\n\n          const pathname = WINDOW.location?.pathname || '/';\n\n          // If there's an active numeric navigation span, update it instead of creating a duplicate\n          if (currentNumericNavigationSpan) {\n            if (currentNumericNavigationSpan.isRecording()) {\n              updateNavigationSpanUrlFromLocation(currentNumericNavigationSpan);\n            }\n            currentNumericNavigationSpan = undefined;\n            return;\n          }\n\n          // Only create a new span for actual browser back/forward button clicks\n          startBrowserTracingNavigationSpan(\n            client,\n            {\n              name: pathname,\n              attributes: {\n                [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: 'url',\n                [SEMANTIC_ATTRIBUTE_SENTRY_OP]: 'navigation',\n                [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.navigation.react_router.instrumentation_api',\n                'navigation.type': 'browser.popstate',\n              },\n            },\n            { url: getAbsoluteUrl(pathname) },\n          );\n        });\n\n        DEBUG_BUILD && debug.log('React Router popstate listener registered for browser back/forward navigation.');\n      }\n\n      router.instrument({\n        async navigate(callNavigate, info) {\n          // navigate(0) triggers a page reload - skip span creation, but still capture errors\n          // (navigation can be rejected before reload, e.g., by a navigation guard)\n          if (info.to === 0) {\n            const result = await callNavigate();\n            if (result.status === 'error' && result.error instanceof Error) {\n              captureInstrumentationError(result, captureErrors, 'react_router.navigate', {\n                [URL_FULL]: filterCollectedUrl(info.currentUrl),\n              });\n            }\n            return;\n          }\n\n          GLOBAL_WITH_FLAGS[SENTRY_NAVIGATE_HOOK_INVOKED_FLAG] = true;\n\n          // Handle numeric navigations (navigate(-1), navigate(1), etc.)\n          if (typeof info.to === 'number') {\n            const client = getClient();\n            let navigationSpan;\n\n            if (client) {\n              const navigationType = info.to < 0 ? 'router.back' : 'router.forward';\n              const currentPathname = WINDOW.location?.pathname || info.currentUrl;\n\n              navigationSpan = startBrowserTracingNavigationSpan(\n                client,\n                {\n                  name: currentPathname,\n                  attributes: {\n                    [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: 'url',\n                    [SEMANTIC_ATTRIBUTE_SENTRY_OP]: 'navigation',\n                    [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.navigation.react_router.instrumentation_api',\n                    'navigation.type': navigationType,\n                  },\n                },\n                { url: getAbsoluteUrl(currentPathname) },\n              );\n\n              // Store ref so popstate listener can update it instead of creating a duplicate\n              currentNumericNavigationSpan = navigationSpan;\n            }\n\n            try {\n              const result = await callNavigate();\n\n              if (navigationSpan && WINDOW.location) {\n                finalizeNavigationSpanFromHydratedRouter(navigationSpan);\n              }\n\n              if (result.status === 'error' && result.error instanceof Error) {\n                if (navigationSpan) {\n                  navigationSpan.setStatus({ code: SPAN_STATUS_ERROR, message: 'internal_error' });\n                }\n                captureInstrumentationError(result, captureErrors, 'react_router.navigate', {\n                  [URL_FULL]: WINDOW.location?.pathname || filterCollectedUrl(info.currentUrl),\n                });\n              }\n            } finally {\n              currentNumericNavigationSpan = undefined;\n            }\n            return;\n          }\n\n          // Handle string/object navigations (e.g., navigate('/about') or navigate({ pathname: '/about' }))\n          const client = getClient();\n          const toPath = resolveNavigateArg(info.to);\n          let navigationSpan;\n\n          if (client) {\n            navigationSpan = startBrowserTracingNavigationSpan(\n              client,\n              {\n                name: toPath,\n                attributes: {\n                  [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: 'url',\n                  [SEMANTIC_ATTRIBUTE_SENTRY_OP]: 'navigation',\n                  [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.navigation.react_router.instrumentation_api',\n                  'navigation.type': 'router.navigate',\n                },\n              },\n              { url: resolveNavigateAbsoluteUrl(info.to, info.currentUrl) },\n            );\n          }\n\n          const result = await callNavigate();\n          if (result.status === 'error' && result.error instanceof Error) {\n            if (navigationSpan) {\n              navigationSpan.setStatus({ code: SPAN_STATUS_ERROR, message: 'internal_error' });\n            }\n            captureInstrumentationError(result, captureErrors, 'react_router.navigate', {\n              [URL_FULL]: filterCollectedUrl(toPath),\n            });\n          }\n          return;\n        },\n\n        async fetch(callFetch, info) {\n          await startSpan(\n            {\n              name: `Fetcher ${info.fetcherKey}`,\n              attributes: {\n                [SENTRY_OP]: GENERAL_FUNCTION_SPAN_OP,\n                [CODE_FUNCTION_NAME]: 'fetcher',\n                [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.function.react_router.instrumentation_api',\n              },\n            },\n            async span => {\n              const result = await callFetch();\n              if (result.status === 'error' && result.error instanceof Error) {\n                span.setStatus({ code: SPAN_STATUS_ERROR, message: 'internal_error' });\n                captureInstrumentationError(result, captureErrors, 'react_router.fetcher', {\n                  [URL_FULL]: filterCollectedUrl(info.href),\n                });\n              }\n            },\n          );\n        },\n      });\n    },\n\n    route(route: InstrumentableRoute) {\n      const routeId = route.id;\n\n      route.instrument({\n        async loader(callLoader, info) {\n          const urlPath = getPathFromRequest(info.request);\n          const pattern = normalizeRoutePath(getPattern(info));\n          const routePattern = pattern || urlPath;\n          // Parameterize the active navigation root span. (Route hooks don't fire on initial\n          // pageload, so this only affects navigations.)\n          updateRootSpanRoute(routePattern, !!pattern);\n\n          await startSpan(\n            {\n              name: routePattern,\n              attributes: {\n                [SENTRY_OP]: GENERAL_FUNCTION_SPAN_OP,\n                [CODE_FUNCTION_NAME]: 'clientLoader',\n                [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.function.react_router.instrumentation_api',\n              },\n            },\n            async span => {\n              const result = await callLoader();\n              if (result.status === 'error' && result.error instanceof Error) {\n                span.setStatus({ code: SPAN_STATUS_ERROR, message: 'internal_error' });\n                captureInstrumentationError(result, captureErrors, 'react_router.client_loader', {\n                  [URL_FULL]: urlPath,\n                });\n              }\n            },\n          );\n        },\n\n        async action(callAction, info) {\n          const urlPath = getPathFromRequest(info.request);\n          const pattern = normalizeRoutePath(getPattern(info));\n          const routePattern = pattern || urlPath;\n          updateRootSpanRoute(routePattern, !!pattern);\n\n          await startSpan(\n            {\n              name: routePattern,\n              attributes: {\n                [SENTRY_OP]: GENERAL_FUNCTION_SPAN_OP,\n                [CODE_FUNCTION_NAME]: 'clientAction',\n                [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.function.react_router.instrumentation_api',\n              },\n            },\n            async span => {\n              const result = await callAction();\n              if (result.status === 'error' && result.error instanceof Error) {\n                span.setStatus({ code: SPAN_STATUS_ERROR, message: 'internal_error' });\n                captureInstrumentationError(result, captureErrors, 'react_router.client_action', {\n                  [URL_FULL]: urlPath,\n                });\n              }\n            },\n          );\n        },\n\n        async middleware(callMiddleware, info) {\n          const urlPath = getPathFromRequest(info.request);\n          const routePattern = normalizeRoutePath(getPattern(info)) || urlPath;\n\n          let counters = middlewareCountersMap.get(info.request);\n          if (!counters) {\n            counters = {};\n            middlewareCountersMap.set(info.request, counters);\n          }\n\n          const middlewareIndex = counters[routeId] ?? 0;\n          counters[routeId] = middlewareIndex + 1;\n\n          await startSpan(\n            {\n              name: `middleware ${routeId}`,\n              attributes: {\n                [SENTRY_OP]: WEB_SERVER_MIDDLEWARE_SPAN_OP,\n                [CODE_FUNCTION_NAME]: 'clientMiddleware',\n                [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.function.react_router.instrumentation_api',\n                'react_router.route.id': routeId,\n                'http.route': routePattern,\n                'react_router.middleware.index': middlewareIndex,\n              },\n            },\n            async span => {\n              const result = await callMiddleware();\n              if (result.status === 'error' && result.error instanceof Error) {\n                span.setStatus({ code: SPAN_STATUS_ERROR, message: 'internal_error' });\n                captureInstrumentationError(result, captureErrors, 'react_router.client_middleware', {\n                  [URL_FULL]: urlPath,\n                });\n              }\n            },\n          );\n        },\n\n        async lazy(callLazy) {\n          await startSpan(\n            {\n              name: 'Lazy Route Load',\n              attributes: {\n                [SENTRY_OP]: GENERAL_FUNCTION_SPAN_OP,\n                [CODE_FUNCTION_NAME]: 'lazy',\n                [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.function.react_router.instrumentation_api',\n              },\n            },\n            async span => {\n              const result = await callLazy();\n              if (result.status === 'error' && result.error instanceof Error) {\n                span.setStatus({ code: SPAN_STATUS_ERROR, message: 'internal_error' });\n                captureInstrumentationError(result, captureErrors, 'react_router.client_lazy', {});\n              }\n            },\n          );\n        },\n      });\n    },\n  };\n}\n\n/**\n * Updates the active navigation/pageload root span name with the parameterized route, so the\n * transaction reflects the parameterized route pattern (e.g. `/users/:id`).\n */\nfunction updateRootSpanRoute(routeName: string, hasPattern: boolean): void {\n  if (!hasPattern) {\n    return;\n  }\n\n  const activeSpan = getActiveSpan();\n  const rootSpan = activeSpan && getRootSpan(activeSpan);\n  if (!rootSpan) {\n    return;\n  }\n\n  const { attributes } = spanToJSON(rootSpan);\n  const op = attributes[SENTRY_OP];\n  if (op !== 'navigation' && op !== 'pageload') {\n    return;\n  }\n\n  updateSpanName(rootSpan, routeName);\n  rootSpan.setAttributes({ [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: 'route', [URL_TEMPLATE]: routeName });\n}\n\n/**\n * Check if React Router's instrumentation API is being used on the client.\n */\nexport function isClientInstrumentationApiUsed(): boolean {\n  return !!GLOBAL_WITH_FLAGS[SENTRY_CLIENT_INSTRUMENTATION_FLAG];\n}\n\n/**\n * Check if React Router's instrumentation API's navigate hook was invoked.\n */\nexport function isNavigateHookInvoked(): boolean {\n  return !!GLOBAL_WITH_FLAGS[SENTRY_NAVIGATE_HOOK_INVOKED_FLAG];\n}\n"],"names":["result","client","navigationSpan"],"mappings":"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"}
+{"version":3,"file":"createClientInstrumentation.js","sources":["../../../src/client/createClientInstrumentation.ts"],"sourcesContent":["// oxlint-disable max-lines\nimport { getAbsoluteUrl, startBrowserTracingNavigationSpan } from '@sentry/browser';\nimport type { Span } from '@sentry/core';\nimport {\n  debug,\n  getActiveSpan,\n  getClient,\n  getRootSpan,\n  GLOBAL_OBJ,\n  hasSpanStreamingEnabled,\n  NAVIGATION_SPAN_NAME_FALLBACK,\n  SEMANTIC_ATTRIBUTE_SENTRY_OP,\n  SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN,\n  spanToJSON,\n  SPAN_STATUS_ERROR,\n  updateSpanName,\n  filterCollectedUrl,\n} from '@sentry/core';\nimport { startSpan } from '@sentry/core/browser';\nimport type { ClientInstrumentation } from 'react-router';\nimport { DEBUG_BUILD } from '../common/debug-build';\nimport { captureInstrumentationError, getPathFromRequest, getPattern, normalizeRoutePath } from '../common/utils';\nimport {\n  resolveNavigateAbsoluteUrl,\n  resolveNavigateArg,\n  finalizeNavigationSpanFromHydratedRouter,\n  updateNavigationSpanUrlFromLocation,\n} from './utils';\nimport {\n  SENTRY_SEGMENT_NAME_SOURCE,\n  CODE_FUNCTION_NAME,\n  SENTRY_OP,\n  URL_FULL,\n  URL_TEMPLATE,\n} from '@sentry/conventions/attributes';\nimport { FUNCTION, MIDDLEWARE } from '@sentry/conventions/op';\n\nconst WINDOW = GLOBAL_OBJ as typeof GLOBAL_OBJ & Window;\n\n// Tracks active numeric navigation span to prevent duplicate spans when popstate fires\nlet currentNumericNavigationSpan: Span | undefined;\n\n// Per-request middleware counters, keyed by Request\nconst middlewareCountersMap = new WeakMap<object, Record<string, number>>();\n\nconst SENTRY_CLIENT_INSTRUMENTATION_FLAG = '__sentryReactRouterClientInstrumentationUsed';\n// Intentionally never reset - once set, instrumentation API handles all navigations for the session.\nconst SENTRY_NAVIGATE_HOOK_INVOKED_FLAG = '__sentryReactRouterNavigateHookInvoked';\nconst SENTRY_POPSTATE_LISTENER_ADDED_FLAG = '__sentryReactRouterPopstateListenerAdded';\n\ntype GlobalObjWithFlags = typeof GLOBAL_OBJ & {\n  [SENTRY_CLIENT_INSTRUMENTATION_FLAG]?: boolean;\n  [SENTRY_NAVIGATE_HOOK_INVOKED_FLAG]?: boolean;\n  [SENTRY_POPSTATE_LISTENER_ADDED_FLAG]?: boolean;\n};\n\nconst GLOBAL_WITH_FLAGS = GLOBAL_OBJ as GlobalObjWithFlags;\n\n/**\n * Options for creating Sentry client instrumentation.\n */\nexport interface CreateSentryClientInstrumentationOptions {\n  /**\n   * Whether to capture errors from loaders/actions automatically.\n   * Set to `false` to avoid duplicates if using custom error handlers.\n   * @default true\n   */\n  captureErrors?: boolean;\n}\n\n/**\n * Creates a Sentry client instrumentation for React Router's instrumentation API.\n */\nexport function createSentryClientInstrumentation(\n  options: CreateSentryClientInstrumentationOptions = {},\n): ClientInstrumentation {\n  const { captureErrors = true } = options;\n\n  DEBUG_BUILD && debug.log('React Router client instrumentation API created.');\n\n  return {\n    router(router) {\n      // Set the flag when React Router actually invokes our instrumentation.\n      // This ensures the flag is only set in Library Mode (where hooks run),\n      // not in Framework Mode (where hooks are never called).\n      // See: https://github.com/remix-run/react-router/discussions/13749\n      GLOBAL_WITH_FLAGS[SENTRY_CLIENT_INSTRUMENTATION_FLAG] = true;\n      DEBUG_BUILD && debug.log('React Router client instrumentation API router hook registered.');\n\n      // Add popstate listener for browser back/forward navigation (persists for session, one listener only)\n      if (!GLOBAL_WITH_FLAGS[SENTRY_POPSTATE_LISTENER_ADDED_FLAG] && WINDOW.addEventListener) {\n        GLOBAL_WITH_FLAGS[SENTRY_POPSTATE_LISTENER_ADDED_FLAG] = true;\n\n        WINDOW.addEventListener('popstate', () => {\n          const client = getClient();\n          if (!client) {\n            currentNumericNavigationSpan = undefined;\n            return;\n          }\n\n          const pathname = WINDOW.location?.pathname || '/';\n\n          // If there's an active numeric navigation span, update it instead of creating a duplicate\n          if (currentNumericNavigationSpan) {\n            if (currentNumericNavigationSpan.isRecording()) {\n              updateNavigationSpanUrlFromLocation(currentNumericNavigationSpan);\n            }\n            currentNumericNavigationSpan = undefined;\n            return;\n          }\n\n          // Only create a new span for actual browser back/forward button clicks\n          startBrowserTracingNavigationSpan(\n            client,\n            {\n              // With span streaming, span names have to be low cardinality, so we can't fall back to\n              // the URL. The route hooks parameterize the span once they resolve.\n              name: hasSpanStreamingEnabled(client) ? NAVIGATION_SPAN_NAME_FALLBACK : pathname,\n              attributes: {\n                [SENTRY_SEGMENT_NAME_SOURCE]: 'url',\n                [SEMANTIC_ATTRIBUTE_SENTRY_OP]: 'navigation',\n                [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.navigation.react_router.instrumentation_api',\n                'navigation.type': 'browser.popstate',\n              },\n            },\n            { url: getAbsoluteUrl(pathname) },\n          );\n        });\n\n        DEBUG_BUILD && debug.log('React Router popstate listener registered for browser back/forward navigation.');\n      }\n\n      router.instrument({\n        async navigate(callNavigate, info) {\n          // navigate(0) triggers a page reload - skip span creation, but still capture errors\n          // (navigation can be rejected before reload, e.g., by a navigation guard)\n          if (info.to === 0) {\n            const result = await callNavigate();\n            if (result.status === 'error' && result.error instanceof Error) {\n              captureInstrumentationError(result, captureErrors, 'react_router.navigate', {\n                [URL_FULL]: filterCollectedUrl(info.currentUrl),\n              });\n            }\n            return;\n          }\n\n          GLOBAL_WITH_FLAGS[SENTRY_NAVIGATE_HOOK_INVOKED_FLAG] = true;\n\n          // Handle numeric navigations (navigate(-1), navigate(1), etc.)\n          if (typeof info.to === 'number') {\n            const client = getClient();\n            let navigationSpan;\n\n            if (client) {\n              const navigationType = info.to < 0 ? 'router.back' : 'router.forward';\n              const currentPathname = WINDOW.location?.pathname || info.currentUrl;\n\n              navigationSpan = startBrowserTracingNavigationSpan(\n                client,\n                {\n                  // With span streaming, span names have to be low cardinality, so we can't fall back\n                  // to the URL. The route is resolved once the navigation settles.\n                  name: hasSpanStreamingEnabled(client) ? NAVIGATION_SPAN_NAME_FALLBACK : currentPathname,\n                  attributes: {\n                    [SENTRY_SEGMENT_NAME_SOURCE]: 'url',\n                    [SEMANTIC_ATTRIBUTE_SENTRY_OP]: 'navigation',\n                    [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.navigation.react_router.instrumentation_api',\n                    'navigation.type': navigationType,\n                  },\n                },\n                { url: getAbsoluteUrl(currentPathname) },\n              );\n\n              // Store ref so popstate listener can update it instead of creating a duplicate\n              currentNumericNavigationSpan = navigationSpan;\n            }\n\n            try {\n              const result = await callNavigate();\n\n              if (navigationSpan && WINDOW.location) {\n                finalizeNavigationSpanFromHydratedRouter(navigationSpan);\n              }\n\n              if (result.status === 'error' && result.error instanceof Error) {\n                if (navigationSpan) {\n                  navigationSpan.setStatus({ code: SPAN_STATUS_ERROR, message: 'internal_error' });\n                }\n                captureInstrumentationError(result, captureErrors, 'react_router.navigate', {\n                  [URL_FULL]: WINDOW.location?.pathname || filterCollectedUrl(info.currentUrl),\n                });\n              }\n            } finally {\n              currentNumericNavigationSpan = undefined;\n            }\n            return;\n          }\n\n          // Handle string/object navigations (e.g., navigate('/about') or navigate({ pathname: '/about' }))\n          const client = getClient();\n          const toPath = resolveNavigateArg(info.to);\n          let navigationSpan;\n\n          if (client) {\n            navigationSpan = startBrowserTracingNavigationSpan(\n              client,\n              {\n                // With span streaming, span names have to be low cardinality, so we can't fall back to\n                // the URL. The route hooks parameterize the span once they resolve.\n                name: hasSpanStreamingEnabled(client) ? NAVIGATION_SPAN_NAME_FALLBACK : toPath,\n                attributes: {\n                  [SENTRY_SEGMENT_NAME_SOURCE]: 'url',\n                  [SEMANTIC_ATTRIBUTE_SENTRY_OP]: 'navigation',\n                  [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.navigation.react_router.instrumentation_api',\n                  'navigation.type': 'router.navigate',\n                },\n              },\n              { url: resolveNavigateAbsoluteUrl(info.to, info.currentUrl) },\n            );\n          }\n\n          const result = await callNavigate();\n          if (result.status === 'error' && result.error instanceof Error) {\n            if (navigationSpan) {\n              navigationSpan.setStatus({ code: SPAN_STATUS_ERROR, message: 'internal_error' });\n            }\n            captureInstrumentationError(result, captureErrors, 'react_router.navigate', {\n              [URL_FULL]: filterCollectedUrl(toPath),\n            });\n          }\n          return;\n        },\n\n        async fetch(callFetch, info) {\n          await startSpan(\n            {\n              name: `Fetcher ${info.fetcherKey}`,\n              attributes: {\n                [SENTRY_OP]: FUNCTION,\n                [CODE_FUNCTION_NAME]: 'fetcher',\n                [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.function.react_router.instrumentation_api',\n              },\n            },\n            async span => {\n              const result = await callFetch();\n              if (result.status === 'error' && result.error instanceof Error) {\n                span.setStatus({ code: SPAN_STATUS_ERROR, message: 'internal_error' });\n                captureInstrumentationError(result, captureErrors, 'react_router.fetcher', {\n                  [URL_FULL]: filterCollectedUrl(info.href),\n                });\n              }\n            },\n          );\n        },\n      });\n    },\n\n    route(route) {\n      const routeId = route.id;\n\n      route.instrument({\n        async loader(callLoader, info) {\n          const urlPath = getPathFromRequest(info.request);\n          const pattern = normalizeRoutePath(getPattern(info));\n          const routePattern = pattern || urlPath;\n          // Parameterize the active navigation root span. (Route hooks don't fire on initial\n          // pageload, so this only affects navigations.)\n          updateRootSpanRoute(routePattern, !!pattern);\n\n          await startSpan(\n            {\n              name: routePattern,\n              attributes: {\n                [SENTRY_OP]: FUNCTION,\n                [CODE_FUNCTION_NAME]: 'clientLoader',\n                [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.function.react_router.instrumentation_api',\n              },\n            },\n            async span => {\n              const result = await callLoader();\n              if (result.status === 'error' && result.error instanceof Error) {\n                span.setStatus({ code: SPAN_STATUS_ERROR, message: 'internal_error' });\n                captureInstrumentationError(result, captureErrors, 'react_router.client_loader', {\n                  [URL_FULL]: urlPath,\n                });\n              }\n            },\n          );\n        },\n\n        async action(callAction, info) {\n          const urlPath = getPathFromRequest(info.request);\n          const pattern = normalizeRoutePath(getPattern(info));\n          const routePattern = pattern || urlPath;\n          updateRootSpanRoute(routePattern, !!pattern);\n\n          await startSpan(\n            {\n              name: routePattern,\n              attributes: {\n                [SENTRY_OP]: FUNCTION,\n                [CODE_FUNCTION_NAME]: 'clientAction',\n                [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.function.react_router.instrumentation_api',\n              },\n            },\n            async span => {\n              const result = await callAction();\n              if (result.status === 'error' && result.error instanceof Error) {\n                span.setStatus({ code: SPAN_STATUS_ERROR, message: 'internal_error' });\n                captureInstrumentationError(result, captureErrors, 'react_router.client_action', {\n                  [URL_FULL]: urlPath,\n                });\n              }\n            },\n          );\n        },\n\n        async middleware(callMiddleware, info) {\n          const urlPath = getPathFromRequest(info.request);\n          const routePattern = normalizeRoutePath(getPattern(info)) || urlPath;\n\n          let counters = middlewareCountersMap.get(info.request);\n          if (!counters) {\n            counters = {};\n            middlewareCountersMap.set(info.request, counters);\n          }\n\n          const middlewareIndex = counters[routeId] ?? 0;\n          counters[routeId] = middlewareIndex + 1;\n\n          await startSpan(\n            {\n              name: `middleware ${routeId}`,\n              attributes: {\n                [SENTRY_OP]: MIDDLEWARE,\n                [CODE_FUNCTION_NAME]: 'clientMiddleware',\n                [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.function.react_router.instrumentation_api',\n                'react_router.route.id': routeId,\n                'http.route': routePattern,\n                'react_router.middleware.index': middlewareIndex,\n              },\n            },\n            async span => {\n              const result = await callMiddleware();\n              if (result.status === 'error' && result.error instanceof Error) {\n                span.setStatus({ code: SPAN_STATUS_ERROR, message: 'internal_error' });\n                captureInstrumentationError(result, captureErrors, 'react_router.client_middleware', {\n                  [URL_FULL]: urlPath,\n                });\n              }\n            },\n          );\n        },\n\n        async lazy(callLazy) {\n          await startSpan(\n            {\n              name: 'Lazy Route Load',\n              attributes: {\n                [SENTRY_OP]: FUNCTION,\n                [CODE_FUNCTION_NAME]: 'lazy',\n                [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.function.react_router.instrumentation_api',\n              },\n            },\n            async span => {\n              const result = await callLazy();\n              if (result.status === 'error' && result.error instanceof Error) {\n                span.setStatus({ code: SPAN_STATUS_ERROR, message: 'internal_error' });\n                captureInstrumentationError(result, captureErrors, 'react_router.client_lazy', {});\n              }\n            },\n          );\n        },\n      });\n    },\n  };\n}\n\n/**\n * Updates the active navigation/pageload root span name with the parameterized route, so the\n * transaction reflects the parameterized route pattern (e.g. `/users/:id`).\n */\nfunction updateRootSpanRoute(routeName: string, hasPattern: boolean): void {\n  if (!hasPattern) {\n    return;\n  }\n\n  const activeSpan = getActiveSpan();\n  const rootSpan = activeSpan && getRootSpan(activeSpan);\n  if (!rootSpan) {\n    return;\n  }\n\n  const { attributes } = spanToJSON(rootSpan);\n  const op = attributes[SENTRY_OP];\n  if (op !== 'navigation' && op !== 'pageload') {\n    return;\n  }\n\n  updateSpanName(rootSpan, routeName);\n  rootSpan.setAttributes({ [SENTRY_SEGMENT_NAME_SOURCE]: 'route', [URL_TEMPLATE]: routeName });\n}\n\n/**\n * Check if React Router's instrumentation API is being used on the client.\n */\nexport function isClientInstrumentationApiUsed(): boolean {\n  return !!GLOBAL_WITH_FLAGS[SENTRY_CLIENT_INSTRUMENTATION_FLAG];\n}\n\n/**\n * Check if React Router's instrumentation API's navigate hook was invoked.\n */\nexport function isNavigateHookInvoked(): boolean {\n  return !!GLOBAL_WITH_FLAGS[SENTRY_NAVIGATE_HOOK_INVOKED_FLAG];\n}\n"],"names":["result","client","navigationSpan"],"mappings":"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"}

package/build/esm/client/hydratedRouter.js

@@ -1,9 +1,9 @@
 import { getAbsoluteUrl, startBrowserTracingNavigationSpan } from '@sentry/browser';
-import { GLOBAL_OBJ, spanToJSON, SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN, SEMANTIC_ATTRIBUTE_SENTRY_SOURCE, isThenable, debug, getActiveSpan, getRootSpan, getClient, SEMANTIC_ATTRIBUTE_SENTRY_OP } from '@sentry/core';
+import { GLOBAL_OBJ, spanToJSON, SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN, isThenable, debug, getActiveSpan, getRootSpan, getClient, NAVIGATION_SPAN_NAME_FALLBACK, SEMANTIC_ATTRIBUTE_SENTRY_OP, hasSpanStreamingEnabled } from '@sentry/core';
 import { DEBUG_BUILD } from '../common/debug-build.js';
 import { isClientInstrumentationApiUsed } from './createClientInstrumentation.js';
-import { getParameterizedRoute, normalizePathname, finalizeNavigationSpanFromRouterState, resolveNavigateAbsoluteUrl, resolveNavigateArg } from './utils.js';
-import { URL_TEMPLATE, SENTRY_OP, URL_PATH } from '@sentry/conventions/attributes';
+import { normalizePathname, updateSpanWithParameterizedRoute, finalizeNavigationSpanFromRouterState, resolveNavigateAbsoluteUrl, resolveNavigateArg } from './utils.js';
+import { URL_PATH, SENTRY_OP, SENTRY_SEGMENT_NAME_SOURCE } from '@sentry/conventions/attributes';
 
 const GLOBAL_OBJ_WITH_DATA_ROUTER = GLOBAL_OBJ;
 const WINDOW = GLOBAL_OBJ;
@@ -14,16 +14,11 @@ function instrumentHydratedRouter() {
     if (router) {
       const pageloadSpan = getActiveRootSpan();
       if (pageloadSpan) {
-        const pageloadName = spanToJSON(pageloadSpan).name;
-        const parameterizePageloadRoute = getParameterizedRoute(router.state);
-        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",
-            [URL_TEMPLATE]: parameterizePageloadRoute
-          });
+        const pageloadPath = spanToJSON(pageloadSpan).attributes[URL_PATH];
+        if (typeof pageloadPath === "string" && // this event is for the currently active pageload
+        normalizePathname(router.state.location.pathname) === normalizePathname(pageloadPath)) {
+          pageloadSpan.setAttribute(SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN, "auto.pageload.react_router");
+          updateSpanWithParameterizedRoute(pageloadSpan, router.state);
         }
       }
       if (typeof router.navigate === "function") {
@@ -70,21 +65,16 @@ function instrumentHydratedRouter() {
         }
         const rootSpanJson = spanToJSON(rootSpan);
         const rootSpanAttributes = rootSpanJson.attributes;
-        if (rootSpanAttributes[SENTRY_OP] === "navigation" && isClientInstrumentationApiUsed() && rootSpanAttributes[SEMANTIC_ATTRIBUTE_SENTRY_SOURCE] === "route") {
+        if (rootSpanAttributes[SENTRY_OP] === "navigation" && isClientInstrumentationApiUsed() && rootSpanAttributes[SENTRY_SEGMENT_NAME_SOURCE] === "route") {
           return;
         }
         const rootSpanName = rootSpanJson.name;
-        const parameterizedRoute = getParameterizedRoute(newState);
         const spanPathname = rootSpanAttributes[URL_PATH];
         const destinationPathname = normalizePathname(newState.location.pathname);
         if (rootSpanName && newState.navigation.state === "idle" && // navigation has completed
         // this event is for the currently active root span
         (destinationPathname === normalizePathname(rootSpanName) || spanPathname && destinationPathname === normalizePathname(spanPathname))) {
-          rootSpan.updateName(parameterizedRoute);
-          rootSpan.setAttributes({
-            [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: "route",
-            [URL_TEMPLATE]: parameterizedRoute
-          });
+          updateSpanWithParameterizedRoute(rootSpan, newState);
         }
       });
       return true;
@@ -112,9 +102,11 @@ function maybeCreateNavigationTransaction(name, url, source) {
   return startBrowserTracingNavigationSpan(
     client,
     {
-      name,
+      // With span streaming, span names have to be low cardinality, so we can't fall back to the URL.
+      // The route is resolved once the router settles, which updates the span name then.
+      name: !hasSpanStreamingEnabled(client) ? name : NAVIGATION_SPAN_NAME_FALLBACK,
       attributes: {
-        [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: source,
+        [SENTRY_SEGMENT_NAME_SOURCE]: source,
         [SEMANTIC_ATTRIBUTE_SENTRY_OP]: "navigation",
         [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: "auto.navigation.react_router",
         ...{}

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

@@ -1 +1 @@
-{"version":3,"file":"hydratedRouter.js","sources":["../../../src/client/hydratedRouter.ts"],"sourcesContent":["import { getAbsoluteUrl, startBrowserTracingNavigationSpan } from '@sentry/browser';\nimport type { Span } from '@sentry/core';\nimport {\n  debug,\n  getActiveSpan,\n  getClient,\n  getRootSpan,\n  GLOBAL_OBJ,\n  isThenable,\n  SEMANTIC_ATTRIBUTE_SENTRY_OP,\n  SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN,\n  SEMANTIC_ATTRIBUTE_SENTRY_SOURCE,\n  spanToJSON,\n} from '@sentry/core';\nimport type { DataRouter } from 'react-router';\nimport { DEBUG_BUILD } from '../common/debug-build';\nimport { isClientInstrumentationApiUsed } from './createClientInstrumentation';\nimport {\n  finalizeNavigationSpanFromRouterState,\n  getParameterizedRoute,\n  normalizePathname,\n  resolveNavigateAbsoluteUrl,\n  resolveNavigateArg,\n} from './utils';\nimport { SENTRY_OP, URL_PATH, URL_TEMPLATE } from '@sentry/conventions/attributes';\n\nconst GLOBAL_OBJ_WITH_DATA_ROUTER = GLOBAL_OBJ as typeof GLOBAL_OBJ & {\n  __reactRouterDataRouter?: DataRouter;\n};\n\nconst WINDOW = GLOBAL_OBJ as typeof GLOBAL_OBJ & Window;\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).name;\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            [URL_TEMPLATE]: parameterizePageloadRoute,\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            const target = args[0];\n\n            if (typeof target === 'number') {\n              // navigate(0) triggers a reload, not a route change — skip span creation\n              if (target !== 0) {\n                const currentPathname = WINDOW.location?.pathname || '/';\n                const navigationSpan = maybeCreateNavigationTransaction(\n                  currentPathname,\n                  getAbsoluteUrl(currentPathname),\n                  'url',\n                );\n\n                const result = originalNav(...args);\n\n                // Numeric navigations (`navigate(-1)`/`navigate(1)`) don't carry a destination\n                // path, so we can only resolve the real URL/route once the router has settled.\n                if (navigationSpan) {\n                  // Finalize from the (updated) router state after navigation completes, in both\n                  // the resolve and reject paths, so a rejected navigation still ends up with the\n                  // correct URL attributes instead of the placeholder start pathname.\n                  if (isThenable(result)) {\n                    result.then(\n                      () => finalizeNavigationSpanFromRouterState(navigationSpan, router.state),\n                      () => finalizeNavigationSpanFromRouterState(navigationSpan, router.state),\n                    );\n                  } else {\n                    finalizeNavigationSpanFromRouterState(navigationSpan, router.state);\n                  }\n                }\n\n                return result;\n              }\n            } else {\n              maybeCreateNavigationTransaction(\n                resolveNavigateArg(target) || '<unknown route>',\n                resolveNavigateAbsoluteUrl(target),\n                'url',\n              );\n            }\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 rootSpanJson = spanToJSON(rootSpan);\n        const rootSpanAttributes = rootSpanJson.attributes;\n\n        // When the instrumentation API is active, navigation roots are parameterized\n        // by the native route hooks\n        if (\n          rootSpanAttributes[SENTRY_OP] === 'navigation' &&\n          isClientInstrumentationApiUsed() &&\n          rootSpanAttributes[SEMANTIC_ATTRIBUTE_SENTRY_SOURCE] === 'route'\n        ) {\n          return;\n        }\n\n        const rootSpanName = rootSpanJson.name;\n        const parameterizedRoute = getParameterizedRoute(newState);\n        const spanPathname = rootSpanAttributes[URL_PATH] as string | undefined;\n        const destinationPathname = normalizePathname(newState.location.pathname);\n\n        if (\n          rootSpanName &&\n          newState.navigation.state === 'idle' && // navigation has completed\n          // this event is for the currently active root span\n          (destinationPathname === normalizePathname(rootSpanName) ||\n            (spanPathname && destinationPathname === normalizePathname(spanPathname)))\n        ) {\n          rootSpan.updateName(parameterizedRoute);\n          rootSpan.setAttributes({\n            [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: 'route',\n            [URL_TEMPLATE]: parameterizedRoute,\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, url: string, source: 'url' | 'route'): Span | undefined {\n  const client = getClient();\n\n  if (!client) {\n    return undefined;\n  }\n\n  return startBrowserTracingNavigationSpan(\n    client,\n    {\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        ...(source === 'route' ? { [URL_TEMPLATE]: name } : {}),\n      },\n    },\n    { url },\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).attributes[SENTRY_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"],"names":[],"mappings":"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"}
+{"version":3,"file":"hydratedRouter.js","sources":["../../../src/client/hydratedRouter.ts"],"sourcesContent":["import { getAbsoluteUrl, startBrowserTracingNavigationSpan } from '@sentry/browser';\nimport type { Span } from '@sentry/core';\nimport {\n  debug,\n  getActiveSpan,\n  getClient,\n  getRootSpan,\n  GLOBAL_OBJ,\n  hasSpanStreamingEnabled,\n  isThenable,\n  NAVIGATION_SPAN_NAME_FALLBACK,\n  SEMANTIC_ATTRIBUTE_SENTRY_OP,\n  SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN,\n  spanToJSON,\n} from '@sentry/core';\nimport type { DataRouter } from 'react-router';\nimport { DEBUG_BUILD } from '../common/debug-build';\nimport { isClientInstrumentationApiUsed } from './createClientInstrumentation';\nimport {\n  finalizeNavigationSpanFromRouterState,\n  normalizePathname,\n  resolveNavigateAbsoluteUrl,\n  resolveNavigateArg,\n  updateSpanWithParameterizedRoute,\n} from './utils';\nimport { SENTRY_SEGMENT_NAME_SOURCE, SENTRY_OP, URL_PATH, URL_TEMPLATE } from '@sentry/conventions/attributes';\n\nconst GLOBAL_OBJ_WITH_DATA_ROUTER = GLOBAL_OBJ as typeof GLOBAL_OBJ & {\n  __reactRouterDataRouter?: DataRouter;\n};\n\nconst WINDOW = GLOBAL_OBJ as typeof GLOBAL_OBJ & Window;\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        // Matched against `url.path` rather than the span name: with span streaming, the pageload\n        // span is named `Pageload` until a route is resolved, so the name may not hold the pathname.\n        const pageloadPath = spanToJSON(pageloadSpan).attributes[URL_PATH];\n        if (\n          typeof pageloadPath === 'string' &&\n          // this event is for the currently active pageload\n          normalizePathname(router.state.location.pathname) === normalizePathname(pageloadPath)\n        ) {\n          pageloadSpan.setAttribute(SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN, 'auto.pageload.react_router');\n          updateSpanWithParameterizedRoute(pageloadSpan, router.state);\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            const target = args[0];\n\n            if (typeof target === 'number') {\n              // navigate(0) triggers a reload, not a route change — skip span creation\n              if (target !== 0) {\n                const currentPathname = WINDOW.location?.pathname || '/';\n                const navigationSpan = maybeCreateNavigationTransaction(\n                  currentPathname,\n                  getAbsoluteUrl(currentPathname),\n                  'url',\n                );\n\n                const result = originalNav(...args);\n\n                // Numeric navigations (`navigate(-1)`/`navigate(1)`) don't carry a destination\n                // path, so we can only resolve the real URL/route once the router has settled.\n                if (navigationSpan) {\n                  // Finalize from the (updated) router state after navigation completes, in both\n                  // the resolve and reject paths, so a rejected navigation still ends up with the\n                  // correct URL attributes instead of the placeholder start pathname.\n                  if (isThenable(result)) {\n                    result.then(\n                      () => finalizeNavigationSpanFromRouterState(navigationSpan, router.state),\n                      () => finalizeNavigationSpanFromRouterState(navigationSpan, router.state),\n                    );\n                  } else {\n                    finalizeNavigationSpanFromRouterState(navigationSpan, router.state);\n                  }\n                }\n\n                return result;\n              }\n            } else {\n              maybeCreateNavigationTransaction(\n                resolveNavigateArg(target) || '<unknown route>',\n                resolveNavigateAbsoluteUrl(target),\n                'url',\n              );\n            }\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 rootSpanJson = spanToJSON(rootSpan);\n        const rootSpanAttributes = rootSpanJson.attributes;\n\n        // When the instrumentation API is active, navigation roots are parameterized\n        // by the native route hooks\n        if (\n          rootSpanAttributes[SENTRY_OP] === 'navigation' &&\n          isClientInstrumentationApiUsed() &&\n          rootSpanAttributes[SENTRY_SEGMENT_NAME_SOURCE] === 'route'\n        ) {\n          return;\n        }\n\n        const rootSpanName = rootSpanJson.name;\n        const spanPathname = rootSpanAttributes[URL_PATH] as string | undefined;\n        const destinationPathname = normalizePathname(newState.location.pathname);\n\n        if (\n          rootSpanName &&\n          newState.navigation.state === 'idle' && // navigation has completed\n          // this event is for the currently active root span\n          (destinationPathname === normalizePathname(rootSpanName) ||\n            (spanPathname && destinationPathname === normalizePathname(spanPathname)))\n        ) {\n          updateSpanWithParameterizedRoute(rootSpan, newState);\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, url: string, source: 'url' | 'route'): Span | undefined {\n  const client = getClient();\n\n  if (!client) {\n    return undefined;\n  }\n\n  return startBrowserTracingNavigationSpan(\n    client,\n    {\n      // With span streaming, span names have to be low cardinality, so we can't fall back to the URL.\n      // The route is resolved once the router settles, which updates the span name then.\n      name: source === 'route' || !hasSpanStreamingEnabled(client) ? name : NAVIGATION_SPAN_NAME_FALLBACK,\n      attributes: {\n        [SENTRY_SEGMENT_NAME_SOURCE]: source,\n        [SEMANTIC_ATTRIBUTE_SENTRY_OP]: 'navigation',\n        [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.navigation.react_router',\n        ...(source === 'route' ? { [URL_TEMPLATE]: name } : {}),\n      },\n    },\n    { url },\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).attributes[SENTRY_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"],"names":[],"mappings":"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"}

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   */\n  instrumentationOptions?: CreateSentryClientInstrumentationOptions;\n\n  /** @deprecated `clientInstrumentation` is always built, so this flag is a no-op. Will be removed in a future major. */\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 to pass to `HydratedRouter`'s `instrumentations` prop.\n   *\n   * @deprecated Use the standalone `createSentryClientInstrumentation()` export instead and pass its\n   * result to `HydratedRouter`'s `instrumentations` prop. This mirrors the server-side\n   * `createSentryServerInstrumentation()` API. Will be removed in a future major.\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  // Built eagerly so it can be passed to HydratedRouter's `instrumentations` prop. This has no\n  // side effects - the API is only marked \"used\" once React Router invokes the `router()` hook.\n  const clientInstrumentationInstance = createSentryClientInstrumentation(options.instrumentationOptions);\n\n  return {\n    ...browserTracingIntegrationInstance,\n    name: 'ReactRouterTracingIntegration',\n    afterAllSetup(client) {\n      browserTracingIntegrationInstance.afterAllSetup(client);\n      instrumentHydratedRouter();\n    },\n    // oxlint-disable-next-line typescript/no-deprecated -- exposes the deprecated getter for back-compat until it is removed\n    get clientInstrumentation(): ClientInstrumentation {\n      return clientInstrumentationInstance;\n    },\n  };\n}\n"],"names":["originalBrowserTracingIntegration"],"mappings":";;;;AAwCO,SAAS,6BAAA,CACd,OAAA,GAAgD,EAAC,EAClB;AAC/B,EAAA,MAAM,oCAAoCA,yBAAA,CAAkC;AAAA;AAAA,IAE1E,oBAAA,EAAsB;AAAA,GACvB,CAAA;AAID,EAAA,MAAM,6BAAA,GAAgC,iCAAA,CAAkC,OAAA,CAAQ,sBAAsB,CAAA;AAEtG,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;AAAA,IAEA,IAAI,qBAAA,GAA+C;AACjD,MAAA,OAAO,6BAAA;AAAA,IACT;AAAA,GACF;AACF;;;;"}
+{"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 'react-router';\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   */\n  instrumentationOptions?: CreateSentryClientInstrumentationOptions;\n\n  /** @deprecated `clientInstrumentation` is always built, so this flag is a no-op. Will be removed in a future major. */\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 to pass to `HydratedRouter`'s `instrumentations` prop.\n   *\n   * @deprecated Use the standalone `createSentryClientInstrumentation()` export instead and pass its\n   * result to `HydratedRouter`'s `instrumentations` prop. This mirrors the server-side\n   * `createSentryServerInstrumentation()` API. Will be removed in a future major.\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  // Built eagerly so it can be passed to HydratedRouter's `instrumentations` prop. This has no\n  // side effects - the API is only marked \"used\" once React Router invokes the `router()` hook.\n  const clientInstrumentationInstance = createSentryClientInstrumentation(options.instrumentationOptions);\n\n  return {\n    ...browserTracingIntegrationInstance,\n    name: 'ReactRouterTracingIntegration',\n    afterAllSetup(client) {\n      browserTracingIntegrationInstance.afterAllSetup(client);\n      instrumentHydratedRouter();\n    },\n    // oxlint-disable-next-line typescript/no-deprecated -- exposes the deprecated getter for back-compat until it is removed\n    get clientInstrumentation(): ClientInstrumentation {\n      return clientInstrumentationInstance;\n    },\n  };\n}\n"],"names":["originalBrowserTracingIntegration"],"mappings":";;;;AAwCO,SAAS,6BAAA,CACd,OAAA,GAAgD,EAAC,EAClB;AAC/B,EAAA,MAAM,oCAAoCA,yBAAA,CAAkC;AAAA;AAAA,IAE1E,oBAAA,EAAsB;AAAA,GACvB,CAAA;AAID,EAAA,MAAM,6BAAA,GAAgC,iCAAA,CAAkC,OAAA,CAAQ,sBAAsB,CAAA;AAEtG,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;AAAA,IAEA,IAAI,qBAAA,GAA+C;AACjD,MAAA,OAAO,6BAAA;AAAA,IACT;AAAA,GACF;AACF;;;;"}

package/build/esm/client/utils.js

@@ -1,6 +1,6 @@
 import { getAbsoluteUrl } from '@sentry/browser';
-import { GLOBAL_OBJ, filterCollectedUrl, SEMANTIC_ATTRIBUTE_SENTRY_SOURCE } from '@sentry/core';
-import { URL_FULL, URL_PATH, URL_TEMPLATE } from '@sentry/conventions/attributes';
+import { GLOBAL_OBJ, getClient, NAVIGATION_SPAN_NAME_FALLBACK, hasSpanStreamingEnabled, filterCollectedUrl } from '@sentry/core';
+import { URL_FULL, URL_PATH, SENTRY_SEGMENT_NAME_SOURCE, URL_TEMPLATE } from '@sentry/conventions/attributes';
 
 const WINDOW = GLOBAL_OBJ;
 const GLOBAL_OBJ_WITH_DATA_ROUTER = GLOBAL_OBJ;
@@ -51,9 +51,10 @@ function updateNavigationSpanUrlFromLocation(span) {
   }
   const { pathname, search = "", hash = "" } = WINDOW.location;
   const destinationUrl = getAbsoluteUrl(`${pathname}${search}${hash}`);
-  span.updateName(pathname);
+  const client = getClient();
+  span.updateName(client && hasSpanStreamingEnabled(client) ? NAVIGATION_SPAN_NAME_FALLBACK : pathname);
   span.setAttributes({
-    [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: "url",
+    [SENTRY_SEGMENT_NAME_SOURCE]: "url",
     [URL_PATH]: pathname,
     [URL_FULL]: filterCollectedUrl(destinationUrl)
   });
@@ -65,9 +66,33 @@ function normalizePathname(pathname) {
   }
   return normalized;
 }
-function getParameterizedRoute(routerState) {
-  const lastMatch = routerState.matches[routerState.matches.length - 1];
-  return normalizePathname(lastMatch?.route.path || routerState.location.pathname);
+function getRouteTemplate(routerState) {
+  const { matches } = routerState;
+  if (!matches.length) {
+    return void 0;
+  }
+  let template = "";
+  for (const match of matches) {
+    const routePath = match.route.path;
+    if (!routePath) {
+      continue;
+    }
+    template = routePath.startsWith("/") ? routePath : `${template.replace(/\/$/, "")}/${routePath}`;
+  }
+  return normalizePathname(template);
+}
+function updateSpanWithParameterizedRoute(span, routerState) {
+  const routeTemplate = getRouteTemplate(routerState);
+  const client = getClient();
+  if (!routeTemplate && client && hasSpanStreamingEnabled(client)) {
+    return;
+  }
+  const parameterizedRoute = routeTemplate || normalizePathname(routerState.location.pathname);
+  span.updateName(parameterizedRoute);
+  span.setAttributes({
+    [SENTRY_SEGMENT_NAME_SOURCE]: "route",
+    [URL_TEMPLATE]: parameterizedRoute
+  });
 }
 function finalizeNavigationSpanFromRouterState(span, routerState) {
   updateNavigationSpanUrlFromLocation(span);
@@ -76,12 +101,7 @@ function finalizeNavigationSpanFromRouterState(span, routerState) {
   }
   const { pathname } = WINDOW.location;
   if (routerState.navigation?.state === "idle" && normalizePathname(routerState.location.pathname) === normalizePathname(pathname)) {
-    const parameterizedRoute = getParameterizedRoute(routerState);
-    span.updateName(parameterizedRoute);
-    span.setAttributes({
-      [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: "route",
-      [URL_TEMPLATE]: parameterizedRoute
-    });
+    updateSpanWithParameterizedRoute(span, routerState);
   }
 }
 function finalizeNavigationSpanFromHydratedRouter(span) {
@@ -93,5 +113,5 @@ function finalizeNavigationSpanFromHydratedRouter(span) {
   }
 }
 
-export { finalizeNavigationSpanFromHydratedRouter, finalizeNavigationSpanFromRouterState, getParameterizedRoute, normalizePathname, resolveNavigateAbsoluteUrl, resolveNavigateArg, resolveNavigateUrl, updateNavigationSpanUrlFromLocation };
+export { finalizeNavigationSpanFromHydratedRouter, finalizeNavigationSpanFromRouterState, normalizePathname, resolveNavigateAbsoluteUrl, resolveNavigateArg, resolveNavigateUrl, updateNavigationSpanUrlFromLocation, updateSpanWithParameterizedRoute };
 //# sourceMappingURL=utils.js.map