feat(build): Update Rollup to v4 (#11087)

This PR updates Rollup to v4 and updates all the plugins to their latest
versions.

When testing bundling of the new otel powered Node SDK, there are
runtime errors caused by ESM/CJS interoperability. There have been
plenty of issues fixed around this in both Rollup and the CommonJs
plugin so we need to update.

The changelog doesn't do justice for how much of a pain this was.

Co-authored-by: Francesco Novy <[email protected]>

Author: timfish

dev-packages/rollup-utils/npmHelpers.mjs

@@ -52,6 +52,10 @@ export function makeBaseNPMConfig(options = {}) {
 
       sourcemap: true,
 
+      // Include __esModule property when generating exports
+      // Before the upgrade to Rollup 4 this was included by default and when it was gone it broke tests
+      esModule: true,
+
       // output individual files rather than one big bundle
       preserveModules: true,
 

dev-packages/rollup-utils/plugins/bundlePlugins.mjs

@@ -13,8 +13,8 @@ import * as childProcess from 'child_process';
 import commonjs from '@rollup/plugin-commonjs';
 import { nodeResolve } from '@rollup/plugin-node-resolve';
 import replace from '@rollup/plugin-replace';
+import terser from '@rollup/plugin-terser';
 import license from 'rollup-plugin-license';
-import { terser } from 'rollup-plugin-terser';
 
 /**
  * Create a plugin to add an identification banner to the top of stand-alone bundles.

package.json

@@ -86,12 +86,13 @@
   ],
   "devDependencies": {
     "@biomejs/biome": "^1.4.0",
-    "@rollup/plugin-commonjs": "^21.0.1",
+    "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^13.1.3",
-    "@rollup/plugin-replace": "^3.0.1",
-    "@rollup/plugin-sucrase": "^4.0.3",
-    "@rollup/plugin-typescript": "^8.3.1",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-replace": "^5.0.5",
+    "@rollup/plugin-sucrase": "^5.0.2",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^11.1.6",
     "@size-limit/file": "~11.0.1",
     "@size-limit/webpack": "~11.0.1",
     "@strictsoftware/typedoc-plugin-monorepo": "^0.3.1",
@@ -120,10 +121,9 @@
     "prettier": "^3.1.1",
     "replace-in-file": "^4.0.0",
     "rimraf": "^3.0.2",
-    "rollup": "^2.67.1",
-    "rollup-plugin-cleanup": "3.2.1",
-    "rollup-plugin-license": "^2.6.1",
-    "rollup-plugin-terser": "^7.0.2",
+    "rollup": "^4.13.0",
+    "rollup-plugin-cleanup": "^3.2.1",
+    "rollup-plugin-license": "^3.3.1",
     "sinon": "^7.3.2",
     "size-limit": "~11.0.1",
     "ts-jest": "^27.1.4",
@@ -134,7 +134,8 @@
     "yalc": "^1.0.0-pre.53"
   },
   "resolutions": {
-    "**/agent-base": "5",
+    "wrap-ansi": "7.0.0",
+    "string-width": "4.1.0",
     "**/terser/source-map": "0.7.4"
   },
   "version": "0.0.0",

packages/astro/package.json

@@ -58,7 +58,6 @@
   },
   "devDependencies": {
     "astro": "^3.5.0",
-    "rollup": "^3.20.2",
     "vite": "4.0.5"
   },
   "scripts": {

packages/deno/package.json

@@ -39,7 +39,7 @@
     "deno-types": "node ./scripts/download-deno-types.mjs",
     "build": "run-s build:transpile build:types",
     "build:dev": "yarn build",
-    "build:transpile": "yarn deno-types && rollup -c rollup.config.js",
+    "build:transpile": "yarn deno-types && rollup -c rollup.config.mjs",
     "build:types": "run-s deno-types build:types:tsc build:types:bundle",
     "build:types:tsc": "tsc -p tsconfig.types.json",
     "build:types:bundle": "rollup -c rollup.types.config.mjs",

packages/deno/rollup.config.js renamed to packages/deno/rollup.config.mjs

@@ -45,7 +45,7 @@
     "@sentry/webpack-plugin": "2.14.3",
     "chalk": "3.0.0",
     "resolve": "1.22.8",
-    "rollup": "2.78.0",
+    "rollup": "3.29.4",
     "stacktrace-parser": "^0.1.10"
   },
   "devDependencies": {

packages/nextjs/package.json

@@ -65,7 +65,9 @@
     "@sentry/core": "8.0.0-alpha.2",
     "@sentry/opentelemetry": "8.0.0-alpha.2",
     "@sentry/types": "8.0.0-alpha.2",
-    "@sentry/utils": "8.0.0-alpha.2",
+    "@sentry/utils": "8.0.0-alpha.2"
+  },
+  "devDependencies": {
     "@types/node": "14.18.63"
   },
   "optionalDependencies": {

packages/node-experimental/package.json

@@ -1,8 +1,8 @@
 import commonjs from '@rollup/plugin-commonjs';
 import resolve from '@rollup/plugin-node-resolve';
+import terser from '@rollup/plugin-terser';
 import typescript from '@rollup/plugin-typescript';
 import { defineConfig } from 'rollup';
-import { terser } from 'rollup-plugin-terser';
 
 import { makeLicensePlugin } from '../../rollup/plugins/index.js';
 

packages/replay-worker/rollup.examples.config.js

@@ -2,9 +2,9 @@
 
 import commonjs from '@rollup/plugin-commonjs';
 import resolve from '@rollup/plugin-node-resolve';
+import terser from '@rollup/plugin-terser';
 import typescript from '@rollup/plugin-typescript';
 import { defineConfig } from 'rollup';
-import { terser } from 'rollup-plugin-terser';
 
 const config = defineConfig([
   {

packages/replay-worker/rollup.worker.config.mjs

@@ -50,7 +50,6 @@
   },
   "devDependencies": {
     "@sveltejs/kit": "^2.0.2",
-    "rollup": "^3.20.2",
     "svelte": "^4.2.8",
     "vite": "^5.0.10"
   },