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.
For VS Code, Quokka’s new Code Story feature (for Quokka Pro) provides a unique and highly efficient way of inspecting what your code is doing in a single continuous view. The viewer is fully integrated with Quokka’s Time Machine, which means you can simply select a variable or expression to see its runtime value. Seeing the executed code displayed in a single continuous view really cuts down on context switching that you may experience in a traditional debugger experience.
Previously Quokka would highlight all logged values in Output pane with the same color. For large objects or arrays this could make it slightly hard to read. Quokka now recognizes built-in types such as strings / numbers / objects / arrays and highlights them accordingly. In addition, we minimized the number of hidden characters in the output to make select & copy process easier.
Quokka now supports running from root-level monorepos and projects with nested packages. If you start Quokka on an existing file within a nested package, then Quokka will automatically run in the context of the nested package.
Quokka’s new How does it work? docs page describes how Quokka runs your code, its execution pipeline, and includes tips and tricks for using Quokka with a number of different runtime environments and configurations.
Quokka now has first class support for
Yarn 2. If you use
Yarn 2 and want to use Quokka, simply start Quokka as you normally would in your
Yarn 2 project.
The latest version of JetBrains editors (2021.1.x) included a breaking change which caused Quokka no longer work correctly. Quokka has been updated to fully support the latest version of all JetBrains editors.