ref(build): Split up rollup config code (#4950)

As part of the new build process, a fair amount of new rollup-related code is going to be added. To keep things from getting too unwieldy, this splits the existing code up into modules. It also makes two other small changes, one for consistency and one to differentiate the current rollup code (which is for building bundles) from the future rollup code (which will be for building npm packages):

- All plugins are now generated through factory functions (`makeXXXPlugin`).
- Both the `makeConfigVariants` function and the individual `rollup.config.js` files have been renamed to make it clear they're for creating bundles.

For now all of the resulting modules live in a `rollup` folder at the top level of the repo. In the long run, these would be good candidates to go into an `@sentry-internal/dev-utils` package.

Author: lobsterkatie

.eslintrc.js

@@ -42,7 +42,7 @@ module.exports = {
       },
     },
     {
-      files: ['scenarios/**'],
+      files: ['scenarios/**', 'rollup/**'],
       parserOptions: {
         sourceType: 'module',
       },

packages/browser/package.json

@@ -44,7 +44,7 @@
   },
   "scripts": {
     "build": "run-p build:cjs build:esm build:bundle build:types",
-    "build:bundle": "rollup --config",
+    "build:bundle": "rollup --config rollup.bundle.config.js",
     "build:cjs": "tsc -p tsconfig.cjs.json",
     "build:dev": "run-p build:cjs build:esm build:types",
     "build:es5": "yarn build:cjs # *** backwards compatibility - remove in v7 ***",

packages/browser/rollup.config.js renamed to packages/browser/rollup.bundle.config.js

@@ -1,4 +1,4 @@
-import { makeBaseBundleConfig, makeConfigVariants } from '../../rollup.config';
+import { makeBaseBundleConfig, makeBundleConfigVariants } from '../../rollup/index.js';
 
 const builds = [];
 
@@ -11,7 +11,7 @@ const builds = [];
     outputFileBase: `bundles/bundle${jsVersion === 'es6' ? '.es6' : ''}`,
   });
 
-  builds.push(...makeConfigVariants(baseBundleConfig));
+  builds.push(...makeBundleConfigVariants(baseBundleConfig));
 });
 
 export default builds;

packages/integrations/rollup.config.js renamed to packages/integrations/rollup.bundle.config.js

@@ -1,6 +1,6 @@
 import commonjs from '@rollup/plugin-commonjs';
 
-import { insertAt, makeBaseBundleConfig, makeConfigVariants } from '../../rollup.config';
+import { insertAt, makeBaseBundleConfig, makeBundleConfigVariants } from '../../rollup/index.js';
 
 const builds = [];
 
@@ -19,6 +19,6 @@ const baseBundleConfig = makeBaseBundleConfig({
 baseBundleConfig.plugins = insertAt(baseBundleConfig.plugins, -2, commonjs());
 
 // this makes non-minified, minified, and minified-with-debug-logging versions of each bundle
-builds.push(...makeConfigVariants(baseBundleConfig));
+builds.push(...makeBundleConfigVariants(baseBundleConfig));
 
 export default builds;

packages/integrations/scripts/buildBundles.sh

@@ -11,7 +11,7 @@ for filepath in ./src/*; do
     fi
 
     # run the build for each integration
-    INTEGRATION_FILE=$file JS_VERSION=$js_version yarn --silent rollup -c rollup.config.js
+    INTEGRATION_FILE=$file JS_VERSION=$js_version yarn --silent rollup --config rollup.bundle.config.js
 
   done
 done

packages/tracing/package.json

@@ -28,7 +28,7 @@
   },
   "scripts": {
     "build": "run-p build:cjs build:esm build:types build:bundle && ts-node ../../scripts/prepack.ts #necessary for integration tests",
-    "build:bundle": "rollup --config",
+    "build:bundle": "rollup --config rollup.bundle.config.js",
     "build:cjs": "tsc -p tsconfig.cjs.json",
     "build:dev": "run-p build:cjs build:esm build:types",
     "build:es5": "yarn build:cjs # *** backwards compatibility - remove in v7 ***",

packages/tracing/rollup.config.js renamed to packages/tracing/rollup.bundle.config.js

@@ -1,4 +1,4 @@
-import { makeBaseBundleConfig, makeConfigVariants } from '../../rollup.config';
+import { makeBaseBundleConfig, makeBundleConfigVariants } from '../../rollup/index.js';
 
 const builds = [];
 
@@ -11,7 +11,7 @@ const builds = [];
     outputFileBase: `bundles/bundle.tracing${jsVersion === 'es6' ? '.es6' : ''}`,
   });
 
-  builds.push(...makeConfigVariants(baseBundleConfig));
+  builds.push(...makeBundleConfigVariants(baseBundleConfig));
 });
 
 export default builds;

packages/vue/package.json

@@ -28,7 +28,7 @@
   },
   "scripts": {
     "build": "run-p build:cjs build:esm build:types",
-    "build:bundle": "rollup --config",
+    "build:bundle": "rollup --config rollup.bundle.config.js",
     "build:cjs": "tsc -p tsconfig.cjs.json",
     "build:dev": "run-p build:cjs build:esm build:types",
     "build:es5": "yarn build:cjs # *** backwards compatibility - remove in v7 ***",

packages/vue/rollup.config.js renamed to packages/vue/rollup.bundle.config.js

@@ -1,4 +1,4 @@
-import { makeBaseBundleConfig, makeConfigVariants } from '../../rollup.config';
+import { makeBaseBundleConfig, makeBundleConfigVariants } from '../../rollup/index.js';
 
 const baseBundleConfig = makeBaseBundleConfig({
   input: 'src/index.bundle.ts',
@@ -8,4 +8,4 @@ const baseBundleConfig = makeBaseBundleConfig({
   outputFileBase: 'bundle.vue',
 });
 
-export default makeConfigVariants(baseBundleConfig);
+export default makeBundleConfigVariants(baseBundleConfig);

packages/wasm/package.json

@@ -30,7 +30,7 @@
   },
   "scripts": {
     "build": "run-p build:cjs build:esm build:bundle build:types",
-    "build:bundle": "rollup --config",
+    "build:bundle": "rollup --config rollup.bundle.config.js",
     "build:cjs": "tsc -p tsconfig.cjs.json",
     "build:dev": "run-p build:cjs build:esm build:types",
     "build:es5": "yarn build:cjs # *** backwards compatibility - remove in v7 ***",