Console Ninja

Console Ninja

JavaScript console.log output right next to your code

81 followers

Visit website
From the creators of Quokka.js and Wallaby.js, Console Ninja is a new VS Code extension that displays console.log output and errors from your browser or node app directly in the editor.
Console Ninja gallery image
Console Ninja gallery image
Console Ninja gallery image
Console Ninja gallery image
Console Ninja gallery image
Free
Launch tags:Productivity•Developer Tools
Launch Team
Framer
Framer
Launch websites with enterprise needs at startup speeds.
Promoted

What do you think? …

Ermes Enea Colella
It looks pretty amazing! Any plan for the Webstorm version of it?
Simon McEnlly
Maker
@ermes_enea_colella - we expect to add support for other editors in the future if there is sufficient demand. Given the feedback and number of users already, it seems pretty likely.
Sergey Zarovskiy
@ermes_enea_colella @simon_mcenlly I definitely want to see support for JB products. I created a ticket to help track demand here https://github.com/wallabyjs/con...
Dave Aspinall
Love this concept!! I'm a **long** time wallabyjs user and know you guys build great products! Our current stack uses Gatsby (currently) and it doesn't look like it gets picked up by Ninja. Is there any config I need to do or is Gatsby not supported at the moment?
Simon McEnlly
Maker
@dave_aspinall - thank you for supporting us and using our products! You're right, Console Ninja currently doesn't currently detect Gatsby, but we have had a request for it since we launched (https://github.com/wallabyjs/con...). We've tried to design console ninja in a way to make it easy to add support for new tech, and have already added support for Shopify Hydrogen since launch. We'll be taking a look at Gatsby within the next week, so please check back soon (or subscribe to the issue linked above).
Wallaby Team
Maker
@dave_aspinall Hey, just a quick update. Gatsby is now supported in Console Ninja! Please give it a go and lets us know if you hit any issues.
Dave Aspinall
@wallaby_js see, this is why you guys are awesome! Thank you, I'll check it out 🎉
Wallaby Team
Maker
Hey everyone, we are so excited to be sharing Console Ninja with all of you. We love using console.log because it's a simple and fast way to understand what your code is doing. Unfortunately, it doesn't scale - multiple log statements quickly result in obscure unmanageable output. We have created Console Ninja to keep console.log easy to use while making it scalable, providing an edit & continue REPL-like debug experience. We also hate switching context and leaving our code to analyze where a console log is coming from. Console Ninja delivers logged values right where you need them - in your editor. Runtime values and errors are displayed right next to your code, and an integrated log viewer allows logged values to be explored, with quick navigation between logs and code. Eager to check it out? You can install Console Ninja VS Code extension now, run your npm/pnpm/yarn dev script, type `console.log`, run your app to trigger the modified code, and see what happens. Let us know what you think!
JuanJ
Great and free extension for VSC
Wallaby Team
Maker
@juanj Thanks for your support, glad to hear you like the tool!
Parwat Kunwar
Finally! Thank you for this, Team Wallaby. You guys are doing a fantastic job (VScode community). First Quokka, now Console Ninja. Just Wow 🤯🫡
Simon McEnlly
Maker
@parwat - thank you so much for your kind words 🙏😊
Patrick Roza
Hey nice work, but what about Next 3 support? What's the idea about console logs in console apps, compiled with tsc, ts-node, etc?
Simon McEnlly
Maker
@patrick_roza - added Next 3 support issue in our github repository (https://github.com/wallabyjs/con...) RE: console apps compiled with `tsc`,etc - can you explain your scenario?
Luka Rosić
Looks really promising 👏