@sentry/webpack-plugin 1.17.3 → 1.18.0

package/CHANGELOG.md

@@ -5,6 +5,10 @@
 - "Would I rather be feared or loved? Easy. Both. I want people to be afraid of
   how much they love me." — Michael Scott
 
+## v1.18.0
+
+- feat: Add support for multiple apps using Webpack Module Federation (#307)
+
 ## v1.17.3
 
 - fix: Switch compilation type in error handler to `unknown` (#322)

package/package.json

@@ -8,7 +8,7 @@
     "source-map"
   ],
   "author": "Sentry",
-  "version": "1.17.3",
+  "version": "1.18.0",
   "license": "MIT",
   "repository": "git@github.com:getsentry/sentry-webpack-plugin.git",
   "homepage": "https://github.com/getsentry/sentry-webpack-plugin",

package/src/index.js

@@ -74,6 +74,63 @@ function attachAfterEmitHook(compiler, callback) {
   }
 }
 
+function attachAfterCodeGenerationHook(compiler, options) {
+  if (!compiler.hooks || !compiler.hooks.make) {
+    return;
+  }
+
+  let webpackSources;
+  try {
+    // eslint-disable-next-line global-require, import/no-extraneous-dependencies
+    webpackSources = require('webpack-sources');
+  } catch (_e) {
+    console.warn(
+      'Coud not resolve package: webpack-sources. Skipping injection for the remote entry file.'
+    );
+    return;
+  }
+
+  const { RawSource } = webpackSources;
+  const moduleFederationPlugin =
+    compiler.options &&
+    compiler.options.plugins &&
+    compiler.options.plugins.find(
+      x => x.constructor.name === 'ModuleFederationPlugin'
+    );
+
+  if (!moduleFederationPlugin) {
+    return;
+  }
+
+  compiler.hooks.make.tapAsync('SentryCliPlugin', (compilation, cb) => {
+    options.releasePromise.then(version => {
+      compilation.hooks.afterCodeGeneration.tap('SentryCliPlugin', () => {
+        compilation.modules.forEach(module => {
+          // eslint-disable-next-line no-underscore-dangle
+          if (module._name !== moduleFederationPlugin._options.name) return;
+          const sourceMap = compilation.codeGenerationResults.get(module)
+            .sources;
+          const rawSource = sourceMap.get('javascript');
+          sourceMap.set(
+            'javascript',
+            new RawSource(
+              `${rawSource.source()} 
+(function (){
+var globalThis = (typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {});
+globalThis.SENTRY_RELEASES = globalThis.SENTRY_RELEASES || {};
+globalThis.SENTRY_RELEASES["${options.project}@${
+                options.org
+              }"] = {"id":"${version}"};
+})();`
+            )
+          );
+        });
+      });
+      cb();
+    });
+  });
+}
+
 class SentryCliPlugin {
   constructor(options = {}) {
     const defaults = {
@@ -318,6 +375,8 @@ class SentryCliPlugin {
       loader: SENTRY_LOADER,
       options: {
         releasePromise: this.release,
+        org: this.options.org || process.env.SENTRY_ORG,
+        project: this.options.project || process.env.SENTRY_PROJECT,
       },
     };
 
@@ -333,6 +392,8 @@ class SentryCliPlugin {
           loader: SENTRY_LOADER,
           options: {
             releasePromise: this.release,
+            org: this.options.org || process.env.SENTRY_ORG,
+            project: this.options.project || process.env.SENTRY_PROJECT,
           },
         },
       ],
@@ -501,6 +562,12 @@ class SentryCliPlugin {
       this.injectRelease(compilerOptions);
     }
 
+    attachAfterCodeGenerationHook(compiler, {
+      releasePromise: this.release,
+      org: this.options.org || process.env.SENTRY_ORG,
+      project: this.options.project || process.env.SENTRY_PROJECT,
+    });
+
     attachAfterEmitHook(compiler, (compilation, cb) => {
       if (!this.options.include || !this.options.include.length) {
         ensure(compilerOptions, 'output', Object);

package/src/sentry.loader.js

@@ -1,8 +1,15 @@
 module.exports = function sentryLoader(content, map, meta) {
-  const { releasePromise } = this.query;
+  const { releasePromise, org, project } = this.query;
   const callback = this.async();
   releasePromise.then(version => {
-    const sentryRelease = `(typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {}).SENTRY_RELEASE={id:"${version}"};`;
+    let sentryRelease = `const _global = (typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {}); _global.SENTRY_RELEASE={id:"${version}"};`;
+    if (project) {
+      const key = org ? `${project}@${org}` : project;
+      sentryRelease += `
+      _global.SENTRY_RELEASES=_global.SENTRY_RELEASES || {};
+      _global.SENTRY_RELEASES["${key}"]={id:"${version}"};
+      `;
+    }
     callback(null, sentryRelease, map, meta);
   });
 };