chore(deps-v7): update Javascript SDK to v9.22.0

CHANGELOG.md

@@ -10,6 +10,9 @@
 
 ### Dependencies
 
+- Bump JavaScript SDK from v9.12.0 to v9.22.0 ([#4860](https://github.com/getsentry/sentry-react-native/pull/4860))
+  - [changelog](https://github.com/getsentry/sentry-javascript/blob/9.22.0/CHANGELOG.md)
+  - [diff](https://github.com/getsentry/sentry-javascript/compare/9.12.0...9.22.0)
 - Bump Cocoa SDK from v8.50.2 to v8.51.1 ([#4843](https://github.com/getsentry/sentry-react-native/pull/4843))
   - [changelog](https://github.com/getsentry/sentry-cocoa/blob/main/CHANGELOG.md#8511)
   - [diff](https://github.com/getsentry/sentry-cocoa/compare/8.50.0...8.51.1)

dev-packages/e2e-tests/package.json

@@ -13,7 +13,7 @@
   "devDependencies": {
     "@babel/preset-env": "^7.25.3",
     "@babel/preset-typescript": "^7.18.6",
-    "@sentry/core": "9.12.0",
+    "@sentry/core": "9.22.0",
     "@sentry/react-native": "7.0.0-alpha.0",
     "@types/node": "^20.9.3",
     "@types/react": "^18.2.64",

packages/core/.eslintrc.js

@@ -38,6 +38,7 @@ module.exports = {
         '@typescript-eslint/no-empty-function': 'off',
         '@typescript-eslint/no-explicit-any': 'off',
         '@typescript-eslint/unbound-method': 'off',
+        'import/first': 'off',
       },
     },
     {

packages/core/package.json

@@ -66,20 +66,20 @@
   },
   "dependencies": {
     "@sentry/babel-plugin-component-annotate": "3.4.0",
-    "@sentry/browser": "9.12.0",
+    "@sentry/browser": "9.22.0",
     "@sentry/cli": "2.43.0",
-    "@sentry/core": "9.12.0",
-    "@sentry/react": "9.12.0",
-    "@sentry/types": "9.12.0"
+    "@sentry/core": "9.22.0",
+    "@sentry/react": "9.22.0",
+    "@sentry/types": "9.22.0"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",
     "@expo/metro-config": "0.19.5",
     "@mswjs/interceptors": "^0.25.15",
     "@react-native/babel-preset": "0.77.1",
-    "@sentry-internal/eslint-config-sdk": "9.12.0",
-    "@sentry-internal/eslint-plugin-sdk": "9.12.0",
-    "@sentry-internal/typescript": "9.12.0",
+    "@sentry-internal/eslint-config-sdk": "9.22.0",
+    "@sentry-internal/eslint-plugin-sdk": "9.22.0",
+    "@sentry-internal/typescript": "9.22.0",
     "@sentry/wizard": "4.9.0",
     "@testing-library/react-native": "^12.7.2",
     "@types/jest": "^29.5.13",

packages/core/plugin/src/withSentry.ts

@@ -1,6 +1,5 @@
 import type { ConfigPlugin } from 'expo/config-plugins';
 import { createRunOncePlugin } from 'expo/config-plugins';
-
 import { bold, sdkPackage, warnOnce } from './utils';
 import { withSentryAndroid } from './withSentryAndroid';
 import type { SentryAndroidGradlePluginOptions } from './withSentryAndroidGradlePlugin';
@@ -50,8 +49,9 @@ const withSentryPlugin: ConfigPlugin<PluginProps | void> = (config, props) => {
 
 const missingProjectMessage = '# no project found, falling back to SENTRY_PROJECT environment variable';
 const missingOrgMessage = '# no org found, falling back to SENTRY_ORG environment variable';
-const existingAuthTokenMessage = `# DO NOT COMMIT the auth token, use SENTRY_AUTH_TOKEN instead, see https://docs.sentry.io/platforms/react-native/manual-setup/`;
-const missingAuthTokenMessage = `# Using SENTRY_AUTH_TOKEN environment variable`;
+const existingAuthTokenMessage =
+  '# DO NOT COMMIT the auth token, use SENTRY_AUTH_TOKEN instead, see https://docs.sentry.io/platforms/react-native/manual-setup/';
+const missingAuthTokenMessage = '# Using SENTRY_AUTH_TOKEN environment variable';
 
 export function getSentryProperties(props: PluginProps | void): string | null {
   const { organization, project, authToken, url = 'https://sentry.io/' } = props ?? {};

packages/core/plugin/src/withSentryAndroid.ts

@@ -1,7 +1,6 @@
 import type { ConfigPlugin } from 'expo/config-plugins';
 import { withAppBuildGradle, withDangerousMod } from 'expo/config-plugins';
 import * as path from 'path';
-
 import { warnOnce, writeSentryPropertiesTo } from './utils';
 
 export const withSentryAndroid: ConfigPlugin<string> = (config, sentryProperties: string) => {

packages/core/plugin/src/withSentryAndroidGradlePlugin.ts

@@ -1,5 +1,4 @@
 import { withAppBuildGradle, withProjectBuildGradle } from '@expo/config-plugins';
-
 import { warnOnce } from './utils';
 
 export interface SentryAndroidGradlePluginOptions {
@@ -67,7 +66,7 @@ export function withSentryAndroidGradlePlugin(
           projectBuildGradle.modResults.contents = updatedContents;
         }
       } catch (error) {
-        warnOnce(`An error occurred while trying to modify build.gradle`);
+        warnOnce('An error occurred while trying to modify build.gradle');
       }
       return projectBuildGradle;
     });
@@ -81,7 +80,7 @@ export function withSentryAndroidGradlePlugin(
         warnOnce('Cannot configure Sentry in android/app/build.gradle because it is not in Groovy.');
         return config;
       }
-      const sentryPlugin = `apply plugin: "io.sentry.android.gradle"`;
+      const sentryPlugin = 'apply plugin: "io.sentry.android.gradle"';
       const sentryConfig = `
   sentry {
       autoUploadProguardMapping = ${autoUploadProguardMapping ? 'shouldSentryAutoUpload()' : 'false'}

packages/core/plugin/src/withSentryIOS.ts

@@ -2,7 +2,6 @@
 import type { ConfigPlugin, XcodeProject } from 'expo/config-plugins';
 import { withDangerousMod, withXcodeProject } from 'expo/config-plugins';
 import * as path from 'path';
-
 import { warnOnce, writeSentryPropertiesTo } from './utils';
 
 type BuildPhase = { shellScript: string };

packages/core/scripts/expo-upload-sourcemaps.js

@@ -174,7 +174,7 @@ if (!sentryOrg || !sentryProject || !sentryUrl) {
       console.log(`${SENTRY_URL} resolved to ${sentryUrl} from expo config.`);
     }
     else {
-      sentryUrl = `https://sentry.io/`;
+      sentryUrl = 'https://sentry.io/';
       console.log(
         `Since it wasn't specified in the Expo config or environment variable, ${SENTRY_URL} now points to ${sentryUrl}.`
       );
@@ -214,7 +214,7 @@ for (const [assetGroupName, assets] of Object.entries(groupedAssets)) {
   }
 
   const isHermes = assets.find(asset => asset.endsWith('.hbc'));
-  const windowsCallback = process.platform === "win32" ? 'node ' : '';
+  const windowsCallback = process.platform === 'win32' ? 'node ' : '';
   execSync(`${windowsCallback}${sentryCliBin} sourcemaps upload ${isHermes ? '--debug-id-reference' : ''} ${assets.join(' ')}`, {
     env: {
       ...process.env,

packages/core/src/js/NativeRNSentry.ts

@@ -1,7 +1,6 @@
 import type { Package } from '@sentry/core';
 import type { TurboModule } from 'react-native';
 import { TurboModuleRegistry } from 'react-native';
-
 import type { UnsafeObject } from './utils/rnlibrariesinterface';
 
 // There has to be only one interface and it has to be named `Spec`

packages/core/src/js/client.ts

@@ -19,7 +19,6 @@ import {
   SentryError,
 } from '@sentry/core';
 import { Alert } from 'react-native';
-
 import { getDevServer } from './integrations/debugsymbolicatorutils';
 import { defaultSdkInfo } from './integrations/sdkinfo';
 import { getDefaultSidecarUrl } from './integrations/spotlight';

packages/core/src/js/feedback/FeedbackWidget.styles.ts

@@ -1,5 +1,4 @@
 import type { ViewStyle } from 'react-native';
-
 import type { FeedbackWidgetStyles } from './FeedbackWidget.types';
 
 const PURPLE = 'rgba(88, 74, 192, 1)';

packages/core/src/js/feedback/FeedbackWidget.tsx

@@ -11,7 +11,6 @@ import {
   TouchableWithoutFeedback,
   View
 } from 'react-native';
-
 import { isWeb, notWeb } from '../utils/environment';
 import { getDataFromUri } from '../wrapper';
 import { sentryLogo } from './branding';

packages/core/src/js/feedback/FeedbackWidgetManager.tsx

@@ -2,7 +2,6 @@ import { logger } from '@sentry/core';
 import * as React from 'react';
 import type { NativeScrollEvent, NativeSyntheticEvent} from 'react-native';
 import { Animated, Dimensions, Easing, Modal, PanResponder, Platform, ScrollView, View } from 'react-native';
-
 import { notWeb } from '../utils/environment';
 import { FeedbackWidget } from './FeedbackWidget';
 import { modalSheetContainer, modalWrapper, topSpacer } from './FeedbackWidget.styles';

packages/core/src/js/feedback/integration.ts

@@ -1,5 +1,4 @@
 import { type Integration, getClient } from '@sentry/core';
-
 import type { FeedbackWidgetProps } from './FeedbackWidget.types';
 
 export const MOBILE_FEEDBACK_INTEGRATION_NAME = 'MobileFeedback';

packages/core/src/js/feedback/lazy.ts

@@ -1,5 +1,4 @@
 import { getClient } from '@sentry/core';
-
 import { feedbackIntegration, MOBILE_FEEDBACK_INTEGRATION_NAME } from './integration';
 
 /**

packages/core/src/js/feedback/utils.ts

@@ -1,5 +1,4 @@
 import { Alert } from 'react-native';
-
 import { isFabricEnabled, isWeb } from '../utils/environment';
 import { RN_GLOBAL_OBJ } from '../utils/worldwide';
 import { ReactNativeLibraries } from './../utils/rnlibraries';

packages/core/src/js/integrations/appRegistry.ts

@@ -1,6 +1,5 @@
 import type { Client, Integration } from '@sentry/core';
 import { getClient, logger } from '@sentry/core';
-
 import { isWeb } from '../utils/environment';
 import { fillTyped } from '../utils/fill';
 import { ReactNativeLibraries } from '../utils/rnlibraries';

packages/core/src/js/integrations/debugsymbolicator.ts

@@ -1,6 +1,5 @@
 import type { Event, EventHint, Exception, Integration, StackFrame as SentryStackFrame } from '@sentry/core';
 import { logger } from '@sentry/core';
-
 import type { ExtendedError } from '../utils/error';
 import { getFramesToPop, isErrorLike } from '../utils/error';
 import type * as ReactNative from '../vendor/react-native';

packages/core/src/js/integrations/debugsymbolicatorutils.ts

@@ -1,6 +1,5 @@
 import type { StackFrame as SentryStackFrame } from '@sentry/core';
 import { logger } from '@sentry/core';
-
 import { ReactNativeLibraries } from '../utils/rnlibraries';
 import { createStealthXhr, XHR_READYSTATE_DONE } from '../utils/xhr';
 import type * as ReactNative from '../vendor/react-native';

packages/core/src/js/integrations/default.ts

@@ -1,7 +1,6 @@
 /* eslint-disable complexity */
 import { browserSessionIntegration } from '@sentry/browser';
 import type { Integration } from '@sentry/core';
-
 import type { ReactNativeClientOptions } from '../options';
 import { reactNativeTracingIntegration } from '../tracing';
 import { notWeb } from '../utils/environment';

packages/core/src/js/integrations/devicecontext.ts

@@ -2,7 +2,6 @@
 import type { Client, Event, EventHint, Integration } from '@sentry/core';
 import { logger, severityLevelFromString } from '@sentry/core';
 import { AppState } from 'react-native';
-
 import { breadcrumbFromObject } from '../breadcrumb';
 import type { NativeDeviceContextsResponse } from '../NativeRNSentry';
 import { NATIVE } from '../wrapper';

packages/core/src/js/integrations/expocontext.ts

@@ -1,5 +1,4 @@
 import { type DeviceContext, type Event, type Integration, type OsContext, logger } from '@sentry/core';
-
 import type { ReactNativeClient } from '../client';
 import { isExpo, isExpoGo } from '../utils/environment';
 import { getExpoDevice, getExpoUpdates } from '../utils/expomodules';

packages/core/src/js/integrations/modulesloader.ts

@@ -1,6 +1,5 @@
 import type { Event, Integration } from '@sentry/core';
 import { logger } from '@sentry/core';
-
 import { NATIVE } from '../wrapper';
 
 const INTEGRATION_NAME = 'ModulesLoader';

packages/core/src/js/integrations/nativelinkederrors.ts

@@ -11,7 +11,6 @@ import type {
   StackParser,
 } from '@sentry/core';
 import { isInstanceOf, isPlainObject, isString } from '@sentry/core';
-
 import type { NativeStackFrames } from '../NativeRNSentry';
 import { NATIVE } from '../wrapper';
 

packages/core/src/js/integrations/reactnativeerrorhandlers.ts

@@ -1,6 +1,5 @@
 import type { EventHint, Integration, SeverityLevel } from '@sentry/core';
 import { addExceptionMechanism, captureException, getClient, getCurrentScope, logger } from '@sentry/core';
-
 import type { ReactNativeClientOptions } from '../options';
 import { createSyntheticError, isErrorLike } from '../utils/error';
 import { RN_GLOBAL_OBJ } from '../utils/worldwide';

packages/core/src/js/integrations/reactnativeerrorhandlersutils.ts

@@ -1,5 +1,4 @@
 import { logger } from '@sentry/core';
-
 import { ReactNativeLibraries } from '../utils/rnlibraries';
 import { RN_GLOBAL_OBJ } from '../utils/worldwide';
 

packages/core/src/js/integrations/reactnativeinfo.ts

@@ -1,5 +1,4 @@
 import type { Context, Event, EventHint, Integration } from '@sentry/core';
-
 import {
   getExpoGoVersion,
   getExpoSdkVersion,

packages/core/src/js/integrations/release.ts

@@ -1,5 +1,4 @@
 import type { BaseTransportOptions, Client, ClientOptions, Event, EventHint, Integration } from '@sentry/core';
-
 import { NATIVE } from '../wrapper';
 
 const INTEGRATION_NAME = 'Release';

packages/core/src/js/integrations/rewriteframes.ts

@@ -1,7 +1,6 @@
 import type { Integration, StackFrame } from '@sentry/core';
 import { rewriteFramesIntegration } from '@sentry/core';
 import { Platform } from 'react-native';
-
 import { isExpo, isHermesEnabled } from '../utils/environment';
 
 export const ANDROID_DEFAULT_BUNDLE_NAME = 'app:///index.android.bundle';

packages/core/src/js/integrations/screenshot.ts

@@ -1,5 +1,4 @@
 import type { Event, EventHint, Integration } from '@sentry/core';
-
 import type { ReactNativeClient } from '../client';
 import type { Screenshot as ScreenshotAttachment } from '../wrapper';
 import { NATIVE } from '../wrapper';

packages/core/src/js/integrations/sdkinfo.ts

@@ -1,6 +1,5 @@
 import type { Event, Integration, Package, SdkInfo as SdkInfoType } from '@sentry/core';
 import { logger } from '@sentry/core';
-
 import { isExpoGo, notWeb } from '../utils/environment';
 import { SDK_NAME, SDK_PACKAGE_NAME, SDK_VERSION } from '../version';
 import { NATIVE } from '../wrapper';

packages/core/src/js/integrations/spotlight.ts

@@ -1,6 +1,5 @@
 import type { BaseTransportOptions, Client, ClientOptions, Envelope, Integration } from '@sentry/core';
 import { logger, serializeEnvelope } from '@sentry/core';
-
 import { ReactNativeLibraries } from '../utils/rnlibraries';
 import { createStealthXhr, XHR_READYSTATE_DONE } from '../utils/xhr';
 

packages/core/src/js/integrations/viewhierarchy.ts

@@ -1,6 +1,5 @@
 import type { Attachment, Event, EventHint, Integration } from '@sentry/core';
 import { logger } from '@sentry/core';
-
 import { NATIVE } from '../wrapper';
 
 const filename: string = 'view-hierarchy.json';

packages/core/src/js/options.ts

@@ -3,7 +3,6 @@ import type { CaptureContext, ClientOptions, Event, EventHint, Options } from '@
 import type { Profiler } from '@sentry/react';
 import type * as React from 'react';
 import { Platform } from 'react-native';
-
 import type { TouchEventBoundaryProps } from './touchevents';
 import { getExpoConstants } from './utils/expomodules';
 

packages/core/src/js/profiling/convertHermesProfile.ts

@@ -1,6 +1,5 @@
 import type { FrameId, StackId, ThreadCpuFrame, ThreadCpuSample, ThreadCpuStack, ThreadId } from '@sentry/core';
 import { logger } from '@sentry/core';
-
 import { MAX_PROFILE_DURATION_MS } from './constants';
 import type * as Hermes from './hermes';
 import { DEFAULT_BUNDLE_NAME } from './hermes';

packages/core/src/js/profiling/debugid.ts

@@ -1,6 +1,5 @@
 import type { DebugImage } from '@sentry/core';
 import { GLOBAL_OBJ, logger } from '@sentry/core';
-
 import { DEFAULT_BUNDLE_NAME } from './hermes';
 
 /**

packages/core/src/js/profiling/hermes.ts

@@ -1,5 +1,4 @@
 import { Platform } from 'react-native';
-
 import { ANDROID_DEFAULT_BUNDLE_NAME, IOS_DEFAULT_BUNDLE_NAME } from '../integrations/rewriteframes';
 
 export type StackFrameId = number;

packages/core/src/js/profiling/integration.ts

@@ -2,7 +2,6 @@
 import type { Envelope, Event, Integration, Span, ThreadCpuProfile } from '@sentry/core';
 import { getActiveSpan, getClient, logger, spanIsSampled, uuid4 } from '@sentry/core';
 import { Platform } from 'react-native';
-
 import type { ReactNativeClient } from '../client';
 import { isHermesEnabled } from '../utils/environment';
 import { isRootSpan } from '../utils/span';

packages/core/src/js/profiling/types.ts

@@ -1,5 +1,4 @@
 import type { DebugImage, MeasurementUnit, Profile, ThreadCpuFrame, ThreadCpuProfile } from '@sentry/core';
-
 import type { NativeProfileEvent } from './nativeTypes';
 
 export interface RawThreadCpuProfile extends ThreadCpuProfile {

packages/core/src/js/profiling/utils.ts

@@ -1,7 +1,6 @@
 /* eslint-disable complexity */
 import type { Envelope, Event, ThreadCpuProfile } from '@sentry/core';
 import { forEachEnvelopeItem, logger } from '@sentry/core';
-
 import { getDefaultEnvironment } from '../utils/environment';
 import { getDebugMetadata } from './debugid';
 import type {

packages/core/src/js/replay/CustomMask.tsx

@@ -2,7 +2,6 @@ import { logger } from '@sentry/core';
 import * as React from 'react';
 import type { HostComponent, ViewProps } from 'react-native';
 import { UIManager, View } from 'react-native';
-
 import { isExpoGo } from '../utils/environment';
 
 const NativeComponentRegistry: {

packages/core/src/js/replay/mobilereplay.ts

@@ -1,6 +1,5 @@
 import type { Client, DynamicSamplingContext, Event, Integration } from '@sentry/core';
 import { logger } from '@sentry/core';
-
 import { isHardCrash } from '../misc';
 import { hasHooks } from '../utils/clientutils';
 import { isExpoGo, notMobileOs } from '../utils/environment';

packages/core/src/js/replay/xhrUtils.ts

@@ -1,6 +1,5 @@
 import type { Breadcrumb, BreadcrumbHint, SentryWrappedXMLHttpRequest, XhrBreadcrumbHint } from '@sentry/core';
 import { dropUndefinedKeys } from '@sentry/core';
-
 import type { RequestBody } from './networkUtils';
 import { getBodySize, parseContentLengthHeader } from './networkUtils';
 

packages/core/src/js/scopeSync.ts

@@ -1,6 +1,5 @@
 import type { Breadcrumb, Scope } from '@sentry/core';
 import { logger } from '@sentry/react';
-
 import { DEFAULT_BREADCRUMB_LEVEL } from './breadcrumb';
 import { fillTyped } from './utils/fill';
 import { convertToNormalizedObject } from './utils/normalize';

packages/core/src/js/sdk.tsx

@@ -6,7 +6,6 @@ import {
   makeFetchTransport,
 } from '@sentry/react';
 import * as React from 'react';
-
 import { ReactNativeClient } from './client';
 import { FeedbackWidgetProvider } from './feedback/FeedbackWidgetManager';
 import { getDevServer } from './integrations/debugsymbolicatorutils';

packages/core/src/js/tools/collectModules.ts

@@ -1,6 +1,5 @@
 /* eslint-disable @typescript-eslint/no-unsafe-member-access */
 import { argv } from 'process';
-
 import ModulesCollector from './ModulesCollector';
 
 const sourceMapPath: string | undefined = argv[2];