feat: Emit *.mjs files across all packages

.size-limit.js

@@ -2,28 +2,28 @@ module.exports = [
   // Main browser webpack builds
   {
     name: '@sentry/browser (incl. Tracing, Replay, Feedback) - Webpack (gzipped)',
-    path: 'packages/browser/build/npm/esm/index.js',
+    path: 'packages/browser/build/npm/esm/index.mjs',
     import: '{ init, Replay, browserTracingIntegration, Feedback }',
     gzip: true,
     limit: '90 KB',
   },
   {
     name: '@sentry/browser (incl. Tracing, Replay) - Webpack (gzipped)',
-    path: 'packages/browser/build/npm/esm/index.js',
+    path: 'packages/browser/build/npm/esm/index.mjs',
     import: '{ init, Replay, browserTracingIntegration }',
     gzip: true,
     limit: '75 KB',
   },
   {
     name: '@sentry/browser (incl. Tracing, Replay with Canvas) - Webpack (gzipped)',
-    path: 'packages/browser/build/npm/esm/index.js',
+    path: 'packages/browser/build/npm/esm/index.mjs',
     import: '{ init, Replay, browserTracingIntegration, ReplayCanvas }',
     gzip: true,
     limit: '90 KB',
   },
   {
     name: '@sentry/browser (incl. Tracing, Replay) - Webpack with treeshaking flags (gzipped)',
-    path: 'packages/browser/build/npm/esm/index.js',
+    path: 'packages/browser/build/npm/esm/index.mjs',
     import: '{ init, Replay, browserTracingIntegration }',
     gzip: true,
     limit: '75 KB',
@@ -42,35 +42,35 @@ module.exports = [
   },
   {
     name: '@sentry/browser (incl. Tracing) - Webpack (gzipped)',
-    path: 'packages/browser/build/npm/esm/index.js',
+    path: 'packages/browser/build/npm/esm/index.mjs',
     import: '{ init, browserTracingIntegration }',
     gzip: true,
     limit: '35 KB',
   },
   {
     name: '@sentry/browser (incl. browserTracingIntegration) - Webpack (gzipped)',
-    path: 'packages/browser/build/npm/esm/index.js',
+    path: 'packages/browser/build/npm/esm/index.mjs',
     import: '{ init, browserTracingIntegration }',
     gzip: true,
     limit: '35 KB',
   },
   {
     name: '@sentry/browser (incl. Feedback) - Webpack (gzipped)',
-    path: 'packages/browser/build/npm/esm/index.js',
+    path: 'packages/browser/build/npm/esm/index.mjs',
     import: '{ init, Feedback }',
     gzip: true,
     limit: '50 KB',
   },
   {
     name: '@sentry/browser (incl. sendFeedback) - Webpack (gzipped)',
-    path: 'packages/browser/build/npm/esm/index.js',
+    path: 'packages/browser/build/npm/esm/index.mjs',
     import: '{ init, sendFeedback }',
     gzip: true,
     limit: '50 KB',
   },
   {
     name: '@sentry/browser - Webpack (gzipped)',
-    path: 'packages/browser/build/npm/esm/index.js',
+    path: 'packages/browser/build/npm/esm/index.mjs',
     import: '{ init }',
     gzip: true,
     limit: '28 KB',
@@ -137,37 +137,43 @@ module.exports = [
   // React
   {
     name: '@sentry/react (incl. Tracing, Replay) - Webpack (gzipped)',
-    path: 'packages/react/build/esm/index.js',
+    path: 'packages/react/build/esm/index.mjs',
     import: '{ init, browserTracingIntegration, Replay }',
     gzip: true,
     limit: '75 KB',
   },
   {
     name: '@sentry/react - Webpack (gzipped)',
-    path: 'packages/react/build/esm/index.js',
+    path: 'packages/react/build/esm/index.mjs',
     import: '{ init }',
     gzip: true,
     limit: '30 KB',
   },
 
   // Next.js
+  // We ignore next/router and next/constants because they break size-limit calculation
+  // with new *.mjs bundles in v8
   {
     name: '@sentry/nextjs Client (incl. Tracing, Replay) - Webpack (gzipped)',
-    path: 'packages/nextjs/build/esm/client/index.js',
+    path: 'packages/nextjs/build/esm/client/index.mjs',
     import: '{ init, browserTracingIntegration, Replay }',
+    ignore: ['next/router', 'next/constants'],
     gzip: true,
     limit: '110 KB',
   },
   {
     name: '@sentry/nextjs Client - Webpack (gzipped)',
-    path: 'packages/nextjs/build/esm/client/index.js',
+    path: 'packages/nextjs/build/esm/client/index.mjs',
     import: '{ init }',
+    ignore: ['next/router', 'next/constants'],
     gzip: true,
     limit: '57 KB',
   },
+
+  // Feedback
   {
     name: '@sentry-internal/feedback - Webpack (gzipped)',
-    path: 'packages/feedback/build/npm/esm/index.js',
+    path: 'packages/feedback/build/npm/esm/index.mjs',
     import: '{ Feedback }',
     gzip: true,
     limit: '25 KB',

dev-packages/rollup-utils/npmHelpers.mjs

@@ -117,11 +117,20 @@ export function makeBaseNPMConfig(options = {}) {
   });
 }
 
-export function makeNPMConfigVariants(baseConfig) {
+export function makeNPMConfigVariants(baseConfig, options = {}) {
+  const { emitMjs = true, entryFileNameWithoutExtension = '[name]' } = options;
   const variantSpecificConfigs = [
     { output: { format: 'cjs', dir: path.join(baseConfig.output.dir, 'cjs') } },
     { output: { format: 'esm', dir: path.join(baseConfig.output.dir, 'esm') } },
   ];
 
+  if (emitMjs) {
+    variantSpecificConfigs[1].output.entryFileNames = `${entryFileNameWithoutExtension}.mjs`;
+  }
+
+  if (entryFileNameWithoutExtension !== '[name]') {
+    variantSpecificConfigs[0].output.entryFileNames = `${entryFileNameWithoutExtension}.js`;
+  }
+
   return variantSpecificConfigs.map(variant => deepMerge(baseConfig, variant));
 }

packages/astro/package.json

@@ -24,20 +24,20 @@
     "types-ts3.8"
   ],
   "main": "build/cjs/index.client.js",
-  "module": "build/esm/index.server.js",
-  "browser": "build/esm/index.client.js",
+  "module": "build/esm/index.server.mjs",
+  "browser": "build/esm/index.client.mjs",
   "types": "build/types/index.types.d.ts",
   "exports": {
     ".": {
-      "node": "./build/esm/index.server.js",
-      "browser": "./build/esm/index.client.js",
-      "import": "./build/esm/index.client.js",
+      "node": "./build/esm/index.server.mjs",
+      "browser": "./build/esm/index.client.mjs",
+      "import": "./build/esm/index.client.mjs",
       "require": "./build/cjs/index.server.js",
       "types": "./build/types/index.types.d.ts"
     },
     "./middleware": {
-      "node": "./build/esm/integration/middleware/index.js",
-      "import": "./build/esm/integration/middleware/index.js",
+      "node": "./build/esm/integration/middleware/index.mjs",
+      "import": "./build/esm/integration/middleware/index.mjs",
       "require": "./build/cjs/integration/middleware/index.js",
       "types": "./build/types/integration/middleware/index.types.d.ts"
     }

packages/browser/package.json

@@ -16,8 +16,21 @@
     "types-ts3.8"
   ],
   "main": "build/npm/cjs/index.js",
-  "module": "build/npm/esm/index.js",
+  "module": "build/npm/esm/index.mjs",
   "types": "build/npm/types/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "import": {
+        "types": "./build/npm/types/index.d.ts",
+        "default": "./build/npm/esm/index.mjs"
+      },
+      "require": {
+        "types": "./build/npm.types/index.d.ts",
+        "default": "./build/npm/cjs/index.js"
+      }
+    }
+  },
   "typesVersions": {
     "<4.9": {
       "build/npm/types/index.d.ts": [

packages/bun/package.json

@@ -16,8 +16,21 @@
     "types-ts3.8"
   ],
   "main": "build/esm/index.js",
-  "module": "build/esm/index.js",
+  "module": "build/esm/index.mjs",
   "types": "build/types/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "import": {
+        "types": "./build/types/index.d.ts",
+        "default": "./build/esm/index.mjs"
+      },
+      "require": {
+        "types": "./build/types/index.d.ts",
+        "default": "./build/cjs/index.js"
+      }
+    }
+  },
   "typesVersions": {
     "<4.9": {
       "build/npm/types/index.d.ts": [

packages/core/package.json

@@ -16,8 +16,21 @@
     "types-ts3.8"
   ],
   "main": "build/cjs/index.js",
-  "module": "build/esm/index.js",
+  "module": "build/esm/index.mjs",
   "types": "build/types/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "import": {
+        "types": "./build/types/index.d.ts",
+        "default": "./build/esm/index.mjs"
+      },
+      "require": {
+        "types": "./build/types/index.d.ts",
+        "default": "./build/cjs/index.js"
+      }
+    }
+  },
   "typesVersions": {
     "<4.9": {
       "build/types/index.d.ts": [

packages/deno/package.json

@@ -8,6 +8,15 @@
   "license": "MIT",
   "module": "build/index.mjs",
   "types": "build/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "import": {
+        "types": "./build/index.d.ts",
+        "default": "./build/index.mjs"
+      }
+    }
+  },
   "publishConfig": {
     "access": "public"
   },

