Source Viz (v0.2.8)

Source Viz is a tool for analyzing and visualizing the relationship between the public API of a Module\Class and its implementation details (e.g. private methods, dependencies used).

Ideally this visualization can help you spot logical split-points in a huge Module\Class file by highlighting how one set of public methods uses completely different code than a different set.

To use it just paste your code below and click Analyze.

Results are displayed in an Adjacency Matrix.

Right now it supports analyzing Typescript (and therefore Javascript as well).
Support for other programming languages is also planned.

Feel free to open up an issue on github or reach out on twitter.

Mode:

ⓘ

For ES6 Modules. Treats imported modules as dependencies.
Top-level functions are methods. Exported functions are public methods.

xxxxxxxxxx
}
import depA from './depA';
import depB from './depB';
​
const depC;
​
export function methodA() {
  return methodC();
}
​
export function methodB() {
  console.log(methodA());
  if (true) {
    depB.init();
  }
}
​
function methodC() {
  return depA.init();
}
​
export function methodD() {
  depB.init();
}
​
function methodE() {
  return methodC();
}

31 lines