🕵️ Developer toolbar/overlay for SvelteKit specific features

[chvanam]

Describe the problem

Some SvelteKit specific data can be hard to log/debug. A debug toolbar or overlay could help onboard new developers to SvelteKit.

Describe the proposed solution

I think a developer toolbar/overlay for SvelteKit showing some of the points below could be helpful and boost productivity:

• HTTP Status codes
• Advanced routing info (slug values, rest parameters, matchers ...)
• Time of data loading (could help identify bottlenecks in the different load functions)
• FormData that gets submitted with the current page/request/form submission
• HTTP Caching behaviour
• ...

I'm partly taking inspiration from the Symfony's Web Debug Toolbar.

Would this be useful ? How could this be implemented, maybe as a vite plugin?

Alternatives considered

No response

Importance

nice to have

Additional Information

No response