playground-code-show-flow

Visualize TypeScript's code inference flow nodes

Usage no npm install needed!

<script type="module">
  import playgroundCodeShowFlow from 'https://cdn.skypack.dev/playground-code-show-flow';
</script>

README

Code Flow Analysis Visualizer

Visualize some of the Code Flow Analysis

./screenshots/flow.png

Running this plugin

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 for the full details, however, TLDR:

git clone ...
yarn install
yarn start

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