madge

What is madge?

Madge is a JavaScript library that helps you visualize and analyze the dependency graph of your project. It can be used to identify circular dependencies, generate dependency graphs, and more.

What are madge's main functionalities?

Generate Dependency Graph

This feature allows you to generate a dependency graph of your project. The code sample demonstrates how to use Madge to analyze the dependencies in a given project directory and output the result as an object.

const madge = require('madge');

madge('path/to/your/project').then((res) => {
  console.log(res.obj());
});

Identify Circular Dependencies

Madge can identify circular dependencies in your project. The code sample shows how to use Madge to find and log any circular dependencies in the specified project directory.

const madge = require('madge');

madge('path/to/your/project').then((res) => {
  console.log(res.circular());
});

Generate Graphviz DOT File

Madge can generate a Graphviz DOT file for visualizing the dependency graph. The code sample demonstrates how to generate and log the DOT representation of the dependency graph.

const madge = require('madge');

madge('path/to/your/project').then((res) => {
  return res.dot();
}).then((output) => {
  console.log(output);
});

Create an Image of the Dependency Graph

Madge can create an image file of the dependency graph. The code sample shows how to generate an image of the dependency graph and save it as 'graph.png'.

const madge = require('madge');

madge('path/to/your/project').then((res) => {
  return res.image('graph.png');
}).then((writtenImagePath) => {
  console.log('Image written to ' + writtenImagePath);
});

Other packages similar to madge

dependency-cruiser

Dependency-cruiser is a tool to analyze and visualize dependencies in JavaScript and TypeScript projects. It offers similar functionalities to Madge, such as detecting circular dependencies and generating dependency graphs. However, it provides more customization options and supports more file types.

webpack-bundle-analyzer

Webpack-bundle-analyzer is a plugin and CLI utility that represents the size of webpack output files with an interactive zoomable treemap. While it focuses more on bundle size analysis rather than dependency graphs, it provides insights into the structure of your project and helps optimize bundle sizes.

plato

Plato is a JavaScript source code visualization, static analysis, and complexity tool. It generates visual reports of your codebase, including dependency graphs. Compared to Madge, Plato offers a broader range of static analysis features but may not be as focused on dependency graph generation.

README

MaDGe - Module Dependency Graph

Create graphs from your CommonJS or AMD module dependencies. Could also be useful for finding circular dependencies in your code. Tested on Node.js and RequireJS projects. Dependencies are calculated using static code analysis. CommonJS dependencies are found using James Halliday's detective and for AMD I'm using some parts copied from James Burke's RequireJS (both are using UglifyJS). Modules written in CoffeeScript with extension .coffee are supported and will automatically be compiled on-the-fly.

Examples

Here's a very simple example of a generated image.

• blue = has dependencies
• green = has no dependencies
• red = has circular dependencies

Here's an example generated from the Express project.

And some terminal usage.

Installation

To install as a library:

$ npm install madge

To install the command-line tool:

$ sudo npm -g install madge

Graphviz (optional)

Only required if you want to generate the visual graphs using Graphviz.

Mac OS X

$ sudo port install graphviz

Ubuntu

$ sudo apt-get install graphviz

API

var madge = require('madge');
var dependencyObject = madge('./');
console.log(dependencyObject.tree);

madge(src, opts)

{Object|Array|String} src (required)

• Object - a dependency tree.
• Array - an Array of directories to scan.
• String - a directory to scan.

{Object} opts (optional)

• {String} format. The module format to expect, 'cjs' or 'amd'. Commonjs (cjs) is the default format.
• {String} exclude. String from which a regex will be constructed for excluding files from the scan.
• {Boolean} breakOnError. True if the parser should stop on parse errors and when modules are missing, false otherwise. Defaults to false.
• {Boolean} optimized. True if the parser should read modules from a optimized file (r.js). Defaults to false.

dependency object (returned from madge)

.opts

Options object passed used in the constructor.

.tree

Dependency tree object. Can be overwritten with an object in the format:

{
     'module1': ['dep1a', 'dep1b'],
     'module2': ['dep2a']
}

.obj()

Alias to the tree property.

.circular()

Returns all the modules with circular dependencies.

.depends()

Returns a list of modules that depends on a given module.

.dot()

Get a DOT representation of the module dependency graph.

.image(opts, callback)

Get an image representation of the module dependency graph.

• {Object} opts (required).
  • {String} layout. The layout to use. Defaults to 'DOT'.
  • {String} fontFace. The font face to use. Defaults to 'Times-Roman'.
  • {Object} imageColors. Object with color information (all colors are strings containing hex values).
    • {String} bgcolor. The backgound color.
    • {String} edge. The edge color.
    • {String} dependencies. The color for dependencies and for text if fontColor is not present.
    • {String} fontColor. The color for text.
