Human-Readable JSON View for Trace Tags

[jwillp]

In Jaeger, when viewing a tag that has a JSON value, the UI formats it in a human-readable form. This is particularly useful for specific tags and quick debugging. Is there any plan to do the same in Signoz?

[welcome[bot]]

Thanks for opening this issue. A team member should give feedback soon. In the meantime, feel free to check out the contributing guidelines.

[pranay01]

@jwillp Can you share some screenshots from Jaeger on what do you mean by human readable form?

[jwillp]

@pranay01 something like this:

[shariqmus]

+1 for the requst

I wrote following Greasemonkey script as a workaround:

// ==UserScript==
// @name     Signoz JSON Formatter
// @require  http://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js
// @require  https://gist.github.com/raw/2625891/waitForKeyElements.js
// @include /^https:\/\/(apm.dev.example.com|apm.uat.example.com)/*
// @grant    GM_addStyle
// ==/UserScript==

waitForKeyElements ('div.ant-modal-body>div', actionFunction);

function actionFunction (jNode) {
    var json = $('div.ant-modal-body>div').text();
    var data = JSON.parse(json);
    var pretty = JSON.stringify(data, null, '\t');
    jNode.css ("background", "#FAEBD7");
    jNode.css ("color", "black");
    jNode.css ("font-family", "monospace");
    jNode.css ("white-space", "pre-wrap");
    jNode.text(pretty);
}

[AsoTora]

great issue, came here to create a similar one:) thanks @palashgdev i will check how it looks with my logs