Wireit Visualizer

Wireit Visualizer gives you the ability to generate a graph visualization of your build configuration.

npx wireit-visualizer@latest --open

Options

name	short	description	default
--port	-p	server port	4200
--open	-o	auto open browser	false
--visualizer	-v	"graphviz" | "mermaid"	"graphviz"

Example Output

This repo generats the following graph

graph LR
  :start[:start]-->:build[:build]
  :build[:build]-->:graphviz[:graphviz]
  :test[:test]-->:build[:build]
  :tsc[:tsc]-->mock/core:build[mock/core:build]
  :build[:build]-->:mermaid[:mermaid]
  mock/core:build[mock/core:build]-->mock/core:tsc[mock/core:tsc]
  :build[:build]-->:shoelace[:shoelace]
  :build[:build]-->:tsc[:tsc]
  :start[:start]-->mock/common:build[mock/common:build]
  mock/common:build[mock/common:build]-->mock/core:build[mock/core:build]
  mock/common:build[mock/common:build]-->mock/common:css[mock/common:css]

Loading

This repo is a POC for the following issue filed on the wireit repo. google/wireit#977

Development

Install

npm i

Start local server (in watch mode)

npm start --watch