Expose some universe vars to devtools

[andrejak]

Shows exposed plugin states (for example route and local) in devtools state panel. At least partially closes https://github.com/prodo-ai/prodo/issues/118.

(in the below screenshot, the app has no internal state, just route)

With empty app state, we could instead show this (ignore color change):

[tdawes]

Plugins might need to define for themselves how their state should be rendered - e.g. for the firestore plugin, I wouldn't really want to see the db_cache (but perhaps would be fine if it was just called db)

[andrejak]

At the moment, the firestore plugin can customize it only to the extent of choosing which variables to expose (eg. call exposeUniverseVariables(["db", "db_cache"]) will expose both, whereas exposeUniverseVariables(["db"]) would keep db_cache hidden). (Neither has actually been added yet, I only added route and local so far) Did you have in mind a custom rendering function that would filter data to a more granular level, or change how it's displayed?

[andrejak]

@coffee-cup this should be ready for re-review :)

[coffee-cup]

Some minor suggestions

• Add a title above the normal state section
• If there is no state have a message saying so. App state is empty possibily
• Add a minimal (grey and small) indication that the state is editable but the plugin state is not

State          (editable)
{
}

Plugin State
{
}

[andrejak]

Do these look allright to you?

1. Only app state, no plugin state

2. Both app state and plugin state

3. No app state (but plugin state)

[coffee-cup]

I like them!