Console Ninja

JavaScript console.log output right next to your code

81 followers

JavaScript console.log output right next to your code

81 followers

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.

Free

Launch tags:Productivity•Developer Tools

Launch Team

CloudflareStill paying to deploy your apps? Try Cloudflare Workers for free

Promoted

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?

Report

4yr ago

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).

Report

4yr ago

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.

Report

4yr ago

@wallaby_js see, this is why you guys are awesome! Thank you, I'll check it out 🎉

Report

4yr ago

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!

Report

4yr ago

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?

Report

4yr ago

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?

Report

4yr ago

Finally! Thank you for this, Team Wallaby. You guys are doing a fantastic job (VScode community). First Quokka, now Console Ninja. Just Wow 🤯🫡

Report

4yr ago

Maker

@parwat - thank you so much for your kind words 🙏😊

Report

4yr ago

It looks pretty amazing! Any plan for the Webstorm version of it?

Report

4yr ago

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.

Report

4yr ago

@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...

Report

4yr ago

Great and free extension for VSC

Report

4yr ago

Maker

@juanj Thanks for your support, glad to hear you like the tool!

Report

4yr ago

Looks really promising 👏

Report

4yr ago

Reviews