Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

debug: adopt formalized DAP ANSI styling support #227729

Merged
merged 2 commits into from
Sep 10, 2024
Merged

Conversation

connor4312
Copy link
Member

@connor4312 connor4312 commented Sep 5, 2024

Closes #227728

VS Code now advertises supportsANSIStyling and styles debug output
with ANSI code if and only if the debug adapter supports it. This
consolidates disparate output rendering logic into the
DebugExpressionRenderer where previously we had a bunch of
free-floating functions that needed different services injected.

As a minor change, we now linkify inside of debug hovers:

image

And of course the major change is ANSI support in all the places.
For example, with my provisional changes in js-debug to display DOM nodes more nicely:

image

Closes #227728

VS Code now advertises `supportsANSIStyling` and styles debug output
with ANSI code if and only if the debug adapter supports it. This
consolidates disparate output rendering logic into the
`DebugExpressionRenderer` where previously we had a bunch of
free-floating functions that needed different services injected.
@connor4312 connor4312 self-assigned this Sep 5, 2024
@vs-code-engineering vs-code-engineering bot added this to the September 2024 milestone Sep 5, 2024
roblourens
roblourens previously approved these changes Sep 6, 2024
connor4312 added a commit to microsoft/vscode-js-debug that referenced this pull request Sep 6, 2024
Advertises ANSI styles as proposed in microsoft/debug-adapter-protocol#500,
though it works without them too, just without colors!

Previously the Nodes were displayed as naive objects, so we'd just
list their properties, which was quite useless when trying to get
a handle on the DOM. Now we display their children as the primary
element display, and have "Node Attributes" in a separate section.

![](https://memes.peet.io/img/24-09-9b2b35e1-3874-4e06-825a-5c84abeeb6e4.png)

Refs microsoft/vscode#227729
@connor4312
Copy link
Member Author

Forgot to stage all my changes, whoops

connor4312 added a commit to microsoft/vscode-js-debug that referenced this pull request Sep 10, 2024
* feat: improve display of HTML in the debugger

Advertises ANSI styles as proposed in microsoft/debug-adapter-protocol#500,
though it works without them too, just without colors!

Previously the Nodes were displayed as naive objects, so we'd just
list their properties, which was quite useless when trying to get
a handle on the DOM. Now we display their children as the primary
element display, and have "Node Attributes" in a separate section.

![](https://memes.peet.io/img/24-09-9b2b35e1-3874-4e06-825a-5c84abeeb6e4.png)

Refs microsoft/vscode#227729

* fix comment display
@connor4312 connor4312 merged commit 5bca50d into main Sep 10, 2024
6 checks passed
@connor4312 connor4312 deleted the connor4312/issue227728 branch September 10, 2024 18:33
@vs-code-engineering vs-code-engineering bot locked and limited conversation to collaborators Oct 25, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Adopt formalized DAP ANSI styling support
4 participants