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]

This repo is a POC for the following issue filed on the wireit repo. https://github.com/google/wireit/issues/977

Development

Install

npm i

Start local server (in watch mode)

npm start --watch