Stack Beauty

.NET Call Stack is a chuck of text that is not easy to read. And we shall try to make a change there.

Vision

This is a service, taking in a chuck of text, understand the semantic of it and beautify it!

Live site

Stack Beauty @ stack.codewithsaar.net 🔗

Approach

Stacks are similar. We build parsers to understand the text, and unify them into the same syntax:

There will be the engine, some parsers for .NET to bootstrap the effort. Looking forward to have more contributions on parsers for other languages. If you have any idea/suggestion, file an issue.

Challenge

There are various formats for call stack the user could get. And that shouldn't matter to the user. As long as it is a stack, this service shall be able to recognize it, beautify it and return the result to the user.

Architecture

graph LR
    A[Input] --> |Pre-Filter| G(IFrame created & tagged)
    G -->|Parsers| B(IFrameLine collection)
    B -->|Beautifiers| C{Beautified IFrameLine collection}
    C -->|Html Render| D[Html]
    C -->|Text Render| E[Text]
    C -->|... Render| F[...]

Loading

Generally, once input, callstack will be parsed by parsers; then beautifiers steps in to beautify various parts and output it as json; renders will pick up the json and output it to various results - html; svg; ...

graph TD
    A[Stack Blob] -->|Match| B{Find out beautifier}
    B --> |exception| C[Exception trace beautify]
    B --> |ETW trace| D[ETW trace beautify]
    B --> |...| E[...]
    B --> |Stream| F[Stream trace beautify]
    F
    C --> Z[output AsyncEnumerable of FrameItem]
    D --> Z
    E --> Z
    F --> Z

Loading