@depup/sentry__react 10.48.0-depup.0 → 10.68.0-depup.0

package/build/cjs/reactrouterv7.js

@@ -1,56 +1,24 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const instrumentation = require('./reactrouter-compat-utils/instrumentation.js');
-require('@sentry/core');
+require('@sentry/core/browser');
 require('@sentry/browser');
+require('@sentry/core');
 
-/**
- * A browser tracing integration that uses React Router v7 to instrument navigations.
- * Expects `useEffect`, `useLocation`, `useNavigationType`, `createRoutesFromChildren` and `matchRoutes` to be passed as options.
- */
-function reactRouterV7BrowserTracingIntegration(
-  options,
-) {
-  return instrumentation.createReactRouterV6CompatibleTracingIntegration(options, '7');
+function reactRouterV7BrowserTracingIntegration(options) {
+  return instrumentation.createReactRouterV6CompatibleTracingIntegration(options, "7");
 }
-
-/**
- * A higher-order component that adds Sentry routing instrumentation to a React Router v7 Route component.
- * This is used to automatically capture route changes as transactions.
- */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function withSentryReactRouterV7Routing(routes) {
-  return instrumentation.createV6CompatibleWithSentryReactRouterRouting(routes, '7');
+  return instrumentation.createV6CompatibleWithSentryReactRouterRouting(routes, "7");
 }
-
-/**
- * A wrapper function that adds Sentry routing instrumentation to a React Router v7 createBrowserRouter function.
- * This is used to automatically capture route changes as transactions when using the createBrowserRouter API.
- */
-function wrapCreateBrowserRouterV7
-
-(createRouterFunction) {
-  return instrumentation.createV6CompatibleWrapCreateBrowserRouter(createRouterFunction, '7');
+function wrapCreateBrowserRouterV7(createRouterFunction) {
+  return instrumentation.createV6CompatibleWrapCreateBrowserRouter(createRouterFunction, "7");
 }
-
-/**
- * A wrapper function that adds Sentry routing instrumentation to a React Router v7 createMemoryRouter function.
- * This is used to automatically capture route changes as transactions when using the createMemoryRouter API.
- * The difference between createBrowserRouter and createMemoryRouter is that with createMemoryRouter,
- * optional `initialEntries` are also taken into account.
- */
-function wrapCreateMemoryRouterV7
-
-(createMemoryRouterFunction) {
-  return instrumentation.createV6CompatibleWrapCreateMemoryRouter(createMemoryRouterFunction, '7');
+function wrapCreateMemoryRouterV7(createMemoryRouterFunction) {
+  return instrumentation.createV6CompatibleWrapCreateMemoryRouter(createMemoryRouterFunction, "7");
 }
-
-/**
- * A wrapper function that adds Sentry routing instrumentation to a React Router v7 useRoutes hook.
- * This is used to automatically capture route changes as transactions when using the useRoutes hook.
- */
 function wrapUseRoutesV7(origUseRoutes) {
-  return instrumentation.createV6CompatibleWrapUseRoutes(origUseRoutes, '7');
+  return instrumentation.createV6CompatibleWrapUseRoutes(origUseRoutes, "7");
 }
 
 exports.reactRouterV7BrowserTracingIntegration = reactRouterV7BrowserTracingIntegration;

package/build/cjs/reactrouterv7.js.map

@@ -1 +1 @@
-{"version":3,"file":"reactrouterv7.js","sources":["../../src/reactrouterv7.tsx"],"sourcesContent":["// React Router v7 uses the same integration as v6\nimport type { browserTracingIntegration } from '@sentry/browser';\nimport type { Integration } from '@sentry/core';\nimport type { ReactRouterOptions } from './reactrouter-compat-utils';\nimport {\n  createReactRouterV6CompatibleTracingIntegration,\n  createV6CompatibleWithSentryReactRouterRouting,\n  createV6CompatibleWrapCreateBrowserRouter,\n  createV6CompatibleWrapCreateMemoryRouter,\n  createV6CompatibleWrapUseRoutes,\n} from './reactrouter-compat-utils';\nimport type { CreateRouterFunction, Router, RouterState, UseRoutes } from './types';\n\n/**\n * A browser tracing integration that uses React Router v7 to instrument navigations.\n * Expects `useEffect`, `useLocation`, `useNavigationType`, `createRoutesFromChildren` and `matchRoutes` to be passed as options.\n */\nexport function reactRouterV7BrowserTracingIntegration(\n  options: Parameters<typeof browserTracingIntegration>[0] & ReactRouterOptions,\n): Integration {\n  return createReactRouterV6CompatibleTracingIntegration(options, '7');\n}\n\n/**\n * A higher-order component that adds Sentry routing instrumentation to a React Router v7 Route component.\n * This is used to automatically capture route changes as transactions.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function withSentryReactRouterV7Routing<P extends Record<string, any>, R extends React.FC<P>>(routes: R): R {\n  return createV6CompatibleWithSentryReactRouterRouting<P, R>(routes, '7');\n}\n\n/**\n * A wrapper function that adds Sentry routing instrumentation to a React Router v7 createBrowserRouter function.\n * This is used to automatically capture route changes as transactions when using the createBrowserRouter API.\n */\nexport function wrapCreateBrowserRouterV7<\n  TState extends RouterState = RouterState,\n  TRouter extends Router<TState> = Router<TState>,\n>(createRouterFunction: CreateRouterFunction<TState, TRouter>): CreateRouterFunction<TState, TRouter> {\n  return createV6CompatibleWrapCreateBrowserRouter(createRouterFunction, '7');\n}\n\n/**\n * A wrapper function that adds Sentry routing instrumentation to a React Router v7 createMemoryRouter function.\n * This is used to automatically capture route changes as transactions when using the createMemoryRouter API.\n * The difference between createBrowserRouter and createMemoryRouter is that with createMemoryRouter,\n * optional `initialEntries` are also taken into account.\n */\nexport function wrapCreateMemoryRouterV7<\n  TState extends RouterState = RouterState,\n  TRouter extends Router<TState> = Router<TState>,\n>(createMemoryRouterFunction: CreateRouterFunction<TState, TRouter>): CreateRouterFunction<TState, TRouter> {\n  return createV6CompatibleWrapCreateMemoryRouter(createMemoryRouterFunction, '7');\n}\n\n/**\n * A wrapper function that adds Sentry routing instrumentation to a React Router v7 useRoutes hook.\n * This is used to automatically capture route changes as transactions when using the useRoutes hook.\n */\nexport function wrapUseRoutesV7(origUseRoutes: UseRoutes): UseRoutes {\n  return createV6CompatibleWrapUseRoutes(origUseRoutes, '7');\n}\n"],"names":["createReactRouterV6CompatibleTracingIntegration","createV6CompatibleWithSentryReactRouterRouting","createV6CompatibleWrapCreateBrowserRouter","createV6CompatibleWrapCreateMemoryRouter","createV6CompatibleWrapUseRoutes"],"mappings":";;;;;;AAaA;AACA;AACA;AACA;AACO,SAAS,sCAAsC;AACtD,EAAE,OAAO;AACT,EAAe;AACf,EAAE,OAAOA,+DAA+C,CAAC,OAAO,EAAE,GAAG,CAAC;AACtE;;AAEA;AACA;AACA;AACA;AACA;AACO,SAAS,8BAA8B,CAAuD,MAAM,EAAQ;AACnH,EAAE,OAAOC,8DAA8C,CAAO,MAAM,EAAE,GAAG,CAAC;AAC1E;;AAEA;AACA;AACA;AACA;AACO,SAAS;;AAGhB,CAAE,oBAAoB,EAAgF;AACtG,EAAE,OAAOC,yDAAyC,CAAC,oBAAoB,EAAE,GAAG,CAAC;AAC7E;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS;;AAGhB,CAAE,0BAA0B,EAAgF;AAC5G,EAAE,OAAOC,wDAAwC,CAAC,0BAA0B,EAAE,GAAG,CAAC;AAClF;;AAEA;AACA;AACA;AACA;AACO,SAAS,eAAe,CAAC,aAAa,EAAwB;AACrE,EAAE,OAAOC,+CAA+B,CAAC,aAAa,EAAE,GAAG,CAAC;AAC5D;;;;;;;;"}
+{"version":3,"file":"reactrouterv7.js","sources":["../../src/reactrouterv7.tsx"],"sourcesContent":["// React Router v7 uses the same integration as v6\nimport type { browserTracingIntegration } from '@sentry/browser';\nimport type { Integration } from '@sentry/core';\nimport type { ReactRouterOptions } from './reactrouter-compat-utils';\nimport {\n  createReactRouterV6CompatibleTracingIntegration,\n  createV6CompatibleWithSentryReactRouterRouting,\n  createV6CompatibleWrapCreateBrowserRouter,\n  createV6CompatibleWrapCreateMemoryRouter,\n  createV6CompatibleWrapUseRoutes,\n} from './reactrouter-compat-utils';\nimport type { CreateRouterFunction, Router, RouterState, UseRoutes } from './types';\n\n/**\n * A browser tracing integration that uses React Router v7 to instrument navigations.\n * Expects `useEffect`, `useLocation`, `useNavigationType`, `createRoutesFromChildren` and `matchRoutes` to be passed as options.\n *\n * @deprecated Use `reactRouterBrowserTracingIntegration` instead.\n */\nexport function reactRouterV7BrowserTracingIntegration(\n  options: Parameters<typeof browserTracingIntegration>[0] & ReactRouterOptions,\n): Integration {\n  return createReactRouterV6CompatibleTracingIntegration(options, '7');\n}\n\n/**\n * A higher-order component that adds Sentry routing instrumentation to a React Router v7 Route component.\n * This is used to automatically capture route changes as transactions.\n *\n * @deprecated Use `wrapReactRouterRouting` instead.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function withSentryReactRouterV7Routing<P extends Record<string, any>, R extends React.FC<P>>(routes: R): R {\n  return createV6CompatibleWithSentryReactRouterRouting<P, R>(routes, '7');\n}\n\n/**\n * A wrapper function that adds Sentry routing instrumentation to a React Router v7 createBrowserRouter function.\n * This is used to automatically capture route changes as transactions when using the createBrowserRouter API.\n *\n * @deprecated Use `wrapCreateBrowserRouter` instead.\n */\nexport function wrapCreateBrowserRouterV7<\n  TState extends RouterState = RouterState,\n  TRouter extends Router<TState> = Router<TState>,\n>(createRouterFunction: CreateRouterFunction<TState, TRouter>): CreateRouterFunction<TState, TRouter> {\n  return createV6CompatibleWrapCreateBrowserRouter(createRouterFunction, '7');\n}\n\n/**\n * A wrapper function that adds Sentry routing instrumentation to a React Router v7 createMemoryRouter function.\n * This is used to automatically capture route changes as transactions when using the createMemoryRouter API.\n * The difference between createBrowserRouter and createMemoryRouter is that with createMemoryRouter,\n * optional `initialEntries` are also taken into account.\n *\n * @deprecated Use `wrapCreateMemoryRouter` instead.\n */\nexport function wrapCreateMemoryRouterV7<\n  TState extends RouterState = RouterState,\n  TRouter extends Router<TState> = Router<TState>,\n>(createMemoryRouterFunction: CreateRouterFunction<TState, TRouter>): CreateRouterFunction<TState, TRouter> {\n  return createV6CompatibleWrapCreateMemoryRouter(createMemoryRouterFunction, '7');\n}\n\n/**\n * A wrapper function that adds Sentry routing instrumentation to a React Router v7 useRoutes hook.\n * This is used to automatically capture route changes as transactions when using the useRoutes hook.\n *\n * @deprecated Use `wrapUseRoutes` instead.\n */\nexport function wrapUseRoutesV7(origUseRoutes: UseRoutes): UseRoutes {\n  return createV6CompatibleWrapUseRoutes(origUseRoutes, '7');\n}\n"],"names":["createReactRouterV6CompatibleTracingIntegration","createV6CompatibleWithSentryReactRouterRouting","createV6CompatibleWrapCreateBrowserRouter","createV6CompatibleWrapCreateMemoryRouter","createV6CompatibleWrapUseRoutes"],"mappings":";;;;;;;AAmBO,SAAS,uCACd,OAAA,EACa;AACb,EAAA,OAAOA,+DAAA,CAAgD,SAAS,GAAG,CAAA;AACrE;AASO,SAAS,+BAAqF,MAAA,EAAc;AACjH,EAAA,OAAOC,8DAAA,CAAqD,QAAQ,GAAG,CAAA;AACzE;AAQO,SAAS,0BAGd,oBAAA,EAAoG;AACpG,EAAA,OAAOC,yDAAA,CAA0C,sBAAsB,GAAG,CAAA;AAC5E;AAUO,SAAS,yBAGd,0BAAA,EAA0G;AAC1G,EAAA,OAAOC,wDAAA,CAAyC,4BAA4B,GAAG,CAAA;AACjF;AAQO,SAAS,gBAAgB,aAAA,EAAqC;AACnE,EAAA,OAAOC,+CAAA,CAAgC,eAAe,GAAG,CAAA;AAC3D;;;;;;;;"}

package/build/cjs/redux.js

@@ -1,105 +1,76 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const core = require('@sentry/core');
-
-const ACTION_BREADCRUMB_CATEGORY = 'redux.action';
-const ACTION_BREADCRUMB_TYPE = 'info';
+const browser = require('@sentry/core/browser');
 
+const ACTION_BREADCRUMB_CATEGORY = "redux.action";
+const ACTION_BREADCRUMB_TYPE = "info";
 const defaultOptions = {
   attachReduxState: true,
-  actionTransformer: action => action,
-  stateTransformer: state => state || null,
+  actionTransformer: (action) => action,
+  stateTransformer: (state) => state || null
 };
-
-/**
- * Creates an enhancer that would be passed to Redux's createStore to log actions and the latest state to Sentry.
- *
- * @param enhancerOptions Options to pass to the enhancer
- */
 function createReduxEnhancer(enhancerOptions) {
-  // Note: We return an any type as to not have type conflicts.
   const options = {
     ...defaultOptions,
-    ...enhancerOptions,
+    ...enhancerOptions
   };
-
-  return (next) =>
-    (reducer, initialState) => {
-      options.attachReduxState &&
-        core.getGlobalScope().addEventProcessor((event, hint) => {
-          try {
+  return (next) => (reducer, initialState) => {
+    options.attachReduxState && browser.getGlobalScope().addEventProcessor((event, hint) => {
+      try {
+        if (event.type === void 0 && event.contexts.state.state.type === "redux") {
+          hint.attachments = [
+            ...hint.attachments || [],
             // @ts-expect-error try catch to reduce bundle size
-            if (event.type === undefined && event.contexts.state.state.type === 'redux') {
-              hint.attachments = [
-                ...(hint.attachments || []),
-                // @ts-expect-error try catch to reduce bundle size
-                { filename: 'redux_state.json', data: JSON.stringify(event.contexts.state.state.value) },
-              ];
-            }
-          } catch {
-            // empty
-          }
-          return event;
-        });
-
-      function sentryWrapReducer(reducer) {
-        return (state, action) => {
-          const newState = reducer(state, action);
-
-          const scope = core.getCurrentScope();
-
-          /* Action breadcrumbs */
-          const transformedAction = options.actionTransformer(action);
-          if (typeof transformedAction !== 'undefined' && transformedAction !== null) {
-            core.addBreadcrumb({
-              category: ACTION_BREADCRUMB_CATEGORY,
-              data: transformedAction,
-              type: ACTION_BREADCRUMB_TYPE,
-            });
-          }
-
-          /* Set latest state to scope */
-          const transformedState = options.stateTransformer(newState);
-          if (typeof transformedState !== 'undefined' && transformedState !== null) {
-            const client = core.getClient();
-            const options = client?.getOptions();
-            const normalizationDepth = options?.normalizeDepth || 3; // default state normalization depth to 3
-
-            // Set the normalization depth of the redux state to the configured `normalizeDepth` option or a sane number as a fallback
-            const newStateContext = { state: { type: 'redux', value: transformedState } };
-            core.addNonEnumerableProperty(
-              newStateContext,
-              '__sentry_override_normalization_depth__',
-              3 + // 3 layers for `state.value.transformedState`
-                normalizationDepth, // rest for the actual state
-            );
-
-            scope.setContext('state', newStateContext);
-          } else {
-            scope.setContext('state', null);
-          }
-
-          /* Allow user to configure scope with latest state */
-          const { configureScopeWithState } = options;
-          if (typeof configureScopeWithState === 'function') {
-            configureScopeWithState(scope, newState);
-          }
-
-          return newState;
-        };
+            { filename: "redux_state.json", data: JSON.stringify(event.contexts.state.state.value) }
+          ];
+        }
+      } catch {
       }
-
-      const store = next(sentryWrapReducer(reducer), initialState);
-
-      // eslint-disable-next-line @typescript-eslint/unbound-method
-      store.replaceReducer = new Proxy(store.replaceReducer, {
-        apply: function (target, thisArg, args) {
-          target.apply(thisArg, [sentryWrapReducer(args[0])]);
-        },
-      });
-
-      return store;
-    };
+      return event;
+    });
+    function sentryWrapReducer(reducer2) {
+      return (state, action) => {
+        const newState = reducer2(state, action);
+        const scope = browser.getCurrentScope();
+        const transformedAction = options.actionTransformer(action);
+        if (typeof transformedAction !== "undefined" && transformedAction !== null) {
+          browser.addBreadcrumb({
+            category: ACTION_BREADCRUMB_CATEGORY,
+            data: transformedAction,
+            type: ACTION_BREADCRUMB_TYPE
+          });
+        }
+        const transformedState = options.stateTransformer(newState);
+        if (typeof transformedState !== "undefined" && transformedState !== null) {
+          const client = browser.getClient();
+          const options2 = client?.getOptions();
+          const normalizationDepth = options2?.normalizeDepth || 3;
+          const newStateContext = { state: { type: "redux", value: transformedState } };
+          browser.setNormalizationDepthOverrideHint(
+            newStateContext,
+            3 + // 3 layers for `state.value.transformedState`
+            normalizationDepth
+            // rest for the actual state
+          );
+          scope.setContext("state", newStateContext);
+        } else {
+          scope.setContext("state", null);
+        }
+        const { configureScopeWithState } = options;
+        if (typeof configureScopeWithState === "function") {
+          configureScopeWithState(scope, newState);
+        }
+        return newState;
+      };
+    }
+    const store = next(sentryWrapReducer(reducer), initialState);
+    store.replaceReducer = new Proxy(store.replaceReducer, {
+      apply: function(target, thisArg, args) {
+        target.apply(thisArg, [sentryWrapReducer(args[0])]);
+      }
+    });
+    return store;
+  };
 }
 
 exports.createReduxEnhancer = createReduxEnhancer;

package/build/cjs/redux.js.map

@@ -1 +1 @@
-{"version":3,"file":"redux.js","sources":["../../src/redux.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { Scope } from '@sentry/core';\nimport { addBreadcrumb, addNonEnumerableProperty, getClient, getCurrentScope, getGlobalScope } from '@sentry/core';\n\ninterface Action<T = any> {\n  type: T;\n}\n\ninterface AnyAction extends Action {\n  [extraProps: string]: any;\n}\n\ntype Reducer<S = any, A extends Action = AnyAction> = (state: S | undefined, action: A) => S;\n\ntype Dispatch<A extends Action = AnyAction> = <T extends A>(action: T, ...extraArgs: any[]) => T;\n\ntype ExtendState<State, Extension> = [Extension] extends [never] ? State : State & Extension;\n\ntype Unsubscribe = () => void;\n\ninterface Store<S = any, A extends Action = AnyAction, StateExt = never, Ext = Record<string, unknown>> {\n  dispatch: Dispatch<A>;\n  getState(): S;\n  subscribe(listener: () => void): Unsubscribe;\n  replaceReducer<NewState, NewActions extends Action>(\n    nextReducer: Reducer<NewState, NewActions>,\n  ): Store<ExtendState<NewState, StateExt>, NewActions, StateExt, Ext> & Ext;\n}\n\ndeclare const $CombinedState: unique symbol;\n\ntype CombinedState<S> = { readonly [$CombinedState]?: undefined } & S;\n\ntype PreloadedState<S> =\n  Required<S> extends {\n    [$CombinedState]: undefined;\n  }\n    ? S extends CombinedState<infer S1>\n      ? { [K in keyof S1]?: S1[K] extends Record<string, unknown> ? PreloadedState<S1[K]> : S1[K] }\n      : never\n    : { [K in keyof S]: S[K] extends string | number | boolean | symbol ? S[K] : PreloadedState<S[K]> };\n\ntype StoreEnhancerStoreCreator<Ext = Record<string, unknown>, StateExt = never> = <\n  S = any,\n  A extends Action = AnyAction,\n>(\n  reducer: Reducer<S, A>,\n  preloadedState?: PreloadedState<S>,\n) => Store<ExtendState<S, StateExt>, A, StateExt, Ext> & Ext;\n\nexport interface SentryEnhancerOptions<S = any> {\n  /**\n   * Redux state in attachments or not.\n   * @default true\n   */\n  attachReduxState?: boolean;\n\n  /**\n   * Transforms the state before attaching it to an event.\n   * Use this to remove any private data before sending it to Sentry.\n   * Return null to not attach the state.\n   */\n  stateTransformer(state: S | undefined): (S & any) | null;\n  /**\n   * Transforms the action before sending it as a breadcrumb.\n   * Use this to remove any private data before sending it to Sentry.\n   * Return null to not send the breadcrumb.\n   */\n  actionTransformer(action: AnyAction): AnyAction | null;\n  /**\n   * Called on every state update, configure the Sentry Scope with the redux state.\n   */\n  configureScopeWithState?(scope: Scope, state: S): void;\n}\n\nconst ACTION_BREADCRUMB_CATEGORY = 'redux.action';\nconst ACTION_BREADCRUMB_TYPE = 'info';\n\nconst defaultOptions: SentryEnhancerOptions = {\n  attachReduxState: true,\n  actionTransformer: action => action,\n  stateTransformer: state => state || null,\n};\n\n/**\n * Creates an enhancer that would be passed to Redux's createStore to log actions and the latest state to Sentry.\n *\n * @param enhancerOptions Options to pass to the enhancer\n */\nfunction createReduxEnhancer(enhancerOptions?: Partial<SentryEnhancerOptions>): any {\n  // Note: We return an any type as to not have type conflicts.\n  const options = {\n    ...defaultOptions,\n    ...enhancerOptions,\n  };\n\n  return (next: StoreEnhancerStoreCreator): StoreEnhancerStoreCreator =>\n    <S = any, A extends Action = AnyAction>(reducer: Reducer<S, A>, initialState?: PreloadedState<S>) => {\n      options.attachReduxState &&\n        getGlobalScope().addEventProcessor((event, hint) => {\n          try {\n            // @ts-expect-error try catch to reduce bundle size\n            if (event.type === undefined && event.contexts.state.state.type === 'redux') {\n              hint.attachments = [\n                ...(hint.attachments || []),\n                // @ts-expect-error try catch to reduce bundle size\n                { filename: 'redux_state.json', data: JSON.stringify(event.contexts.state.state.value) },\n              ];\n            }\n          } catch {\n            // empty\n          }\n          return event;\n        });\n\n      function sentryWrapReducer(reducer: Reducer<S, A>): Reducer<S, A> {\n        return (state, action): S => {\n          const newState = reducer(state, action);\n\n          const scope = getCurrentScope();\n\n          /* Action breadcrumbs */\n          const transformedAction = options.actionTransformer(action);\n          if (typeof transformedAction !== 'undefined' && transformedAction !== null) {\n            addBreadcrumb({\n              category: ACTION_BREADCRUMB_CATEGORY,\n              data: transformedAction,\n              type: ACTION_BREADCRUMB_TYPE,\n            });\n          }\n\n          /* Set latest state to scope */\n          const transformedState = options.stateTransformer(newState);\n          if (typeof transformedState !== 'undefined' && transformedState !== null) {\n            const client = getClient();\n            const options = client?.getOptions();\n            const normalizationDepth = options?.normalizeDepth || 3; // default state normalization depth to 3\n\n            // Set the normalization depth of the redux state to the configured `normalizeDepth` option or a sane number as a fallback\n            const newStateContext = { state: { type: 'redux', value: transformedState } };\n            addNonEnumerableProperty(\n              newStateContext,\n              '__sentry_override_normalization_depth__',\n              3 + // 3 layers for `state.value.transformedState`\n                normalizationDepth, // rest for the actual state\n            );\n\n            scope.setContext('state', newStateContext);\n          } else {\n            scope.setContext('state', null);\n          }\n\n          /* Allow user to configure scope with latest state */\n          const { configureScopeWithState } = options;\n          if (typeof configureScopeWithState === 'function') {\n            configureScopeWithState(scope, newState);\n          }\n\n          return newState;\n        };\n      }\n\n      const store = next(sentryWrapReducer(reducer), initialState);\n\n      // eslint-disable-next-line @typescript-eslint/unbound-method\n      store.replaceReducer = new Proxy(store.replaceReducer, {\n        apply: function (target, thisArg, args) {\n          target.apply(thisArg, [sentryWrapReducer(args[0])]);\n        },\n      });\n\n      return store;\n    };\n}\n\nexport { createReduxEnhancer };\n"],"names":["getGlobalScope","getCurrentScope","addBreadcrumb","getClient","addNonEnumerableProperty"],"mappings":"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"}
+{"version":3,"file":"redux.js","sources":["../../src/redux.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { Scope } from '@sentry/core/browser';\nimport {\n  addBreadcrumb,\n  getClient,\n  getCurrentScope,\n  getGlobalScope,\n  setNormalizationDepthOverrideHint,\n} from '@sentry/core/browser';\n\ninterface Action<T = any> {\n  type: T;\n}\n\ninterface AnyAction extends Action {\n  [extraProps: string]: any;\n}\n\ntype Reducer<S = any, A extends Action = AnyAction> = (state: S | undefined, action: A) => S;\n\ntype Dispatch<A extends Action = AnyAction> = <T extends A>(action: T, ...extraArgs: any[]) => T;\n\ntype ExtendState<State, Extension> = [Extension] extends [never] ? State : State & Extension;\n\ntype Unsubscribe = () => void;\n\ninterface Store<S = any, A extends Action = AnyAction, StateExt = never, Ext = Record<string, unknown>> {\n  dispatch: Dispatch<A>;\n  getState(): S;\n  subscribe(listener: () => void): Unsubscribe;\n  replaceReducer<NewState, NewActions extends Action>(\n    nextReducer: Reducer<NewState, NewActions>,\n  ): Store<ExtendState<NewState, StateExt>, NewActions, StateExt, Ext> & Ext;\n}\n\ndeclare const $CombinedState: unique symbol;\n\ntype CombinedState<S> = { readonly [$CombinedState]?: undefined } & S;\n\ntype PreloadedState<S> =\n  Required<S> extends {\n    [$CombinedState]: undefined;\n  }\n    ? S extends CombinedState<infer S1>\n      ? { [K in keyof S1]?: S1[K] extends Record<string, unknown> ? PreloadedState<S1[K]> : S1[K] }\n      : never\n    : { [K in keyof S]: S[K] extends string | number | boolean | symbol ? S[K] : PreloadedState<S[K]> };\n\ntype StoreEnhancerStoreCreator<Ext = Record<string, unknown>, StateExt = never> = <\n  S = any,\n  A extends Action = AnyAction,\n>(\n  reducer: Reducer<S, A>,\n  preloadedState?: PreloadedState<S>,\n) => Store<ExtendState<S, StateExt>, A, StateExt, Ext> & Ext;\n\nexport interface SentryEnhancerOptions<S = any> {\n  /**\n   * Redux state in attachments or not.\n   * @default true\n   */\n  attachReduxState?: boolean;\n\n  /**\n   * Transforms the state before attaching it to an event.\n   * Use this to remove any private data before sending it to Sentry.\n   * Return null to not attach the state.\n   */\n  stateTransformer(state: S | undefined): (S & any) | null;\n  /**\n   * Transforms the action before sending it as a breadcrumb.\n   * Use this to remove any private data before sending it to Sentry.\n   * Return null to not send the breadcrumb.\n   */\n  actionTransformer(action: AnyAction): AnyAction | null;\n  /**\n   * Called on every state update, configure the Sentry Scope with the redux state.\n   */\n  configureScopeWithState?(scope: Scope, state: S): void;\n}\n\nconst ACTION_BREADCRUMB_CATEGORY = 'redux.action';\nconst ACTION_BREADCRUMB_TYPE = 'info';\n\nconst defaultOptions: SentryEnhancerOptions = {\n  attachReduxState: true,\n  actionTransformer: action => action,\n  stateTransformer: state => state || null,\n};\n\n/**\n * Creates an enhancer that would be passed to Redux's createStore to log actions and the latest state to Sentry.\n *\n * @param enhancerOptions Options to pass to the enhancer\n */\nfunction createReduxEnhancer(enhancerOptions?: Partial<SentryEnhancerOptions>): any {\n  // Note: We return an any type as to not have type conflicts.\n  const options = {\n    ...defaultOptions,\n    ...enhancerOptions,\n  };\n\n  return (next: StoreEnhancerStoreCreator): StoreEnhancerStoreCreator =>\n    <S = any, A extends Action = AnyAction>(reducer: Reducer<S, A>, initialState?: PreloadedState<S>) => {\n      options.attachReduxState &&\n        getGlobalScope().addEventProcessor((event, hint) => {\n          try {\n            // @ts-expect-error try catch to reduce bundle size\n            if (event.type === undefined && event.contexts.state.state.type === 'redux') {\n              hint.attachments = [\n                ...(hint.attachments || []),\n                // @ts-expect-error try catch to reduce bundle size\n                { filename: 'redux_state.json', data: JSON.stringify(event.contexts.state.state.value) },\n              ];\n            }\n          } catch {\n            // empty\n          }\n          return event;\n        });\n\n      function sentryWrapReducer(reducer: Reducer<S, A>): Reducer<S, A> {\n        return (state, action): S => {\n          const newState = reducer(state, action);\n\n          const scope = getCurrentScope();\n\n          /* Action breadcrumbs */\n          const transformedAction = options.actionTransformer(action);\n          if (typeof transformedAction !== 'undefined' && transformedAction !== null) {\n            addBreadcrumb({\n              category: ACTION_BREADCRUMB_CATEGORY,\n              data: transformedAction,\n              type: ACTION_BREADCRUMB_TYPE,\n            });\n          }\n\n          /* Set latest state to scope */\n          const transformedState = options.stateTransformer(newState);\n          if (typeof transformedState !== 'undefined' && transformedState !== null) {\n            const client = getClient();\n            const options = client?.getOptions();\n            const normalizationDepth = options?.normalizeDepth || 3; // default state normalization depth to 3\n\n            // Set the normalization depth of the redux state to the configured `normalizeDepth` option or a sane number as a fallback\n            const newStateContext = { state: { type: 'redux', value: transformedState } };\n            setNormalizationDepthOverrideHint(\n              newStateContext,\n              3 + // 3 layers for `state.value.transformedState`\n                normalizationDepth, // rest for the actual state\n            );\n\n            scope.setContext('state', newStateContext);\n          } else {\n            scope.setContext('state', null);\n          }\n\n          /* Allow user to configure scope with latest state */\n          const { configureScopeWithState } = options;\n          if (typeof configureScopeWithState === 'function') {\n            configureScopeWithState(scope, newState);\n          }\n\n          return newState;\n        };\n      }\n\n      const store = next(sentryWrapReducer(reducer), initialState);\n\n      // eslint-disable-next-line @typescript-eslint/unbound-method\n      store.replaceReducer = new Proxy(store.replaceReducer, {\n        apply: function (target, thisArg, args) {\n          target.apply(thisArg, [sentryWrapReducer(args[0])]);\n        },\n      });\n\n      return store;\n    };\n}\n\nexport { createReduxEnhancer };\n"],"names":["getGlobalScope","reducer","getCurrentScope","addBreadcrumb","getClient","options","setNormalizationDepthOverrideHint"],"mappings":"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"}

package/build/cjs/sdk.js

@@ -1,20 +1,25 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const browser = require('@sentry/browser');
-const core = require('@sentry/core');
+const browser$1 = require('@sentry/browser');
+const browser = require('@sentry/core/browser');
 const React = require('react');
+const isSyntheticEvent = require('./isSyntheticEvent.js');
 
-/**
- * Inits the React SDK
- */
 function init(options) {
   const opts = {
-    ...options,
+    ...options
   };
-
-  core.applySdkMetadata(opts, 'react');
-  browser.setContext('react', { version: React.version });
-  return browser.init(opts);
+  browser.applySdkMetadata(opts, "react");
+  browser$1.setContext("react", { version: React.version });
+  const client = browser$1.init(opts);
+  browser.setNormalizeStringifier(normalizeStringifyValue);
+  return client;
+}
+function normalizeStringifyValue(value) {
+  if (isSyntheticEvent.isSyntheticEvent(value)) {
+    return "[SyntheticEvent]";
+  }
+  return browser$1.normalizeStringifyValue(value);
 }
 
 exports.init = init;

package/build/cjs/sdk.js.map

@@ -1 +1 @@
-{"version":3,"file":"sdk.js","sources":["../../src/sdk.ts"],"sourcesContent":["import type { BrowserOptions } from '@sentry/browser';\nimport { init as browserInit, setContext } from '@sentry/browser';\nimport type { Client } from '@sentry/core';\nimport { applySdkMetadata } from '@sentry/core';\nimport { version } from 'react';\n\n/**\n * Inits the React SDK\n */\nexport function init(options: BrowserOptions): Client | undefined {\n  const opts = {\n    ...options,\n  };\n\n  applySdkMetadata(opts, 'react');\n  setContext('react', { version });\n  return browserInit(opts);\n}\n"],"names":["applySdkMetadata","setContext","version","browserInit"],"mappings":";;;;;;AAMA;AACA;AACA;AACO,SAAS,IAAI,CAAC,OAAO,EAAsC;AAClE,EAAE,MAAM,OAAO;AACf,IAAI,GAAG,OAAO;AACd,GAAG;;AAEH,EAAEA,qBAAgB,CAAC,IAAI,EAAE,OAAO,CAAC;AACjC,EAAEC,kBAAU,CAAC,OAAO,EAAE,WAAEC,aAAA,EAAS,CAAC;AAClC,EAAE,OAAOC,YAAW,CAAC,IAAI,CAAC;AAC1B;;;;"}
+{"version":3,"file":"sdk.js","sources":["../../src/sdk.ts"],"sourcesContent":["import type { BrowserOptions } from '@sentry/browser';\nimport {\n  init as browserInit,\n  normalizeStringifyValue as browserNormalizeStringifyValue,\n  setContext,\n} from '@sentry/browser';\nimport type { Client } from '@sentry/core/browser';\nimport { applySdkMetadata, setNormalizeStringifier } from '@sentry/core/browser';\nimport { version } from 'react';\nimport { isSyntheticEvent } from './isSyntheticEvent';\n\n/**\n * Inits the React SDK\n */\nexport function init(options: BrowserOptions): Client | undefined {\n  const opts = {\n    ...options,\n  };\n\n  applySdkMetadata(opts, 'react');\n  setContext('react', { version });\n  const client = browserInit(opts);\n\n  // Add react-specific stringification\n  setNormalizeStringifier(normalizeStringifyValue);\n\n  return client;\n}\n\nfunction normalizeStringifyValue(value: Exclude<unknown, string | number | boolean | null>): string | undefined {\n  if (isSyntheticEvent(value)) {\n    return '[SyntheticEvent]';\n  }\n  return browserNormalizeStringifyValue(value);\n}\n"],"names":["applySdkMetadata","setContext","version","browserInit","setNormalizeStringifier","isSyntheticEvent","browserNormalizeStringifyValue"],"mappings":";;;;;;;AAcO,SAAS,KAAK,OAAA,EAA6C;AAChE,EAAA,MAAM,IAAA,GAAO;AAAA,IACX,GAAG;AAAA,GACL;AAEA,EAAAA,wBAAA,CAAiB,MAAM,OAAO,CAAA;AAC9B,EAAAC,oBAAA,CAAW,OAAA,EAAS,WAAEC,aAAA,EAAS,CAAA;AAC/B,EAAA,MAAM,MAAA,GAASC,eAAY,IAAI,CAAA;AAG/B,EAAAC,+BAAA,CAAwB,uBAAuB,CAAA;AAE/C,EAAA,OAAO,MAAA;AACT;AAEA,SAAS,wBAAwB,KAAA,EAA+E;AAC9G,EAAA,IAAIC,iCAAA,CAAiB,KAAK,CAAA,EAAG;AAC3B,IAAA,OAAO,kBAAA;AAAA,EACT;AACA,EAAA,OAAOC,kCAA+B,KAAK,CAAA;AAC7C;;;;"}

package/build/cjs/tanstackrouter.js

@@ -1,132 +1,130 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const browser = require('@sentry/browser');
-const core = require('@sentry/core');
+const browser$1 = require('@sentry/core/browser');
+const attributes = require('@sentry/conventions/attributes');
 
-/**
- * A custom browser tracing integration for TanStack Router.
- *
- * The minimum compatible version of `@tanstack/react-router` is `1.64.0`.
- *
- * @param router A TanStack Router `Router` instance that should be used for routing instrumentation.
- * @param options Sentry browser tracing configuration.
- */
-function tanstackRouterBrowserTracingIntegration(
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  router, // This is `any` because we don't want any type mismatches if TanStack Router changes their types
-  options = {},
-) {
+function tanstackRouterBrowserTracingIntegration(router, options = {}) {
   const castRouterInstance = router;
-
   const browserTracingIntegrationInstance = browser.browserTracingIntegration({
     ...options,
     instrumentNavigation: false,
-    instrumentPageLoad: false,
+    instrumentPageLoad: false
   });
-
   const { instrumentPageLoad = true, instrumentNavigation = true } = options;
-
   return {
     ...browserTracingIntegrationInstance,
     afterAllSetup(client) {
       browserTracingIntegrationInstance.afterAllSetup(client);
-
+      const resolveRouteMatch = (pathname, search) => {
+        const matchedRoutes = castRouterInstance.matchRoutes(pathname, search, {
+          preload: false,
+          throwOnError: false
+        });
+        const lastMatch = matchedRoutes[matchedRoutes.length - 1];
+        return lastMatch?.routeId !== "__root__" ? lastMatch : void 0;
+      };
+      const applyRouteMatch = (span, match, toLocation, fallbackName) => {
+        span.updateName(match ? match.routeId : fallbackName);
+        span.setAttribute(browser$1.SEMANTIC_ATTRIBUTE_SENTRY_SOURCE, match ? "route" : "url");
+        span.setAttributes({
+          ...match && { [attributes.URL_TEMPLATE]: match.routeId },
+          ...locationToSpanUrlAttributes(castRouterInstance, toLocation),
+          ...routeMatchToParamSpanAttributes(match)
+        });
+      };
       const initialWindowLocation = browser.WINDOW.location;
       if (instrumentPageLoad && initialWindowLocation) {
-        const matchedRoutes = castRouterInstance.matchRoutes(
+        const routeMatch = resolveRouteMatch(
           initialWindowLocation.pathname,
-          castRouterInstance.options.parseSearch(initialWindowLocation.search),
-          { preload: false, throwOnError: false },
+          castRouterInstance.options.parseSearch(initialWindowLocation.search)
         );
-
-        const lastMatch = matchedRoutes[matchedRoutes.length - 1];
-        // If we only match __root__, we ended up not matching any route at all, so
-        // we fall back to the pathname.
-        const routeMatch = lastMatch?.routeId !== '__root__' ? lastMatch : undefined;
-
-        browser.startBrowserTracingPageLoadSpan(client, {
+        const pageloadSpan = browser.startBrowserTracingPageLoadSpan(client, {
           name: routeMatch ? routeMatch.routeId : initialWindowLocation.pathname,
           attributes: {
-            [core.SEMANTIC_ATTRIBUTE_SENTRY_OP]: 'pageload',
-            [core.SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.pageload.react.tanstack_router',
-            [core.SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: routeMatch ? 'route' : 'url',
-            ...routeMatchToParamSpanAttributes(routeMatch),
-          },
+            [browser$1.SEMANTIC_ATTRIBUTE_SENTRY_OP]: "pageload",
+            [browser$1.SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: "auto.pageload.react.tanstack_router",
+            [browser$1.SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: routeMatch ? "route" : "url",
+            ...routeMatch && { [attributes.URL_TEMPLATE]: routeMatch.routeId },
+            ...routeMatchToParamSpanAttributes(routeMatch)
+          }
+        });
+        const unsubscribePageloadResolved = castRouterInstance.subscribe("onResolved", (onResolvedArgs) => {
+          unsubscribePageloadResolved();
+          if (!pageloadSpan) {
+            return;
+          }
+          const { toLocation } = onResolvedArgs;
+          const resolvedMatch = resolveRouteMatch(toLocation.pathname, toLocation.search);
+          applyRouteMatch(pageloadSpan, resolvedMatch, toLocation, toLocation.pathname);
         });
       }
-
       if (instrumentNavigation) {
-        // The onBeforeNavigate hook is called at the very beginning of a navigation and is only called once per navigation, even when the user is redirected
-        castRouterInstance.subscribe('onBeforeNavigate', onBeforeNavigateArgs => {
-          // onBeforeNavigate is called during pageloads. We can avoid creating navigation spans by:
-          // 1. Checking if there's no fromLocation (initial pageload)
-          // 2. Comparing the states of the to and from arguments
-          if (
-            !onBeforeNavigateArgs.fromLocation ||
-            onBeforeNavigateArgs.toLocation.state === onBeforeNavigateArgs.fromLocation.state
-          ) {
+        let inFlightNavigationSpan;
+        castRouterInstance.subscribe("onBeforeLoad", (onBeforeLoadArgs) => {
+          const { toLocation, fromLocation } = onBeforeLoadArgs;
+          if (!fromLocation || toLocation.state === fromLocation.state) {
             return;
           }
-
-          const matchedRoutesOnBeforeNavigate = castRouterInstance.matchRoutes(
-            onBeforeNavigateArgs.toLocation.pathname,
-            onBeforeNavigateArgs.toLocation.search,
-            { preload: false, throwOnError: false },
-          );
-
-          const onBeforeNavigateLastMatch = matchedRoutesOnBeforeNavigate[matchedRoutesOnBeforeNavigate.length - 1];
-          const onBeforeNavigateRouteMatch =
-            onBeforeNavigateLastMatch?.routeId !== '__root__' ? onBeforeNavigateLastMatch : undefined;
-
-          const navigationLocation = browser.WINDOW.location;
-          const navigationSpan = browser.startBrowserTracingNavigationSpan(client, {
-            name: onBeforeNavigateRouteMatch ? onBeforeNavigateRouteMatch.routeId : navigationLocation.pathname,
-            attributes: {
-              [core.SEMANTIC_ATTRIBUTE_SENTRY_OP]: 'navigation',
-              [core.SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: 'auto.navigation.react.tanstack_router',
-              [core.SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: onBeforeNavigateRouteMatch ? 'route' : 'url',
-            },
-          });
-
-          // In case the user is redirected during navigation we want to update the span with the right value.
-          const unsubscribeOnResolved = castRouterInstance.subscribe('onResolved', onResolvedArgs => {
-            unsubscribeOnResolved();
-            if (navigationSpan) {
-              const matchedRoutesOnResolved = castRouterInstance.matchRoutes(
-                onResolvedArgs.toLocation.pathname,
-                onResolvedArgs.toLocation.search,
-                { preload: false, throwOnError: false },
-              );
-
-              const onResolvedLastMatch = matchedRoutesOnResolved[matchedRoutesOnResolved.length - 1];
-              const onResolvedRouteMatch =
-                onResolvedLastMatch?.routeId !== '__root__' ? onResolvedLastMatch : undefined;
-
-              if (onResolvedRouteMatch) {
-                navigationSpan.updateName(onResolvedRouteMatch.routeId);
-                navigationSpan.setAttribute(core.SEMANTIC_ATTRIBUTE_SENTRY_SOURCE, 'route');
-                navigationSpan.setAttributes(routeMatchToParamSpanAttributes(onResolvedRouteMatch));
+          const routeMatch = resolveRouteMatch(toLocation.pathname, toLocation.search);
+          const fallbackName = browser.WINDOW.location?.pathname || toLocation.pathname;
+          if (inFlightNavigationSpan) {
+            applyRouteMatch(inFlightNavigationSpan, routeMatch, toLocation, fallbackName);
+            return;
+          }
+          inFlightNavigationSpan = browser.startBrowserTracingNavigationSpan(
+            client,
+            {
+              name: routeMatch ? routeMatch.routeId : fallbackName,
+              attributes: {
+                [browser$1.SEMANTIC_ATTRIBUTE_SENTRY_OP]: "navigation",
+                [browser$1.SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN]: "auto.navigation.react.tanstack_router",
+                [browser$1.SEMANTIC_ATTRIBUTE_SENTRY_SOURCE]: routeMatch ? "route" : "url",
+                ...routeMatch && { [attributes.URL_TEMPLATE]: routeMatch.routeId },
+                ...routeMatchToParamSpanAttributes(routeMatch)
               }
-            }
-          });
+            },
+            { url: locationToAbsoluteUrl(castRouterInstance, toLocation) }
+          );
+        });
+        castRouterInstance.subscribe("onResolved", (onResolvedArgs) => {
+          const span = inFlightNavigationSpan;
+          inFlightNavigationSpan = void 0;
+          if (!span) {
+            return;
+          }
+          const { toLocation } = onResolvedArgs;
+          const resolvedMatch = resolveRouteMatch(toLocation.pathname, toLocation.search);
+          if (resolvedMatch) {
+            applyRouteMatch(span, resolvedMatch, toLocation, browser.WINDOW.location?.pathname || toLocation.pathname);
+          }
         });
       }
-    },
+    }
+  };
+}
+function locationToAbsoluteUrl(router, location) {
+  const search = router.options.stringifySearch?.(location.search) ?? "";
+  const pathWithSearch = `${location.pathname}${search && search !== "?" ? search : ""}`;
+  return browser.getAbsoluteUrl(pathWithSearch);
+}
+function locationToSpanUrlAttributes(router, location) {
+  const absoluteUrl = locationToAbsoluteUrl(router, location);
+  return {
+    [attributes.URL_PATH]: location.pathname,
+    [attributes.URL_FULL]: absoluteUrl
   };
 }
-
 function routeMatchToParamSpanAttributes(match) {
   if (!match) {
     return {};
   }
-
   const paramAttributes = {};
   Object.entries(match.params).forEach(([key, value]) => {
-    paramAttributes[`url.path.params.${key}`] = value; // TODO(v11): remove attribute which does not adhere to Sentry's semantic convention
-    paramAttributes[`url.path.parameter.${key}`] = value;
-    paramAttributes[`params.${key}`] = value; // params.[key] is an alias
+    paramAttributes[`url.path.params.${key}`] = value;
+    paramAttributes[`${attributes.URL_PATH_PARAMETER_KEY_BASE}.${key}`] = value;
+    paramAttributes[`${attributes.PARAMS_KEY_BASE}.${key}`] = value;
   });
-
   return paramAttributes;
 }