use function for tracing, vue, and wasm packages

Author: lobsterkatie

packages/tracing/rollup.config.js

@@ -1,53 +1,29 @@
-import {
-  baseBundleConfig,
-  makeLicensePlugin,
-  markAsBrowserBuild,
-  nodeResolvePlugin,
-  terserPlugin,
-  typescriptPluginES5,
-} from '../../rollup.config';
+import { makeBaseBundleConfig, makeLicensePlugin, terserPlugin } from '../../rollup.config';
 
 const licensePlugin = makeLicensePlugin('@sentry/tracing & @sentry/browser');
 
-const plugins = [
-  typescriptPluginES5,
-  // replace `__SENTRY_BROWSER_BUNDLE__` with `true` to enable treeshaking of non-browser code
-  markAsBrowserBuild,
-  nodeResolvePlugin,
-  licensePlugin,
-];
-
-const bundleConfig = {
-  ...baseBundleConfig,
-  input: 'src/index.ts',
-  output: {
-    ...baseBundleConfig.output,
-    format: 'iife',
-    name: 'Sentry',
-  },
-  context: 'window',
-  plugins,
-};
+const baseBundleConfig = makeBaseBundleConfig({
+  input: 'src/index.bundle.ts',
+  isAddOn: false,
+  outputFileBase: 'build/bundle.tracing',
+});
 
 export default [
   // ES5 Browser Tracing Bundle
   {
-    ...bundleConfig,
-    input: 'src/index.bundle.ts',
+    ...baseBundleConfig,
     output: {
-      ...bundleConfig.output,
-      file: 'build/bundle.tracing.js',
+      ...baseBundleConfig.output,
+      file: `${baseBundleConfig.output.file}.js`,
     },
-    plugins: bundleConfig.plugins,
+    plugins: [...baseBundleConfig.plugins, licensePlugin],
   },
   {
-    ...bundleConfig,
-    input: 'src/index.bundle.ts',
+    ...baseBundleConfig,
     output: {
-      ...bundleConfig.output,
-      file: 'build/bundle.tracing.min.js',
+      ...baseBundleConfig.output,
+      file: `${baseBundleConfig.output.file}.min.js`,
     },
-    // Uglify has to be at the end of compilation, BUT before the license banner
-    plugins: bundleConfig.plugins.slice(0, -1).concat(terserPlugin).concat(bundleConfig.plugins.slice(-1)),
+    plugins: [...baseBundleConfig.plugins, terserPlugin, licensePlugin],
   },
 ];

packages/vue/rollup.config.js

@@ -1,53 +1,28 @@
-import {
-  baseBundleConfig,
-  makeLicensePlugin,
-  markAsBrowserBuild,
-  nodeResolvePlugin,
-  terserPlugin,
-  typescriptPluginES5,
-} from '../../rollup.config';
+import { makeBaseBundleConfig, makeLicensePlugin, terserPlugin } from '../../rollup.config';
 
 const licensePlugin = makeLicensePlugin();
 
-const plugins = [
-  typescriptPluginES5,
-  // replace `__SENTRY_BROWSER_BUNDLE__` with `true` to enable treeshaking of non-browser code
-  markAsBrowserBuild,
-  nodeResolvePlugin,
-  licensePlugin,
-];
-
-const bundleConfig = {
-  ...baseBundleConfig,
-  input: 'src/index.ts',
-  output: {
-    ...baseBundleConfig.output,
-    format: 'iife',
-    name: 'Sentry',
-  },
-  context: 'window',
-  plugins,
-};
+const baseBundleConfig = makeBaseBundleConfig({
+  input: 'src/index.bundle.ts',
+  isAddOn: false,
+  outputFileBase: 'build/bundle.vue',
+});
 
 export default [
-  // ES5 Browser Tracing Bundle
   {
-    ...bundleConfig,
-    input: 'src/index.bundle.ts',
+    ...baseBundleConfig,
     output: {
-      ...bundleConfig.output,
-      file: 'build/bundle.vue.js',
+      ...baseBundleConfig.output,
+      file: `${baseBundleConfig.output.file}.js`,
     },
-    plugins: bundleConfig.plugins,
+    plugins: [...baseBundleConfig.plugins, licensePlugin],
   },
   {
-    ...bundleConfig,
-    input: 'src/index.bundle.ts',
+    ...baseBundleConfig,
     output: {
-      ...bundleConfig.output,
-      file: 'build/bundle.vue.min.js',
+      ...baseBundleConfig.output,
+      file: `${baseBundleConfig.output.file}.min.js`,
     },
-    // Uglify has to be at the end of compilation, BUT before the license banner
-    plugins: bundleConfig.plugins.slice(0, -1).concat(terserPlugin).concat(bundleConfig.plugins.slice(-1)),
+    plugins: [...baseBundleConfig.plugins, terserPlugin, licensePlugin],
   },
 ];

packages/wasm/rollup.config.js

@@ -1,38 +1,28 @@
-import {
-  addOnBundleConfig,
-  baseBundleConfig,
-  markAsBrowserBuild,
-  nodeResolvePlugin,
-  terserPlugin,
-  typescriptPluginES5,
-} from '../../rollup.config';
+import { makeBaseBundleConfig, terserPlugin } from '../../rollup.config';
 
-const plugins = [
-  typescriptPluginES5,
-  // replace `__SENTRY_BROWSER_BUNDLE__` with `true` to enable treeshaking of non-browser code
-  markAsBrowserBuild,
-  nodeResolvePlugin,
-];
+const baseBundleConfig = makeBaseBundleConfig({
+  input: 'src/index.ts',
+  isAddOn: true,
+  outputFileBase: 'build/wasm',
+});
 
 function loadAllIntegrations() {
   const builds = [];
   [
     {
       extension: '.js',
-      plugins,
+      plugins: baseBundleConfig.plugins,
     },
     {
       extension: '.min.js',
-      plugins: [...plugins, terserPlugin],
+      plugins: [...baseBundleConfig.plugins, terserPlugin],
     },
   ].forEach(build => {
     builds.push({
       ...baseBundleConfig,
-      input: `src/index.ts`,
       output: {
         ...baseBundleConfig.output,
-        ...addOnBundleConfig.output,
-        file: `build/wasm${build.extension}`,
+        file: `${baseBundleConfig.output.file}${build.extension}`,
       },
       plugins: build.plugins,
     });