microsoft / microsoft/vscode-edge-devtools

Feature request: add fancy Node.js like console.table() output to the VSCode Debug Console when used with VSCode Edge Devtools

Open
#1,233 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement tracked
Dominant language
TypeScript
Stars
827
Forks
358
Avg merge
20h 32m
Merged PRs (30d)
10

Description

Is your feature request related to a problem? Please describe.

A bit of a minor issue but this feature request is to add the nice looking console.table() output to the VSCode Debug Console when debugging from VSCode Edge Devtools.

console.table() output looks good in the VSCode Edge Devtools console but sometimes I like just having the VSCode Debug Console open at the bottom. When I do this though the nice table output is gone and I get a more standard object output which is fine but I would prefer the table output.

VSCode itself had the same problem before but solved it somehow: https://github.com/microsoft/vscode/issues/44926
and I confirmed it works (looks good) in Node.js debugging as well.

Describe the solution you'd like:

Keep the normal {a: 5, b: 5} like output with a clickable arrow from objects when using console.table() but also add a fancy output which looks something like this (from Node.js)

┌─────────┬────────┐
│ (index) │ Values │
├─────────┼────────┤
│    a    │   5    │
│    b    │   5    │
└─────────┴────────┘

Describe alternatives you've considered:

Additional context:

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

No source file or test is identified in the issue. Start by locating the VSCode Edge Devtools handling for console.table() in the Debug Console and compare its behavior with the referenced VSCode issue and Node.js output. Done means retaining the clickable object representation while also showing the requested table formatting.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript, vscode
Domain
devtools
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.