@sentry/react 7.0.0-alpha.1 → 7.0.0-beta.2

package/cjs/reactrouterv6.js

@@ -0,0 +1,163 @@
+var {
+  _interopDefault
+} = require('@sentry/utils/cjs/buildPolyfills');
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@sentry/utils');
+var hoistNonReactStatics = require('hoist-non-react-statics');
+var React = require('react');
+var flags = require('./flags.js');
+
+var hoistNonReactStatics__default = /*#__PURE__*/_interopDefault(hoistNonReactStatics);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var _jsxFileName = "/home/runner/work/sentry-javascript/sentry-javascript/packages/react/src/reactrouterv6.tsx";
+
+let activeTransaction;
+
+let _useEffect;
+let _useLocation;
+let _useNavigationType;
+let _createRoutesFromChildren;
+let _matchRoutes;
+let _customStartTransaction;
+let _startTransactionOnLocationChange;
+
+var global = utils.getGlobalObject();
+
+var SENTRY_TAGS = {
+  'routing.instrumentation': 'react-router-v6',
+};
+
+function getInitPathName() {
+  if (global && global.location) {
+    return global.location.pathname;
+  }
+
+  return undefined;
+}
+
+function reactRouterV6Instrumentation(
+  useEffect,
+  useLocation,
+  useNavigationType,
+  createRoutesFromChildren,
+  matchRoutes,
+) {
+  return (
+    customStartTransaction,
+    startTransactionOnPageLoad = true,
+    startTransactionOnLocationChange = true,
+  ) => {
+    var initPathName = getInitPathName();
+    if (startTransactionOnPageLoad && initPathName) {
+      activeTransaction = customStartTransaction({
+        name: initPathName,
+        op: 'pageload',
+        tags: SENTRY_TAGS,
+      });
+    }
+
+    _useEffect = useEffect;
+    _useLocation = useLocation;
+    _useNavigationType = useNavigationType;
+    _matchRoutes = matchRoutes;
+    _createRoutesFromChildren = createRoutesFromChildren;
+
+    _customStartTransaction = customStartTransaction;
+    _startTransactionOnLocationChange = startTransactionOnLocationChange;
+  };
+}
+
+var getTransactionName = (routes, location, matchRoutes) => {
+  if (!routes || routes.length === 0 || !matchRoutes) {
+    return location.pathname;
+  }
+
+  var branches = matchRoutes(routes, location);
+
+  if (branches) {
+        for (let x = 0; x < branches.length; x++) {
+      if (branches[x].route && branches[x].route.path && branches[x].pathname === location.pathname) {
+        return branches[x].route.path || location.pathname;
+      }
+    }
+  }
+
+  return location.pathname;
+};
+
+function withSentryReactRouterV6Routing(Routes) {
+  if (
+    !_useEffect ||
+    !_useLocation ||
+    !_useNavigationType ||
+    !_createRoutesFromChildren ||
+    !_matchRoutes ||
+    !_customStartTransaction
+  ) {
+    flags.IS_DEBUG_BUILD &&
+      utils.logger.warn('reactRouterV6Instrumentation was unable to wrap Routes because of one or more missing parameters.');
+
+    return Routes;
+  }
+
+  let isBaseLocation = false;
+  let routes;
+
+  var SentryRoutes = (props) => {
+    var location = _useLocation();
+    var navigationType = _useNavigationType();
+
+    _useEffect(() => {
+      // Performance concern:
+      // This is repeated when <Routes /> is rendered.
+      routes = _createRoutesFromChildren(props.children);
+      isBaseLocation = true;
+
+      if (activeTransaction) {
+        activeTransaction.setName(getTransactionName(routes, location, _matchRoutes));
+      }
+
+          }, [props.children]);
+
+    _useEffect(() => {
+      if (isBaseLocation) {
+        if (activeTransaction) {
+          activeTransaction.finish();
+        }
+
+        return;
+      }
+
+      if (_startTransactionOnLocationChange && (navigationType === 'PUSH' || navigationType === 'POP')) {
+        if (activeTransaction) {
+          activeTransaction.finish();
+        }
+
+        activeTransaction = _customStartTransaction({
+          name: getTransactionName(routes, location, _matchRoutes),
+          op: 'navigation',
+          tags: SENTRY_TAGS,
+        });
+      }
+    }, [props.children, location, navigationType, isBaseLocation]);
+
+    isBaseLocation = false;
+
+    // @ts-ignore Setting more specific React Component typing for `R` generic above
+    // will break advanced type inference done by react router params
+    return React__default.createElement(Routes, { ...props, __self: this, __source: {fileName: _jsxFileName, lineNumber: 172}} );
+  };
+
+  hoistNonReactStatics__default(SentryRoutes, Routes);
+
+  // @ts-ignore Setting more specific React Component typing for `R` generic above
+  // will break advanced type inference done by react router params
+  return SentryRoutes;
+}
+
+exports.reactRouterV6Instrumentation = reactRouterV6Instrumentation;
+exports.withSentryReactRouterV6Routing = withSentryReactRouterV6Routing;
+//# sourceMappingURL=reactrouterv6.js.map

