Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/deebloo/wireit-visualizer

visualize your wireit build graph
https://github.com/deebloo/wireit-visualizer

Last synced: 3 months ago
JSON representation

visualize your wireit build graph

Awesome Lists containing this project

README

        

# Wireit Visualizer

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

```bash
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

```mermaid
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

```bash
npm i
```

### Start local server (in watch mode)

```bash
npm start --watch
```