Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/youssef1313/dotnetsyntaxtreevisualizer

.NET Syntax Tree Visualizer powered by Roslyn APIs
https://github.com/youssef1313/dotnetsyntaxtreevisualizer

asp-net-core aspnetcore csharp dotnet dotnet-core dotnet-core3-1 reactjs roslyn syntax-tree syntax-tree-visualizer syntax-trees vb vbnet visual-basic visualbasic

Last synced: 2 months ago
JSON representation

.NET Syntax Tree Visualizer powered by Roslyn APIs

Awesome Lists containing this project

README

        

# DotNetSyntaxTreeVisualizer

.NET Syntax Tree Visualizer, A C# ASP.NET Core app with ReactJS in front-end that shows Roslyn's syntax tree for a given source code.

The app is deployed [here](https://DotNetSyntaxTreeVisualizer.azurewebsites.net/). If you encountered any problems, do a hard refresh using Ctrl+F5 from your browser.

## Visual Studio already has a graph visualizer

That's true. But not all developers work on Visual Studio. Some developers might be using Rider, VS Code, or whatever. Or you might just be lazy to open Visual Studio!

## Why to inspect a syntax tree

- For fun, if you just want to see what's the syntax tree Roslyn is generating.
- For writing Roslyn's analyzers and codefixes requies knowledge of how the syntax tree for the case you're inspecting looks like.

## Screenshot

![image](https://user-images.githubusercontent.com/31348972/85202525-31363300-b307-11ea-8b96-2d44fc742bf4.png)

## Features

### Current features

- Collapsing and expanding a node.
- Zooming

### TODO

- Support Visual Basic [#6](https://github.com/Youssef1313/DotNetSyntaxTreeVisualizer/issues/6).
- Allow sharing snippets [#9](https://github.com/Youssef1313/DotNetSyntaxTreeVisualizer/issues/9).
- Add Syntax Highlighting [#4](https://github.com/Youssef1313/DotNetSyntaxTreeVisualizer/issues/4).