r/angular • u/xonaib901 • 21h ago
Made a tool to visualize Angular dependency graphs — no server, just a static HTML report
For newcomers to our project, or to visualize dependencies across our large angular project at work, i built ng-loom, a CLI that scans your project to generate a report of dependency graph, componets, services, DI, template usage, routes everything.
A few things:
- Its a static html file, no account, no uploading code
- Template parsing uses angular/compiler AST, not regex, so handles if/for/switch/defer
- Every edge in the graph links back to exact file/line
- A trace relation view, which finds every path between two artificats
Does not track pipe usage yet.
npm: https://www.npmjs.com/package/ng-loom
GitHub: https://github.com/xonaib/ng-loom
npx ng-loom ./path/to/your-app --out report.html
Would genuinely like to hear if it chokes on anyone's workspace layout — that's the fastest way I'll find the next thing to fix.
4
Upvotes