Find the dependencies of an angular component and output a dot file
npx github:dylanwatsonsoftware/angular-detective <path to angular module file>
i.e
npx github:dylanwatsonsoftware/angular-detective src/app/app.module.ts
var detective = require('angular-detective');
const modules = await detective.glob(rootDir + "/**/*.module.ts", {});
const moduleDependencies = modules
.map((module) => detective.getFlatModuleDeps(module))
.flat();- Find all angular components below directory (*.component.html)
- Find associated ts component file (by convention eg. *.component.ts)
- Find selector for component (via typescript decorator parsing)
- Build up depedency-tree of all html files that reference that selector
- Output a dot file of the dependencies
Whilst this was intended to work with a similar interface to other detectives, so it can be incorporated into Madge, that no longer seems to be an easy task as the other detectives have no awareness of the filename of a the give file (they are fed the contents of a js file and just look for imports).
This is a inspired by the packages by mrjoelkemp, given the lack of angular component detective. It is the counterpart to detective-typescript, detective, detective-amd, detective-sass, detective-scss and detective-es6.
MIT