Appreciate your work -- i look forward to being able to contribute back :-)
Hi everyone, when saving events, my data become corrupted and getting Getting SyntaxError: Unexpected end of JSON input. It's the css that becomes broken in my case. I use vue spa
@hkmsadek Hmm - not sure, but I'd think that perhaps the size of the DB column that you're storing the data in may be too small, and the JSON is being truncated?
Folks - couple of questions. Looking through the source, I can't see any method exposed for a page integrating rrweb to: (1) Stop rrweb from recording the session, and (2) trigger a full snapshot (other than the 'snaphot every x events / n millis) - is this true?
Is there any video in youtube for understanding rrweb code, Its not about just using rrweb its about how code flow in rrweb
@Yuyz0112 thanks for your response, i will go through this
Is there anyway to mask a particular element when recording?
@praneetnadkar yes, you can add a .rr-block class name to the element
Hey @Yuyz0112 I just tested out the following simple code https://pastebin.com/Vd3VBv1H which should stop emitting after getting the first 2 events but it simply keeps on going. Is there anything that I am missing on how it should behave?
@Yuyz0112 whats your process for new versions? I'm hoping to test out the style sheet stuff in our prototype, but I couldn't figure out a clean way to get an npm dep to run from the git repo (at least not without changing our compilation processes)
coudl even just be a beta version if its easy
i can also take a stab at patching the insertRule observer to be setTimeout, tho it looks like its technically not breaking anything at the moment (just wasted data)
@grohsfabian_twitter I see the bug. It happens because we stop too 'fast', and some observers started after the stop calling. If you change threshold of events to 5+, it will works. I would like to fix it in the following weekend.
@Yuyz0112 Thank you for the answer! Also, how would I go about to simply create a snapshot of the full page only? Without any extra events. Currently, I have to do this hack that I sent you via pastebin to stop on the second event and send that snapshot. Hope you understand what I mean. Looking forward for new updates when you got the time, what you did is really nice, but has some bugs and missing "features". Again, great job!
Also, to add a bit more to this. There is a highly recurring problem that even happens on the presentation website of yours rrweb.io. The iframe loading doesnt have a timeout to stop the loading after some time and if some resources cant be loaded, the page will look like it is constantly loading and loading without ever ending
Looks like there might be an issue with the StyleSheetRule behavior, or it doesnt actually solve the case I’m seeing. Going to do some more debugging
This is a really cool tool that I'm having a ton of fun playing around with! Thanks!! I was just curious. Why do we send events every 10 seconds instead of sending every minute or sending when something happens like componentWillUnmount in React?
This project is incredible. I'm still trying to understand how it works... Basically the recorder captures the state of the HTML and CSS, and the Replay just reconstruct the HTML and CSS. Is it correct ?
As opposed to recording an actual video (or series of .jpg) and then playing the video
I think you have some missing events in your log. Users usually get this because their storage backend reject on large size payload. Could you check your storage backend(like DB, file?) to see if they only have these events. If so, maybe you need to check some logs like nginx gateway to find whether they have logged errors when you are sending data to the storage.