Welcome tobranch !

Branch is a unique & convenient backend route visualization tool built directly into VS Code! With Branch, you can:

  • View your app's routes without leaving your editing environment
  • Dynamically adjust which portion of the route you wish to view
  • Create, edit, and execute http requests to your server directly from the extension
  • View returning data in an easy to read format
Sample VSCode view with branch
Deno LogoNode.js LogoCheck Mark for DenoCheck Mark for Node

Supported Environments:

Branch is designed to support apps developed within either a Node.js or Deno/Oak runtime environment.

Whether you prefer the traditional approach of developing in Node.js or the more modern approach of Deno, Branch has you covered! Our data scraper is designed to work with you.

How does Branch work?

We stand on the shoulders of giants!

Branch works by utilizing the powerful capabilities of RipGrep to scrape through your app’s files looking for traditional route indicators. Our robust algorithm then uses regular expressions to consolidate your routes into a single nested object. This object is then passed through D3’s visualization tool and into our custom GUI for your coding enjoyment.

VSCode LogoPlus signRipgrep LogoPlus signD3 logoEquals SignBranch Logo
Growth Mindset

Grow with us:

Branch is proud to be part of a vibrant open source community.

As you use Branch, please be sure to share your concerns, issues, bugs, and ideas. We are excited to grow alongside your needs as a developer.