package/cjs/reactrouterv6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactrouterv6.js","sources":["../../src/reactrouterv6.tsx"],"sourcesContent":["// Inspired from Donnie McNeal's solution:\n// https://gist.github.com/wontondon/e8c4bdf2888875e4c755712e99279536\n\nimport { Transaction, TransactionContext } from '@sentry/types';\nimport { getGlobalObject, logger } from '@sentry/utils';\nimport hoistNonReactStatics from 'hoist-non-react-statics';\nimport React from 'react';\n\nimport { IS_DEBUG_BUILD } from './flags';\nimport { Action, Location } from './types';\n\ninterface RouteObject {\n  caseSensitive?: boolean;\n  children?: RouteObject[];\n  element?: React.ReactNode;\n  index?: boolean;\n  path?: string;\n}\n\ntype Params<Key extends string = string> = {\n  readonly [key in Key]: string | undefined;\n};\n\ninterface RouteMatch<ParamKey extends string = string> {\n  params: Params<ParamKey>;\n  pathname: string;\n  route: RouteObject;\n}\n\ntype UseEffect = (cb: () => void, deps: unknown[]) => void;\ntype UseLocation = () => Location;\ntype UseNavigationType = () => Action;\ntype CreateRoutesFromChildren = (children: JSX.Element[]) => RouteObject[];\ntype MatchRoutes = (routes: RouteObject[], location: Location) => RouteMatch[] | null;\n\nlet activeTransaction: Transaction | undefined;\n\nlet _useEffect: UseEffect;\nlet _useLocation: UseLocation;\nlet _useNavigationType: UseNavigationType;\nlet _createRoutesFromChildren: CreateRoutesFromChildren;\nlet _matchRoutes: MatchRoutes;\nlet _customStartTransaction: (context: TransactionContext) => Transaction | undefined;\nlet _startTransactionOnLocationChange: boolean;\n\nconst global = getGlobalObject<Window>();\n\nconst SENTRY_TAGS = {\n  'routing.instrumentation': 'react-router-v6',\n};\n\nfunction getInitPathName(): string | undefined {\n  if (global && global.location) {\n    return global.location.pathname;\n  }\n\n  return undefined;\n}\n\nexport function reactRouterV6Instrumentation(\n  useEffect: UseEffect,\n  useLocation: UseLocation,\n  useNavigationType: UseNavigationType,\n  createRoutesFromChildren: CreateRoutesFromChildren,\n  matchRoutes: MatchRoutes,\n) {\n  return (\n    customStartTransaction: (context: TransactionContext) => Transaction | undefined,\n    startTransactionOnPageLoad = true,\n    startTransactionOnLocationChange = true,\n  ): void => {\n    const initPathName = getInitPathName();\n    if (startTransactionOnPageLoad && initPathName) {\n      activeTransaction = customStartTransaction({\n        name: initPathName,\n        op: 'pageload',\n        tags: SENTRY_TAGS,\n      });\n    }\n\n    _useEffect = useEffect;\n    _useLocation = useLocation;\n    _useNavigationType = useNavigationType;\n    _matchRoutes = matchRoutes;\n    _createRoutesFromChildren = createRoutesFromChildren;\n\n    _customStartTransaction = customStartTransaction;\n    _startTransactionOnLocationChange = startTransactionOnLocationChange;\n  };\n}\n\nconst getTransactionName = (routes: RouteObject[], location: Location, matchRoutes: MatchRoutes): string => {\n  if (!routes || routes.length === 0 || !matchRoutes) {\n    return location.pathname;\n  }\n\n  const branches = matchRoutes(routes, location);\n\n  if (branches) {\n    // eslint-disable-next-line @typescript-eslint/prefer-for-of\n    for (let x = 0; x < branches.length; x++) {\n      if (branches[x].route && branches[x].route.path && branches[x].pathname === location.pathname) {\n        return branches[x].route.path || location.pathname;\n      }\n    }\n  }\n\n  return location.pathname;\n};\n\nexport function withSentryReactRouterV6Routing<P extends Record<string, any>, R extends React.FC<P>>(Routes: R): R {\n  if (\n    !_useEffect ||\n    !_useLocation ||\n    !_useNavigationType ||\n    !_createRoutesFromChildren ||\n    !_matchRoutes ||\n    !_customStartTransaction\n  ) {\n    IS_DEBUG_BUILD &&\n      logger.warn('reactRouterV6Instrumentation was unable to wrap Routes because of one or more missing parameters.');\n\n    return Routes;\n  }\n\n  let isBaseLocation: boolean = false;\n  let routes: RouteObject[];\n\n  const SentryRoutes: React.FC<P> = (props: P) => {\n    const location = _useLocation();\n    const navigationType = _useNavigationType();\n\n    _useEffect(() => {\n      // Performance concern:\n      // This is repeated when <Routes /> is rendered.\n      routes = _createRoutesFromChildren(props.children);\n      isBaseLocation = true;\n\n      if (activeTransaction) {\n        activeTransaction.setName(getTransactionName(routes, location, _matchRoutes));\n      }\n\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [props.children]);\n\n    _useEffect(() => {\n      if (isBaseLocation) {\n        if (activeTransaction) {\n          activeTransaction.finish();\n        }\n\n        return;\n      }\n\n      if (_startTransactionOnLocationChange && (navigationType === 'PUSH' || navigationType === 'POP')) {\n        if (activeTransaction) {\n          activeTransaction.finish();\n        }\n\n        activeTransaction = _customStartTransaction({\n          name: getTransactionName(routes, location, _matchRoutes),\n          op: 'navigation',\n          tags: SENTRY_TAGS,\n        });\n      }\n    }, [props.children, location, navigationType, isBaseLocation]);\n\n    isBaseLocation = false;\n\n    // @ts-ignore Setting more specific React Component typing for `R` generic above\n    // will break advanced type inference done by react router params\n    return <Routes {...props} />;\n  };\n\n  hoistNonReactStatics(SentryRoutes, Routes);\n\n  // @ts-ignore Setting more specific React Component typing for `R` generic above\n  // will break advanced type inference done by react router params\n  return SentryRoutes;\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA;;AAmCA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;;AAEA;;;;;;AAMA;;;;;;;;AAQA;;;;;;;;;;;;;;;;;;;;;;;;AAwBA;;AAEA;;;;;;;;;;;;;;;;AAiBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA;;;"}

