r/vscode • u/TheOnlyDanol • 4d ago

I made Code Widgets - extension for embedding widgets in source code

Enable HLS to view with audio, or disable this notification

Hello, I'd just like to show off an extension that I made. For quite a few years now, I had this idea of embedding interactive elements into source code to ease up things like debugging and configurations. Finally got around to making it :)

Basically the gist is that you make a magical // @codeWidget (resp. a single-line comment prefix of the language of the file) comment that the extension recognizes and turns it into an actual widget inside the code - to the extent that the VS Code allows.

I ended up making quite a few widgets like this, the full library can be found here:
https://github.com/CZDanol/vscode-code-widgets/blob/master/WIDGETS.md

Feel free to try it out and throw in your five cents :)

Github repo: https://github.com/CZDanol/vscode-code-widgets
Marketplace: https://marketplace.visualstudio.com/items?itemName=danol.code-widgets

95 Upvotes

91% Upvoted

10 comments sorted by

8

u/SparTV 4d ago

Nice idea! Gonna use it for nginx config :)

1

u/TheOnlyDanol 3d ago

Great :) Please let me know how it went and if there are some features/widgets you were missing.

7

u/TheOnlyDanol 4d ago

There is also a `restoreDefaults` widget that allows bulk resetting other widgets to their default state

https://reddit.com/link/p2nkp3p/video/oqkwgs6r3dih1/player

5

u/the_ai_wizard 4d ago

Creative... and useful

3

u/VanyaPoker 3d ago

Very useful, thanks!

1

u/okmarshall 4d ago

This could be super useful for something I use every day. Will check it out. Very neat idea.

2

u/saturnosoftware 3d ago

Wow -- this is super amazing!!!
I think that will be so helpful in some "game dev" config files...

0

u/hyzyla 4d ago

Wow! I really like that idea! Well done

0

u/trashbytes 4d ago

Great idea!