By
That is the twenty fifth in our December sequence–”Countdown to The New Yr: 31 Days of Ember Addons”. We plan to focus on a brand new addon every day till the brand new yr, and we hope you may be part of us for the enjoyable!
Day 25
I am undecided there’s anybody who is aware of the ins and outs of Ember and its ecosystem fairly in addition to Robert Jackson, aka rwjblue. Right this moment, we have a look at a helpful addon he wrote to assist make debugging a bit of easier – ember-template-invocation-location.
What It Does
The ember-template-invocation-location addon will assist you to debug issues resembling the placement in a template {that a} given helper, element, or modifier was invoked from; the invocation web site of the factor that invoked that template, and so forth as much as the basis most template (usually a route template). Since that is primarily finished in improvement and check builds, it won’t work in manufacturing by default.
The overall purpose of this addon is to allow considerably simpler debugging. Because of this, it’s anticipated that almost all of usages of this won’t wish to modify the supply element/helper/modifier however as an alternative be capable to collect this information whereas debugging within the devtools. If you have a look at the API reference for the addon, you will note that an ember-template-invocation-location module is offered for import, in addition to a window._templateInvocationInfo world namespace that you should utilize in the course of a debugging session.
Why I Like It
We do not all the time get to work in a tidy codebase, and generally it may be troublesome to inform precisely the place a helper or element got here from. I like this addon as a result of it’s yet one more manner our neighborhood members (particularly rwjblue) present options to make the developer expertise actually nice.
Do you’ve one other debugging addon that you simply take pleasure in utilizing? We might love to listen to about it!
