Add Instant Replay to capture bugs after they happen

[ionleu]

What's the feature?

We don’t have Instant Replay yet. If a bug happens and the user didn’t record it live, they have to try and reproduce it again.

How to reproduce

1. A bug happens unexpectedly
2. No way to retroactively capture it
3. User has to restart the whole process to report it

What should happen?

We should let users capture an "Instant Replay"—everything that just happened, with full session data—then share it in 2 clicks.

Screenshots

N/A

Your setup

• OS: Any
• Browser: Chrome
• Node: 18.19.1

Anything else?

Goal: save users time by letting them grab recent activity without needing to stop and re-record.

[prakhar1535]

we can save recordings upto past 10 secs temporarily, then delete it , all this with queuing, we can add toggle too for instant replays on/off

[ionleu]

we can save recordings upto past 10 secs temporarily, then delete it , all this with queuing, we can add toggle too for instant replays on/off

Is keeping recordings up to 10 sec a best practice or a restriction?

Also,
do you want me to assign this feature to you?

[prakhar1535]

Either we can save user interactions and on based on that user can replay the bugs - the bug related to functionality would be visible with that - but if facing any ui bug would be beneficial if we provide a system recording can be a great feature for QA as well as bug testing, would love to hear your thoughts on this,

Yes please assign this issue to me

[ionleu]

Yes, that's true, the visual part will help QAs, PMs, Designers or Devs
basically we'll need #61 done first in order to capture the visual where we plan to use rrweb package for capturing.

cc: @ishwarthecodddr

[prakhar1535]

I see, this would be more of a feature like loom, as i have already setup the codebase and working in my local so will start working on this,

Let me know if either we have to constantly capture the screen as user allows or we have to only when the user starts the recording

The example you shared - records only when user starts recording

[ionleu]

@prakhar1535 we'll need to start capturing as soon as the user navigates to the website.

Also,
I'm looking how we can implement this to have a better experience and performance.

I like your idea to save last 10 seconds and so on. But trying to think if there could be some bad use cases.

[prakhar1535]

@ionleu started working on this, will you keep you updated