better ux and ui design for debug

[jonlepage]

🔍 Search Terms

• format ts syntax, ux , ui

✅ Viability Checklist

• This wouldn't be a breaking change in existing TypeScript/JavaScript code
• This wouldn't change the runtime behavior of existing JavaScript code
• This could be implemented without emitting different JS based on the types of the expressions
• This isn't a runtime feature (e.g. library functionality, non-ECMAScript syntax with JavaScript output, new syntax sugar for JS, etc.)
• This isn't a request to add a new utility type: https://github.com/microsoft/TypeScript/wiki/No-New-Utility-Types
• This feature would agree with the rest of our Design Goals: https://github.com/Microsoft/TypeScript/wiki/TypeScript-Design-Goals

⭐ Suggestion

Do you think you can do something (modernize) the way TS tokenizes and formats the output for better formatting and syntax readability in vscode?
I'm still surprised that the language provides a mediocre appearance with very poorly formatted like JSON from the 80s!
Thank you

📃 Motivating Example

actual behavior :

---

expected behiavior:

💻 Use Cases

1. What do you want to use this for?
   debugging
2. What shortcomings exist with current approaches?
   none
3. What workarounds are you using in the meantime?
   none

[RyanCavanaugh]

It's not obvious to me that just newlining between every identifier is going to be an improvement in the most common cases. A more concrete proposal is needed.

[jonlepage]

I think the ideal idea, considering that TS is a language that presents many different scenarios and can lead to different strategies, would be to put in place a very small configuration intended for formatting, without offering dozens of options, but opening the door to those who would like to customize the readability according to the needs of the project.

[fatcerberus]

JSON from the 80s

found the time traveler