rrweb/packages/rrweb-snapshot/CHANGELOG.md

rrweb-snapshot

2.0.0-alpha.14

Patch Changes

• #1464 03b5216 Thanks @colingm! - better support for coexistence with older libraries (e.g. MooTools & Prototype.js) which modify the in-built Array.from function

• #1481 46f1b25 Thanks @eoghanmurray! - Fix and test for bug #1457 which was affecting replay of complex tailwind css

• #1476 cbbd1e5 Thanks @eoghanmurray! - Fixup for multiple background-clip replacement

• #1387 5e7943d Thanks @H4ad! - Avoid recreating the same element every time, instead, we cache and we just update the element.

  Before: 779k ops/s After: 860k ops/s

  Benchmark: https://jsbench.me/ktlqztuf95/1

• #1440 c0f83af Thanks @daibhin! - better nested css selector splitting when commas or brackets happen to be in quoted text

• #1467 e96f668 Thanks @eoghanmurray! - Bugfix after #1434 perf improvements: fix that blob urls persist on the shared anchor element and can't be later modified

2.0.0-alpha.13

Minor Changes

• #1432 123a81e Thanks @Juice10! - Video and Audio elements now also capture playbackRate, muted, loop, volume.

Patch Changes

• #1401 f7c6973 Thanks @dengelke! - Fix css parsing errors

2.0.0-alpha.12

Minor Changes

• #1310 7c0dc9d Thanks @benjackwhite! - Extends maskTextFn to pass the HTMLElement to the deciding function

Patch Changes

• #1272 58c9104 Thanks @eoghanmurray! - Perf: Avoid creation of intermediary array when iterating over style rules

