Skip to main content

one-spa Inspector and 4.1

· 2 min read

Background​

For a long time, teams have had the benefit of using a tool called sofe inspector (note: this is an out-of-date version of it) to list, override, and interact with one-spa applications. There has always been a desire to figure out how to share this tool so others can benefit as well.

With that in mind, I'm proud to announce an initial release for one-spa Inspector! one-spa Inspector is a Firefox and Chrome extension, much like React/Vue devtools, that allows you see and interact with your one-spa applications and configuration.

Current Inspector Features​

  • List registered applications
  • Show application status
  • Force an app to mount or unmount
  • Hover over an app name to have an "inspect element"-like view of your apps (Overlays)

(Note: Overlays require a small update to your code, but should hopefully be simple! See how to configure app overlays)

The one-spa Inspector will only work with one-spa versions 4.1 and higher, since we had to expose and add some functionality to the one-spa library itself in order to implement these features.

one-spa 4.1​

one-spa 4.1 was released, which includes a couple of key updates:

  1. Support for one-spa Inspector
  2. ESM bundle output
  3. Simpmlified test configuration for developers/contributors to one-spa

For most people, ESM (EcmaScript Module) support shouldn't affect how you use one-spa, but for those looking to play around with modules or other advanced Javascript things, it's a welcome addition.

We also changed our test suite to purely use Jest instead of Saucelabs, and hopefully false positive "failing" tests on pull requests will be a thing of the past.

Help Wanted!​

If you would like to suggest a new feature for one-spa Inspector, report a bug, improve our (admittedly horrible and hopefully temporary) UI/UX, or add features, please see the github repo and hack away!

We also hope to update some of our example repos to the lastest one-spa so that anyone with the extension installed can test out the features and see how to implement overlays. But this process will go faster if someone wants to help out. :)

Thank you!