diff --git a/package.json b/package.json index 3d7abe5e..8fdbce57 100644 --- a/package.json +++ b/package.json @@ -62,6 +62,6 @@ "@xstate/fsm": "^1.4.0", "mitt": "^1.1.3", "pako": "^1.0.11", - "rrweb-snapshot": "^0.8.2" + "rrweb-snapshot": "^0.8.4" } } diff --git a/src/record/index.ts b/src/record/index.ts index 75393e33..9beddd9f 100644 --- a/src/record/index.ts +++ b/src/record/index.ts @@ -83,7 +83,7 @@ function record( wrappedEmit = (e: eventWithTime, isCheckout?: boolean) => { if ( mutationBuffer.isFrozen() && - e.type !== EventType.FullSnapshot && + e.type !== EventType.FullSnapshot && !( e.type == EventType.IncrementalSnapshot && e.data.source == IncrementalSource.Mutation @@ -126,12 +126,14 @@ function record( ); let wasFrozen = mutationBuffer.isFrozen(); - mutationBuffer.freeze(); // don't allow any mirror modifications during snapshotting + mutationBuffer.freeze(); // don't allow any mirror modifications during snapshotting const [node, idNodeMap] = snapshot( document, blockClass, inlineStylesheet, maskInputOptions, + // TODO: bypass slim DOM options + false, recordCanvas, ); @@ -165,7 +167,7 @@ function record( }), ); if (!wasFrozen) { - mutationBuffer.emit(); // emit anything queued up now + mutationBuffer.emit(); // emit anything queued up now mutationBuffer.unfreeze(); } } diff --git a/test/__snapshots__/integration.test.ts.snap b/test/__snapshots__/integration.test.ts.snap index dfc80b8b..df582942 100644 --- a/test/__snapshots__/integration.test.ts.snap +++ b/test/__snapshots__/integration.test.ts.snap @@ -454,7 +454,7 @@ exports[`canvas 1`] = ` \\"width\\": \\"200\\", \\"height\\": \\"100\\", \\"style\\": \\"border: 1px solid #000000;\\", - \\"rr_dataURL\\": \\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABkCAYAAADDhn8LAAAEK0lEQVR4Xu3d3VLjMAyG4YZzuBvu/9K6w2xZtqVJFcv5Ux5mOCgQ43yJ8lqSpQwXXxSgwKgCA20oQIFxBRiIu4MCEwowELcHBRiIe4ACbQogSJtujjqJAgzkJBfaabYpwEDadHPUSRRgICe50E6zTQEG0qabo06iQNhAru/v18vb2+UyDD/fY5+/fv719f37Z58j43z/zdQ4j/8nMq75/b2Grdelo37D52f4HtzCJsOTu358XLsZx5Y3deTimt/Pw63lITVDvzoGgiDrkTNixBFSttzckXE7zq+OgSDIz7Lk2U3U66aJjDPjCT25zF1qnBnj1jEQBEGQ3r7gMFzqGAiCIMiYY58IyNQxEARBEAQZD6SJYt3C20uHtvkgW0RzR/9nPMyLIAiCIAiyefIMQRAknJE/QBz/X0Y66sCunGfY+/zqOOmiWKJY0YeAPMhKDiuC5PZMHUA/BImsqddcdkTmM+MJuPdM9d7nV8dARLFEsUSxRLFEsTosn2cQGEEydQcHWEPvPUq09/nVMRBRLFEsUayJJRYfhA/CB+GD8EH4IP9bgb1YfKT73gFrhtzVg4w0BpgR5dh7HN/8cg066jjpfBA+CB+ED8IH4YPwQSLbTSJrcXma9F6xOksseRB5EHkQeZC7zPMjIV597kWmXuMcgHAI0utirzmOKJvOijdWyIPIg8iDTBT5xg2ED8IH4YPwQfgg63bv54Os6TtEQrOR+fBB+CB8EO8v2Twpai+WvVh3e7UQ7heZ6iyx7MWyF8teLHuxNl92nMxHQhB5hk3zDGrSc51M5UEiT+xevkOvcQpF2RAEQRBk7JURoliiWKJY068ORxAEQRAEuZFigb06ar5zNd971w9BEARBEARBnuZPloo2LTXuBlE2BEEQBEEQBEGQW7TqWV5pgkwIgiAIgiAIgiAIcg2/nbbX9o0DdOXY+16nvc+vzhJLTbqa9AXyXHUMRD2IehD1IOpB1IPozas3Lx8p11O3o351llh8ED4IH0RfLH2x9MVqW2IhCIIgCIIgCIIgyONu2Fefe+1y7TWO3by5Tgwzjo43bZAHkQeRB5EHkQeRB2lbYiEIgiAIgiAIgiBIx0zw3nfL7n1+Mum9bsY1xykUJdLVZEbI6smfimKpeNy04hFB1nzyyzPk3gy1gX51DEQUSxRLFEsUSxRLFEsUq9eyT818rq5Ed3fd3XV3193999rcEzr3ZD2RfnWcdPUg6kHUg6gHUQ+iHqTNSUcQBEEQBEEQBEGQVxWE9mLlMvIz9KvjpMuky6TLpMuky6TLpLctsRAEQRAEQRAEQZoIkis7cTQFjqlAuGDqmKdn1hTIKcBAcvo5urgCDKT4BXZ6OQUYSE4/RxdXgIEUv8BOL6cAA8np5+jiCjCQ4hfY6eUUYCA5/RxdXAEGUvwCO72cAn8Aw0BAdBcYDcUAAAAASUVORK5CYII=\\" + \\"rr_dataURL\\": \\"data:image/png;base64,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\\" }, \\"childNodes\\": [ {