For the past two years, I have been building a cloud-based time-travel debugger for Javascript at Replay.io where we orchestrated thousands of containers and hundreds of thousands of stateful Chromium processes to serve interactive debugging sessions. To read more about my work there, please see my resume.
My original field of study is classical piano, music theory, and composition. My introduction to music-related programs and computer art initially drew me to software. While you are here, consider listening to one of my favorite pieces (complete with commentary) by my favorite composer.
As a Firefox contributor in 2019-2020, I implemented a new type of breakpoint in the debugger.
The front-end code for watchpoints provides an interface for the user to add/remove a watchpoint from the Scopes pane. It then needs to tell the server about the new or deleted watchpoint. The client code also updates watchpoint data in the Redux store in order to immediately update the user interface with the watchpoint icon before the debugger is resumed.
video | merged code
The server code for watchpoints takes advantage JavaScript's native Object.defineProperty
method
in order to make a call to pause the debugger each time a property on an object is set or read.
When a JavaScript array or object has over 100 elements, the front end presents them in groups. Watchpoints could not be added to any elements in these groupings before this fix. Watchpoints could also not be added to properties in prototype objects and native properties found on the window object.
merged codeWhen the debugger encounters both a breakpoint and a watchpoint on the same line, the expected behavior is for it to only pause one time for the breakpoint and then advance to the next line. This server patch checks the preceding pause reason and location before pausing the debugger for a watchpoint.
merged codeBuilt using React, Redux, Tone.js. Three Square is a set of sequencers that produces minimalistic and cyclic music. The first two sequencers use the piano timbre while the third provides pad accompaniment playing 16x slower than the top sequencers. The user can introduce rhythmic syncopation by changing the number of beats per cycle. Three Squares also has note presets and customization.
video | code | live demo