@sentry/react-router 9.15.0 → 9.16.0

package/build/cjs/client/hydratedRouter.js

@@ -0,0 +1,140 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const browser = require('@sentry/browser');
+const core = require('@sentry/core');
+const debugBuild = require('../common/debug-build.js');
+
+const GLOBAL_OBJ_WITH_DATA_ROUTER = core.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
+ */
+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
+      // todo: update pageload tx here
+      const pageloadSpan = getActiveRootSpan();
+      const pageloadName = pageloadSpan ? core.spanToJSON(pageloadSpan).description : undefined;
+      const parameterizePageloadRoute = getParameterizedRoute(router.state);
+      if (
+        pageloadName &&
+        normalizePathname(router.state.location.pathname) === normalizePathname(pageloadName) && // this event is for the currently active pageload
+        normalizePathname(parameterizePageloadRoute) !== normalizePathname(pageloadName) // route is not parameterized yet
+      ) {
+        pageloadSpan?.updateName(parameterizePageloadRoute);
+        pageloadSpan?.setAttribute(core.SEMANTIC_ATTRIBUTE_SENTRY_SOURCE, 'route');
+      }
+
+      // Patching navigate for creating accurate navigation transactions
+      if (typeof router.navigate === 'function') {
+        const originalNav = router.navigate.bind(router);
+        router.navigate = function sentryPatchedNavigate(...args) {
+          maybeCreateNavigationTransaction(
+            String(args[0]) || '<unknown route>', // will be updated anyway
+            'url', // this also will be updated once we have the parameterized route
+          );
+          return originalNav(...args);
+        };
+      }
+
+      // Subscribe to router state changes to update navigation transactions with parameterized routes
+      router.subscribe(newState => {
+        const navigationSpan = getActiveRootSpan();
+        const navigationSpanName = navigationSpan ? core.spanToJSON(navigationSpan).description : undefined;
+        const parameterizedNavRoute = getParameterizedRoute(newState);
+
+        if (
+          navigationSpanName && // we have an active pageload tx
+          newState.navigation.state === 'idle' && // navigation has completed
+          normalizePathname(newState.location.pathname) === normalizePathname(navigationSpanName) && // this event is for the currently active navigation
+          normalizePathname(parameterizedNavRoute) !== normalizePathname(navigationSpanName) // route is not parameterized yet
+        ) {
+          navigationSpan?.updateName(parameterizedNavRoute);
+          navigationSpan?.setAttribute(core.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) {
+          debugBuild.DEBUG_BUILD &&
+            core.consoleSandbox(() => {
+              // eslint-disable-next-line no-console
+              console.warn('Unable to instrument React Router: router not found after hydration.');
+            });
+        }
+        clearInterval(interval);
+      }
+      retryCount++;
+    }, 50);
+  }
+}
+
+function maybeCreateNavigationTransaction(name, source) {
+  const client = core.getClient();
+
+  if (!client) {
+    return undefined;
+  }
+
+  return browser.startBrowserTracingNavigationSpan(client, {
+    name,
+    attributes: {
+      [core.SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: source,
+      [core.SEMANTIC_ATTRIBUTE_SENTRY_OP]: 'navigation',
+      [core.SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.navigation.react-router',
+    },
+  });
+}
+
+function getActiveRootSpan() {
+  const activeSpan = core.getActiveSpan();
+  if (!activeSpan) {
+    return undefined;
+  }
+
+  const rootSpan = core.getRootSpan(activeSpan);
+
+  const op = core.spanToJSON(rootSpan).op;
+
+  // Only use this root span if it is a pageload or navigation span
+  return op === 'navigation' || op === 'pageload' ? rootSpan : undefined;
+}
+
+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('/')) {
+    normalized = normalized.slice(0, -1);
+  }
+  return normalized;
+}
+
+exports.instrumentHydratedRouter = instrumentHydratedRouter;
+//# sourceMappingURL=hydratedRouter.js.map

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

@@ -0,0 +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  consoleSandbox,\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';\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      // todo: update pageload tx here\n      const pageloadSpan = getActiveRootSpan();\n      const pageloadName = pageloadSpan ? spanToJSON(pageloadSpan).description : undefined;\n      const parameterizePageloadRoute = getParameterizedRoute(router.state);\n      if (\n        pageloadName &&\n        normalizePathname(router.state.location.pathname) === normalizePathname(pageloadName) && // this event is for the currently active pageload\n        normalizePathname(parameterizePageloadRoute) !== normalizePathname(pageloadName) // route is not parameterized yet\n      ) {\n        pageloadSpan?.updateName(parameterizePageloadRoute);\n        pageloadSpan?.setAttribute(SEMANTIC_ATTRIBUTE_SENTRY_SOURCE, 'route');\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          maybeCreateNavigationTransaction(\n            String(args[0]) || '<unknown route>', // will be updated anyway\n            'url', // this also will be updated once we have the parameterized route\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        const navigationSpanName = navigationSpan ? spanToJSON(navigationSpan).description : undefined;\n        const parameterizedNavRoute = getParameterizedRoute(newState);\n\n        if (\n          navigationSpanName && // we have an active pageload tx\n          newState.navigation.state === 'idle' && // navigation has completed\n          normalizePathname(newState.location.pathname) === normalizePathname(navigationSpanName) && // this event is for the currently active navigation\n          normalizePathname(parameterizedNavRoute) !== normalizePathname(navigationSpanName) // route is not parameterized yet\n        ) {\n          navigationSpan?.updateName(parameterizedNavRoute);\n          navigationSpan?.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 &&\n            consoleSandbox(() => {\n              // eslint-disable-next-line no-console\n              console.warn('Unable to instrument React Router: router not found after hydration.');\n            });\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":["GLOBAL_OBJ","spanToJSON","SEMANTIC_ATTRIBUTE_SENTRY_SOURCE","DEBUG_BUILD","consoleSandbox","getClient","startBrowserTracingNavigationSpan","SEMANTIC_ATTRIBUTE_SENTRY_OP","SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN","getActiveSpan","getRootSpan"],"mappings":"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"}

