Get INSTANT Inline TypeScript Results in Neovim with This New Plugin

[@xorlop]

Your power level is too high…. Someone who makes both a vscode and a neocon plugin … what?! So cool!

[@FitsumWondessen]

I have been really waiting for this a long time man tks

[@Typed-Rocks]

Great that it helps 😁

[@bryson2662]

Damn, that was fast. Gonna install this later today

[@Typed-Rocks]

Let me know how you like it 🙏

[@matthieutricoire3079]

Awesome !! Thanks a lot :)

[@Typed-Rocks]

You are welcome :)

[@TheDarkOneSC2]

thats a game changer thanks

[@Typed-Rocks]

Thank you 😊

[@macmanuelodumeru3708]

Wow this is powerful. Thank you. I want to ask please. Can this work for React and NextJS projects?

[@Typed-Rocks]

Currently you cant work with files which import special imports like svg or images

[@mibrahim2001]

Its just like debugging but without debugging.

[@Typed-Rocks]

Exactly🤘. You just skip the step of debugging. And often you don‘t want to setup a debugger to do something quickly in a scratch file.

[@not_a_human_being]

Lol, this is crazy, what if we have a network call? read a file? i mean this is too good to be true. if there was a way to reliably do this - it would've been done LONG time ago!

[@Typed-Rocks]

You can try it if you want. Can easily do anything you‘ve mentioned. It just cant run jsx code but other stuff works fine. Just check my video I also did an axios call :). Reading files also works fine. Just give it a try. If something doesnt work as expected let me know and we will figure it out 👍

[@Typed-Rocks]

Check the repository: github.com/typed-rocks/ts-worksheet-neovim I've just updated the screenshot.

[@henriquembotelho]

Actually there is a vscode extension called console ninja that can do the same so it is possible that this neovim extension to do the same

[@not_a_human_being]

Tried the plugin for VSCode, as soon as I've saved the file I got a toast "TypeScript Worksheet ran with nodejs in 444ms!" - got the results SAME as you have (reproduced your demo). So looks good, but I'm still not quite clear how it works. It provides it's own runtime? I mean, why did it run-on-save? What we want is for it to effectively log data for future inspection, and keep it nice and next to the code line, but it has to "plug" into existing node runtime. Maybe it can be a "flag", otherwise how it is usable in any non-trivial application? Let's say I have a complex react app, and somewhere deeply inside my reducer some nonsense happens, can this plugin help me investigate that? Or this only supports it's "own" runtime, I mean on your site it says "support bun nodejs deno runtimes", but what does it actually mean? Why is it "running on save"?

[@Typed-Rocks]

@@not_a_human_being it is only useful for trying stuff and not to run a whole app with it. Thats one restriction it has. It basically wraps your code and logs the results into your editor