Heads Up Display (HUD) for development

[thescientist13]

Overview

As Greenwood is being run during development, users are naturally looking at their browser or IDE. However, when terminal errors happen, it often takes a while to pick up on that. It would be nice if maybe a server / resource based plugin was setup that could broadcast NodeJS errors to a little overlay that could be injected into the user's UI.

Thoughts

Basically establish some sort of web sockets, send a bunch of HTML, and have it display in a toast or some sort of unobtrusive pane.

This could be configurable

module.export = {
  devServer: {
    hud: true|false // what should the default be?
  }
}

[thescientist13]

So landed an initial concept of this in #750, but certainly more opportunities here to maybe create a general system for relaying communications back to the client, like through web sockets, and for all plugins? 🤔

[thescientist13]

Interesting, seems like there's a special setup for Chrome DevTools? 👀

• https://www.npmjs.com/package/vite-plugin-devtools-json
• https://docs.google.com/document/d/1rfKPnxsNuXhnF7AiQZhu9kIwdiMS5hnAI05HBwFuBSM/edit?tab=t.0#heading=h.7nki9mck5t64