llm-coalesce · microfrontends demo

Three microfrontends, one page, one call

Widget A, B, and C below are three genuinely separate ES module graphs — each one imports llm-coalesce from its own /vendor/mfe-*/llm-coalesce/ mount (see src/server.js), so each gets its own copy of every class and closure in the library, the same as three independently built and independently deployed bundles would. On the left, each one uses the library's default in-process registry — its own private Map, invisible to the other two. On the right, all three pass windowAdapter(), which reaches through the one object all three module graphs actually do share on a real page: window. Same key, same moment, two different outcomes — watch the per-page stream response counters.

3 MICROFRONTENDS, MOUNTED TOGETHER

Isolated — default adapter

each microfrontend's own private registry
0
stream responses received
Press "Run demo" to start.

Shared — windowAdapter()

all three coordinate through window
0
stream responses received
Press "Run demo" to start.