Feat: Add json request body formatter/beautifier

[frank-duq]

Describe the solution you'd like Just like with Postman, it would be nice to add a json formatter, when copy/pasting from some external sources unformatted json. (or even copying from within the keyrunner console itself some one-liner unformatted request json 'data'..)

Describe alternatives you've considered Currently using some online external tools such as https://jsonformatter.org/ to do the formatting, which requires a separate tool to do it, rather than doing it from within keyrunner.

Additional context

The formatter/beautifier feature, in Postman:

Currently, in Keyrunner 1.0.67:

[frank-duq]

Also, while we're there talking about that specific area of the UI, minor but it feels like the current position of that body data type picker (JSON | XML | Text) is off and floating around, rather than being positioned perhaps in the section right above where other selectors/tabs are made available:

We can see from the screenshot in the previous comment which is showing the Postman app, how they've decided to do it. Obviously, Keyrunner doesn't have to copy it pixel by pixel(!), but it can definitely serves as a great inspiration when coming from such a mature project..

[frank-duq]

One last thing while we're there (sry, again, let me know if you would rather treat this additional comment/feedback and the one from previous comment in a separate ui/ux enhancement / feat. req. ticket and I'll move those 2 items in a separate ticket..),

I find that the "side-by-side / horizontal" view is quite nice, I did not know it existed up until just very recently, discovered that bi-direction arrows icon to do it.

Having said that, I think the side-by-side UI could be improved a notch, to have things better aligned, to enhance the overall clarity of that great view.

For instance:

• the "Request" panel on the left is missing its actual "Request" title:), as opposed to the "Response" (I realize that this feedback actually applies to both vertical and horizontal views! ..and if the Response has an export button, bonus point for making the same button/functionality also available next to that missing "Request" title, to have everything as consistent as possible)
• then, once that above title thing is addressed, I suppose it would also address current point, but the 2 tabs pickers (showing Body in the below screenshot) from left and right panels should be aligned ideally, for a consistent visual experience.
• finally, any lines/bars/separators should also match from left to right panels, again, for the same sake of consistent visual experience.

thanks!

[launchiamenterprise]

@frank-duq Thank you for the inputs. It’s helping us improve the overall UI/UX experience. We will be incorporating these improvements in upcoming releases

[launchiamenterprise]

@frank-duq We tried to incorporate all these changes in V#1.0.69, but encountered a last minute issue with the "beautify" feature. We are actively working on it and you can expect this feature in V#1.0.70.

[frank-duq]

Btw, here are 2 more feedbacks for this one:)

1- Suggestion to split the side-by-side nav menu (currently a drop-down, for both Request AND Response) into a mix of:

• direct links (as much as possible / as space allows for it, e.g. the most common options should be direct links, imo)
• hide/keep the remaining options that can't be displayed for the lack of space into a drop-down (like the one that already exists), but as the last option rather than the first, e.g. right after the "direct links")

2- The side-by-side view, once selected, is 'not' persisted inside keyrunner's internal storage When I open a first request which displays the request/response vertically (default behavior, ok), and I then switch the layout to be "side-by-size / horizontal", and then I open a new/2nd request tab, then, 2 buggy outcomes imo:

a) my side-by-side layout selection is ignored by the new/2nd request tab, and is back at displaying my request/response layout vertically. IMO, the request/response layout selection should apply to ALL request tabs, it should be seen as a global user preference imo, not a per-request thing. A concrete scenario, is when I choose to execute an entire collection with the Console opened to monitor some execution details, then the default "vertical" view becomes irrelevant, since the Console is on top of the Response panel, by default.......so I like switching to horizontal/side-by-side layout in this case, for ALL my requests, without having to always switch the request/response layout for every single new request that I manually open for further investigation etc, while the Console is still opened over the top of the default Response panel, when in default vertical layout.

b) if I go back to my first opened request tab, its request/response layout got reset back to "vertical mode" even though I specifically selected the "horizontal" layout for this first request, just because I opened a 2nd request which currently opens in "vertical mode" by default (which I'm suggesting to change from previous point a) so perhaps fixing a) would automatically fix b) as well, but just so you know...)

cheers