js-dependency-visualizer v0.1.7
js-dependency-visualizer
JavaScript Module dependency visualizer. Analyze source file, and detect annotation. Visualize object links "SVG".
Install
please clone this repository ( or global )
npm install [-g] js-dependency-visualizer
if installed global, you can use js-dependency-visualizer
command.
Dependency signature
This program analyze @depend [module-name]
annotation in module file.
like this:
//@depend Bar.js
/**
* Example class Foo
*
* @class Foo
*/
function Foo() {
this.message = 'foo';
}
Foo.prototype.echo = function() {
console.log(this.message);
};
In this case, this module depends Bar
module file.
And, @class [class-name]
annotation exists, use this name at module-name.
Usage
please show help below:
js-dependency-visualizer -h
>>>
JavaScript Module Dependency Visualizer
===========================================================================
Usage js-dependency-visualizer [arguments]
arguments:
-d, --dest output destiation path. default value is current path with "visualize" directory.
-s, --src analyze source path. default value is current path.
-v, --verbose verbose processing log.
After command execution, program will create visualize
directory.
Open visual.html
on your browser (need to support SVG support).
Example
Analyze from example
directory sources:
$ js-dependecy-visualizer --src=example
This is generated visual from example project ( example/ bundled )
http://blog.wnotes.net/source/visualize/visual.html
Thanks
This project inspired by objc-dependency-visualizer
. Thanks!
https://github.com/PaulTaykalo/objc-dependency-visualizer
LICENSE
MIT License.