package/cjs/redux.js

@@ -1,56 +1,65 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-/* eslint-disable @typescript-eslint/no-explicit-any */
-var minimal_1 = require("@sentry/minimal");
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var browser = require('@sentry/browser');
+
 var ACTION_BREADCRUMB_CATEGORY = 'redux.action';
 var ACTION_BREADCRUMB_TYPE = 'info';
 var STATE_CONTEXT_KEY = 'redux.state';
+
 var defaultOptions = {
-    actionTransformer: function (action) { return action; },
-    stateTransformer: function (state) { return 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.
-    var options = tslib_1.__assign(tslib_1.__assign({}, defaultOptions), enhancerOptions);
-    return function (next) {
-        return function (reducer, initialState) {
-            var sentryReducer = function (state, action) {
-                var newState = reducer(state, action);
-                minimal_1.configureScope(function (scope) {
-                    /* Action breadcrumbs */
-                    var transformedAction = options.actionTransformer(action);
-                    if (typeof transformedAction !== 'undefined' && transformedAction !== null) {
-                        scope.addBreadcrumb({
-                            category: ACTION_BREADCRUMB_CATEGORY,
-                            data: transformedAction,
-                            type: ACTION_BREADCRUMB_TYPE,
-                        });
-                    }
-                    /* Set latest state to scope */
-                    var transformedState = options.stateTransformer(newState);
-                    if (typeof transformedState !== 'undefined' && transformedState !== null) {
-                        scope.setContext(STATE_CONTEXT_KEY, transformedState);
-                    }
-                    else {
-                        scope.setContext(STATE_CONTEXT_KEY, null);
-                    }
-                    /* Allow user to configure scope with latest state */
-                    // eslint-disable-next-line @typescript-eslint/unbound-method
-                    var configureScopeWithState = options.configureScopeWithState;
-                    if (typeof configureScopeWithState === 'function') {
-                        configureScopeWithState(scope, newState);
-                    }
-                });
-                return newState;
-            };
-            return next(sentryReducer, initialState);
-        };
+  // Note: We return an any type as to not have type conflicts.
+  var options = {
+    ...defaultOptions,
+    ...enhancerOptions,
+  };
+
+  return (next) =>
+    (reducer, initialState) => {
+      var sentryReducer = (state, action) => {
+        var newState = reducer(state, action);
+
+        browser.configureScope(scope => {
+          /* Action breadcrumbs */
+          var transformedAction = options.actionTransformer(action);
+          if (typeof transformedAction !== 'undefined' && transformedAction !== null) {
+            scope.addBreadcrumb({
+              category: ACTION_BREADCRUMB_CATEGORY,
+              data: transformedAction,
+              type: ACTION_BREADCRUMB_TYPE,
+            });
+          }
+
+          /* Set latest state to scope */
+          var transformedState = options.stateTransformer(newState);
+          if (typeof transformedState !== 'undefined' && transformedState !== null) {
+            scope.setContext(STATE_CONTEXT_KEY, transformedState);
+          } else {
+            scope.setContext(STATE_CONTEXT_KEY, null);
+          }
+
+          /* Allow user to configure scope with latest state */
+                    const { configureScopeWithState } = options;
+          if (typeof configureScopeWithState === 'function') {
+            configureScopeWithState(scope, newState);
+          }
+        });
+
+        return newState;
+      };
+
+      return next(sentryReducer, initialState);
     };
 }
+
 exports.createReduxEnhancer = createReduxEnhancer;
-//# sourceMappingURL=redux.js.map
+//# sourceMappingURL=redux.js.map

package/cjs/redux.js.map

@@ -1 +1 @@
-{"version":3,"file":"redux.js","sourceRoot":"","sources":["../../src/redux.ts"],"names":[],"mappings":";;AAAA,uDAAuD;AACvD,2CAAiD;AAmEjD,IAAM,0BAA0B,GAAG,cAAc,CAAC;AAClD,IAAM,sBAAsB,GAAG,MAAM,CAAC;AACtC,IAAM,iBAAiB,GAAG,aAAa,CAAC;AAExC,IAAM,cAAc,GAA0B;IAC5C,iBAAiB,EAAE,UAAA,MAAM,IAAI,OAAA,MAAM,EAAN,CAAM;IACnC,gBAAgB,EAAE,UAAA,KAAK,IAAI,OAAA,KAAK,IAAI,IAAI,EAAb,CAAa;CACzC,CAAC;AAEF;;;;GAIG;AACH,SAAS,mBAAmB,CAAC,eAAgD;IAC3E,6DAA6D;IAC7D,IAAM,OAAO,yCACR,cAAc,GACd,eAAe,CACnB,CAAC;IAEF,OAAO,UAAC,IAA+B;QACrC,OAAA,UAAwC,OAAsB,EAAE,YAAgC;YAC9F,IAAM,aAAa,GAAkB,UAAC,KAAK,EAAE,MAAM;gBACjD,IAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;gBAExC,wBAAc,CAAC,UAAA,KAAK;oBAClB,wBAAwB;oBACxB,IAAM,iBAAiB,GAAG,OAAO,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;oBAC5D,IAAI,OAAO,iBAAiB,KAAK,WAAW,IAAI,iBAAiB,KAAK,IAAI,EAAE;wBAC1E,KAAK,CAAC,aAAa,CAAC;4BAClB,QAAQ,EAAE,0BAA0B;4BACpC,IAAI,EAAE,iBAAiB;4BACvB,IAAI,EAAE,sBAAsB;yBAC7B,CAAC,CAAC;qBACJ;oBAED,+BAA+B;oBAC/B,IAAM,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;oBAC5D,IAAI,OAAO,gBAAgB,KAAK,WAAW,IAAI,gBAAgB,KAAK,IAAI,EAAE;wBACxE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC;qBACvD;yBAAM;wBACL,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;qBAC3C;oBAED,qDAAqD;oBACrD,6DAA6D;oBACrD,IAAA,yDAAuB,CAAa;oBAC5C,IAAI,OAAO,uBAAuB,KAAK,UAAU,EAAE;wBACjD,uBAAuB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;qBAC1C;gBACH,CAAC,CAAC,CAAC;gBAEH,OAAO,QAAQ,CAAC;YAClB,CAAC,CAAC;YAEF,OAAO,IAAI,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;QAC3C,CAAC;IAnCD,CAmCC,CAAC;AACN,CAAC;AAEQ,kDAAmB","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { configureScope } from '@sentry/minimal';\nimport { Scope } from '@sentry/types';\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> = 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   * 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';\nconst STATE_CONTEXT_KEY = 'redux.state';\n\nconst defaultOptions: SentryEnhancerOptions = {\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      const sentryReducer: Reducer<S, A> = (state, action): S => {\n        const newState = reducer(state, action);\n\n        configureScope(scope => {\n          /* Action breadcrumbs */\n          const transformedAction = options.actionTransformer(action);\n          if (typeof transformedAction !== 'undefined' && transformedAction !== null) {\n            scope.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            scope.setContext(STATE_CONTEXT_KEY, transformedState);\n          } else {\n            scope.setContext(STATE_CONTEXT_KEY, null);\n          }\n\n          /* Allow user to configure scope with latest state */\n          // eslint-disable-next-line @typescript-eslint/unbound-method\n          const { configureScopeWithState } = options;\n          if (typeof configureScopeWithState === 'function') {\n            configureScopeWithState(scope, newState);\n          }\n        });\n\n        return newState;\n      };\n\n      return next(sentryReducer, initialState);\n    };\n}\n\nexport { createReduxEnhancer };\n"]}
+{"version":3,"file":"redux.js","sources":["../../src/redux.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { configureScope } from '@sentry/browser';\nimport { Scope } from '@sentry/types';\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> = 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   * 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';\nconst STATE_CONTEXT_KEY = 'redux.state';\n\nconst defaultOptions: SentryEnhancerOptions = {\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      const sentryReducer: Reducer<S, A> = (state, action): S => {\n        const newState = reducer(state, action);\n\n        configureScope(scope => {\n          /* Action breadcrumbs */\n          const transformedAction = options.actionTransformer(action);\n          if (typeof transformedAction !== 'undefined' && transformedAction !== null) {\n            scope.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            scope.setContext(STATE_CONTEXT_KEY, transformedState);\n          } else {\n            scope.setContext(STATE_CONTEXT_KEY, null);\n          }\n\n          /* Allow user to configure scope with latest state */\n          // eslint-disable-next-line @typescript-eslint/unbound-method\n          const { configureScopeWithState } = options;\n          if (typeof configureScopeWithState === 'function') {\n            configureScopeWithState(scope, newState);\n          }\n        });\n\n        return newState;\n      };\n\n      return next(sentryReducer, initialState);\n    };\n}\n\nexport { createReduxEnhancer };\n"],"names":[],"mappings":";;;;AAoEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;"}

package/cjs/sdk.js

@@ -1,21 +1,24 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-var browser_1 = require("@sentry/browser");
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var browser = require('@sentry/browser');
+
 /**
  * Inits the React SDK
  */
 function init(options) {
-    options._metadata = options._metadata || {};
-    options._metadata.sdk = options._metadata.sdk || {
-        name: 'sentry.javascript.react',
-        packages: [
-            {
-                name: 'npm:@sentry/react',
-                version: browser_1.SDK_VERSION,
-            },
-        ],
-        version: browser_1.SDK_VERSION,
-    };
-    browser_1.init(options);
+  options._metadata = options._metadata || {};
+  options._metadata.sdk = options._metadata.sdk || {
+    name: 'sentry.javascript.react',
+    packages: [
+      {
+        name: 'npm:@sentry/react',
+        version: browser.SDK_VERSION,
+      },
+    ],
+    version: browser.SDK_VERSION,
+  };
+  browser.init(options);
 }
+
 exports.init = init;
-//# sourceMappingURL=sdk.js.map
+//# sourceMappingURL=sdk.js.map

package/cjs/sdk.js.map

@@ -1 +1 @@
-{"version":3,"file":"sdk.js","sourceRoot":"","sources":["../../src/sdk.ts"],"names":[],"mappings":";AAAA,2CAAmF;AAEnF;;GAEG;AACH,SAAgB,IAAI,CAAC,OAAuB;IAC1C,OAAO,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,IAAI,EAAE,CAAC;IAC5C,OAAO,CAAC,SAAS,CAAC,GAAG,GAAG,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI;QAC/C,IAAI,EAAE,yBAAyB;QAC/B,QAAQ,EAAE;YACR;gBACE,IAAI,EAAE,mBAAmB;gBACzB,OAAO,EAAE,qBAAW;aACrB;SACF;QACD,OAAO,EAAE,qBAAW;KACrB,CAAC;IACF,cAAW,CAAC,OAAO,CAAC,CAAC;AACvB,CAAC;AAbD,oBAaC","sourcesContent":["import { BrowserOptions, init as browserInit, SDK_VERSION } from '@sentry/browser';\n\n/**\n * Inits the React SDK\n */\nexport function init(options: BrowserOptions): void {\n  options._metadata = options._metadata || {};\n  options._metadata.sdk = options._metadata.sdk || {\n    name: 'sentry.javascript.react',\n    packages: [\n      {\n        name: 'npm:@sentry/react',\n        version: SDK_VERSION,\n      },\n    ],\n    version: SDK_VERSION,\n  };\n  browserInit(options);\n}\n"]}
+{"version":3,"file":"sdk.js","sources":["../../src/sdk.ts"],"sourcesContent":["import { BrowserOptions, init as browserInit, SDK_VERSION } from '@sentry/browser';\n\n/**\n * Inits the React SDK\n */\nexport function init(options: BrowserOptions): void {\n  options._metadata = options._metadata || {};\n  options._metadata.sdk = options._metadata.sdk || {\n    name: 'sentry.javascript.react',\n    packages: [\n      {\n        name: 'npm:@sentry/react',\n        version: SDK_VERSION,\n      },\n    ],\n    version: SDK_VERSION,\n  };\n  browserInit(options);\n}\n"],"names":[],"mappings":";;;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;"}

package/esm/constants.js

@@ -1,4 +1,8 @@
-export var REACT_RENDER_OP = 'ui.react.render';
-export var REACT_UPDATE_OP = 'ui.react.update';
-export var REACT_MOUNT_OP = 'ui.react.mount';
-//# sourceMappingURL=constants.js.map
+var REACT_RENDER_OP = 'ui.react.render';
+
+var REACT_UPDATE_OP = 'ui.react.update';
+
+var REACT_MOUNT_OP = 'ui.react.mount';
+
+export { REACT_MOUNT_OP, REACT_RENDER_OP, REACT_UPDATE_OP };
+//# sourceMappingURL=constants.js.map

package/esm/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,eAAe,GAAG,iBAAiB,CAAC;AAEjD,MAAM,CAAC,IAAM,eAAe,GAAG,iBAAiB,CAAC;AAEjD,MAAM,CAAC,IAAM,cAAc,GAAG,gBAAgB,CAAC","sourcesContent":["export const REACT_RENDER_OP = 'ui.react.render';\n\nexport const REACT_UPDATE_OP = 'ui.react.update';\n\nexport const REACT_MOUNT_OP = 'ui.react.mount';\n"]}
+{"version":3,"file":"constants.js","sources":["../../src/constants.ts"],"sourcesContent":["export const REACT_RENDER_OP = 'ui.react.render';\n\nexport const REACT_UPDATE_OP = 'ui.react.update';\n\nexport const REACT_MOUNT_OP = 'ui.react.mount';\n"],"names":[],"mappings":";AACA;;AAEA;;;;;"}

package/esm/errorboundary.js

@@ -1,122 +1,139 @@
-import { __assign, __extends } from "tslib";
-import { captureException, showReportDialog, withScope } from '@sentry/browser';
+import { withScope, captureException, showReportDialog } from '@sentry/browser';
 import { logger } from '@sentry/utils';
 import hoistNonReactStatics from 'hoist-non-react-statics';
 import * as React from 'react';
-import { IS_DEBUG_BUILD } from './flags';
-export function isAtLeastReact17(version) {
-    var major = version.match(/^([^.]+)/);
-    return major !== null && parseInt(major[0]) >= 17;
+import { IS_DEBUG_BUILD } from './flags.js';
+
+var _jsxFileName = "/home/runner/work/sentry-javascript/sentry-javascript/packages/react/src/errorboundary.tsx";
+function isAtLeastReact17(version) {
+  var major = version.match(/^([^.]+)/);
+  return major !== null && parseInt(major[0]) >= 17;
 }
-export var UNKNOWN_COMPONENT = 'unknown';
+
+var UNKNOWN_COMPONENT = 'unknown';
+
 var INITIAL_STATE = {
-    componentStack: null,
-    error: null,
-    eventId: null,
+  componentStack: null,
+  error: null,
+  eventId: null,
 };
+
 /**
  * A ErrorBoundary component that logs errors to Sentry. Requires React >= 16.
  * NOTE: If you are a Sentry user, and you are seeing this stack frame, it means the
  * Sentry React SDK ErrorBoundary caught an error invoking your application code. This
  * is expected behavior and NOT indicative of a bug with the Sentry React SDK.
  */
-var ErrorBoundary = /** @class */ (function (_super) {
-    __extends(ErrorBoundary, _super);
-    function ErrorBoundary() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = INITIAL_STATE;
-        _this.resetErrorBoundary = function () {
-            var onReset = _this.props.onReset;
-            var _a = _this.state, error = _a.error, componentStack = _a.componentStack, eventId = _a.eventId;
-            if (onReset) {
-                onReset(error, componentStack, eventId);
-            }
-            _this.setState(INITIAL_STATE);
-        };
-        return _this;
+class ErrorBoundary extends React.Component {constructor(...args) { super(...args); ErrorBoundary.prototype.__init.call(this);ErrorBoundary.prototype.__init2.call(this); }
+   __init() {this.state = INITIAL_STATE;}
+
+   componentDidCatch(error, { componentStack }) {
+    const { beforeCapture, onError, showDialog, dialogOptions } = this.props;
+
+    withScope(scope => {
+      // If on React version >= 17, create stack trace from componentStack param and links
+      // to to the original error using `error.cause` otherwise relies on error param for stacktrace.
+      // Linking errors requires the `LinkedErrors` integration be enabled.
+      if (isAtLeastReact17(React.version)) {
+        var errorBoundaryError = new Error(error.message);
+        errorBoundaryError.name = `React ErrorBoundary ${errorBoundaryError.name}`;
+        errorBoundaryError.stack = componentStack;
+
+        // Using the `LinkedErrors` integration to link the errors together.
+        error.cause = errorBoundaryError;
+      }
+
+      if (beforeCapture) {
+        beforeCapture(scope, error, componentStack);
+      }
+      var eventId = captureException(error, { contexts: { react: { componentStack } } });
+      if (onError) {
+        onError(error, componentStack, eventId);
+      }
+      if (showDialog) {
+        showReportDialog({ ...dialogOptions, eventId });
+      }
+
+      // componentDidCatch is used over getDerivedStateFromError
+      // so that componentStack is accessible through state.
+      this.setState({ error, componentStack, eventId });
+    });
+  }
+
+   componentDidMount() {
+    const { onMount } = this.props;
+    if (onMount) {
+      onMount();
     }
-    ErrorBoundary.prototype.componentDidCatch = function (error, _a) {
-        var _this = this;
-        var componentStack = _a.componentStack;
-        var _b = this.props, beforeCapture = _b.beforeCapture, onError = _b.onError, showDialog = _b.showDialog, dialogOptions = _b.dialogOptions;
-        withScope(function (scope) {
-            // If on React version >= 17, create stack trace from componentStack param and links
-            // to to the original error using `error.cause` otherwise relies on error param for stacktrace.
-            // Linking errors requires the `LinkedErrors` integration be enabled.
-            if (isAtLeastReact17(React.version)) {
-                var errorBoundaryError = new Error(error.message);
-                errorBoundaryError.name = "React ErrorBoundary " + errorBoundaryError.name;
-                errorBoundaryError.stack = componentStack;
-                // Using the `LinkedErrors` integration to link the errors together.
-                error.cause = errorBoundaryError;
-            }
-            if (beforeCapture) {
-                beforeCapture(scope, error, componentStack);
-            }
-            var eventId = captureException(error, { contexts: { react: { componentStack: componentStack } } });
-            if (onError) {
-                onError(error, componentStack, eventId);
-            }
-            if (showDialog) {
-                showReportDialog(__assign(__assign({}, dialogOptions), { eventId: eventId }));
-            }
-            // componentDidCatch is used over getDerivedStateFromError
-            // so that componentStack is accessible through state.
-            _this.setState({ error: error, componentStack: componentStack, eventId: eventId });
-        });
-    };
-    ErrorBoundary.prototype.componentDidMount = function () {
-        var onMount = this.props.onMount;
-        if (onMount) {
-            onMount();
-        }
-    };
-    ErrorBoundary.prototype.componentWillUnmount = function () {
-        var _a = this.state, error = _a.error, componentStack = _a.componentStack, eventId = _a.eventId;
-        var onUnmount = this.props.onUnmount;
-        if (onUnmount) {
-            onUnmount(error, componentStack, eventId);
-        }
-    };
-    ErrorBoundary.prototype.render = function () {
-        var _a = this.props, fallback = _a.fallback, children = _a.children;
-        var _b = this.state, error = _b.error, componentStack = _b.componentStack, eventId = _b.eventId;
-        if (error) {
-            var element = undefined;
-            if (typeof fallback === 'function') {
-                element = fallback({ error: error, componentStack: componentStack, resetError: this.resetErrorBoundary, eventId: eventId });
-            }
-            else {
-                element = fallback;
-            }
-            if (React.isValidElement(element)) {
-                return element;
-            }
-            if (fallback) {
-                IS_DEBUG_BUILD && logger.warn('fallback did not produce a valid ReactElement');
-            }
-            // Fail gracefully if no fallback provided or is not valid
-            return null;
-        }
-        if (typeof children === 'function') {
-            return children();
-        }
-        return children;
-    };
-    return ErrorBoundary;
-}(React.Component));
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function withErrorBoundary(WrappedComponent, errorBoundaryOptions) {
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+  }
+
+   componentWillUnmount() {
+    const { error, componentStack, eventId } = this.state;
+    const { onUnmount } = this.props;
+    if (onUnmount) {
+      onUnmount(error, componentStack, eventId);
+    }
+  }
+
+   __init2() {this.resetErrorBoundary = () => {
+    const { onReset } = this.props;
+    const { error, componentStack, eventId } = this.state;
+    if (onReset) {
+      onReset(error, componentStack, eventId);
+    }
+    this.setState(INITIAL_STATE);
+  };}
+
+   render() {
+    const { fallback, children } = this.props;
+    const { error, componentStack, eventId } = this.state;
+
+    if (error) {
+      let element = undefined;
+      if (typeof fallback === 'function') {
+        element = fallback({ error, componentStack, resetError: this.resetErrorBoundary, eventId });
+      } else {
+        element = fallback;
+      }
+
+      if (React.isValidElement(element)) {
+        return element;
+      }
+
+      if (fallback) {
+        IS_DEBUG_BUILD && logger.warn('fallback did not produce a valid ReactElement');
+      }
+
+      // Fail gracefully if no fallback provided or is not valid
+      return null;
+    }
+
+    if (typeof children === 'function') {
+      return (children )();
+    }
+    return children;
+  }
+}
+
+function withErrorBoundary(
+  WrappedComponent,
+  errorBoundaryOptions,
+) {
     var componentDisplayName = WrappedComponent.displayName || WrappedComponent.name || UNKNOWN_COMPONENT;
-    var Wrapped = function (props) { return (React.createElement(ErrorBoundary, __assign({}, errorBoundaryOptions),
-        React.createElement(WrappedComponent, __assign({}, props)))); };
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-    Wrapped.displayName = "errorBoundary(" + componentDisplayName + ")";
-    // Copy over static methods from Wrapped component to Profiler HOC
-    // See: https://reactjs.org/docs/higher-order-components.html#static-methods-must-be-copied-over
-    hoistNonReactStatics(Wrapped, WrappedComponent);
-    return Wrapped;
+
+  var Wrapped = (props) => (
+    React.createElement(ErrorBoundary, { ...errorBoundaryOptions, __self: this, __source: {fileName: _jsxFileName, lineNumber: 170}}
+      , React.createElement(WrappedComponent, { ...props, __self: this, __source: {fileName: _jsxFileName, lineNumber: 171}} )
+    )
+  );
+
+    Wrapped.displayName = `errorBoundary(${componentDisplayName})`;
+
+  // Copy over static methods from Wrapped component to Profiler HOC
+  // See: https://reactjs.org/docs/higher-order-components.html#static-methods-must-be-copied-over
+  hoistNonReactStatics(Wrapped, WrappedComponent);
+  return Wrapped;
 }
-export { ErrorBoundary, withErrorBoundary };
-//# sourceMappingURL=errorboundary.js.map
+
+export { ErrorBoundary, UNKNOWN_COMPONENT, isAtLeastReact17, withErrorBoundary };
+//# sourceMappingURL=errorboundary.js.map