• #1351 a2be77b Thanks @eoghanmurray! - Don't double-record the values of s when they already have some content prefilled #1301</p> </li> <li> <p dir="auto"><a href="<a href="https://github.com/rrweb-io/rrweb/pull/1431" data-markdown-generated-content="">https://github.com/rrweb-io/rrweb/pull/1431</a>">#1431</a> <a href="<a href="https://github.com/rrweb-io/rrweb/commit/a7c33f2093c4d92faf7ae25e8bb0e088d122c13b" class="commit"><code>a7c33f2093</code></a>"><code>a7c33f2</code></a> Thanks <a href="<a href="https://github.com/eoghanmurray" data-markdown-generated-content="">https://github.com/eoghanmurray</a>">@eoghanmurray</a>! - Ensure :hover works on replayer, even if a rule is behind a media query Respect the intent behind max-device-width and min-device-width media queries so that their effects are apparent in the replayer context</p> </li> <li> <p dir="auto"><a href="<a href="https://github.com/rrweb-io/rrweb/pull/1155" data-markdown-generated-content="">https://github.com/rrweb-io/rrweb/pull/1155</a>">#1155</a> <a href="<a href="https://github.com/rrweb-io/rrweb/commit/8aea5b00a4dfe5a6f59bd2ae72bb624f45e51e81" class="commit"><code>8aea5b00a4</code></a>"><code>8aea5b0</code></a> Thanks <a href="<a href="https://github.com/YunFeng0817" data-markdown-generated-content="">https://github.com/YunFeng0817</a>">@YunFeng0817</a>! - Feat: Add 'isCustom' flag to serialized elements.</p> <p dir="auto">This flag is used to indicate whether the element is a custom element or not. This is useful for replaying the :defined pseudo-class of custom elements.</p> </li> <li> <p dir="auto"><a href="<a href="https://github.com/rrweb-io/rrweb/pull/1374" data-markdown-generated-content="">https://github.com/rrweb-io/rrweb/pull/1374</a>">#1374</a> <a href="<a href="https://github.com/rrweb-io/rrweb/commit/314a8dde5a13095873b89d07bac7c949918bf817" class="commit"><code>314a8dde5a</code></a>"><code>314a8dd</code></a> Thanks <a href="<a href="https://github.com/andrewpomeroy" data-markdown-generated-content="">https://github.com/andrewpomeroy</a>">@andrewpomeroy</a>! - Capture stylesheets designated as <code>rel="preload"</code></p> </li> <li> <p dir="auto"><a href="<a href="https://github.com/rrweb-io/rrweb/pull/1349" data-markdown-generated-content="">https://github.com/rrweb-io/rrweb/pull/1349</a>">#1349</a> <a href="<a href="https://github.com/rrweb-io/rrweb/commit/07ac5c9e1371824ec3ffb705f9250bbe10f4b73e" class="commit"><code>07ac5c9e13</code></a>"><code>07ac5c9</code></a> Thanks <a href="<a href="https://github.com/eoghanmurray" data-markdown-generated-content="">https://github.com/eoghanmurray</a>">@eoghanmurray</a>! - Snapshot performance when masking text: Avoid the repeated calls to <code>closest</code> when recursing through the DOM</p> </li> </ul> <h2 id="user-content-200-alpha11" dir="auto">2.0.0-alpha.11</h2> <h3 id="user-content-patch-changes-3" dir="auto">Patch Changes</h3> <ul dir="auto"> <li> <p dir="auto"><a href="<a href="https://github.com/rrweb-io/rrweb/pull/1279" data-markdown-generated-content="">https://github.com/rrweb-io/rrweb/pull/1279</a>">#1279</a> <a href="<a href="https://github.com/rrweb-io/rrweb/commit/11f6567fd81ef9ed0f954a7b6d5e39653f56004f" class="commit"><code>11f6567fd8</code></a>"><code>11f6567</code></a> Thanks <a href="<a href="https://github.com/eoghanmurray" data-markdown-generated-content="">https://github.com/eoghanmurray</a>">@eoghanmurray</a>! - Extend to run fixBrowserCompatibilityIssuesInCSS over inline stylesheets</p> </li> <li> <p dir="auto"><a href="<a href="https://github.com/rrweb-io/rrweb/pull/1287" data-markdown-generated-content="">https://github.com/rrweb-io/rrweb/pull/1287</a>">#1287</a> <a href="<a href="https://github.com/rrweb-io/rrweb/commit/efdc167ca6c039d04af83612e3d92498bb9b41a7" class="commit"><code>efdc167ca6</code></a>"><code>efdc167</code></a> Thanks <a href="<a href="https://github.com/Juice10" data-markdown-generated-content="">https://github.com/Juice10</a>">@Juice10</a>! - Upgrade all projects to typescript 4.9.5</p> </li> <li> <p dir="auto"><a href="<a href="https://github.com/rrweb-io/rrweb/pull/1287" data-markdown-generated-content="">https://github.com/rrweb-io/rrweb/pull/1287</a>">#1287</a> <a href="<a href="https://github.com/rrweb-io/rrweb/commit/efdc167ca6c039d04af83612e3d92498bb9b41a7" class="commit"><code>efdc167ca6</code></a>"><code>efdc167</code></a> Thanks <a href="<a href="https://github.com/Juice10" data-markdown-generated-content="">https://github.com/Juice10</a>">@Juice10</a>! - Add workaround for Chrome/Edge CSS <code>@import</code> escaping bug: <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=1472259" data-markdown-generated-content="">https://bugs.chromium.org/p/chromium/issues/detail?id=1472259</a></p> </li> </ul> <h2 id="user-content-200-alpha10" dir="auto">2.0.0-alpha.10</h2> <h3 id="user-content-patch-changes-4" dir="auto">Patch Changes</h3> <ul dir="auto"> <li><a href="<a href="https://github.com/rrweb-io/rrweb/pull/1253" data-markdown-generated-content="">https://github.com/rrweb-io/rrweb/pull/1253</a>">#1253</a> <a href="<a href="https://github.com/rrweb-io/rrweb/commit/c6600e742b8ec0b6295816bb5de9edcd624d975e" class="commit"><code>c6600e742b</code></a>"><code>c6600e7</code></a> Thanks <a href="<a href="https://github.com/mydea" data-markdown-generated-content="">https://github.com/mydea</a>">@mydea</a>! - Fix CSS rules captured in Safari</li> </ul> <h2 id="user-content-200-alpha9" dir="auto">2.0.0-alpha.9</h2> <h3 id="user-content-patch-changes-5" dir="auto">Patch Changes</h3> <ul dir="auto"> <li><a href="<a href="https://github.com/rrweb-io/rrweb/pull/1183" data-markdown-generated-content="">https://github.com/rrweb-io/rrweb/pull/1183</a>">#1183</a> <a href="<a href="https://github.com/rrweb-io/rrweb/commit/d7c72bff0724b46a6fa94af455220626a27104fe" class="commit"><code>d7c72bff07</code></a>"><code>d7c72bf</code></a> Thanks <a href="<a href="https://github.com/mydea" data-markdown-generated-content="">https://github.com/mydea</a>">@mydea</a>! - fix: Ensure attributes are lowercased when checking</li> </ul> <h2 id="user-content-200-alpha8" dir="auto">2.0.0-alpha.8</h2> <h3 id="user-content-minor-changes-2" dir="auto">Minor Changes</h3> <ul dir="auto"> <li><a href="<a href="https://github.com/rrweb-io/rrweb/pull/1188" data-markdown-generated-content="">https://github.com/rrweb-io/rrweb/pull/1188</a>">#1188</a> <a href="<a href="https://github.com/rrweb-io/rrweb/commit/bc84246f78849a80dbb8fe9b4e76117afcc5c3f7" class="commit"><code>bc84246f78</code></a>"><code>bc84246</code></a> Thanks <a href="<a href="https://github.com/benjackwhite" data-markdown-generated-content="">https://github.com/benjackwhite</a>">@benjackwhite</a>! - feat: Extends maskInputFn to pass the HTMLElement to the deciding function</li> </ul> <h3 id="user-content-patch-changes-6" dir="auto">Patch Changes</h3> <ul dir="auto"> <li><a href="<a href="https://github.com/rrweb-io/rrweb/pull/1148" data-markdown-generated-content="">https://github.com/rrweb-io/rrweb/pull/1148</a>">#1148</a> <a href="<a href="https://github.com/rrweb-io/rrweb/commit/d0fdc0f273bb156a1faab4782b40fbec8dccf915" class="commit"><code>d0fdc0f273</code></a>"><code>d0fdc0f</code></a> Thanks <a href="<a href="https://github.com/YunFeng0817" data-markdown-generated-content="">https://github.com/YunFeng0817</a>">@YunFeng0817</a>! - Improve: Add try catch to snapshot.ts 's masking text function. Fixes <a href="<a href="https://github.com/rrweb-io/rrweb/issues/1118" data-markdown-generated-content="">https://github.com/rrweb-io/rrweb/issues/1118</a>">#1118</a>.</li> </ul> <h2 id="user-content-200-alpha7" dir="auto">2.0.0-alpha.7</h2> <h3 id="user-content-minor-changes-3" dir="auto">Minor Changes</h3> <ul dir="auto"> <li><a href="<a href="https://github.com/rrweb-io/rrweb/pull/1170" data-markdown-generated-content="">https://github.com/rrweb-io/rrweb/pull/1170</a>">#1170</a> <a href="<a href="https://github.com/rrweb-io/rrweb/commit/d2582e9a81197130cd93bc1dd778e16fddfb0be3" class="commit"><code>d2582e9a81</code></a>"><code>d2582e9</code></a> Thanks <a href="<a href="https://github.com/mydea" data-markdown-generated-content="">https://github.com/mydea</a>">@mydea</a>! - feat: Ensure password inputs remain masked when switching input type</li> </ul> <h3 id="user-content-patch-changes-7" dir="auto">Patch Changes</h3> <ul dir="auto"> <li><a href="<a href="https://github.com/rrweb-io/rrweb/pull/1174" data-markdown-generated-content="">https://github.com/rrweb-io/rrweb/pull/1174</a>">#1174</a> <a href="<a href="https://github.com/rrweb-io/rrweb/commit/e7f0c808c3f348fb27d1acd5fa300a5d92b14d00" class="commit"><code>e7f0c808c3</code></a>"><code>e7f0c80</code></a> Thanks <a href="<a href="https://github.com/wfk007" data-markdown-generated-content="">https://github.com/wfk007</a>">@wfk007</a>! - Fix: <a href="<a href="https://github.com/rrweb-io/rrweb/issues/1172" data-markdown-generated-content="">https://github.com/rrweb-io/rrweb/issues/1172</a>">#1172</a> don't replace original onload function of Images</li> </ul> <h2 id="user-content-200-alpha6" dir="auto">2.0.0-alpha.6</h2> <h3 id="user-content-minor-changes-4" dir="auto">Minor Changes</h3> <ul dir="auto"> <li><a href="<a href="https://github.com/rrweb-io/rrweb/pull/1152" data-markdown-generated-content="">https://github.com/rrweb-io/rrweb/pull/1152</a>">#1152</a> <a href="<a href="https://github.com/rrweb-io/rrweb/commit/eac9b18bbfa3c350797b99b583dd93a5fc32b828" class="commit"><code>eac9b18bbf</code></a>"><code>eac9b18</code></a> Thanks <a href="<a href="https://github.com/mydea" data-markdown-generated-content="">https://github.com/mydea</a>">@mydea</a>! - feat: Ignore <code>autoplay</code> attribute on video/audio elements</li> </ul> <h3 id="user-content-patch-changes-8" dir="auto">Patch Changes</h3> <ul dir="auto"> <li> <p dir="auto"><a href="<a href="https://github.com/rrweb-io/rrweb/pull/1133" data-markdown-generated-content="">https://github.com/rrweb-io/rrweb/pull/1133</a>">#1133</a> <a href="<a href="https://github.com/rrweb-io/rrweb/commit/c28ef5f658abb93086504581409cf7a376db48dc" class="commit"><code>c28ef5f658</code></a>"><code>c28ef5f</code></a> Thanks <a href="<a href="https://github.com/eoghanmurray" data-markdown-generated-content="">https://github.com/eoghanmurray</a>">@eoghanmurray</a>! - Fix: CSS transitions are incorrectly being applied upon rebuild in Firefox. Presumably FF doesn't finished parsing the styles in time, and applies e.g. a default margin:0 to elements which have a non-zero margin set in CSS, along with a transition on them.</p> <p dir="auto">Related bug report to Firefox: <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1816672​" data-markdown-generated-content="">https://bugzilla.mozilla.org/show_bug.cgi?id=1816672​</a></p> </li> <li> <p dir="auto"><a href="<a href="https://github.com/rrweb-io/rrweb/pull/1130" data-markdown-generated-content="">https://github.com/rrweb-io/rrweb/pull/1130</a>">#1130</a> <a href="<a href="https://github.com/rrweb-io/rrweb/commit/f6f07e953376634a4caf28ff8cbfed5a017c4347" class="commit"><code>f6f07e9533</code></a>"><code>f6f07e9</code></a> Thanks <a href="<a href="https://github.com/Equlnox" data-markdown-generated-content="">https://github.com/Equlnox</a>">@Equlnox</a>! - Fix: Make relative path detection in stylesheet URLs to detect more types of URL protocols when inlining stylesheets.</p> </li> <li> <p dir="auto"><a href="<a href="https://github.com/rrweb-io/rrweb/pull/1157" data-markdown-generated-content="">https://github.com/rrweb-io/rrweb/pull/1157</a>">#1157</a> <a href="<a href="https://github.com/rrweb-io/rrweb/commit/8e47ca1021ebb4fc036b37623ef10abf7976d6dd" class="commit"><code>8e47ca1021</code></a>"><code>8e47ca1</code></a> Thanks <a href="<a href="https://github.com/mydea" data-markdown-generated-content="">https://github.com/mydea</a>">@mydea</a>! - fix: Explicitly handle <code>null</code> attribute values</p> </li> </ul> <h2 id="user-content-200-alpha5" dir="auto">2.0.0-alpha.5</h2> <h3 id="user-content-patch-changes-9" dir="auto">Patch Changes</h3> <ul dir="auto"> <li> <p dir="auto"><a href="<a href="https://github.com/rrweb-io/rrweb/pull/1095" data-markdown-generated-content="">https://github.com/rrweb-io/rrweb/pull/1095</a>">#1095</a> <a href="<a href="https://github.com/rrweb-io/rrweb/commit/1385f7acc0052f83be1458a7b00e18c026ee393f" class="commit"><code>1385f7acc0</code></a>"><code>1385f7a</code></a> Thanks <a href="<a href="https://github.com/YunFeng0817" data-markdown-generated-content="">https://github.com/YunFeng0817</a>">@YunFeng0817</a>! - Fix duplicated shadow doms</p> </li> <li> <p dir="auto"><a href="<a href="https://github.com/rrweb-io/rrweb/pull/1126" data-markdown-generated-content="">https://github.com/rrweb-io/rrweb/pull/1126</a>">#1126</a> <a href="<a href="https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff" class="commit"><code>227d43abb9</code></a>"><code>227d43a</code></a> Thanks <a href="<a href="https://github.com/YunFeng0817" data-markdown-generated-content="">https://github.com/YunFeng0817</a>">@YunFeng0817</a>! - Refactor all suffix of bundled scripts with commonjs module from 'js' to cjs <a href="<a href="https://github.com/rrweb-io/rrweb/pull/1087" data-markdown-generated-content="">https://github.com/rrweb-io/rrweb/pull/1087</a>">#1087</a>.</p> </li> </ul> </body></html>