ref(bundler-plugins): Keep the Babel plugin export for React Native

Author: timfish

dev-packages/bundler-plugin-integration-tests/fixtures/rollup3/build-info.test.ts

@@ -6,7 +6,7 @@ test(import.meta.url, ({ runBundler, readOutputFiles }) => {
   expect(readOutputFiles()).toMatchInlineSnapshot(`
     {
       "basic.js": "// eslint-disable-next-line no-console
-    !function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"build-information-injection-test"};e.SENTRY_BUILD_INFO={"deps":["@babel/preset-react","@rollup/plugin-babel","@rollup/plugin-node-resolve","@sentry/bundler-plugins","react","rollup"],"depsVersions":{"react":19,"rollup":3},"nodeVersion":"NODE_VERSION"};var n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="00000000-0000-0000-0000-000000000000",e._sentryDebugIdIdentifier="sentry-dbid-00000000-0000-0000-0000-000000000000");}catch(e){}}();console.log("hello world");
+    !function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"build-information-injection-test"};e.SENTRY_BUILD_INFO={"deps":["@rollup/plugin-babel","@rollup/plugin-node-resolve","@sentry/bundler-plugins","react","rollup"],"depsVersions":{"react":19,"rollup":3},"nodeVersion":"NODE_VERSION"};var n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="00000000-0000-0000-0000-000000000000",e._sentryDebugIdIdentifier="sentry-dbid-00000000-0000-0000-0000-000000000000");}catch(e){}}();console.log("hello world");
     ",
     }
   `);

dev-packages/bundler-plugin-integration-tests/fixtures/rollup3/package.json

@@ -7,7 +7,6 @@
     "react": "19.2.4",
     "rollup": "3.30.0",
     "@rollup/plugin-babel": "6.0.4",
-    "@babel/preset-react": "7.23.3",
     "@rollup/plugin-node-resolve": "15.2.3",
     "@sentry/bundler-plugins": "10.67.0"
   },

dev-packages/bundler-plugin-integration-tests/fixtures/rollup4/build-info.test.ts

@@ -6,7 +6,7 @@ test(import.meta.url, ({ runBundler, readOutputFiles }) => {
   expect(readOutputFiles()).toMatchInlineSnapshot(`
     {
       "basic.js": "// eslint-disable-next-line no-console
-    !function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"build-information-injection-test"};e.SENTRY_BUILD_INFO={"deps":["@babel/preset-react","@rollup/plugin-babel","@rollup/plugin-node-resolve","@sentry/bundler-plugins","react","rollup"],"depsVersions":{"react":19,"rollup":4},"nodeVersion":"NODE_VERSION"};var n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="00000000-0000-0000-0000-000000000000",e._sentryDebugIdIdentifier="sentry-dbid-00000000-0000-0000-0000-000000000000");}catch(e){}}();console.log("hello world");
+    !function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"build-information-injection-test"};e.SENTRY_BUILD_INFO={"deps":["@rollup/plugin-babel","@rollup/plugin-node-resolve","@sentry/bundler-plugins","react","rollup"],"depsVersions":{"react":19,"rollup":4},"nodeVersion":"NODE_VERSION"};var n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="00000000-0000-0000-0000-000000000000",e._sentryDebugIdIdentifier="sentry-dbid-00000000-0000-0000-0000-000000000000");}catch(e){}}();console.log("hello world");
     ",
     }
   `);

dev-packages/bundler-plugin-integration-tests/fixtures/rollup4/package.json

@@ -7,7 +7,6 @@
     "react": "19.2.4",
     "rollup": "4.59.0",
     "@rollup/plugin-babel": "6.0.4",
-    "@babel/preset-react": "7.23.3",
     "@rollup/plugin-node-resolve": "16.0.3",
     "@sentry/bundler-plugins": "10.67.0"
   },

packages/bundler-plugins/package.json

@@ -44,6 +44,11 @@
       "import": "./build/esm/core/index.js",
       "require": "./build/cjs/core/index.js"
     },
+    "./babel-plugin": {
+      "types": "./build/types/babel-plugin/index.d.ts",
+      "import": "./build/esm/babel-plugin/index.js",
+      "require": "./build/cjs/babel-plugin/index.js"
+    },
     "./sentry-release-injection-file": {
       "import": "./sentry-release-injection-file.js",
       "require": "./sentry-release-injection-file.js"
@@ -109,10 +114,14 @@
     "supports-color": "^8.1.1"
   },
   "peerDependencies": {
+    "@babel/core": "^7.18.5",
     "rollup": ">=3.2.0",
     "webpack": ">=5.1.0"
   },
   "peerDependenciesMeta": {
+    "@babel/core": {
+      "optional": true
+    },
     "rollup": {
       "optional": true
     },
@@ -121,6 +130,9 @@
     }
   },
   "devDependencies": {
+    "@babel/core": "^7.18.5",
+    "@babel/preset-react": "^7.23.3",
+    "@types/babel__core": "^7.20.5",
     "@types/node": "^18.6.3",
     "premove": "^4.0.0",
     "rolldown": "^1.0.0",

packages/bundler-plugins/rollup.npm.config.mjs

@@ -9,6 +9,7 @@ export default makeNPMConfigVariants(
       'src/esbuild/index.ts',
       'src/webpack/index.ts',
       'src/webpack/component-annotation-transform.ts',
+      'src/babel-plugin/index.ts',
     ],
     packageSpecificConfig: {
       output: {

…plugins/src/core/component-annotation.ts …src/babel-plugin/component-annotation.tspackages/bundler-plugins/src/core/component-annotation.ts renamed to packages/bundler-plugins/src/babel-plugin/component-annotation.ts packages/bundler-plugins/src/core/component-annotation.ts renamed to packages/bundler-plugins/src/babel-plugin/component-annotation.ts

@@ -1,9 +1,13 @@
-import { DEFAULT_IGNORED_ELEMENTS } from './component-annotation-constants';
+import { DEFAULT_IGNORED_ELEMENTS } from './constants';
 
 export const WEB_COMPONENT_NAME = 'data-sentry-component';
 export const WEB_ELEMENT_NAME = 'data-sentry-element';
 export const WEB_SOURCE_FILE_NAME = 'data-sentry-source-file';
 
+export const NATIVE_COMPONENT_NAME = 'dataSentryComponent';
+export const NATIVE_ELEMENT_NAME = 'dataSentryElement';
+export const NATIVE_SOURCE_FILE_NAME = 'dataSentrySourceFile';
+
 export type ComponentAnnotationAttributeNames = readonly [string, string, string];
 
 export type ComponentAnnotationAttribute = [string, string];