• {Function} callback (required). Receives the rendered image as the first argument.

CLI

Usage: madge [options] <file|dir ...>

Options:
  -h, --help              output usage information
  -V, --version           output the version number
  -f, --format <name>     format to parse (amd/cjs)
  -o, --output <type>     output format (plain/json)
  -s, --summary           show summary of all dependencies
  -c, --circular          show circular dependencies
  -d, --depends <id>      show modules that depends on the given id
  -x, --exclude <regex>   a regular expression for excluding modules
  -t, --dot               output graph in the DOT language
  -i, --image <filename>  write graph to file as a PNG image
  -l, --layout <name>     layout engine to use for image graph (dot/neato/fdp/sfdp/twopi/circo)
  -b, --break-on-error    break on parse errors & missing modules
  -n, --no-colors         skip colors in output and images
  -r, --read              skip scanning folders and read JSON from stdin
  -C, --config <filename> provide a config file
  -O, --optimized          if given file is optimized with r.js

Examples:

List all module dependencies (CommonJS)

$ madge /path/src

List all module dependencies (AMD)

$ madge --format amd /path/src

Finding circular dependencies

$ madge --circular /path/src

Show modules that depends on a given module

$ madge --depends 'wheels' /path/src

Excluding modules

$ madge --exclude '^foo$|^bar$|^tests' /path/src

Save graph as a PNG image (graphviz required)

$ madge --image graph.png /path/src

Save graph as a DOT file for further processing (graphviz required)

$ madge --dot /path/src > graph.gv

Pipe predefined results (the example image was produced with the following command)

$ cat << EOF | madge --read --image example.png
{
	"a": ["b", "c", "d"],
	"b": ["c"],
	"c": [],
	"d": ["a"]
}
EOF

Config (use with --config)

{
    "format": "amd",
    "image": "dependencyMap.png",
    "fontFace": "Arial",
    "fontSize": "14px",
    "imageColors": {
        "noDependencies" : "#0000ff",
        "dependencies" : "#00ff00",
        "circular" : "#bada55",
        "edge" : "#666666",
        "bgcolor": "#ffffff"
    }
}

FAQ

The image produced by madge is very hard to read, what's wrong?

Try running madge with a different layout, here's a list of the ones you can try:

• dot "hierarchical" or layered drawings of directed graphs. This is the default tool to use if edges have directionality.

• neato "spring model'' layouts. This is the default tool to use if the graph is not too large (about 100 nodes) and you don't know anything else about it. Neato attempts to minimize a global energy function, which is equivalent to statistical multi-dimensional scaling.

• fdp "spring model'' layouts similar to those of neato, but does this by reducing forces rather than working with energy.

• sfdp multiscale version of fdp for the layout of large graphs.

• twopi radial layouts, after Graham Wills 97. Nodes are placed on concentric circles depending their distance from a given root node.

• circo circular layout, after Six and Tollis 99, Kauffman and Wiese 02. This is suitable for certain diagrams of multiple cyclic structures, such as certain telecommunications networks.

Running tests

$ npm test

Release Notes

v0.1.8 (January 27, 2014)

Added support for reading AMD dependencies from a r.js optimized file by using option -O.

v0.1.7 (September 20, 2013)

Added missing fontsize option when generating images.

v0.1.6 (September 04, 2013)

AMD plugins are now ignored as dependencies. Fixes issue.

v0.1.5 (September 04, 2013)

Fixed Windows issue when reading from standard input with --read.

v0.1.4 (January 10, 2013)

Switched library for walking directory tree which should solve issues on Windows.

v0.1.3 (December 28, 2012)

Added proper exit code when running "madge --circular" so it can be used in build scripts.

v0.1.2 (November 15, 2012)

Relative AMD module identifiers (if the first term is "." or "..") are now resolved.

v0.1.1 (September 3, 2012)

Tweaked circular dependency path output.

v0.1.0 (September 3, 2012)

Complete path in circular dependencies is now printed (and marked as red in image graphs).

v0.0.5 (August 8, 2012)

Added support for CoffeeScript. Files with extension .coffee will automatically be compiled on-the-fly.

v0.0.4 (August 17, 2012)

Fixed dependency issues with Node.js v0.8.

v0.0.3 (July 01, 2012)

Added support for Node.js v0.8 and dropped support for lower versions.

v0.0.2 (May 21, 2012)

Added ability to read config file and customize colors.

v0.0.1 (May 20, 2012)

Initial release.

License

(The MIT License)

Copyright (c) 2012 Patrik Henningsson <[e-mail]>

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the 'Software'), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.