chore(deps): Migrate to @sentry/bundler-plugins

.github/workflows/update-deps.yml

@@ -56,15 +56,6 @@ jobs:
           name: CLI
           ssh-key: ${{ secrets.CI_DEPLOY_KEY }}
 
-  bundler-plugins:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: getsentry/github-workflows/updater@607fed74f812e69201531a5185b6c3c57caa4e89 # v3
-        with:
-          path: scripts/update-bundler-plugins.sh
-          name: Bundler Plugins
-          ssh-key: ${{ secrets.CI_DEPLOY_KEY }}
-
   sample-rn:
     runs-on: ubuntu-latest
     steps:

CHANGELOG.md

@@ -14,6 +14,10 @@
 
   These tasks previously read `project` state at execution time — `onlyIf` predicates resolving closures from `project.extra`, plus `project.rootDir`, `project.copy`, `project.logger`, and `Project.file` inside task actions — which fails the build with `Could not evaluate onlyIf predicate` when `org.gradle.configuration-cache=true` (Gradle 9 defaults to recommending it). Environment reads are now captured at configuration time, file copies use an injected `FileSystemOperations`, and task actions use the task's own `logger`. No behaviour change. Interim step ahead of the full SAGP migration (getsentry/sentry-android-gradle-plugin#796).
 
+### Internal
+
+- Migrate from `@sentry/babel-plugin-component-annotate` to `@sentry/bundler-plugins/babel-plugin` ([#6501](https://github.com/getsentry/sentry-react-native/pull/6501))
+
 ### Dependencies
 
 - Bump JavaScript SDK from v10.65.0 to v10.67.0 ([#6471](https://github.com/getsentry/sentry-react-native/pull/6471), [#6494](https://github.com/getsentry/sentry-react-native/pull/6494))

packages/core/package.json

@@ -73,8 +73,8 @@
     "react-native": ">=0.65.0"
   },
   "dependencies": {
-    "@sentry/babel-plugin-component-annotate": "5.3.0",
     "@sentry/browser": "10.67.0",
+    "@sentry/bundler-plugins": "10.67.0",
     "@sentry/cli": "3.6.1",
     "@sentry/core": "10.67.0",
     "@sentry/expo-upload-sourcemaps": "workspace:*",

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

@@ -1,4 +1,4 @@
-import componentAnnotatePlugin from '@sentry/babel-plugin-component-annotate';
+import componentAnnotatePlugin from '@sentry/bundler-plugins/babel-plugin';
 import { debug } from '@sentry/core';
 import * as process from 'process';
 

packages/core/src/js/touchevents.tsx

@@ -379,7 +379,7 @@ function getTouchedComponentInfo(
     (shouldExtractText ? extractTextFromFiber(currentInst) : undefined);
 
   return dropUndefinedKeys<TouchedComponentInfo>({
-    // provided by @sentry/babel-plugin-component-annotate
+    // provided by @sentry/bundler-plugins/babel-plugin
     name: getComponentName(props) || displayName,
     element: getElementName(props),
     file: getFileName(props),

packages/core/tsconfig.build.json

@@ -17,7 +17,12 @@
     // `react-native/types`. Pin classic node resolution to keep these imports working.
     "moduleResolution": "node",
     "paths": {
-      "metro": ["./node_modules/metro/src/index"]
+      "metro": ["./node_modules/metro/src/index"],
+      // `@sentry/bundler-plugins` exposes the component-annotate plugin via the `./babel-plugin`
+      // subpath export, which classic `node` resolution can't follow. Point directly at its types.
+      "@sentry/bundler-plugins/babel-plugin": [
+        "./node_modules/@sentry/bundler-plugins/build/types/babel-plugin/index.d.ts"
+      ]
     },
     "outDir": "dist",
     "rootDir": "src",

packages/core/tsconfig.build.tools.json

@@ -8,7 +8,12 @@
     // incompatible with `module: CommonJS` below. Pin classic node resolution.
     "moduleResolution": "node",
     "paths": {
-      "metro": ["./node_modules/metro/src/index"]
+      "metro": ["./node_modules/metro/src/index"],
+      // `@sentry/bundler-plugins` exposes the component-annotate plugin via the `./babel-plugin`
+      // subpath export, which classic `node` resolution can't follow. Point directly at its types.
+      "@sentry/bundler-plugins/babel-plugin": [
+        "./node_modules/@sentry/bundler-plugins/build/types/babel-plugin/index.d.ts"
+      ]
     },
     "outDir": "dist",
     "rootDir": "src",

packages/core/tsconfig.lint.json

@@ -39,7 +39,12 @@
     // From tsconfig.json / tsconfig.build.json
     "rootDir": ".",
     "paths": {
-      "metro": ["./node_modules/metro/src/index"]
+      "metro": ["./node_modules/metro/src/index"],
+      // `@sentry/bundler-plugins` exposes the component-annotate plugin via the `./babel-plugin`
+      // subpath export, which classic `node` resolution can't follow. Point directly at its types.
+      "@sentry/bundler-plugins/babel-plugin": [
+        "./node_modules/@sentry/bundler-plugins/build/types/babel-plugin/index.d.ts"
+      ]
     },
     "lib": ["es7"],
     "jsx": "react",

samples/expo/package.json

@@ -47,7 +47,7 @@
   "devDependencies": {
     "@babel/core": "^7.26.0",
     "@babel/preset-env": "^7.26.0",
-    "@sentry/babel-plugin-component-annotate": "5.3.0",
+    "@sentry/bundler-plugins": "10.67.0",
     "@types/node": "20.10.4",
     "sentry-react-native-samples-utils": "workspace:^"
   },

samples/react-native/package.json

@@ -78,7 +78,7 @@
     "@react-native/jest-preset": "0.86.0",
     "@react-native/metro-config": "0.86.0",
     "@react-native/typescript-config": "0.86.0",
-    "@sentry/babel-plugin-component-annotate": "5.3.0",
+    "@sentry/bundler-plugins": "10.67.0",
     "@testing-library/react-native": "^13.2.2",
     "@types/jest": "^29.5.14",
     "@types/node": "^22.13.1",

scripts/update-javascript.sh

@@ -5,5 +5,6 @@ tagPrefix=''
 repo="https://github.com/getsentry/sentry-javascript.git"
 packages=('@sentry/browser' '@sentry/core' '@sentry/react' '@sentry/typescript')
 packages+=('@sentry/eslint-plugin-sdk')
+packages+=('@sentry/bundler-plugins')
 
 . $(dirname "$0")/update-package-json.sh