package/build/cjs/client/sdk.js

@@ -3,17 +3,31 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const browser = require('@sentry/browser');
 const core = require('@sentry/core');
 
+const BROWSER_TRACING_INTEGRATION_ID = 'BrowserTracing';
+
 /**
  * Initializes the client side of the React Router SDK.
  */
 function init(options) {
-  const opts = {
-    ...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,
+    );
+
+    if (hasBrowserTracing) {
+      core.consoleSandbox(() => {
+        // eslint-disable-next-line no-console
+        console.warn(
+          'browserTracingIntegration is not fully compatible with @sentry/react-router. Please use reactRouterTracingIntegration instead.',
+        );
+      });
+    }
+  }
 
-  core.applySdkMetadata(opts, 'react-router', ['react-router', 'browser']);
+  core.applySdkMetadata(options, 'react-router', ['react-router', 'browser']);
 
-  const client = browser.init(opts);
+  const client = browser.init(options);
 
   core.setTag('runtime', 'browser');
 

package/build/cjs/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, setTag } from '@sentry/core';\n\n/**\n * Initializes the client side of the React Router SDK.\n */\nexport function init(options: BrowserOptions): Client | undefined {\n  const opts = {\n    ...options,\n  };\n\n  applySdkMetadata(opts, 'react-router', ['react-router', 'browser']);\n\n  const client = browserInit(opts);\n\n  setTag('runtime', 'browser');\n\n  return client;\n}\n"],"names":["applySdkMetadata","browserInit","setTag"],"mappings":";;;;;AAKA;AACA;AACA;AACO,SAAS,IAAI,CAAC,OAAO,EAAsC;AAClE,EAAE,MAAM,OAAO;AACf,IAAI,GAAG,OAAO;AACd,GAAG;;AAEH,EAAEA,qBAAgB,CAAC,IAAI,EAAE,cAAc,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;;AAErE,EAAE,MAAM,MAAO,GAAEC,YAAW,CAAC,IAAI,CAAC;;AAElC,EAAEC,WAAM,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":["consoleSandbox","applySdkMetadata","browserInit","setTag"],"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,iBAAkB,GAAE,OAAO,CAAC,YAAY,CAAC,IAAI;AACvD,MAAM,eAAe,WAAW,CAAC,IAAA,KAAS,8BAA8B;AACxE,KAAK;;AAEL,IAAI,IAAI,iBAAiB,EAAE;AAC3B,MAAMA,mBAAc,CAAC,MAAM;AAC3B;AACA,QAAQ,OAAO,CAAC,IAAI;AACpB,UAAU,gIAAgI;AAC1I,SAAS;AACT,OAAO,CAAC;AACR;AACA;;AAEA,EAAEC,qBAAgB,CAAC,OAAO,EAAE,cAAc,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;;AAExE,EAAE,MAAM,MAAO,GAAEC,YAAW,CAAC,OAAO,CAAC;;AAErC,EAAEC,WAAM,CAAC,SAAS,EAAE,SAAS,CAAC;;AAE9B,EAAE,OAAO,MAAM;AACf;;;;"}

package/build/cjs/client/tracingIntegration.js

@@ -0,0 +1,27 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const browser = require('@sentry/browser');
+const hydratedRouter = require('./hydratedRouter.js');
+
+/**
+ * Browser tracing integration for React Router (Framework) applications.
+ * This integration will create navigation spans and enhance transactions names with parameterized routes.
+ */
+function reactRouterTracingIntegration() {
+  const browserTracingIntegrationInstance = browser.browserTracingIntegration({
+    // Navigation transactions are started within the hydrated router instrumentation
+    instrumentNavigation: false,
+  });
+
+  return {
+    ...browserTracingIntegrationInstance,
+    name: 'ReactRouterTracingIntegration',
+    afterAllSetup(client) {
+      browserTracingIntegrationInstance.afterAllSetup(client);
+      hydratedRouter.instrumentHydratedRouter();
+    },
+  };
+}
+
+exports.reactRouterTracingIntegration = reactRouterTracingIntegration;
+//# sourceMappingURL=tracingIntegration.js.map

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

