Visualization of npm package dependencies based on Sprotty
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.vscode
browser-app
depgraph-navigator Update README.md Jun 7, 2018
electron-app
standalone-app
typings/elkjs
.gitignore
.gitpod
LICENSE
README.md
base.tsconfig.json
lerna.json
package.json
screenshot.png Added README.md May 9, 2018
yarn.lock

README.md

Gitpod - Code Now

Package Dependency Graph for npm

Dependency graph of sprotty

This project renders dependency graphs of npm packages. It uses the npm registry to obtain package metadata, sprotty for rendering the graphs, and ELK for automatic layout. It can be run either as a standalone application with a simple web page or as a Theia extension. Theia supports both the web browser and Electron.

The standalone application is available at npm-dependencies.com. Find more details on this project in this blog post.

Building

You need Yarn in order to build this project.

$ git clone https://github.com/TypeFox/npm-dependency-graph.git
$ cd npm-dependency-graph
$ yarn

Running as Standalone App

$ cd standalone-app
$ yarn start

Point your web browser to http://localhost:3001/

Running as Theia App in the Browser

$ cd browser-app
$ yarn start

Point your web browser to http://localhost:3000/

Running as Theia App with Electron

$ yarn rebuild:electron
$ cd electron-app
$ yarn start

If you would like to switch back to the browser app, run yarn rebuild:browser.