https://github.com/orta/playground-code-show-flow

Visualized the code flow analysis path for a TypeScript node
https://github.com/orta/playground-code-show-flow

Last synced: about 1 year ago
JSON representation

Visualized the code flow analysis path for a TypeScript node

• Host: GitHub
• URL: https://github.com/orta/playground-code-show-flow
• Owner: orta
• Created: 2020-04-17T04:07:13.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2022-06-25T12:03:13.000Z (almost 4 years ago)
• Last Synced: 2025-05-07T15:07:43.683Z (about 1 year ago)
• Language: TypeScript
• Homepage: https://www.staging-typescript.org/play?install-plugin=playground-code-show-flow
• Size: 1.09 MB
• Stars: 11
• Watchers: 2
• Forks: 0
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md

Awesome Lists containing this project

README

          
## Code Flow Analysis Visualizer

Visualize some of the Code Flow Analysis

![./screenshots/flow.png](./screenshots/flow.png)

## Running this plugin

- [Click this link](https://www.staging-typescript.org/play?install-plugin=playground-code-show-flow) to install

or

- Open up the TypeScript Playground

- Go the "Options" in the sidebar

- Look for "Plugins from npm"

- Add "playground-code-show-flow"

- Reload the browser

Then it will show up as a tab in the sidebar.

## Contributing

See [CONTRIBUTING.md](./CONTRIBUTING.md) for the full details, however, TLDR:

```sh

git clone ...

yarn install

yarn start

```

Then tick the box for starting plugin development inside the TypeScript Playground.