gulp-ng-graph
Wtf?
Gulp plugin for building graph of angular modules relations.
It renders a html file with some d3.js script that visualize all finded angular modules with dependecies. Also it renders .dot file that you can visualize by yourself (by example with Graphviz)
Examples
more complex... and more...
Install
npm install gulp-ng-graph
Usage
var gulp = require('gulp'),
ngGraph = require('gulp-ng-graph');
gulp.task('default', function() {
return gulp.src(['./App/**/*.js'])
.pipe(ngGraph())
.pipe(gulp.dest('./graph/'));
});
You can also pass options to rename default files ng-graph.dot and ng-graph.html:
gulp.task('default', function() {
return gulp.src(['./App/**/*.js'])
.pipe(ngGraph({
dot: 'my-angular-project-graph.dot',
html: 'my-angular-project.html'
}))
.pipe(gulp.dest('./graph/'));
});
Features
- zoom
- drag
TODO features
- arrows on links
- module info on click