January 2022 Summaries

The launch of the Elements Panel marks a significant milestone for the team, who have spent a year developing the tool, aimed at enhancing user interaction by allowing for detailed inspection of tooltips and visual bugs after recording them. This innovation is particularly useful for addressing complex tooltip issues and visual glitches during loading and scrolling. The team is also working on new features such as console autocomplete and improving start times, with significant progress expected soon. Additionally, a case study featuring Steve Ruiz demonstrates the practical application of Replay in debugging tldraw, showcasing its utility in inspecting DOM-based frameworks.

Network Monitor has introduced the ability to view API call request and response bodies, allowing users to record and share replays to troubleshoot issues collaboratively. This update aids in understanding the parameters and responses of GraphQL mutations, while Request Stack Traces provide insights into the origins and presentation of requests. Additional features include social cards for Slack and Discord, an experimental Elements Panel, and ongoing improvements like 10-minute replays, which enhance start times and stability. The company fosters team engagement through a Smile File channel on Discord and is actively seeking new hires with an interest in runtimes and time-traveling debugging.

A new version of the Replay browser, based on Firefox 91, has been released, boasting improvements in speed, stability, and security, alongside a new interface. The highlight of this update is the enhanced ability to maintain multiple runtimes, a complex task usually undertaken by dedicated teams at companies like Google and Mozilla. With the establishment of its own infrastructure, Replay is now positioned to deliver more regular updates. Additional updates include the Elements Panel, which is nearing completion and can currently be enabled in experimental settings, and an upgraded Network Monitor with features like request body formatting and download links. The browser now also enhances privacy by using the primary browser for authentication. A featured case study showcases Paul Shen, who utilizes Replay to debug Natto.dev, a visual development environment inspired by Figma's UI patterns.