What's New
Quokka for VS Code and JetBrains editors now supports Value Peek, a way to quickly see any value just by hovering over it. To keep your editor clutter-free, values shown this way will not appear next to your code or in Quokka’s Logs list by default (but can be made to appear using the “Explore Value” action available in the hover). Value Peek can be toggled on or off to fit with your workflow.
Quokka now supports running your code using Bun as its runtime, a fast and modern alternative to Node. If you already use Bun in one or more of your project.json scripts, Quokka will prompt you to use Bun to run your code. You may also configure Quokka to use Bun by default in your Quokka settings. This enhancement requires no extra setup beyond having Bun installed, making it a perfect companion to Quokka. If you prefer sticking with Node, you can configure Quokka to never attempt to use Bun.
Quokka has been a trusted companion to millions of software developers worldwide, providing instant feedback for sandboxing, prototyping, and learning, and making debugging smoother for more than seven years. Now, following the recent release of Wallaby v2, it’s Quokka’s turn to evolve.
We are thrilled to announce the addition of support for two more widely used JavaScript frameworks: Vue.js and Svelte.
We’ve added the ability to quickly prototype inside Vue.js single file components and Svelte files, now you may validate code right between script tags. The feature is a great companion to Quokka Snaps, elevating your feedback loop to unprecedented levels.
Quokka now uses SWC for faster TypeScript dependency compilation, improving your Quokka experience with significantly improved execution times for files with extensive imports. This enhancement is automatic – simply use your TypeScript files as usual and enjoy the boosted performance with no extra setup required. This enhancement may be especially useful if you are using the new Quokka Snaps feature within TypeScript projects. If for some reason you prefer to use TypeScript for compiling your dependencies, you can disable SWC in the Quokka settings.
As you are modifying source code, you have to make assumptions about how certain bits of code that you are adding or accessing will function. At some point, the mental burden of unchecked assumptions becomes too much to endure, and you launch your app or run your tests to validate your changes. If the application/tests is in a working state at that moment, you may get the validation you need.
Quokka now supports the latest version of node.js, v21.x. The latest version of node included a number of breaking changes that are fixed in the latest version of Quokka.
Quokka Pro for JetBrains editors now supports Logpoints, allowing you to use breakpoints to log values.
Logpoints allow you to display the value of any expression without modifying your code, simply by placing a breakpoint next to the expression you want to log.
Quokka Pro for VS Code adds support for Class and Function Logpoints, a really useful improvement to the recently-added Logpoints feature. These logpoints can be used to quickly visualize runtime values within classes and functions by logging all lines within them.
Quokka Pro for VS Code now supports Logpoints, allowing breakpoints to be used to log values.
Logpoints allow you to display the value of any expression without modifying your code, by simply placing a breakpoint next to the expression you want to log.