No More Printf: Interactive Debugging Wasm for web and server

on YouTube ↗24m

" summary

Claim: interactive step‑through debugging for WebAssembly components actually works end to end. Concrete setup shows lldb for native WebAssembly modules and a SpiderMonkey‑based runtime with componentized JS plus a VS Code debugger extension to hit breakpoints hit inside components, use an outgoing socket connection for the debugger, and step through JavaScript without DWARF or turned‑off optimizations. The demo builds with Wasmtime or a Node shim, connects back to VS Code, and runs in production builds with no debug symbols needed.

AI-written summary · about

" chapters (8)

1. 0:00Introduction
2. 2:09Debugging with Rust and VS Code
3. 6:10JavaScript in Wasm differences
4. 10:28Debugging with Starling Monkey
5. 15:30Live demo: JavaScript debugging
6. 19:37Universal debugging across runtimes
7. 21:27Future steps
8. 22:33Next goals

" related talks

• 09mDebugging WebAssembly with modern toolsIngvar Stepanyan · Chrome Dev Summit 2020
• 13mWebAssembly Debugging DemystifiedNisanthan Nanthakumar · Wasm I/O 2023
• 26mNavigating Strategies for Debugging WASMShivay Lamba, Ashwin Kumar Uppala · Cloud Native Wasm Day NA 2023
• 10mLightning Talk: Implementing Wasm Debugging with .net in vscodeThays Tagliaferri de Grazia · Cloud Native Wasm Day North America 2022
• 46mWebAssembly (Digging a bit deeper)Steve Klabnik · Open Source 101 at Home 2020
• 41mDemystifying WebAssembly, Through the Eyes of A BeginnerShivay Lamba · Emerging OS Forum @ Open Source Summit North America 2022
• 31mThe CPU in your browser: WebAssembly demystifiedAntonio Cuni · PyCon US 2023
• 31mZero Install Embedded CC++ Development Running GDB in the Browser with WebAssemblyJonah Graham · TheiaCon 2024