better ux and ui design for debug

🔍 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

Comienza comparando los ejemplos adjuntos de formato real y esperado y determinando si el cambio solicitado corresponde a la tokenización y el formato de TypeScript o a la visualización de depuración de VS Code. No se nombran archivos, pruebas ni puntos de entrada concretos. Para darlo por terminado sería necesario contar con un diseño de formato acordado y una validación de la salida de depuración mejorada.