What's New

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.

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.

Quokka now supports vite-node as a runtime environment, which allows projects using vite to run your Quokka file (and any imports) with your project’s Vite resolvers and transformers.

Quokka for VS Code and JetBrains editors has two new commands, Show Line Value(s) and Show Line Timing(s). Simply select the line(s) of code and use the commands to see the values or execution times.