Tools to generate components dependencies graph?

Recently I’ve been looking for tools that could visualise:

  • Dependencies among components, or
  • Generally what depends on what

Having this kind of macro view can be useful for:

  • Refactoring (seeing what can be extracted to shared logic),
  • Understanding new Ember.js project,
  • To see how the app grows overtime

This is the question I asked on jsonapi-resources about possibility to visualise how resources play with one another: [question / external tool] Is it possible to visualise how resources play with each other? · Issue #644 · cerebris/jsonapi-resources · GitHub. I used railroady for that.

I think that this could be solved the following ways

  1. Parse all templates (routes-related and component-related) looking for component format {{my-component}}
  2. Make use of dependency injection, or
  3. ES6 modules

What do you think? Are there already tools for doing that?

3 Likes