packages/feedback/package.json

@@ -16,8 +16,21 @@
     "types-ts3.8"
   ],
   "main": "build/npm/cjs/index.js",
-  "module": "build/npm/esm/index.js",
+  "module": "build/npm/esm/index.mjs",
   "types": "build/npm/types/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "import": {
+        "types": "./build/npm/types/index.d.ts",
+        "default": "./build/npm/esm/index.mjs"
+      },
+      "require": {
+        "types": "./build/npm/types/index.d.ts",
+        "default": "./build/npm/cjs/index.js"
+      }
+    }
+  },
   "typesVersions": {
     "<4.9": {
       "build/npm/types/index.d.ts": [

packages/gatsby/package.json

@@ -24,8 +24,21 @@
     "gatsby-node.d.ts"
   ],
   "main": "build/cjs/index.js",
-  "module": "build/esm/index.js",
+  "module": "build/esm/index.mjs",
   "types": "build/types/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "import": {
+        "types": "./build/types/index.d.ts",
+        "default": "./build/esm/index.mjs"
+      },
+      "require": {
+        "types": "./build/types/index.d.ts",
+        "default": "./build/cjs/index.js"
+      }
+    }
+  },
   "typesVersions": {
     "<4.9": {
       "build/types/index.d.ts": [

packages/integration-shims/package.json

@@ -3,8 +3,21 @@
   "version": "8.0.0-alpha.0",
   "description": "Shims for integrations in Sentry SDK.",
   "main": "build/cjs/index.js",
-  "module": "build/esm/index.js",
+  "module": "build/esm/index.mjs",
   "types": "build/types/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "import": {
+        "types": "./build/types/index.d.ts",
+        "default": "./build/esm/index.mjs"
+      },
+      "require": {
+        "types": "./build/types/index.d.ts",
+        "default": "./build/cjs/index.js"
+      }
+    }
+  },
   "typesVersions": {
     "<4.9": {
       "build/types/index.d.ts": [

packages/nextjs/package.json

@@ -10,9 +10,20 @@
     "node": ">=14.8"
   },
   "main": "build/cjs/index.server.js",
-  "module": "build/esm/index.server.js",
-  "browser": "build/esm/index.client.js",
+  "module": "build/esm/index.server.mjs",
+  "browser": "build/esm/index.client.mjs",
   "types": "build/types/index.types.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "browser": {
+        "import": "./build/esm/index.client.mjs",
+        "require": "./build/cjs/index.client.js"
+      },
+      "node": "./build/cjs/index.server.js",
+      "types": "./build/types/index.types.d.ts"
+    }
+  },
   "typesVersions": {
     "<4.9": {
       "build/npm/types/index.d.ts": [
@@ -56,7 +67,7 @@
   "scripts": {
     "build": "run-p build:transpile build:types",
     "build:dev": "yarn build",
-    "build:transpile": "ts-node scripts/buildRollup.ts",
+    "build:transpile": "rollup -c rollup.npm.config.mjs",
     "build:types": "run-s build:types:core build:types:downlevel",
     "build:types:core": "tsc -p tsconfig.types.json",
     "build:types:downlevel": "yarn downlevel-dts build/types build/types-ts3.8 --to ts3.8",

packages/nextjs/rollup.npm.config.mjs

@@ -35,9 +35,6 @@ export default [
 
       packageSpecificConfig: {
         output: {
-          // Preserve the original file structure (i.e., so that everything is still relative to `src`)
-          entryFileNames: 'config/templates/[name].js',
-
           // this is going to be add-on code, so it doesn't need the trappings of a full module (and in fact actively
           // shouldn't have them, lest they muck with the module to which we're adding it)
           sourcemap: false,
@@ -55,21 +52,22 @@ export default [
         ],
       },
     }),
+    // Preserve the original file structure (i.e., so that everything is still relative to `src`)
+    { entryFileNameWithoutExtension: 'config/templates/[name]' },
   ),
   ...makeNPMConfigVariants(
     makeBaseNPMConfig({
       entrypoints: ['src/config/loaders/index.ts'],
 
       packageSpecificConfig: {
         output: {
-          // Preserve the original file structure (i.e., so that everything is still relative to `src`)
-          entryFileNames: 'config/loaders/[name].js',
-
           // make it so Rollup calms down about the fact that we're combining default and named exports
           exports: 'named',
         },
         external: ['@rollup/plugin-commonjs', 'rollup'],
       },
     }),
+    // Preserve the original file structure (i.e., so that everything is still relative to `src`)
+    { entryFileNameWithoutExtension: 'config/loaders/[name]' },
   ),
 ];