@sentry/react-router 9.25.1 → 9.27.0

package/build/cjs/index.client.js

@@ -3,11 +3,19 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const browser = require('@sentry/browser');
 const sdk = require('./client/sdk.js');
 const tracingIntegration = require('./client/tracingIntegration.js');
+const react = require('@sentry/react');
 
 
 
 exports.init = sdk.init;
 exports.reactRouterTracingIntegration = tracingIntegration.reactRouterTracingIntegration;
+exports.ErrorBoundary = react.ErrorBoundary;
+exports.Profiler = react.Profiler;
+exports.captureReactException = react.captureReactException;
+exports.reactErrorHandler = react.reactErrorHandler;
+exports.useProfiler = react.useProfiler;
+exports.withErrorBoundary = react.withErrorBoundary;
+exports.withProfiler = react.withProfiler;
 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

@@ -4,6 +4,8 @@ const node = require('@sentry/node');
 const sdk = require('./server/sdk.js');
 const wrapSentryHandleRequest = require('./server/wrapSentryHandleRequest.js');
 const createSentryHandleRequest = require('./server/createSentryHandleRequest.js');
+const wrapServerAction = require('./server/wrapServerAction.js');
+const wrapServerLoader = require('./server/wrapServerLoader.js');
 const plugin = require('./vite/plugin.js');
 const handleOnBuildEnd = require('./vite/buildEnd/handleOnBuildEnd.js');
 const makeConfigInjectorPlugin = require('./vite/makeConfigInjectorPlugin.js');
@@ -15,6 +17,8 @@ exports.getMetaTagTransformer = wrapSentryHandleRequest.getMetaTagTransformer;
 exports.sentryHandleRequest = wrapSentryHandleRequest.sentryHandleRequest;
 exports.wrapSentryHandleRequest = wrapSentryHandleRequest.wrapSentryHandleRequest;
 exports.createSentryHandleRequest = createSentryHandleRequest.createSentryHandleRequest;
+exports.wrapServerAction = wrapServerAction.wrapServerAction;
+exports.wrapServerLoader = wrapServerLoader.wrapServerLoader;
 exports.sentryReactRouter = plugin.sentryReactRouter;
 exports.sentryOnBuildEnd = handleOnBuildEnd.sentryOnBuildEnd;
 exports.makeConfigInjectorPlugin = makeConfigInjectorPlugin.makeConfigInjectorPlugin;

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/server/sdk.js

@@ -13,11 +13,16 @@ const reactRouterServer = require('./integration/reactRouterServer.js');
  * @param options The options for the SDK.
  */
 function getDefaultReactRouterServerIntegrations(options) {
-  return [
-    ...node.getDefaultIntegrations(options),
-    lowQualityTransactionsFilterIntegration.lowQualityTransactionsFilterIntegration(options),
-    reactRouterServer.reactRouterServerIntegration(),
-  ];
+  const integrations = [...node.getDefaultIntegrations(options), lowQualityTransactionsFilterIntegration.lowQualityTransactionsFilterIntegration(options)];
+
+  if (
+    (node.NODE_VERSION.major === 20 && node.NODE_VERSION.minor < 19) || // https://nodejs.org/en/blog/release/v20.19.0
+    (node.NODE_VERSION.major === 22 && node.NODE_VERSION.minor < 12) // https://nodejs.org/en/blog/release/v22.12.0
+  ) {
+    integrations.push(reactRouterServer.reactRouterServerIntegration());
+  }
+
+  return integrations;
 }
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"sdk.js","sources":["../../../src/server/sdk.ts"],"sourcesContent":["import { ATTR_HTTP_ROUTE } from '@opentelemetry/semantic-conventions';\nimport type { EventProcessor, Integration } from '@sentry/core';\nimport { applySdkMetadata, getGlobalScope, logger, setTag } from '@sentry/core';\nimport type { NodeClient, NodeOptions } from '@sentry/node';\nimport { getDefaultIntegrations as getNodeDefaultIntegrations, init as initNodeSdk } from '@sentry/node';\nimport { DEBUG_BUILD } from '../common/debug-build';\nimport { SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE } from './instrumentation/util';\nimport { lowQualityTransactionsFilterIntegration } from './integration/lowQualityTransactionsFilterIntegration';\nimport { reactRouterServerIntegration } from './integration/reactRouterServer';\n\n/**\n * Returns the default integrations for the React Router SDK.\n * @param options The options for the SDK.\n */\nexport function getDefaultReactRouterServerIntegrations(options: NodeOptions): Integration[] {\n  return [\n    ...getNodeDefaultIntegrations(options),\n    lowQualityTransactionsFilterIntegration(options),\n    reactRouterServerIntegration(),\n  ];\n}\n\n/**\n * Initializes the server side of the React Router SDK\n */\nexport function init(options: NodeOptions): NodeClient | undefined {\n  const opts: NodeOptions = {\n    ...options,\n    defaultIntegrations: getDefaultReactRouterServerIntegrations(options),\n  };\n\n  DEBUG_BUILD && logger.log('Initializing SDK...');\n\n  applySdkMetadata(opts, 'react-router', ['react-router', 'node']);\n\n  const client = initNodeSdk(opts);\n\n  setTag('runtime', 'node');\n\n  // Overwrite the transaction name for instrumented data loaders because the trace data gets overwritten at a later point.\n  // We only update the tx in case SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE got set in our instrumentation before.\n  getGlobalScope().addEventProcessor(\n    Object.assign(\n      (event => {\n        const overwrite = event.contexts?.trace?.data?.[SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE];\n        if (\n          event.type === 'transaction' &&\n          (event.transaction === 'GET *' || event.transaction === 'POST *') &&\n          event.contexts?.trace?.data?.[ATTR_HTTP_ROUTE] === '*' &&\n          overwrite\n        ) {\n          event.transaction = overwrite;\n          event.contexts.trace.data[ATTR_HTTP_ROUTE] = 'url';\n        }\n\n        // always yeet this attribute into the void, as this should not reach the server\n        delete event.contexts?.trace?.data?.[SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE];\n\n        return event;\n      }) satisfies EventProcessor,\n      { id: 'ReactRouterTransactionEnhancer' },\n    ),\n  );\n\n  DEBUG_BUILD && logger.log('SDK successfully initialized');\n\n  return client;\n}\n"],"names":["getNodeDefaultIntegrations","lowQualityTransactionsFilterIntegration","reactRouterServerIntegration","DEBUG_BUILD","logger","applySdkMetadata","initNodeSdk","setTag","getGlobalScope","SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE","ATTR_HTTP_ROUTE"],"mappings":";;;;;;;;;;AAUA;AACA;AACA;AACA;AACO,SAAS,uCAAuC,CAAC,OAAO,EAA8B;AAC7F,EAAE,OAAO;AACT,IAAI,GAAGA,2BAA0B,CAAC,OAAO,CAAC;AAC1C,IAAIC,+EAAuC,CAAC,OAAO,CAAC;AACpD,IAAIC,8CAA4B,EAAE;AAClC,GAAG;AACH;;AAEA;AACA;AACA;AACO,SAAS,IAAI,CAAC,OAAO,EAAuC;AACnE,EAAE,MAAM,IAAI,GAAgB;AAC5B,IAAI,GAAG,OAAO;AACd,IAAI,mBAAmB,EAAE,uCAAuC,CAAC,OAAO,CAAC;AACzE,GAAG;;AAEH,EAAEC,0BAAeC,WAAM,CAAC,GAAG,CAAC,qBAAqB,CAAC;;AAElD,EAAEC,qBAAgB,CAAC,IAAI,EAAE,cAAc,EAAE,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;;AAElE,EAAE,MAAM,MAAO,GAAEC,SAAW,CAAC,IAAI,CAAC;;AAElC,EAAEC,WAAM,CAAC,SAAS,EAAE,MAAM,CAAC;;AAE3B;AACA;AACA,EAAEC,mBAAc,EAAE,CAAC,iBAAiB;AACpC,IAAI,MAAM,CAAC,MAAM;AACjB,OAAO,SAAS;AAChB,QAAQ,MAAM,SAAA,GAAY,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,GAAGC,wCAAmC,CAAC;AAC5F,QAAQ;AACR,UAAU,KAAK,CAAC,IAAK,KAAI,aAAc;AACvC,WAAW,KAAK,CAAC,WAAA,KAAgB,OAAA,IAAW,KAAK,CAAC,WAAA,KAAgB,QAAQ,CAAE;AAC5E,UAAU,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,GAAGC,mCAAe,CAAE,KAAI,GAAI;AACjE,UAAU;AACV,UAAU;AACV,UAAU,KAAK,CAAC,WAAY,GAAE,SAAS;AACvC,UAAU,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAACA,mCAAe,CAAE,GAAE,KAAK;AAC5D;;AAEA;AACA,QAAQ,OAAO,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,GAAGD,wCAAmC,CAAC;;AAEjF,QAAQ,OAAO,KAAK;AACpB,OAAO;AACP,MAAM,EAAE,EAAE,EAAE,gCAAA,EAAkC;AAC9C,KAAK;AACL,GAAG;;AAEH,EAAEN,0BAAeC,WAAM,CAAC,GAAG,CAAC,8BAA8B,CAAC;;AAE3D,EAAE,OAAO,MAAM;AACf;;;;;"}
+{"version":3,"file":"sdk.js","sources":["../../../src/server/sdk.ts"],"sourcesContent":["import { ATTR_HTTP_ROUTE } from '@opentelemetry/semantic-conventions';\nimport type { EventProcessor, Integration } from '@sentry/core';\nimport { applySdkMetadata, getGlobalScope, logger, setTag } from '@sentry/core';\nimport type { NodeClient, NodeOptions } from '@sentry/node';\nimport { getDefaultIntegrations as getNodeDefaultIntegrations, init as initNodeSdk, NODE_VERSION } from '@sentry/node';\nimport { DEBUG_BUILD } from '../common/debug-build';\nimport { SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE } from './instrumentation/util';\nimport { lowQualityTransactionsFilterIntegration } from './integration/lowQualityTransactionsFilterIntegration';\nimport { reactRouterServerIntegration } from './integration/reactRouterServer';\n\n/**\n * Returns the default integrations for the React Router SDK.\n * @param options The options for the SDK.\n */\nexport function getDefaultReactRouterServerIntegrations(options: NodeOptions): Integration[] {\n  const integrations = [...getNodeDefaultIntegrations(options), lowQualityTransactionsFilterIntegration(options)];\n\n  if (\n    (NODE_VERSION.major === 20 && NODE_VERSION.minor < 19) || // https://nodejs.org/en/blog/release/v20.19.0\n    (NODE_VERSION.major === 22 && NODE_VERSION.minor < 12) // https://nodejs.org/en/blog/release/v22.12.0\n  ) {\n    integrations.push(reactRouterServerIntegration());\n  }\n\n  return integrations;\n}\n\n/**\n * Initializes the server side of the React Router SDK\n */\nexport function init(options: NodeOptions): NodeClient | undefined {\n  const opts: NodeOptions = {\n    ...options,\n    defaultIntegrations: getDefaultReactRouterServerIntegrations(options),\n  };\n\n  DEBUG_BUILD && logger.log('Initializing SDK...');\n\n  applySdkMetadata(opts, 'react-router', ['react-router', 'node']);\n\n  const client = initNodeSdk(opts);\n\n  setTag('runtime', 'node');\n\n  // Overwrite the transaction name for instrumented data loaders because the trace data gets overwritten at a later point.\n  // We only update the tx in case SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE got set in our instrumentation before.\n  getGlobalScope().addEventProcessor(\n    Object.assign(\n      (event => {\n        const overwrite = event.contexts?.trace?.data?.[SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE];\n        if (\n          event.type === 'transaction' &&\n          (event.transaction === 'GET *' || event.transaction === 'POST *') &&\n          event.contexts?.trace?.data?.[ATTR_HTTP_ROUTE] === '*' &&\n          overwrite\n        ) {\n          event.transaction = overwrite;\n          event.contexts.trace.data[ATTR_HTTP_ROUTE] = 'url';\n        }\n\n        // always yeet this attribute into the void, as this should not reach the server\n        delete event.contexts?.trace?.data?.[SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE];\n\n        return event;\n      }) satisfies EventProcessor,\n      { id: 'ReactRouterTransactionEnhancer' },\n    ),\n  );\n\n  DEBUG_BUILD && logger.log('SDK successfully initialized');\n\n  return client;\n}\n"],"names":["getNodeDefaultIntegrations","lowQualityTransactionsFilterIntegration","NODE_VERSION","reactRouterServerIntegration","DEBUG_BUILD","logger","applySdkMetadata","initNodeSdk","setTag","getGlobalScope","SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE","ATTR_HTTP_ROUTE"],"mappings":";;;;;;;;;;AAUA;AACA;AACA;AACA;AACO,SAAS,uCAAuC,CAAC,OAAO,EAA8B;AAC7F,EAAE,MAAM,YAAA,GAAe,CAAC,GAAGA,2BAA0B,CAAC,OAAO,CAAC,EAAEC,+EAAuC,CAAC,OAAO,CAAC,CAAC;;AAEjH,EAAE;AACF,IAAI,CAACC,iBAAY,CAAC,KAAA,KAAU,EAAA,IAAMA,iBAAY,CAAC,KAAA,GAAQ,EAAE;AACzD,KAAKA,iBAAY,CAAC,KAAM,KAAI,EAAG,IAAGA,iBAAY,CAAC,KAAM,GAAE,EAAE,CAAA;AACzD,IAAI;AACJ,IAAI,YAAY,CAAC,IAAI,CAACC,8CAA4B,EAAE,CAAC;AACrD;;AAEA,EAAE,OAAO,YAAY;AACrB;;AAEA;AACA;AACA;AACO,SAAS,IAAI,CAAC,OAAO,EAAuC;AACnE,EAAE,MAAM,IAAI,GAAgB;AAC5B,IAAI,GAAG,OAAO;AACd,IAAI,mBAAmB,EAAE,uCAAuC,CAAC,OAAO,CAAC;AACzE,GAAG;;AAEH,EAAEC,0BAAeC,WAAM,CAAC,GAAG,CAAC,qBAAqB,CAAC;;AAElD,EAAEC,qBAAgB,CAAC,IAAI,EAAE,cAAc,EAAE,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;;AAElE,EAAE,MAAM,MAAO,GAAEC,SAAW,CAAC,IAAI,CAAC;;AAElC,EAAEC,WAAM,CAAC,SAAS,EAAE,MAAM,CAAC;;AAE3B;AACA;AACA,EAAEC,mBAAc,EAAE,CAAC,iBAAiB;AACpC,IAAI,MAAM,CAAC,MAAM;AACjB,OAAO,SAAS;AAChB,QAAQ,MAAM,SAAA,GAAY,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,GAAGC,wCAAmC,CAAC;AAC5F,QAAQ;AACR,UAAU,KAAK,CAAC,IAAK,KAAI,aAAc;AACvC,WAAW,KAAK,CAAC,WAAA,KAAgB,OAAA,IAAW,KAAK,CAAC,WAAA,KAAgB,QAAQ,CAAE;AAC5E,UAAU,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,GAAGC,mCAAe,CAAE,KAAI,GAAI;AACjE,UAAU;AACV,UAAU;AACV,UAAU,KAAK,CAAC,WAAY,GAAE,SAAS;AACvC,UAAU,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAACA,mCAAe,CAAE,GAAE,KAAK;AAC5D;;AAEA;AACA,QAAQ,OAAO,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,GAAGD,wCAAmC,CAAC;;AAEjF,QAAQ,OAAO,KAAK;AACpB,OAAO;AACP,MAAM,EAAE,EAAE,EAAE,gCAAA,EAAkC;AAC9C,KAAK;AACL,GAAG;;AAEH,EAAEN,0BAAeC,WAAM,CAAC,GAAG,CAAC,8BAA8B,CAAC;;AAE3D,EAAE,OAAO,MAAM;AACf;;;;;"}