@@ -0,0 +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 { instrumentHydratedRouter } from './hydratedRouter';\n\n/**\n * Browser tracing integration for React Router (Framework) applications.\n * This integration will create navigation spans and enhance transactions names with parameterized routes.\n */\nexport function reactRouterTracingIntegration(): Integration {\n  const browserTracingIntegrationInstance = originalBrowserTracingIntegration({\n    // Navigation transactions are started within the hydrated router instrumentation\n    instrumentNavigation: false,\n  });\n\n  return {\n    ...browserTracingIntegrationInstance,\n    name: 'ReactRouterTracingIntegration',\n    afterAllSetup(client) {\n      browserTracingIntegrationInstance.afterAllSetup(client);\n      instrumentHydratedRouter();\n    },\n  };\n}\n"],"names":["originalBrowserTracingIntegration","instrumentHydratedRouter"],"mappings":";;;;;AAIA;AACA;AACA;AACA;AACO,SAAS,6BAA6B,GAAgB;AAC7D,EAAE,MAAM,iCAAA,GAAoCA,iCAAiC,CAAC;AAC9E;AACA,IAAI,oBAAoB,EAAE,KAAK;AAC/B,GAAG,CAAC;;AAEJ,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,MAAMC,uCAAwB,EAAE;AAChC,KAAK;AACL,GAAG;AACH;;;;"}

package/build/cjs/index.client.js

@@ -2,10 +2,12 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const browser = require('@sentry/browser');
 const sdk = require('./client/sdk.js');
+const tracingIntegration = require('./client/tracingIntegration.js');
 
 
 
 exports.init = sdk.init;
+exports.reactRouterTracingIntegration = tracingIntegration.reactRouterTracingIntegration;
 Object.prototype.hasOwnProperty.call(browser, '__proto__') &&
 	!Object.prototype.hasOwnProperty.call(exports, '__proto__') &&
 	Object.defineProperty(exports, '__proto__', {

package/build/cjs/index.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.client.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.client.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/build/cjs/index.server.js

@@ -6,6 +6,7 @@ const wrapSentryHandleRequest = require('./server/wrapSentryHandleRequest.js');
 const createSentryHandleRequest = require('./server/createSentryHandleRequest.js');
 const plugin = require('./vite/plugin.js');
 const handleOnBuildEnd = require('./vite/buildEnd/handleOnBuildEnd.js');
+const makeConfigInjectorPlugin = require('./vite/makeConfigInjectorPlugin.js');
 
 
 
@@ -16,6 +17,7 @@ exports.wrapSentryHandleRequest = wrapSentryHandleRequest.wrapSentryHandleReques
 exports.createSentryHandleRequest = createSentryHandleRequest.createSentryHandleRequest;
 exports.sentryReactRouter = plugin.sentryReactRouter;
 exports.sentryOnBuildEnd = handleOnBuildEnd.sentryOnBuildEnd;
+exports.makeConfigInjectorPlugin = makeConfigInjectorPlugin.makeConfigInjectorPlugin;
 Object.prototype.hasOwnProperty.call(node, '__proto__') &&
 	!Object.prototype.hasOwnProperty.call(exports, '__proto__') &&
 	Object.defineProperty(exports, '__proto__', {

package/build/cjs/index.server.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.server.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.server.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/vite/makeConfigInjectorPlugin.js

@@ -0,0 +1,25 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+/**
+ * Creates a Vite plugin that injects the Sentry options into the global Vite config.
+ * This ensures the sentryConfig is available to other components that need access to it,
+ * like the buildEnd hook.
+ *
+ * @param options - Configuration options for the Sentry Vite plugin
+ * @returns A Vite plugin that injects sentryConfig into the global config
+ */
+function makeConfigInjectorPlugin(options) {
+  return {
+    name: 'sentry-react-router-config-injector',
+    enforce: 'pre',
+    config(config) {
+      return {
+        ...config,
+        sentryConfig: options,
+      };
+    },
+  };
+}
+
+exports.makeConfigInjectorPlugin = makeConfigInjectorPlugin;
+//# sourceMappingURL=makeConfigInjectorPlugin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"makeConfigInjectorPlugin.js","sources":["../../../src/vite/makeConfigInjectorPlugin.ts"],"sourcesContent":["import { type Plugin } from 'vite';\nimport type { SentryReactRouterBuildOptions } from './types';\n\n/**\n * Creates a Vite plugin that injects the Sentry options into the global Vite config.\n * This ensures the sentryConfig is available to other components that need access to it,\n * like the buildEnd hook.\n *\n * @param options - Configuration options for the Sentry Vite plugin\n * @returns A Vite plugin that injects sentryConfig into the global config\n */\nexport function makeConfigInjectorPlugin(options: SentryReactRouterBuildOptions): Plugin {\n  return {\n    name: 'sentry-react-router-config-injector',\n    enforce: 'pre',\n    config(config) {\n      return {\n        ...config,\n        sentryConfig: options,\n      };\n    },\n  };\n}\n"],"names":[],"mappings":";;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,wBAAwB,CAAC,OAAO,EAAyC;AACzF,EAAE,OAAO;AACT,IAAI,IAAI,EAAE,qCAAqC;AAC/C,IAAI,OAAO,EAAE,KAAK;AAClB,IAAI,MAAM,CAAC,MAAM,EAAE;AACnB,MAAM,OAAO;AACb,QAAQ,GAAG,MAAM;AACjB,QAAQ,YAAY,EAAE,OAAO;AAC7B,OAAO;AACP,KAAK;AACL,GAAG;AACH;;;;"}

package/build/cjs/vite/plugin.js

@@ -1,5 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
+const makeConfigInjectorPlugin = require('./makeConfigInjectorPlugin.js');
 const makeCustomSentryVitePlugins = require('./makeCustomSentryVitePlugins.js');
 const makeEnableSourceMapsPlugin = require('./makeEnableSourceMapsPlugin.js');
 
@@ -16,6 +17,8 @@ async function sentryReactRouter(
 ) {
   const plugins = [];
 
+  plugins.push(makeConfigInjectorPlugin.makeConfigInjectorPlugin(options));
+
   if (process.env.NODE_ENV !== 'development' && config.command === 'build' && config.mode !== 'development') {
     plugins.push(makeEnableSourceMapsPlugin.makeEnableSourceMapsPlugin(options));
     plugins.push(...(await makeCustomSentryVitePlugins.makeCustomSentryVitePlugins(options)));

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

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","sources":["../../../src/vite/plugin.ts"],"sourcesContent":["import type { ConfigEnv } from 'vite';\nimport { type Plugin } from 'vite';\nimport { makeCustomSentryVitePlugins } from './makeCustomSentryVitePlugins';\nimport { makeEnableSourceMapsPlugin } from './makeEnableSourceMapsPlugin';\nimport type { SentryReactRouterBuildOptions } from './types';\n\n/**\n * A Vite plugin for Sentry that handles source map uploads and bundle size optimizations.\n *\n * @param options - Configuration options for the Sentry Vite plugin\n * @param viteConfig - The Vite user config object\n * @returns An array of Vite plugins\n */\nexport async function sentryReactRouter(\n  options: SentryReactRouterBuildOptions = {},\n  config: ConfigEnv,\n): Promise<Plugin[]> {\n  const plugins: Plugin[] = [];\n\n  if (process.env.NODE_ENV !== 'development' && config.command === 'build' && config.mode !== 'development') {\n    plugins.push(makeEnableSourceMapsPlugin(options));\n    plugins.push(...(await makeCustomSentryVitePlugins(options)));\n  }\n\n  return plugins;\n}\n"],"names":["makeEnableSourceMapsPlugin","makeCustomSentryVitePlugins"],"mappings":";;;;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,eAAe,iBAAiB;AACvC,EAAE,OAAO,GAAkC,EAAE;AAC7C,EAAE,MAAM;AACR,EAAqB;AACrB,EAAE,MAAM,OAAO,GAAa,EAAE;;AAE9B,EAAE,IAAI,OAAO,CAAC,GAAG,CAAC,QAAA,KAAa,aAAc,IAAG,MAAM,CAAC,OAAA,KAAY,OAAQ,IAAG,MAAM,CAAC,IAAA,KAAS,aAAa,EAAE;AAC7G,IAAI,OAAO,CAAC,IAAI,CAACA,qDAA0B,CAAC,OAAO,CAAC,CAAC;AACrD,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,MAAMC,uDAA2B,CAAC,OAAO,CAAC,CAAC,CAAC;AACjE;;AAEA,EAAE,OAAO,OAAO;AAChB;;;;"}
+{"version":3,"file":"plugin.js","sources":["../../../src/vite/plugin.ts"],"sourcesContent":["import type { ConfigEnv } from 'vite';\nimport { type Plugin } from 'vite';\nimport { makeConfigInjectorPlugin } from './makeConfigInjectorPlugin';\nimport { makeCustomSentryVitePlugins } from './makeCustomSentryVitePlugins';\nimport { makeEnableSourceMapsPlugin } from './makeEnableSourceMapsPlugin';\nimport type { SentryReactRouterBuildOptions } from './types';\n\n/**\n * A Vite plugin for Sentry that handles source map uploads and bundle size optimizations.\n *\n * @param options - Configuration options for the Sentry Vite plugin\n * @param viteConfig - The Vite user config object\n * @returns An array of Vite plugins\n */\nexport async function sentryReactRouter(\n  options: SentryReactRouterBuildOptions = {},\n  config: ConfigEnv,\n): Promise<Plugin[]> {\n  const plugins: Plugin[] = [];\n\n  plugins.push(makeConfigInjectorPlugin(options));\n\n  if (process.env.NODE_ENV !== 'development' && config.command === 'build' && config.mode !== 'development') {\n    plugins.push(makeEnableSourceMapsPlugin(options));\n    plugins.push(...(await makeCustomSentryVitePlugins(options)));\n  }\n\n  return plugins;\n}\n"],"names":["makeConfigInjectorPlugin","makeEnableSourceMapsPlugin","makeCustomSentryVitePlugins"],"mappings":";;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,eAAe,iBAAiB;AACvC,EAAE,OAAO,GAAkC,EAAE;AAC7C,EAAE,MAAM;AACR,EAAqB;AACrB,EAAE,MAAM,OAAO,GAAa,EAAE;;AAE9B,EAAE,OAAO,CAAC,IAAI,CAACA,iDAAwB,CAAC,OAAO,CAAC,CAAC;;AAEjD,EAAE,IAAI,OAAO,CAAC,GAAG,CAAC,QAAA,KAAa,aAAc,IAAG,MAAM,CAAC,OAAA,KAAY,OAAQ,IAAG,MAAM,CAAC,IAAA,KAAS,aAAa,EAAE;AAC7G,IAAI,OAAO,CAAC,IAAI,CAACC,qDAA0B,CAAC,OAAO,CAAC,CAAC;AACrD,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,MAAMC,uDAA2B,CAAC,OAAO,CAAC,CAAC,CAAC;AACjE;;AAEA,EAAE,OAAO,OAAO;AAChB;;;;"}

package/build/esm/client/hydratedRouter.js

@@ -0,0 +1,138 @@
+import { startBrowserTracingNavigationSpan } from '@sentry/browser';
+import { GLOBAL_OBJ, spanToJSON, SEMANTIC_ATTRIBUTE_SENTRY_SOURCE, consoleSandbox, getActiveSpan, getRootSpan, getClient, SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN, SEMANTIC_ATTRIBUTE_SENTRY_OP } from '@sentry/core';
+import { DEBUG_BUILD } from '../common/debug-build.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
+ */
+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
+      // todo: update pageload tx here
+      const pageloadSpan = getActiveRootSpan();
+      const pageloadName = pageloadSpan ? spanToJSON(pageloadSpan).description : undefined;
+      const parameterizePageloadRoute = getParameterizedRoute(router.state);
+      if (
+        pageloadName &&
+        normalizePathname(router.state.location.pathname) === normalizePathname(pageloadName) && // this event is for the currently active pageload
+        normalizePathname(parameterizePageloadRoute) !== normalizePathname(pageloadName) // route is not parameterized yet
+      ) {
+        pageloadSpan?.updateName(parameterizePageloadRoute);
+        pageloadSpan?.setAttribute(SEMANTIC_ATTRIBUTE_SENTRY_SOURCE, 'route');
+      }
+
+      // Patching navigate for creating accurate navigation transactions
+      if (typeof router.navigate === 'function') {
+        const originalNav = router.navigate.bind(router);
+        router.navigate = function sentryPatchedNavigate(...args) {
+          maybeCreateNavigationTransaction(
+            String(args[0]) || '<unknown route>', // will be updated anyway
+            'url', // this also will be updated once we have the parameterized route
+          );
+          return originalNav(...args);
+        };
+      }
+
+      // Subscribe to router state changes to update navigation transactions with parameterized routes
+      router.subscribe(newState => {
+        const navigationSpan = getActiveRootSpan();
+        const navigationSpanName = navigationSpan ? spanToJSON(navigationSpan).description : undefined;
+        const parameterizedNavRoute = getParameterizedRoute(newState);
+
+        if (
+          navigationSpanName && // we have an active pageload tx
+          newState.navigation.state === 'idle' && // navigation has completed
+          normalizePathname(newState.location.pathname) === normalizePathname(navigationSpanName) && // this event is for the currently active navigation
+          normalizePathname(parameterizedNavRoute) !== normalizePathname(navigationSpanName) // route is not parameterized yet
+        ) {
+          navigationSpan?.updateName(parameterizedNavRoute);
+          navigationSpan?.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 &&
+            consoleSandbox(() => {
+              // eslint-disable-next-line no-console
+              console.warn('Unable to instrument React Router: router not found after hydration.');
+            });
+        }
+        clearInterval(interval);
+      }
+      retryCount++;
+    }, 50);
+  }
+}
+
+function maybeCreateNavigationTransaction(name, source) {
+  const client = getClient();
+
+  if (!client) {
+    return undefined;
+  }
+
+  return startBrowserTracingNavigationSpan(client, {
+    name,
+    attributes: {
+      [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: source,
+      [SEMANTIC_ATTRIBUTE_SENTRY_OP]: 'navigation',
+      [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.navigation.react-router',
+    },
+  });
+}
+
+function getActiveRootSpan() {
+  const activeSpan = getActiveSpan();
+  if (!activeSpan) {
+    return undefined;
+  }
+
+  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;
+}
+
+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('/')) {
+    normalized = normalized.slice(0, -1);
+  }
+  return normalized;
+}
+
+export { instrumentHydratedRouter };
+//# sourceMappingURL=hydratedRouter.js.map

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

@@ -0,0 +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  consoleSandbox,\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';\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      // todo: update pageload tx here\n      const pageloadSpan = getActiveRootSpan();\n      const pageloadName = pageloadSpan ? spanToJSON(pageloadSpan).description : undefined;\n      const parameterizePageloadRoute = getParameterizedRoute(router.state);\n      if (\n        pageloadName &&\n        normalizePathname(router.state.location.pathname) === normalizePathname(pageloadName) && // this event is for the currently active pageload\n        normalizePathname(parameterizePageloadRoute) !== normalizePathname(pageloadName) // route is not parameterized yet\n      ) {\n        pageloadSpan?.updateName(parameterizePageloadRoute);\n        pageloadSpan?.setAttribute(SEMANTIC_ATTRIBUTE_SENTRY_SOURCE, 'route');\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          maybeCreateNavigationTransaction(\n            String(args[0]) || '<unknown route>', // will be updated anyway\n            'url', // this also will be updated once we have the parameterized route\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        const navigationSpanName = navigationSpan ? spanToJSON(navigationSpan).description : undefined;\n        const parameterizedNavRoute = getParameterizedRoute(newState);\n\n        if (\n          navigationSpanName && // we have an active pageload tx\n          newState.navigation.state === 'idle' && // navigation has completed\n          normalizePathname(newState.location.pathname) === normalizePathname(navigationSpanName) && // this event is for the currently active navigation\n          normalizePathname(parameterizedNavRoute) !== normalizePathname(navigationSpanName) // route is not parameterized yet\n        ) {\n          navigationSpan?.updateName(parameterizedNavRoute);\n          navigationSpan?.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 &&\n            consoleSandbox(() => {\n              // eslint-disable-next-line no-console\n              console.warn('Unable to instrument React Router: router not found after hydration.');\n            });\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,17 +1,31 @@
 import { init as init$1 } from '@sentry/browser';
-import { applySdkMetadata, setTag } from '@sentry/core';
+import { consoleSandbox, applySdkMetadata, setTag } from '@sentry/core';
+
+const BROWSER_TRACING_INTEGRATION_ID = 'BrowserTracing';
 
 /**
  * Initializes the client side of the React Router SDK.
  */
 function init(options) {
-  const opts = {
-    ...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,
+    );
+
+    if (hasBrowserTracing) {
+      consoleSandbox(() => {
+        // eslint-disable-next-line no-console
+        console.warn(
+          'browserTracingIntegration is not fully compatible with @sentry/react-router. Please use reactRouterTracingIntegration instead.',
+        );
+      });
+    }
+  }
 
-  applySdkMetadata(opts, 'react-router', ['react-router', 'browser']);
+  applySdkMetadata(options, 'react-router', ['react-router', 'browser']);
 
-  const client = init$1(opts);
+  const client = init$1(options);
 
   setTag('runtime', 'browser');
 

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, setTag } from '@sentry/core';\n\n/**\n * Initializes the client side of the React Router SDK.\n */\nexport function init(options: BrowserOptions): Client | undefined {\n  const opts = {\n    ...options,\n  };\n\n  applySdkMetadata(opts, 'react-router', ['react-router', 'browser']);\n\n  const client = browserInit(opts);\n\n  setTag('runtime', 'browser');\n\n  return client;\n}\n"],"names":["browserInit"],"mappings":";;;AAKA;AACA;AACA;AACO,SAAS,IAAI,CAAC,OAAO,EAAsC;AAClE,EAAE,MAAM,OAAO;AACf,IAAI,GAAG,OAAO;AACd,GAAG;;AAEH,EAAE,gBAAgB,CAAC,IAAI,EAAE,cAAc,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;;AAErE,EAAE,MAAM,MAAO,GAAEA,MAAW,CAAC,IAAI,CAAC;;AAElC,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,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,iBAAkB,GAAE,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,OAAO,CAAC;AACR;AACA;;AAEA,EAAE,gBAAgB,CAAC,OAAO,EAAE,cAAc,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;;AAExE,EAAE,MAAM,MAAO,GAAEA,MAAW,CAAC,OAAO,CAAC;;AAErC,EAAE,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC;;AAE9B,EAAE,OAAO,MAAM;AACf;;;;"}

package/build/esm/client/tracingIntegration.js

@@ -0,0 +1,25 @@
+import { browserTracingIntegration } from '@sentry/browser';
+import { instrumentHydratedRouter } from './hydratedRouter.js';
+
+/**
+ * Browser tracing integration for React Router (Framework) applications.
+ * This integration will create navigation spans and enhance transactions names with parameterized routes.
+ */
+function reactRouterTracingIntegration() {
+  const browserTracingIntegrationInstance = browserTracingIntegration({
+    // Navigation transactions are started within the hydrated router instrumentation
+    instrumentNavigation: false,
+  });
+
+  return {
+    ...browserTracingIntegrationInstance,
+    name: 'ReactRouterTracingIntegration',
+    afterAllSetup(client) {
+      browserTracingIntegrationInstance.afterAllSetup(client);
+      instrumentHydratedRouter();
+    },
+  };
+}
+
+export { reactRouterTracingIntegration };
+//# sourceMappingURL=tracingIntegration.js.map

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

@@ -0,0 +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 { instrumentHydratedRouter } from './hydratedRouter';\n\n/**\n * Browser tracing integration for React Router (Framework) applications.\n * This integration will create navigation spans and enhance transactions names with parameterized routes.\n */\nexport function reactRouterTracingIntegration(): Integration {\n  const browserTracingIntegrationInstance = originalBrowserTracingIntegration({\n    // Navigation transactions are started within the hydrated router instrumentation\n    instrumentNavigation: false,\n  });\n\n  return {\n    ...browserTracingIntegrationInstance,\n    name: 'ReactRouterTracingIntegration',\n    afterAllSetup(client) {\n      browserTracingIntegrationInstance.afterAllSetup(client);\n      instrumentHydratedRouter();\n    },\n  };\n}\n"],"names":["originalBrowserTracingIntegration"],"mappings":";;;AAIA;AACA;AACA;AACA;AACO,SAAS,6BAA6B,GAAgB;AAC7D,EAAE,MAAM,iCAAA,GAAoCA,yBAAiC,CAAC;AAC9E;AACA,IAAI,oBAAoB,EAAE,KAAK;AAC/B,GAAG,CAAC;;AAEJ,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,KAAK;AACL,GAAG;AACH;;;;"}

package/build/esm/index.client.js

@@ -1,3 +1,4 @@
 export * from '@sentry/browser';
 export { init } from './client/sdk.js';
+export { reactRouterTracingIntegration } from './client/tracingIntegration.js';
 //# sourceMappingURL=index.client.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.client.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.client.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/build/esm/index.server.js

@@ -4,4 +4,5 @@ export { getMetaTagTransformer, sentryHandleRequest, wrapSentryHandleRequest } f
 export { createSentryHandleRequest } from './server/createSentryHandleRequest.js';
 export { sentryReactRouter } from './vite/plugin.js';
 export { sentryOnBuildEnd } from './vite/buildEnd/handleOnBuildEnd.js';
+export { makeConfigInjectorPlugin } from './vite/makeConfigInjectorPlugin.js';
 //# sourceMappingURL=index.server.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.server.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"index.server.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/build/esm/package.json

@@ -1 +1 @@
-{"type":"module","version":"9.15.0"}
+{"type":"module","version":"9.16.0"}

package/build/esm/vite/makeConfigInjectorPlugin.js

@@ -0,0 +1,23 @@
+/**
+ * Creates a Vite plugin that injects the Sentry options into the global Vite config.
+ * This ensures the sentryConfig is available to other components that need access to it,
+ * like the buildEnd hook.
+ *
+ * @param options - Configuration options for the Sentry Vite plugin
+ * @returns A Vite plugin that injects sentryConfig into the global config
+ */
+function makeConfigInjectorPlugin(options) {
+  return {
+    name: 'sentry-react-router-config-injector',
+    enforce: 'pre',
+    config(config) {
+      return {
+        ...config,
+        sentryConfig: options,
+      };
+    },
+  };
+}
+
+export { makeConfigInjectorPlugin };
+//# sourceMappingURL=makeConfigInjectorPlugin.js.map

package/build/esm/vite/makeConfigInjectorPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeConfigInjectorPlugin.js","sources":["../../../src/vite/makeConfigInjectorPlugin.ts"],"sourcesContent":["import { type Plugin } from 'vite';\nimport type { SentryReactRouterBuildOptions } from './types';\n\n/**\n * Creates a Vite plugin that injects the Sentry options into the global Vite config.\n * This ensures the sentryConfig is available to other components that need access to it,\n * like the buildEnd hook.\n *\n * @param options - Configuration options for the Sentry Vite plugin\n * @returns A Vite plugin that injects sentryConfig into the global config\n */\nexport function makeConfigInjectorPlugin(options: SentryReactRouterBuildOptions): Plugin {\n  return {\n    name: 'sentry-react-router-config-injector',\n    enforce: 'pre',\n    config(config) {\n      return {\n        ...config,\n        sentryConfig: options,\n      };\n    },\n  };\n}\n"],"names":[],"mappings":"AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,wBAAwB,CAAC,OAAO,EAAyC;AACzF,EAAE,OAAO;AACT,IAAI,IAAI,EAAE,qCAAqC;AAC/C,IAAI,OAAO,EAAE,KAAK;AAClB,IAAI,MAAM,CAAC,MAAM,EAAE;AACnB,MAAM,OAAO;AACb,QAAQ,GAAG,MAAM;AACjB,QAAQ,YAAY,EAAE,OAAO;AAC7B,OAAO;AACP,KAAK;AACL,GAAG;AACH;;;;"}

package/build/esm/vite/plugin.js

@@ -1,3 +1,4 @@
+import { makeConfigInjectorPlugin } from './makeConfigInjectorPlugin.js';
 import { makeCustomSentryVitePlugins } from './makeCustomSentryVitePlugins.js';
 import { makeEnableSourceMapsPlugin } from './makeEnableSourceMapsPlugin.js';
 
@@ -14,6 +15,8 @@ async function sentryReactRouter(
 ) {
   const plugins = [];
 
+  plugins.push(makeConfigInjectorPlugin(options));
+
   if (process.env.NODE_ENV !== 'development' && config.command === 'build' && config.mode !== 'development') {
     plugins.push(makeEnableSourceMapsPlugin(options));
     plugins.push(...(await makeCustomSentryVitePlugins(options)));

package/build/esm/vite/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","sources":["../../../src/vite/plugin.ts"],"sourcesContent":["import type { ConfigEnv } from 'vite';\nimport { type Plugin } from 'vite';\nimport { makeCustomSentryVitePlugins } from './makeCustomSentryVitePlugins';\nimport { makeEnableSourceMapsPlugin } from './makeEnableSourceMapsPlugin';\nimport type { SentryReactRouterBuildOptions } from './types';\n\n/**\n * A Vite plugin for Sentry that handles source map uploads and bundle size optimizations.\n *\n * @param options - Configuration options for the Sentry Vite plugin\n * @param viteConfig - The Vite user config object\n * @returns An array of Vite plugins\n */\nexport async function sentryReactRouter(\n  options: SentryReactRouterBuildOptions = {},\n  config: ConfigEnv,\n): Promise<Plugin[]> {\n  const plugins: Plugin[] = [];\n\n  if (process.env.NODE_ENV !== 'development' && config.command === 'build' && config.mode !== 'development') {\n    plugins.push(makeEnableSourceMapsPlugin(options));\n    plugins.push(...(await makeCustomSentryVitePlugins(options)));\n  }\n\n  return plugins;\n}\n"],"names":[],"mappings":";;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,eAAe,iBAAiB;AACvC,EAAE,OAAO,GAAkC,EAAE;AAC7C,EAAE,MAAM;AACR,EAAqB;AACrB,EAAE,MAAM,OAAO,GAAa,EAAE;;AAE9B,EAAE,IAAI,OAAO,CAAC,GAAG,CAAC,QAAA,KAAa,aAAc,IAAG,MAAM,CAAC,OAAA,KAAY,OAAQ,IAAG,MAAM,CAAC,IAAA,KAAS,aAAa,EAAE;AAC7G,IAAI,OAAO,CAAC,IAAI,CAAC,0BAA0B,CAAC,OAAO,CAAC,CAAC;AACrD,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,MAAM,2BAA2B,CAAC,OAAO,CAAC,CAAC,CAAC;AACjE;;AAEA,EAAE,OAAO,OAAO;AAChB;;;;"}
+{"version":3,"file":"plugin.js","sources":["../../../src/vite/plugin.ts"],"sourcesContent":["import type { ConfigEnv } from 'vite';\nimport { type Plugin } from 'vite';\nimport { makeConfigInjectorPlugin } from './makeConfigInjectorPlugin';\nimport { makeCustomSentryVitePlugins } from './makeCustomSentryVitePlugins';\nimport { makeEnableSourceMapsPlugin } from './makeEnableSourceMapsPlugin';\nimport type { SentryReactRouterBuildOptions } from './types';\n\n/**\n * A Vite plugin for Sentry that handles source map uploads and bundle size optimizations.\n *\n * @param options - Configuration options for the Sentry Vite plugin\n * @param viteConfig - The Vite user config object\n * @returns An array of Vite plugins\n */\nexport async function sentryReactRouter(\n  options: SentryReactRouterBuildOptions = {},\n  config: ConfigEnv,\n): Promise<Plugin[]> {\n  const plugins: Plugin[] = [];\n\n  plugins.push(makeConfigInjectorPlugin(options));\n\n  if (process.env.NODE_ENV !== 'development' && config.command === 'build' && config.mode !== 'development') {\n    plugins.push(makeEnableSourceMapsPlugin(options));\n    plugins.push(...(await makeCustomSentryVitePlugins(options)));\n  }\n\n  return plugins;\n}\n"],"names":[],"mappings":";;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,eAAe,iBAAiB;AACvC,EAAE,OAAO,GAAkC,EAAE;AAC7C,EAAE,MAAM;AACR,EAAqB;AACrB,EAAE,MAAM,OAAO,GAAa,EAAE;;AAE9B,EAAE,OAAO,CAAC,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC;;AAEjD,EAAE,IAAI,OAAO,CAAC,GAAG,CAAC,QAAA,KAAa,aAAc,IAAG,MAAM,CAAC,OAAA,KAAY,OAAQ,IAAG,MAAM,CAAC,IAAA,KAAS,aAAa,EAAE;AAC7G,IAAI,OAAO,CAAC,IAAI,CAAC,0BAA0B,CAAC,OAAO,CAAC,CAAC;AACrD,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,MAAM,2BAA2B,CAAC,OAAO,CAAC,CAAC,CAAC;AACjE;;AAEA,EAAE,OAAO,OAAO;AAChB;;;;"}

package/build/types/client/hydratedRouter.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 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
+ */
+export declare function instrumentHydratedRouter(): void;
+//# sourceMappingURL=hydratedRouter.d.ts.map

package/build/types/client/hydratedRouter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hydratedRouter.d.ts","sourceRoot":"","sources":["../../../src/client/hydratedRouter.ts"],"names":[],"mappings":"AAsBA;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,IAAI,IAAI,CAsE/C"}

package/build/types/client/index.d.ts

@@ -1,3 +1,4 @@
 export * from '@sentry/browser';
 export { init } from './sdk';
+export { reactRouterTracingIntegration } from './tracingIntegration';
 //# sourceMappingURL=index.d.ts.map

package/build/types/client/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAEhC,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAEhC,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,EAAE,6BAA6B,EAAE,MAAM,sBAAsB,CAAC"}

package/build/types/client/sdk.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sdk.d.ts","sourceRoot":"","sources":["../../../src/client/sdk.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAG3C;;GAEG;AACH,wBAAgB,IAAI,CAAC,OAAO,EAAE,cAAc,GAAG,MAAM,GAAG,SAAS,CAYhE"}
+{"version":3,"file":"sdk.d.ts","sourceRoot":"","sources":["../../../src/client/sdk.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAK3C;;GAEG;AACH,wBAAgB,IAAI,CAAC,OAAO,EAAE,cAAc,GAAG,MAAM,GAAG,SAAS,CAwBhE"}

package/build/types/client/tracingIntegration.d.ts

@@ -0,0 +1,7 @@
+import type { Integration } from '@sentry/core';
+/**
+ * Browser tracing integration for React Router (Framework) applications.
+ * This integration will create navigation spans and enhance transactions names with parameterized routes.
+ */
+export declare function reactRouterTracingIntegration(): Integration;
+//# sourceMappingURL=tracingIntegration.d.ts.map

package/build/types/client/tracingIntegration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tracingIntegration.d.ts","sourceRoot":"","sources":["../../../src/client/tracingIntegration.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGhD;;;GAGG;AACH,wBAAgB,6BAA6B,IAAI,WAAW,CAc3D"}

package/build/types/vite/index.d.ts

@@ -1,4 +1,5 @@
 export { sentryReactRouter } from './plugin';
 export { sentryOnBuildEnd } from './buildEnd/handleOnBuildEnd';
 export type { SentryReactRouterBuildOptions } from './types';
+export { makeConfigInjectorPlugin } from './makeConfigInjectorPlugin';
 //# sourceMappingURL=index.d.ts.map

package/build/types/vite/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/vite/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,YAAY,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/vite/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,YAAY,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC;AAC7D,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC"}

package/build/types/vite/makeConfigInjectorPlugin.d.ts

@@ -0,0 +1,12 @@
+import { type Plugin } from 'vite';
+import type { SentryReactRouterBuildOptions } from './types';
+/**
+ * Creates a Vite plugin that injects the Sentry options into the global Vite config.
+ * This ensures the sentryConfig is available to other components that need access to it,
+ * like the buildEnd hook.
+ *
+ * @param options - Configuration options for the Sentry Vite plugin
+ * @returns A Vite plugin that injects sentryConfig into the global config
+ */
+export declare function makeConfigInjectorPlugin(options: SentryReactRouterBuildOptions): Plugin;
+//# sourceMappingURL=makeConfigInjectorPlugin.d.ts.map

package/build/types/vite/makeConfigInjectorPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeConfigInjectorPlugin.d.ts","sourceRoot":"","sources":["../../../src/vite/makeConfigInjectorPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC;AAE7D;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,6BAA6B,GAAG,MAAM,CAWvF"}

package/build/types/vite/plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../src/vite/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AACtC,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,MAAM,CAAC;AAGnC,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC;AAE7D;;;;;;GAMG;AACH,wBAAsB,iBAAiB,CACrC,OAAO,2CAAoC,EAC3C,MAAM,EAAE,SAAS,GAChB,OAAO,CAAC,MAAM,EAAE,CAAC,CASnB"}
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../src/vite/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AACtC,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,MAAM,CAAC;AAInC,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC;AAE7D;;;;;;GAMG;AACH,wBAAsB,iBAAiB,CACrC,OAAO,2CAAoC,EAC3C,MAAM,EAAE,SAAS,GAChB,OAAO,CAAC,MAAM,EAAE,CAAC,CAWnB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sentry/react-router",
-  "version": "9.15.0",
+  "version": "9.16.0",
   "description": "Official Sentry SDK for React Router (Framework)",
   "repository": "git://github.com/getsentry/sentry-javascript.git",
   "homepage": "https://github.com/getsentry/sentry-javascript/tree/master/packages/react-router",
@@ -37,10 +37,10 @@
     "@opentelemetry/api": "^1.9.0",
     "@opentelemetry/core": "^1.30.1",
     "@opentelemetry/semantic-conventions": "^1.30.0",
-    "@sentry/browser": "9.15.0",
+    "@sentry/browser": "9.16.0",
     "@sentry/cli": "^2.43.0",
-    "@sentry/core": "9.15.0",
-    "@sentry/node": "9.15.0",
+    "@sentry/core": "9.16.0",
+    "@sentry/node": "9.16.0",
     "@sentry/vite-plugin": "^3.2.4",
     "glob": "11.0.1"
   },