Changelog 19: Focus Mode 🚀

profile photo
Jason Laster
Image without caption
We’re excited to ship Focus Mode today! You can now go to the Timeline, click on the Focus button, and set a new window.
Focusing is useful for zooming in. If a print statement is called a thousand times, you can now focus on just the first hundred calls. Focusing lets you bisect complex problems and find the root cause faster.
Focus Mode is also useful for debugging long replays. You can now open a long replay and load the portion that you would like to debug. This will be especially useful when we begin supporting 10 and 30 minute recordings.
Focusing is one of those deceptively complex UX problems. We’d love to hear what you think and where it should go.

How We Designed Our Focus Mode

Jon, our designer, just published a walk through of the design process we went through building Focus Mode. 🤯
Image without caption

Additional Updates

Dark Mode: We can’t wait to share Dark Mode next week. Feel free to enable it in Settings > Experimental.
Object Getters: We started working on Object Getters this week. The first version will show getters, setters, and values.
Test Runners: We are adding first-class support for recording and debugging Playwright and Jest tests. If you’d like early access, feel free to join our #testing team in replay.io/discord and say hello.
Start Times: You might have noticed that Replay feels much faster this week. That is because we improved the P90 new replay start time last week from 45 seconds to 15 seconds.

Case Study

This week we’re excited to share our Jest proof of concept (loom). You can jump to the start of any test or assertion failure and debug the test with Replay’s time-travel debugger. Replay’s Node recorder is still in beta, but getting significantly better.
Image without caption

post image
Today, we’re excited to release Instant Replay. Instant Replay is one of those updates that changes everything and is the reason we’ve been heads down the past six weeks.
post image
Our plans to reach seven second start times by June. The new React Timeline and suspense architecture.
post image
Today we’re excited to release shared print statements. When you open a replay, you’ll now see print statements added by others.
Powered by Notaku