package/build/cjs/server/wrapServerAction.js

@@ -0,0 +1,59 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const core = require('@sentry/core');
+const util = require('./instrumentation/util.js');
+
+/**
+ * Wraps a React Router server action function with Sentry performance monitoring.
+ * @param options - Optional span configuration options including name, operation, description and attributes
+ * @param actionFn - The server action function to wrap
+ *
+ * @example
+ * ```ts
+ * // Wrap an action function with custom span options
+ * export const action = wrapServerAction(
+ *   {
+ *     name: 'Submit Form Data',
+ *     description: 'Processes form submission data',
+ *   },
+ *   async ({ request }) => {
+ *     // ... your action logic
+ *   }
+ * );
+ * ```
+ */
+function wrapServerAction(options = {}, actionFn) {
+  return async function (args) {
+    const name = options.name || 'Executing Server Action';
+    const active = core.getActiveSpan();
+    if (active) {
+      const root = core.getRootSpan(active);
+      // coming from auto.http.otel.http
+      if (core.spanToJSON(root).description === 'POST') {
+        const url = core.parseStringToURLObject(args.request.url);
+        if (url?.pathname) {
+          root.setAttributes({
+            [core.SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: 'url',
+            [util.SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE]: `${args.request.method} ${url.pathname}`,
+          });
+        }
+      }
+    }
+
+    return core.startSpan(
+      {
+        name,
+        ...options,
+        attributes: {
+          [core.SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.http.react-router',
+          [core.SEMANTIC_ATTRIBUTE_SENTRY_OP]: 'function.react-router.action',
+          ...options.attributes,
+        },
+      },
+      () => actionFn(args),
+    );
+  };
+}
+
+exports.wrapServerAction = wrapServerAction;
+//# sourceMappingURL=wrapServerAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wrapServerAction.js","sources":["../../../src/server/wrapServerAction.ts"],"sourcesContent":["import type { SpanAttributes } from '@sentry/core';\nimport {\n  getActiveSpan,\n  getRootSpan,\n  parseStringToURLObject,\n  SEMANTIC_ATTRIBUTE_SENTRY_OP,\n  SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN,\n  SEMANTIC_ATTRIBUTE_SENTRY_SOURCE,\n  spanToJSON,\n  startSpan,\n} from '@sentry/core';\nimport type { ActionFunctionArgs } from 'react-router';\nimport { SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE } from './instrumentation/util';\n\ntype SpanOptions = {\n  name?: string;\n  attributes?: SpanAttributes;\n};\n\n/**\n * Wraps a React Router server action function with Sentry performance monitoring.\n * @param options - Optional span configuration options including name, operation, description and attributes\n * @param actionFn - The server action function to wrap\n *\n * @example\n * ```ts\n * // Wrap an action function with custom span options\n * export const action = wrapServerAction(\n *   {\n *     name: 'Submit Form Data',\n *     description: 'Processes form submission data',\n *   },\n *   async ({ request }) => {\n *     // ... your action logic\n *   }\n * );\n * ```\n */\nexport function wrapServerAction<T>(options: SpanOptions = {}, actionFn: (args: ActionFunctionArgs) => Promise<T>) {\n  return async function (args: ActionFunctionArgs) {\n    const name = options.name || 'Executing Server Action';\n    const active = getActiveSpan();\n    if (active) {\n      const root = getRootSpan(active);\n      // coming from auto.http.otel.http\n      if (spanToJSON(root).description === 'POST') {\n        const url = parseStringToURLObject(args.request.url);\n        if (url?.pathname) {\n          root.setAttributes({\n            [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: 'url',\n            [SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE]: `${args.request.method} ${url.pathname}`,\n          });\n        }\n      }\n    }\n\n    return startSpan(\n      {\n        name,\n        ...options,\n        attributes: {\n          [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.http.react-router',\n          [SEMANTIC_ATTRIBUTE_SENTRY_OP]: 'function.react-router.action',\n          ...options.attributes,\n        },\n      },\n      () => actionFn(args),\n    );\n  };\n}\n"],"names":["getActiveSpan","getRootSpan","spanToJSON","parseStringToURLObject","SEMANTIC_ATTRIBUTE_SENTRY_SOURCE","SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE","startSpan","SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN","SEMANTIC_ATTRIBUTE_SENTRY_OP"],"mappings":";;;;;AAmBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,gBAAgB,CAAI,OAAO,GAAgB,EAAE,EAAE,QAAQ,EAA4C;AACnH,EAAE,OAAO,gBAAgB,IAAI,EAAsB;AACnD,IAAI,MAAM,IAAK,GAAE,OAAO,CAAC,IAAA,IAAQ,yBAAyB;AAC1D,IAAI,MAAM,MAAA,GAASA,kBAAa,EAAE;AAClC,IAAI,IAAI,MAAM,EAAE;AAChB,MAAM,MAAM,IAAK,GAAEC,gBAAW,CAAC,MAAM,CAAC;AACtC;AACA,MAAM,IAAIC,eAAU,CAAC,IAAI,CAAC,CAAC,WAAA,KAAgB,MAAM,EAAE;AACnD,QAAQ,MAAM,GAAI,GAAEC,2BAAsB,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;AAC5D,QAAQ,IAAI,GAAG,EAAE,QAAQ,EAAE;AAC3B,UAAU,IAAI,CAAC,aAAa,CAAC;AAC7B,YAAY,CAACC,qCAAgC,GAAG,KAAK;AACrD,YAAY,CAACC,wCAAmC,GAAG,CAAC,EAAA,IAAA,CAAA,OAAA,CAAA,MAAA,CAAA,CAAA,EAAA,GAAA,CAAA,QAAA,CAAA,CAAA;AACA,WAAA,CAAA;AACA;AACA;AACA;;AAEA,IAAA,OAAAC,cAAA;AACA,MAAA;AACA,QAAA,IAAA;AACA,QAAA,GAAA,OAAA;AACA,QAAA,UAAA,EAAA;AACA,UAAA,CAAAC,qCAAA,GAAA,wBAAA;AACA,UAAA,CAAAC,iCAAA,GAAA,8BAAA;AACA,UAAA,GAAA,OAAA,CAAA,UAAA;AACA,SAAA;AACA,OAAA;AACA,MAAA,MAAA,QAAA,CAAA,IAAA,CAAA;AACA,KAAA;AACA,GAAA;AACA;;;;"}

package/build/cjs/server/wrapServerLoader.js

@@ -0,0 +1,59 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const core = require('@sentry/core');
+const util = require('./instrumentation/util.js');
+
+/**
+ * Wraps a React Router server loader function with Sentry performance monitoring.
+ * @param options - Optional span configuration options including name, operation, description and attributes
+ * @param loaderFn - The server loader function to wrap
+ *
+ * @example
+ * ```ts
+ * // Wrap a loader function with custom span options
+ * export const loader = wrapServerLoader(
+ *   {
+ *     name: 'Load Some Data',
+ *     description: 'Loads some data from the db',
+ *   },
+ *   async ({ params }) => {
+ *     // ... your loader logic
+ *   }
+ * );
+ * ```
+ */
+function wrapServerLoader(options = {}, loaderFn) {
+  return async function (args) {
+    const name = options.name || 'Executing Server Loader';
+    const active = core.getActiveSpan();
+    if (active) {
+      const root = core.getRootSpan(active);
+      // coming from auto.http.otel.http
+      if (core.spanToJSON(root).description === 'GET') {
+        const url = core.parseStringToURLObject(args.request.url);
+
+        if (url?.pathname) {
+          root.setAttributes({
+            [core.SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: 'url',
+            [util.SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE]: `${args.request.method} ${url.pathname}`,
+          });
+        }
+      }
+    }
+    return core.startSpan(
+      {
+        name,
+        ...options,
+        attributes: {
+          [core.SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.http.react-router',
+          [core.SEMANTIC_ATTRIBUTE_SENTRY_OP]: 'function.react-router.loader',
+          ...options.attributes,
+        },
+      },
+      () => loaderFn(args),
+    );
+  };
+}
+
+exports.wrapServerLoader = wrapServerLoader;
+//# sourceMappingURL=wrapServerLoader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wrapServerLoader.js","sources":["../../../src/server/wrapServerLoader.ts"],"sourcesContent":["import type { SpanAttributes } from '@sentry/core';\nimport {\n  getActiveSpan,\n  getRootSpan,\n  parseStringToURLObject,\n  SEMANTIC_ATTRIBUTE_SENTRY_OP,\n  SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN,\n  SEMANTIC_ATTRIBUTE_SENTRY_SOURCE,\n  spanToJSON,\n  startSpan,\n} from '@sentry/core';\nimport type { LoaderFunctionArgs } from 'react-router';\nimport { SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE } from './instrumentation/util';\n\ntype SpanOptions = {\n  name?: string;\n  attributes?: SpanAttributes;\n};\n\n/**\n * Wraps a React Router server loader function with Sentry performance monitoring.\n * @param options - Optional span configuration options including name, operation, description and attributes\n * @param loaderFn - The server loader function to wrap\n *\n * @example\n * ```ts\n * // Wrap a loader function with custom span options\n * export const loader = wrapServerLoader(\n *   {\n *     name: 'Load Some Data',\n *     description: 'Loads some data from the db',\n *   },\n *   async ({ params }) => {\n *     // ... your loader logic\n *   }\n * );\n * ```\n */\nexport function wrapServerLoader<T>(options: SpanOptions = {}, loaderFn: (args: LoaderFunctionArgs) => Promise<T>) {\n  return async function (args: LoaderFunctionArgs) {\n    const name = options.name || 'Executing Server Loader';\n    const active = getActiveSpan();\n    if (active) {\n      const root = getRootSpan(active);\n      // coming from auto.http.otel.http\n      if (spanToJSON(root).description === 'GET') {\n        const url = parseStringToURLObject(args.request.url);\n\n        if (url?.pathname) {\n          root.setAttributes({\n            [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: 'url',\n            [SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE]: `${args.request.method} ${url.pathname}`,\n          });\n        }\n      }\n    }\n    return startSpan(\n      {\n        name,\n        ...options,\n        attributes: {\n          [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.http.react-router',\n          [SEMANTIC_ATTRIBUTE_SENTRY_OP]: 'function.react-router.loader',\n          ...options.attributes,\n        },\n      },\n      () => loaderFn(args),\n    );\n  };\n}\n"],"names":["getActiveSpan","getRootSpan","spanToJSON","parseStringToURLObject","SEMANTIC_ATTRIBUTE_SENTRY_SOURCE","SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE","startSpan","SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN","SEMANTIC_ATTRIBUTE_SENTRY_OP"],"mappings":";;;;;AAmBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,gBAAgB,CAAI,OAAO,GAAgB,EAAE,EAAE,QAAQ,EAA4C;AACnH,EAAE,OAAO,gBAAgB,IAAI,EAAsB;AACnD,IAAI,MAAM,IAAK,GAAE,OAAO,CAAC,IAAA,IAAQ,yBAAyB;AAC1D,IAAI,MAAM,MAAA,GAASA,kBAAa,EAAE;AAClC,IAAI,IAAI,MAAM,EAAE;AAChB,MAAM,MAAM,IAAK,GAAEC,gBAAW,CAAC,MAAM,CAAC;AACtC;AACA,MAAM,IAAIC,eAAU,CAAC,IAAI,CAAC,CAAC,WAAA,KAAgB,KAAK,EAAE;AAClD,QAAQ,MAAM,GAAI,GAAEC,2BAAsB,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;;AAE5D,QAAQ,IAAI,GAAG,EAAE,QAAQ,EAAE;AAC3B,UAAU,IAAI,CAAC,aAAa,CAAC;AAC7B,YAAY,CAACC,qCAAgC,GAAG,KAAK;AACrD,YAAY,CAACC,wCAAmC,GAAG,CAAC,EAAA,IAAA,CAAA,OAAA,CAAA,MAAA,CAAA,CAAA,EAAA,GAAA,CAAA,QAAA,CAAA,CAAA;AACA,WAAA,CAAA;AACA;AACA;AACA;AACA,IAAA,OAAAC,cAAA;AACA,MAAA;AACA,QAAA,IAAA;AACA,QAAA,GAAA,OAAA;AACA,QAAA,UAAA,EAAA;AACA,UAAA,CAAAC,qCAAA,GAAA,wBAAA;AACA,UAAA,CAAAC,iCAAA,GAAA,8BAAA;AACA,UAAA,GAAA,OAAA,CAAA,UAAA;AACA,SAAA;AACA,OAAA;AACA,MAAA,MAAA,QAAA,CAAA,IAAA,CAAA;AACA,KAAA;AACA,GAAA;AACA;;;;"}

package/build/cjs/vite/makeCustomSentryVitePlugins.js

@@ -14,6 +14,7 @@ async function makeCustomSentryVitePlugins(options) {
     org,
     project,
     telemetry,
+    reactComponentAnnotation,
     release,
   } = options;
 
@@ -30,6 +31,11 @@ async function makeCustomSentryVitePlugins(options) {
       },
       ...unstable_sentryVitePluginOptions?._metaOptions,
     },
+    reactComponentAnnotation: {
+      enabled: reactComponentAnnotation?.enabled ?? undefined,
+      ignoredComponents: reactComponentAnnotation?.ignoredComponents ?? undefined,
+      ...unstable_sentryVitePluginOptions?.reactComponentAnnotation,
+    },
     release: {
       ...unstable_sentryVitePluginOptions?.release,
       ...release,
@@ -45,7 +51,13 @@ async function makeCustomSentryVitePlugins(options) {
   // only use a subset of the plugins as all upload and file deletion tasks will be handled in the buildEnd hook
   return [
     ...sentryVitePlugins.filter(plugin => {
-      return ['sentry-telemetry-plugin', 'sentry-vite-release-injection-plugin'].includes(plugin.name);
+      return [
+        'sentry-telemetry-plugin',
+        'sentry-vite-release-injection-plugin',
+        ...(reactComponentAnnotation?.enabled || unstable_sentryVitePluginOptions?.reactComponentAnnotation?.enabled
+          ? ['sentry-vite-component-name-annotate-plugin']
+          : []),
+      ].includes(plugin.name);
     }),
   ];
 }

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

@@ -1 +1 @@
-{"version":3,"file":"makeCustomSentryVitePlugins.js","sources":["../../../src/vite/makeCustomSentryVitePlugins.ts"],"sourcesContent":["import { sentryVitePlugin } from '@sentry/vite-plugin';\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    authToken,\n    org,\n    project,\n    telemetry,\n    release,\n  } = options;\n\n  const sentryVitePlugins = sentryVitePlugin({\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    _metaOptions: {\n      telemetry: {\n        metaFramework: 'react-router',\n      },\n      ...unstable_sentryVitePluginOptions?._metaOptions,\n    },\n    release: {\n      ...unstable_sentryVitePluginOptions?.release,\n      ...release,\n    },\n    // will be handled in buildEnd hook\n    sourcemaps: {\n      disable: true,\n      ...unstable_sentryVitePluginOptions?.sourcemaps,\n    },\n    ...unstable_sentryVitePluginOptions,\n  }) as Plugin[];\n\n  // only use a subset of the plugins as all upload and file deletion tasks will be handled in the buildEnd hook\n  return [\n    ...sentryVitePlugins.filter(plugin => {\n      return ['sentry-telemetry-plugin', 'sentry-vite-release-injection-plugin'].includes(plugin.name);\n    }),\n  ];\n}\n"],"names":["sentryVitePlugin"],"mappings":";;;;AAIA;AACA;AACA;AACO,eAAe,2BAA2B,CAAC,OAAO,EAAoD;AAC7G,EAAE,MAAM;AACR,IAAI,KAAK;AACT,IAAI,gCAAgC;AACpC,IAAI,uBAAuB;AAC3B,IAAI,SAAS;AACb,IAAI,GAAG;AACP,IAAI,OAAO;AACX,IAAI,SAAS;AACb,IAAI,OAAO;AACX,GAAE,GAAI,OAAO;;AAEb,EAAE,MAAM,iBAAA,GAAoBA,2BAAgB,CAAC;AAC7C,IAAI,SAAS,EAAE,SAAU,IAAG,OAAO,CAAC,GAAG,CAAC,iBAAiB;AACzD,IAAI,uBAAuB;AAC3B,IAAI,KAAK,EAAE,KAAM,IAAG,KAAK;AACzB,IAAI,GAAG,EAAE,GAAI,IAAG,OAAO,CAAC,GAAG,CAAC,UAAU;AACtC,IAAI,OAAO,EAAE,OAAQ,IAAG,OAAO,CAAC,GAAG,CAAC,cAAc;AAClD,IAAI,SAAS,EAAE,SAAU,IAAG,IAAI;AAChC,IAAI,YAAY,EAAE;AAClB,MAAM,SAAS,EAAE;AACjB,QAAQ,aAAa,EAAE,cAAc;AACrC,OAAO;AACP,MAAM,GAAG,gCAAgC,EAAE,YAAY;AACvD,KAAK;AACL,IAAI,OAAO,EAAE;AACb,MAAM,GAAG,gCAAgC,EAAE,OAAO;AAClD,MAAM,GAAG,OAAO;AAChB,KAAK;AACL;AACA,IAAI,UAAU,EAAE;AAChB,MAAM,OAAO,EAAE,IAAI;AACnB,MAAM,GAAG,gCAAgC,EAAE,UAAU;AACrD,KAAK;AACL,IAAI,GAAG,gCAAgC;AACvC,GAAG,CAAE;;AAEL;AACA,EAAE,OAAO;AACT,IAAI,GAAG,iBAAiB,CAAC,MAAM,CAAC,UAAU;AAC1C,MAAM,OAAO,CAAC,yBAAyB,EAAE,sCAAsC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC;AACtG,KAAK,CAAC;AACN,GAAG;AACH;;;;"}
+{"version":3,"file":"makeCustomSentryVitePlugins.js","sources":["../../../src/vite/makeCustomSentryVitePlugins.ts"],"sourcesContent":["import { sentryVitePlugin } from '@sentry/vite-plugin';\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    authToken,\n    org,\n    project,\n    telemetry,\n    reactComponentAnnotation,\n    release,\n  } = options;\n\n  const sentryVitePlugins = sentryVitePlugin({\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    _metaOptions: {\n      telemetry: {\n        metaFramework: 'react-router',\n      },\n      ...unstable_sentryVitePluginOptions?._metaOptions,\n    },\n    reactComponentAnnotation: {\n      enabled: reactComponentAnnotation?.enabled ?? undefined,\n      ignoredComponents: reactComponentAnnotation?.ignoredComponents ?? undefined,\n      ...unstable_sentryVitePluginOptions?.reactComponentAnnotation,\n    },\n    release: {\n      ...unstable_sentryVitePluginOptions?.release,\n      ...release,\n    },\n    // will be handled in buildEnd hook\n    sourcemaps: {\n      disable: true,\n      ...unstable_sentryVitePluginOptions?.sourcemaps,\n    },\n    ...unstable_sentryVitePluginOptions,\n  }) as Plugin[];\n\n  // only use a subset of the plugins as all upload and file deletion tasks will be handled in the buildEnd hook\n  return [\n    ...sentryVitePlugins.filter(plugin => {\n      return [\n        'sentry-telemetry-plugin',\n        'sentry-vite-release-injection-plugin',\n        ...(reactComponentAnnotation?.enabled || unstable_sentryVitePluginOptions?.reactComponentAnnotation?.enabled\n          ? ['sentry-vite-component-name-annotate-plugin']\n          : []),\n      ].includes(plugin.name);\n    }),\n  ];\n}\n"],"names":["sentryVitePlugin"],"mappings":";;;;AAIA;AACA;AACA;AACO,eAAe,2BAA2B,CAAC,OAAO,EAAoD;AAC7G,EAAE,MAAM;AACR,IAAI,KAAK;AACT,IAAI,gCAAgC;AACpC,IAAI,uBAAuB;AAC3B,IAAI,SAAS;AACb,IAAI,GAAG;AACP,IAAI,OAAO;AACX,IAAI,SAAS;AACb,IAAI,wBAAwB;AAC5B,IAAI,OAAO;AACX,GAAE,GAAI,OAAO;;AAEb,EAAE,MAAM,iBAAA,GAAoBA,2BAAgB,CAAC;AAC7C,IAAI,SAAS,EAAE,SAAU,IAAG,OAAO,CAAC,GAAG,CAAC,iBAAiB;AACzD,IAAI,uBAAuB;AAC3B,IAAI,KAAK,EAAE,KAAM,IAAG,KAAK;AACzB,IAAI,GAAG,EAAE,GAAI,IAAG,OAAO,CAAC,GAAG,CAAC,UAAU;AACtC,IAAI,OAAO,EAAE,OAAQ,IAAG,OAAO,CAAC,GAAG,CAAC,cAAc;AAClD,IAAI,SAAS,EAAE,SAAU,IAAG,IAAI;AAChC,IAAI,YAAY,EAAE;AAClB,MAAM,SAAS,EAAE;AACjB,QAAQ,aAAa,EAAE,cAAc;AACrC,OAAO;AACP,MAAM,GAAG,gCAAgC,EAAE,YAAY;AACvD,KAAK;AACL,IAAI,wBAAwB,EAAE;AAC9B,MAAM,OAAO,EAAE,wBAAwB,EAAE,OAAA,IAAW,SAAS;AAC7D,MAAM,iBAAiB,EAAE,wBAAwB,EAAE,iBAAA,IAAqB,SAAS;AACjF,MAAM,GAAG,gCAAgC,EAAE,wBAAwB;AACnE,KAAK;AACL,IAAI,OAAO,EAAE;AACb,MAAM,GAAG,gCAAgC,EAAE,OAAO;AAClD,MAAM,GAAG,OAAO;AAChB,KAAK;AACL;AACA,IAAI,UAAU,EAAE;AAChB,MAAM,OAAO,EAAE,IAAI;AACnB,MAAM,GAAG,gCAAgC,EAAE,UAAU;AACrD,KAAK;AACL,IAAI,GAAG,gCAAgC;AACvC,GAAG,CAAE;;AAEL;AACA,EAAE,OAAO;AACT,IAAI,GAAG,iBAAiB,CAAC,MAAM,CAAC,UAAU;AAC1C,MAAM,OAAO;AACb,QAAQ,yBAAyB;AACjC,QAAQ,sCAAsC;AAC9C,QAAQ,IAAI,wBAAwB,EAAE,WAAW,gCAAgC,EAAE,wBAAwB,EAAE;AAC7G,YAAY,CAAC,4CAA4C;AACzD,YAAY,EAAE,CAAC;AACf,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC;AAC7B,KAAK,CAAC;AACN,GAAG;AACH;;;;"}

package/build/esm/index.client.js

@@ -1,4 +1,5 @@
 export * from '@sentry/browser';
 export { init } from './client/sdk.js';
 export { reactRouterTracingIntegration } from './client/tracingIntegration.js';
+export { ErrorBoundary, Profiler, captureReactException, reactErrorHandler, useProfiler, withErrorBoundary, withProfiler } from '@sentry/react';
 //# 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

@@ -2,6 +2,8 @@ export * from '@sentry/node';
 export { init } from './server/sdk.js';
 export { getMetaTagTransformer, sentryHandleRequest, wrapSentryHandleRequest } from './server/wrapSentryHandleRequest.js';
 export { createSentryHandleRequest } from './server/createSentryHandleRequest.js';
+export { wrapServerAction } from './server/wrapServerAction.js';
+export { wrapServerLoader } from './server/wrapServerLoader.js';
 export { sentryReactRouter } from './vite/plugin.js';
 export { sentryOnBuildEnd } from './vite/buildEnd/handleOnBuildEnd.js';
 export { makeConfigInjectorPlugin } from './vite/makeConfigInjectorPlugin.js';

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.25.1"}
+{"type":"module","version":"9.27.0"}

package/build/esm/server/sdk.js

@@ -1,6 +1,6 @@
 import { ATTR_HTTP_ROUTE } from '@opentelemetry/semantic-conventions';
 import { logger, applySdkMetadata, setTag, getGlobalScope } from '@sentry/core';
-import { init as init$1, getDefaultIntegrations } from '@sentry/node';
+import { init as init$1, getDefaultIntegrations, NODE_VERSION } from '@sentry/node';
 import { DEBUG_BUILD } from '../common/debug-build.js';
 import { SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE } from './instrumentation/util.js';
 import { lowQualityTransactionsFilterIntegration } from './integration/lowQualityTransactionsFilterIntegration.js';
@@ -11,11 +11,16 @@ import { reactRouterServerIntegration } from './integration/reactRouterServer.js
  * @param options The options for the SDK.
  */
 function getDefaultReactRouterServerIntegrations(options) {
-  return [
-    ...getDefaultIntegrations(options),
-    lowQualityTransactionsFilterIntegration(options),
-    reactRouterServerIntegration(),
-  ];
+  const integrations = [...getDefaultIntegrations(options), lowQualityTransactionsFilterIntegration(options)];
+
+  if (
+    (NODE_VERSION.major === 20 && NODE_VERSION.minor < 19) || // https://nodejs.org/en/blog/release/v20.19.0
+    (NODE_VERSION.major === 22 && NODE_VERSION.minor < 12) // https://nodejs.org/en/blog/release/v22.12.0
+  ) {
+    integrations.push(reactRouterServerIntegration());
+  }
+
+  return integrations;
 }
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"sdk.js","sources":["../../../src/server/sdk.ts"],"sourcesContent":["import { ATTR_HTTP_ROUTE } from '@opentelemetry/semantic-conventions';\nimport type { EventProcessor, Integration } from '@sentry/core';\nimport { applySdkMetadata, getGlobalScope, logger, setTag } from '@sentry/core';\nimport type { NodeClient, NodeOptions } from '@sentry/node';\nimport { getDefaultIntegrations as getNodeDefaultIntegrations, init as initNodeSdk } from '@sentry/node';\nimport { DEBUG_BUILD } from '../common/debug-build';\nimport { SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE } from './instrumentation/util';\nimport { lowQualityTransactionsFilterIntegration } from './integration/lowQualityTransactionsFilterIntegration';\nimport { reactRouterServerIntegration } from './integration/reactRouterServer';\n\n/**\n * Returns the default integrations for the React Router SDK.\n * @param options The options for the SDK.\n */\nexport function getDefaultReactRouterServerIntegrations(options: NodeOptions): Integration[] {\n  return [\n    ...getNodeDefaultIntegrations(options),\n    lowQualityTransactionsFilterIntegration(options),\n    reactRouterServerIntegration(),\n  ];\n}\n\n/**\n * Initializes the server side of the React Router SDK\n */\nexport function init(options: NodeOptions): NodeClient | undefined {\n  const opts: NodeOptions = {\n    ...options,\n    defaultIntegrations: getDefaultReactRouterServerIntegrations(options),\n  };\n\n  DEBUG_BUILD && logger.log('Initializing SDK...');\n\n  applySdkMetadata(opts, 'react-router', ['react-router', 'node']);\n\n  const client = initNodeSdk(opts);\n\n  setTag('runtime', 'node');\n\n  // Overwrite the transaction name for instrumented data loaders because the trace data gets overwritten at a later point.\n  // We only update the tx in case SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE got set in our instrumentation before.\n  getGlobalScope().addEventProcessor(\n    Object.assign(\n      (event => {\n        const overwrite = event.contexts?.trace?.data?.[SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE];\n        if (\n          event.type === 'transaction' &&\n          (event.transaction === 'GET *' || event.transaction === 'POST *') &&\n          event.contexts?.trace?.data?.[ATTR_HTTP_ROUTE] === '*' &&\n          overwrite\n        ) {\n          event.transaction = overwrite;\n          event.contexts.trace.data[ATTR_HTTP_ROUTE] = 'url';\n        }\n\n        // always yeet this attribute into the void, as this should not reach the server\n        delete event.contexts?.trace?.data?.[SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE];\n\n        return event;\n      }) satisfies EventProcessor,\n      { id: 'ReactRouterTransactionEnhancer' },\n    ),\n  );\n\n  DEBUG_BUILD && logger.log('SDK successfully initialized');\n\n  return client;\n}\n"],"names":["getNodeDefaultIntegrations","initNodeSdk"],"mappings":";;;;;;;;AAUA;AACA;AACA;AACA;AACO,SAAS,uCAAuC,CAAC,OAAO,EAA8B;AAC7F,EAAE,OAAO;AACT,IAAI,GAAGA,sBAA0B,CAAC,OAAO,CAAC;AAC1C,IAAI,uCAAuC,CAAC,OAAO,CAAC;AACpD,IAAI,4BAA4B,EAAE;AAClC,GAAG;AACH;;AAEA;AACA;AACA;AACO,SAAS,IAAI,CAAC,OAAO,EAAuC;AACnE,EAAE,MAAM,IAAI,GAAgB;AAC5B,IAAI,GAAG,OAAO;AACd,IAAI,mBAAmB,EAAE,uCAAuC,CAAC,OAAO,CAAC;AACzE,GAAG;;AAEH,EAAE,eAAe,MAAM,CAAC,GAAG,CAAC,qBAAqB,CAAC;;AAElD,EAAE,gBAAgB,CAAC,IAAI,EAAE,cAAc,EAAE,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;;AAElE,EAAE,MAAM,MAAO,GAAEC,MAAW,CAAC,IAAI,CAAC;;AAElC,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC;;AAE3B;AACA;AACA,EAAE,cAAc,EAAE,CAAC,iBAAiB;AACpC,IAAI,MAAM,CAAC,MAAM;AACjB,OAAO,SAAS;AAChB,QAAQ,MAAM,SAAA,GAAY,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,GAAG,mCAAmC,CAAC;AAC5F,QAAQ;AACR,UAAU,KAAK,CAAC,IAAK,KAAI,aAAc;AACvC,WAAW,KAAK,CAAC,WAAA,KAAgB,OAAA,IAAW,KAAK,CAAC,WAAA,KAAgB,QAAQ,CAAE;AAC5E,UAAU,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,GAAG,eAAe,CAAE,KAAI,GAAI;AACjE,UAAU;AACV,UAAU;AACV,UAAU,KAAK,CAAC,WAAY,GAAE,SAAS;AACvC,UAAU,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,eAAe,CAAE,GAAE,KAAK;AAC5D;;AAEA;AACA,QAAQ,OAAO,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,GAAG,mCAAmC,CAAC;;AAEjF,QAAQ,OAAO,KAAK;AACpB,OAAO;AACP,MAAM,EAAE,EAAE,EAAE,gCAAA,EAAkC;AAC9C,KAAK;AACL,GAAG;;AAEH,EAAE,eAAe,MAAM,CAAC,GAAG,CAAC,8BAA8B,CAAC;;AAE3D,EAAE,OAAO,MAAM;AACf;;;;"}
+{"version":3,"file":"sdk.js","sources":["../../../src/server/sdk.ts"],"sourcesContent":["import { ATTR_HTTP_ROUTE } from '@opentelemetry/semantic-conventions';\nimport type { EventProcessor, Integration } from '@sentry/core';\nimport { applySdkMetadata, getGlobalScope, logger, setTag } from '@sentry/core';\nimport type { NodeClient, NodeOptions } from '@sentry/node';\nimport { getDefaultIntegrations as getNodeDefaultIntegrations, init as initNodeSdk, NODE_VERSION } from '@sentry/node';\nimport { DEBUG_BUILD } from '../common/debug-build';\nimport { SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE } from './instrumentation/util';\nimport { lowQualityTransactionsFilterIntegration } from './integration/lowQualityTransactionsFilterIntegration';\nimport { reactRouterServerIntegration } from './integration/reactRouterServer';\n\n/**\n * Returns the default integrations for the React Router SDK.\n * @param options The options for the SDK.\n */\nexport function getDefaultReactRouterServerIntegrations(options: NodeOptions): Integration[] {\n  const integrations = [...getNodeDefaultIntegrations(options), lowQualityTransactionsFilterIntegration(options)];\n\n  if (\n    (NODE_VERSION.major === 20 && NODE_VERSION.minor < 19) || // https://nodejs.org/en/blog/release/v20.19.0\n    (NODE_VERSION.major === 22 && NODE_VERSION.minor < 12) // https://nodejs.org/en/blog/release/v22.12.0\n  ) {\n    integrations.push(reactRouterServerIntegration());\n  }\n\n  return integrations;\n}\n\n/**\n * Initializes the server side of the React Router SDK\n */\nexport function init(options: NodeOptions): NodeClient | undefined {\n  const opts: NodeOptions = {\n    ...options,\n    defaultIntegrations: getDefaultReactRouterServerIntegrations(options),\n  };\n\n  DEBUG_BUILD && logger.log('Initializing SDK...');\n\n  applySdkMetadata(opts, 'react-router', ['react-router', 'node']);\n\n  const client = initNodeSdk(opts);\n\n  setTag('runtime', 'node');\n\n  // Overwrite the transaction name for instrumented data loaders because the trace data gets overwritten at a later point.\n  // We only update the tx in case SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE got set in our instrumentation before.\n  getGlobalScope().addEventProcessor(\n    Object.assign(\n      (event => {\n        const overwrite = event.contexts?.trace?.data?.[SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE];\n        if (\n          event.type === 'transaction' &&\n          (event.transaction === 'GET *' || event.transaction === 'POST *') &&\n          event.contexts?.trace?.data?.[ATTR_HTTP_ROUTE] === '*' &&\n          overwrite\n        ) {\n          event.transaction = overwrite;\n          event.contexts.trace.data[ATTR_HTTP_ROUTE] = 'url';\n        }\n\n        // always yeet this attribute into the void, as this should not reach the server\n        delete event.contexts?.trace?.data?.[SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE];\n\n        return event;\n      }) satisfies EventProcessor,\n      { id: 'ReactRouterTransactionEnhancer' },\n    ),\n  );\n\n  DEBUG_BUILD && logger.log('SDK successfully initialized');\n\n  return client;\n}\n"],"names":["getNodeDefaultIntegrations","initNodeSdk"],"mappings":";;;;;;;;AAUA;AACA;AACA;AACA;AACO,SAAS,uCAAuC,CAAC,OAAO,EAA8B;AAC7F,EAAE,MAAM,YAAA,GAAe,CAAC,GAAGA,sBAA0B,CAAC,OAAO,CAAC,EAAE,uCAAuC,CAAC,OAAO,CAAC,CAAC;;AAEjH,EAAE;AACF,IAAI,CAAC,YAAY,CAAC,KAAA,KAAU,EAAA,IAAM,YAAY,CAAC,KAAA,GAAQ,EAAE;AACzD,KAAK,YAAY,CAAC,KAAM,KAAI,EAAG,IAAG,YAAY,CAAC,KAAM,GAAE,EAAE,CAAA;AACzD,IAAI;AACJ,IAAI,YAAY,CAAC,IAAI,CAAC,4BAA4B,EAAE,CAAC;AACrD;;AAEA,EAAE,OAAO,YAAY;AACrB;;AAEA;AACA;AACA;AACO,SAAS,IAAI,CAAC,OAAO,EAAuC;AACnE,EAAE,MAAM,IAAI,GAAgB;AAC5B,IAAI,GAAG,OAAO;AACd,IAAI,mBAAmB,EAAE,uCAAuC,CAAC,OAAO,CAAC;AACzE,GAAG;;AAEH,EAAE,eAAe,MAAM,CAAC,GAAG,CAAC,qBAAqB,CAAC;;AAElD,EAAE,gBAAgB,CAAC,IAAI,EAAE,cAAc,EAAE,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;;AAElE,EAAE,MAAM,MAAO,GAAEC,MAAW,CAAC,IAAI,CAAC;;AAElC,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC;;AAE3B;AACA;AACA,EAAE,cAAc,EAAE,CAAC,iBAAiB;AACpC,IAAI,MAAM,CAAC,MAAM;AACjB,OAAO,SAAS;AAChB,QAAQ,MAAM,SAAA,GAAY,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,GAAG,mCAAmC,CAAC;AAC5F,QAAQ;AACR,UAAU,KAAK,CAAC,IAAK,KAAI,aAAc;AACvC,WAAW,KAAK,CAAC,WAAA,KAAgB,OAAA,IAAW,KAAK,CAAC,WAAA,KAAgB,QAAQ,CAAE;AAC5E,UAAU,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,GAAG,eAAe,CAAE,KAAI,GAAI;AACjE,UAAU;AACV,UAAU;AACV,UAAU,KAAK,CAAC,WAAY,GAAE,SAAS;AACvC,UAAU,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,eAAe,CAAE,GAAE,KAAK;AAC5D;;AAEA;AACA,QAAQ,OAAO,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,GAAG,mCAAmC,CAAC;;AAEjF,QAAQ,OAAO,KAAK;AACpB,OAAO;AACP,MAAM,EAAE,EAAE,EAAE,gCAAA,EAAkC;AAC9C,KAAK;AACL,GAAG;;AAEH,EAAE,eAAe,MAAM,CAAC,GAAG,CAAC,8BAA8B,CAAC;;AAE3D,EAAE,OAAO,MAAM;AACf;;;;"}

package/build/esm/server/wrapServerAction.js

@@ -0,0 +1,57 @@
+import { getActiveSpan, getRootSpan, spanToJSON, parseStringToURLObject, SEMANTIC_ATTRIBUTE_SENTRY_SOURCE, startSpan, SEMANTIC_ATTRIBUTE_SENTRY_OP, SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN } from '@sentry/core';
+import { SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE } from './instrumentation/util.js';
+
+/**
+ * Wraps a React Router server action function with Sentry performance monitoring.
+ * @param options - Optional span configuration options including name, operation, description and attributes
+ * @param actionFn - The server action function to wrap
+ *
+ * @example
+ * ```ts
+ * // Wrap an action function with custom span options
+ * export const action = wrapServerAction(
+ *   {
+ *     name: 'Submit Form Data',
+ *     description: 'Processes form submission data',
+ *   },
+ *   async ({ request }) => {
+ *     // ... your action logic
+ *   }
+ * );
+ * ```
+ */
+function wrapServerAction(options = {}, actionFn) {
+  return async function (args) {
+    const name = options.name || 'Executing Server Action';
+    const active = getActiveSpan();
+    if (active) {
+      const root = getRootSpan(active);
+      // coming from auto.http.otel.http
+      if (spanToJSON(root).description === 'POST') {
+        const url = parseStringToURLObject(args.request.url);
+        if (url?.pathname) {
+          root.setAttributes({
+            [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: 'url',
+            [SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE]: `${args.request.method} ${url.pathname}`,
+          });
+        }
+      }
+    }
+
+    return startSpan(
+      {
+        name,
+        ...options,
+        attributes: {
+          [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.http.react-router',
+          [SEMANTIC_ATTRIBUTE_SENTRY_OP]: 'function.react-router.action',
+          ...options.attributes,
+        },
+      },
+      () => actionFn(args),
+    );
+  };
+}
+
+export { wrapServerAction };
+//# sourceMappingURL=wrapServerAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wrapServerAction.js","sources":["../../../src/server/wrapServerAction.ts"],"sourcesContent":["import type { SpanAttributes } from '@sentry/core';\nimport {\n  getActiveSpan,\n  getRootSpan,\n  parseStringToURLObject,\n  SEMANTIC_ATTRIBUTE_SENTRY_OP,\n  SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN,\n  SEMANTIC_ATTRIBUTE_SENTRY_SOURCE,\n  spanToJSON,\n  startSpan,\n} from '@sentry/core';\nimport type { ActionFunctionArgs } from 'react-router';\nimport { SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE } from './instrumentation/util';\n\ntype SpanOptions = {\n  name?: string;\n  attributes?: SpanAttributes;\n};\n\n/**\n * Wraps a React Router server action function with Sentry performance monitoring.\n * @param options - Optional span configuration options including name, operation, description and attributes\n * @param actionFn - The server action function to wrap\n *\n * @example\n * ```ts\n * // Wrap an action function with custom span options\n * export const action = wrapServerAction(\n *   {\n *     name: 'Submit Form Data',\n *     description: 'Processes form submission data',\n *   },\n *   async ({ request }) => {\n *     // ... your action logic\n *   }\n * );\n * ```\n */\nexport function wrapServerAction<T>(options: SpanOptions = {}, actionFn: (args: ActionFunctionArgs) => Promise<T>) {\n  return async function (args: ActionFunctionArgs) {\n    const name = options.name || 'Executing Server Action';\n    const active = getActiveSpan();\n    if (active) {\n      const root = getRootSpan(active);\n      // coming from auto.http.otel.http\n      if (spanToJSON(root).description === 'POST') {\n        const url = parseStringToURLObject(args.request.url);\n        if (url?.pathname) {\n          root.setAttributes({\n            [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: 'url',\n            [SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE]: `${args.request.method} ${url.pathname}`,\n          });\n        }\n      }\n    }\n\n    return startSpan(\n      {\n        name,\n        ...options,\n        attributes: {\n          [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.http.react-router',\n          [SEMANTIC_ATTRIBUTE_SENTRY_OP]: 'function.react-router.action',\n          ...options.attributes,\n        },\n      },\n      () => actionFn(args),\n    );\n  };\n}\n"],"names":[],"mappings":";;;AAmBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,gBAAgB,CAAI,OAAO,GAAgB,EAAE,EAAE,QAAQ,EAA4C;AACnH,EAAE,OAAO,gBAAgB,IAAI,EAAsB;AACnD,IAAI,MAAM,IAAK,GAAE,OAAO,CAAC,IAAA,IAAQ,yBAAyB;AAC1D,IAAI,MAAM,MAAA,GAAS,aAAa,EAAE;AAClC,IAAI,IAAI,MAAM,EAAE;AAChB,MAAM,MAAM,IAAK,GAAE,WAAW,CAAC,MAAM,CAAC;AACtC;AACA,MAAM,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC,WAAA,KAAgB,MAAM,EAAE;AACnD,QAAQ,MAAM,GAAI,GAAE,sBAAsB,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;AAC5D,QAAQ,IAAI,GAAG,EAAE,QAAQ,EAAE;AAC3B,UAAU,IAAI,CAAC,aAAa,CAAC;AAC7B,YAAY,CAAC,gCAAgC,GAAG,KAAK;AACrD,YAAY,CAAC,mCAAmC,GAAG,CAAC,EAAA,IAAA,CAAA,OAAA,CAAA,MAAA,CAAA,CAAA,EAAA,GAAA,CAAA,QAAA,CAAA,CAAA;AACA,WAAA,CAAA;AACA;AACA;AACA;;AAEA,IAAA,OAAA,SAAA;AACA,MAAA;AACA,QAAA,IAAA;AACA,QAAA,GAAA,OAAA;AACA,QAAA,UAAA,EAAA;AACA,UAAA,CAAA,gCAAA,GAAA,wBAAA;AACA,UAAA,CAAA,4BAAA,GAAA,8BAAA;AACA,UAAA,GAAA,OAAA,CAAA,UAAA;AACA,SAAA;AACA,OAAA;AACA,MAAA,MAAA,QAAA,CAAA,IAAA,CAAA;AACA,KAAA;AACA,GAAA;AACA;;;;"}

package/build/esm/server/wrapServerLoader.js

@@ -0,0 +1,57 @@
+import { getActiveSpan, getRootSpan, spanToJSON, parseStringToURLObject, SEMANTIC_ATTRIBUTE_SENTRY_SOURCE, startSpan, SEMANTIC_ATTRIBUTE_SENTRY_OP, SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN } from '@sentry/core';
+import { SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE } from './instrumentation/util.js';
+
+/**
+ * Wraps a React Router server loader function with Sentry performance monitoring.
+ * @param options - Optional span configuration options including name, operation, description and attributes
+ * @param loaderFn - The server loader function to wrap
+ *
+ * @example
+ * ```ts
+ * // Wrap a loader function with custom span options
+ * export const loader = wrapServerLoader(
+ *   {
+ *     name: 'Load Some Data',
+ *     description: 'Loads some data from the db',
+ *   },
+ *   async ({ params }) => {
+ *     // ... your loader logic
+ *   }
+ * );
+ * ```
+ */
+function wrapServerLoader(options = {}, loaderFn) {
+  return async function (args) {
+    const name = options.name || 'Executing Server Loader';
+    const active = getActiveSpan();
+    if (active) {
+      const root = getRootSpan(active);
+      // coming from auto.http.otel.http
+      if (spanToJSON(root).description === 'GET') {
+        const url = parseStringToURLObject(args.request.url);
+
+        if (url?.pathname) {
+          root.setAttributes({
+            [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: 'url',
+            [SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE]: `${args.request.method} ${url.pathname}`,
+          });
+        }
+      }
+    }
+    return startSpan(
+      {
+        name,
+        ...options,
+        attributes: {
+          [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.http.react-router',
+          [SEMANTIC_ATTRIBUTE_SENTRY_OP]: 'function.react-router.loader',
+          ...options.attributes,
+        },
+      },
+      () => loaderFn(args),
+    );
+  };
+}
+
+export { wrapServerLoader };
+//# sourceMappingURL=wrapServerLoader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wrapServerLoader.js","sources":["../../../src/server/wrapServerLoader.ts"],"sourcesContent":["import type { SpanAttributes } from '@sentry/core';\nimport {\n  getActiveSpan,\n  getRootSpan,\n  parseStringToURLObject,\n  SEMANTIC_ATTRIBUTE_SENTRY_OP,\n  SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN,\n  SEMANTIC_ATTRIBUTE_SENTRY_SOURCE,\n  spanToJSON,\n  startSpan,\n} from '@sentry/core';\nimport type { LoaderFunctionArgs } from 'react-router';\nimport { SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE } from './instrumentation/util';\n\ntype SpanOptions = {\n  name?: string;\n  attributes?: SpanAttributes;\n};\n\n/**\n * Wraps a React Router server loader function with Sentry performance monitoring.\n * @param options - Optional span configuration options including name, operation, description and attributes\n * @param loaderFn - The server loader function to wrap\n *\n * @example\n * ```ts\n * // Wrap a loader function with custom span options\n * export const loader = wrapServerLoader(\n *   {\n *     name: 'Load Some Data',\n *     description: 'Loads some data from the db',\n *   },\n *   async ({ params }) => {\n *     // ... your loader logic\n *   }\n * );\n * ```\n */\nexport function wrapServerLoader<T>(options: SpanOptions = {}, loaderFn: (args: LoaderFunctionArgs) => Promise<T>) {\n  return async function (args: LoaderFunctionArgs) {\n    const name = options.name || 'Executing Server Loader';\n    const active = getActiveSpan();\n    if (active) {\n      const root = getRootSpan(active);\n      // coming from auto.http.otel.http\n      if (spanToJSON(root).description === 'GET') {\n        const url = parseStringToURLObject(args.request.url);\n\n        if (url?.pathname) {\n          root.setAttributes({\n            [SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: 'url',\n            [SEMANTIC_ATTRIBUTE_SENTRY_OVERWRITE]: `${args.request.method} ${url.pathname}`,\n          });\n        }\n      }\n    }\n    return startSpan(\n      {\n        name,\n        ...options,\n        attributes: {\n          [SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.http.react-router',\n          [SEMANTIC_ATTRIBUTE_SENTRY_OP]: 'function.react-router.loader',\n          ...options.attributes,\n        },\n      },\n      () => loaderFn(args),\n    );\n  };\n}\n"],"names":[],"mappings":";;;AAmBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,gBAAgB,CAAI,OAAO,GAAgB,EAAE,EAAE,QAAQ,EAA4C;AACnH,EAAE,OAAO,gBAAgB,IAAI,EAAsB;AACnD,IAAI,MAAM,IAAK,GAAE,OAAO,CAAC,IAAA,IAAQ,yBAAyB;AAC1D,IAAI,MAAM,MAAA,GAAS,aAAa,EAAE;AAClC,IAAI,IAAI,MAAM,EAAE;AAChB,MAAM,MAAM,IAAK,GAAE,WAAW,CAAC,MAAM,CAAC;AACtC;AACA,MAAM,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC,WAAA,KAAgB,KAAK,EAAE;AAClD,QAAQ,MAAM,GAAI,GAAE,sBAAsB,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;;AAE5D,QAAQ,IAAI,GAAG,EAAE,QAAQ,EAAE;AAC3B,UAAU,IAAI,CAAC,aAAa,CAAC;AAC7B,YAAY,CAAC,gCAAgC,GAAG,KAAK;AACrD,YAAY,CAAC,mCAAmC,GAAG,CAAC,EAAA,IAAA,CAAA,OAAA,CAAA,MAAA,CAAA,CAAA,EAAA,GAAA,CAAA,QAAA,CAAA,CAAA;AACA,WAAA,CAAA;AACA;AACA;AACA;AACA,IAAA,OAAA,SAAA;AACA,MAAA;AACA,QAAA,IAAA;AACA,QAAA,GAAA,OAAA;AACA,QAAA,UAAA,EAAA;AACA,UAAA,CAAA,gCAAA,GAAA,wBAAA;AACA,UAAA,CAAA,4BAAA,GAAA,8BAAA;AACA,UAAA,GAAA,OAAA,CAAA,UAAA;AACA,SAAA;AACA,OAAA;AACA,MAAA,MAAA,QAAA,CAAA,IAAA,CAAA;AACA,KAAA;AACA,GAAA;AACA;;;;"}

package/build/esm/vite/makeCustomSentryVitePlugins.js

@@ -12,6 +12,7 @@ async function makeCustomSentryVitePlugins(options) {
     org,
     project,
     telemetry,
+    reactComponentAnnotation,
     release,
   } = options;
 
@@ -28,6 +29,11 @@ async function makeCustomSentryVitePlugins(options) {
       },
       ...unstable_sentryVitePluginOptions?._metaOptions,
     },
+    reactComponentAnnotation: {
+      enabled: reactComponentAnnotation?.enabled ?? undefined,
+      ignoredComponents: reactComponentAnnotation?.ignoredComponents ?? undefined,
+      ...unstable_sentryVitePluginOptions?.reactComponentAnnotation,
+    },
     release: {
       ...unstable_sentryVitePluginOptions?.release,
       ...release,
@@ -43,7 +49,13 @@ async function makeCustomSentryVitePlugins(options) {
   // only use a subset of the plugins as all upload and file deletion tasks will be handled in the buildEnd hook
   return [
     ...sentryVitePlugins.filter(plugin => {
-      return ['sentry-telemetry-plugin', 'sentry-vite-release-injection-plugin'].includes(plugin.name);
+      return [
+        'sentry-telemetry-plugin',
+        'sentry-vite-release-injection-plugin',
+        ...(reactComponentAnnotation?.enabled || unstable_sentryVitePluginOptions?.reactComponentAnnotation?.enabled
+          ? ['sentry-vite-component-name-annotate-plugin']
+          : []),
+      ].includes(plugin.name);
     }),
   ];
 }

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

@@ -1 +1 @@
-{"version":3,"file":"makeCustomSentryVitePlugins.js","sources":["../../../src/vite/makeCustomSentryVitePlugins.ts"],"sourcesContent":["import { sentryVitePlugin } from '@sentry/vite-plugin';\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    authToken,\n    org,\n    project,\n    telemetry,\n    release,\n  } = options;\n\n  const sentryVitePlugins = sentryVitePlugin({\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    _metaOptions: {\n      telemetry: {\n        metaFramework: 'react-router',\n      },\n      ...unstable_sentryVitePluginOptions?._metaOptions,\n    },\n    release: {\n      ...unstable_sentryVitePluginOptions?.release,\n      ...release,\n    },\n    // will be handled in buildEnd hook\n    sourcemaps: {\n      disable: true,\n      ...unstable_sentryVitePluginOptions?.sourcemaps,\n    },\n    ...unstable_sentryVitePluginOptions,\n  }) as Plugin[];\n\n  // only use a subset of the plugins as all upload and file deletion tasks will be handled in the buildEnd hook\n  return [\n    ...sentryVitePlugins.filter(plugin => {\n      return ['sentry-telemetry-plugin', 'sentry-vite-release-injection-plugin'].includes(plugin.name);\n    }),\n  ];\n}\n"],"names":[],"mappings":";;AAIA;AACA;AACA;AACO,eAAe,2BAA2B,CAAC,OAAO,EAAoD;AAC7G,EAAE,MAAM;AACR,IAAI,KAAK;AACT,IAAI,gCAAgC;AACpC,IAAI,uBAAuB;AAC3B,IAAI,SAAS;AACb,IAAI,GAAG;AACP,IAAI,OAAO;AACX,IAAI,SAAS;AACb,IAAI,OAAO;AACX,GAAE,GAAI,OAAO;;AAEb,EAAE,MAAM,iBAAA,GAAoB,gBAAgB,CAAC;AAC7C,IAAI,SAAS,EAAE,SAAU,IAAG,OAAO,CAAC,GAAG,CAAC,iBAAiB;AACzD,IAAI,uBAAuB;AAC3B,IAAI,KAAK,EAAE,KAAM,IAAG,KAAK;AACzB,IAAI,GAAG,EAAE,GAAI,IAAG,OAAO,CAAC,GAAG,CAAC,UAAU;AACtC,IAAI,OAAO,EAAE,OAAQ,IAAG,OAAO,CAAC,GAAG,CAAC,cAAc;AAClD,IAAI,SAAS,EAAE,SAAU,IAAG,IAAI;AAChC,IAAI,YAAY,EAAE;AAClB,MAAM,SAAS,EAAE;AACjB,QAAQ,aAAa,EAAE,cAAc;AACrC,OAAO;AACP,MAAM,GAAG,gCAAgC,EAAE,YAAY;AACvD,KAAK;AACL,IAAI,OAAO,EAAE;AACb,MAAM,GAAG,gCAAgC,EAAE,OAAO;AAClD,MAAM,GAAG,OAAO;AAChB,KAAK;AACL;AACA,IAAI,UAAU,EAAE;AAChB,MAAM,OAAO,EAAE,IAAI;AACnB,MAAM,GAAG,gCAAgC,EAAE,UAAU;AACrD,KAAK;AACL,IAAI,GAAG,gCAAgC;AACvC,GAAG,CAAE;;AAEL;AACA,EAAE,OAAO;AACT,IAAI,GAAG,iBAAiB,CAAC,MAAM,CAAC,UAAU;AAC1C,MAAM,OAAO,CAAC,yBAAyB,EAAE,sCAAsC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC;AACtG,KAAK,CAAC;AACN,GAAG;AACH;;;;"}
+{"version":3,"file":"makeCustomSentryVitePlugins.js","sources":["../../../src/vite/makeCustomSentryVitePlugins.ts"],"sourcesContent":["import { sentryVitePlugin } from '@sentry/vite-plugin';\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    authToken,\n    org,\n    project,\n    telemetry,\n    reactComponentAnnotation,\n    release,\n  } = options;\n\n  const sentryVitePlugins = sentryVitePlugin({\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    _metaOptions: {\n      telemetry: {\n        metaFramework: 'react-router',\n      },\n      ...unstable_sentryVitePluginOptions?._metaOptions,\n    },\n    reactComponentAnnotation: {\n      enabled: reactComponentAnnotation?.enabled ?? undefined,\n      ignoredComponents: reactComponentAnnotation?.ignoredComponents ?? undefined,\n      ...unstable_sentryVitePluginOptions?.reactComponentAnnotation,\n    },\n    release: {\n      ...unstable_sentryVitePluginOptions?.release,\n      ...release,\n    },\n    // will be handled in buildEnd hook\n    sourcemaps: {\n      disable: true,\n      ...unstable_sentryVitePluginOptions?.sourcemaps,\n    },\n    ...unstable_sentryVitePluginOptions,\n  }) as Plugin[];\n\n  // only use a subset of the plugins as all upload and file deletion tasks will be handled in the buildEnd hook\n  return [\n    ...sentryVitePlugins.filter(plugin => {\n      return [\n        'sentry-telemetry-plugin',\n        'sentry-vite-release-injection-plugin',\n        ...(reactComponentAnnotation?.enabled || unstable_sentryVitePluginOptions?.reactComponentAnnotation?.enabled\n          ? ['sentry-vite-component-name-annotate-plugin']\n          : []),\n      ].includes(plugin.name);\n    }),\n  ];\n}\n"],"names":[],"mappings":";;AAIA;AACA;AACA;AACO,eAAe,2BAA2B,CAAC,OAAO,EAAoD;AAC7G,EAAE,MAAM;AACR,IAAI,KAAK;AACT,IAAI,gCAAgC;AACpC,IAAI,uBAAuB;AAC3B,IAAI,SAAS;AACb,IAAI,GAAG;AACP,IAAI,OAAO;AACX,IAAI,SAAS;AACb,IAAI,wBAAwB;AAC5B,IAAI,OAAO;AACX,GAAE,GAAI,OAAO;;AAEb,EAAE,MAAM,iBAAA,GAAoB,gBAAgB,CAAC;AAC7C,IAAI,SAAS,EAAE,SAAU,IAAG,OAAO,CAAC,GAAG,CAAC,iBAAiB;AACzD,IAAI,uBAAuB;AAC3B,IAAI,KAAK,EAAE,KAAM,IAAG,KAAK;AACzB,IAAI,GAAG,EAAE,GAAI,IAAG,OAAO,CAAC,GAAG,CAAC,UAAU;AACtC,IAAI,OAAO,EAAE,OAAQ,IAAG,OAAO,CAAC,GAAG,CAAC,cAAc;AAClD,IAAI,SAAS,EAAE,SAAU,IAAG,IAAI;AAChC,IAAI,YAAY,EAAE;AAClB,MAAM,SAAS,EAAE;AACjB,QAAQ,aAAa,EAAE,cAAc;AACrC,OAAO;AACP,MAAM,GAAG,gCAAgC,EAAE,YAAY;AACvD,KAAK;AACL,IAAI,wBAAwB,EAAE;AAC9B,MAAM,OAAO,EAAE,wBAAwB,EAAE,OAAA,IAAW,SAAS;AAC7D,MAAM,iBAAiB,EAAE,wBAAwB,EAAE,iBAAA,IAAqB,SAAS;AACjF,MAAM,GAAG,gCAAgC,EAAE,wBAAwB;AACnE,KAAK;AACL,IAAI,OAAO,EAAE;AACb,MAAM,GAAG,gCAAgC,EAAE,OAAO;AAClD,MAAM,GAAG,OAAO;AAChB,KAAK;AACL;AACA,IAAI,UAAU,EAAE;AAChB,MAAM,OAAO,EAAE,IAAI;AACnB,MAAM,GAAG,gCAAgC,EAAE,UAAU;AACrD,KAAK;AACL,IAAI,GAAG,gCAAgC;AACvC,GAAG,CAAE;;AAEL;AACA,EAAE,OAAO;AACT,IAAI,GAAG,iBAAiB,CAAC,MAAM,CAAC,UAAU;AAC1C,MAAM,OAAO;AACb,QAAQ,yBAAyB;AACjC,QAAQ,sCAAsC;AAC9C,QAAQ,IAAI,wBAAwB,EAAE,WAAW,gCAAgC,EAAE,wBAAwB,EAAE;AAC7G,YAAY,CAAC,4CAA4C;AACzD,YAAY,EAAE,CAAC;AACf,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC;AAC7B,KAAK,CAAC;AACN,GAAG;AACH;;;;"}

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

@@ -1,4 +1,6 @@
 export * from '@sentry/browser';
 export { init } from './sdk';
 export { reactRouterTracingIntegration } from './tracingIntegration';
+export { captureReactException, reactErrorHandler, Profiler, withProfiler, useProfiler, ErrorBoundary, withErrorBoundary, } from '@sentry/react';
+export type { ErrorBoundaryProps, FallbackRender } from '@sentry/react';
 //# 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;AAC7B,OAAO,EAAE,6BAA6B,EAAE,MAAM,sBAAsB,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;AAErE,OAAO,EACL,qBAAqB,EACrB,iBAAiB,EACjB,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,aAAa,EACb,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC"}

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

@@ -2,4 +2,6 @@ export * from '@sentry/node';
 export { init } from './sdk';
 export { wrapSentryHandleRequest, sentryHandleRequest, getMetaTagTransformer } from './wrapSentryHandleRequest';
 export { createSentryHandleRequest, type SentryHandleRequestOptions } from './createSentryHandleRequest';
+export { wrapServerAction } from './wrapServerAction';
+export { wrapServerLoader } from './wrapServerLoader';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/server/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B,OAAO,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAChH,OAAO,EAAE,yBAAyB,EAAE,KAAK,0BAA0B,EAAE,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/server/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B,OAAO,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAChH,OAAO,EAAE,yBAAyB,EAAE,KAAK,0BAA0B,EAAE,MAAM,6BAA6B,CAAC;AACzG,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"sdk.d.ts","sourceRoot":"","sources":["../../../src/server/sdk.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAkB,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhE,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAO5D;;;GAGG;AACH,wBAAgB,uCAAuC,CAAC,OAAO,EAAE,WAAW,GAAG,WAAW,EAAE,CAM3F;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,OAAO,EAAE,WAAW,GAAG,UAAU,GAAG,SAAS,CA0CjE"}
+{"version":3,"file":"sdk.d.ts","sourceRoot":"","sources":["../../../src/server/sdk.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAkB,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhE,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAO5D;;;GAGG;AACH,wBAAgB,uCAAuC,CAAC,OAAO,EAAE,WAAW,GAAG,WAAW,EAAE,CAW3F;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,OAAO,EAAE,WAAW,GAAG,UAAU,GAAG,SAAS,CA0CjE"}

package/build/types/server/wrapServerAction.d.ts

@@ -0,0 +1,28 @@
+import type { SpanAttributes } from '@sentry/core';
+import type { ActionFunctionArgs } from 'react-router';
+type SpanOptions = {
+    name?: string;
+    attributes?: SpanAttributes;
+};
+/**
+ * Wraps a React Router server action function with Sentry performance monitoring.
+ * @param options - Optional span configuration options including name, operation, description and attributes
+ * @param actionFn - The server action function to wrap
+ *
+ * @example
+ * ```ts
+ * // Wrap an action function with custom span options
+ * export const action = wrapServerAction(
+ *   {
+ *     name: 'Submit Form Data',
+ *     description: 'Processes form submission data',
+ *   },
+ *   async ({ request }) => {
+ *     // ... your action logic
+ *   }
+ * );
+ * ```
+ */
+export declare function wrapServerAction<T>(options: SpanOptions | undefined, actionFn: (args: ActionFunctionArgs) => Promise<T>): (args: ActionFunctionArgs) => Promise<T>;
+export {};
+//# sourceMappingURL=wrapServerAction.d.ts.map

package/build/types/server/wrapServerAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapServerAction.d.ts","sourceRoot":"","sources":["../../../src/server/wrapServerAction.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAWnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAGvD,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,cAAc,CAAC;CAC7B,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,OAAO,yBAAkB,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,OAAO,CAAC,CAAC,CAAC,UAClF,kBAAkB,gBA8BhD"}

package/build/types/server/wrapServerLoader.d.ts

@@ -0,0 +1,28 @@
+import type { SpanAttributes } from '@sentry/core';
+import type { LoaderFunctionArgs } from 'react-router';
+type SpanOptions = {
+    name?: string;
+    attributes?: SpanAttributes;
+};
+/**
+ * Wraps a React Router server loader function with Sentry performance monitoring.
+ * @param options - Optional span configuration options including name, operation, description and attributes
+ * @param loaderFn - The server loader function to wrap
+ *
+ * @example
+ * ```ts
+ * // Wrap a loader function with custom span options
+ * export const loader = wrapServerLoader(
+ *   {
+ *     name: 'Load Some Data',
+ *     description: 'Loads some data from the db',
+ *   },
+ *   async ({ params }) => {
+ *     // ... your loader logic
+ *   }
+ * );
+ * ```
+ */
+export declare function wrapServerLoader<T>(options: SpanOptions | undefined, loaderFn: (args: LoaderFunctionArgs) => Promise<T>): (args: LoaderFunctionArgs) => Promise<T>;
+export {};
+//# sourceMappingURL=wrapServerLoader.d.ts.map

package/build/types/server/wrapServerLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapServerLoader.d.ts","sourceRoot":"","sources":["../../../src/server/wrapServerLoader.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAWnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAGvD,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,cAAc,CAAC;CAC7B,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,OAAO,yBAAkB,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,OAAO,CAAC,CAAC,CAAC,UAClF,kBAAkB,gBA8BhD"}

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

@@ -1 +1 @@
-{"version":3,"file":"makeCustomSentryVitePlugins.d.ts","sourceRoot":"","sources":["../../../src/vite/makeCustomSentryVitePlugins.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC;AAE7D;;GAEG;AACH,wBAAsB,2BAA2B,CAAC,OAAO,EAAE,6BAA6B,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CA2C3G"}
+{"version":3,"file":"makeCustomSentryVitePlugins.d.ts","sourceRoot":"","sources":["../../../src/vite/makeCustomSentryVitePlugins.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC;AAE7D;;GAEG;AACH,wBAAsB,2BAA2B,CAAC,OAAO,EAAE,6BAA6B,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAuD3G"}

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

@@ -110,6 +110,23 @@ export type SentryReactRouterBuildOptions = {
      * @default false.
      */
     debug?: boolean;
+    /**
+     * Options related to react component name annotations.
+     * Disabled by default, unless a value is set for this option.
+     * When enabled, your app's DOM will automatically be annotated during build-time with their respective component names.
+     * This will unlock the capability to search for Replays in Sentry by component name, as well as see component names in breadcrumbs and performance monitoring.
+     * Please note that this feature is not currently supported by the esbuild bundler plugins, and will only annotate React components
+     */
+    reactComponentAnnotation?: {
+        /**
+         * Whether the component name annotate plugin should be enabled or not.
+         */
+        enabled?: boolean;
+        /**
+         * A list of strings representing the names of components to ignore. The plugin will not apply `data-sentry` annotations on the DOM element for these components.
+         */
+        ignoredComponents?: string[];
+    };
     /**
      * Options for the Sentry Vite plugin to customize the source maps upload process.
      *

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/vite/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAEnE,KAAK,iBAAiB,GAAG;IACvB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;;;OAOG;IACH,wBAAwB,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IAElD;;;;OAIG;IACH,OAAO,CAAC,EAAE;QACR;;;;;;;;;;WAUG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH,CAAC;AAEF,KAAK,6BAA6B,GAAG;IACnC;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG;IAC1C;;OAEG;IACH,OAAO,CAAC,EAAE;QACR;;WAEG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IAEF;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,uBAAuB,CAAC,EAAE,6BAA6B,CAAC;IAExD;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,iBAAiB,CAAC;IAE5C;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;;;;;;;;OAYG;IACH,gCAAgC,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;CACrE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/vite/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAEnE,KAAK,iBAAiB,GAAG;IACvB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;;;OAOG;IACH,wBAAwB,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IAElD;;;;OAIG;IACH,OAAO,CAAC,EAAE;QACR;;;;;;;;;;WAUG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH,CAAC;AAEF,KAAK,6BAA6B,GAAG;IACnC;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG;IAC1C;;OAEG;IACH,OAAO,CAAC,EAAE;QACR;;WAEG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IAEF;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,uBAAuB,CAAC,EAAE,6BAA6B,CAAC;IAExD;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;;;;OAMG;IACH,wBAAwB,CAAC,EAAE;QACzB;;WAEG;QACH,OAAO,CAAC,EAAE,OAAO,CAAC;QAElB;;WAEG;QACH,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;KAC9B,CAAC;IAEF;;;OAGG;IACH,uBAAuB,CAAC,EAAE,iBAAiB,CAAC;IAE5C;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;;;;;;;;;OAYG;IACH,gCAAgC,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;CACrE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sentry/react-router",
-  "version": "9.25.1",
+  "version": "9.27.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",
@@ -38,17 +38,18 @@
     "@opentelemetry/core": "^1.30.1",
     "@opentelemetry/instrumentation": "0.57.2",
     "@opentelemetry/semantic-conventions": "^1.34.0",
-    "@sentry/browser": "9.25.1",
+    "@sentry/browser": "9.27.0",
     "@sentry/cli": "^2.45.0",
-    "@sentry/core": "9.25.1",
-    "@sentry/node": "9.25.1",
+    "@sentry/core": "9.27.0",
+    "@sentry/node": "9.27.0",
+    "@sentry/react": "9.27.0",
     "@sentry/vite-plugin": "^3.2.4",
     "glob": "11.0.1"
   },
   "devDependencies": {
-    "@react-router/dev": "^7.1.5",
-    "@react-router/node": "^7.1.5",
-    "react-router": "^7.1.5",
+    "@react-router/dev": "^7.5.2",
+    "@react-router/node": "^7.5.2",
+    "react-router": "^7.5.2",
     "vite": "^6.1.0"
   },
   "peerDependencies": {