Detect Micro-Frontends presence in JS apps

[smeubank]

Problem Statement

Microfrontends are a bit a buzz terms, but there are more concrete definitions of microfrontends which have developed. Specifically with module federations, popularly used with webpack. Today we have no way of detecting if an event is generated from app which is built with/as a "MFE" architecture. And further then the SDK cannot react dynamically during run or build time. Nor could Sentry server side easily detect that event and user might benefit from a different setup.

Solution Brainstorm

Detect if the event is generated in a MFE architecture and if possible what "flavor"

Context should be added to events, which is populated with information about the architecture of the JS application.

[AbhiPrasad]

This is how wappalyzer does it: https://github.com/wappalyzer/wappalyzer/blob/master/src/technologies/m.json#L2370-L2384

They look at injected scripts though, which is hard for the SDK to do. We should figure out if there is a global variable we can look for and see.