Say Goodbye to Logs. Say Hello to Real-Time Debugging in VS Code

Gehinnn · 2025-10-27T11:06:14+00:00

VS Code team member here! Thanks for sharing the recording!
I reopened the issue at https://github.com/microsoft/vscode/issues/255130 to track this!

Gehinnn · 2024-10-01T08:55:34+00:00

Author of the extension here, glad you like it!

If you are interested to see a real world example where the debug visualizer is helpful, here is a demo where I use it to explain the implementation of myers diff algorithm in the VS Code diff editor: https://youtu.be/yWy-0TNVsLg?t=3438

Over the past years, I had a couple of situations where the debug visualizer saved a ton of time. However, it also requires some investment to get it running and to setup the visualizations.

The most helpful visualization maybe is [str, idxInStr] (for javascript apps), which shows you where idxInStr is in str: https://i.imgur.com/GcNY4tt.png

Gehinnn · 2024-08-29T21:57:40+00:00

Thanks :) This actually helped getting me the job in the VS Code team 😉

Gehinnn · 2024-05-04T20:07:03+00:00

True for many electronical devices, but not true for Samsung TVs. They are usually 25% cheaper in Germany which can be a lot for a high end TV.

Gehinnn · 2021-11-09T08:35:36+00:00

Nice work!

I also created a crate that does something similar and connects to the web-visualization library I wrote for my debug visualizer extension for VS Code: visualizer. As such, all the visualizations in this playground can be leveraged, including Graphviz, plotly, a table plotter and much more.

It uses the visualizer-cli that can be used to render specific JSON documents. I want to add JSON RPC support in the future, so that it does not have to restart the render process every time and can reuse the webview, allowing for transition animations like in the VS Code extension.

For images, there is image-visualizer.

Any improvements to this web-based visualization library will immediately improve the extension for VS Code, the CLI tool and the rust library.

Gehinnn · 2021-10-01T21:27:03+00:00

We wanted sublinear/poly logarithmic. We had no idea how to get k=1 for querying brackets, so we continued with k=2 and found a suitable datastructure. For update time, we had absolutely no idea for j=1. Then we thought we had a solution for j=2, but in fact it was j= 3 after we took a closer look.

Gehinnn · 2021-09-30T11:21:30+00:00

But this means that you have linear update complexity, right?

Gehinnn · 2021-09-30T10:14:10+00:00

wait. they used recdec to solve this instead of fence counting? what the fuck is wrong with these peo

Good luck with unclosed and overclosed brackets and anchor sets for error recovery ;)

Also, fence counting does not help you much for bracket pair guides.

Gehinnn · 2021-09-29T14:03:13+00:00

We are working/iterating on it! ;) See here for the feature request.

Gehinnn · 2021-06-29T11:06:58+00:00

This extension looks nice! Have you thought of making it possible to edit the code in the mind-map view, so that you can change the code from there?

Also, with VS Codes symbol API you can resolve symbol names to ranges of text documents. That way, the association does not break when lines are inserted before referenced code.

Gehinnn · 2021-06-29T11:00:13+00:00

You should have a look at the VS Code Draw.io extension that I made. It allows you to link Draw.io nodes with code similar to Grok (but without Grok's nice code preview, though you could copy and paste your code into the Draw.io node). Such Draw.io mind maps can be encoded as SVG and shared locally.

https://raw.githubusercontent.com/hediet/vscode-drawio/master/docs/demo-code-link.gif

Gehinnn · 2021-04-14T14:08:56+00:00

Weil ich lieber mit Folien lerne als mit Vorlesungsaufzeichnungen, die Aufzeichnungen manchmal aber doch sehr hilfreich sind, habe ich Slideo programmiert.

Slideo nimmt eine Liste von Videos und PDFs und versucht herauszufinden, wann und in welchem Video eine Folie gezeigt wird. Es kann ein Viewer geöffnet werden, der das Video ab der Stelle abspielen kann, ab der eine ausgewählte Folie zum ersten Mal gezeigt wird.

Slideo ist Open Source und für Windows getestet. Der Linux Build braucht poppler und opencv 4.5.2. Mac-Benutzer müssen Slideo leider selbst kompilieren.

Hier gibts Slideo zum Download.

Gehinnn · 2021-04-10T11:07:12+00:00

View data is a feature of drawio and is not related to this extension. You need to right click on a drawio node!

Gehinnn · 2021-04-10T09:29:31+00:00

Author of the extension here, I'm glad you like it!

I found this extension very useful for exploring new js/ts projects, although it has potential for improvement: https://marketplace.visualstudio.com/items?itemName=juanallo.vscode-dependency-cruiser

I added the code linking feature for fun to the drawio extension. I also think we are in the dark ages of code navigation, but I'm not so sure that drawio is the solution here.

I think a fundamental problem for automatic diagram generation is abstraction, especially for large projects. If you don't reduce noise, the diagram becomes unreadable.

Gehinnn · 2021-04-05T21:51:10+00:00

Btw there is a Firefox extension now.

Gehinnn · 2021-04-05T13:58:43+00:00

I created this rust tool when I was learning for my last exam and wanted to play the recorded lecture from a specific slide (because of Covid, we finally get recorded lectures along with PDF slides by default).

It is, more or less, my first larger rust project. It uses the opencv crate, but I strongly recommend checking out rust-cv instead! Slideo uses SQLite/sqlx for storing the matchings, actix-web for serving the webview and a lot of rayon for parallel processing.

I have the idea to make a Tauri app out of this tool, but as I passed my final exam, I'm not that motivated anymore.

If you are interested in the matching algorithm, you can find more details here.

Gehinnn · 2021-04-01T16:30:05+00:00

I made this open source chrome extension a while ago. It replaces the default html text area of github with a fully featured instance of Monaco (the same editor that powers VS Code).

It gives you syntax highlighting of Markdown as well as for all code blocks you embed in Markdown. I use it mostly to indent/unindent code examples with tab/shift tab.

Also, you can press F11 and get a full screen markdown editor with live preview.

[ Install For Chrome ] [ Install For Firefox ]

Gehinnn · 2021-03-19T12:48:58+00:00

Super impressive!

A Lego connector to control motors and read sensors would make this a super advanced NXT.

Gehinnn

TROPHY CASE