How to create a dependency graph of components in Ember?

Asked Nov 22 '22 at 21:56

Active Nov 22 '22 at 21:56

Viewed 51 times

I'm trying to navigate through a large Ember project and would like to create a visual graph of the component tree.

Is there a way to parse a .hbs file and create a dependency graph of the components and sub-components in it?

Is there a way to do the same for an Ember route?

What I've found

I've found dependency-cruiser but not sure how it could work to parse through .hbs files https://github.com/sverweij/dependency-cruiser

asked Nov 22 '22 at 21:56

Tushar Koul

if your app in compatible with embroider in strict mode, you could probably pass the output of the stage 2 transformation to dependency-cruiser library -- it converts everything to js with imports and all that – NullVoxPopuli Nov 23 '22 at 01:12
so it would be able to convert the .hbs files to js as well? – Tushar Koul Nov 23 '22 at 13:56
Correct, and v2 addons do this as well! – NullVoxPopuli Nov 24 '22 at 14:12
dope gonna give that a shot! thanks! – Tushar Koul Nov 25 '22 at 15:45

0 Answers0