@sentry/react 6.19.7 → 7.0.0-beta.0

package/{dist → cjs}/errorboundary.js

@@ -1,17 +1,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var browser_1 = require("@sentry/browser");
-var utils_1 = require("@sentry/utils");
-var hoist_non_react_statics_1 = tslib_1.__importDefault(require("hoist-non-react-statics"));
-var React = tslib_1.__importStar(require("react"));
-var flags_1 = require("./flags");
+const tslib_1 = require("tslib");
+const browser_1 = require("@sentry/browser");
+const utils_1 = require("@sentry/utils");
+const hoist_non_react_statics_1 = tslib_1.__importDefault(require("hoist-non-react-statics"));
+const React = tslib_1.__importStar(require("react"));
+const flags_1 = require("./flags");
 function isAtLeastReact17(version) {
-    var major = version.match(/^([^.]+)/);
+    const major = version.match(/^([^.]+)/);
     return major !== null && parseInt(major[0]) >= 17;
 }
 exports.isAtLeastReact17 = isAtLeastReact17;
 exports.UNKNOWN_COMPONENT = 'unknown';
-var INITIAL_STATE = {
+const INITIAL_STATE = {
     componentStack: null,
     error: null,
     eventId: null,
@@ -22,32 +22,28 @@ var INITIAL_STATE = {
  * 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) {
-    tslib_1.__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;
+class ErrorBoundary extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = INITIAL_STATE;
+        this.resetErrorBoundary = () => {
+            const { onReset } = this.props;
+            const { error, componentStack, eventId } = this.state;
             if (onReset) {
                 onReset(error, componentStack, eventId);
             }
-            _this.setState(INITIAL_STATE);
+            this.setState(INITIAL_STATE);
         };
-        return _this;
     }
-    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;
-        browser_1.withScope(function (scope) {
+    componentDidCatch(error, { componentStack }) {
+        const { beforeCapture, onError, showDialog, dialogOptions } = this.props;
+        browser_1.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;
+                const 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;
@@ -55,38 +51,38 @@ var ErrorBoundary = /** @class */ (function (_super) {
             if (beforeCapture) {
                 beforeCapture(scope, error, componentStack);
             }
-            var eventId = browser_1.captureException(error, { contexts: { react: { componentStack: componentStack } } });
+            const eventId = browser_1.captureException(error, { contexts: { react: { componentStack } } });
             if (onError) {
                 onError(error, componentStack, eventId);
             }
             if (showDialog) {
-                browser_1.showReportDialog(tslib_1.__assign(tslib_1.__assign({}, dialogOptions), { eventId: eventId }));
+                browser_1.showReportDialog(Object.assign(Object.assign({}, dialogOptions), { eventId }));
             }
             // componentDidCatch is used over getDerivedStateFromError
             // so that componentStack is accessible through state.
-            _this.setState({ error: error, componentStack: componentStack, eventId: eventId });
+            this.setState({ error, componentStack, eventId });
         });
-    };
-    ErrorBoundary.prototype.componentDidMount = function () {
-        var onMount = this.props.onMount;
+    }
+    componentDidMount() {
+        const { onMount } = this.props;
         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;
+    }
+    componentWillUnmount() {
+        const { error, componentStack, eventId } = this.state;
+        const { onUnmount } = this.props;
         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;
+    }
+    render() {
+        const { fallback, children } = this.props;
+        const { error, componentStack, eventId } = this.state;
         if (error) {
-            var element = undefined;
+            let element = undefined;
             if (typeof fallback === 'function') {
-                element = fallback({ error: error, componentStack: componentStack, resetError: this.resetErrorBoundary, eventId: eventId });
+                element = fallback({ error, componentStack, resetError: this.resetErrorBoundary, eventId });
             }
             else {
                 element = fallback;
@@ -104,18 +100,17 @@ var ErrorBoundary = /** @class */ (function (_super) {
             return children();
         }
         return children;
-    };
-    return ErrorBoundary;
-}(React.Component));
+    }
+}
 exports.ErrorBoundary = ErrorBoundary;
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function withErrorBoundary(WrappedComponent, errorBoundaryOptions) {
     // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-    var componentDisplayName = WrappedComponent.displayName || WrappedComponent.name || exports.UNKNOWN_COMPONENT;
-    var Wrapped = function (props) { return (React.createElement(ErrorBoundary, tslib_1.__assign({}, errorBoundaryOptions),
-        React.createElement(WrappedComponent, tslib_1.__assign({}, props)))); };
+    const componentDisplayName = WrappedComponent.displayName || WrappedComponent.name || exports.UNKNOWN_COMPONENT;
+    const Wrapped = (props) => (React.createElement(ErrorBoundary, Object.assign({}, errorBoundaryOptions),
+        React.createElement(WrappedComponent, Object.assign({}, props))));
     // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-    Wrapped.displayName = "errorBoundary(" + componentDisplayName + ")";
+    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
     hoist_non_react_statics_1.default(Wrapped, WrappedComponent);

package/cjs/errorboundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errorboundary.js","sourceRoot":"","sources":["../../src/errorboundary.tsx"],"names":[],"mappings":"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","sourcesContent":["import { captureException, ReportDialogOptions, Scope, showReportDialog, withScope } from '@sentry/browser';\nimport { logger } from '@sentry/utils';\nimport hoistNonReactStatics from 'hoist-non-react-statics';\nimport * as React from 'react';\n\nimport { IS_DEBUG_BUILD } from './flags';\n\nexport function isAtLeastReact17(version: string): boolean {\n  const major = version.match(/^([^.]+)/);\n  return major !== null && parseInt(major[0]) >= 17;\n}\n\nexport const UNKNOWN_COMPONENT = 'unknown';\n\nexport type FallbackRender = (errorData: {\n  error: Error;\n  componentStack: string | null;\n  eventId: string | null;\n  resetError(): void;\n}) => React.ReactElement;\n\nexport type ErrorBoundaryProps = {\n  children?: React.ReactNode | (() => React.ReactNode);\n  /** If a Sentry report dialog should be rendered on error */\n  showDialog?: boolean;\n  /**\n   * Options to be passed into the Sentry report dialog.\n   * No-op if {@link showDialog} is false.\n   */\n  dialogOptions?: ReportDialogOptions;\n  /**\n   * A fallback component that gets rendered when the error boundary encounters an error.\n   *\n   * Can either provide a React Component, or a function that returns React Component as\n   * a valid fallback prop. If a function is provided, the function will be called with\n   * the error, the component stack, and an function that resets the error boundary on error.\n   *\n   */\n  fallback?: React.ReactElement | FallbackRender;\n  /** Called when the error boundary encounters an error */\n  onError?(error: Error, componentStack: string, eventId: string): void;\n  /** Called on componentDidMount() */\n  onMount?(): void;\n  /** Called if resetError() is called from the fallback render props function  */\n  onReset?(error: Error | null, componentStack: string | null, eventId: string | null): void;\n  /** Called on componentWillUnmount() */\n  onUnmount?(error: Error | null, componentStack: string | null, eventId: string | null): void;\n  /** Called before the error is captured by Sentry, allows for you to add tags or context using the scope */\n  beforeCapture?(scope: Scope, error: Error | null, componentStack: string | null): void;\n};\n\ntype ErrorBoundaryState = {\n  componentStack: React.ErrorInfo['componentStack'] | null;\n  error: Error | null;\n  eventId: string | null;\n};\n\nconst INITIAL_STATE = {\n  componentStack: null,\n  error: null,\n  eventId: null,\n};\n\n/**\n * A ErrorBoundary component that logs errors to Sentry. Requires React >= 16.\n * NOTE: If you are a Sentry user, and you are seeing this stack frame, it means the\n * Sentry React SDK ErrorBoundary caught an error invoking your application code. This\n * is expected behavior and NOT indicative of a bug with the Sentry React SDK.\n */\nclass ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  public state: ErrorBoundaryState = INITIAL_STATE;\n\n  public componentDidCatch(error: Error & { cause?: Error }, { componentStack }: React.ErrorInfo): void {\n    const { beforeCapture, onError, showDialog, dialogOptions } = this.props;\n\n    withScope(scope => {\n      // If on React version >= 17, create stack trace from componentStack param and links\n      // to to the original error using `error.cause` otherwise relies on error param for stacktrace.\n      // Linking errors requires the `LinkedErrors` integration be enabled.\n      if (isAtLeastReact17(React.version)) {\n        const errorBoundaryError = new Error(error.message);\n        errorBoundaryError.name = `React ErrorBoundary ${errorBoundaryError.name}`;\n        errorBoundaryError.stack = componentStack;\n\n        // Using the `LinkedErrors` integration to link the errors together.\n        error.cause = errorBoundaryError;\n      }\n\n      if (beforeCapture) {\n        beforeCapture(scope, error, componentStack);\n      }\n      const eventId = captureException(error, { contexts: { react: { componentStack } } });\n      if (onError) {\n        onError(error, componentStack, eventId);\n      }\n      if (showDialog) {\n        showReportDialog({ ...dialogOptions, eventId });\n      }\n\n      // componentDidCatch is used over getDerivedStateFromError\n      // so that componentStack is accessible through state.\n      this.setState({ error, componentStack, eventId });\n    });\n  }\n\n  public componentDidMount(): void {\n    const { onMount } = this.props;\n    if (onMount) {\n      onMount();\n    }\n  }\n\n  public componentWillUnmount(): void {\n    const { error, componentStack, eventId } = this.state;\n    const { onUnmount } = this.props;\n    if (onUnmount) {\n      onUnmount(error, componentStack, eventId);\n    }\n  }\n\n  public resetErrorBoundary: () => void = () => {\n    const { onReset } = this.props;\n    const { error, componentStack, eventId } = this.state;\n    if (onReset) {\n      onReset(error, componentStack, eventId);\n    }\n    this.setState(INITIAL_STATE);\n  };\n\n  public render(): React.ReactNode {\n    const { fallback, children } = this.props;\n    const { error, componentStack, eventId } = this.state;\n\n    if (error) {\n      let element: React.ReactElement | undefined = undefined;\n      if (typeof fallback === 'function') {\n        element = fallback({ error, componentStack, resetError: this.resetErrorBoundary, eventId });\n      } else {\n        element = fallback;\n      }\n\n      if (React.isValidElement(element)) {\n        return element;\n      }\n\n      if (fallback) {\n        IS_DEBUG_BUILD && logger.warn('fallback did not produce a valid ReactElement');\n      }\n\n      // Fail gracefully if no fallback provided or is not valid\n      return null;\n    }\n\n    if (typeof children === 'function') {\n      return (children as () => React.ReactNode)();\n    }\n    return children;\n  }\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction withErrorBoundary<P extends Record<string, any>>(\n  WrappedComponent: React.ComponentType<P>,\n  errorBoundaryOptions: ErrorBoundaryProps,\n): React.FC<P> {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n  const componentDisplayName = WrappedComponent.displayName || WrappedComponent.name || UNKNOWN_COMPONENT;\n\n  const Wrapped: React.FC<P> = (props: P) => (\n    <ErrorBoundary {...errorBoundaryOptions}>\n      <WrappedComponent {...props} />\n    </ErrorBoundary>\n  );\n\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n  Wrapped.displayName = `errorBoundary(${componentDisplayName})`;\n\n  // Copy over static methods from Wrapped component to Profiler HOC\n  // See: https://reactjs.org/docs/higher-order-components.html#static-methods-must-be-copied-over\n  hoistNonReactStatics(Wrapped, WrappedComponent);\n  return Wrapped;\n}\n\nexport { ErrorBoundary, withErrorBoundary };\n"]}

package/{dist → cjs}/index.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
+const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("@sentry/browser"), exports);
 var sdk_1 = require("./sdk");
 exports.init = sdk_1.init;

package/{dist → cjs}/profiler.d.ts

@@ -21,7 +21,6 @@ declare class Profiler extends React.Component<ProfilerProps> {
      * Made protected for the React Native SDK to access
      */
     protected _mountSpan: Span | undefined;
-    private _mountActivity;
     static defaultProps: Partial<ProfilerProps>;
     constructor(props: ProfilerProps);
     componentDidMount(): void;

package/cjs/profiler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profiler.d.ts","sourceRoot":"","sources":["../../src/profiler.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,GAAG,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGlD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,iBAAiB,YAAY,CAAC;AAE3C,oBAAY,aAAa,GAAG;IAE1B,IAAI,EAAE,MAAM,CAAC;IAGb,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,WAAW,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAC;CACzC,CAAC;AAEF;;;GAGG;AACH,cAAM,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACnD;;;OAGG;IACH,SAAS,CAAC,UAAU,EAAE,IAAI,GAAG,SAAS,CAAa;IAGnD,OAAc,YAAY,EAAE,OAAO,CAAC,aAAa,CAAC,CAIhD;gBAEiB,KAAK,EAAE,aAAa;IAkBhC,iBAAiB,IAAI,IAAI;IAMzB,kBAAkB,CAAC,EAAE,WAAW,EAAE,cAAqB,EAAE,EAAE,aAAa,GAAG,IAAI;IA2B/E,oBAAoB,IAAI,IAAI;IAe5B,MAAM,IAAI,KAAK,CAAC,SAAS;CAGjC;AAED;;;;;;;GAOG;AACH,iBAAS,YAAY,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACjD,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EAExC,OAAO,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC,MAAM,aAAa,EAAE,aAAa,CAAC,CAAC,GAClF,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAgBb;AAED;;;;;;GAMG;AACH,iBAAS,WAAW,CAClB,IAAI,EAAE,MAAM,EACZ,OAAO,GAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,aAAa,CAAC,EAAE,OAAO,CAAA;CAGrD,GACA,IAAI,CAmCN;AAED,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;AAE/C,yCAAyC;AACzC,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,WAAW,EAAE,GAAG,GAAE,GAAqB,GAAG,CAAC,GAAG,SAAS,CASrG"}

package/cjs/profiler.js

@@ -0,0 +1,166 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const browser_1 = require("@sentry/browser");
+const utils_1 = require("@sentry/utils");
+const hoist_non_react_statics_1 = tslib_1.__importDefault(require("hoist-non-react-statics"));
+const React = tslib_1.__importStar(require("react"));
+const constants_1 = require("./constants");
+exports.UNKNOWN_COMPONENT = 'unknown';
+/**
+ * The Profiler component leverages Sentry's Tracing integration to generate
+ * spans based on component lifecycles.
+ */
+class Profiler extends React.Component {
+    constructor(props) {
+        super(props);
+        /**
+         * The span of the mount activity
+         * Made protected for the React Native SDK to access
+         */
+        this._mountSpan = undefined;
+        const { name, disabled = false } = this.props;
+        if (disabled) {
+            return;
+        }
+        const activeTransaction = getActiveTransaction();
+        if (activeTransaction) {
+            this._mountSpan = activeTransaction.startChild({
+                description: `<${name}>`,
+                op: constants_1.REACT_MOUNT_OP,
+            });
+        }
+    }
+    // If a component mounted, we can finish the mount activity.
+    componentDidMount() {
+        if (this._mountSpan) {
+            this._mountSpan.finish();
+        }
+    }
+    componentDidUpdate({ updateProps, includeUpdates = true }) {
+        // Only generate an update span if hasUpdateSpan is true, if there is a valid mountSpan,
+        // and if the updateProps have changed. It is ok to not do a deep equality check here as it is expensive.
+        // We are just trying to give baseline clues for further investigation.
+        if (includeUpdates && this._mountSpan && updateProps !== this.props.updateProps) {
+            // See what props haved changed between the previous props, and the current props. This is
+            // set as data on the span. We just store the prop keys as the values could be potenially very large.
+            const changedProps = Object.keys(updateProps).filter(k => updateProps[k] !== this.props.updateProps[k]);
+            if (changedProps.length > 0) {
+                // The update span is a point in time span with 0 duration, just signifying that the component
+                // has been updated.
+                const now = utils_1.timestampWithMs();
+                this._mountSpan.startChild({
+                    data: {
+                        changedProps,
+                    },
+                    description: `<${this.props.name}>`,
+                    endTimestamp: now,
+                    op: constants_1.REACT_UPDATE_OP,
+                    startTimestamp: now,
+                });
+            }
+        }
+    }
+    // If a component is unmounted, we can say it is no longer on the screen.
+    // This means we can finish the span representing the component render.
+    componentWillUnmount() {
+        const { name, includeRender = true } = this.props;
+        if (this._mountSpan && includeRender) {
+            // If we were able to obtain the spanId of the mount activity, we should set the
+            // next activity as a child to the component mount activity.
+            this._mountSpan.startChild({
+                description: `<${name}>`,
+                endTimestamp: utils_1.timestampWithMs(),
+                op: constants_1.REACT_RENDER_OP,
+                startTimestamp: this._mountSpan.endTimestamp,
+            });
+        }
+    }
+    render() {
+        return this.props.children;
+    }
+}
+exports.Profiler = Profiler;
+// eslint-disable-next-line @typescript-eslint/member-ordering
+Profiler.defaultProps = {
+    disabled: false,
+    includeRender: true,
+    includeUpdates: true,
+};
+/**
+ * withProfiler is a higher order component that wraps a
+ * component in a {@link Profiler} component. It is recommended that
+ * the higher order component be used over the regular {@link Profiler} component.
+ *
+ * @param WrappedComponent component that is wrapped by Profiler
+ * @param options the {@link ProfilerProps} you can pass into the Profiler
+ */
+function withProfiler(WrappedComponent, 
+// We do not want to have `updateProps` given in options, it is instead filled through the HOC.
+options) {
+    const componentDisplayName = (options && options.name) || WrappedComponent.displayName || WrappedComponent.name || exports.UNKNOWN_COMPONENT;
+    const Wrapped = (props) => (React.createElement(Profiler, Object.assign({}, options, { name: componentDisplayName, updateProps: props }),
+        React.createElement(WrappedComponent, Object.assign({}, props))));
+    Wrapped.displayName = `profiler(${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
+    hoist_non_react_statics_1.default(Wrapped, WrappedComponent);
+    return Wrapped;
+}
+exports.withProfiler = withProfiler;
+/**
+ *
+ * `useProfiler` is a React hook that profiles a React component.
+ *
+ * Requires React 16.8 or above.
+ * @param name displayName of component being profiled
+ */
+function useProfiler(name, options = {
+    disabled: false,
+    hasRenderSpan: true,
+}) {
+    const [mountSpan] = React.useState(() => {
+        if (options && options.disabled) {
+            return undefined;
+        }
+        const activeTransaction = getActiveTransaction();
+        if (activeTransaction) {
+            return activeTransaction.startChild({
+                description: `<${name}>`,
+                op: constants_1.REACT_MOUNT_OP,
+            });
+        }
+        return undefined;
+    });
+    React.useEffect(() => {
+        if (mountSpan) {
+            mountSpan.finish();
+        }
+        return () => {
+            if (mountSpan && options.hasRenderSpan) {
+                mountSpan.startChild({
+                    description: `<${name}>`,
+                    endTimestamp: utils_1.timestampWithMs(),
+                    op: constants_1.REACT_RENDER_OP,
+                    startTimestamp: mountSpan.endTimestamp,
+                });
+            }
+        };
+        // We only want this to run once.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+}
+exports.useProfiler = useProfiler;
+/** Grabs active transaction off scope */
+function getActiveTransaction(hub = browser_1.getCurrentHub()) {
+    if (hub) {
+        const scope = hub.getScope();
+        if (scope) {
+            return scope.getTransaction();
+        }
+    }
+    return undefined;
+}
+exports.getActiveTransaction = getActiveTransaction;
+//# sourceMappingURL=profiler.js.map

package/cjs/profiler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profiler.js","sourceRoot":"","sources":["../../src/profiler.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { getCurrentHub, Hub } from '@sentry/browser';\nimport { Span, Transaction } from '@sentry/types';\nimport { timestampWithMs } from '@sentry/utils';\nimport hoistNonReactStatics from 'hoist-non-react-statics';\nimport * as React from 'react';\n\nimport { REACT_MOUNT_OP, REACT_RENDER_OP, REACT_UPDATE_OP } from './constants';\n\nexport const UNKNOWN_COMPONENT = 'unknown';\n\nexport type ProfilerProps = {\n  // The name of the component being profiled.\n  name: string;\n  // If the Profiler is disabled. False by default. This is useful if you want to disable profilers\n  // in certain environments.\n  disabled?: boolean;\n  // If time component is on page should be displayed as spans. True by default.\n  includeRender?: boolean;\n  // If component updates should be displayed as spans. True by default.\n  includeUpdates?: boolean;\n  // props given to component being profiled.\n  updateProps: { [key: string]: unknown };\n};\n\n/**\n * The Profiler component leverages Sentry's Tracing integration to generate\n * spans based on component lifecycles.\n */\nclass Profiler extends React.Component<ProfilerProps> {\n  /**\n   * The span of the mount activity\n   * Made protected for the React Native SDK to access\n   */\n  protected _mountSpan: Span | undefined = undefined;\n\n  // eslint-disable-next-line @typescript-eslint/member-ordering\n  public static defaultProps: Partial<ProfilerProps> = {\n    disabled: false,\n    includeRender: true,\n    includeUpdates: true,\n  };\n\n  public constructor(props: ProfilerProps) {\n    super(props);\n    const { name, disabled = false } = this.props;\n\n    if (disabled) {\n      return;\n    }\n\n    const activeTransaction = getActiveTransaction();\n    if (activeTransaction) {\n      this._mountSpan = activeTransaction.startChild({\n        description: `<${name}>`,\n        op: REACT_MOUNT_OP,\n      });\n    }\n  }\n\n  // If a component mounted, we can finish the mount activity.\n  public componentDidMount(): void {\n    if (this._mountSpan) {\n      this._mountSpan.finish();\n    }\n  }\n\n  public componentDidUpdate({ updateProps, includeUpdates = true }: ProfilerProps): void {\n    // Only generate an update span if hasUpdateSpan is true, if there is a valid mountSpan,\n    // and if the updateProps have changed. It is ok to not do a deep equality check here as it is expensive.\n    // We are just trying to give baseline clues for further investigation.\n    if (includeUpdates && this._mountSpan && updateProps !== this.props.updateProps) {\n      // See what props haved changed between the previous props, and the current props. This is\n      // set as data on the span. We just store the prop keys as the values could be potenially very large.\n      const changedProps = Object.keys(updateProps).filter(k => updateProps[k] !== this.props.updateProps[k]);\n      if (changedProps.length > 0) {\n        // The update span is a point in time span with 0 duration, just signifying that the component\n        // has been updated.\n        const now = timestampWithMs();\n        this._mountSpan.startChild({\n          data: {\n            changedProps,\n          },\n          description: `<${this.props.name}>`,\n          endTimestamp: now,\n          op: REACT_UPDATE_OP,\n          startTimestamp: now,\n        });\n      }\n    }\n  }\n\n  // If a component is unmounted, we can say it is no longer on the screen.\n  // This means we can finish the span representing the component render.\n  public componentWillUnmount(): void {\n    const { name, includeRender = true } = this.props;\n\n    if (this._mountSpan && includeRender) {\n      // If we were able to obtain the spanId of the mount activity, we should set the\n      // next activity as a child to the component mount activity.\n      this._mountSpan.startChild({\n        description: `<${name}>`,\n        endTimestamp: timestampWithMs(),\n        op: REACT_RENDER_OP,\n        startTimestamp: this._mountSpan.endTimestamp,\n      });\n    }\n  }\n\n  public render(): React.ReactNode {\n    return this.props.children;\n  }\n}\n\n/**\n * withProfiler is a higher order component that wraps a\n * component in a {@link Profiler} component. It is recommended that\n * the higher order component be used over the regular {@link Profiler} component.\n *\n * @param WrappedComponent component that is wrapped by Profiler\n * @param options the {@link ProfilerProps} you can pass into the Profiler\n */\nfunction withProfiler<P extends Record<string, any>>(\n  WrappedComponent: React.ComponentType<P>,\n  // We do not want to have `updateProps` given in options, it is instead filled through the HOC.\n  options?: Pick<Partial<ProfilerProps>, Exclude<keyof ProfilerProps, 'updateProps'>>,\n): React.FC<P> {\n  const componentDisplayName =\n    (options && options.name) || WrappedComponent.displayName || WrappedComponent.name || UNKNOWN_COMPONENT;\n\n  const Wrapped: React.FC<P> = (props: P) => (\n    <Profiler {...options} name={componentDisplayName} updateProps={props}>\n      <WrappedComponent {...props} />\n    </Profiler>\n  );\n\n  Wrapped.displayName = `profiler(${componentDisplayName})`;\n\n  // Copy over static methods from Wrapped component to Profiler HOC\n  // See: https://reactjs.org/docs/higher-order-components.html#static-methods-must-be-copied-over\n  hoistNonReactStatics(Wrapped, WrappedComponent);\n  return Wrapped;\n}\n\n/**\n *\n * `useProfiler` is a React hook that profiles a React component.\n *\n * Requires React 16.8 or above.\n * @param name displayName of component being profiled\n */\nfunction useProfiler(\n  name: string,\n  options: { disabled?: boolean; hasRenderSpan?: boolean } = {\n    disabled: false,\n    hasRenderSpan: true,\n  },\n): void {\n  const [mountSpan] = React.useState(() => {\n    if (options && options.disabled) {\n      return undefined;\n    }\n\n    const activeTransaction = getActiveTransaction();\n    if (activeTransaction) {\n      return activeTransaction.startChild({\n        description: `<${name}>`,\n        op: REACT_MOUNT_OP,\n      });\n    }\n\n    return undefined;\n  });\n\n  React.useEffect(() => {\n    if (mountSpan) {\n      mountSpan.finish();\n    }\n\n    return (): void => {\n      if (mountSpan && options.hasRenderSpan) {\n        mountSpan.startChild({\n          description: `<${name}>`,\n          endTimestamp: timestampWithMs(),\n          op: REACT_RENDER_OP,\n          startTimestamp: mountSpan.endTimestamp,\n        });\n      }\n    };\n    // We only want this to run once.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n}\n\nexport { withProfiler, Profiler, useProfiler };\n\n/** Grabs active transaction off scope */\nexport function getActiveTransaction<T extends Transaction>(hub: Hub = getCurrentHub()): T | undefined {\n  if (hub) {\n    const scope = hub.getScope();\n    if (scope) {\n      return scope.getTransaction() as T | undefined;\n    }\n  }\n\n  return undefined;\n}\n"]}

package/{dist → cjs}/reactrouter.js

@@ -1,11 +1,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var utils_1 = require("@sentry/utils");
-var hoist_non_react_statics_1 = tslib_1.__importDefault(require("hoist-non-react-statics"));
-var React = tslib_1.__importStar(require("react"));
+const tslib_1 = require("tslib");
+const utils_1 = require("@sentry/utils");
+const hoist_non_react_statics_1 = tslib_1.__importDefault(require("hoist-non-react-statics"));
+const React = tslib_1.__importStar(require("react"));
 /* eslint-enable @typescript-eslint/no-explicit-any */
-var global = utils_1.getGlobalObject();
-var activeTransaction;
+const global = utils_1.getGlobalObject();
+let activeTransaction;
 function reactRouterV4Instrumentation(history, routes, matchPath) {
     return createReactRouterInstrumentation(history, 'react-router-v4', routes, matchPath);
 }
@@ -14,8 +14,7 @@ function reactRouterV5Instrumentation(history, routes, matchPath) {
     return createReactRouterInstrumentation(history, 'react-router-v5', routes, matchPath);
 }
 exports.reactRouterV5Instrumentation = reactRouterV5Instrumentation;
-function createReactRouterInstrumentation(history, name, allRoutes, matchPath) {
-    if (allRoutes === void 0) { allRoutes = []; }
+function createReactRouterInstrumentation(history, name, allRoutes = [], matchPath) {
     function getInitPathName() {
         if (history && history.location) {
             return history.location.pathname;
@@ -29,19 +28,17 @@ function createReactRouterInstrumentation(history, name, allRoutes, matchPath) {
         if (allRoutes.length === 0 || !matchPath) {
             return pathname;
         }
-        var branches = matchRoutes(allRoutes, pathname, matchPath);
+        const branches = matchRoutes(allRoutes, pathname, matchPath);
         // eslint-disable-next-line @typescript-eslint/prefer-for-of
-        for (var x = 0; x < branches.length; x++) {
+        for (let x = 0; x < branches.length; x++) {
             if (branches[x].match.isExact) {
                 return branches[x].match.path;
             }
         }
         return pathname;
     }
-    return function (customStartTransaction, startTransactionOnPageLoad, startTransactionOnLocationChange) {
-        if (startTransactionOnPageLoad === void 0) { startTransactionOnPageLoad = true; }
-        if (startTransactionOnLocationChange === void 0) { startTransactionOnLocationChange = true; }
-        var initPathName = getInitPathName();
+    return (customStartTransaction, startTransactionOnPageLoad = true, startTransactionOnLocationChange = true) => {
+        const initPathName = getInitPathName();
         if (startTransactionOnPageLoad && initPathName) {
             activeTransaction = customStartTransaction({
                 name: getTransactionName(initPathName),
@@ -52,18 +49,18 @@ function createReactRouterInstrumentation(history, name, allRoutes, matchPath) {
             });
         }
         if (startTransactionOnLocationChange && history.listen) {
-            history.listen(function (location, action) {
+            history.listen((location, action) => {
                 if (action && (action === 'PUSH' || action === 'POP')) {
                     if (activeTransaction) {
                         activeTransaction.finish();
                     }
-                    var tags = {
+                    const tags = {
                         'routing.instrumentation': name,
                     };
                     activeTransaction = customStartTransaction({
                         name: getTransactionName(location.pathname),
                         op: 'navigation',
-                        tags: tags,
+                        tags,
                     });
                 }
             });
@@ -74,16 +71,15 @@ function createReactRouterInstrumentation(history, name, allRoutes, matchPath) {
  * Matches a set of routes to a pathname
  * Based on implementation from
  */
-function matchRoutes(routes, pathname, matchPath, branch) {
-    if (branch === void 0) { branch = []; }
-    routes.some(function (route) {
-        var match = route.path
+function matchRoutes(routes, pathname, matchPath, branch = []) {
+    routes.some(route => {
+        const match = route.path
             ? matchPath(pathname, route)
             : branch.length
                 ? branch[branch.length - 1].match // use parent match
                 : computeRootMatch(pathname); // use default "root" match
         if (match) {
-            branch.push({ route: route, match: match });
+            branch.push({ route, match });
             if (route.routes) {
                 matchRoutes(route.routes, pathname, matchPath, branch);
             }
@@ -97,17 +93,17 @@ function computeRootMatch(pathname) {
 }
 /* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-member-access */
 function withSentryRouting(Route) {
-    var componentDisplayName = Route.displayName || Route.name;
-    var WrappedRoute = function (props) {
+    const componentDisplayName = Route.displayName || Route.name;
+    const WrappedRoute = (props) => {
         if (activeTransaction && props && props.computedMatch && props.computedMatch.isExact) {
             activeTransaction.setName(props.computedMatch.path);
         }
         // @ts-ignore Setting more specific React Component typing for `R` generic above
         // will break advanced type inference done by react router params:
         // https://github.com/DefinitelyTyped/DefinitelyTyped/blob/13dc4235c069e25fe7ee16e11f529d909f9f3ff8/types/react-router/index.d.ts#L154-L164
-        return React.createElement(Route, tslib_1.__assign({}, props));
+        return React.createElement(Route, Object.assign({}, props));
     };
-    WrappedRoute.displayName = "sentryRoute(" + componentDisplayName + ")";
+    WrappedRoute.displayName = `sentryRoute(${componentDisplayName})`;
     hoist_non_react_statics_1.default(WrappedRoute, Route);
     // @ts-ignore Setting more specific React Component typing for `R` generic above
     // will break advanced type inference done by react router params:

package/cjs/reactrouter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactrouter.js","sourceRoot":"","sources":["../../src/reactrouter.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Transaction } from '@sentry/types';\nimport { getGlobalObject } from '@sentry/utils';\nimport hoistNonReactStatics from 'hoist-non-react-statics';\nimport * as React from 'react';\n\nimport { Action, Location, ReactRouterInstrumentation } from './types';\n\n// We need to disable eslint no-explict-any because any is required for the\n// react-router typings.\n/* eslint-disable @typescript-eslint/no-explicit-any */\ntype Match = { path: string; url: string; params: Record<string, any>; isExact: boolean };\n\nexport type RouterHistory = {\n  location?: Location;\n  listen?(cb: (location: Location, action: Action) => void): void;\n} & Record<string, any>;\n\nexport type RouteConfig = {\n  [propName: string]: any;\n  path?: string | string[];\n  exact?: boolean;\n  component?: JSX.Element;\n  routes?: RouteConfig[];\n};\n\ntype MatchPath = (pathname: string, props: string | string[] | any, parent?: Match | null) => Match | null;\n/* eslint-enable @typescript-eslint/no-explicit-any */\n\nconst global = getGlobalObject<Window>();\n\nlet activeTransaction: Transaction | undefined;\n\nexport function reactRouterV4Instrumentation(\n  history: RouterHistory,\n  routes?: RouteConfig[],\n  matchPath?: MatchPath,\n): ReactRouterInstrumentation {\n  return createReactRouterInstrumentation(history, 'react-router-v4', routes, matchPath);\n}\n\nexport function reactRouterV5Instrumentation(\n  history: RouterHistory,\n  routes?: RouteConfig[],\n  matchPath?: MatchPath,\n): ReactRouterInstrumentation {\n  return createReactRouterInstrumentation(history, 'react-router-v5', routes, matchPath);\n}\n\nfunction createReactRouterInstrumentation(\n  history: RouterHistory,\n  name: string,\n  allRoutes: RouteConfig[] = [],\n  matchPath?: MatchPath,\n): ReactRouterInstrumentation {\n  function getInitPathName(): string | undefined {\n    if (history && history.location) {\n      return history.location.pathname;\n    }\n\n    if (global && global.location) {\n      return global.location.pathname;\n    }\n\n    return undefined;\n  }\n\n  function getTransactionName(pathname: string): string {\n    if (allRoutes.length === 0 || !matchPath) {\n      return pathname;\n    }\n\n    const branches = matchRoutes(allRoutes, pathname, matchPath);\n    // eslint-disable-next-line @typescript-eslint/prefer-for-of\n    for (let x = 0; x < branches.length; x++) {\n      if (branches[x].match.isExact) {\n        return branches[x].match.path;\n      }\n    }\n\n    return pathname;\n  }\n\n  return (customStartTransaction, startTransactionOnPageLoad = true, startTransactionOnLocationChange = true): void => {\n    const initPathName = getInitPathName();\n    if (startTransactionOnPageLoad && initPathName) {\n      activeTransaction = customStartTransaction({\n        name: getTransactionName(initPathName),\n        op: 'pageload',\n        tags: {\n          'routing.instrumentation': name,\n        },\n      });\n    }\n\n    if (startTransactionOnLocationChange && history.listen) {\n      history.listen((location, action) => {\n        if (action && (action === 'PUSH' || action === 'POP')) {\n          if (activeTransaction) {\n            activeTransaction.finish();\n          }\n          const tags = {\n            'routing.instrumentation': name,\n          };\n\n          activeTransaction = customStartTransaction({\n            name: getTransactionName(location.pathname),\n            op: 'navigation',\n            tags,\n          });\n        }\n      });\n    }\n  };\n}\n\n/**\n * Matches a set of routes to a pathname\n * Based on implementation from\n */\nfunction matchRoutes(\n  routes: RouteConfig[],\n  pathname: string,\n  matchPath: MatchPath,\n  branch: Array<{ route: RouteConfig; match: Match }> = [],\n): Array<{ route: RouteConfig; match: Match }> {\n  routes.some(route => {\n    const match = route.path\n      ? matchPath(pathname, route)\n      : branch.length\n      ? branch[branch.length - 1].match // use parent match\n      : computeRootMatch(pathname); // use default \"root\" match\n\n    if (match) {\n      branch.push({ route, match });\n\n      if (route.routes) {\n        matchRoutes(route.routes, pathname, matchPath, branch);\n      }\n    }\n\n    return !!match;\n  });\n\n  return branch;\n}\n\nfunction computeRootMatch(pathname: string): Match {\n  return { path: '/', url: '/', params: {}, isExact: pathname === '/' };\n}\n\n/* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-member-access */\nexport function withSentryRouting<P extends Record<string, any>, R extends React.ComponentType<P>>(Route: R): R {\n  const componentDisplayName = (Route as any).displayName || (Route as any).name;\n\n  const WrappedRoute: React.FC<P> = (props: P) => {\n    if (activeTransaction && props && props.computedMatch && props.computedMatch.isExact) {\n      activeTransaction.setName(props.computedMatch.path);\n    }\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    // https://github.com/DefinitelyTyped/DefinitelyTyped/blob/13dc4235c069e25fe7ee16e11f529d909f9f3ff8/types/react-router/index.d.ts#L154-L164\n    return <Route {...props} />;\n  };\n\n  WrappedRoute.displayName = `sentryRoute(${componentDisplayName})`;\n  hoistNonReactStatics(WrappedRoute, Route);\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  // https://github.com/DefinitelyTyped/DefinitelyTyped/blob/13dc4235c069e25fe7ee16e11f529d909f9f3ff8/types/react-router/index.d.ts#L154-L164\n  return WrappedRoute;\n}\n/* eslint-enable @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-member-access */\n"]}