When running the latest version of Discourse core in a development environment, you’ll notice a new toolbar on the left-hand-side of the screen:
This aims to provide one-click access to commonly-needed developer tools. So far, we have:
Plugin Outlet Debug
This shows all plugin outlets, with tooltips showing realtime values of all of the available @outletArgs.
This was inspired by the popular plugin outlet locations theme component, and the plugin before it. But unlike those, the tight integration with core means it can always be 100% up-to-date with the latest outlets & arguments.
Safe mode
Toggles safe mode on and off
Verbose localization
Toggles the verbose localization feature
In development, this is enabled by default, and can be disabled using the ‘X’ button.
In production, it can be enabled by running enableDevTools() in the browser console. You can even try it here on Meta!
We hope to add more tools over the coming weeks/months, so watch this space! If you have any feedback, or ideas for tools, let us know below!