This is the 25th issue of our December series-“New Year’s Countdown: 31 Days of Ember Plugin”. We plan to highlight a new plug-in every day before the new year, and we hope you can join us!
I’m not sure if anyone understands the ins and outs of Ember with Its ecosystem is as good as Robert Jackson, aka BlueToday, let’s take a look at a useful plug-in written by him, which can help simplify debugging—— Embers template call location.
What can it do
ember-template-invocation-location The plug-in will allow you to debug things such as where a given helper, component, or modifier is called in the template; the calling site of things that call the template, and so on, up to the root template (usually a routing template). Since this is mainly done in development and test versions, it will not work in production by default.
The overall goal of this plugin is to make debugging easier. Therefore, it is expected that most uses of this will not modify the source components/helpers/modifiers, but will be able to collect this information when debugging in devtools.When you watch API reference for pluginsAnd you will see a
ember-template-invocation-location Provide modules for import, and
window._templateInvocationInfo A global namespace that you can use in the middle of a debugging session.
Why i like it
We don’t always work in a neat code base, and it can sometimes be difficult to pinpoint the source of the helper or component.I like this plugin because it is a member of our community (especially Blue) Provide solutions to make the developer experience truly outstanding.
Do you have any other debugging plugins that you like to use? We would love to hear it!