8.3 KiB
Leporello.js
Leporello.js is an online JavaScript/TypeScript playground with a time-travel debugger
Website
Try online
Leporello.js is funded solely by your donations
Support us on Github Sponsors and be the first to gain access to the Leporello.js Visual Studio Code plugin with TypeScript support.
Features
Live execution
Your code is executed instantly as you type, with the results displayed next to it. No need to set breakpoints for debugging. Just move the cursor to any line and see what's happening.
Time-travel debugging
Step backward and forward through your program’s execution to instantly inspect past states and replay code behavior.
Call tree navigation
Visualise and navigate a dynamic call graph of your program. Easily jump through call hierarchies and dive into every function call your program makes.
Hot code reload
Modify your code and instantly see the updated version without losing the application state.
Post-hoc debugging
Use your app like normal — then step back and debug the session later.
Save time when iterating on network-heavy programs
Network requests are transparently traced and replayed during development, letting your code respond instantly as you tweak and debug
Inline charts and graphs
Use any third-party JavaScript library to visualize your data next to the code.
Seamless NPM Imports
Instantly import any npm package without setup or configuration, just by typing a standard import statement.
Inspect JSX
Click a DOM element to jump to its corresponding JSX in the debugger. Inspect all related variables, arguments, and expressions in context.