diff --git a/.changeset/absolutify-urls-hash.md b/.changeset/absolutify-urls-hash.md
new file mode 100644
index 00000000..a3b48e26
--- /dev/null
+++ b/.changeset/absolutify-urls-hash.md
@@ -0,0 +1,6 @@
+---
+"rrweb-snapshot": patch
+"@rrweb/record": patch
+---
+
+Fix conversion of absolute to relative urls if url contains a hash
diff --git a/.changeset/angry-turtles-provide.md b/.changeset/angry-turtles-provide.md
deleted file mode 100644
index 94750199..00000000
--- a/.changeset/angry-turtles-provide.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"rrweb-snapshot": patch
----
-
-Handle exceptions thrown from postcss when calling adaptCssForReplay
diff --git a/.changeset/attribute-text-reductions.md b/.changeset/attribute-text-reductions.md
deleted file mode 100644
index 648e0d81..00000000
--- a/.changeset/attribute-text-reductions.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-Don't include redundant data from text/attribute mutations on just-added nodes
diff --git a/.changeset/beige-olives-roll.md b/.changeset/beige-olives-roll.md
deleted file mode 100644
index 4707f55a..00000000
--- a/.changeset/beige-olives-roll.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-"rrweb-snapshot": patch
-"rrweb": patch
----
-
-Fix that the optional `maskInputFn` was being accidentally ignored during the creation of the full snapshot
diff --git a/.changeset/blank-cherries-laugh.md b/.changeset/blank-cherries-laugh.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/blank-cherries-laugh.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/blank-dev-changset.md b/.changeset/blank-dev-changset.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/blank-dev-changset.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/brave-numbers-joke.md b/.changeset/brave-numbers-joke.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/brave-numbers-joke.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/breezy-cats-heal.md b/.changeset/breezy-cats-heal.md
deleted file mode 100644
index 6e1bc2fa..00000000
--- a/.changeset/breezy-cats-heal.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-fix: createImageBitmap throws DOMException if source is 0 width or height
diff --git a/.changeset/breezy-mice-breathe.md b/.changeset/breezy-mice-breathe.md
deleted file mode 100644
index b3b56424..00000000
--- a/.changeset/breezy-mice-breathe.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-safely capture BigInt values with the console log plugin"
diff --git a/.changeset/bright-socks-clap.md b/.changeset/bright-socks-clap.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/bright-socks-clap.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/calm-bulldogs-speak.md b/.changeset/calm-bulldogs-speak.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/calm-bulldogs-speak.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/calm-oranges-sin.md b/.changeset/calm-oranges-sin.md
deleted file mode 100644
index a1449698..00000000
--- a/.changeset/calm-oranges-sin.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-fix: Fix checking for `patchTarget` in `initAdoptedStyleSheetObserver`
diff --git a/.changeset/chatty-cherries-train.md b/.changeset/chatty-cherries-train.md
deleted file mode 100644
index 18c275f0..00000000
--- a/.changeset/chatty-cherries-train.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-Fix the statement which is getting changed by Microbundle
diff --git a/.changeset/chilled-penguins-sin.md b/.changeset/chilled-penguins-sin.md
deleted file mode 100644
index 060744a0..00000000
--- a/.changeset/chilled-penguins-sin.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"rrdom": patch
----
-
-Ignore invalid DOM attributes when diffing
diff --git a/.changeset/clean-plants-play.md b/.changeset/clean-plants-play.md
deleted file mode 100644
index 809dae8d..00000000
--- a/.changeset/clean-plants-play.md
+++ /dev/null
@@ -1,9 +0,0 @@
----
-'rrweb': patch
-'@rrweb/types': patch
----
-
-Compact style mutation fixes and improvements
-
-- fixes when style updates contain a 'var()' on a shorthand property #1246
-- further ensures that style mutations are compact by reverting to string method if it is shorter
diff --git a/.changeset/clean-shrimps-lay.md b/.changeset/clean-shrimps-lay.md
deleted file mode 100644
index 01c2d6b7..00000000
--- a/.changeset/clean-shrimps-lay.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-'rrweb': patch
----
-
-feat: Add `ignoreSelector` option
-
-Similar to ignoreClass, but accepts a CSS selector so that you can use any CSS selector.
diff --git a/.changeset/cold-eyes-hunt.md b/.changeset/cold-eyes-hunt.md
deleted file mode 100644
index ac3a8be1..00000000
--- a/.changeset/cold-eyes-hunt.md
+++ /dev/null
@@ -1,8 +0,0 @@
----
-'rrdom': patch
----
-
-Fix: rrdom bugs
-
-1. Fix a bug in the diff algorithm.
-2. Omit the 'srcdoc' attribute of iframes to avoid overwriting content.
diff --git a/.changeset/cold-hounds-teach.md b/.changeset/cold-hounds-teach.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/cold-hounds-teach.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/config.json b/.changeset/config.json
index 89ad04bb..e862bb65 100644
--- a/.changeset/config.json
+++ b/.changeset/config.json
@@ -15,6 +15,7 @@
       "@rrweb/types",
       "@rrweb/packer",
       "@rrweb/utils",
+      "@rrweb/browser-client",
       "@rrweb/web-extension",
       "rrvideo",
       "@rrweb/rrweb-plugin-console-record",
@@ -22,7 +23,9 @@
       "@rrweb/rrweb-plugin-sequential-id-record",
       "@rrweb/rrweb-plugin-sequential-id-replay",
       "@rrweb/rrweb-plugin-canvas-webrtc-record",
-      "@rrweb/rrweb-plugin-canvas-webrtc-replay"
+      "@rrweb/rrweb-plugin-canvas-webrtc-replay",
+      "@rrweb/rrweb-plugin-network-record",
+      "@rrweb/rrweb-plugin-network-replay"
     ]
   ],
   "linked": [],
diff --git a/.changeset/controller-finish-flag.md b/.changeset/controller-finish-flag.md
deleted file mode 100644
index 567e5db4..00000000
--- a/.changeset/controller-finish-flag.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'rrweb-player': patch
-'rrweb': patch
----
-
-Reset the finished flag in Controller `goto` instead of `handleProgressClick` so that it is properly handled if `goto` is called directly.
diff --git a/.changeset/cool-grapes-hug.md b/.changeset/cool-grapes-hug.md
deleted file mode 100644
index cde43b29..00000000
--- a/.changeset/cool-grapes-hug.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrdom': patch
----
-
-Support `loop` in `RRMediaElement`
diff --git a/.changeset/cool-horses-bow.md b/.changeset/cool-horses-bow.md
deleted file mode 100644
index 220bb217..00000000
--- a/.changeset/cool-horses-bow.md
+++ /dev/null
@@ -1,14 +0,0 @@
----
-"@rrweb/rrweb-plugin-canvas-webrtc-record": patch
-"@rrweb/rrweb-plugin-canvas-webrtc-replay": patch
-"@rrweb/rrweb-plugin-sequential-id-record": patch
-"@rrweb/rrweb-plugin-sequential-id-replay": patch
-"@rrweb/rrweb-plugin-console-record": patch
-"@rrweb/rrweb-plugin-console-replay": patch
-"@rrweb/packer": patch
-"@rrweb/record": patch
-"@rrweb/replay": patch
-"@rrweb/all": patch
----
-
-Keep package version in sync with other packages
diff --git a/.changeset/cuddly-bikes-fail.md b/.changeset/cuddly-bikes-fail.md
deleted file mode 100644
index 0c99160c..00000000
--- a/.changeset/cuddly-bikes-fail.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-"rrweb-snapshot": patch
-"rrweb": patch
----
-
-fix: duplicate textContent for style elements cause incremental style mutations to be invalid
diff --git a/.changeset/cuddly-readers-warn.md b/.changeset/cuddly-readers-warn.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/cuddly-readers-warn.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/curvy-apples-lay.md b/.changeset/curvy-apples-lay.md
deleted file mode 100644
index 9072a2ad..00000000
--- a/.changeset/curvy-apples-lay.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'rrweb-snapshot': patch
-'rrweb': patch
----
-
-Extend to run fixBrowserCompatibilityIssuesInCSS over inline stylesheets
diff --git a/.changeset/curvy-balloons-brake.md b/.changeset/curvy-balloons-brake.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/curvy-balloons-brake.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/date-now-guard.md b/.changeset/date-now-guard.md
deleted file mode 100644
index 2e0ac5e7..00000000
--- a/.changeset/date-now-guard.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-Guard against presence of older 3rd party javascript libraries which redefine Date.now()
diff --git a/.changeset/dirty-pets-fly.md b/.changeset/dirty-pets-fly.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/dirty-pets-fly.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/dirty-rules-dress.md b/.changeset/dirty-rules-dress.md
deleted file mode 100644
index 19b2070f..00000000
--- a/.changeset/dirty-rules-dress.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb-snapshot': minor
----
-
-Video and Audio elements now also capture `playbackRate`, `muted`, `loop`, `volume`.
diff --git a/.changeset/efficiently-splitCssText-1603.md b/.changeset/efficiently-splitCssText-1603.md
deleted file mode 100644
index 57c6d5e6..00000000
--- a/.changeset/efficiently-splitCssText-1603.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-"rrweb-snapshot": patch
-"rrweb": patch
----
-
-Improve performance of splitCssText for <style> elements with large css content - see #1603
diff --git a/.changeset/efficiently-splitCssText-1640.md b/.changeset/efficiently-splitCssText-1640.md
deleted file mode 100644
index 57c6d5e6..00000000
--- a/.changeset/efficiently-splitCssText-1640.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-"rrweb-snapshot": patch
-"rrweb": patch
----
-
-Improve performance of splitCssText for <style> elements with large css content - see #1603
diff --git a/.changeset/eight-terms-hunt.md b/.changeset/eight-terms-hunt.md
deleted file mode 100644
index f5dc1d0e..00000000
--- a/.changeset/eight-terms-hunt.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-Fix: Switch from virtual dom to real dom before rebuilding fullsnapshot
diff --git a/.changeset/eighty-teachers-smash.md b/.changeset/eighty-teachers-smash.md
deleted file mode 100644
index e26a2157..00000000
--- a/.changeset/eighty-teachers-smash.md
+++ /dev/null
@@ -1,8 +0,0 @@
----
-"@rrweb/rrweb-plugin-canvas-webrtc-replay": patch
-"@rrweb/rrweb-plugin-sequential-id-replay": patch
-"@rrweb/rrweb-plugin-console-replay": patch
-"rrweb": patch
----
-
-Export `ReplayPlugin` from rrweb directly. Previously we had to do `import type { ReplayPlugin } from 'rrweb/dist/types';` now we can do `import type { ReplayPlugin } from 'rrweb';`
diff --git a/.changeset/eleven-bobcats-peel.md b/.changeset/eleven-bobcats-peel.md
deleted file mode 100644
index e3dbcf91..00000000
--- a/.changeset/eleven-bobcats-peel.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-"rrweb-snapshot": patch
-"rrweb": patch
----
-
-better support for coexistence with older libraries (e.g. MooTools & Prototype.js) which modify the in-built `Array.from` function
diff --git a/.changeset/eleven-toys-vanish.md b/.changeset/eleven-toys-vanish.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/eleven-toys-vanish.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/empty-bikes-cheer.md b/.changeset/empty-bikes-cheer.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/empty-bikes-cheer.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/eslint-camelcase-devonly.md b/.changeset/eslint-camelcase-devonly.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/eslint-camelcase-devonly.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/event-single-wrap.md b/.changeset/event-single-wrap.md
deleted file mode 100644
index c659c015..00000000
--- a/.changeset/event-single-wrap.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-perf: Avoid an extra function call and object clone during event emission
diff --git a/.changeset/fair-dragons-greet.md b/.changeset/fair-dragons-greet.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/fair-dragons-greet.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/fair-ducks-clean.md b/.changeset/fair-ducks-clean.md
deleted file mode 100644
index 19269db7..00000000
--- a/.changeset/fair-ducks-clean.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-"rrweb-snapshot": patch
-"rrweb": patch
----
-
-Fix and test for bug #1457 which was affecting replay of complex tailwind css
diff --git a/.changeset/famous-bobcats-push.md b/.changeset/famous-bobcats-push.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/famous-bobcats-push.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/fast-chefs-smell.md b/.changeset/fast-chefs-smell.md
deleted file mode 100644
index 34125c4e..00000000
--- a/.changeset/fast-chefs-smell.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-Fix: [#1178](https://github.com/rrweb-io/rrweb/issues/1178) remove warning related to worker_threads while building
diff --git a/.changeset/fast-pets-exist.md b/.changeset/fast-pets-exist.md
deleted file mode 100644
index 82d52163..00000000
--- a/.changeset/fast-pets-exist.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-"rrweb-snapshot": patch
-"rrweb": patch
----
-
-Fixup for multiple background-clip replacement
diff --git a/.changeset/few-rockets-travel.md b/.changeset/few-rockets-travel.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/few-rockets-travel.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/few-turkeys-reflect.md b/.changeset/few-turkeys-reflect.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/few-turkeys-reflect.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/five-peas-lay.md b/.changeset/five-peas-lay.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/five-peas-lay.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/fix-adapt-css.md b/.changeset/fix-adapt-css.md
deleted file mode 100644
index 428f5833..00000000
--- a/.changeset/fix-adapt-css.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-"rrweb": patch
-"rrweb-snapshot": patch
----
-
-#1575 Fix that postcss could fall over when trying to process css content split arbitrarily
diff --git a/.changeset/fluffy-planes-retire.md b/.changeset/fluffy-planes-retire.md
deleted file mode 100644
index 41e96017..00000000
--- a/.changeset/fluffy-planes-retire.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-Feat: Add support for replaying :defined pseudo-class of custom elements
diff --git a/.changeset/format-head-prettier.md b/.changeset/format-head-prettier.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/format-head-prettier.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/forty-elephants-attack.md b/.changeset/forty-elephants-attack.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/forty-elephants-attack.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/four-panthers-fly.md b/.changeset/four-panthers-fly.md
deleted file mode 100644
index 6bb92a03..00000000
--- a/.changeset/four-panthers-fly.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@rrweb/web-extension": patch
----
-
-web-extension: improve recording stability across tabs and enable session import
diff --git a/.changeset/fresh-cars-impress.md b/.changeset/fresh-cars-impress.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/fresh-cars-impress.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/fresh-spoons-drive.md b/.changeset/fresh-spoons-drive.md
deleted file mode 100644
index b9941037..00000000
--- a/.changeset/fresh-spoons-drive.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-Fix: processed-node-manager is created even in the environment that doesn't need a recorder
diff --git a/.changeset/friendly-numbers-leave.md b/.changeset/friendly-numbers-leave.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/friendly-numbers-leave.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/fuzzy-mugs-march.md b/.changeset/fuzzy-mugs-march.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/fuzzy-mugs-march.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/giant-rats-chew.md b/.changeset/giant-rats-chew.md
deleted file mode 100644
index 8f28c5f7..00000000
--- a/.changeset/giant-rats-chew.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"rrweb": patch
----
-
-Export takeFullSnapshot function for a recording process
diff --git a/.changeset/gold-apples-joke.md b/.changeset/gold-apples-joke.md
deleted file mode 100644
index 4ad27974..00000000
--- a/.changeset/gold-apples-joke.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-ref: Avoid unnecessary cloning of objects or arrays
diff --git a/.changeset/gold-experts-type.md b/.changeset/gold-experts-type.md
deleted file mode 100644
index 1074e7e6..00000000
--- a/.changeset/gold-experts-type.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@rrweb/rrweb-plugin-console-record": patch
----
-
-corrects behaviour of console.assert logging to only capture logs when the provided assertion is falsey
diff --git a/.changeset/gold-terms-look.md b/.changeset/gold-terms-look.md
deleted file mode 100644
index 4ad33334..00000000
--- a/.changeset/gold-terms-look.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-perf: optimize performance of the DoubleLinkedList get
diff --git a/.changeset/great-cows-camp.md b/.changeset/great-cows-camp.md
deleted file mode 100644
index 88508ff6..00000000
--- a/.changeset/great-cows-camp.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-"@rrweb/record": patch
-"rrweb": patch
----
-
-Added support for deprecated addRule & removeRule methods
diff --git a/.changeset/grumpy-ways-own.md b/.changeset/grumpy-ways-own.md
deleted file mode 100644
index f3416921..00000000
--- a/.changeset/grumpy-ways-own.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-'rrweb-snapshot': patch
----
-
-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.
-
-Related bug report to Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=1816672​
diff --git a/.changeset/happy-carrots-hide.md b/.changeset/happy-carrots-hide.md
deleted file mode 100644
index c5825b40..00000000
--- a/.changeset/happy-carrots-hide.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"rrweb-snapshot": minor
----
-
-Record dialog's modal status for replay in rrweb. (Currently triggering `dialog.showModal()` is not supported in rrweb-snapshot's rebuild)
diff --git a/.changeset/hip-worms-relax.md b/.changeset/hip-worms-relax.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/hip-worms-relax.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/hungry-dodos-taste.md b/.changeset/hungry-dodos-taste.md
deleted file mode 100644
index 76217d07..00000000
--- a/.changeset/hungry-dodos-taste.md
+++ /dev/null
@@ -1,10 +0,0 @@
----
-'rrweb-snapshot': patch
----
-
-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
diff --git a/.changeset/inlineImage-maybeNot-crossOrigin.md b/.changeset/inlineImage-maybeNot-crossOrigin.md
deleted file mode 100644
index 89eb7bb3..00000000
--- a/.changeset/inlineImage-maybeNot-crossOrigin.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-"rrweb": patch
-"rrweb-snapshot": patch
----
-
-inlineImages: during snapshot avoid adding an event listener for inlining of same-origin images (async listener mutates the snapshot which can be problematic)
diff --git a/.changeset/itchy-dryers-double.md b/.changeset/itchy-dryers-double.md
deleted file mode 100644
index 67fc6f6e..00000000
--- a/.changeset/itchy-dryers-double.md
+++ /dev/null
@@ -1,8 +0,0 @@
----
-'rrweb-player': patch
-'rrweb-snapshot': patch
-'rrweb': patch
-'@rrweb/types': patch
----
-
-Upgrade all projects to typescript 4.9.5
diff --git a/.changeset/itchy-tables-compete.md b/.changeset/itchy-tables-compete.md
deleted file mode 100644
index e5454659..00000000
--- a/.changeset/itchy-tables-compete.md
+++ /dev/null
@@ -1,8 +0,0 @@
----
-"@rrweb/rrweb-plugin-console-record": patch
-"@rrweb/record": patch
-"rrweb": patch
-"@rrweb/utils": patch
----
-
-Move patch function into @rrweb/utils to improve bundling
diff --git a/.changeset/khaki-dots-bathe.md b/.changeset/khaki-dots-bathe.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/khaki-dots-bathe.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/kind-kids-design.md b/.changeset/kind-kids-design.md
deleted file mode 100644
index 764d3fde..00000000
--- a/.changeset/kind-kids-design.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"rrweb": patch
----
-
-Optimize performance of isParentRemoved by converting it to an iterative procedure
diff --git a/.changeset/large-ants-prove.md b/.changeset/large-ants-prove.md
deleted file mode 100644
index 9c7681be..00000000
--- a/.changeset/large-ants-prove.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'rrweb-snapshot': patch
-'rrweb': patch
----
-
-Fix: Make relative path detection in stylesheet URLs to detect more types of URL protocols when inlining stylesheets.
diff --git a/.changeset/last-jest-to-vitest.md b/.changeset/last-jest-to-vitest.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/last-jest-to-vitest.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/lazy-squids-draw.md b/.changeset/lazy-squids-draw.md
deleted file mode 100644
index 45718e4c..00000000
--- a/.changeset/lazy-squids-draw.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-export the canvasMutation function
diff --git a/.changeset/lazy-toes-confess.md b/.changeset/lazy-toes-confess.md
deleted file mode 100644
index f3e159a6..00000000
--- a/.changeset/lazy-toes-confess.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrvideo': patch
----
-
-Refactor: Improve the video quality and add a progress bar for the CLI tool
diff --git a/.changeset/lemon-lamps-switch.md b/.changeset/lemon-lamps-switch.md
deleted file mode 100644
index b325dfe2..00000000
--- a/.changeset/lemon-lamps-switch.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-export eventWithTime for consumption by typescript code
diff --git a/.changeset/light-fireants-exercise.md b/.changeset/light-fireants-exercise.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/light-fireants-exercise.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/little-radios-thank.md b/.changeset/little-radios-thank.md
deleted file mode 100644
index ea9c3f60..00000000
--- a/.changeset/little-radios-thank.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-Guard against redefinition of Date.now by third party libraries which are also present on a page alongside rrweb
diff --git a/.changeset/little-suits-leave.md b/.changeset/little-suits-leave.md
deleted file mode 100644
index a1252ead..00000000
--- a/.changeset/little-suits-leave.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'rrweb': minor
-'@rrweb/types': minor
----
-
-click events now include a `.pointerType` attribute which distinguishes between ['pen', 'mouse' and 'touch' events](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/pointerType). There is no new PenDown/PenUp events, but these can be detected with a MouseDown/MouseUp + pointerType=pen
diff --git a/.changeset/live-timer-carryon.md b/.changeset/live-timer-carryon.md
new file mode 100644
index 00000000..dfc2aad4
--- /dev/null
+++ b/.changeset/live-timer-carryon.md
@@ -0,0 +1,6 @@
+---
+"rrweb": patch
+"@rrweb/replay": patch
+---
+
+Fix that the replayer `getCurrentTime()` was getting 'stuck' in liveMode after last event was exhausted
diff --git a/.changeset/loud-seals-raise.md b/.changeset/loud-seals-raise.md
deleted file mode 100644
index fb7309d2..00000000
--- a/.changeset/loud-seals-raise.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'rrweb-snapshot': patch
-'rrweb': patch
----
-
-Fix duplicated shadow doms
diff --git a/.changeset/lovely-files-sparkle.md b/.changeset/lovely-files-sparkle.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/lovely-files-sparkle.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/lovely-pears-cross.md b/.changeset/lovely-pears-cross.md
deleted file mode 100644
index edf88c50..00000000
--- a/.changeset/lovely-pears-cross.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@rrweb/web-extension': patch
----
-
-Add rrweb browser extension
diff --git a/.changeset/lovely-students-boil.md b/.changeset/lovely-students-boil.md
deleted file mode 100644
index 9c710bf1..00000000
--- a/.changeset/lovely-students-boil.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'rrweb-snapshot': patch
-'rrweb': patch
----
-
-fix: Ensure attributes are lowercased when checking
diff --git a/.changeset/lucky-donuts-hammer.md b/.changeset/lucky-donuts-hammer.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/lucky-donuts-hammer.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/mean-tips-impress.md b/.changeset/mean-tips-impress.md
deleted file mode 100644
index b6b00221..00000000
--- a/.changeset/mean-tips-impress.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-perf: optimize the performance of record in processMutation phase
diff --git a/.changeset/metal-mugs-mate.md b/.changeset/metal-mugs-mate.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/metal-mugs-mate.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/mighty-ads-worry.md b/.changeset/mighty-ads-worry.md
deleted file mode 100644
index 1906ac89..00000000
--- a/.changeset/mighty-ads-worry.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': minor
----
-
-Full overhawl of `video` and `audio` element playback. More robust and fixes lots of bugs related to pausing/playing/skipping/muting/playbackRate etc.
diff --git a/.changeset/mighty-bulldogs-begin.md b/.changeset/mighty-bulldogs-begin.md
deleted file mode 100644
index b2623ab7..00000000
--- a/.changeset/mighty-bulldogs-begin.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@rrweb/web-extension': patch
----
-
-Update `vite.config.ts` to account for all potential entry types.
diff --git a/.changeset/mighty-frogs-sparkle.md b/.changeset/mighty-frogs-sparkle.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/mighty-frogs-sparkle.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/modern-doors-watch.md b/.changeset/modern-doors-watch.md
deleted file mode 100644
index b74bfbad..00000000
--- a/.changeset/modern-doors-watch.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb-snapshot': patch
----
-
-better nested css selector splitting when commas or brackets happen to be in quoted text
diff --git a/.changeset/moody-dots-refuse.md b/.changeset/moody-dots-refuse.md
deleted file mode 100644
index 32270da3..00000000
--- a/.changeset/moody-dots-refuse.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-use WeakMap for faster attributeCursor lookup while processing attribute mutations
diff --git a/.changeset/moody-experts-build.md b/.changeset/moody-experts-build.md
deleted file mode 100644
index fb2c399a..00000000
--- a/.changeset/moody-experts-build.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@rrweb/record": patch
----
-
-Correctly detect when angular has wrapped mutation observer
diff --git a/.changeset/nasty-scissors-reply.md b/.changeset/nasty-scissors-reply.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/nasty-scissors-reply.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/nervous-buses-pump.md b/.changeset/nervous-buses-pump.md
deleted file mode 100644
index 49b76171..00000000
--- a/.changeset/nervous-buses-pump.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-fix: Resize and MediaInteraction events repeat generated after the iframe appeared
diff --git a/.changeset/nervous-kiwis-nail.md b/.changeset/nervous-kiwis-nail.md
deleted file mode 100644
index 897df7ed..00000000
--- a/.changeset/nervous-kiwis-nail.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'rrweb-snapshot': patch
-'rrweb': patch
----
-
-Bugfix after #1434 perf improvements: fix that blob urls persist on the shared anchor element and can't be later modified
diff --git a/.changeset/nervous-mirrors-perform.md b/.changeset/nervous-mirrors-perform.md
deleted file mode 100644
index 46cf31fe..00000000
--- a/.changeset/nervous-mirrors-perform.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'rrweb-snapshot': patch
-'rrweb': patch
----
-
-Perf: Avoid creation of intermediary array when iterating over style rules
diff --git a/.changeset/nervous-poets-grin.md b/.changeset/nervous-poets-grin.md
deleted file mode 100644
index 084e1c55..00000000
--- a/.changeset/nervous-poets-grin.md
+++ /dev/null
@@ -1,9 +0,0 @@
----
-'rrdom': patch
-'rrdom-nodejs': patch
-'rrweb': patch
-'rrweb-player': patch
-'rrweb-snapshot': patch
----
-
-Refactor all suffix of bundled scripts with commonjs module from 'js' to cjs [#1087](https://github.com/rrweb-io/rrweb/pull/1087).
diff --git a/.changeset/nervous-tables-travel.md b/.changeset/nervous-tables-travel.md
deleted file mode 100644
index d190cbe8..00000000
--- a/.changeset/nervous-tables-travel.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'rrweb-snapshot': minor
-'rrweb': minor
----
-
-feat: Extends maskInputFn to pass the HTMLElement to the deciding function
diff --git a/.changeset/new-snakes-call.md b/.changeset/new-snakes-call.md
deleted file mode 100644
index c5b9e2a6..00000000
--- a/.changeset/new-snakes-call.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'rrweb-snapshot': minor
-'rrweb': minor
----
-
-feat: Ensure password inputs remain masked when switching input type
diff --git a/.changeset/nice-pugs-reply.md b/.changeset/nice-pugs-reply.md
deleted file mode 100644
index 04c655a6..00000000
--- a/.changeset/nice-pugs-reply.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-fix: Ensure getting the type of inputs works
diff --git a/.changeset/no-neg-lookbehind.md b/.changeset/no-neg-lookbehind.md
deleted file mode 100644
index f152328e..00000000
--- a/.changeset/no-neg-lookbehind.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-"rrweb-snapshot": patch
-"rrweb": patch
----
-
-Replay: Replace negative lookbehind in regexes from css parser as it causes issues with Safari 16
diff --git a/.changeset/odd-onions-brush.md b/.changeset/odd-onions-brush.md
deleted file mode 100644
index a0996ee8..00000000
--- a/.changeset/odd-onions-brush.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@rrweb/web-extension": patch
----
-
-fix: remove the permission not needed and update the player style link
diff --git a/.changeset/old-dryers-hide.md b/.changeset/old-dryers-hide.md
deleted file mode 100644
index 1b3e3399..00000000
--- a/.changeset/old-dryers-hide.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb-snapshot': minor
----
-
-feat: Ignore `autoplay` attribute on video/audio elements
diff --git a/.changeset/perfect-bulldogs-punch.md b/.changeset/perfect-bulldogs-punch.md
deleted file mode 100644
index 3311a7bf..00000000
--- a/.changeset/perfect-bulldogs-punch.md
+++ /dev/null
@@ -1,12 +0,0 @@
----
-"@rrweb/rrweb-plugin-canvas-webrtc-record": major
-"@rrweb/rrweb-plugin-canvas-webrtc-replay": major
-"@rrweb/rrweb-plugin-sequential-id-record": major
-"@rrweb/rrweb-plugin-sequential-id-replay": major
-"@rrweb/rrweb-plugin-console-record": major
-"@rrweb/rrweb-plugin-console-replay": major
-"@rrweb/packer": major
-"rrweb": major
----
-
-Split plugins out of rrweb and move them into their own packages: @rrweb/packer, @rrweb/rrweb-plugin-canvas-webrtc-record, @rrweb/rrweb-plugin-canvas-webrtc-replay, @rrweb/rrweb-plugin-sequential-id-record, @rrweb/rrweb-plugin-sequential-id-replay, @rrweb/rrweb-plugin-console-record, @rrweb/rrweb-plugin-console-replay. Check out the README of each package for more information or check out https://github.com/rrweb-io/rrweb/pull/1033 to see the changes.
diff --git a/.changeset/perfect-dolls-grab.md b/.changeset/perfect-dolls-grab.md
deleted file mode 100644
index 78e03a8e..00000000
--- a/.changeset/perfect-dolls-grab.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"rrweb-snapshot": patch
----
-
-fix dimensions for blocked element not being applied
diff --git a/.changeset/polite-olives-wave.md b/.changeset/polite-olives-wave.md
deleted file mode 100644
index 1d3e5987..00000000
--- a/.changeset/polite-olives-wave.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-Add 'recordDOM' config option to turn off recording of DOM (making recordings unreplayable). Specialist use case e.g. only heatmap click/scroll recording
diff --git a/.changeset/pre.json b/.changeset/pre.json
deleted file mode 100644
index b0587365..00000000
--- a/.changeset/pre.json
+++ /dev/null
@@ -1,176 +0,0 @@
-{
-  "mode": "pre",
-  "tag": "alpha",
-  "initialVersions": {
-    "rrdom": "0.1.7",
-    "rrdom-nodejs": "0.1.7",
-    "rrweb": "2.0.0-alpha.4",
-    "rrweb-player": "1.0.0-alpha.4",
-    "rrweb-snapshot": "2.0.0-alpha.4",
-    "@rrweb/types": "2.0.0-alpha.4",
-    "@rrweb/web-extension": "2.0.0-alpha.4",
-    "rrvideo": "2.0.0-alpha.6",
-    "@rrweb/all": "2.0.0-alpha.14",
-    "@rrweb/packer": "2.0.0-alpha.14",
-    "@rrweb/rrweb-plugin-canvas-webrtc-record": "2.0.0-alpha.14",
-    "@rrweb/rrweb-plugin-canvas-webrtc-replay": "2.0.0-alpha.14",
-    "@rrweb/rrweb-plugin-console-record": "2.0.0-alpha.14",
-    "@rrweb/rrweb-plugin-console-replay": "2.0.0-alpha.14",
-    "@rrweb/rrweb-plugin-sequential-id-record": "2.0.0-alpha.14",
-    "@rrweb/rrweb-plugin-sequential-id-replay": "2.0.0-alpha.14",
-    "@rrweb/record": "2.0.0-alpha.14",
-    "@rrweb/replay": "2.0.0-alpha.14",
-    "@rrweb/utils": "2.0.0-alpha.16"
-  },
-  "changesets": [
-    "attribute-text-reductions",
-    "beige-olives-roll",
-    "brave-numbers-joke",
-    "breezy-cats-heal",
-    "breezy-mice-breathe",
-    "bright-socks-clap",
-    "calm-bulldogs-speak",
-    "calm-oranges-sin",
-    "chatty-cherries-train",
-    "chilled-penguins-sin",
-    "clean-plants-play",
-    "clean-shrimps-lay",
-    "cold-eyes-hunt",
-    "cold-hounds-teach",
-    "controller-finish-flag",
-    "cool-grapes-hug",
-    "cool-horses-bow",
-    "cuddly-bikes-fail",
-    "cuddly-readers-warn",
-    "curvy-apples-lay",
-    "curvy-balloons-brake",
-    "date-now-guard",
-    "dirty-rules-dress",
-    "eight-terms-hunt",
-    "eighty-teachers-smash",
-    "eleven-bobcats-peel",
-    "eleven-toys-vanish",
-    "empty-bikes-cheer",
-    "event-single-wrap",
-    "fair-dragons-greet",
-    "fair-ducks-clean",
-    "fast-chefs-smell",
-    "fast-pets-exist",
-    "few-rockets-travel",
-    "few-turkeys-reflect",
-    "five-peas-lay",
-    "fluffy-planes-retire",
-    "format-head-prettier",
-    "forty-elephants-attack",
-    "fresh-cars-impress",
-    "fresh-spoons-drive",
-    "friendly-numbers-leave",
-    "giant-rats-chew",
-    "gold-apples-joke",
-    "gold-experts-type",
-    "gold-terms-look",
-    "great-cows-camp",
-    "grumpy-ways-own",
-    "happy-carrots-hide",
-    "hip-worms-relax",
-    "hungry-dodos-taste",
-    "inlineImage-maybeNot-crossOrigin",
-    "itchy-dryers-double",
-    "khaki-dots-bathe",
-    "kind-kids-design",
-    "large-ants-prove",
-    "last-jest-to-vitest",
-    "lazy-squids-draw",
-    "lazy-toes-confess",
-    "lemon-lamps-switch",
-    "light-fireants-exercise",
-    "little-radios-thank",
-    "little-suits-leave",
-    "loud-seals-raise",
-    "lovely-files-sparkle",
-    "lovely-pears-cross",
-    "lovely-students-boil",
-    "mean-tips-impress",
-    "metal-mugs-mate",
-    "mighty-ads-worry",
-    "mighty-bulldogs-begin",
-    "mighty-frogs-sparkle",
-    "modern-doors-watch",
-    "moody-dots-refuse",
-    "moody-experts-build",
-    "nasty-scissors-reply",
-    "nervous-buses-pump",
-    "nervous-kiwis-nail",
-    "nervous-mirrors-perform",
-    "nervous-poets-grin",
-    "nervous-tables-travel",
-    "new-snakes-call",
-    "nice-pugs-reply",
-    "no-neg-lookbehind",
-    "old-dryers-hide",
-    "perfect-bulldogs-punch",
-    "perfect-dolls-grab",
-    "polite-olives-wave",
-    "pretty-meals-flash",
-    "pretty-plums-rescue",
-    "pretty-schools-remember",
-    "proud-clocks-hope",
-    "proud-experts-jam",
-    "purple-carrots-film",
-    "rare-adults-sneeze",
-    "real-masks-explode",
-    "real-trains-switch",
-    "rich-crews-protect",
-    "rich-dots-lay",
-    "rich-jars-remember",
-    "rotten-spies-enjoy",
-    "serious-ants-juggle",
-    "serious-eggs-greet",
-    "shadow-dom-unbusify",
-    "silent-plants-perform",
-    "silly-knives-chew",
-    "silver-pots-sit",
-    "silver-windows-float",
-    "simplifify-hover-replacement",
-    "single-style-capture",
-    "six-llamas-brush",
-    "sixty-impalas-laugh",
-    "skip-mask-check-on-leaf-elements",
-    "slimy-eagles-grow",
-    "small-hats-kneel",
-    "small-olives-arrive",
-    "smart-ears-refuse",
-    "smart-geckos-cover",
-    "smooth-papayas-boil",
-    "smooth-poems-bake",
-    "soft-worms-tan",
-    "spotty-bees-destroy",
-    "stupid-ghosts-help",
-    "swift-dancers-rest",
-    "swift-peas-film",
-    "swift-pots-search",
-    "thin-vans-applaud",
-    "thirty-baboons-punch",
-    "three-baboons-bow",
-    "tidy-swans-repair",
-    "tidy-yaks-joke",
-    "tiny-buckets-love",
-    "tiny-candles-whisper",
-    "tiny-chairs-build",
-    "title-deanimate-option",
-    "tricky-panthers-guess",
-    "twenty-goats-kneel",
-    "twenty-lies-switch",
-    "twenty-planets-repeat",
-    "two-boats-boil",
-    "unlucky-mirrors-invite",
-    "violet-melons-itch",
-    "violet-zebras-cry",
-    "wicked-dolphins-tie",
-    "wicked-lions-return",
-    "wise-spiders-jog",
-    "witty-kids-talk",
-    "yellow-mails-cheat",
-    "young-timers-grow"
-  ]
-}
diff --git a/.changeset/pretty-meals-flash.md b/.changeset/pretty-meals-flash.md
deleted file mode 100644
index 0a1b7586..00000000
--- a/.changeset/pretty-meals-flash.md
+++ /dev/null
@@ -1,20 +0,0 @@
----
-"@rrweb/all": major
-"@rrweb/packer": major
-"@rrweb/rrweb-plugin-canvas-webrtc-record": major
-"@rrweb/rrweb-plugin-canvas-webrtc-replay": major
-"@rrweb/rrweb-plugin-console-record": major
-"@rrweb/rrweb-plugin-console-replay": major
-"@rrweb/rrweb-plugin-sequential-id-record": major
-"@rrweb/rrweb-plugin-sequential-id-replay": major
-"@rrweb/record": major
-"@rrweb/replay": major
-"rrdom": major
-"rrdom-nodejs": major
-"rrweb": major
-"rrweb-player": major
-"rrweb-snapshot": major
-"@rrweb/types": major
----
-
-Distributed files have new filenames, paths and extensions. **Important: If you reference distributed files or types directly, you might have to update your paths/filenames. E.g. you import from `rrweb/typings/...` or `rrdom/es`. However you run `import rrweb from 'rrweb'` you won't notice a difference with this change.** If you include rrweb files directly in a script tag, you might have to update that path to include a the `.umd.cjs` files instead. All `.js` files now use ES modules which can be used in modern browsers, node.js and bundlers that support ES modules. All npm packages now also ship `.cjs` and `.umd.cjs` files. The `.umd.cjs` files are CommonJS modules that bundle all files together to make it easy to ship one file to browser environments (similar to the previous `.js` files). The `.cjs` files are CommonJS modules that can be used in older Node.js environments. Types should be better defined in `package.json` and if you need specific types they might be exported from new packages (for example `PlayerMachineState` and `SpeedMachineState` are now exported from `@rrweb/replay`). Check the `package.json`'s `main` and `exports` field for the available files.
diff --git a/.changeset/pretty-plums-rescue.md b/.changeset/pretty-plums-rescue.md
deleted file mode 100644
index a360088c..00000000
--- a/.changeset/pretty-plums-rescue.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': minor
----
-
-feat: Allow to pass `errorHandler` as record option
diff --git a/.changeset/pretty-schools-remember.md b/.changeset/pretty-schools-remember.md
deleted file mode 100644
index 920125d1..00000000
--- a/.changeset/pretty-schools-remember.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb-snapshot': patch
----
-
-Improve: Add try catch to snapshot.ts 's masking text function. Fixes [#1118](https://github.com/rrweb-io/rrweb/issues/1118).
diff --git a/.changeset/proud-clocks-hope.md b/.changeset/proud-clocks-hope.md
deleted file mode 100644
index 692b2081..00000000
--- a/.changeset/proud-clocks-hope.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"rrweb-snapshot": patch
----
-
-(when `recordCanvas: true`): ensure we use doc.createElement instead of document.createElement to allow use in non-browser e.g. jsdom environments
diff --git a/.changeset/proud-experts-jam.md b/.changeset/proud-experts-jam.md
deleted file mode 100644
index fa60839b..00000000
--- a/.changeset/proud-experts-jam.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-For a mutation which removes a node, reduce the number of spurious warnings to take into account that an anscestor (rather than just a parent) may have been just removed
diff --git a/.changeset/purple-carrots-film.md b/.changeset/purple-carrots-film.md
deleted file mode 100644
index b5a9c9ed..00000000
--- a/.changeset/purple-carrots-film.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"rrweb": patch
----
-
-Fix: some nested cross-origin iframes can't be recorded
diff --git a/.changeset/rare-adults-sneeze.md b/.changeset/rare-adults-sneeze.md
deleted file mode 100644
index 02998913..00000000
--- a/.changeset/rare-adults-sneeze.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'rrweb-snapshot': patch
-'rrweb': patch
----
-
-Don't double-record the values of <textarea>s when they already have some content prefilled #1301
diff --git a/.changeset/real-masks-explode.md b/.changeset/real-masks-explode.md
deleted file mode 100644
index 67034354..00000000
--- a/.changeset/real-masks-explode.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrdom': patch
----
-
-Fix: If RRNode appends a single child twice, children of the node will become an infinite link list.
diff --git a/.changeset/real-trains-switch.md b/.changeset/real-trains-switch.md
deleted file mode 100644
index 71de4468..00000000
--- a/.changeset/real-trains-switch.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'rrdom': patch
-'rrweb': patch
----
-
-Fix: improve rrdom robustness [#1091](https://github.com/rrweb-io/rrweb/pull/1091).
diff --git a/.changeset/red-peaches-explode.md b/.changeset/red-peaches-explode.md
deleted file mode 100644
index 17923410..00000000
--- a/.changeset/red-peaches-explode.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"rrweb": patch
----
-
-This fixes an issue where inlined CSS from a remotely loaded `<link>` does not get applied properly due to object reference mutation.
diff --git a/.changeset/rich-crews-protect.md b/.changeset/rich-crews-protect.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/rich-crews-protect.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/rich-dots-lay.md b/.changeset/rich-dots-lay.md
deleted file mode 100644
index ba889e44..00000000
--- a/.changeset/rich-dots-lay.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb-snapshot': patch
----
-
-Fix css parsing errors
diff --git a/.changeset/rich-jars-remember.md b/.changeset/rich-jars-remember.md
deleted file mode 100644
index efa613f7..00000000
--- a/.changeset/rich-jars-remember.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb-snapshot': patch
----
-
-Add workaround for Chrome/Edge CSS `@import` escaping bug: https://bugs.chromium.org/p/chromium/issues/detail?id=1472259
diff --git a/.changeset/rotten-spies-enjoy.md b/.changeset/rotten-spies-enjoy.md
deleted file mode 100644
index 5f5954fc..00000000
--- a/.changeset/rotten-spies-enjoy.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-'rrweb-snapshot': patch
-'rrweb': patch
----
-
-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
diff --git a/.changeset/serious-ants-juggle.md b/.changeset/serious-ants-juggle.md
deleted file mode 100644
index e475e122..00000000
--- a/.changeset/serious-ants-juggle.md
+++ /dev/null
@@ -1,10 +0,0 @@
----
-'rrdom': major
-'rrdom-nodejs': major
-'rrweb': patch
----
-
-Refactor: Improve performance by 80% in a super large benchmark case.
-
-1. Refactor: change the data structure of childNodes from array to linked list
-2. Improve the performance of the "contains" function. New algorithm will reduce the complexity from O(n) to O(logn)
diff --git a/.changeset/serious-eggs-greet.md b/.changeset/serious-eggs-greet.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/serious-eggs-greet.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/shadow-dom-unbusify.md b/.changeset/shadow-dom-unbusify.md
deleted file mode 100644
index ca84f9e5..00000000
--- a/.changeset/shadow-dom-unbusify.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"rrweb": patch
----
-
-Refactor to preclude the need for a continuous raf loop running in the background which is related to shadowDom
diff --git a/.changeset/short-hounds-confess.md b/.changeset/short-hounds-confess.md
deleted file mode 100644
index 7cb8b0d5..00000000
--- a/.changeset/short-hounds-confess.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-"rrweb-snapshot": patch
-"rrweb": patch
----
-
-Change to ignore all link[rel="modulepreload"] instead of including only those with `as="script"`
diff --git a/.changeset/shy-countries-rhyme.md b/.changeset/shy-countries-rhyme.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/shy-countries-rhyme.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/silent-plants-perform.md b/.changeset/silent-plants-perform.md
deleted file mode 100644
index 1b234ec2..00000000
--- a/.changeset/silent-plants-perform.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"rrweb": patch
----
-
-Return early for child same origin frames
diff --git a/.changeset/silly-knives-chew.md b/.changeset/silly-knives-chew.md
deleted file mode 100644
index 98acbbeb..00000000
--- a/.changeset/silly-knives-chew.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-"rrdom": minor
-"rrweb": minor
-"@rrweb/types": minor
----
-
-Support top-layer <dialog> components. Fixes #1381.
diff --git a/.changeset/silver-pots-sit.md b/.changeset/silver-pots-sit.md
deleted file mode 100644
index b53a9438..00000000
--- a/.changeset/silver-pots-sit.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@rrweb/types': patch
----
-
-Add `loop` to `mediaInteractionParam`
diff --git a/.changeset/silver-windows-float.md b/.changeset/silver-windows-float.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/silver-windows-float.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/simplifify-hover-replacement.md b/.changeset/simplifify-hover-replacement.md
deleted file mode 100644
index 15533330..00000000
--- a/.changeset/simplifify-hover-replacement.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-"rrweb-snapshot": patch
-"rrweb": patch
----
-
-Slight simplification to how we replace :hover after #1458
diff --git a/.changeset/single-style-capture.md b/.changeset/single-style-capture.md
deleted file mode 100644
index 96f81ed6..00000000
--- a/.changeset/single-style-capture.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-"rrweb-snapshot": patch
-"rrweb": patch
----
-
-Edge case: Provide support for mutations on a <style> element which (unusually) has multiple text nodes
diff --git a/.changeset/six-lions-guess.md b/.changeset/six-lions-guess.md
new file mode 100644
index 00000000..3a4003f3
--- /dev/null
+++ b/.changeset/six-lions-guess.md
@@ -0,0 +1,7 @@
+---
+"@rrweb/rrweb-plugin-network-record": minor
+"@rrweb/rrweb-plugin-network-replay": minor
+"@rrweb/types": minor
+---
+
+Add the network-plugin
diff --git a/.changeset/six-llamas-brush.md b/.changeset/six-llamas-brush.md
deleted file mode 100644
index 9aa1d08b..00000000
--- a/.changeset/six-llamas-brush.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"rrweb-snapshot": patch
----
-
-Fix `url()` rewrite for nested stylesheets by rewriting during stringification instead of after
diff --git a/.changeset/sixty-impalas-laugh.md b/.changeset/sixty-impalas-laugh.md
deleted file mode 100644
index 95d8d263..00000000
--- a/.changeset/sixty-impalas-laugh.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-Only apply touch-active styling on flush
diff --git a/.changeset/skip-mask-check-on-leaf-elements.md b/.changeset/skip-mask-check-on-leaf-elements.md
deleted file mode 100644
index b54de0a4..00000000
--- a/.changeset/skip-mask-check-on-leaf-elements.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-"rrweb-snapshot": patch
-"rrweb": patch
----
-
-optimisation: skip mask check on leaf elements
diff --git a/.changeset/slimy-eagles-grow.md b/.changeset/slimy-eagles-grow.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/slimy-eagles-grow.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/small-hats-kneel.md b/.changeset/small-hats-kneel.md
deleted file mode 100644
index 3a3d6a2e..00000000
--- a/.changeset/small-hats-kneel.md
+++ /dev/null
@@ -1,8 +0,0 @@
----
-"@rrweb/all": major
-"@rrweb/record": major
-"@rrweb/replay": major
-"rrweb": major
----
-
-Remove the rrweb-all.js, rrweb-record.js, and rrweb-replay.js files from `rrweb` package. Now you can use `@rrweb/all`, `@rrweb/record`, and `@rrweb/replay` packages instead. Check out the README of each package for more information or check out [PR #1033](https://github.com/rrweb-io/rrweb/pull/1033) to see the changes.
diff --git a/.changeset/small-olives-arrive.md b/.changeset/small-olives-arrive.md
deleted file mode 100644
index 36bacbc1..00000000
--- a/.changeset/small-olives-arrive.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb-snapshot': patch
----
-
-Fix: [#1172](https://github.com/rrweb-io/rrweb/issues/1172) don't replace original onload function of Images
diff --git a/.changeset/smart-ears-refuse.md b/.changeset/smart-ears-refuse.md
deleted file mode 100644
index 0aaaabcf..00000000
--- a/.changeset/smart-ears-refuse.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-'rrweb-snapshot': patch
----
-
-Feat: Add 'isCustom' flag to serialized elements.
-
-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.
diff --git a/.changeset/smart-geckos-cover.md b/.changeset/smart-geckos-cover.md
deleted file mode 100644
index a5a0e0f4..00000000
--- a/.changeset/smart-geckos-cover.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-Record `loop` on `<audio>` & `<video>` elements.
diff --git a/.changeset/smooth-papayas-boil.md b/.changeset/smooth-papayas-boil.md
deleted file mode 100644
index dcf4d368..00000000
--- a/.changeset/smooth-papayas-boil.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'rrweb-snapshot': patch
-'rrweb': patch
----
-
-Capture stylesheets designated as `rel="preload"`
diff --git a/.changeset/smooth-poems-bake.md b/.changeset/smooth-poems-bake.md
deleted file mode 100644
index 9d4fac8f..00000000
--- a/.changeset/smooth-poems-bake.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb-player': patch
----
-
-Fix `player.getMirror`, `player.playRange`, `player.$set` types in rrwebPlayer
diff --git a/.changeset/soft-worms-tan.md b/.changeset/soft-worms-tan.md
deleted file mode 100644
index b6c415e0..00000000
--- a/.changeset/soft-worms-tan.md
+++ /dev/null
@@ -1,11 +0,0 @@
----
-"@rrweb/all": patch
-"rrdom-nodejs": patch
-"rrdom": patch
-"rrweb-snapshot": major
-"rrweb": patch
-"@rrweb/rrweb-plugin-canvas-webrtc-record": patch
----
-
-`NodeType` enum was moved from rrweb-snapshot to @rrweb/types
-The following types where moved from rrweb-snapshot to @rrweb/types: `documentNode`, `documentTypeNode`, `legacyAttributes`, `textNode`, `cdataNode`, `commentNode`, `elementNode`, `serializedNode`, `serializedNodeWithId`, `serializedElementNodeWithId`, `serializedTextNodeWithId`, `IMirror`, `INode`, `mediaAttributes`, `attributes` and `DataURLOptions`
diff --git a/.changeset/spotty-bees-destroy.md b/.changeset/spotty-bees-destroy.md
deleted file mode 100644
index 08e6f737..00000000
--- a/.changeset/spotty-bees-destroy.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrdom': patch
----
-
-fix: scrolling may not be applied when fast-forwarding
diff --git a/.changeset/stupid-ghosts-help.md b/.changeset/stupid-ghosts-help.md
deleted file mode 100644
index efc09cd8..00000000
--- a/.changeset/stupid-ghosts-help.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-Fix: isCheckout is missed in all fullsnapshot events
diff --git a/.changeset/swift-dancers-rest.md b/.changeset/swift-dancers-rest.md
deleted file mode 100644
index bcedf6c8..00000000
--- a/.changeset/swift-dancers-rest.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'rrweb-snapshot': minor
-'rrweb': minor
----
-
-Extends maskTextFn to pass the HTMLElement to the deciding function
diff --git a/.changeset/swift-peas-film.md b/.changeset/swift-peas-film.md
deleted file mode 100644
index 058b1412..00000000
--- a/.changeset/swift-peas-film.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'rrweb-snapshot': patch
-'rrweb': patch
----
-
-fix: Explicitly handle `null` attribute values
diff --git a/.changeset/swift-pots-search.md b/.changeset/swift-pots-search.md
deleted file mode 100644
index ec13fb63..00000000
--- a/.changeset/swift-pots-search.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"rrweb": minor
----
-
-Optimize isParentRemoved check
diff --git a/.changeset/textarea-inner-html.md b/.changeset/textarea-inner-html.md
deleted file mode 100644
index c7f0c9df..00000000
--- a/.changeset/textarea-inner-html.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"rrweb": patch
----
-
-#1596 Add masking for innerText mutations on textarea elements
diff --git a/.changeset/thin-vans-applaud.md b/.changeset/thin-vans-applaud.md
deleted file mode 100644
index e5d8d32a..00000000
--- a/.changeset/thin-vans-applaud.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-'rrweb-snapshot': patch
-'rrweb': patch
----
-
-Snapshot performance when masking text: Avoid the repeated calls to `closest` when recursing through the DOM
diff --git a/.changeset/thirty-baboons-punch.md b/.changeset/thirty-baboons-punch.md
deleted file mode 100644
index 1dd1c36f..00000000
--- a/.changeset/thirty-baboons-punch.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb-snapshot': patch
----
-
-Fix CSS rules captured in Safari
diff --git a/.changeset/three-baboons-bow.md b/.changeset/three-baboons-bow.md
deleted file mode 100644
index 4e419cc2..00000000
--- a/.changeset/three-baboons-bow.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-fix: protect against missing parentNode
diff --git a/.changeset/tidy-swans-repair.md b/.changeset/tidy-swans-repair.md
deleted file mode 100644
index c0a2eeb2..00000000
--- a/.changeset/tidy-swans-repair.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@rrweb/web-extension': patch
----
-
-🎈 perf(web-extension): conditional check in Player component
diff --git a/.changeset/tidy-yaks-joke.md b/.changeset/tidy-yaks-joke.md
deleted file mode 100644
index bcd476a8..00000000
--- a/.changeset/tidy-yaks-joke.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-Fix: outdated ':hover' styles can't be removed from iframes or shadow doms
diff --git a/.changeset/tiny-buckets-love.md b/.changeset/tiny-buckets-love.md
deleted file mode 100644
index 1f67b3f4..00000000
--- a/.changeset/tiny-buckets-love.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-Handle case where `event` is null/undefined
diff --git a/.changeset/tiny-candles-whisper.md b/.changeset/tiny-candles-whisper.md
deleted file mode 100644
index 770cb86f..00000000
--- a/.changeset/tiny-candles-whisper.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@rrweb/web-extension': patch
----
-
-🐞 fix(web-extension): typo
diff --git a/.changeset/tiny-chairs-build.md b/.changeset/tiny-chairs-build.md
deleted file mode 100644
index 0e76e268..00000000
--- a/.changeset/tiny-chairs-build.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-'rrweb': patch
----
-
-Canvas FPS recording: override `preserveDrawingBuffer: true` on canvas creation.
-Canvas replay: fix flickering canvas elemenrs.
-Canvas FPS recording: fix bug that wipes webgl(2) canvas backgrounds while recording.
diff --git a/.changeset/title-deanimate-option.md b/.changeset/title-deanimate-option.md
deleted file mode 100644
index d568615f..00000000
--- a/.changeset/title-deanimate-option.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-"rrweb-snapshot": patch
-"rrweb": patch
----
-
-Add slimDOM option to block animation on <title> tag; enabled when the 'all' value is used for slimDOM
diff --git a/.changeset/tricky-panthers-guess.md b/.changeset/tricky-panthers-guess.md
deleted file mode 100644
index 3dfadbae..00000000
--- a/.changeset/tricky-panthers-guess.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrvideo': patch
----
-
-Refactor: Move rrvideo to rrweb's monorepo
diff --git a/.changeset/twenty-goats-kneel.md b/.changeset/twenty-goats-kneel.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/twenty-goats-kneel.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/twenty-lies-switch.md b/.changeset/twenty-lies-switch.md
deleted file mode 100644
index de446798..00000000
--- a/.changeset/twenty-lies-switch.md
+++ /dev/null
@@ -1,49 +0,0 @@
----
-'rrweb': patch
----
-
-Add missing change logs manually. In the next version, all change logs will be generated automatically.
-
-- [`a220835`](https://github.com/rrweb-io/rrweb/commit/a220835eeb81ca4f294682e060d46c8853720d7f) [#1053](https://github.com/rrweb-io/rrweb/pull/1053) Thanks [@Juice10](https://github.com/Juice10)! - Fix: Post message can break cross origin iframe recording.
-
-- [`7e8dcdb`](https://github.com/rrweb-io/rrweb/commit/7e8dcdb11dc5dfefcdd19ff5e13ec9d8b5c24dcc) [#1063](https://github.com/rrweb-io/rrweb/pull/1063) Thanks [@lele0108](https://github.com/lele0108)! - Fix: muted false -> true not being set.
-
-- [`b655361`](https://github.com/rrweb-io/rrweb/commit/b655361a5f0d50a053fcd0e5c823b8494c33b89c) [#1067](https://github.com/rrweb-io/rrweb/pull/1067) Thanks [@mydea](https://github.com/mydea)! - Export recordOptions type.
-
-- [`36b44e1`](https://github.com/rrweb-io/rrweb/commit/36b44e104b91fc74c3e69684111240cd23105340) [#1042](https://github.com/rrweb-io/rrweb/pull/1042) Thanks [@wfk007](https://github.com/wfk007)! - Fix: Failed to execute insertBefore on Node.
-
-- [`44e92cb`](https://github.com/rrweb-io/rrweb/commit/44e92cbff981c36e754dfcb9a184eae9e7292ecf) [#1058](https://github.com/rrweb-io/rrweb/pull/1058) Thanks [@mydea](https://github.com/mydea)! - Handle errors when observing iframes.
-
-- [`729b8bf`](https://github.com/rrweb-io/rrweb/commit/729b8bf38c8c7f2e1b22b4e0f7cab14f0807bc74) [#1083](https://github.com/rrweb-io/rrweb/pull/1083) Thanks [@Juice10](https://github.com/Juice10)! - Fix: Catch iframe manager & fix formatting issues.
-
-- [`03821d9`](https://github.com/rrweb-io/rrweb/commit/03821d9b9fa0513e6e373881d43102ceb9388340) [#1083](https://github.com/rrweb-io/rrweb/pull/1083) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Harmonize on a single getWindowScroll
-
-- [`d08913d`](https://github.com/rrweb-io/rrweb/commit/d08913d0dc506dbf119e94686fe5f01c415316c9) [#1086](https://github.com/rrweb-io/rrweb/pull/1086) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix: missed adopted style sheets of shadow doms in checkout full snapshot.
-
-- [`66abe17`](https://github.com/rrweb-io/rrweb/commit/66abe17832dbb23b3948af1c394f9a02caccc17b) [#1032](https://github.com/rrweb-io/rrweb/pull/1032) Thanks [@dbseel](https://github.com/dbseel)! - Fix: isBlocked throws on invalid HTML element.
-
-- [`07aa1b2`](https://github.com/rrweb-io/rrweb/commit/07aa1b2807da5a9a1db678ebc3ff59320a300d06) [#1049](https://github.com/rrweb-io/rrweb/pull/1049) Thanks [@Juice10](https://github.com/Juice10)! - Fix: shadow dom bugs.
-
-- [`57a2e14`](https://github.com/rrweb-io/rrweb/commit/57a2e140ea419f7790b1672529f21dfe2261b52b) [#1088](https://github.com/rrweb-io/rrweb/pull/1088) Thanks [@mydea](https://github.com/mydea)! - Fix: Guard against missing window.CSSStyleSheet.
-
-- [`fc82869`](https://github.com/rrweb-io/rrweb/commit/fc828694099b87b4d811e6b651a7bb4c7499b896) [#1093](https://github.com/rrweb-io/rrweb/pull/1093) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix: cross origin iframe bugs.
-
-- [`a77e302`](https://github.com/rrweb-io/rrweb/commit/a77e30217893e63f8025c73afc3ac1ba294d7761) [#1104](https://github.com/rrweb-io/rrweb/pull/1104) Thanks [@jlalmes](https://github.com/jlalmes)! - [console-plugin] Feat: Record unhandled rejection event.
-
-- [`25a4f5a`](https://github.com/rrweb-io/rrweb/commit/25a4f5ab6c7311f2e8e5e1a4d232c2820adf910e) [#1115](https://github.com/rrweb-io/rrweb/pull/1115) Thanks [@Juice10](https://github.com/Juice10)! - Fix: Don't trigger Finish event when in liveMode.
-
-- [`cb15800`](https://github.com/rrweb-io/rrweb/commit/cb1580008d04b0bc5c5d4ebec0e2e79899faaeb6) [#1106](https://github.com/rrweb-io/rrweb/pull/1106) Thanks [@mydea](https://github.com/mydea)! - Fix: Ensure CSS support is checked more robustly.
-
-- [`0732618`](https://github.com/rrweb-io/rrweb/commit/07326182f9750646771918481f116b946a17c2a9) [#1100](https://github.com/rrweb-io/rrweb/pull/1100) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix: wrong rootId value in special iframes.
-
-- [`3caa25e`](https://github.com/rrweb-io/rrweb/commit/3caa25ed9b19954c98775f22d5fa47233fa3d1db) [#1098](https://github.com/rrweb-io/rrweb/pull/1098) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Refactor: Don't have requestAnimationFrame looping in background for Live Mode.
-
-- [`3a26e36`](https://github.com/rrweb-io/rrweb/commit/3a26e36f6f625c0391c7e6d3f1050660adfccc4f) [#1092](https://github.com/rrweb-io/rrweb/pull/1092) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix: regression of issue: ShadowHost can't be a string (issue 941)
-
-- [`07d22e7`](https://github.com/rrweb-io/rrweb/commit/07d22e7cd999a48e7371aaef1b979574bb746500) [#1111](https://github.com/rrweb-io/rrweb/pull/1111) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Feat: enable to customize logger in the replayer.
-
-- [`0627d4d`](https://github.com/rrweb-io/rrweb/commit/0627d4df7cc76cde7babbd37ab8e3da5810fb51d) [#1109](https://github.com/rrweb-io/rrweb/pull/1109) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Feat: add option to record on DOMContentLoaded event.
-
-- [`174b9ac`](https://github.com/rrweb-io/rrweb/commit/174b9ac066565b8c065f40f0303189f10c7c4efb) [#1112](https://github.com/rrweb-io/rrweb/pull/1112) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix: mutation Failed to execute 'insertBefore' on 'Node': Only one doctype on document allowed.
-
-- [`5a1e5e9`](https://github.com/rrweb-io/rrweb/commit/5a1e5e919e3f8bef48d142115c0afd5706a442b5) [#1119](https://github.com/rrweb-io/rrweb/pull/1119) Thanks [@Juice10](https://github.com/Juice10)! - Feat: Automate NPM package releases.
diff --git a/.changeset/twenty-planets-repeat.md b/.changeset/twenty-planets-repeat.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/twenty-planets-repeat.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/two-boats-boil.md b/.changeset/two-boats-boil.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/two-boats-boil.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/unlucky-mirrors-invite.md b/.changeset/unlucky-mirrors-invite.md
deleted file mode 100644
index 40901bef..00000000
--- a/.changeset/unlucky-mirrors-invite.md
+++ /dev/null
@@ -1,7 +0,0 @@
----
-"rrweb-snapshot": patch
-"rrweb": patch
-"@rrweb/utils": patch
----
-
-Reverse monkey patch built in methods to support LWC (and other frameworks like angular which monkey patch built in methods).
diff --git a/.changeset/violet-melons-itch.md b/.changeset/violet-melons-itch.md
deleted file mode 100644
index af7f6095..00000000
--- a/.changeset/violet-melons-itch.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-fix: Recursive logging bug with console recording
diff --git a/.changeset/violet-zebras-cry.md b/.changeset/violet-zebras-cry.md
deleted file mode 100644
index 5f4c5244..00000000
--- a/.changeset/violet-zebras-cry.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-Trigger mouse movement and hover with mouse up and mouse down events when replayer.pause(...) is called.
diff --git a/.changeset/wicked-dolphins-tie.md b/.changeset/wicked-dolphins-tie.md
deleted file mode 100644
index 97261956..00000000
--- a/.changeset/wicked-dolphins-tie.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-"@rrweb/web-extension": minor
----
-
-Added session downloader for chrome extension
diff --git a/.changeset/wicked-lions-return.md b/.changeset/wicked-lions-return.md
deleted file mode 100644
index a845151c..00000000
--- a/.changeset/wicked-lions-return.md
+++ /dev/null
@@ -1,2 +0,0 @@
----
----
diff --git a/.changeset/wise-spiders-jog.md b/.changeset/wise-spiders-jog.md
deleted file mode 100644
index 6bfa0b58..00000000
--- a/.changeset/wise-spiders-jog.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@rrweb/types': patch
----
-
-Fix type error when using `"moduleResolution": "NodeNext"`.
diff --git a/.changeset/witty-kids-talk.md b/.changeset/witty-kids-talk.md
deleted file mode 100644
index 4a9d4f00..00000000
--- a/.changeset/witty-kids-talk.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'@rrweb/web-extension': patch
----
-
-🐞 fix(web-extension): beforeunload logic
diff --git a/.changeset/yellow-mails-cheat.md b/.changeset/yellow-mails-cheat.md
deleted file mode 100644
index 28946967..00000000
--- a/.changeset/yellow-mails-cheat.md
+++ /dev/null
@@ -1,8 +0,0 @@
----
-'rrweb': patch
----
-
-Fix: some websites rebuild imcomplete
-
-1. Some websites, addedSet in emit function is not empty, but the result converted from Array.from is empty.
-2. Some websites polyfill classList functions of HTML elements. Their implementation may throw errors and cause the snapshot to fail. I add try-catch statements to make the code robust.
diff --git a/.changeset/young-timers-grow.md b/.changeset/young-timers-grow.md
deleted file mode 100644
index 4c710b3d..00000000
--- a/.changeset/young-timers-grow.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'rrweb': patch
----
-
-For users of userTriggeredOnInput setting: also set userTriggered to false on Input attribute modifications; this was previously empty this variant of IncrementalSource.Input
diff --git a/.eslintrc.js b/.eslintrc.js
index b2b44dca..c0d46c4c 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,5 +1,6 @@
 // TODO: add .eslintignore. More info: https://bobbyhadz.com/blog/typescript-parseroptions-project-has-been-set-for
 module.exports = {
+  root: true,
   env: {
     browser: true,
     es2021: true,
diff --git a/.github/scripts/measure-bundle-sizes.js b/.github/scripts/measure-bundle-sizes.js
new file mode 100644
index 00000000..835c3f66
--- /dev/null
+++ b/.github/scripts/measure-bundle-sizes.js
@@ -0,0 +1,52 @@
+const fs = require('fs');
+const path = require('path');
+
+const outputPath = process.argv[2];
+
+if (!outputPath) {
+  console.error(
+    'Usage: node .github/scripts/measure-bundle-sizes.js <output-path>',
+  );
+  process.exit(1);
+}
+
+const rootDir = process.cwd();
+const sizes = {};
+
+function normalizePath(filePath) {
+  return path.relative(rootDir, filePath).replace(/\\/g, '/');
+}
+
+function shouldTrack(filePath) {
+  const normalizedPath = normalizePath(filePath);
+
+  if (normalizedPath.startsWith('packages/packer/dist/')) {
+    return false;
+  }
+
+  return /(^|\/)dist\/[^/]+\.(js|cjs|mjs|css)$/.test(normalizedPath);
+}
+
+function walk(dirPath) {
+  for (const entry of fs.readdirSync(dirPath, { withFileTypes: true })) {
+    if (entry.name === 'node_modules') {
+      continue;
+    }
+
+    const entryPath = path.join(dirPath, entry.name);
+
+    if (entry.isDirectory()) {
+      walk(entryPath);
+      continue;
+    }
+
+    if (!shouldTrack(entryPath)) {
+      continue;
+    }
+
+    sizes[normalizePath(entryPath)] = fs.statSync(entryPath).size;
+  }
+}
+
+walk(rootDir);
+fs.writeFileSync(outputPath, `${JSON.stringify(sizes, null, 2)}\n`);
diff --git a/.github/scripts/patch-changesets-github-info.cjs b/.github/scripts/patch-changesets-github-info.cjs
new file mode 100644
index 00000000..d8348233
--- /dev/null
+++ b/.github/scripts/patch-changesets-github-info.cjs
@@ -0,0 +1,54 @@
+const fs = require('fs');
+
+const packagePath = require.resolve('@changesets/get-github-info', {
+  paths: [process.cwd()],
+});
+
+function patchSource(source) {
+  if (/maxBatchSize\s*:/.test(source)) {
+    return source;
+  }
+
+  const loaderStart =
+    'const GHDataLoader = new DataLoader__default["default"](async requests => {';
+  const startIndex = source.indexOf(loaderStart);
+
+  if (startIndex === -1) {
+    throw new Error('Could not find Changesets GitHub info DataLoader');
+  }
+
+  const loaderEndPattern = /\n}\);\n((?:async\s+)?function getInfo)/;
+  const endMatch = loaderEndPattern.exec(source.slice(startIndex));
+
+  if (!endMatch) {
+    throw new Error('Could not find Changesets GitHub info DataLoader end');
+  }
+
+  const endIndex = startIndex + endMatch.index;
+  const getInfoStart = endMatch[1];
+  const restIndex = endIndex + endMatch[0].length;
+
+  return `${source.slice(
+    0,
+    endIndex,
+  )}\n}, { maxBatchSize: 20 });\n${getInfoStart}${source.slice(restIndex)}`;
+}
+
+function main() {
+  const source = fs.readFileSync(packagePath, 'utf8');
+  const patched = patchSource(source);
+
+  if (patched === source) {
+    console.log('@changesets/get-github-info already limits GitHub batches');
+    return;
+  }
+
+  fs.writeFileSync(packagePath, patched);
+  console.log('Patched @changesets/get-github-info GitHub batch size');
+}
+
+if (require.main === module) {
+  main();
+}
+
+module.exports = { patchSource };
diff --git a/.github/scripts/patch-changesets-github-info.test.cjs b/.github/scripts/patch-changesets-github-info.test.cjs
new file mode 100644
index 00000000..aee6cb98
--- /dev/null
+++ b/.github/scripts/patch-changesets-github-info.test.cjs
@@ -0,0 +1,32 @@
+const assert = require('assert');
+
+const { patchSource } = require('./patch-changesets-github-info.cjs');
+
+const source = `
+const GHDataLoader = new DataLoader__default["default"](async requests => {
+  return requests;
+});
+async function getInfo(request) {
+  return request;
+}
+`;
+
+const patched = patchSource(source);
+
+assert.match(patched, /}, \{ maxBatchSize: 20 \}\);/);
+assert.strictEqual(patchSource(patched), patched);
+assert.strictEqual(
+  patchSource(source.replace('});', '}, { maxBatchSize : 50 });')),
+  source.replace('});', '}, { maxBatchSize : 50 });'),
+);
+
+const nonAsyncSource = source.replace(
+  'async function getInfo',
+  'function getInfo',
+);
+assert.match(patchSource(nonAsyncSource), /\nfunction getInfo/);
+
+assert.throws(
+  () => patchSource('const GHDataLoader = new DataLoader(async () => {});'),
+  /Could not find/,
+);
diff --git a/.github/scripts/render-bundle-size-comment.js b/.github/scripts/render-bundle-size-comment.js
new file mode 100644
index 00000000..0c114a0b
--- /dev/null
+++ b/.github/scripts/render-bundle-size-comment.js
@@ -0,0 +1,227 @@
+const fs = require('fs');
+
+const prPath = process.argv[2];
+const basePath = process.argv[3];
+
+if (!prPath || !basePath) {
+  console.error(
+    'Usage: node .github/scripts/render-bundle-size-comment.js <pr-sizes.json> <base-sizes.json>',
+  );
+  process.exit(1);
+}
+
+function readJson(filePath) {
+  return JSON.parse(fs.readFileSync(filePath, 'utf8'));
+}
+
+function formatSize(bytes) {
+  if (bytes == null) {
+    return '-';
+  }
+
+  if (Math.abs(bytes) < 1024) {
+    return `${bytes} B`;
+  }
+
+  return `${(bytes / 1024).toFixed(2)} kB`;
+}
+
+function formatSignedSize(bytes) {
+  const absoluteBytes = Math.abs(bytes);
+
+  if (absoluteBytes < 1024) {
+    return `${bytes >= 0 ? '+' : '-'}${absoluteBytes} B`;
+  }
+
+  return `${bytes >= 0 ? '+' : '-'}${(absoluteBytes / 1024).toFixed(2)} kB`;
+}
+
+function formatDiff(diff, baseValue) {
+  if (diff === 0) {
+    return '-';
+  }
+
+  const percentage =
+    baseValue > 0
+      ? ` (${diff > 0 ? '+' : ''}${((diff / baseValue) * 100).toFixed(2)}%)`
+      : '';
+
+  return `${formatSignedSize(diff)}${percentage}`;
+}
+
+const BUNDLE_SIZE_BADGES = {
+  deleted: ' 🗑️',
+  new: ' 🆕',
+  improved: ' 🎉',
+  investigate: ' 🔍',
+};
+
+function getChangeBadge(prValue, baseValue) {
+  if (prValue == null) {
+    return BUNDLE_SIZE_BADGES.deleted;
+  }
+
+  if (baseValue == null) {
+    return BUNDLE_SIZE_BADGES.new;
+  }
+
+  if (baseValue <= 0) {
+    return '';
+  }
+
+  const percentage = ((prValue - baseValue) / baseValue) * 100;
+
+  if (percentage <= -10) {
+    return BUNDLE_SIZE_BADGES.improved;
+  }
+
+  if (percentage >= 5) {
+    return BUNDLE_SIZE_BADGES.investigate;
+  }
+
+  return '';
+}
+
+function getPackageBadge(prTotal, baseTotal) {
+  if (baseTotal === 0 && prTotal > 0) {
+    return BUNDLE_SIZE_BADGES.new;
+  }
+
+  if (baseTotal <= 0) {
+    return '';
+  }
+
+  const percentage = ((prTotal - baseTotal) / baseTotal) * 100;
+
+  if (percentage <= -10) {
+    return BUNDLE_SIZE_BADGES.improved;
+  }
+
+  if (percentage >= 5) {
+    return BUNDLE_SIZE_BADGES.investigate;
+  }
+
+  return '';
+}
+
+function getPackageName(filePath) {
+  const match = filePath.match(/^packages\/([^/]+)\//);
+  return match ? match[1] : '(root)';
+}
+
+function escapeHtml(value) {
+  return value
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/\|/g, '&#124;')
+    .replace(/\r?\n/g, ' ');
+}
+
+function formatCode(value) {
+  return `<code>${escapeHtml(String(value))}</code>`;
+}
+
+function getFileLabel(filePath, packageName) {
+  const packagePrefix = `packages/${packageName}/dist/`;
+
+  if (packageName !== '(root)' && filePath.startsWith(packagePrefix)) {
+    return filePath.slice(packagePrefix.length);
+  }
+
+  return filePath;
+}
+
+const prSizes = readJson(prPath);
+const baseSizes = readJson(basePath);
+
+const allFiles = [
+  ...new Set([...Object.keys(prSizes), ...Object.keys(baseSizes)]),
+].sort();
+const changedFiles = allFiles.filter(
+  (filePath) => prSizes[filePath] !== baseSizes[filePath],
+);
+
+if (changedFiles.length === 0) {
+  process.stdout.write('## Bundle Size Changes\n\nNo bundle size changes.\n');
+  process.exit(0);
+}
+
+const totalPrSize = allFiles.reduce(
+  (sum, filePath) => sum + (prSizes[filePath] ?? 0),
+  0,
+);
+const totalBaseSize = allFiles.reduce(
+  (sum, filePath) => sum + (baseSizes[filePath] ?? 0),
+  0,
+);
+const totalDiff = totalPrSize - totalBaseSize;
+
+const filesByPackage = new Map();
+
+for (const filePath of changedFiles) {
+  const packageName = getPackageName(filePath);
+  const files = filesByPackage.get(packageName) ?? [];
+  files.push(filePath);
+  filesByPackage.set(packageName, files);
+}
+
+const sections = [...filesByPackage.entries()]
+  .sort(([left], [right]) => left.localeCompare(right))
+  .map(([packageName, files]) => {
+    const packagePrSize = files.reduce(
+      (sum, filePath) => sum + (prSizes[filePath] ?? 0),
+      0,
+    );
+    const packageBaseSize = files.reduce(
+      (sum, filePath) => sum + (baseSizes[filePath] ?? 0),
+      0,
+    );
+    const packageDiff = packagePrSize - packageBaseSize;
+    const packageBadge = getPackageBadge(packagePrSize, packageBaseSize);
+
+    const rows = files
+      .map((filePath) => {
+        const prSize = prSizes[filePath];
+        const baseSize = baseSizes[filePath];
+        const fileDiff = (prSizes[filePath] ?? 0) - (baseSizes[filePath] ?? 0);
+
+        return `| ${formatCode(
+          getFileLabel(filePath, packageName),
+        )} | ${formatSize(baseSize)} | ${formatSize(prSize)} | ${formatDiff(
+          fileDiff,
+          baseSize ?? 0,
+        )}${getChangeBadge(prSize, baseSize)} |`;
+      })
+      .join('\n');
+
+    return [
+      '<details>',
+      `<summary>${formatCode(packageName)}${packageBadge} - ${formatSize(
+        packageBaseSize,
+      )} -> ${formatSize(packagePrSize)} (${formatDiff(
+        packageDiff,
+        packageBaseSize,
+      )})</summary>`,
+      '',
+      '| File | Base | PR | Diff |',
+      '|------|------|----|------|',
+      rows,
+      '',
+      '</details>',
+    ].join('\n');
+  });
+
+const body = [
+  '## Bundle Size Changes',
+  '',
+  `**Size change:** ${formatDiff(
+    totalDiff,
+    totalBaseSize,
+  )} | **Total size:** ${formatSize(totalPrSize)}`,
+  '',
+  sections.join('\n\n'),
+  '',
+].join('\n');
+
+process.stdout.write(body);
diff --git a/.github/workflows/ci-cd.yml b/.github/workflows/ci-cd.yml
index 51328743..3d71520c 100644
--- a/.github/workflows/ci-cd.yml
+++ b/.github/workflows/ci-cd.yml
@@ -1,6 +1,12 @@
 name: Tests
 
-on: [push, pull_request]
+on:
+  push:
+    paths-ignore:
+      - '**/*.md'
+  pull_request:
+    paths-ignore:
+      - '**/*.md'
 
 concurrency: ${{ github.workflow }}-${{ github.ref }}
 
@@ -17,32 +23,42 @@ jobs:
           # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits
           fetch-depth: 0
 
+      - name: Enable Corepack
+        run: corepack enable
+
       - name: Setup Node.js lts/*
         uses: actions/setup-node@v3
         with:
           node-version: lts/*
-          cache: 'yarn'
 
       - name: Install Dependencies
-        run: yarn install --frozen-lockfile
+        run: yarn install
+        env:
+          PUPPETEER_SKIP_DOWNLOAD: true
 
       - name: Build Project
         run: NODE_OPTIONS='--max-old-space-size=4096' yarn build:all
 
+      - name: Install Playwright browsers
+        run: cd packages/rrvideo && yarn playwright install chromium
+
+      - name: Read Puppeteer browser revision
+        id: puppeteer-browser
+        run: |
+          revision=$(node -p "require('./.puppeteerrc.cjs').browserRevision")
+          echo "revision=${revision}" >> "$GITHUB_OUTPUT"
+
+      - name: Setup Chrome
+        id: setup-chrome
+        uses: browser-actions/setup-chrome@2e1d749697dd1612b833dba4a722266286fbefcd # v2
+        with:
+          chrome-version: ${{ steps.puppeteer-browser.outputs.revision }}
+
       - name: Check types
         run: yarn check-types
 
       - name: Run tests
-        # run: PUPPETEER_EXECUTABLE_PATH=${{ steps.setup-chrome.outputs.chrome-path }} PUPPETEER_HEADLESS=true xvfb-run --server-args="-screen 0 1920x1080x24" yarn test
-        run: PUPPETEER_HEADLESS=true xvfb-run --server-args="-screen 0 1920x1080x24" yarn test
-
-      - name: Check bundle sizes
-        uses: preactjs/compressed-size-action@8518045ed95e94e971b83333085e1cb99aa18aa8 # v2
-        with:
-          install-script: "yarn install --frozen-lockfile"
-          build-script: "build:all"
-          compression: "none"
-          pattern: "**/dist/*.{js,cjs,mjs,css}"
+        run: PUPPETEER_EXECUTABLE_PATH=${{ steps.setup-chrome.outputs.chrome-path }} PUPPETEER_HEADLESS=true xvfb-run --server-args="-screen 0 1920x1080x24" yarn test
 
       - name: Upload diff images to GitHub
         uses: actions/upload-artifact@v4
@@ -51,3 +67,38 @@ jobs:
           name: image-diff
           path: packages/**/__image_snapshots__/__diff_output__/*.png
           if-no-files-found: ignore
+
+  webkit:
+    name: WebKit (Safari engine) tests
+    permissions:
+      contents: read
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@v3
+
+      - name: Enable Corepack
+        run: corepack enable
+
+      - name: Setup Node.js lts/*
+        uses: actions/setup-node@v3
+        with:
+          node-version: lts/*
+
+      - name: Install Dependencies
+        run: yarn install
+        env:
+          PUPPETEER_SKIP_DOWNLOAD: true
+
+      - name: Build rrweb-snapshot and rrweb (with workspace deps)
+        run: NODE_OPTIONS='--max-old-space-size=4096' yarn turbo run --env-mode=loose prepublish --filter=@highlight-run/rrweb-snapshot --filter=@highlight-run/rrweb
+
+      - name: Install Playwright WebKit browser
+        run: npx playwright install webkit && npx playwright install-deps webkit
+        working-directory: packages/rrweb-snapshot
+
+      - name: Run rrweb-snapshot WebKit tests
+        run: BROWSER=webkit yarn workspace @highlight-run/rrweb-snapshot vitest run --config vitest.config.webkit.ts
+
+      - name: Run rrweb WebKit tests
+        run: BROWSER=webkit yarn workspace @highlight-run/rrweb vitest run --config vitest.config.webkit.ts
diff --git a/.github/workflows/eslint.yml b/.github/workflows/eslint.yml
index 03bfd659..02807c7e 100644
--- a/.github/workflows/eslint.yml
+++ b/.github/workflows/eslint.yml
@@ -5,19 +5,25 @@ on: [pull_request]
 jobs:
   eslint_check_upload:
     runs-on: ubuntu-latest
+    permissions:
+      contents: read
     name: ESLint Check and Report Upload
+    timeout-minutes: 20
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
+      - name: Enable Corepack
+        run: corepack enable
       - name: Setup Node.js
-        uses: actions/setup-node@v1
+        uses: actions/setup-node@v4
         with:
-          node-version: 16.15.0
-          registry-url: https://registry.npmjs.org
+          node-version: lts/*
       - name: Install
-        run: YARN_ENABLE_IMMUTABLE_INSTALLS=false yarn
+        run: yarn install
+        env:
+          PUPPETEER_SKIP_DOWNLOAD: 'true'
       - name: Build Packages
-        run: yarn build:all
+        run: NODE_OPTIONS='--max-old-space-size=4096' yarn build:all
       - name: Test Code Linting
         run: yarn turbo run lint
       - name: Save Code Linting Report JSON
@@ -25,19 +31,20 @@ jobs:
         # Continue to the next step even if this fails
         continue-on-error: true
       - name: Upload ESLint report
-        uses: actions/upload-artifact@v3
+        uses: actions/upload-artifact@v4
         with:
           name: eslint_report.json
           path: eslint_report.json
 
-  Annotation:
-    # Skip the annotation action in PRs from the forked repositories
-    if: github.event.pull_request.head.repo.full_name == 'rrweb-io/rrweb'
+  annotation:
+    # Skip the annotation action in PRs from forked repositories
+    if: github.event.pull_request.head.repo.full_name == 'launchdarkly/rrweb'
+    permissions:
+      checks: write
     needs: eslint_check_upload
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
-      - uses: actions/download-artifact@v3
+      - uses: actions/download-artifact@v4
         with:
           name: eslint_report.json
       - name: Annotate Code Linting Results
diff --git a/.github/workflows/style-check.yml b/.github/workflows/style-check.yml
index 78ea3bfe..b9cf2576 100644
--- a/.github/workflows/style-check.yml
+++ b/.github/workflows/style-check.yml
@@ -3,53 +3,6 @@ name: Code Style Check
 on: [push, pull_request]
 
 jobs:
-  eslint_check_upload:
-    runs-on: ubuntu-latest
-    permissions:
-      contents: read
-    name: ESLint Check and Report Upload
-
-    steps:
-      - uses: actions/checkout@v4
-      - name: Setup Node
-        uses: actions/setup-node@v3
-        with:
-          node-version: lts/*
-          cache: 'yarn'
-      - name: Install Dependencies
-        run: yarn install --frozen-lockfile
-      - name: Build Packages
-        run: NODE_OPTIONS='--max-old-space-size=4096' yarn build:all
-      - name: Eslint Check
-        run: yarn turbo run lint
-      - name: Save Code Linting Report JSON
-        run: yarn lint:report
-        # Continue to the next step even if this fails
-        continue-on-error: true
-      - name: Upload ESLint Report
-        uses: actions/upload-artifact@v4
-        with:
-          name: eslint_report.json
-          path: eslint_report.json
-
-  annotation:
-    # Skip the annotation action in push events
-    if: github.event_name == 'pull_request'
-    permissions:
-      checks: write
-    needs: eslint_check_upload
-    runs-on: ubuntu-latest
-    name: ESLint Annotation
-    steps:
-      - uses: actions/download-artifact@v4
-        with:
-          name: eslint_report.json
-      - name: Annotate Code Linting Results
-        uses: ataylorme/eslint-annotate-action@5f4dc2e3af8d3c21b727edb597e5503510b1dc9c # v2
-        with:
-          repo-token: '${{ secrets.GITHUB_TOKEN }}'
-          report-json: 'eslint_report.json'
-
   prettier_check:
     # In the forked PR, it's hard to format code and push to the branch directly, so the action only check the format correctness.
     if: github.event_name != 'push' && github.event.pull_request.head.repo.full_name != 'rrweb-io/rrweb'
@@ -58,14 +11,17 @@ jobs:
     runs-on: ubuntu-latest
     name: Format Check
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
+      - name: Enable Corepack
+        run: corepack enable
       - name: Setup Node
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: lts/*
-          cache: 'yarn'
       - name: Install Dependencies
-        run: yarn install --frozen-lockfile
+        run: yarn install
+        env:
+          PUPPETEER_SKIP_DOWNLOAD: 'true'
       - name: Prettier Check
         run: yarn prettier --check '**/*.{ts,md}'
 
@@ -77,16 +33,19 @@ jobs:
       contents: write
     name: Format Code
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
         with:
           ref: ${{ github.head_ref }}
+      - name: Enable Corepack
+        run: corepack enable
       - name: Setup Node
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: lts/*
-          cache: 'yarn'
       - name: Install Dependencies
-        run: yarn install --frozen-lockfile
+        run: yarn install
+        env:
+          PUPPETEER_SKIP_DOWNLOAD: 'true'
       - name: Prettify Code
         run: yarn prettier --write '**/*.{ts,md}'
       - name: Commit Changes
diff --git a/.github/workflows/update-snapshots.yml b/.github/workflows/update-snapshots.yml
new file mode 100644
index 00000000..603b82ec
--- /dev/null
+++ b/.github/workflows/update-snapshots.yml
@@ -0,0 +1,58 @@
+name: Update Test Snapshots
+
+# Regenerates vitest/image snapshots on the canonical CI browser and commits
+# them back to the pushed branch. Trigger by pushing the branch you want
+# updated to snapshot-update/<name>.
+on:
+  push:
+    branches:
+      - 'snapshot-update/**'
+
+jobs:
+  update:
+    name: Regenerate snapshots
+    permissions:
+      contents: write
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@v4
+
+      - name: Enable Corepack
+        run: corepack enable
+
+      - name: Setup Node.js lts/*
+        uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+
+      - name: Install Dependencies
+        run: yarn install
+        env:
+          PUPPETEER_SKIP_DOWNLOAD: true
+
+      - name: Build Project
+        run: NODE_OPTIONS='--max-old-space-size=4096' yarn build:all
+
+      - name: Read Puppeteer browser revision
+        id: puppeteer-browser
+        run: |
+          revision=$(node -p "require('./.puppeteerrc.cjs').browserRevision")
+          echo "revision=${revision}" >> "$GITHUB_OUTPUT"
+
+      - name: Setup Chrome
+        id: setup-chrome
+        uses: browser-actions/setup-chrome@2e1d749697dd1612b833dba4a722266286fbefcd # v2
+        with:
+          chrome-version: ${{ steps.puppeteer-browser.outputs.revision }}
+
+      - name: Update snapshots
+        # test failures are expected here; the point is the regenerated files
+        continue-on-error: true
+        run: PUPPETEER_EXECUTABLE_PATH=${{ steps.setup-chrome.outputs.chrome-path }} PUPPETEER_HEADLESS=true xvfb-run --server-args="-screen 0 1920x1080x24" yarn test:update
+
+      - name: Commit updated snapshots
+        uses: stefanzweifel/git-auto-commit-action@3ea6ae190baf489ba007f7c92608f33ce20ef04a # v4
+        with:
+          commit_message: Regenerate test snapshots on CI browser
+          file_pattern: '**/__snapshots__/** **/__image_snapshots__/**'
diff --git a/.gitignore b/.gitignore
index 3e86adb2..dd396600 100644
--- a/.gitignore
+++ b/.gitignore
@@ -28,6 +28,7 @@ temp
 # output of `yarn build`
 build
 dist
+umd
 
 # turbo cache
 .turbo
@@ -50,3 +51,7 @@ vite.config.ts.timestamp-*
 
 # bundle analysis files
 *-bundle-analysis.html
+
+# Lockfile is owned by the launchdarkly/observability-sdk workspace; a local
+# yarn.lock only marks this directory as a standalone yarn project.
+/yarn.lock
diff --git a/.prettierignore b/.prettierignore
index 4b17f7ec..ed1b6bd9 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -110,3 +110,10 @@
 packages/rrweb-player/.svelte-kit/generated/*
 packages/rrweb-player/.svelte-kit/ambient.d.ts
 packages/rrweb-player/.svelte-kit/non-ambient.d.ts
+
+# generated build artifacts
+packages/*/dist/
+packages/plugins/*/dist/
+packages/rrvideo/build/
+packages/rrweb-player/types/
+packages/rrweb-player/src/**/*.svelte.d.ts
diff --git a/.vscode/rrweb-monorepo.code-workspace b/.vscode/rrweb-monorepo.code-workspace
index ecb1672d..d9c05ed2 100644
--- a/.vscode/rrweb-monorepo.code-workspace
+++ b/.vscode/rrweb-monorepo.code-workspace
@@ -76,6 +76,14 @@
     {
       "name": "@rrweb/rrweb-plugin-canvas-webrtc-replay",
       "path": "../packages/plugins/rrweb-plugin-canvas-webrtc-replay"
+    },
+    {
+      "name": "@rrweb/rrweb-plugin-network-record",
+      "path": "../packages/plugins/rrweb-plugin-network-record"
+    },
+    {
+      "name": "@rrweb/rrweb-plugin-network-replay",
+      "path": "../packages/plugins/rrweb-plugin-network-replay"
     }
   ],
   "settings": {
@@ -98,7 +106,9 @@
       "@rrweb/rrweb-plugin-console-replay",
       "@rrweb/rrweb-plugin-sequential-id",
       "@rrweb/rrweb-plugin-canvas-webrtc-record",
-      "@rrweb/rrweb-plugin-canvas-webrtc-replay"
+      "@rrweb/rrweb-plugin-canvas-webrtc-replay",
+      "@rrweb/rrweb-plugin-network-record",
+      "@rrweb/rrweb-plugin-network-replay"
     ],
     "typescript.tsdk": " rrweb monorepo/node_modules/typescript/lib"
   }
diff --git a/.yarnrc.yml b/.yarnrc.yml
new file mode 100644
index 00000000..fc95b42e
--- /dev/null
+++ b/.yarnrc.yml
@@ -0,0 +1,9 @@
+compressionLevel: mixed
+
+enableGlobalCache: true
+
+# This repo is consumed as a workspace member of launchdarkly/observability-sdk,
+# which owns the lockfile. Standalone installs (CI) resolve fresh.
+enableImmutableInstalls: false
+
+nodeLinker: node-modules
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8521fa79..b180863f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,26 +1,7 @@
 # Changelog
 
-## v1.0.0
+rrweb is released as a monorepo. Package-specific changelogs are maintained by Changesets and are the source of truth.
 
-### Featrues & Improvements
+For current release notes, see the package changelog next to each package or the GitHub releases page:
 
-- Support record same-origin non-sandboxed iframe.
-- Support record open-mode shadow DOM.
-- Implement the plugin API.
-- Export `record.takeFullSnapshot` as a public API
-- Record and replay drag events.
-- Add options to mask texts (#540).
-
-### Fixes
-
-- Get the original MutationObserver when Angular patched it.
-- Fix RangeError: Maximum call stack size exceeded (#479).
-- Fix the linked-list implementation in the recorder.
-- Don't perform newly added actions if the player is paused (#539).
-- Fix inaccurate mouse position (#522)
-
-### Breaking Changes
-
-- Deprecated the usage of `rrweb.mirror`. Please use `record.mirror` and `replayer.getMirror()` instead.
-- Deprecated the record option `recordLog `. See the new plugin API [here](./docs/recipes/console.md).
-- Deprecated the replay option ` `. See the new plugin API [here](./docs/recipes/console.md).
+[Release notes](https://github.com/rrweb-io/rrweb/releases)
diff --git a/CONTEXT.md b/CONTEXT.md
new file mode 100644
index 00000000..8f6a7978
--- /dev/null
+++ b/CONTEXT.md
@@ -0,0 +1,44 @@
+# rrweb Replay Security Context
+
+This context defines language for rrweb's replay and snapshot rebuild security model.
+
+## Language
+
+**Untrusted Replay Data**:
+Serialized rrweb event or snapshot data whose contents may include attacker-controlled DOM, attributes, URLs, or media state.
+_Avoid_: trusted content
+
+**Unsandboxed Rebuild**:
+Rebuilding serialized DOM into a browser document that is not protected by an iframe sandbox.
+_Avoid_: safe direct rebuild
+
+**Sandboxed Rebuild**:
+Rebuilding serialized DOM into a browser document owned by an iframe whose sandbox policy is exactly the direct-DOM-access policy rrweb supports: `allow-same-origin` without `allow-scripts`.
+_Avoid_: sanitized rebuild
+
+**Unsafe Rebuild Opt-Out**:
+An explicit caller permission to rebuild into an unprotected browser document.
+_Avoid_: trusted mode
+
+**Unprotected Rebuild**:
+Rebuilding serialized DOM into a browser document that does not satisfy the **Sandboxed Rebuild** policy.
+_Avoid_: trusted rebuild
+
+## Relationships
+
+- **Untrusted Replay Data** must use a **Sandboxed Rebuild** in browser environments.
+- An **Unprotected Rebuild** is an explicit unsafe operation.
+- An **Unsandboxed Rebuild** is one kind of **Unprotected Rebuild**.
+- An **Unsafe Rebuild Opt-Out** can allow an **Unprotected Rebuild** in top-level or non-top-level browser documents.
+- A **Sandboxed Rebuild** requires iframe ownership and the supported sandbox token policy.
+- The rebuild target document boundary owns the sandbox guarantee; nested iframe sandbox attributes do not define whether the target rebuild is sandboxed.
+- `rebuild()` is the public security boundary for full snapshot reconstruction; lower-level node builders do not own the browser sandbox policy.
+
+## Example dialogue
+
+> **Dev:** "These events came from our own app. Can we rebuild them directly into `document`?"
+> **Domain expert:** "No. They are still **Untrusted Replay Data** if they include user-controlled DOM, so browser replay needs a **Sandboxed Rebuild**."
+
+## Flagged ambiguities
+
+- "trusted content" was too broad. Resolved: use **Untrusted Replay Data** for input data and **Unprotected Rebuild** for the unsafe operation.
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 4883735b..1fce9339 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -32,6 +32,44 @@ clear and has sufficient instructions to be able to reproduce the issue.
 - Run a cobrowsing/mirroring session locally: (in `/packages/rrweb`) `yarn live-stream`
 - Build individual packages: `yarn build` or `yarn dev`
 - Test: `yarn test` or `yarn test:watch`
+- WebKit (Safari engine) tests: `yarn test:webkit` (in `/packages/rrweb-snapshot`)
+
+### WebKit tests
+
+`test/webkit-monkey-patched.test.ts` is excluded from the regular `yarn test` run because it requires a Playwright WebKit browser binary. It is run separately via `yarn test:webkit` in `packages/rrweb-snapshot`.
+
+**macOS** — install the browser once, then run directly:
+
+```sh
+npx playwright install webkit
+yarn test:webkit
+```
+
+**Linux** — system library dependencies vary by distro. The most reliable approach is Docker (requires Docker to be installed):
+
+```sh
+# first time, or after changing rrweb-snapshot source: build the dist then the image
+cd packages/rrweb-snapshot && yarn build && cd ../..
+docker build -t rrweb-webkit-test -f Dockerfile.webkit-test .
+
+# run rrweb-snapshot webkit tests
+docker run --rm -e BROWSER=webkit rrweb-webkit-test \
+  yarn workspace rrweb-snapshot vitest run --config vitest.config.webkit.ts
+
+# run rrweb webkit tests
+docker run --rm -e BROWSER=webkit rrweb-webkit-test \
+  yarn workspace rrweb vitest run --config vitest.config.webkit.ts
+
+# iterate on test file and/or dist without rebuilding the image
+# (run `yarn build` in the relevant package first if you changed source)
+docker run --rm -e BROWSER=webkit \
+  --mount type=bind,src=/absolute/path/to/rrweb/packages/rrweb-snapshot/dist/rrweb-snapshot.umd.cjs,dst=/work/packages/rrweb-snapshot/dist/rrweb-snapshot.umd.cjs \
+  --mount type=bind,src=/absolute/path/to/rrweb/packages/rrweb-snapshot/test/monkey-patched.test.ts,dst=/work/packages/rrweb-snapshot/test/monkey-patched.test.ts \
+  rrweb-webkit-test bash -c 'yarn workspace rrweb-snapshot vitest run --config vitest.config.webkit.ts'
+```
+
+The image is based on `mcr.microsoft.com/playwright:v1.60.0-jammy` which has all required system libraries pre-installed. The same image can be used to run webkit tests from any package in the monorepo by changing the `yarn workspace` command. Rebuild the image after updating the `playwright` package version or adding new test files.
+
 - Lint: `yarn lint`
 - Rewrite files with prettier: `yarn format` or `yarn format:head`
 
diff --git a/Dockerfile.webkit-test b/Dockerfile.webkit-test
new file mode 100644
index 00000000..a0d82024
--- /dev/null
+++ b/Dockerfile.webkit-test
@@ -0,0 +1,6 @@
+FROM mcr.microsoft.com/playwright:v1.60.0-jammy
+ENV PLAYWRIGHT_BROWSERS_PATH=/ms-playwright
+WORKDIR /work
+COPY . .
+RUN yarn install --ignore-scripts
+WORKDIR /work
diff --git a/Dockerfile.webkit-test.dockerignore b/Dockerfile.webkit-test.dockerignore
new file mode 100644
index 00000000..2952e6b6
--- /dev/null
+++ b/Dockerfile.webkit-test.dockerignore
@@ -0,0 +1,9 @@
+**/node_modules
+**/umd
+**/lib
+**/dist-post
+**/dist-pre
+**/__image_snapshots__
+**/*.png
+**/*.webp
+.git
diff --git a/LICENSE b/LICENSE
index fce28eb8..f6bd47f3 100644
--- a/LICENSE
+++ b/LICENSE
@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2018 Contributors (https://github.com/rrweb-io/rrweb/graphs/contributors) and SmartX Inc.
+Copyright (c) 2018 Contributors (https://github.com/rrweb-io/rrweb/graphs/contributors)
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
diff --git a/README.md b/README.md
index e73c2a87..2f9be7fb 100644
--- a/README.md
+++ b/README.md
@@ -7,25 +7,24 @@
 
 # rrweb
 
-**[The rrweb documentary (in Chinese, with English subtitles)](https://www.bilibili.com/video/BV1wL4y1B7wN?share_source=copy_web)**
+**[(new!) rrweb cloud - hosted rrweb backend is now available](https://rrweb.com/)**
 
 [![Join the chat at slack](https://img.shields.io/badge/slack-@rrweb-teal.svg?logo=slack)](https://join.slack.com/t/rrweb/shared_invite/zt-siwoc6hx-uWay3s2wyG8t5GpZVb8rWg)
 [![Twitter Follow](https://img.shields.io/badge/twitter-@rrweb__io-teal.svg?logo=twitter)](https://twitter.com/rrweb_io)
-![total gzip size](https://img.badgesize.io/https://cdn.jsdelivr.net/npm/rrweb@latest/dist/rrweb.min.cjs?compression=gzip&label=total%20gzip%20size)
-![recorder gzip size](https://img.badgesize.io/https://cdn.jsdelivr.net/npm/rrweb@latest/dist/record/rrweb-record.min.cjs?compression=gzip&label=recorder%20gzip%20size)
-[![](https://data.jsdelivr.com/v1/package/npm/rrweb/badge)](https://www.jsdelivr.com/package/npm/rrweb)
+[![Reddit](https://img.shields.io/badge/reddit-r/rrweb-teal.svg?logo=reddit)](https://www.reddit.com/r/rrweb)
+![record bundle size](https://img.shields.io/bundlejs/size/%40rrweb/record)
+![replay bundle size](https://img.shields.io/bundlejs/size/%40rrweb/replay)
+[![CDN catalog](https://img.shields.io/badge/CDN-catalog-teal)](https://cdn.rrweb.com/catalog.json)
 
 [中文文档](./README.zh_CN.md)
 
-> I have joined Github Sponsors and highly appreciate your sponsorship.
-
 rrweb refers to 'record and replay the web', which is a tool for recording and replaying users' interactions on the web.
 
 ## Guide
 
-[**📚 Read the rrweb guide here. 📚**](./guide.md)
+[**📚 Read the rrweb guide here. 📚**](https://rrweb.com/docs/guide)
 
-[**🍳 Recipes 🍳**](./docs/recipes/index.md)
+[**🍳 Recipes 🍳**](https://rrweb.com/docs/recipes/)
 
 [**📺 Presentation:** Hacking the browser to digital twin your users 📺](https://youtu.be/cWxpp9HwLYw)
 
@@ -39,8 +38,8 @@ rrweb is mainly composed of 3 parts:
 
 ## Roadmap
 
-- storage engine: do deduplication on a large number of rrweb sessions
-- compact mutation data in common patterns
+- ✅ [storage engine: do deduplication on a large number of rrweb sessions](https://rrweb.com)
+- Token efficient AI session replay format (in progress)
 - provide plugins via the new plugin API, including:
   - XHR plugin
   - fetch plugin
@@ -60,15 +59,7 @@ Since we want the record and replay sides to share a strongly typed data structu
 
 [Typescript handbook](https://www.typescriptlang.org/docs/handbook/declaration-files/introduction.html)
 
-1. Fork this repository.
-2. Run `yarn install` in the root to install required dependencies for all sub-packages (note: `npm install` is _not_ recommended).
-3. Run `yarn build:all` to build all packages and get a stable base, then `yarn dev` in the root to get auto-building for all the sub-packages whenever you modify anything.
-4. Navigate to one of the sub-packages (in the `packages` folder) where you'd like to make a change.
-5. Patch the code and run `yarn test` to run the tests, make sure they pass before you commit anything. Add test cases in order to avoid future regression.
-6. If tests are failing, but the change in output is desirable, run `yarn test:update` and carefully commit the changes in test output.
-7. Push the code and create a pull request.
-
-Protip: You can run `yarn test` in the root folder to run all the tests.
+For the latest setup, testing, and pull request workflow, see [Contributing to rrweb](./CONTRIBUTING.md).
 
 In addition to adding integration tests and unit tests, rrweb also provides a REPL testing tool.
 
@@ -131,25 +122,14 @@ In addition to adding integration tests and unit tests, rrweb also provides a RE
 <table>
   <tr>
     <td align="center">
-      <a href="https://github.com/Yuyz0112">
+      <a href="https://github.com/juice10">
         <img
-          src="https://avatars.githubusercontent.com/u/13651389?s=100"
+          src="https://avatars.githubusercontent.com/u/4106?s=100"
           width="100px;"
-          alt=""
+          alt="Justin Halsall"
         />
-        <br /><sub><b>Yuyz0112</b></sub>
-        <br /><br />
-      </a>
-    </td>
-    <td align="center">
-      <a href="https://github.com/YunFeng0817">
-        <img
-          src="https://avatars.githubusercontent.com/u/27533910?s=100"
-          width="100px;"
-          alt=""
-        />
-        <br /><sub><b>Yun Feng</b></sub>
-        <br /><br />
+        <br /><sub><b>Juice10</b></sub>
+        <br /><sub>open for rrweb consulting</sub>
       </a>
     </td>
     <td align="center">
@@ -164,14 +144,14 @@ In addition to adding integration tests and unit tests, rrweb also provides a RE
       </a>
     </td>
     <td align="center">
-      <a href="https://github.com/juice10">
+      <a href="https://github.com/YunFeng0817">
         <img
-          src="https://avatars.githubusercontent.com/u/4106?s=100"
+          src="https://avatars.githubusercontent.com/u/27533910?s=100"
           width="100px;"
           alt=""
         />
-        <br /><sub><b>Juice10</b></sub>
-        <br /><sub>open for rrweb consulting</sub>
+        <br /><sub><b>Yun Feng</b></sub>
+        <br /><br />
       </a>
     </td>
   </tr>
@@ -183,12 +163,12 @@ In addition to adding integration tests and unit tests, rrweb also provides a RE
   <tr>
     <td align="center">
       <a href="http://www.smartx.com/" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/smartx.png">
+        <img width="195px" src="https://raw.githubusercontent.com/rrweb-io/web/master/static/logos/smartx.png" alt="SmartX">
       </a>
     </td>
     <td align="center">
       <a href="https://posthog.com?utm_source=rrweb&utm_medium=sponsorship&utm_campaign=open-source-sponsorship" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/posthog.png">
+        <img width="195px" src="https://rrweb.com/posthog.png" alt="PostHog">
       </a>
     </td>
     <td align="center">
@@ -202,7 +182,39 @@ In addition to adding integration tests and unit tests, rrweb also provides a RE
       </a>
     </td>
   </tr>
-    <tr>
+  <tr>
+    <td align="center">
+      <a href="https://sentry.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/sentry.png" alt="Sentry">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.pendo.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/pendo.png" alt="Pendo">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://mixpanel.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/mixpanel.png" alt="Mixpanel">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.datadoghq.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/datadog.png" alt="Datadog">
+      </a>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="https://amplitude.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/amplitude.png" alt="Amplitude">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://newrelic.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/new%20relic.png" alt="New Relic">
+      </a>
+    </td>
     <td align="center">
       <a href="https://cux.io" target="_blank">
         <img style="padding: 8px" alt="The first ever UX automation tool" width="195px" src="https://cux.io/cux-logo.svg">
@@ -213,6 +225,8 @@ In addition to adding integration tests and unit tests, rrweb also provides a RE
         <img style="padding: 8px" alt="Remote Access & Co-Browsing" width="195px" src="https://remsupp.com/images/logo.png">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://highlight.io" target="_blank">
         <img style="padding: 8px" alt="The open source, fullstack Monitoring Platform." width="195px" src="https://github.com/highlight/highlight/raw/main/highlight.io/public/images/logo.png">
@@ -220,11 +234,9 @@ In addition to adding integration tests and unit tests, rrweb also provides a RE
     </td>
     <td align="center">
       <a href="https://analyzee.io" target="_blank">
-        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://cdn.analyzee.io/assets/analyzee-logo.png">
+        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://analyzee.io/img/analyzee-main-logo.webp">
       </a>
     </td>
-  </tr>
-  <tr>
     <td align="center">
       <a href="https://requestly.io" target="_blank">
         <img style="padding: 8px" alt="Intercept, Modify, Record & Replay HTTP Requests." width="195px" src="https://github.com/requestly/requestly/assets/16779465/652552db-c867-44cb-9bb5-94a2026e04ca">
@@ -235,6 +247,8 @@ In addition to adding integration tests and unit tests, rrweb also provides a RE
         <img style="padding: 8px" alt="In-app bug reporting & customer feedback platform." width="195px" src="https://assets-global.website-files.com/6506f3f29c68b1724807619d/6506f56010237164c6306591_GleapLogo.svg">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://uxwizz.com" target="_blank">
         <img style="padding: 8px" alt="Self-hosted website analytics with heatmaps and session recordings." width="195px" src="https://github.com/UXWizz/public-files/raw/main/assets/logo.png">
diff --git a/README.zh_CN.md b/README.zh_CN.md
index 6e6c408a..b3d4640b 100644
--- a/README.zh_CN.md
+++ b/README.zh_CN.md
@@ -10,9 +10,10 @@
 **[rrweb 纪录片（中文）](https://www.bilibili.com/video/BV1wL4y1B7wN?share_source=copy_web)**
 
 [![Join the chat at slack](https://img.shields.io/badge/slack-@rrweb-teal.svg?logo=slack)](https://join.slack.com/t/rrweb/shared_invite/zt-siwoc6hx-uWay3s2wyG8t5GpZVb8rWg)
-![total gzip size](https://img.badgesize.io/https://cdn.jsdelivr.net/npm/rrweb@latest/dist/rrweb.min.cjs?compression=gzip&label=total%20gzip%20size)
-![recorder gzip size](https://img.badgesize.io/https://cdn.jsdelivr.net/npm/rrweb@latest/dist/record/rrweb-record.min.cjs?compression=gzip&label=recorder%20gzip%20size)
-[![](https://data.jsdelivr.com/v1/package/npm/rrweb/badge)](https://www.jsdelivr.com/package/npm/rrweb)
+[![Reddit](https://img.shields.io/badge/reddit-r/rrweb-teal.svg?logo=reddit)](https://www.reddit.com/r/rrweb)
+![record bundle size](https://img.shields.io/bundlejs/size/%40rrweb/record)
+![replay bundle size](https://img.shields.io/bundlejs/size/%40rrweb/replay)
+[![CDN catalog](https://img.shields.io/badge/CDN-catalog-teal)](https://cdn.rrweb.com/catalog.json)
 
 > 我已开通 Github Sponsor， 您可以通过赞助的形式帮助 rrweb 的开发。
 
@@ -173,12 +174,12 @@ rrweb 主要由 3 部分组成：
   <tr>
     <td align="center">
       <a href="http://www.smartx.com/" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/smartx.png">
+        <img width="195px" src="https://raw.githubusercontent.com/rrweb-io/web/master/static/logos/smartx.png" alt="SmartX">
       </a>
     </td>
     <td align="center">
       <a href="https://posthog.com?utm_source=rrweb&utm_medium=sponsorship&utm_campaign=open-source-sponsorship" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/posthog.png">
+        <img width="195px" src="https://rrweb.com/posthog.png" alt="PostHog">
       </a>
     </td>
     <td align="center">
@@ -192,7 +193,39 @@ rrweb 主要由 3 部分组成：
       </a>
     </td>
   </tr>
-    <tr>
+  <tr>
+    <td align="center">
+      <a href="https://sentry.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/sentry.png" alt="Sentry">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.pendo.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/pendo.png" alt="Pendo">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://mixpanel.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/mixpanel.png" alt="Mixpanel">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.datadoghq.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/datadog.png" alt="Datadog">
+      </a>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="https://amplitude.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/amplitude.png" alt="Amplitude">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://newrelic.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/new%20relic.png" alt="New Relic">
+      </a>
+    </td>
     <td align="center">
       <a href="https://cux.io" target="_blank">
         <img style="padding: 8px" alt="The first ever UX automation tool" width="195px" src="https://cux.io/cux-logo.svg">
@@ -203,6 +236,8 @@ rrweb 主要由 3 部分组成：
         <img style="padding: 8px" alt="Remote Access & Co-Browsing" width="195px" src="https://remsupp.com/images/logo.png">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://highlight.io" target="_blank">
         <img style="padding: 8px" alt="The open source, fullstack Monitoring Platform." width="195px" src="https://github.com/highlight/highlight/raw/main/highlight.io/public/images/logo.png">
@@ -210,11 +245,9 @@ rrweb 主要由 3 部分组成：
     </td>
     <td align="center">
       <a href="https://analyzee.io" target="_blank">
-        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://cdn.analyzee.io/assets/analyzee-logo.png">
+        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://analyzee.io/img/analyzee-main-logo.webp">
       </a>
     </td>
-  </tr>
-  <tr>
     <td align="center">
       <a href="https://requestly.io" target="_blank">
         <img style="padding: 8px" alt="Intercept, Modify, Record & Replay HTTP Requests." width="195px" src="https://github.com/requestly/requestly/assets/16779465/652552db-c867-44cb-9bb5-94a2026e04ca">
@@ -225,6 +258,8 @@ rrweb 主要由 3 部分组成：
         <img style="padding: 8px" alt="In-app bug reporting & customer feedback platform." width="195px" src="https://assets-global.website-files.com/6506f3f29c68b1724807619d/6506f56010237164c6306591_GleapLogo.svg">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://uxwizz.com" target="_blank">
         <img style="padding: 8px" alt="Self-hosted website analytics with heatmaps and session recordings." width="195px" src="https://github.com/UXWizz/public-files/raw/main/assets/logo.png">
diff --git a/SECURITY.md b/SECURITY.md
index 7533ec15..d9ea49ce 100644
--- a/SECURITY.md
+++ b/SECURITY.md
@@ -1,7 +1,7 @@
 # Reporting and Fixing Security Issues
 
 **Do not open Issues or Pull Requests for security issues.**  
-This will make potential issues publicly visible before LaunchDarkly's Security Team can address them, which could lead to a compromise of the platform and negatively impact our customers. 
+This will make potential issues publicly visible before LaunchDarkly's Security Team can address them, which could lead to a compromise of the platform and negatively impact our customers.
 
 Security issues must be reported through our [Bug Bounty program](https://bugcrowd.com/engagements/launchdarkly-mbb-og), following the program policy, for triage and remediation by the LaunchDarkly Security Team. Valid security issues may be eligible for a bounty.
 
diff --git a/docs/adr/0001-record-source-boundary-resolver.md b/docs/adr/0001-record-source-boundary-resolver.md
new file mode 100644
index 00000000..eb9b261c
--- /dev/null
+++ b/docs/adr/0001-record-source-boundary-resolver.md
@@ -0,0 +1,7 @@
+# Use a record-local source-boundary resolver
+
+`@rrweb/record` needs to build without replay-only `rrweb-snapshot` code such as `postcss`, but adding public snapshot/rebuild subpath exports would expand the package API and create compatibility obligations. We will keep the public package API unchanged and add a resolver scoped to the `@rrweb/record` build that maps selected bare package imports to local source entrypoints, restoring Rollup's module visibility for tree-shaking.
+
+## Follow-up Refactor
+
+`rrweb-snapshot` now has internal snapshot-domain and rebuild-domain utility entrypoints. These entrypoints currently re-export from the legacy shared `utils.ts` module, preserving public API compatibility while making a future split of snapshot-only, rebuild-only, and shared helpers incremental.
diff --git a/docs/adr/0001-require-sandboxed-browser-rebuilds.md b/docs/adr/0001-require-sandboxed-browser-rebuilds.md
new file mode 100644
index 00000000..c3a5b827
--- /dev/null
+++ b/docs/adr/0001-require-sandboxed-browser-rebuilds.md
@@ -0,0 +1,3 @@
+# Require Sandboxed Browser Rebuilds
+
+`rrweb-snapshot.rebuild()` will reject unprotected browser documents by default. Browser replay security is enforced by iframe sandboxing, not by trying to sanitize every executable DOM, URL, CSS, SVG, or event-handler vector. Callers that intentionally rebuild into an unprotected browser document must use an explicit unsafe opt-out, while untrusted replay data should use a sandboxed iframe target or the safe helper API.
diff --git a/docs/recipes/canvas.md b/docs/recipes/canvas.md
index d6676211..8c2df1b7 100644
--- a/docs/recipes/canvas.md
+++ b/docs/recipes/canvas.md
@@ -6,7 +6,9 @@ There are some options for recording and replaying Canvas.
 Enable recording Canvas：
 
 ```js
-rrweb.record({
+import { record } from '@rrweb/record';
+
+record({
   emit(event) {},
   recordCanvas: true,
 });
@@ -15,7 +17,9 @@ rrweb.record({
 Alternatively enable image snapshot recording of Canvas at a maximum of 15 frames per second：
 
 ```js
-rrweb.record({
+import { record } from '@rrweb/record';
+
+record({
   emit(event) {},
   recordCanvas: true,
   sampling: {
@@ -32,13 +36,15 @@ rrweb.record({
 Enable replaying Canvas：
 
 ```js
-const replayer = new rrweb.Replayer(events, {
+import { Replayer } from '@rrweb/replay';
+
+const replayer = new Replayer(events, {
   UNSAFE_replayCanvas: true,
 });
 replayer.play();
 ```
 
-**Enable replaying Canvas will remove the sandbox, which may cause a potential security issue.**
+**Enabling canvas replay adds `allow-scripts` to the replay iframe and opts out of rrweb's sandbox script-execution protection. Only use `UNSAFE_replayCanvas` for replay data whose risk you accept.**
 
 Alternatively you can stream canvas elements via webrtc with the [rrweb-plugin-canvas-webrtc-record](../../packages/plugins/rrweb-plugin-canvas-webrtc-record/) & [rrweb-plugin-canvas-webrtc-replay](../../packages/plugins/rrweb-plugin-canvas-webrtc-replay) plugins.
 For more information see [canvas-webrtc documentation](../../packages/plugins/rrweb-plugin-canvas-webrtc-record/Readme.md)
diff --git a/docs/recipes/canvas.zh_CN.md b/docs/recipes/canvas.zh_CN.md
index ae8902a4..0d033cb2 100644
--- a/docs/recipes/canvas.zh_CN.md
+++ b/docs/recipes/canvas.zh_CN.md
@@ -5,7 +5,9 @@ Canvas 是一种特殊的 HTML 元素，默认情况下其内容不会被 rrweb
 录制时包含 Canvas 内的内容：
 
 ```js
-rrweb.record({
+import { record } from '@rrweb/record';
+
+record({
   emit(event) {},
   // 对 canvas 进行录制
   recordCanvas: true,
@@ -15,7 +17,9 @@ rrweb.record({
 或者启用每秒 15 帧的 Canvas 图像快照记录：
 
 ```js
-rrweb.record({
+import { record } from '@rrweb/record';
+
+record({
   emit(event) {},
   recordCanvas: true,
   sampling: {
@@ -32,13 +36,15 @@ rrweb.record({
 回放时对 Canvas 进行回放：
 
 ```js
-const replayer = new rrweb.Replayer(events, {
+import { Replayer } from '@rrweb/replay';
+
+const replayer = new Replayer(events, {
   UNSAFE_replayCanvas: true,
 });
 replayer.play();
 ```
 
-**回放 Canvas 将会关闭沙盒策略，导致一定风险**。
+**启用 canvas 回放会向回放 iframe 添加 `allow-scripts`，并退出 rrweb 沙盒的脚本执行保护。仅在你接受该风险的回放数据上使用 `UNSAFE_replayCanvas`。**
 
 另外，您可以使用 [rrweb-plugin-canvas-webrtc-record](../../packages/plugins/rrweb-plugin-canvas-webrtc-record/) 和 [rrweb-plugin-canvas-webrtc-replay](../../packages/plugins/rrweb-plugin-canvas-webrtc-replay) 插件通过 WebRTC 流式传输 Canvas 元素。
 有关更多信息，请参考 [canvas-webrtc 文档](../../packages/plugins/rrweb-plugin-canvas-webrtc-record/Readme.md)。
diff --git a/docs/recipes/console.md b/docs/recipes/console.md
index eb7b9a15..ccc67848 100644
--- a/docs/recipes/console.md
+++ b/docs/recipes/console.md
@@ -8,10 +8,10 @@ This feature aims to provide developers with more information about the bug scen
 You can enable the logger using default option like this:
 
 ```js
-import rrweb from 'rrweb';
+import { record } from '@rrweb/record';
 import { getRecordConsolePlugin } from '@rrweb/rrweb-plugin-console-record';
 
-rrweb.record({
+record({
   emit: function emit(event) {
     // you should use console.log in this way to avoid errors.
     const defaultLog = console.log['__rrweb_original__']
@@ -30,10 +30,10 @@ You should call console.log.\_\_rrweb_original\_\_() instead.
 You can also customize the behavior of logger like this:
 
 ```js
-import rrweb from 'rrweb';
+import { record } from '@rrweb/record';
 import { getRecordConsolePlugin } from '@rrweb/rrweb-plugin-console-record';
 
-rrweb.record({
+record({
   emit: function emit(event) {
     // you should use console.log in this way to avoid errors.
     const defaultLog = console.log['__rrweb_original__']
@@ -70,10 +70,10 @@ All options are described below:
 If recorded events include data of console log type, we will automatically play them.
 
 ```js
-import rrweb from 'rrweb';
+import { Replayer } from '@rrweb/replay';
 import { getReplayConsolePlugin } from '@rrweb/rrweb-plugin-console-replay';
 
-const replayer = new rrweb.Replayer(events, {
+const replayer = new Replayer(events, {
   plugins: [
     getReplayConsolePlugin({
       level: ['info', 'log', 'warn', 'error'],
diff --git a/docs/recipes/console.zh_CN.md b/docs/recipes/console.zh_CN.md
index 42d0c08c..fdbfdc60 100644
--- a/docs/recipes/console.zh_CN.md
+++ b/docs/recipes/console.zh_CN.md
@@ -7,10 +7,10 @@
 可以通过如下代码使用默认的配置选项
 
 ```js
-import rrweb from 'rrweb';
+import { record } from '@rrweb/record';
 import { getRecordConsolePlugin } from '@rrweb/rrweb-plugin-console-record';
 
-rweb.record({
+record({
   emit: function emit(event) {
     // 如果要使用console来输出信息，请使用如下的写法
     const defaultLog = console.log['__rrweb_original__']
@@ -29,10 +29,10 @@ rweb.record({
 你也可以定制录制 console 的选项
 
 ```js
-import rrweb from 'rrweb';
+import { record } from '@rrweb/record';
 import { getRecordConsolePlugin } from '@rrweb/rrweb-plugin-console-record';
 
-rrweb.record({
+record({
   emit: function emit(event) {
     // 如果要使用console来输出信息，请使用如下的写法
     const defaultLog = console.log['__rrweb_original__']
@@ -69,10 +69,10 @@ rrweb.record({
 如果 replayer 传入的 events 中包含了 console 类型的数据，我们将自动播放这些数据。
 
 ```js
-import rrweb from 'rrweb';
+import { Replayer } from '@rrweb/replay';
 import { getReplayConsolePlugin } from '@rrweb/rrweb-plugin-console-replay';
 
-const replayer = new rrweb.Replayer(events, {
+const replayer = new Replayer(events, {
   plugins: [
     getReplayConsolePlugin({
       level: ['info', 'log', 'warn', 'error'],
diff --git a/docs/recipes/cross-origin-iframes.md b/docs/recipes/cross-origin-iframes.md
index 89c01dee..f945d642 100644
--- a/docs/recipes/cross-origin-iframes.md
+++ b/docs/recipes/cross-origin-iframes.md
@@ -8,7 +8,9 @@ Since if you allow recording cross origin iframes, any malicious website can emb
 Enable recording cross-origin iframes in your parent page:
 
 ```js
-rrweb.record({
+import { record } from '@rrweb/record';
+
+record({
   emit(event) {}, // all events will be emitted here, including events from cross origin iframes
   recordCrossOriginIframes: true,
 });
@@ -17,7 +19,9 @@ rrweb.record({
 Enable replaying cross-origin iframes in your child page:
 
 ```js
-rrweb.record({
+import { record } from '@rrweb/record';
+
+record({
   emit(event) {}, // this is required for rrweb, but the child page will not emit any events
   recordCrossOriginIframes: true,
 });
diff --git a/docs/recipes/cross-origin-iframes.zh_CN.md b/docs/recipes/cross-origin-iframes.zh_CN.md
index b56f9542..c0d1397b 100644
--- a/docs/recipes/cross-origin-iframes.zh_CN.md
+++ b/docs/recipes/cross-origin-iframes.zh_CN.md
@@ -8,7 +8,9 @@
 在父页面中启用录制跨域 iframe:
 
 ```js
-rrweb.record({
+import { record } from '@rrweb/record';
+
+record({
   emit(event) {}, // 所有事件都将在此处发出，包括来自跨源 iframe 的事件
   recordCrossOriginIframes: true,
 });
@@ -17,7 +19,9 @@ rrweb.record({
 在您的子页面中启用重放跨域 iframe:
 
 ```js
-rrweb.record({
+import { record } from '@rrweb/record';
+
+record({
   emit(event) {}, // 这是 rrweb 所必需的，但子页面不会发出任何事件
   recordCrossOriginIframes: true,
 });
diff --git a/docs/recipes/custom-event.md b/docs/recipes/custom-event.md
index 287b8e7d..105876d9 100644
--- a/docs/recipes/custom-event.md
+++ b/docs/recipes/custom-event.md
@@ -5,19 +5,21 @@ You may need to record some custom events along with the rrweb events, and let t
 After starting the recording, we can call the `record.addCustomEvent` API to add a custom event.
 
 ```js
+import { record } from '@rrweb/record';
+
 // start recording
-rrweb.record({
+record({
   emit(event) {
     ...
   }
 })
 
 // record some custom events at any time
-rrweb.record.addCustomEvent('submit-form', {
+record.addCustomEvent('submit-form', {
   name: 'Adam',
   age: 18
 })
-rrweb.record.addCustomEvent('some-error', {
+record.addCustomEvent('some-error', {
   error
 })
 ```
@@ -29,7 +31,9 @@ During the replay, we can add an event listener to custom events, or configure t
 **Listen to custom events**
 
 ```js
-const replayer = new rrweb.Replayer(events);
+import { Replayer } from '@rrweb/replay';
+
+const replayer = new Replayer(events);
 
 replayer.on('custom-event', (event) => {
   console.log(event.tag, event.payload);
diff --git a/docs/recipes/custom-event.zh_CN.md b/docs/recipes/custom-event.zh_CN.md
index 388d48ce..47f6e2be 100644
--- a/docs/recipes/custom-event.zh_CN.md
+++ b/docs/recipes/custom-event.zh_CN.md
@@ -5,19 +5,21 @@
 开始录制后，我们就可以通过 `record.addCustomEvent` API 添加自定义事件：
 
 ```js
+import { record } from '@rrweb/record';
+
 // 开始录制
-rrweb.record({
+record({
   emit(event) {
     ...
   }
 })
 
 // 在开始录制后的任意时间点记录自定义事件，例如：
-rrweb.record.addCustomEvent('submit-form', {
+record.addCustomEvent('submit-form', {
   name: '姓名',
   age: 18
 })
-rrweb.record.addCustomEvent('some-error', {
+record.addCustomEvent('some-error', {
   error
 })
 ```
@@ -29,7 +31,9 @@ rrweb.record.addCustomEvent('some-error', {
 **获取对应事件**
 
 ```js
-const replayer = new rrweb.Replayer(events);
+import { Replayer } from '@rrweb/replay';
+
+const replayer = new Replayer(events);
 
 replayer.on('custom-event', (event) => {
   console.log(event.tag, event.payload);
diff --git a/docs/recipes/customize-replayer.md b/docs/recipes/customize-replayer.md
index 218ced24..5f9570f5 100644
--- a/docs/recipes/customize-replayer.md
+++ b/docs/recipes/customize-replayer.md
@@ -1,13 +1,13 @@
 # Customize the Replayer
 
-When rrweb's Replayer and the [rrweb-player](../../packages/rrweb-player/) UI do not fit your need, you can customize your replayer UI.
+When `Replayer` and the [rrweb-player](../../packages/rrweb-player/) UI do not fit your need, you can customize your replayer UI.
 
 There are several ways to do this:
 
 1. Use [rrweb-player](../../packages/rrweb-player/), and customize its CSS.
 2. Use [rrweb-player](../../packages/rrweb-player/), and set `showController: false` to hide the controller UI. With this config, you can implement your controller UI.
 3. Use the `insertStyleRules` options to inject some CSS into the replay iframe.
-4. Develop a new replayer UI with rrweb's Replayer.
+4. Develop a new replayer UI with `Replayer`.
 
 ## Implement Your Controller UI
 
@@ -69,6 +69,6 @@ rrwebPlayer.addEventListener('ui-update-progress', (event) => {
 });
 ```
 
-## Develop a new replayer UI with rrweb's Replayer.
+## Develop a new replayer UI with `Replayer`.
 
 Please refer [rrweb-player](https://github.com/rrweb-io/rrweb/tree/master/packages/rrweb-player/).
diff --git a/docs/recipes/customize-replayer.zh_CN.md b/docs/recipes/customize-replayer.zh_CN.md
index 70a29730..7142b81e 100644
--- a/docs/recipes/customize-replayer.zh_CN.md
+++ b/docs/recipes/customize-replayer.zh_CN.md
@@ -1,13 +1,13 @@
 # 自定义回放 UI
 
-当 rrweb Replayer 和 [rrweb-player](../../packages/rrweb-player/) 的 UI 不能满足需求时，可以通过自定义回放 UI 制作属于你自己的回放器。
+当 `Replayer` 和 [rrweb-player](../../packages/rrweb-player/) 的 UI 不能满足需求时，可以通过自定义回放 UI 制作属于你自己的回放器。
 
 你可以通过以下几种方式从不同角度自定义回放 UI：
 
 1. 使用 [rrweb-player](../../packages/rrweb-player/) 时，通过覆盖 CSS 样式表定制 UI。
 2. 使用 [rrweb-player](../../packages/rrweb-player/) 时，通过 `showController: false` 隐藏控制器 UI，重新实现控制器 UI。
 3. 通过 `insertStyleRules` 在回放页面（iframe）内定制 CSS 样式。
-4. 基于 rrweb Replayer 开发自己的回放器 UI。
+4. 基于 `Replayer` 开发自己的回放器 UI。
 
 ## 实现控制器 UI
 
@@ -69,6 +69,6 @@ rrwebPlayer.addEventListener('ui-update-progress', (event) => {
 });
 ```
 
-## 基于 rrweb Replayer 开发自己的回放器 UI
+## 基于 `Replayer` 开发自己的回放器 UI
 
 可以参照 [rrweb-player](https://github.com/rrweb-io/rrweb/tree/master/packages/rrweb-player/) 的方式进行开发。
diff --git a/docs/recipes/index.md b/docs/recipes/index.md
index 0a542606..6f5c71d5 100644
--- a/docs/recipes/index.md
+++ b/docs/recipes/index.md
@@ -42,7 +42,7 @@ By default, the UI could not interact during replay. But you can use API to enab
 
 ### Customize The Replayer
 
-When rrweb's Replayer and the rrweb-player UI do not fit your need, you can customize your own replayer UI.
+When `Replayer` and the rrweb-player UI do not fit your need, you can customize your own replayer UI.
 
 [link](./customize-replayer.md)
 
diff --git a/docs/recipes/index.zh_CN.md b/docs/recipes/index.zh_CN.md
index 708965a9..1aa735c2 100644
--- a/docs/recipes/index.zh_CN.md
+++ b/docs/recipes/index.zh_CN.md
@@ -42,7 +42,7 @@
 
 ### 自定义回放 UI
 
-当 rrweb Replayer 和 rrweb-player 的 UI 不能满足需求时，可以通过自定义回放 UI 制作属于你自己的回放器。
+当 `Replayer` 和 rrweb-player 的 UI 不能满足需求时，可以通过自定义回放 UI 制作属于你自己的回放器。
 
 [链接](./customize-replayer.zh_CN.md)
 
diff --git a/docs/recipes/interaction.md b/docs/recipes/interaction.md
index b2d8e9c5..d9f45433 100644
--- a/docs/recipes/interaction.md
+++ b/docs/recipes/interaction.md
@@ -3,7 +3,9 @@
 By default, the UI could not interact during replay. But you can use API to enable/disable this programmatically.
 
 ```js
-const replayer = new rrweb.Replayer(events);
+import { Replayer } from '@rrweb/replay';
+
+const replayer = new Replayer(events);
 
 // enable user interact with the UI
 replayer.enableInteract();
diff --git a/docs/recipes/interaction.zh_CN.md b/docs/recipes/interaction.zh_CN.md
index 9a054125..509545f5 100644
--- a/docs/recipes/interaction.zh_CN.md
+++ b/docs/recipes/interaction.zh_CN.md
@@ -3,7 +3,9 @@
 回放时的 UI 默认不可交互，但在特定场景下也可以通过 API 允许用户与回放场景进行交互。
 
 ```js
-const replayer = new rrweb.Replayer(events);
+import { Replayer } from '@rrweb/replay';
+
+const replayer = new Replayer(events);
 
 // 允许用户在回放的 UI 中进行交互
 replayer.enableInteract();
diff --git a/docs/recipes/live-mode.md b/docs/recipes/live-mode.md
index 8d60f7b7..0f14195e 100644
--- a/docs/recipes/live-mode.md
+++ b/docs/recipes/live-mode.md
@@ -2,10 +2,12 @@
 
 If you want to replay the events in a real-time way, you can use the live mode API. This API is also useful for some real-time collaboration usage.
 
-When you are using rrweb's Replayer to do a real-time replay, you need to configure `liveMode: true` and call the `startLive` API to enable the live mode.
+When you use `Replayer` for real-time replay, configure `liveMode: true` and call `startLive()` to enable live mode.
 
 ```js
-const replayer = new rrweb.Replayer([], {
+import { Replayer } from '@rrweb/replay';
+
+const replayer = new Replayer([], {
   liveMode: true,
 });
 replayer.startLive();
@@ -22,7 +24,9 @@ function onReceive(event) {
 If you have an ongoing recording that already has events, and wish to initiate play from a 'live' time, it's also possible to use the `play` function, supplied with an offset which corresponds to the current time:
 
 ```js
-const replayer = new rrweb.Replayer(EXISTING_EVENTS, {
+import { Replayer } from '@rrweb/replay';
+
+const replayer = new Replayer(EXISTING_EVENTS, {
   liveMode: true,
 });
 replayer.play(Date.now() - EXISTING_EVENTS[0].timestamp);
diff --git a/docs/recipes/live-mode.zh_CN.md b/docs/recipes/live-mode.zh_CN.md
index a2c6c206..2766db82 100644
--- a/docs/recipes/live-mode.zh_CN.md
+++ b/docs/recipes/live-mode.zh_CN.md
@@ -2,10 +2,12 @@
 
 如果希望持续、实时地看到录制的数据，达到类似直播的效果，则可以使用实时回放 API。这个方式也适用于一些实时协同的场景。
 
-使用 rrweb Replayer 进行实时回放时，需要传入 `liveMode: true` 配置，并通过 `startLive` API 启动直播模式。
+使用 `Replayer` 进行实时回放时，需要传入 `liveMode: true` 配置，并通过 `startLive` API 启动直播模式。
 
 ```js
-const replayer = new rrweb.Replayer([], {
+import { Replayer } from '@rrweb/replay';
+
+const replayer = new Replayer([], {
   liveMode: true,
 });
 
diff --git a/docs/recipes/network.md b/docs/recipes/network.md
new file mode 100644
index 00000000..76288080
--- /dev/null
+++ b/docs/recipes/network.md
@@ -0,0 +1,109 @@
+# network recorder and replayer
+
+This feature aims to provide developers with more information about the bug scene. There are some options for recording and replaying network output.
+
+### Enable recording network
+
+You can enable using default option like this:
+
+```js
+import { record } from '@rrweb/record';
+import { getRecordNetworkPlugin } from '@rrweb/rrweb-plugin-network-record';
+
+record({
+  emit: function emit(event) {
+    events.push(event);
+  },
+  // to use default record option
+  plugins: [getRecordNetworkPlugin()],
+});
+```
+
+You can also customize the behavior of logger like this:
+
+```js
+import { record } from '@rrweb/record';
+import { getRecordNetworkPlugin } from '@rrweb/rrweb-plugin-network-record';
+
+const recordingId = crypto.randomUUID();
+
+record({
+  emit: function emit(event) {
+    fetch(`https://api.rrweb.com/recordings/${recordingId}/events`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({
+        events: [event],
+      }),
+    });
+  },
+  // customized record options
+  plugins: [
+    getRecordNetworkPlugin({
+      initiatorTypes: ['fetch', 'xmlhttprequest'],
+      // mask/block recording event for request
+      transformRequestFn: (request) => {
+        // request.name is url
+        if (request.name.includes('api.rrweb.com')) return; // skip request
+        delete request.requestHeaders?.Authorization; // remove sensitive data
+        request.responseBody = maskTextFn(request.responseBody);
+        return request;
+      },
+      recordHeaders: true,
+      recordBody: true,
+      recordInitialRequests: false,
+    }),
+  ],
+});
+```
+
+**alert**: If you are uploading events to a server, you should always use `transformRequestFn` to mask/block recording events for these requests or else you will cause a nasty loop.
+
+All options are described below:
+
+| key                   | default                                | description                                                                                                                                                                                         |
+| --------------------- | -------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| initiatorTypes        | `['fetch','xmlhttprequest','img',...]` | Default value contains names of all [initiator types](https://developer.mozilla.org/en-US/docs/Web/API/PerformanceResourceTiming/initiatorType). You can override it by setting the types you need. |
+| transformRequestFn    | `(request) => request`                 | Transform recording event for request to block (skip) or mask/transform request (e.g. to hide sensitive data)                                                                                       |
+| recordHeaders         | `false`                                | Record the request & response headers for `fetch` and `xmlhttprequest` requests                                                                                                                     |
+| recordBody            | `false`                                | Record the request & response bodies for `fetch` and `xmlhttprequest` requests                                                                                                                      |
+| recordInitialRequests | `false`                                | Record an event for all requests prior to `record()` being called                                                                                                                                   |
+
+## replay network
+
+It is up to you to decide how to best replay your network events using the `onNetworkData` callback.
+
+```js
+import rrweb from 'rrweb';
+import { getReplayNetworkPlugin } from '@rrweb/rrweb-plugin-network-replay';
+
+const replayer = new rrweb.Replayer(events, {
+  plugins: [
+    getReplayNetworkPlugin({
+      onNetworkData: ({ requests }) => {
+        for (const request of requests) {
+          const name = request.name; // url
+          const method = request.method;
+          const status = request.status;
+          console.log(`${method} ${name} ${status}`);
+        }
+      },
+    }),
+  ],
+});
+replayer.play();
+```
+
+Description of replay option is as follows:
+
+| key           | default     | description                                                                                |
+| ------------- | ----------- | ------------------------------------------------------------------------------------------ |
+| onNetworkData | `undefined` | You could use this interface to replay the network requests in a simulated browser console |
+
+## technical implementation
+
+This implementation records [`fetch`](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API) and [`XMLHttpRequest`](https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest) by patching their object & methods. We record document navigation using [`PerformanceNavigationTiming`](https://developer.mozilla.org/en-US/docs/Web/API/PerformanceNavigationTiming) and we use [`PerformanceResourceTiming`](https://developer.mozilla.org/en-US/docs/Web/API/PerformanceResourceTiming) for recording everything else (script, img, link etc.) via [`PerformanceObserver`](https://developer.mozilla.org/en-US/docs/Web/API/PerformanceObserver) API.
+
+For more information please see [[network-plugin] Feat: Capture network events #1105](https://github.com/rrweb-io/rrweb/pull/1105) PR.
diff --git a/docs/recipes/optimize-storage.md b/docs/recipes/optimize-storage.md
index 9a67d103..9b658137 100644
--- a/docs/recipes/optimize-storage.md
+++ b/docs/recipes/optimize-storage.md
@@ -26,7 +26,9 @@ Use the sampling config in the recording can reduce the storage size by dropping
 **Scenario 1**
 
 ```js
-rrweb.record({
+import { record } from '@rrweb/record';
+
+record({
   emit(event) {},
   sampling: {
     // do not record mouse movement
@@ -46,7 +48,9 @@ rrweb.record({
 **Scenario 2**
 
 ```js
-rrweb.record({
+import { record } from '@rrweb/record';
+
+record({
   emit(event) {},
   sampling: {
     // Configure which kinds of mouse interaction should be recorded
@@ -76,7 +80,7 @@ You can use it by passing it as the `packFn` in the recording.
 ```js
 import { pack } from '@rrweb/packer';
 
-rrweb.record({
+record({
   emit(event) {},
   packFn: pack,
 });
@@ -86,8 +90,9 @@ And you need to pass packer.unpack as the `unpackFn` in replaying.
 
 ```js
 import { unpack } from '@rrweb/packer';
+import { Replayer } from '@rrweb/replay';
 
-const replayer = new rrweb.Replayer(events, {
+const replayer = new Replayer(events, {
   unpackFn: unpack,
 });
 ```
diff --git a/docs/recipes/optimize-storage.zh_CN.md b/docs/recipes/optimize-storage.zh_CN.md
index 92bbdbdb..181fe4fd 100644
--- a/docs/recipes/optimize-storage.zh_CN.md
+++ b/docs/recipes/optimize-storage.zh_CN.md
@@ -26,7 +26,9 @@
 **示例 1**
 
 ```js
-rrweb.record({
+import { record } from '@rrweb/record';
+
+record({
   emit(event) {},
   sampling: {
     // 不录制鼠标移动事件
@@ -46,7 +48,9 @@ rrweb.record({
 **示例 2**
 
 ```js
-rrweb.record({
+import { record } from '@rrweb/record';
+
+record({
   emit(event) {},
   sampling: {
     // 定义不录制的鼠标交互事件类型，可以细粒度的开启或关闭对应交互录制
@@ -74,9 +78,9 @@ rrweb 提供了一个基于 fflate 的简单压缩函数，在 [@rrweb/packer](.
 ```js
 import { pack } from '@rrweb/packer';
 
-rrweb.record({
+record({
   emit(event) {},
-  packFn: rrweb.pack,
+  packFn: pack,
 });
 ```
 
@@ -84,9 +88,10 @@ rrweb.record({
 
 ```js
 import { unpack } from '@rrweb/packer';
+import { Replayer } from '@rrweb/replay';
 
-const replayer = new rrweb.Replayer(events, {
-  unpackFn: rrweb.unpack,
+const replayer = new Replayer(events, {
+  unpackFn: unpack,
 });
 ```
 
diff --git a/docs/recipes/pagination.md b/docs/recipes/pagination.md
index 7b439c8a..87f41c09 100644
--- a/docs/recipes/pagination.md
+++ b/docs/recipes/pagination.md
@@ -5,7 +5,9 @@ When the size of the recorded events increased, load them in one request is not
 rrweb's API for loading async events is quite simple:
 
 ```js
-const replayer = new rrweb.Replayer(events);
+import { Replayer } from '@rrweb/replay';
+
+const replayer = new Replayer(events);
 
 replayer.addEvent(NEW_EVENT);
 ```
@@ -15,7 +17,9 @@ When calling the `addEvent` API to add a new event, rrweb will resolve its times
 If you need to load several events, you can do a loop like this:
 
 ```js
-const replayer = new rrweb.Replayer(events);
+import { Replayer } from '@rrweb/replay';
+
+const replayer = new Replayer(events);
 
 for (const event of NEW_EVENTS) {
   replayer.addEvent(event);
diff --git a/docs/recipes/pagination.zh_CN.md b/docs/recipes/pagination.zh_CN.md
index 92d5ed1e..5da70045 100644
--- a/docs/recipes/pagination.zh_CN.md
+++ b/docs/recipes/pagination.zh_CN.md
@@ -5,7 +5,9 @@
 rrweb 中用于实现异步加载数据的 API 非常简单直观：
 
 ```js
-const replayer = new rrweb.Replayer(events);
+import { Replayer } from '@rrweb/replay';
+
+const replayer = new Replayer(events);
 
 replayer.addEvent(NEW_EVENT);
 ```
@@ -15,7 +17,9 @@ replayer.addEvent(NEW_EVENT);
 如果需要异步加载多个数据，只需这样使用：
 
 ```js
-const replayer = new rrweb.Replayer(events);
+import { Replayer } from '@rrweb/replay';
+
+const replayer = new Replayer(events);
 
 for (const event of NEW_EVENTS) {
   replayer.addEvent(event);
diff --git a/docs/recipes/plugin.md b/docs/recipes/plugin.md
index d322bc1e..1968a2fd 100644
--- a/docs/recipes/plugin.md
+++ b/docs/recipes/plugin.md
@@ -10,6 +10,8 @@ The plugin API is designed to extend the function of rrweb without bump the size
 - [@rrweb/rrweb-plugin-sequential-id-replay](packages/plugins/rrweb-plugin-sequential-id-replay): A plugin for replaying sequential IDs.
 - [@rrweb/rrweb-plugin-canvas-webrtc-record](packages/plugins/rrweb-plugin-canvas-webrtc-record): A plugin for stream `<canvas>` via WebRTC.
 - [@rrweb/rrweb-plugin-canvas-webrtc-replay](packages/plugins/rrweb-plugin-canvas-webrtc-replay): A plugin for playing streamed `<canvas>` via WebRTC.
+- [@rrweb/rrweb-plugin-network-record](packages/plugins/rrweb-plugin-network-record): A plugin for recording network requests (xhr/fetch).
+- [@rrweb/rrweb-plugin-network-replay](packages/plugins/rrweb-plugin-network-replay): A plugin for replaying network requests (xhr/fetch).
 
 ## Interface
 
@@ -38,6 +40,8 @@ Both record and replay plugins have a type interface.
 #### record plugin
 
 ```ts
+import { record } from '@rrweb/record';
+
 const exampleRecordPlugin: RecordPlugin<{ foo: string }> = {
   name: 'my-scope/example@1',
   observer(cb, options) {
@@ -54,7 +58,7 @@ const exampleRecordPlugin: RecordPlugin<{ foo: string }> = {
   },
 };
 
-rrweb.record({
+record({
   emit: emit(event) {},
   plugins: [exampleRecordPlugin],
 });
@@ -79,6 +83,8 @@ In this example, the record plugin will emit events like this:
 #### replay plugin
 
 ```ts
+import { Replayer } from '@rrweb/replay';
+
 const exampleReplayPlugin: ReplayPlugin = {
   handler(event, isSync, context) {
     if (event.type === EventType.Plugin) {
@@ -90,7 +96,7 @@ const exampleReplayPlugin: ReplayPlugin = {
   },
 };
 
-const replayer = new rrweb.Replayer(events, {
+const replayer = new Replayer(events, {
   plugins: [exampleReplayPlugin],
 });
 ```
diff --git a/docs/recipes/plugin.zh_CN.md b/docs/recipes/plugin.zh_CN.md
index 806e4e22..a25e47b2 100644
--- a/docs/recipes/plugin.zh_CN.md
+++ b/docs/recipes/plugin.zh_CN.md
@@ -10,6 +10,8 @@
 - [@rrweb/rrweb-plugin-sequential-id-replay](packages/plugins/rrweb-plugin-sequential-id-replay)：一个用于回放顺序 ID 的插件。
 - [@rrweb/rrweb-plugin-canvas-webrtc-record](packages/plugins/rrweb-plugin-canvas-webrtc-record)：一个用于通过 WebRTC 流式传输 `<canvas>` 的插件。
 - [@rrweb/rrweb-plugin-canvas-webrtc-replay](packages/plugins/rrweb-plugin-canvas-webrtc-replay)：一个用于通过 WebRTC 播放流式 `<canvas>` 的插件。
+- [@rrweb/rrweb-plugin-network-record](packages/plugins/rrweb-plugin-network-record)：一个用于记录网络请求的插件 (xhr/fetch)。
+- [@rrweb/rrweb-plugin-network-replay](packages/plugins/rrweb-plugin-network-replay)：一个用于回放网络请求的插件 (xhr/fetch)。
 
 ## 接口
 
@@ -38,6 +40,8 @@ export type ReplayPlugin = {
 #### 录制侧插件
 
 ```ts
+import { record } from '@rrweb/record';
+
 const exampleRecordPlugin: RecordPlugin<{ foo: string }> = {
   name: 'my-scope/example@1',
   observer(cb, options) {
@@ -54,7 +58,7 @@ const exampleRecordPlugin: RecordPlugin<{ foo: string }> = {
   },
 };
 
-rrweb.record({
+record({
   emit: emit(event) {},
   plugins: [exampleRecordPlugin],
 });
@@ -79,6 +83,8 @@ rrweb.record({
 #### 回放侧插件
 
 ```ts
+import { Replayer } from '@rrweb/replay';
+
 const exampleReplayPlugin: ReplayPlugin = {
   handler(event, isSync, context) {
     if (event.type === EventType.Plugin) {
@@ -90,7 +96,7 @@ const exampleReplayPlugin: ReplayPlugin = {
   },
 };
 
-const replayer = new rrweb.Replayer(events, {
+const replayer = new Replayer(events, {
   plugins: [exampleReplayPlugin],
 });
 ```
diff --git a/docs/recipes/record-and-replay.md b/docs/recipes/record-and-replay.md
index 7b4b77bb..f1d64c2d 100644
--- a/docs/recipes/record-and-replay.md
+++ b/docs/recipes/record-and-replay.md
@@ -5,7 +5,9 @@ Record and Replay is the most common use case, which is suitable for any scenari
 You only need a simple API call to record the website:
 
 ```js
-const stopFn = rrweb.record({
+import { record } from '@rrweb/record';
+
+const stopFn = record({
   emit(event) {
     // save the event
   },
@@ -21,11 +23,13 @@ But you should guarantee:
 
 You can use the `stopFn` to stop the recording.
 
-The replay is also as simple as putting events into rrweb's Replayer.
+Replay is also as simple as passing events into `Replayer`.
 
 ```js
+import { Replayer } from '@rrweb/replay';
+
 const events = GET_YOUR_EVENTS;
 
-const replayer = new rrweb.Replayer(events);
+const replayer = new Replayer(events);
 replayer.play();
 ```
diff --git a/docs/recipes/record-and-replay.zh_CN.md b/docs/recipes/record-and-replay.zh_CN.md
index 6661cffb..2c916765 100644
--- a/docs/recipes/record-and-replay.zh_CN.md
+++ b/docs/recipes/record-and-replay.zh_CN.md
@@ -5,7 +5,9 @@
 仅需一个函数调用就可以录制当前页面：
 
 ```js
-const stopFn = rrweb.record({
+import { record } from '@rrweb/record';
+
+const stopFn = record({
   emit(event) {
     // 保存获取到的 event 数据
   },
@@ -19,11 +21,13 @@ const stopFn = rrweb.record({
 
 如果需要手动停止录制，可以调用返回的 `stopFn` 函数。
 
-回放时只需要获取一段录制数据，并传入 rrweb 提供的 Replayer：
+回放时只需要获取一段录制数据，并传入 `Replayer`：
 
 ```js
+import { Replayer } from '@rrweb/replay';
+
 const events = GET_YOUR_EVENTS;
 
-const replayer = new rrweb.Replayer(events);
+const replayer = new Replayer(events);
 replayer.play();
 ```
diff --git a/docs/releases/next-channel.md b/docs/releases/next-channel.md
new file mode 100644
index 00000000..26f334ac
--- /dev/null
+++ b/docs/releases/next-channel.md
@@ -0,0 +1,108 @@
+<!-- markdownlint-disable MD043 -->
+
+# Next release channel
+
+The `next` branch is a long-lived prerelease channel for publishing packages before
+they are promoted to the stable release flow. Releases from this branch publish
+prerelease versions to npm under the `next` dist-tag, so users can install them
+explicitly without moving the stable `latest` tag.
+
+## Branch setup
+
+The `next` branch intentionally carries `.changeset/pre.json`:
+
+```json
+{
+  "mode": "pre",
+  "tag": "next"
+}
+```
+
+Keep this file in prerelease mode on `next`. The `tag` must stay `next` so
+Changesets publishes prerelease packages with the npm `next` dist-tag.
+
+Do not put `master` into the `next` prerelease mode. Current `master` should not
+have `.changeset/pre.json`; stable releases from `master` continue to publish as
+normal and move `latest` only through the regular stable release process.
+
+## Regular operation
+
+Bring stable branch updates into `next` as needed, either by merging `master` or
+by cherry-picking specific commits:
+
+```sh
+git switch next
+git fetch origin
+git merge origin/master
+```
+
+If the merge conflicts on `.changeset/pre.json`, resolve the conflict by keeping
+the `next` branch prerelease file with `"mode": "pre"` and `"tag": "next"`.
+
+Feature work can also land directly on `next` when it needs prerelease validation
+before promotion. Include normal Changesets for user-facing package changes; the
+release workflow will turn those changesets into generated prerelease version
+commits on `next`.
+
+## Promoting work back to master
+
+Do not merge `next` wholesale back to `master`. Promotion should copy only the
+human-authored feature work that is ready for stable release:
+
+```sh
+git switch master
+git fetch origin
+git cherry-pick <feature-commit-sha>
+```
+
+Cherry-pick source, docs, tests, and normal changeset commits that describe the
+feature. Never cherry-pick generated `Version Packages (next)` commits from
+`next` to `master`.
+
+When promoting, exclude release-generated files from the cherry-pick if they are
+present in the selected commits:
+
+- `.changeset/pre.json`
+- package `CHANGELOG.md` files
+- version-only `package.json` changes
+
+Those files are generated separately by the stable release workflow after the
+promoted changesets land on `master`.
+
+If a cherry-pick includes both feature code and generated release changes, use a
+non-committing cherry-pick and reset generated release files before committing.
+Restore prerelease metadata and generated changelogs outright, then inspect
+package manifests hunk-by-hunk so version-only changes do not move to `master`:
+
+```sh
+git cherry-pick --no-commit <feature-commit-sha>
+git restore --staged --worktree \
+  .changeset/pre.json \
+  'packages/*/CHANGELOG.md' \
+  'packages/plugins/*/CHANGELOG.md'
+git restore --source=HEAD --staged --worktree -p \
+  -- 'packages/*/package.json' 'packages/plugins/*/package.json'
+git diff -- packages
+git commit
+```
+
+During the interactive `git restore -p`, drop version-only package `package.json`
+changes generated by the `next` release. Keep dependency, script, export, or
+metadata changes only when they are part of the promoted feature.
+
+## Release workflow and Chrome extension
+
+The release workflow runs on both `master` and `next`. On `next`, Changesets
+publishes prerelease packages to npm using the `next` dist-tag.
+
+Chrome extension publication is also branch-specific:
+
+- `master` publishes the production extension listing. Its extension ID is
+  hard-coded in `.github/workflows/release.yml`, and it uses the existing
+  `CWS_CLIENT_ID`, `CWS_CLIENT_SECRET`, and `CWS_REFRESH_TOKEN` secrets.
+- `next` publishes the prerelease extension listing with
+  `NEXT_CWS_EXTENSION_ID`, `NEXT_CWS_CLIENT_ID`, `NEXT_CWS_CLIENT_SECRET`, and
+  `NEXT_CWS_REFRESH_TOKEN`.
+
+Keep those listings and credentials separate. Changes to the `next` listing
+should not affect the production Chrome Web Store listing used by `master`.
diff --git a/docs/sandbox.md b/docs/sandbox.md
index 8c01fe13..96b052d2 100644
--- a/docs/sandbox.md
+++ b/docs/sandbox.md
@@ -14,6 +14,8 @@ We reconstruct the recorded DOM in an `iframe` element when we rebuild the snaps
 
 This is in line with our expectations, especially when dealing with JS scripts is safer and more reliable than implementing this security ourselves.
 
+`rrweb-snapshot.rebuild()` enforces this boundary in browser environments. Browser rebuilds should use `rebuildIntoSandboxedIframe()` or an iframe created by `createSandboxedIframe()`, which creates an iframe with exactly `sandbox="allow-same-origin"` before rebuilding into it. Direct `rebuild()` calls against caller-created browser documents must explicitly opt into an unprotected rebuild with `UNSAFE_allowUnprotectedRebuild: true`.
+
 ## Avoid link jumps
 
 When you click the a element link, the default event is to jump to the URL corresponding to its href attribute. During replay, we will ensure visually correct replay by rebuilding the page DOM after the jump, and the original jump should be prohibited.
diff --git a/docs/sandbox.zh_CN.md b/docs/sandbox.zh_CN.md
index 57ba2e61..5dce0e47 100644
--- a/docs/sandbox.zh_CN.md
+++ b/docs/sandbox.zh_CN.md
@@ -14,6 +14,8 @@
 
 这与我们的预期是相符的，尤其是对 JS 脚本的处理相比自行实现会更加安全、可靠。
 
+`rrweb-snapshot.rebuild()` 会在浏览器环境中强制执行这一边界。浏览器重建应使用 `rebuildIntoSandboxedIframe()`，或使用由 `createSandboxedIframe()` 创建的 iframe；它们会先创建精确设置为 `sandbox="allow-same-origin"` 的 iframe，再在其中重建。直接对调用方创建的浏览器文档调用 `rebuild()` 时，必须通过 `UNSAFE_allowUnprotectedRebuild: true` 显式选择不受保护的重建。
+
 ## 避免链接跳转
 
 当点击 a 元素链接时默认事件为跳转至它的 href 属性对应的 URL。在重放时我们会通过重建跳转后页面 DOM 的方式保证视觉上的正确重放，而原本的跳转则应该被禁止执行。
diff --git a/docs/superpowers/plans/2026-05-18-sandboxed-rebuild.md b/docs/superpowers/plans/2026-05-18-sandboxed-rebuild.md
new file mode 100644
index 00000000..9e5e78eb
--- /dev/null
+++ b/docs/superpowers/plans/2026-05-18-sandboxed-rebuild.md
@@ -0,0 +1,658 @@
+# Sandboxed Rebuild Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Make browser `rrweb-snapshot.rebuild()` reject unprotected rebuild targets by default, provide a safe iframe helper, and keep unsafe replay/canvas behavior explicit.
+
+**Architecture:** `rrweb-snapshot` owns the rebuild target guard and the safe helper. `rrweb` continues to create the replay iframe, and passes the unsafe opt-out only when `UNSAFE_replayCanvas` makes the iframe policy unprotected. Documentation and the changeset describe the public behavior change and migration path.
+
+**Tech Stack:** TypeScript, Vitest/jsdom, Puppeteer-backed rrweb replay tests, Yarn 1 workspaces, Changesets.
+
+---
+
+## Execution Prerequisites
+
+Yarn 1.22.19 or direct `node_modules/.bin/*` commands must be available before running tests. In the Codex shell, `node_modules` is available but `yarn` may not be on `PATH`; use direct binaries if needed.
+
+Baseline commands:
+
+```bash
+./node_modules/.bin/vitest run packages/rrweb-snapshot/test/rebuild.test.ts
+./node_modules/.bin/cross-env PUPPETEER_HEADLESS=true ./node_modules/.bin/vitest run packages/rrweb/test/replayer.test.ts
+```
+
+Expected: dependencies install successfully; baseline tests pass before implementation work starts. If baseline tests fail before code changes, stop and report the pre-existing failures.
+
+## File Structure
+
+- `packages/rrweb-snapshot/src/rebuild.ts`: add rebuild target validation, the unsafe option, and the safe helper implementation.
+- `packages/rrweb-snapshot/src/index.ts`: export `createSandboxedIframe` and `rebuildIntoSandboxedIframe`.
+- `packages/rrweb-snapshot/test/rebuild.test.ts`: add jsdom tests for the guard, unsafe opt-out, and safe helper.
+- `packages/rrweb/src/replay/index.ts`: pass `UNSAFE_allowUnprotectedRebuild` only when `UNSAFE_replayCanvas` is enabled.
+- `packages/rrweb/test/replayer.test.ts`: add replay iframe sandbox tests for normal and unsafe canvas modes.
+- `packages/rrweb-snapshot/README.md`: document safe browser rebuild usage.
+- `docs/sandbox.md`, `guide.md`, `docs/recipes/canvas.md`: document the sandbox requirement and canvas opt-out.
+- `.changeset/sandboxed-rebuilds.md`: release note for the breaking security-hardening change.
+
+## Task 1: Guard Browser Rebuild Targets
+
+**Files:**
+
+- Modify: `packages/rrweb-snapshot/src/rebuild.ts`
+- Test: `packages/rrweb-snapshot/test/rebuild.test.ts`
+
+- [ ] **Step 1: Write failing tests for guarded `rebuild()`**
+
+Add `rebuild` to the test imports in `packages/rrweb-snapshot/test/rebuild.test.ts`:
+
+```ts
+import rebuild, {
+  adaptCssForReplay,
+  buildNodeWithSN,
+  createCache,
+} from '../src/rebuild';
+```
+
+Inside the existing `describe('rebuild', function () { ... })`, after `beforeEach`, add this helper and tests:
+
+```ts
+const simpleSnapshot = {
+  id: 1,
+  type: NodeType.Document,
+  childNodes: [
+    {
+      id: 2,
+      type: NodeType.Element,
+      tagName: 'html',
+      attributes: {},
+      childNodes: [
+        {
+          id: 3,
+          type: NodeType.Element,
+          tagName: 'body',
+          attributes: {},
+          childNodes: [],
+        },
+      ],
+    },
+  ],
+} as const;
+
+describe('browser rebuild target guard', () => {
+  it('throws when rebuilding into the top-level browser document', () => {
+    expect(() =>
+      rebuild(simpleSnapshot, {
+        doc: document,
+        cache,
+        mirror,
+      }),
+    ).toThrow(
+      'rrweb-snapshot.rebuild() cannot rebuild into an unprotected browser document',
+    );
+  });
+
+  it('allows rebuilding into an iframe with exactly allow-same-origin sandbox', () => {
+    const iframe = document.createElement('iframe');
+    iframe.setAttribute('sandbox', 'allow-same-origin');
+    document.body.appendChild(iframe);
+
+    const node = rebuild(simpleSnapshot, {
+      doc: iframe.contentDocument!,
+      cache,
+      mirror,
+    });
+
+    expect(node).toBe(iframe.contentDocument);
+    expect(iframe.contentDocument!.body).not.toBeNull();
+    iframe.remove();
+  });
+
+  it('throws for sandbox policies other than exactly allow-same-origin', () => {
+    for (const sandbox of [
+      '',
+      'allow-scripts',
+      'allow-same-origin allow-scripts',
+      'allow-same-origin allow-forms',
+    ]) {
+      const iframe = document.createElement('iframe');
+      iframe.setAttribute('sandbox', sandbox);
+      document.body.appendChild(iframe);
+
+      expect(() =>
+        rebuild(simpleSnapshot, {
+          doc: iframe.contentDocument!,
+          cache: createCache(),
+          mirror: createMirror(),
+        }),
+      ).toThrow(
+        'rrweb-snapshot.rebuild() cannot rebuild into an unprotected browser document',
+      );
+
+      iframe.remove();
+    }
+  });
+
+  it('allows an unprotected rebuild when the caller explicitly opts out', () => {
+    const node = rebuild(simpleSnapshot, {
+      doc: document,
+      cache,
+      mirror,
+      UNSAFE_allowUnprotectedRebuild: true,
+    });
+
+    expect(node).toBe(document);
+  });
+});
+```
+
+- [ ] **Step 2: Run tests to verify they fail**
+
+Run:
+
+```bash
+./node_modules/.bin/vitest run packages/rrweb-snapshot/test/rebuild.test.ts
+```
+
+Expected: tests fail because `rebuild` does not reject unprotected browser documents and does not accept `UNSAFE_allowUnprotectedRebuild`.
+
+- [ ] **Step 3: Implement the guard and option**
+
+In `packages/rrweb-snapshot/src/rebuild.ts`, add these constants/types near `createCache()`:
+
+```ts
+const REBUILD_TARGET_ERROR =
+  'rrweb-snapshot.rebuild() cannot rebuild into an unprotected browser document. Use rebuildIntoSandboxedIframe() or set UNSAFE_allowUnprotectedRebuild: true only when you accept the script-execution risk.';
+
+type RebuildOptions = {
+  doc: Document;
+  onVisit?: (node: Node) => unknown;
+  hackCss?: boolean;
+  afterAppend?: (n: Node, id: number) => unknown;
+  cache: BuildCache;
+  mirror: Mirror;
+  UNSAFE_allowUnprotectedRebuild?: boolean;
+};
+
+function isSupportedSandboxedIframe(
+  frameElement: Element | null,
+): frameElement is HTMLIFrameElement {
+  if (
+    !frameElement ||
+    frameElement.tagName !== 'IFRAME' ||
+    !('sandbox' in frameElement)
+  ) {
+    return false;
+  }
+
+  const sandboxTokens = Array.from((frameElement as HTMLIFrameElement).sandbox);
+  return sandboxTokens.length === 1 && sandboxTokens[0] === 'allow-same-origin';
+}
+
+function assertRebuildTargetAllowed(options: RebuildOptions): void {
+  if (options.UNSAFE_allowUnprotectedRebuild) {
+    return;
+  }
+
+  const win = options.doc.defaultView;
+  if (!win) {
+    return;
+  }
+
+  if (isSupportedSandboxedIframe(win.frameElement)) {
+    return;
+  }
+
+  throw new Error(REBUILD_TARGET_ERROR);
+}
+```
+
+Replace the inline options type on `function rebuild(...)` with `options: RebuildOptions`, and call the guard before destructuring:
+
+```ts
+function rebuild(
+  n: serializedNodeWithId,
+  options: RebuildOptions,
+): Node | null {
+  assertRebuildTargetAllowed(options);
+
+  const {
+    doc,
+    onVisit,
+    hackCss = true,
+    afterAppend,
+    cache,
+    mirror = new Mirror(),
+  } = options;
+```
+
+- [ ] **Step 4: Run tests to verify they pass**
+
+Run:
+
+```bash
+./node_modules/.bin/vitest run packages/rrweb-snapshot/test/rebuild.test.ts
+```
+
+Expected: `browser rebuild target guard` tests pass, and existing rebuild tests still pass.
+
+- [ ] **Step 5: Commit Task 1**
+
+```bash
+git add packages/rrweb-snapshot/src/rebuild.ts packages/rrweb-snapshot/test/rebuild.test.ts
+git commit -m "fix(snapshot): guard unprotected browser rebuilds"
+```
+
+## Task 2: Add Minimal Safe Iframe Helper
+
+**Files:**
+
+- Modify: `packages/rrweb-snapshot/src/rebuild.ts`
+- Modify: `packages/rrweb-snapshot/src/index.ts`
+- Test: `packages/rrweb-snapshot/test/rebuild.test.ts`
+
+- [ ] **Step 1: Write failing tests for `rebuildIntoSandboxedIframe()`**
+
+Update the imports in `packages/rrweb-snapshot/test/rebuild.test.ts`:
+
+```ts
+import rebuild, {
+  adaptCssForReplay,
+  buildNodeWithSN,
+  createCache,
+  rebuildIntoSandboxedIframe,
+} from '../src/rebuild';
+```
+
+Add tests inside `describe('browser rebuild target guard', () => { ... })`:
+
+```ts
+it('rebuildIntoSandboxedIframe creates a fresh sandboxed iframe in the required root', () => {
+  const root = document.createElement('div');
+  document.body.appendChild(root);
+
+  const { iframe, node } = rebuildIntoSandboxedIframe(simpleSnapshot, {
+    root,
+    cache,
+    mirror,
+  });
+
+  expect(root.contains(iframe)).toBe(true);
+  expect(iframe.getAttribute('sandbox')).toBe('allow-same-origin');
+  expect(node).toBe(iframe.contentDocument);
+  expect(iframe.contentDocument!.querySelector('body')).not.toBeNull();
+  root.remove();
+});
+
+it('rebuildIntoSandboxedIframe does not allow callers to override sandbox', () => {
+  const root = document.createElement('div');
+  document.body.appendChild(root);
+
+  const { iframe } = rebuildIntoSandboxedIframe(simpleSnapshot, {
+    root,
+    cache,
+    mirror,
+    iframeAttributes: {
+      sandbox: 'allow-same-origin allow-scripts',
+      title: 'Replay',
+    },
+  });
+
+  expect(iframe.getAttribute('sandbox')).toBe('allow-same-origin');
+  expect(iframe.getAttribute('title')).toBe('Replay');
+  root.remove();
+});
+```
+
+- [ ] **Step 2: Run tests to verify they fail**
+
+Run:
+
+```bash
+./node_modules/.bin/vitest run packages/rrweb-snapshot/test/rebuild.test.ts
+```
+
+Expected: tests fail because `rebuildIntoSandboxedIframe` is not implemented or exported.
+
+- [ ] **Step 3: Implement helper types and function**
+
+In `packages/rrweb-snapshot/src/rebuild.ts`, add this type after `RebuildOptions`:
+
+```ts
+type RebuildIntoSandboxedIframeOptions = Omit<
+  RebuildOptions,
+  'doc' | 'UNSAFE_allowUnprotectedRebuild'
+> & {
+  root: Element;
+  iframeAttributes?: Omit<Record<string, string>, 'sandbox'> & {
+    sandbox?: string;
+  };
+};
+```
+
+Add the helper before `export default rebuild;`:
+
+```ts
+export function rebuildIntoSandboxedIframe(
+  n: serializedNodeWithId,
+  options: RebuildIntoSandboxedIframeOptions,
+): { iframe: HTMLIFrameElement; node: Node | null } {
+  const iframe = options.root.ownerDocument.createElement('iframe');
+
+  for (const [name, value] of Object.entries(options.iframeAttributes || {})) {
+    if (name === 'sandbox') {
+      continue;
+    }
+    iframe.setAttribute(name, value);
+  }
+
+  iframe.setAttribute('sandbox', 'allow-same-origin');
+  options.root.appendChild(iframe);
+
+  const node = rebuild(n, {
+    ...options,
+    doc: iframe.contentDocument!,
+  });
+
+  return { iframe, node };
+}
+```
+
+- [ ] **Step 4: Export helper from package entrypoint**
+
+In `packages/rrweb-snapshot/src/index.ts`, update imports and exports:
+
+```ts
+import rebuild, {
+  buildNodeWithSN,
+  adaptCssForReplay,
+  createCache,
+  rebuildIntoSandboxedIframe,
+} from './rebuild';
+```
+
+and:
+
+```ts
+export {
+  snapshot,
+  serializeNodeWithId,
+  rebuild,
+  rebuildIntoSandboxedIframe,
+  buildNodeWithSN,
+  adaptCssForReplay,
+  createCache,
+  transformAttribute,
+  ignoreAttribute,
+  slimDOMDefaults,
+  visitSnapshot,
+  cleanupSnapshot,
+  needMaskingText,
+  classMatchesRegex,
+  IGNORED_NODE,
+  genId,
+};
+```
+
+- [ ] **Step 5: Run tests and typecheck**
+
+Run:
+
+```bash
+./node_modules/.bin/vitest run packages/rrweb-snapshot/test/rebuild.test.ts
+./node_modules/.bin/tsc --noEmit -p packages/rrweb-snapshot/tsconfig.json
+```
+
+Expected: rebuild tests pass and TypeScript reports no errors.
+
+- [ ] **Step 6: Commit Task 2**
+
+```bash
+git add packages/rrweb-snapshot/src/rebuild.ts packages/rrweb-snapshot/src/index.ts packages/rrweb-snapshot/test/rebuild.test.ts
+git commit -m "feat(snapshot): add sandboxed iframe rebuild helper"
+```
+
+## Task 3: Integrate Guard With rrweb Replayer
+
+**Files:**
+
+- Modify: `packages/rrweb/src/replay/index.ts`
+- Test: `packages/rrweb/test/replayer.test.ts`
+
+- [ ] **Step 1: Write failing replayer tests**
+
+In `packages/rrweb/test/replayer.test.ts`, add these tests after `it('can get meta data', async () => { ... })`:
+
+```ts
+it('creates a replay iframe with the supported sandbox policy', async () => {
+  const sandbox = await page.evaluate(`
+      const { Replayer } = rrweb;
+      const replayer = new Replayer(events);
+      replayer.iframe.getAttribute('sandbox');
+    `);
+
+  expect(sandbox).toBe('allow-same-origin');
+});
+
+it('keeps UNSAFE_replayCanvas explicit by using an unprotected sandbox policy', async () => {
+  const sandbox = await page.evaluate(`
+      const { Replayer } = rrweb;
+      const replayer = new Replayer(events, { UNSAFE_replayCanvas: true });
+      replayer.iframe.getAttribute('sandbox');
+    `);
+
+  expect(sandbox).toBe('allow-same-origin allow-scripts');
+});
+
+it('can rebuild the first full snapshot when UNSAFE_replayCanvas is enabled', async () => {
+  const rebuilt = await page.evaluate(`
+      const { Replayer } = rrweb;
+      const replayer = new Replayer(events, { UNSAFE_replayCanvas: true });
+      replayer.play(0);
+      Boolean(replayer.iframe.contentDocument.querySelector('html'));
+    `);
+
+  expect(rebuilt).toBe(true);
+});
+```
+
+- [ ] **Step 2: Run tests to verify unsafe canvas rebuild fails**
+
+Run:
+
+```bash
+./node_modules/.bin/cross-env PUPPETEER_HEADLESS=true ./node_modules/.bin/turbo run prepublish -F rrweb
+./node_modules/.bin/cross-env PUPPETEER_HEADLESS=true ./node_modules/.bin/vitest run packages/rrweb/test/replayer.test.ts -t "UNSAFE_replayCanvas|supported sandbox policy"
+```
+
+Expected: default sandbox test passes. The unsafe canvas rebuild test fails until the replayer passes `UNSAFE_allowUnprotectedRebuild`.
+
+- [ ] **Step 3: Pass unsafe option only for `UNSAFE_replayCanvas`**
+
+In `packages/rrweb/src/replay/index.ts`, update the full snapshot rebuild call:
+
+```ts
+rebuild(event.data.node, {
+  doc: this.iframe.contentDocument,
+  afterAppend,
+  cache: this.cache,
+  mirror: this.mirror,
+  UNSAFE_allowUnprotectedRebuild: this.config.UNSAFE_replayCanvas,
+});
+```
+
+Do not pass the unsafe option from any other call site unless a test proves that call reaches the guarded `rebuild()` path with an unprotected browser target.
+
+- [ ] **Step 4: Run focused rrweb tests**
+
+Run:
+
+```bash
+./node_modules/.bin/cross-env PUPPETEER_HEADLESS=true ./node_modules/.bin/turbo run prepublish -F rrweb
+./node_modules/.bin/cross-env PUPPETEER_HEADLESS=true ./node_modules/.bin/vitest run packages/rrweb/test/replayer.test.ts -t "UNSAFE_replayCanvas|supported sandbox policy"
+```
+
+Expected: focused replayer tests pass.
+
+- [ ] **Step 5: Commit Task 3**
+
+```bash
+git add packages/rrweb/src/replay/index.ts packages/rrweb/test/replayer.test.ts
+git commit -m "fix(rrweb): mark unsafe canvas rebuilds explicitly"
+```
+
+## Task 4: Update Public Docs
+
+**Files:**
+
+- Modify: `packages/rrweb-snapshot/README.md`
+- Modify: `docs/sandbox.md`
+- Modify: `guide.md`
+- Modify: `docs/recipes/canvas.md`
+
+- [ ] **Step 1: Update `packages/rrweb-snapshot/README.md`**
+
+Replace the `#### rebuild` section with:
+
+````md
+#### rebuild
+
+`rebuild` will build the DOM according to the taken snapshot.
+
+In browser environments, `rebuild` is a low-level API and requires a document created by `rebuildIntoSandboxedIframe()` or `createSandboxedIframe()` by default. Untrusted replay data must not be rebuilt directly into the top-level `document` or a caller-created iframe document.
+
+For browser usage, prefer `rebuildIntoSandboxedIframe`:
+
+```ts
+const { iframe, node } = rebuildIntoSandboxedIframe(snapshot, {
+  root: document.body,
+  cache,
+  mirror,
+});
+```
+
+If you intentionally accept the script-execution risk, pass `UNSAFE_allowUnprotectedRebuild: true` to `rebuild`.
+
+There are several things will be done during rebuild:
+
+1. Add data-rrid attribute if the Node is an Element.
+2. Create some extra DOM node like text node to place inline CSS and some states.
+3. Add data-extra-child-index attribute if Node has some extra child DOM.
+````
+
+- [ ] **Step 2: Update `docs/sandbox.md`**
+
+After the paragraph ending `implementing this security ourselves.`, add:
+
+```md
+`rrweb-snapshot.rebuild()` enforces this boundary in browser environments. Browser rebuilds should use `rebuildIntoSandboxedIframe()` or an iframe created by `createSandboxedIframe()`, which creates an iframe with exactly `sandbox="allow-same-origin"` before rebuilding into it. Direct `rebuild()` calls against caller-created browser documents must explicitly opt into an unprotected rebuild with `UNSAFE_allowUnprotectedRebuild: true`.
+```
+
+- [ ] **Step 3: Update `guide.md` option text**
+
+In the options table, replace the `UNSAFE_replayCanvas` description with:
+
+```md
+whether to replay the canvas element. **Enabling this adds `allow-scripts` to the replay iframe and opts out of the sandbox script-execution protection, which is unsafe.**
+```
+
+- [ ] **Step 4: Update `docs/recipes/canvas.md` warning**
+
+Replace:
+
+```md
+**Enable replaying Canvas will remove the sandbox, which may cause a potential security issue.**
+```
+
+with:
+
+```md
+**Enabling canvas replay adds `allow-scripts` to the replay iframe and opts out of rrweb's sandbox script-execution protection. Only use `UNSAFE_replayCanvas` for replay data whose risk you accept.**
+```
+
+- [ ] **Step 5: Run markdown formatting**
+
+Run:
+
+```bash
+./node_modules/.bin/prettier --write packages/rrweb-snapshot/README.md docs/sandbox.md guide.md docs/recipes/canvas.md
+```
+
+Expected: files format cleanly.
+
+- [ ] **Step 6: Commit Task 4**
+
+```bash
+git add packages/rrweb-snapshot/README.md docs/sandbox.md guide.md docs/recipes/canvas.md
+git commit -m "docs: explain sandboxed rebuild requirements"
+```
+
+## Task 5: Add Changeset And Full Verification
+
+**Files:**
+
+- Create: `.changeset/sandboxed-rebuilds.md`
+
+- [ ] **Step 1: Add changeset**
+
+Create `.changeset/sandboxed-rebuilds.md`:
+
+```md
+---
+'rrweb-snapshot': major
+'rrweb': patch
+---
+
+Require browser `rebuild()` calls to target a document created by `rebuildIntoSandboxedIframe()` or `createSandboxedIframe()` by default. Use these helpers for untrusted replay data, or pass `UNSAFE_allowUnprotectedRebuild: true` only when accepting the script-execution risk.
+
+`rrweb` now marks `UNSAFE_replayCanvas` rebuilds as an explicit unsafe path because canvas replay adds script permission to the replay iframe.
+```
+
+- [ ] **Step 2: Run snapshot package verification**
+
+Run:
+
+```bash
+./node_modules/.bin/tsc --noEmit -p packages/rrweb-snapshot/tsconfig.json
+./node_modules/.bin/vitest run packages/rrweb-snapshot/test/rebuild.test.ts
+```
+
+Expected: TypeScript and focused tests pass.
+
+- [ ] **Step 3: Run rrweb focused verification**
+
+Run:
+
+```bash
+./node_modules/.bin/cross-env PUPPETEER_HEADLESS=true ./node_modules/.bin/turbo run prepublish -F rrweb
+./node_modules/.bin/cross-env PUPPETEER_HEADLESS=true ./node_modules/.bin/vitest run packages/rrweb/test/replayer.test.ts -t "UNSAFE_replayCanvas|supported sandbox policy"
+```
+
+Expected: build succeeds and focused replayer tests pass.
+
+- [ ] **Step 4: Run formatting on changed files**
+
+Run:
+
+```bash
+./node_modules/.bin/prettier --write packages/rrweb-snapshot/src/rebuild.ts packages/rrweb-snapshot/src/index.ts packages/rrweb-snapshot/test/rebuild.test.ts packages/rrweb/src/replay/index.ts packages/rrweb/test/replayer.test.ts packages/rrweb-snapshot/README.md docs/sandbox.md guide.md docs/recipes/canvas.md .changeset/sandboxed-rebuilds.md
+```
+
+Expected: formatting completes without changing unrelated files.
+
+- [ ] **Step 5: Check final diff**
+
+Run:
+
+```bash
+git diff --check
+git status --short
+```
+
+Expected: no whitespace errors; status shows only intended files.
+
+- [ ] **Step 6: Commit Task 5**
+
+```bash
+git add .changeset/sandboxed-rebuilds.md
+git commit -m "chore: add sandboxed rebuild changeset"
+```
diff --git a/docs/superpowers/plans/2026-05-19-record-tree-shaking.md b/docs/superpowers/plans/2026-05-19-record-tree-shaking.md
new file mode 100644
index 00000000..e4b68b4e
--- /dev/null
+++ b/docs/superpowers/plans/2026-05-19-record-tree-shaking.md
@@ -0,0 +1,367 @@
+# Record Tree-Shaking Implementation Plan
+
+> **For agentic workers:** REQUIRED SUB-SKILL: Use superpowers:subagent-driven-development (recommended) or superpowers:executing-plans to implement this plan task-by-task. Steps use checkbox (`- [ ]`) syntax for tracking.
+
+**Goal:** Build `@rrweb/record` without bundling replay-only `postcss` code from `rrweb-snapshot`.
+
+**Architecture:** Keep the public package API unchanged. Add a resolver scoped to `packages/record/vite.config.ts` so the record build sees local source module boundaries for `rrweb`, `rrweb-snapshot`, and `rrdom`; mark `rrweb-snapshot` as side-effect-free so Rollup can drop unused rebuild modules.
+
+**Tech Stack:** Yarn workspaces, Turbo, Vite 6, Rollup plugin hooks, Vitest, TypeScript.
+
+---
+
+## File Structure
+
+- Modify `packages/record/test/record.test.ts`: add build-output assertions for `postcss` absence and `dist/record.js` size.
+- Modify `packages/rrweb-snapshot/package.json`: add `"sideEffects": false`.
+- Modify `packages/record/vite.config.ts`: add an inline exact-bare-import `resolveId` plugin for record's build.
+- Modify `packages/rrweb/src/entries/record.ts`: replace default-import-then-export with direct named re-export.
+
+## Task 1: Confirm The Baseline
+
+**Files:**
+
+- Read: `packages/record/dist/record.js`
+- Modify: none
+
+- [ ] **Step 1: Build the current record package before implementation changes**
+
+Run:
+
+```bash
+yarn workspace @rrweb/record build
+```
+
+Expected: build succeeds and writes `packages/record/dist/record.js`. In this workspace, the measured baseline build succeeded before implementation changes.
+
+- [ ] **Step 2: Record the current ESM bundle size**
+
+Run:
+
+```bash
+wc -c packages/record/dist/record.js
+```
+
+Expected: output is `397373 packages/record/dist/record.js`. This is the baseline byte count for Task 2's test constant.
+
+- [ ] **Step 3: Confirm the current bundle contains `postcss`**
+
+Run:
+
+```bash
+rg -n "postcss" packages/record/dist
+```
+
+Expected: at least one match in a built JavaScript artifact. In this workspace, `postcss` appears in `packages/record/dist/record.js` and `packages/record/dist/record.umd.min.cjs` before the fix.
+
+## Task 2: Add Failing Bundle Regression Tests
+
+**Files:**
+
+- Modify: `packages/record/test/record.test.ts`
+
+- [ ] **Step 1: Replace the test file with build-output checks**
+
+```ts
+import { existsSync, readdirSync, readFileSync, statSync } from 'node:fs';
+import path from 'node:path';
+import { describe, it, expect } from 'vitest';
+import { record } from '../src/index';
+
+const distDir = path.resolve(__dirname, '../dist');
+const recordJsPath = path.join(distDir, 'record.js');
+
+// Measured before the tree-shaking fix: 397373 bytes.
+// The fixed ESM bundle must stay at least 200 KiB smaller.
+const BASELINE_RECORD_JS_BYTES = 397373;
+const MAX_RECORD_JS_BYTES = BASELINE_RECORD_JS_BYTES - 200 * 1024;
+
+function requireBuiltRecordBundle() {
+  if (!existsSync(recordJsPath)) {
+    throw new Error(
+      'Missing packages/record/dist/record.js. Run `yarn workspace @rrweb/record build` before running this test.',
+    );
+  }
+}
+
+function emittedJavaScriptFiles() {
+  if (!existsSync(distDir)) {
+    throw new Error(
+      'Missing packages/record/dist. Run `yarn workspace @rrweb/record build` before running this test.',
+    );
+  }
+  return readdirSync(distDir)
+    .filter((file) => file.endsWith('.js') || file.endsWith('.cjs'))
+    .map((file) => path.join(distDir, file));
+}
+
+describe('record', () => {
+  it('should be a function', () => {
+    expect(typeof record).toBe('function');
+  });
+
+  it('does not bundle replay-only postcss code', () => {
+    requireBuiltRecordBundle();
+
+    for (const file of emittedJavaScriptFiles()) {
+      expect(readFileSync(file, 'utf-8')).not.toContain('postcss');
+    }
+  });
+
+  it('keeps the ESM record bundle at least 200 KiB below the baseline size', () => {
+    requireBuiltRecordBundle();
+
+    expect(statSync(recordJsPath).size).toBeLessThanOrEqual(
+      MAX_RECORD_JS_BYTES,
+    );
+  });
+});
+```
+
+- [ ] **Step 2: Run the test and verify it fails for the current implementation**
+
+Run:
+
+```bash
+yarn workspace @rrweb/record test
+```
+
+Expected: the new `postcss` assertion fails, or the size assertion fails, because the implementation change has not been made yet.
+
+## Task 3: Mark rrweb-snapshot As Side-Effect-Free
+
+**Files:**
+
+- Modify: `packages/rrweb-snapshot/package.json`
+
+- [ ] **Step 1: Add the package metadata**
+
+Insert `"sideEffects": false` after the `"files"` array.
+
+```json
+  "files": [
+    "umd",
+    "dist",
+    "package.json"
+  ],
+  "sideEffects": false,
+  "author": "yanzhen@smartx.com",
+```
+
+- [ ] **Step 2: Validate JSON syntax**
+
+Run:
+
+```bash
+node -e "JSON.parse(require('node:fs').readFileSync('packages/rrweb-snapshot/package.json', 'utf8')); console.log('ok')"
+```
+
+Expected: prints `ok`.
+
+## Task 4: Add The Record-Local Source Resolver
+
+**Files:**
+
+- Modify: `packages/record/vite.config.ts`
+
+- [ ] **Step 1: Replace the config with an inline exact-import resolver**
+
+```ts
+import path from 'path';
+import type { Plugin } from 'vite';
+import config from '../../vite.config.default';
+
+const sourceEntryByPackageName = new Map([
+  ['rrweb', path.resolve(__dirname, '../rrweb/src/entries/record.ts')],
+  ['rrweb-snapshot', path.resolve(__dirname, '../rrweb-snapshot/src/index.ts')],
+  ['rrdom', path.resolve(__dirname, '../rrdom/src/index.ts')],
+]);
+
+function resolveLocalSourceEntries(): Plugin {
+  return {
+    name: 'resolve-local-source-entries',
+    enforce: 'pre',
+    resolveId(source) {
+      return sourceEntryByPackageName.get(source) || null;
+    },
+  };
+}
+
+export default config(path.resolve(__dirname, 'src/index.ts'), 'rrwebRecord', {
+  plugins: [resolveLocalSourceEntries()],
+});
+```
+
+- [ ] **Step 2: Run TypeScript checking for the record package**
+
+Run:
+
+```bash
+yarn workspace @rrweb/record check-types
+```
+
+Expected: TypeScript check succeeds.
+
+## Task 5: Make The rrweb Record Entry A Direct Re-Export
+
+**Files:**
+
+- Modify: `packages/rrweb/src/entries/record.ts`
+
+- [ ] **Step 1: Replace default-import-then-export with a direct named re-export**
+
+```ts
+export { default as record } from '../record';
+```
+
+- [ ] **Step 2: Type-check rrweb**
+
+Run:
+
+```bash
+yarn workspace rrweb check-types
+```
+
+Expected: TypeScript check succeeds.
+
+## Task 6: Build And Set The Final Size Threshold
+
+**Files:**
+
+- Modify: `packages/record/test/record.test.ts`
+
+- [ ] **Step 1: Build the fixed record package**
+
+Run:
+
+```bash
+yarn workspace @rrweb/record build
+```
+
+Expected: build succeeds and writes `packages/record/dist/record.js`.
+
+- [ ] **Step 2: Measure the fixed ESM bundle size**
+
+Run:
+
+```bash
+wc -c packages/record/dist/record.js
+```
+
+Expected: output is at least `204800` bytes smaller than the baseline from Task 1.
+
+- [ ] **Step 3: Update the test comment with measured before and after sizes**
+
+Use the exact byte count printed in Step 2 in a new comment line above the threshold constants. Keep `BASELINE_RECORD_JS_BYTES` equal to `397373`. For example, if Step 2 prints `180245 packages/record/dist/record.js`, the threshold block becomes:
+
+```ts
+// Measured before the tree-shaking fix: 397373 bytes.
+// Measured after the tree-shaking fix: 180245 bytes.
+// The fixed ESM bundle must stay at least 200 KiB smaller.
+const BASELINE_RECORD_JS_BYTES = 397373;
+const MAX_RECORD_JS_BYTES = BASELINE_RECORD_JS_BYTES - 200 * 1024;
+```
+
+## Task 7: Verify The Regression Tests Pass
+
+**Files:**
+
+- Test: `packages/record/test/record.test.ts`
+
+- [ ] **Step 1: Run the focused record tests**
+
+Run:
+
+```bash
+yarn workspace @rrweb/record test
+```
+
+Expected: all tests in `packages/record/test/record.test.ts` pass.
+
+- [ ] **Step 2: Confirm `postcss` is absent from emitted record JavaScript**
+
+Run:
+
+```bash
+rg -n "postcss" packages/record/dist --glob '*.{js,cjs}'
+```
+
+Expected: no matches and exit code `1`.
+
+## Task 8: Run Final Verification
+
+**Files:**
+
+- Test: `packages/rrweb-snapshot/package.json`
+- Test: `packages/record/vite.config.ts`
+- Test: `packages/rrweb/src/entries/record.ts`
+- Test: `packages/record/test/record.test.ts`
+
+- [ ] **Step 1: Check rrweb-snapshot types**
+
+Run:
+
+```bash
+yarn workspace rrweb-snapshot check-types
+```
+
+Expected: succeeds.
+
+- [ ] **Step 2: Rebuild record**
+
+Run:
+
+```bash
+yarn workspace @rrweb/record build
+```
+
+Expected: succeeds.
+
+- [ ] **Step 3: Run record tests**
+
+Run:
+
+```bash
+yarn workspace @rrweb/record test
+```
+
+Expected: succeeds.
+
+- [ ] **Step 4: Review the final diff**
+
+Run:
+
+```bash
+git diff -- packages/rrweb-snapshot/package.json packages/record/vite.config.ts packages/rrweb/src/entries/record.ts packages/record/test/record.test.ts
+```
+
+Expected: diff only contains the planned implementation and test changes.
+
+## Task 9: Commit The Implementation
+
+**Files:**
+
+- Stage: `packages/rrweb-snapshot/package.json`
+- Stage: `packages/record/vite.config.ts`
+- Stage: `packages/rrweb/src/entries/record.ts`
+- Stage: `packages/record/test/record.test.ts`
+
+- [ ] **Step 1: Stage implementation files only**
+
+Run:
+
+```bash
+git add packages/rrweb-snapshot/package.json packages/record/vite.config.ts packages/rrweb/src/entries/record.ts packages/record/test/record.test.ts
+```
+
+Expected: staged diff excludes the pre-existing `packages/rrweb-player/.svelte-kit/ambient.d.ts` change.
+
+- [ ] **Step 2: Commit**
+
+Run:
+
+```bash
+git commit -m "fix: tree-shake postcss from record bundle"
+```
+
+Expected: commit succeeds.
diff --git a/docs/superpowers/specs/2026-05-18-sandboxed-rebuild-design.md b/docs/superpowers/specs/2026-05-18-sandboxed-rebuild-design.md
new file mode 100644
index 00000000..a1bdc622
--- /dev/null
+++ b/docs/superpowers/specs/2026-05-18-sandboxed-rebuild-design.md
@@ -0,0 +1,113 @@
+# Sandboxed Rebuild Design
+
+## Context
+
+GitHub issue rrweb-io/rrweb#1817 reports that direct use of `rrweb-snapshot.rebuild()` can execute crafted replay content when callers rebuild into an unsandboxed browser document. The project already documents that filtering script-like behavior is incomplete and that replay should rely on iframe sandboxing as the browser-enforced security boundary.
+
+The current `rrweb` replayer already creates a top-level iframe with `sandbox="allow-same-origin"` before rebuilding snapshots. The exposed `rrweb-snapshot.rebuild()` API is lower-level and can still target any caller-provided `Document`, including the top-level page document. That direct browser use is the gap this design closes.
+
+## Goals
+
+- Make unprotected direct browser rebuild fail by default.
+- Preserve a deliberate escape hatch for callers that explicitly accept the script-execution risk.
+- Provide a first-class safe API for users who want to rebuild snapshots directly.
+- Keep the fix structural: use browser sandboxing instead of expanding attribute or URL sanitization.
+- Preserve `UNSAFE_replayCanvas` as an explicit unsafe mode.
+
+## Non-Goals
+
+- Do not attempt to sanitize every executable HTML, SVG, CSS, URL, or event-handler vector.
+- Do not redesign replay around a separate-origin or message-passing renderer.
+- Do not remove `UNSAFE_replayCanvas` in this change.
+
+## API Boundary
+
+`rrweb-snapshot.rebuild()` will validate browser `Document` targets before mutating them. In a real browser document, protected rebuild is allowed only for a document created by `rebuildIntoSandboxedIframe()` or `createSandboxedIframe()`, whose iframe sandbox token set is exactly `allow-same-origin`.
+
+This guard belongs to `rebuild()` only. Lower-level node builders such as `buildNodeWithSN()` do not own the browser sandbox policy in this change.
+
+If validation fails, `rebuild()` throws a clear error:
+
+```text
+rrweb-snapshot.rebuild() cannot rebuild into an unprotected browser document. Use rebuildIntoSandboxedIframe() or set UNSAFE_allowUnprotectedRebuild: true only when you accept the script-execution risk.
+```
+
+The API will accept an explicit unsafe option for callers that accept the risk:
+
+```ts
+rebuild(node, {
+  doc,
+  cache,
+  mirror,
+  UNSAFE_allowUnprotectedRebuild: true,
+});
+```
+
+This option makes unsafe usage visible in code review and keeps existing tests or tooling unblocked when they intentionally accept the risk.
+
+## Safe Helper
+
+Add a convenience API to `rrweb-snapshot`:
+
+```ts
+const { iframe, node } = rebuildIntoSandboxedIframe(snapshot, {
+  root: document.body,
+  cache,
+  mirror,
+});
+```
+
+The helper uses `createSandboxedIframe()` to create an iframe, apply `sandbox="allow-same-origin"` before appending it, append it to the configured root, then call guarded `rebuild()` with the iframe document. It returns both the iframe and the rebuilt root node so callers can size or manage the iframe while using the safe path by default. The `node` return value is `Node | null`, matching `rebuild()` semantics.
+
+The helper requires an explicit `root` element and does not default to `document.body`. It always creates a fresh iframe rather than accepting a caller-provided iframe, because the sandbox must be set before the iframe is appended or used. It stays minimal in the first implementation and does not mirror replayer styling, scrolling, pointer-event, or injected-style behavior. Additional helper flags can be added later when a concrete use case needs them. Helper options must not allow callers to override the enforced sandbox token set.
+
+## Replayer Behavior
+
+The `rrweb` replayer keeps its current default iframe model. `setupDom()` uses `createSandboxedIframe()` for the top-level replay iframe, disables interaction, and then rebuilds snapshots into that iframe document. This satisfies the new `rebuild()` guard without using the unsafe escape hatch.
+
+`UNSAFE_replayCanvas` remains available. In that mode the replay iframe may include `allow-scripts`, so it no longer satisfies the safe rebuild guard. Replayer calls into `rebuild()` must pass the explicit unsafe option when this mode is enabled. Documentation and tests must describe `UNSAFE_replayCanvas` as opting out of the script-execution protection.
+
+Nested iframe sandbox attributes are not part of this issue fix. For normal rrweb replay, the top-level replay iframe's sandbox constrains browsing contexts nested inside it, so an inner serialized iframe cannot re-enable script execution that the ancestor sandbox removed. This change enforces the rebuild target document boundary rather than rewriting every nested iframe sandbox attribute.
+
+## Error Handling And Compatibility
+
+The guard applies when the target document has a live `defaultView`. If `doc.defaultView` is absent, the browser sandbox check does not run. If `doc.defaultView` exists, the target is allowed only when it was created by `rebuildIntoSandboxedIframe()` or `createSandboxedIframe()` and `doc.defaultView.frameElement` is an iframe whose sandbox token set is exactly `allow-same-origin`, unless `UNSAFE_allowUnprotectedRebuild: true` is set. Test environments that model browser documents can use the explicit unsafe option where they intentionally rebuild fixtures into the top-level document.
+
+This is an intentional breaking change for unprotected direct browser use of `rrweb-snapshot.rebuild()`. The migration paths are:
+
+- use `rebuildIntoSandboxedIframe()` or `createSandboxedIframe()` for untrusted replay content;
+- set `UNSAFE_allowUnprotectedRebuild: true` only when you accept the script-execution risk.
+
+## Testing
+
+Add `rrweb-snapshot` tests for:
+
+- `rebuild()` throws when targeting the top-level browser `document`;
+- `rebuild()` throws for caller-supplied iframe documents, even when the iframe currently has `sandbox="allow-same-origin"`;
+- `rebuild()` throws for any sandbox token set other than exactly `allow-same-origin`;
+- `UNSAFE_allowUnprotectedRebuild: true` allows unprotected rebuild for callers that explicitly accept the risk;
+- `rebuildIntoSandboxedIframe()` creates the iframe, applies sandbox before rebuild, and returns the rebuilt node;
+- nested iframes cannot relax the target document's ancestor sandbox in normal replay.
+
+Add `rrweb` replayer tests for:
+
+- normal replay still rebuilds without the unsafe opt-out;
+- `UNSAFE_replayCanvas` still works while using the explicit unsafe path;
+- replay iframe snapshots expose the expected sandbox attributes.
+
+These tests prove the browser-enforced boundary rather than enumerate every possible script vector.
+
+## Documentation
+
+Update:
+
+- `docs/sandbox.md`;
+- `guide.md`;
+- `packages/rrweb-snapshot/README.md`;
+- canvas replay docs that mention `UNSAFE_replayCanvas`.
+
+The docs will say that `rebuild()` is a low-level API and that untrusted browser replay must use a sandboxed iframe. They will also state that `UNSAFE_replayCanvas` disables the script-execution protection.
+
+## Release Note
+
+Add a changeset for the public behavior change. The changeset should describe this as a breaking security-hardening change for `rrweb-snapshot`: browser rebuilds now require a sandboxed iframe target unless callers explicitly opt into an unprotected rebuild.
diff --git a/docs/superpowers/specs/2026-05-19-record-tree-shaking-design.md b/docs/superpowers/specs/2026-05-19-record-tree-shaking-design.md
new file mode 100644
index 00000000..5386cf70
--- /dev/null
+++ b/docs/superpowers/specs/2026-05-19-record-tree-shaking-design.md
@@ -0,0 +1,80 @@
+# Record Tree-Shaking Design
+
+## Context
+
+`rrweb-snapshot` contains both record-time snapshot code and replay-time rebuild code. The rebuild path imports `postcss`, which is large and unnecessary for `@rrweb/record` consumers. Because `rrweb-snapshot` currently publishes a single barrel bundle, consumers that import record-only APIs can still end up with replay-only code in their output.
+
+The goal is to reimplement the behavior targeted by rrweb PR #1784 without copying that implementation. The implementation should use the current repository structure and keep the change low risk.
+
+## Goals
+
+- Build `@rrweb/record` without bundling `postcss`.
+- Preserve the current public API for `rrweb`, `rrweb-snapshot`, `rrdom`, and `@rrweb/record`.
+- Keep the implementation narrow and easy to review.
+- Add tests that catch both the direct dependency regression and the bundle-size impact.
+
+## Non-Goals
+
+- Do not add new public `rrweb-snapshot` subpath exports.
+- Do not split `rrweb-snapshot` into separate published snapshot and rebuild packages.
+- Do not refactor snapshot/rebuild utilities unless the narrow build fix cannot pass verification without it.
+- Do not inspect or copy the PR #1784 implementation.
+
+## Proposed Approach
+
+Use a source-boundary build fix for `packages/record`.
+
+1. Mark `rrweb-snapshot` as side-effect-free in `packages/rrweb-snapshot/package.json`.
+2. Add a Vite/Rollup `resolveId` plugin to `packages/record/vite.config.ts`.
+3. During the record package build, redirect bare imports of `rrweb`, `rrweb-snapshot`, and `rrdom` to their local source entry files instead of their pre-built package entrypoints.
+4. Change `packages/rrweb/src/entries/record.ts` to directly re-export the named `record` export from the record module.
+5. Extend `packages/record/test/record.test.ts` so it verifies the built record output does not contain `postcss` and records a significant file-size drop signal.
+
+## Architecture
+
+The public packages keep their existing import paths. The special behavior is limited to the `@rrweb/record` build config.
+
+The record package currently imports `record` through `rrweb`. That package import can resolve to the pre-built `rrweb` bundle, which hides source module boundaries from Rollup. The custom resolver restores those boundaries by mapping:
+
+- `rrweb` to `packages/rrweb/src/entries/record.ts`
+- `rrweb-snapshot` to `packages/rrweb-snapshot/src/index.ts`
+- `rrdom` to `packages/rrdom/src/index.ts`
+
+The resolver should match only exact bare imports. It should not rewrite subpath imports such as `rrweb/foo` unless a future change explicitly adds that case.
+
+The resolver should live inline in `packages/record/vite.config.ts`. It is a record-package build concern, not a shared monorepo helper.
+
+Once Rollup sees source modules, `"sideEffects": false` on `rrweb-snapshot` allows unused rebuild modules to be removed when record consumers do not use rebuild exports. This should use plain `"sideEffects": false`, not a narrower allowlist. PR #1834's `rebuild.ts` changes do not add import-time side effects; its DOM work and sandbox checks happen only when exported functions are called.
+
+The `rrweb` record entry should use a direct named re-export. This gives Rollup a simpler export graph than a default import followed by a re-export.
+
+## Testing
+
+Keep the existing smoke test that `record` is a function.
+
+Add a build-output regression test for `@rrweb/record`:
+
+- Inspect emitted `.js` and `.cjs` files in `packages/record/dist`.
+- Assert no emitted `.js` or `.cjs` file contains the string `postcss`.
+- Use `packages/record/dist/record.js` as the canonical size signal.
+- Measure the current `dist/record.js` size locally before changing implementation files, then assert the fixed `dist/record.js` size is at least 200KB smaller than that baseline.
+
+The implementation should encode that baseline-derived threshold as a constant in the test, with a comment documenting the measured before/after sizes. The test should compare durable built artifacts, not transient visualizer output or source maps. It should not run the build itself; if `dist/record.js` is missing, it should fail with a clear message telling the developer to run `yarn workspace @rrweb/record build` first.
+
+## Verification
+
+Run focused verification after implementation:
+
+```sh
+yarn workspace rrweb-snapshot check-types
+yarn workspace @rrweb/record build
+yarn workspace @rrweb/record test
+```
+
+## Risks
+
+The resolver must be scoped to the record build. Applying it globally could change other package builds unexpectedly.
+
+The file-size threshold must be strict enough to catch regressions but not so strict that unrelated output formatting or dependency updates cause noise. It should focus on the main JavaScript bundle and leave source maps out of the assertion.
+
+Marking `rrweb-snapshot` as side-effect-free assumes its module-level code does not intentionally perform observable side effects on import. That matches the intended package usage for tree-shaking and remains compatible with PR #1834's `rebuild.ts` changes, but verification should include existing snapshot and record tests.
diff --git a/guide.md b/guide.md
index f3c0f2e4..93e450ea 100644
--- a/guide.md
+++ b/guide.md
@@ -6,43 +6,99 @@
 
 ## Installation
 
-### Direct `<script>` include
+| Goal                            | Recommended package(s)            |
+| ------------------------------- | --------------------------------- |
+| Most projects (record + replay) | `@rrweb/record` + `@rrweb/replay` |
+| Single-package convenience      | `@rrweb/all`                      |
+| Legacy compatibility only       | `rrweb`                           |
 
-You are recommended to install rrweb via jsdelivr's CDN service:
+In most production setups, recorder and replayer are deployed to different pages/apps. Use `@rrweb/record` on recorded pages and `@rrweb/replay` (or `rrweb-player`) on replay pages. Use `@rrweb/all` when you intentionally want one package for convenience (for example demos, tooling, or simplified setups).
+
+### 1) Bundler / npm (Recommended)
+
+```shell
+npm install @rrweb/record @rrweb/replay
+```
+
+```js
+import { record } from '@rrweb/record';
+import { Replayer } from '@rrweb/replay';
+import '@rrweb/replay/dist/style.css';
+```
+
+Use `@rrweb/all` as a convenience package if you want a single import:
+
+```shell
+npm install @rrweb/all
+```
+
+```js
+import { record, Replayer } from '@rrweb/all';
+import '@rrweb/all/dist/style.css';
+```
+
+`require(...)` / CommonJS remains available for compatibility via each package's `exports`/`main`, but ESM imports are the primary path for 2.x.
+
+### 2) Browser Without Bundler (No-Build)
+
+Use browser ESM assets from a CDN:
 
 ```html
 <link
   rel="stylesheet"
-  href="https://cdn.jsdelivr.net/npm/rrweb@latest/dist/style.css"
+  href="https://cdn.rrweb.com/replay/current/dist/style.css"
 />
-<script src="https://cdn.jsdelivr.net/npm/rrweb@latest/dist/rrweb.umd.min.cjs"></script>
+<script type="module">
+  import { record } from 'https://cdn.rrweb.com/record/current/dist/record.js';
+  import { Replayer } from 'https://cdn.rrweb.com/replay/current/dist/replay.js';
+
+  record({
+    emit(event) {
+      console.log(event);
+    },
+  });
+</script>
 ```
 
-Also, you can link to a specific version number that you can update manually:
+Use `current` for the latest stable release, or pin an exact version such as
+`https://cdn.rrweb.com/record/2.0.0/dist/record.js` and
+`https://cdn.rrweb.com/replay/2.0.0/dist/replay.js` for immutable
+production URLs.
+
+`rrweb-player` is also available as a browser ESM asset:
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/rrweb@2.0.0-alpha.14/dist/rrweb.umd.min.cjs"></script>
+<link
+  rel="stylesheet"
+  href="https://cdn.rrweb.com/rrweb-player/current/style.css"
+/>
+<script type="module">
+  import rrwebPlayer from 'https://cdn.rrweb.com/rrweb-player/current/rrweb-player.js';
+</script>
 ```
 
-#### Only include the recorder code
+### 3) Legacy Direct `<script>` Include (UMD Fallback)
 
-rrweb's code includes both the record and the replay parts. Most of the time you only need to include the record part into your targeted web Apps.
-This also can be done by using the `@rrweb/record` package and the CDN service:
+Use this only for compatibility with non-module environments.
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/@rrweb/record@latest/dist/record.umd.min.cjs"></script>
+<script src="https://cdn.rrweb.com/record/current/dist/record.umd.cjs"></script>
+<script src="https://cdn.rrweb.com/replay/current/dist/replay.umd.cjs"></script>
 ```
 
+The UMD builds expose `rrwebRecord` and `rrwebReplay` globals. Prefer the ESM
+CDN assets for modern browsers.
+
 #### Other packages
 
-Besides the `rrweb` and `@rrweb/record` packages, rrweb also provides other packages for different usage.
+Besides the `@rrweb/record` and `@rrweb/replay` packages, rrweb also provides other packages for different usage.
 
 - [rrweb](packages/rrweb): The core package of rrweb, including record and replay functions.
 - [rrweb-player](packages/rrweb-player): A GUI for rrweb, providing a timeline and buttons for things like pause, fast-forward, and speedup.
 - [rrweb-snapshot](packages/rrweb-snapshot): Handles snapshot and rebuilding features, converting the DOM and its state into a serializable data structure.
 - [rrdom](packages/rrdom): A virtual dom package rrweb.
 - [rrdom-nodejs](packages/rrdom-nodejs): The Node.js version of rrdom for server-side DOM operations.
-- [@rrweb/all](packages/all): A package that includes `rrweb` and `@rrweb/packer` for easy install.
+- [@rrweb/all](packages/all): A convenience package that includes `rrweb` and `@rrweb/packer`.
 - [@rrweb/record](packages/record): A package for recording rrweb sessions.
 - [@rrweb/replay](packages/replay): A package for replaying rrweb sessions.
 - [@rrweb/packer](packages/packer): A package for packing and unpacking rrweb data.
@@ -56,14 +112,8 @@ Besides the `rrweb` and `@rrweb/record` packages, rrweb also provides other pack
 - [@rrweb/rrweb-plugin-sequential-id-replay](packages/plugins/rrweb-plugin-sequential-id-replay): A plugin for replaying sequential IDs.
 - [@rrweb/rrweb-plugin-canvas-webrtc-record](packages/plugins/rrweb-plugin-canvas-webrtc-record): A plugin for stream `<canvas>` via WebRTC.
 - [@rrweb/rrweb-plugin-canvas-webrtc-replay](packages/plugins/rrweb-plugin-canvas-webrtc-replay): A plugin for playing streamed `<canvas>` via WebRTC.
-
-### NPM
-
-```shell
-npm install --save rrweb
-```
-
-rrweb provides both commonJS and ES modules bundles, which are easy to use with the popular bundlers.
+- [@rrweb/rrweb-plugin-network-record](packages/plugins/rrweb-plugin-network-record): A plugin for recording network requests (xhr/fetch).
+- [@rrweb/rrweb-plugin-network-replay](packages/plugins/rrweb-plugin-network-replay): A plugin for replaying network requests (xhr/fetch).
 
 ### Compatibility Note
 
@@ -73,10 +123,14 @@ rrweb does **not** support IE11 and below because it uses the `MutationObserver`
 
 ### Record
 
-The following sample code will use the variable `rrweb` which is the default exporter of this library.
+Use `record` from `@rrweb/record` in modern setups:
 
 ```js
-rrweb.record({
+import { record } from '@rrweb/record';
+```
+
+```js
+record({
   emit(event) {
     // store the event in any way you like
   },
@@ -88,7 +142,7 @@ During recording, the recorder will emit when there is some event incurred, all
 The `record` method returns a function which can be called to stop events from firing:
 
 ```js
-let stopFn = rrweb.record({
+let stopFn = record({
   emit(event) {
     if (events.length > 100) {
       // stop after 100 events
@@ -101,9 +155,12 @@ let stopFn = rrweb.record({
 A more real-world usage may look like this:
 
 ```js
+const publicApiKey = 'your-public-api-key-here';
+const recordingId = crypto.randomUUID();
+
 let events = [];
 
-rrweb.record({
+record({
   emit(event) {
     // push event into the events array
     events.push(event);
@@ -114,9 +171,10 @@ rrweb.record({
 function save() {
   const body = JSON.stringify({ events });
   events = [];
-  fetch('http://YOUR_BACKEND_API', {
+  fetch(`https://api.rrweb.com/recordings/${recordingId}/events`, {
     method: 'POST',
     headers: {
+      Authorization: `Bearer ${publicApiKey}`,
       'Content-Type': 'application/json',
     },
     body,
@@ -129,7 +187,7 @@ setInterval(save, 10 * 1000);
 
 #### Options
 
-The parameter of `rrweb.record` accepts the following options.
+The `record` function accepts the following options.
 
 | key                      | default            | description                                                                                                                                                                                   |
 | ------------------------ | ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
@@ -149,14 +207,14 @@ The parameter of `rrweb.record` accepts the following options.
 | maskTextFn               | -                  | customize mask text content recording logic                                                                                                                                                   |
 | slimDOMOptions           | {}                 | remove unnecessary parts of the DOM <br />refer to the [list](https://github.com/rrweb-io/rrweb/blob/588164aa12f1d94576f89ae0210b98f6e971c895/packages/rrweb-snapshot/src/types.ts#L97-L108)  |
 | dataURLOptions           | {}                 | Canvas image format and quality ,This parameter will be passed to the OffscreenCanvas.convertToBlob(),Using this parameter effectively reduces the size of the recorded data                  |
-| inlineStylesheet         | true               | whether to inline the stylesheet in the events                                                                                                                                                |
+| inlineStylesheet         | true               | Deprecated since 2.0.0. Still supported, but planned to be superseded by future `captureAssets` asset recording APIs.                                                                         |
 | hooks                    | {}                 | hooks for events<br />refer to the [list](https://github.com/rrweb-io/rrweb/blob/9488deb6d54a5f04350c063d942da5e96ab74075/src/types.ts#L207)                                                  |
 | packFn                   | -                  | refer to the [storage optimization recipe](./docs/recipes/optimize-storage.md)                                                                                                                |
 | sampling                 | -                  | refer to the [storage optimization recipe](./docs/recipes/optimize-storage.md)                                                                                                                |
 | recordCanvas             | false              | Whether to record the canvas element. Available options:<br/>`false`, <br/>`true`                                                                                                             |
 | recordCrossOriginIframes | false              | Whether to record cross origin iframes. rrweb has to be injected in each child iframe for this to work. Available options:<br/>`false`, <br/>`true`                                           |
 | recordAfter              | 'load'             | If the document is not ready, then the recorder will start recording after the specified event is fired. Available options: `DOMContentLoaded`, `load`                                        |
-| inlineImages             | false              | whether to record the image content                                                                                                                                                           |
+| inlineImages             | false              | Deprecated since 2.0.0. Still supported, but planned to be superseded by future `captureAssets` asset recording APIs.                                                                         |
 | collectFonts             | false              | whether to collect fonts in the website                                                                                                                                                       |
 | userTriggeredOnInput     | false              | whether to add `userTriggered` on input events that indicates if this event was triggered directly by the user or not. [What is `userTriggered`?](https://github.com/rrweb-io/rrweb/pull/495) |
 | plugins                  | []                 | load plugins to provide extended record functions. [What is plugins?](./docs/recipes/plugin.md)                                                                                               |
@@ -179,10 +237,13 @@ By default, all the emitted events are required to replay a session and if you d
 **Most of the time you do not need to configure this**. But if you want to do something like capturing just the last N events from when an error has occurred, here is an example:
 
 ```js
+const publicApiKey = 'your-public-api-key-here';
+const recordingId = crypto.randomUUID();
+
 // We use a two-dimensional array to store multiple events array
 const eventsMatrix = [[]];
 
-rrweb.record({
+record({
   emit(event, isCheckout) {
     // isCheckout is a flag to tell you the events has been checkout
     if (isCheckout) {
@@ -199,9 +260,10 @@ window.onerror = function () {
   const len = eventsMatrix.length;
   const events = eventsMatrix[len - 2].concat(eventsMatrix[len - 1]);
   const body = JSON.stringify({ events });
-  fetch('http://YOUR_BACKEND_API', {
+  fetch(`https://api.rrweb.com/recordings/${recordingId}/events`, {
     method: 'POST',
     headers: {
+      Authorization: `Bearer ${publicApiKey}`,
       'Content-Type': 'application/json',
     },
     body,
@@ -214,10 +276,13 @@ Due to the incremental-snapshot-chain mechanism rrweb used, we can not capture t
 Similarly, you can also configure `checkoutEveryNms` to capture the last N minutes events:
 
 ```js
+const publicApiKey = 'your-public-api-key-here';
+const recordingId = crypto.randomUUID();
+
 // We use a two-dimensional array to store multiple events array
 const eventsMatrix = [[]];
 
-rrweb.record({
+record({
   emit(event, isCheckout) {
     // isCheckout is a flag to tell you the events has been checkout
     if (isCheckout) {
@@ -234,9 +299,10 @@ window.onerror = function () {
   const len = eventsMatrix.length;
   const events = eventsMatrix[len - 2].concat(eventsMatrix[len - 1]);
   const body = JSON.stringify({ events });
-  fetch('http://YOUR_BACKEND_API', {
+  fetch(`https://api.rrweb.com/recordings/${recordingId}/events`, {
     method: 'POST',
     headers: {
+      Authorization: `Bearer ${publicApiKey}`,
       'Content-Type': 'application/json',
     },
     body,
@@ -248,28 +314,34 @@ With the sample code above, you will finally get the last 5 to 10 minutes of eve
 
 ### Replay
 
-You need to include the style sheet before replay:
+For bundler usage, include the style sheet in your app entry:
+
+```js
+import '@rrweb/replay/dist/style.css';
+```
+
+For browser/no-build usage, include the style sheet and import the replayer from
+the CDN:
 
 ```html
 <link
   rel="stylesheet"
-  href="https://cdn.jsdelivr.net/npm/rrweb@latest/dist/style.css"
+  href="https://cdn.rrweb.com/replay/current/dist/style.css"
 />
-```
-
-And then initialize the replayer with the following code:
+<script type="module">
+  import { Replayer } from 'https://cdn.rrweb.com/replay/current/dist/replay.js';
 
-```js
-const events = YOUR_EVENTS;
+  const events = YOUR_EVENTS;
 
-const replayer = new rrweb.Replayer(events);
-replayer.play();
+  const replayer = new Replayer(events);
+  replayer.play();
+</script>
 ```
 
 #### Control the replayer by API
 
 ```js
-const replayer = new rrweb.Replayer(events);
+const replayer = new Replayer(events);
 
 // play
 replayer.play();
@@ -297,14 +369,14 @@ The replayer accepts options as its constructor's second parameter, and it has t
 | root                    | document.body     | the root element of replayer                                                                                                                                                                                                   |
 | loadTimeout             | 0                 | timeout of loading remote style sheet                                                                                                                                                                                          |
 | skipInactive            | false             | whether to skip inactive time                                                                                                                                                                                                  |
-| inactivePeriodThreshold | 10000         | the threshold in milliseconds for what should be considered an inactive period                                                                                                                                                 |
+| inactivePeriodThreshold | 10000             | the threshold in milliseconds for what should be considered an inactive period                                                                                                                                                 |
 | showWarning             | true              | whether to print warning messages during replay                                                                                                                                                                                |
 | showDebug               | false             | whether to print debug messages during replay                                                                                                                                                                                  |
 | blockClass              | 'highlight-block' | element with the class name will display as a blocked area                                                                                                                                                                     |
 | liveMode                | false             | whether to enable live mode                                                                                                                                                                                                    |
 | insertStyleRules        | []                | accepts multiple CSS rule string, which will be injected into the replay iframe                                                                                                                                                |
 | triggerFocus            | true              | whether to trigger focus during replay                                                                                                                                                                                         |
-| UNSAFE_replayCanvas     | false             | whether to replay the canvas element. **Enable this will remove the sandbox, which is unsafe.**                                                                                                                                |
+| UNSAFE_replayCanvas     | false             | whether to replay the canvas element. **Enabling this adds `allow-scripts` to the replay iframe and opts out of the sandbox script-execution protection, which is unsafe.**                                                    |
 | pauseAnimation          | true              | whether to pause CSS animation when the replayer is paused                                                                                                                                                                     |
 | mouseTail               | true              | whether to show mouse tail during replay. Set to false to disable mouse tail. A complete config can be found in this [type](https://github.com/rrweb-io/rrweb/blob/9488deb6d54a5f04350c063d942da5e96ab74075/src/types.ts#L407) |
 | unpackFn                | -                 | refer to the [storage optimization recipe](./docs/recipes/optimize-storage.md)                                                                                                                                                 |
@@ -315,29 +387,41 @@ The replayer accepts options as its constructor's second parameter, and it has t
 
 #### Use rrweb-player
 
-Since rrweb's replayer ([@rrweb/replay](packages/replay/)) only provides a basic UI, you can choose [rrweb-player](packages/rrweb-player/) which is based on rrweb's public APIs but has a feature-rich replayer UI.
+Since `Replayer` from [@rrweb/replay](packages/replay/) only provides a basic UI, you can choose [rrweb-player](packages/rrweb-player/), which is based on rrweb's public APIs and provides a feature-rich replayer UI.
 
 ##### Installation
 
-rrweb-player can also be included with `<script>`：
+Bundler / npm (recommended):
+
+```shell
+npm install rrweb-player
+```
+
+```js
+import rrwebPlayer from 'rrweb-player';
+import 'rrweb-player/dist/style.css';
+```
+
+Browser without bundler (ESM):
 
 ```html
 <link
   rel="stylesheet"
-  href="https://cdn.jsdelivr.net/npm/rrweb-player@latest/dist/style.css"
+  href="https://cdn.rrweb.com/rrweb-player/current/style.css"
 />
-<script src="https://cdn.jsdelivr.net/npm/rrweb-player@latest/dist/index.js"></script>
+<script type="module">
+  import rrwebPlayer from 'https://cdn.rrweb.com/rrweb-player/current/rrweb-player.js';
+</script>
 ```
 
-Or installed by using NPM：
-
-```shell
-npm install --save rrweb-player
-```
+Legacy direct `<script>` include (UMD fallback):
 
-```js
-import rrwebPlayer from 'rrweb-player';
-import 'rrweb-player/dist/style.css';
+```html
+<link
+  rel="stylesheet"
+  href="https://cdn.rrweb.com/rrweb-player/current/style.css"
+/>
+<script src="https://cdn.rrweb.com/rrweb-player/current/rrweb-player.umd.cjs"></script>
 ```
 
 ##### Usage
@@ -363,15 +447,15 @@ new rrwebPlayer({
 | speedOption    | [1, 2, 4, 8] | speed options in UI                                                  |
 | showController | true         | whether to show the controller UI                                    |
 | tags           | {}           | customize the custom events style with a key-value map               |
-| ...            | -            | all the rrweb Replayer options will be bypassed                      |
+| ...            | -            | all other Replayer options are forwarded                             |
 
 #### Events
 
-Developers may want to extend the rrweb's replayer or respond to its events. Such as giving notification when the replayer starts to skip inactive time.
-So rrweb expose a public API `on` which allow developers to listen to the events and customize the reactions, and it has the following events:
+Developers may want to extend the replayer or respond to its events, for example to notify users when inactive time starts being skipped.
+`Replayer` exposes a public API `on` that lets developers listen for events and customize behavior:
 
 ```js
-const replayer = new rrweb.Replayer(events);
+const replayer = new Replayer(events);
 replayer.on(EVENT_NAME, (payload) => {
   ...
 })
@@ -412,13 +496,13 @@ You can also play with rrweb by using the REPL testing tool which does not need
 Run `yarn repl` to launch a browser and ask for a URL you want to test on the CLI:
 
 ```
-Enter the url you want to record, e.g https://react-redux.realworld.io:
+Enter the url you want to record, e.g https://example.com:
 ```
 
 Waiting for the browser to open the specified page and print the following messages on the CLI:
 
 ```
-Enter the url you want to record, e.g https://react-redux.realworld.io: https://github.com
+Enter the url you want to record, e.g https://example.com: https://github.com
 Going to open https://github.com...
 Ready to record. You can do any interaction on the page.
 Once you want to finish the recording, enter 'y' to start replay:
diff --git a/guide.zh_CN.md b/guide.zh_CN.md
index 96c1777a..aa6ead61 100644
--- a/guide.zh_CN.md
+++ b/guide.zh_CN.md
@@ -4,42 +4,97 @@
 
 ## 安装
 
-### 直接通过 `<script>` 引入
+| 目标                      | 推荐包                            |
+| ------------------------- | --------------------------------- |
+| 大多数项目（录制 + 回放） | `@rrweb/record` + `@rrweb/replay` |
+| 单包便捷接入              | `@rrweb/all`                      |
+| 仅遗留兼容                | `rrweb`                           |
 
-推荐通过 jsdelivr 的 CDN 安装：
+在绝大多数生产架构中，录制端和回放端运行在不同的运行时/页面。请在被录制应用中安装 `@rrweb/record`，在回放应用中安装 `@rrweb/replay`（或 `rrweb-player`）。除非有明确的高级场景，一般不要在同一页面同时引入两者。
+
+### 1) Bundler / npm（推荐）
+
+```shell
+npm install @rrweb/record @rrweb/replay
+```
+
+```js
+import { record } from '@rrweb/record';
+import { Replayer } from '@rrweb/replay';
+import '@rrweb/replay/dist/style.css';
+```
+
+如果你希望使用单一入口，也可以使用便捷包 `@rrweb/all`：
+
+```shell
+npm install @rrweb/all
+```
+
+```js
+import { record, Replayer } from '@rrweb/all';
+import '@rrweb/all/dist/style.css';
+```
+
+`require(...)` / CommonJS 仍可作为兼容方案使用（由各包的 `exports`/`main` 提供），但 2.x 的主路径是 ESM。
+
+### 2) 无 Bundler 的浏览器场景（no-build）
+
+推荐使用 CDN 提供的浏览器 ESM 资源：
 
 ```html
 <link
   rel="stylesheet"
-  href="https://cdn.jsdelivr.net/npm/rrweb@latest/dist/style.css"
+  href="https://cdn.rrweb.com/replay/current/dist/style.css"
 />
-<script src="https://cdn.jsdelivr.net/npm/rrweb@latest/dist/rrweb.umd.min.cjs"></script>
+<script type="module">
+  import { record } from 'https://cdn.rrweb.com/record/current/dist/record.js';
+  import { Replayer } from 'https://cdn.rrweb.com/replay/current/dist/replay.js';
+
+  record({
+    emit(event) {
+      console.log(event);
+    },
+  });
+</script>
 ```
 
-也可以在 URL 中指定具体的版本号，例如：
+`current` 指向最新稳定版本；生产环境也可以固定到不可变的精确版本，例如
+`https://cdn.rrweb.com/record/2.0.0/dist/record.js` 和
+`https://cdn.rrweb.com/replay/2.0.0/dist/replay.js`。
+
+`rrweb-player` 也提供浏览器 ESM 资源：
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/rrweb@2.0.0-alpha.14/dist/rrweb.umd.min.cjs"></script>
+<link
+  rel="stylesheet"
+  href="https://cdn.rrweb.com/rrweb-player/current/style.css"
+/>
+<script type="module">
+  import rrwebPlayer from 'https://cdn.rrweb.com/rrweb-player/current/rrweb-player.js';
+</script>
 ```
 
-#### 仅引入录制部分
+### 3) 传统直接 `<script>` 引入（Legacy / UMD 兼容）
 
-rrweb 代码分为录制和回放两部分，大多数时候用户在被录制的应用中只需要引入录制部分代码。同样可以通过使用 @rrweb/record 包和 CDN 服务来实现：
+仅在不支持 ESM 的兼容场景中建议使用。
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/@rrweb/record@latest/dist/record.umd.min.cjs"></script>
+<script src="https://cdn.rrweb.com/record/current/dist/record.umd.cjs"></script>
+<script src="https://cdn.rrweb.com/replay/current/dist/replay.umd.cjs"></script>
 ```
 
+这些 UMD 构建会暴露全局变量 `rrwebRecord` 和 `rrwebReplay`。现代浏览器推荐优先使用 CDN ESM 资源。
+
 #### 其他包
 
-除了 `rrweb` 和 `@rrweb/record` 包之外，rrweb 还提供了其他不同用途的包。
+除了 `@rrweb/record` 和 `@rrweb/replay` 包之外，rrweb 还提供了其他不同用途的包。
 
 - [rrweb](packages/rrweb)：rrweb 的核心包，包括录制和回放功能。
 - [rrweb-player](packages/rrweb-player)：rrweb 的图形用户界面，提供时间线和暂停、快进、加速等按钮。
 - [rrweb-snapshot](packages/rrweb-snapshot)：处理快照和重建功能，将 DOM 及其状态转换为可序列化的数据结构。
 - [rrdom](packages/rrdom)：rrweb 的虚拟 dom 包。
 - [rrdom-nodejs](packages/rrdom-nodejs)：用于服务器端 DOM 操作的 rrdom 的 Node.js 版本。
-- [@rrweb/all](packages/all)：一个包含 `rrweb` 和 `@rrweb/packer`，便于安装的包。
+- [@rrweb/all](packages/all)：一个包含 `rrweb` 和 `@rrweb/packer` 的便捷包。
 - [@rrweb/record](packages/record)：一个用于录制 rrweb 会话的包。
 - [@rrweb/replay](packages/replay)：一个用于回放 rrweb 会话的包。
 - [@rrweb/packer](packages/packer)：一个用于打包和解包 rrweb 数据的包。
@@ -53,14 +108,8 @@ rrweb 代码分为录制和回放两部分，大多数时候用户在被录制
 - [@rrweb/rrweb-plugin-sequential-id-replay](packages/plugins/rrweb-plugin-sequential-id-replay)：一个用于回放顺序 ID 的插件。
 - [@rrweb/rrweb-plugin-canvas-webrtc-record](packages/plugins/rrweb-plugin-canvas-webrtc-record)：一个用于通过 WebRTC 流式传输 `<canvas>` 的插件。
 - [@rrweb/rrweb-plugin-canvas-webrtc-replay](packages/plugins/rrweb-plugin-canvas-webrtc-replay)：一个用于通过 WebRTC 播放流式 `<canvas>` 的插件。
-
-### 通过 npm 引入
-
-```shell
-npm install --save rrweb
-```
-
-rrweb 同时提供 commonJS 和 ES modules 两种格式的打包文件，易于和常见的打包工具配合使用。
+- [@rrweb/rrweb-plugin-network-record](packages/plugins/rrweb-plugin-network-record)：一个用于记录网络请求的插件 (xhr/fetch)。
+- [@rrweb/rrweb-plugin-network-replay](packages/plugins/rrweb-plugin-network-replay)：一个用于回放网络请求的插件 (xhr/fetch)。
 
 ### 兼容性
 
@@ -70,10 +119,14 @@ rrweb 同时提供 commonJS 和 ES modules 两种格式的打包文件，易于
 
 ### 录制
 
-如果通过 `<script>` 的方式仅引入录制部分，那么可以访问到全局变量 `rrwebRecord`，它和全量引入时的 `rrweb.record` 使用方式完全一致，以下示例代码将使用后者。
+现代用法建议直接使用 `@rrweb/record` 的 `record`：
 
 ```js
-rrweb.record({
+import { record } from '@rrweb/record';
+```
+
+```js
+record({
   emit(event) {
     // 用任意方式存储 event
   },
@@ -85,7 +138,7 @@ rrweb 在录制时会不断将各类 event 传递给配置的 emit 方法，你
 调用 `record` 方法将返回一个函数，调用该函数可以终止录制：
 
 ```js
-let stopFn = rrweb.record({
+let stopFn = record({
   emit(event) {
     if (events.length > 100) {
       // 当事件数量大于 100 时停止录制
@@ -98,9 +151,12 @@ let stopFn = rrweb.record({
 一个更接近实际真实使用场景的示例如下：
 
 ```js
+const publicApiKey = 'your-public-api-key-here';
+const recordingId = crypto.randomUUID();
+
 let events = [];
 
-rrweb.record({
+record({
   emit(event) {
     // 将 event 存入 events 数组中
     events.push(event);
@@ -111,9 +167,10 @@ rrweb.record({
 function save() {
   const body = JSON.stringify({ events });
   events = [];
-  fetch('http://YOUR_BACKEND_API', {
+  fetch(`https://api.rrweb.com/recordings/${recordingId}/events`, {
     method: 'POST',
     headers: {
+      Authorization: `Bearer ${publicApiKey}`,
       'Content-Type': 'application/json',
     },
     body,
@@ -126,7 +183,7 @@ setInterval(save, 10 * 1000);
 
 #### 配置参数
 
-`rrweb.record(config)` 的 config 部分接受以下参数
+`record(config)` 的 config 部分接受以下参数
 
 | key                      | 默认值             | 功能                                                                                                                                                                                  |
 | ------------------------ | ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
@@ -144,7 +201,7 @@ setInterval(save, 10 * 1000);
 | maskInputFn              | -                  | 自定义特定类型的输入框内容记录逻辑                                                                                                                                                    |
 | maskTextFn               | -                  | 自定义文字内容的记录逻辑                                                                                                                                                              |
 | slimDOMOptions           | {}                 | 去除 DOM 中不必要的部分 <br />类型详见[列表](https://github.com/rrweb-io/rrweb/blob/588164aa12f1d94576f89ae0210b98f6e971c895/packages/rrweb-snapshot/src/types.ts#L97-L108)           |
-| inlineStylesheet         | true               | 是否将样式表内联                                                                                                                                                                      |
+| inlineStylesheet         | true               | 自 2.0.0 起弃用。2.0 中仍受支持，但计划由未来的 `captureAssets` 资源录制 API 取代。                                                                                                   |
 | hooks                    | {}                 | 各类事件的回调<br />类型详见[列表](https://github.com/rrweb-io/rrweb/blob/9488deb6d54a5f04350c063d942da5e96ab74075/src/types.ts#L207)                                                 |
 | packFn                   | -                  | 数据压缩函数，详见[优化存储策略](./docs/recipes/optimize-storage.zh_CN.md)                                                                                                            |
 | sampling                 | -                  | 数据抽样策略，详见[优化存储策略](./docs/recipes/optimize-storage.zh_CN.md)                                                                                                            |
@@ -152,7 +209,7 @@ setInterval(save, 10 * 1000);
 | recordCanvas             | false              | 是否记录 canvas 内容, 可用选项：`false`, `true`                                                                                                                                       |
 | recordCrossOriginIframes | false              | 是否记录 cross origin iframes。 必须在每个子 iframe 中注入 rrweb 才能使其工作。 可用选项：`false`, `true`                                                                             |
 | recordAfter              | 'load'             | 如果 document 还没有加载完成，recorder 将会在指定的事件触发后开始录制。可用选项： `DOMContentLoaded`, `load`                                                                          |
-| inlineImages             | false              | 是否将图片内容记内联录制                                                                                                                                                              |
+| inlineImages             | false              | 自 2.0.0 起弃用。2.0 中仍受支持，但计划由未来的 `captureAssets` 资源录制 API 取代。                                                                                                   |
 | collectFonts             | false              | 是否记录页面中的字体文件                                                                                                                                                              |
 | userTriggeredOnInput     | false              | [什么是 `userTriggered`](https://github.com/rrweb-io/rrweb/pull/495)                                                                                                                  |
 | plugins                  | []                 | 加载插件以获得额外的录制功能. [什么是插件？](./docs/recipes/plugin.zh_CN.md)                                                                                                          |
@@ -175,10 +232,13 @@ setInterval(save, 10 * 1000);
 **多数时候你不必这样配置**。但比如在页面错误发生时，你只想捕获最近的几次 event ，这里有一个例子：
 
 ```js
+const publicApiKey = 'your-public-api-key-here';
+const recordingId = crypto.randomUUID();
+
 // 使用二维数组来存放多个 event 数组
 const eventsMatrix = [[]];
 
-rrweb.record({
+record({
   emit(event, isCheckout) {
     // isCheckout 是一个标识，告诉你重新制作了快照
     if (isCheckout) {
@@ -195,9 +255,10 @@ window.onerror = function () {
   const len = eventsMatrix.length;
   const events = eventsMatrix[len - 2].concat(eventsMatrix[len - 1]);
   const body = JSON.stringify({ events });
-  fetch('http://YOUR_BACKEND_API', {
+  fetch(`https://api.rrweb.com/recordings/${recordingId}/events`, {
     method: 'POST',
     headers: {
+      Authorization: `Bearer ${publicApiKey}`,
       'Content-Type': 'application/json',
     },
     body,
@@ -210,10 +271,13 @@ window.onerror = function () {
 类似的，你可以通过配置 `checkoutEveryNms` 来捕获最近指定时间的 event :
 
 ```js
+const publicApiKey = 'your-public-api-key-here';
+const recordingId = crypto.randomUUID();
+
 // 使用二维数组来存放多个 event 数组
 const eventsMatrix = [[]];
 
-rrweb.record({
+record({
   emit(event, isCheckout) {
     // isCheckout 是一个标识，告诉你重新制作了快照
     if (isCheckout) {
@@ -230,9 +294,10 @@ window.onerror = function () {
   const len = eventsMatrix.length;
   const events = eventsMatrix[len - 2].concat(eventsMatrix[len - 1]);
   const body = JSON.stringify({ events });
-  fetch('http://YOUR_BACKEND_API', {
+  fetch(`https://api.rrweb.com/recordings/${recordingId}/events`, {
     method: 'POST',
     headers: {
+      Authorization: `Bearer ${publicApiKey}`,
       'Content-Type': 'application/json',
     },
     body,
@@ -244,28 +309,33 @@ window.onerror = function () {
 
 ### 回放
 
-回放时需要引入对应的 CSS 文件：
+在 bundler 场景下，可在入口文件中引入 CSS：
+
+```js
+import '@rrweb/replay/dist/style.css';
+```
+
+在浏览器 no-build 场景下，可以引入 CSS 并从 CDN 导入 replayer：
 
 ```html
 <link
   rel="stylesheet"
-  href="https://cdn.jsdelivr.net/npm/rrweb@latest/dist/style.css"
+  href="https://cdn.rrweb.com/replay/current/dist/style.css"
 />
-```
-
-再通过以下 JS 代码初始化 replayer：
+<script type="module">
+  import { Replayer } from 'https://cdn.rrweb.com/replay/current/dist/replay.js';
 
-```js
-const events = YOUR_EVENTS;
+  const events = YOUR_EVENTS;
 
-const replayer = new rrweb.Replayer(events);
-replayer.play();
+  const replayer = new Replayer(events);
+  replayer.play();
+</script>
 ```
 
 #### 使用 API 控制回放
 
 ```js
-const replayer = new rrweb.Replayer(events);
+const replayer = new Replayer(events);
 
 // 播放
 replayer.play();
@@ -285,7 +355,7 @@ replayer.destroy();
 
 #### 配置参数
 
-可以通过 `new rrweb.Replayer(events, options)` 的方式向 rrweb 传递回放时的配置参数，具体配置如下：
+可以通过 `new Replayer(events, options)` 的方式向 rrweb 传递回放时的配置参数，具体配置如下：
 
 | key                 | 默认值            | 功能                                                                                                                                                                                                 |
 | ------------------- | ----------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
@@ -299,7 +369,7 @@ replayer.destroy();
 | liveMode            | false             | 是否开启直播模式                                                                                                                                                                                     |
 | insertStyleRules    | []                | 可以传入多个 CSS rule string，用于自定义回放时 iframe 内的样式                                                                                                                                       |
 | triggerFocus        | true              | 回放时是否回放 focus 交互                                                                                                                                                                            |
-| UNSAFE_replayCanvas | false             | 回放时是否回放 canvas 内容，**开启后将会关闭沙盒策略，导致一定风险**                                                                                                                                 |
+| UNSAFE_replayCanvas | false             | 回放时是否回放 canvas 内容，**开启后会向回放 iframe 添加 `allow-scripts`，并退出沙盒的脚本执行保护。仅在你接受该风险的回放数据上使用。**                                                             |
 | pauseAnimation      | true              | 当播放器停止播放时，是否将 CSS 动画也停止播放                                                                                                                                                        |
 | mouseTail           | true              | 是否在回放时增加鼠标轨迹。传入 false 可关闭，传入对象可以定制轨迹持续时间、样式等，配置详见[类型](https://github.com/rrweb-io/rrweb/blob/9488deb6d54a5f04350c063d942da5e96ab74075/src/types.ts#L407) |
 | unpackFn            | -                 | 数据解压缩函数，详见[优化存储策略](./docs/recipes/optimize-storage.zh_CN.md)                                                                                                                         |
@@ -313,25 +383,37 @@ rrweb 自带的回放只提供所有的 JS API 以及最基本的 UI，如果需
 
 ##### 安装
 
-rrweb-player 同样可以使用 CDN 方式安装：
+Bundler / npm（推荐）：
+
+```shell
+npm install rrweb-player
+```
+
+```js
+import rrwebPlayer from 'rrweb-player';
+import 'rrweb-player/dist/style.css';
+```
+
+无 bundler 的浏览器场景（ESM）：
 
 ```html
 <link
   rel="stylesheet"
-  href="https://cdn.jsdelivr.net/npm/rrweb-player@latest/dist/style.css"
+  href="https://cdn.rrweb.com/rrweb-player/current/style.css"
 />
-<script src="https://cdn.jsdelivr.net/npm/rrweb-player@latest/dist/index.js"></script>
+<script type="module">
+  import rrwebPlayer from 'https://cdn.rrweb.com/rrweb-player/current/rrweb-player.js';
+</script>
 ```
 
-或者通过 npm 安装：
-
-```shell
-npm install --save rrweb-player
-```
+Legacy 直接 `<script>` 引入（UMD 兼容）：
 
-```js
-import rrwebPlayer from 'rrweb-player';
-import 'rrweb-player/dist/style.css';
+```html
+<link
+  rel="stylesheet"
+  href="https://cdn.rrweb.com/rrweb-player/current/style.css"
+/>
+<script src="https://cdn.rrweb.com/rrweb-player/current/rrweb-player.umd.cjs"></script>
 ```
 
 ##### 使用
@@ -359,16 +441,16 @@ new rrwebPlayer({
 | speedOption    | [1, 2, 4, 8] | 倍速播放可选值                                        |
 | showController | true         | 是否显示播放器控制 UI                                 |
 | tags           | {}           | 可以以 key value 的形式展示自定义事件在时间轴上的颜色 |
-| ...            | -            | 其它所有 rrweb Replayer 的配置参数均可透传            |
+| ...            | -            | 其它所有 Replayer 的配置参数均可透传                  |
 
 #### 事件
 
 开发者可能希望监听回放时的各类事件，例如在跳过无用户操作的时间时给用户一些提示。
 
-rrweb 的 Replayer 提供了 `on` API 用于提供该功能
+Replayer 提供了 `on` API 用于实现该功能
 
 ```js
-const replayer = new rrweb.Replayer(events);
+const replayer = new Replayer(events);
 replayer.on(EVENT_NAME, (payload) => {
   ...
 })
@@ -407,13 +489,13 @@ replayer.on(EVENT_NAME, (payload) => {
 运行 `yarn repl`，将会启动浏览器并在命令行要求输入一个测试的 url：
 
 ```
-Enter the url you want to record, e.g https://react-redux.realworld.io:
+Enter the url you want to record, e.g https://example.com:
 ```
 
 输入后等待浏览器打开指定页面，并在命令行中出现以下提示信息：
 
 ```
-Enter the url you want to record, e.g https://react-redux.realworld.io: https://github.com
+Enter the url you want to record, e.g https://example.com: https://github.com
 Going to open https://github.com...
 Ready to record. You can do any interaction on the page.
 Once you want to finish the recording, enter 'y' to start replay:
diff --git a/package.json b/package.json
index 046b9b64..6b6c462b 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,7 @@
   "keywords": [
     "@highlight-run/rrweb"
   ],
-  "author": "yanzhen@smartx.com",
+  "author": "rrweb Core Team <maintainers@rrweb.com>",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/rrweb-io/rrweb/issues"
@@ -34,33 +34,36 @@
     "eslint-plugin-compat": "^5.0.0",
     "eslint-plugin-jest": "^27.6.0",
     "eslint-plugin-tsdoc": "^0.2.17",
-    "happy-dom": "^14.12.0",
     "markdownlint": "^0.25.1",
     "markdownlint-cli": "^0.31.1",
     "prettier": "2.8.4",
     "rollup-plugin-visualizer": "^5.12.0",
-    "turbo": "2.8.7",
+    "turbo": "^2.9.14",
     "typescript": "^5.4.5"
   },
   "scripts": {
-    "build:all": "NODE_OPTIONS='--max-old-space-size=4096' yarn turbo run prepublish",
+    "build:all": "NODE_OPTIONS='--max-old-space-size=4096' yarn turbo run --env-mode=loose prepublish",
     "references:update": "yarn workspaces-to-typescript-project-references",
-    "test": "yarn turbo run test --concurrency=1 --continue",
-    "test:watch": "yarn turbo run test:watch",
-    "test:update": "yarn turbo run test:update",
-    "check-types": "yarn turbo run check-types --continue",
+    "test": "yarn turbo run --env-mode=loose test --concurrency=1 --continue",
+    "test:watch": "yarn turbo run --env-mode=loose test:watch",
+    "test:update": "yarn turbo run --env-mode=loose test:update",
+    "check-types": "yarn turbo run --env-mode=loose check-types --continue",
     "format": "yarn prettier --write '**/*.{ts,md}'",
     "format:head": "git diff --name-only HEAD^ |grep '\\.ts$\\|\\.md$' |xargs yarn prettier --write",
     "dev": "yarn turbo run dev --concurrency=18",
     "repl": "cd packages/rrweb && npm run repl",
     "live-stream": "cd packages/rrweb && yarn live-stream",
-    "lint": "yarn run concurrently --success=all -r -m=1 'yarn run markdownlint docs' 'ESLINT_USE_FLAT_CONFIG=false yarn eslint packages/*/src --ext .ts,.tsx,.js,.jsx,.svelte'",
-    "lint:report": "ESLINT_USE_FLAT_CONFIG=false yarn eslint --output-file eslint_report.json --format json packages/*/src --ext .ts,.tsx,.js,.jsx",
+    "lint": "yarn run concurrently --success=all -r -m=1 'yarn run markdownlint docs' 'ESLINT_USE_FLAT_CONFIG=false yarn eslint \"packages/**/src/**/*.{ts,tsx,js,jsx,svelte}\"'",
+    "lint:report": "ESLINT_USE_FLAT_CONFIG=false yarn eslint --output-file eslint_report.json --format json \"packages/**/src/**/*.{ts,tsx,js,jsx}\"",
     "release": "yarn build:all && changeset publish"
   },
   "browserslist": [
     "defaults",
     "not op_mini all"
   ],
-  "packageManager": "yarn@4.9.1"
+  "packageManager": "yarn@4.9.1",
+  "resolutions": {
+    "cssom": "npm:rrweb-cssom@0.6.0",
+    "@types/dom-webcodecs": "0.1.5"
+  }
 }
diff --git a/packages/all/CHANGELOG.md b/packages/all/CHANGELOG.md
index 02fb010b..3a07417f 100644
--- a/packages/all/CHANGELOG.md
+++ b/packages/all/CHANGELOG.md
@@ -1,5 +1,58 @@
 # @rrweb/all
 
+## 2.0.1
+
+### Patch Changes
+
+- [#1857](https://github.com/rrweb-io/rrweb/pull/1857) [`201a528`](https://github.com/rrweb-io/rrweb/commit/201a528f7180272b1007a749b14e2ee8565c50ac) Thanks [@Juice10](https://github.com/Juice10)! - Ship `dist/style.css` from `@rrweb/all` by importing rrweb's replay styles in the bundle entry and exporting the CSS subpath.
+
+- Updated dependencies [[`5f52d63`](https://github.com/rrweb-io/rrweb/commit/5f52d63636b3246bd5b6ba99a93cba41c5d981cb)]:
+  - rrweb@2.0.1
+  - @rrweb/types@2.0.1
+  - @rrweb/packer@2.0.1
+
+## 2.0.0
+
+### Major Changes
+
+- [#1497](https://github.com/rrweb-io/rrweb/pull/1497) [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf) Thanks [@Juice10](https://github.com/Juice10)! - Distributed files have new filenames, paths and extensions. **Important: If you reference distributed files or types directly, you might have to update your paths/filenames. E.g. you import from `rrweb/typings/...` or `rrdom/es`. However you run `import rrweb from 'rrweb'` you won't notice a difference with this change.** If you include rrweb files directly in a script tag, you might have to update that path to include a the `.umd.cjs` files instead. All `.js` files now use ES modules which can be used in modern browsers, node.js and bundlers that support ES modules. All npm packages now also ship `.cjs` and `.umd.cjs` files. The `.umd.cjs` files are CommonJS modules that bundle all files together to make it easy to ship one file to browser environments (similar to the previous `.js` files). The `.cjs` files are CommonJS modules that can be used in older Node.js environments. Types should be better defined in `package.json` and if you need specific types they might be exported from new packages (for example `PlayerMachineState` and `SpeedMachineState` are now exported from `@rrweb/replay`). Check the `package.json`'s `main` and `exports` field for the available files.
+
+- [#1497](https://github.com/rrweb-io/rrweb/pull/1497) [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf) Thanks [@Juice10](https://github.com/Juice10)! - Remove the rrweb-all.js, rrweb-record.js, and rrweb-replay.js files from `rrweb` package. Now you can use `@rrweb/all`, `@rrweb/record`, and `@rrweb/replay` packages instead. Check out the README of each package for more information or check out [PR #1033](https://github.com/rrweb-io/rrweb/pull/1033) to see the changes.
+
+### Patch Changes
+
+- [`db20184`](https://github.com/rrweb-io/rrweb/commit/db201841accd2b5df3cd7c88779aa62ab158501c) Thanks [@Juice10](https://github.com/Juice10)! - Keep package version in sync with other packages
+
+- [#1762](https://github.com/rrweb-io/rrweb/pull/1762) [`22bc4c3`](https://github.com/rrweb-io/rrweb/commit/22bc4c334e88f0b8ee5488d9e1e95cd8093a15c8) Thanks [@Juice10](https://github.com/Juice10)! - Drop base64 inlined worker source from all bundles
+
+- [#1593](https://github.com/rrweb-io/rrweb/pull/1593) [`5a78938`](https://github.com/rrweb-io/rrweb/commit/5a789385a341311ba327a768fe0e2f0f2f5002ee) Thanks [@daibhin](https://github.com/daibhin)! - `NodeType` enum was moved from rrweb-snapshot to @rrweb/types
+  The following types where moved from rrweb-snapshot to @rrweb/types: `documentNode`, `documentTypeNode`, `legacyAttributes`, `textNode`, `cdataNode`, `commentNode`, `elementNode`, `serializedNode`, `serializedNodeWithId`, `serializedElementNodeWithId`, `serializedTextNodeWithId`, `IMirror`, `INode`, `mediaAttributes`, `attributes` and `DataURLOptions`
+
+- [#1704](https://github.com/rrweb-io/rrweb/pull/1704) [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Provide a /umd/ output folder alongside the /dist/ one so that we can serve UMD (Universal Module Definition) files with a .js extension, without upsetting expectations set by package.json that all .js files in /dist/ are modules
+
+- Updated dependencies [[`0f0a532`](https://github.com/rrweb-io/rrweb/commit/0f0a532a2ca6b9a71acefcf3af4415beb47db0bb), [`7103625`](https://github.com/rrweb-io/rrweb/commit/7103625b4683cbd75732ee03973e38f573847b1c), [`a2c8a1a`](https://github.com/rrweb-io/rrweb/commit/a2c8a1a37bfcf8389b280af792262c8263a979a3), [`3d1877c`](https://github.com/rrweb-io/rrweb/commit/3d1877cff83d9a018630674fb6e730050ceef812), [`af0962c`](https://github.com/rrweb-io/rrweb/commit/af0962cc6c80b693bbc622520032d17342685cf6), [`57a940a`](https://github.com/rrweb-io/rrweb/commit/57a940afac0bdd14cd82937915d53110b5311673), [`e65465e`](https://github.com/rrweb-io/rrweb/commit/e65465e808178a80a4ba84970f02162ba812955e), [`d872d28`](https://github.com/rrweb-io/rrweb/commit/d872d2809e3ec8d6ff5d3d5f43bc81aff70e7548), [`36da39d`](https://github.com/rrweb-io/rrweb/commit/36da39db366a9f80c28549771ed331090a1c6647), [`b5e30cf`](https://github.com/rrweb-io/rrweb/commit/b5e30cf6cc7f5335d674ef1917a92bdf2895fe9e), [`db20184`](https://github.com/rrweb-io/rrweb/commit/db201841accd2b5df3cd7c88779aa62ab158501c), [`40bbc25`](https://github.com/rrweb-io/rrweb/commit/40bbc25fc287badc317a53f2d3f21b1c9f2b211b), [`22bc4c3`](https://github.com/rrweb-io/rrweb/commit/22bc4c334e88f0b8ee5488d9e1e95cd8093a15c8), [`11f6567`](https://github.com/rrweb-io/rrweb/commit/11f6567fd81ef9ed0f954a7b6d5e39653f56004f), [`490b3e2`](https://github.com/rrweb-io/rrweb/commit/490b3e2b62b62d61e6f6f5391d5b879194c9a221), [`dc20cd4`](https://github.com/rrweb-io/rrweb/commit/dc20cd45cc63058325784444af6bd32ed2cace48), [`3e9e42f`](https://github.com/rrweb-io/rrweb/commit/3e9e42fdfd6349087d7a0345af1b39dd56528502), [`f27e545`](https://github.com/rrweb-io/rrweb/commit/f27e545e1871ed2c1753d37543f556e8ddc406b4), [`7261c43`](https://github.com/rrweb-io/rrweb/commit/7261c43f60973e88325edf832e4d0e057fbff0ae), [`03b5216`](https://github.com/rrweb-io/rrweb/commit/03b5216a9403f1509b4f69d1d71ef9874277fe91), [`ae6908d`](https://github.com/rrweb-io/rrweb/commit/ae6908dcdcd7c732c1ce79eea19de5240bec1151), [`46f1b25`](https://github.com/rrweb-io/rrweb/commit/46f1b252a5919c68c68e825bd6089cc2e7d34e7c), [`e0f862b`](https://github.com/rrweb-io/rrweb/commit/e0f862bac7dbaa9cfd778f5ef0f5f3fd8cbe6def), [`cbbd1e5`](https://github.com/rrweb-io/rrweb/commit/cbbd1e55f1f7fa2eed9fa11e4152b509bdfd88f7), [`a6893f7`](https://github.com/rrweb-io/rrweb/commit/a6893f73abe217a95d28996e01b7ec8261e42de3), [`8aea5b0`](https://github.com/rrweb-io/rrweb/commit/8aea5b00a4dfe5a6f59bd2ae72bb624f45e51e81), [`267e990`](https://github.com/rrweb-io/rrweb/commit/267e990dc0e45a5acaaa3ee89db7ae9171520d54), [`68076b7`](https://github.com/rrweb-io/rrweb/commit/68076b724ff19d198d4f351a05063b85e1705a8c), [`9c6edfe`](https://github.com/rrweb-io/rrweb/commit/9c6edfe2261680b4e92284be69f9d183b1eca8f4), [`a1ec9a2`](https://github.com/rrweb-io/rrweb/commit/a1ec9a273e6634eec67098fdd880ee681648fbbd), [`8059d96`](https://github.com/rrweb-io/rrweb/commit/8059d9695146626b102b2059a3a9b932d5f598f6), [`bfe14c5`](https://github.com/rrweb-io/rrweb/commit/bfe14c532a3149a38a8fab0a54672405279d636f), [`4014305`](https://github.com/rrweb-io/rrweb/commit/40143059446cee5c042c007b1c2e976f36e172f5), [`efdc167`](https://github.com/rrweb-io/rrweb/commit/efdc167ca6c039d04af83612e3d92498bb9b41a7), [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8), [`609b7fa`](https://github.com/rrweb-io/rrweb/commit/609b7fac79a552f746dc880a28927dee382cd082), [`f6f07e9`](https://github.com/rrweb-io/rrweb/commit/f6f07e953376634a4caf28ff8cbfed5a017c4347), [`1e0b273`](https://github.com/rrweb-io/rrweb/commit/1e0b27382210db0168d2a79d82c13698082b0983), [`1fe39ab`](https://github.com/rrweb-io/rrweb/commit/1fe39ab0db7f5d2b04f4a4f39fb5c0cfee33a1f8), [`490b3e2`](https://github.com/rrweb-io/rrweb/commit/490b3e2b62b62d61e6f6f5391d5b879194c9a221), [`979d2b1`](https://github.com/rrweb-io/rrweb/commit/979d2b1847a3d05e2731722952e4d6bd8be54f40), [`1385f7a`](https://github.com/rrweb-io/rrweb/commit/1385f7acc0052f83be1458a7b00e18c026ee393f), [`d7c72bf`](https://github.com/rrweb-io/rrweb/commit/d7c72bff0724b46a6fa94af455220626a27104fe), [`ebcbe8b`](https://github.com/rrweb-io/rrweb/commit/ebcbe8b0d746a0a4c07d3530387f920900f35215), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`05478c3`](https://github.com/rrweb-io/rrweb/commit/05478c36dde03a118099783d908bb3e465e9859c), [`fc390a9`](https://github.com/rrweb-io/rrweb/commit/fc390a954c4fc17fe2ee0e2b6edba634611349e0), [`bbbfa22`](https://github.com/rrweb-io/rrweb/commit/bbbfa226fc5882a01ecc1607b713f0caf797775e), [`e96f668`](https://github.com/rrweb-io/rrweb/commit/e96f668c86bd0ab5dc190bb2957a170271bb2ebc), [`58c9104`](https://github.com/rrweb-io/rrweb/commit/58c9104eddc8b7994a067a97daae5684e42f892f), [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff), [`bc84246`](https://github.com/rrweb-io/rrweb/commit/bc84246f78849a80dbb8fe9b4e76117afcc5c3f7), [`d2582e9`](https://github.com/rrweb-io/rrweb/commit/d2582e9a81197130cd93bc1dd778e16fddfb0be3), [`aa79db7`](https://github.com/rrweb-io/rrweb/commit/aa79db7568578ea3a413292450cd64f07481e5dd), [`82f6fec`](https://github.com/rrweb-io/rrweb/commit/82f6fecf36413ecbc994a510144487f1de20d1d5), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`980a38c`](https://github.com/rrweb-io/rrweb/commit/980a38c816d763833fc3491f56d03c959a41122d), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`a225d8e`](https://github.com/rrweb-io/rrweb/commit/a225d8e1412a69a761c22eb45565fff0b0ce5c11), [`a82a3b4`](https://github.com/rrweb-io/rrweb/commit/a82a3b42b125aaaea607410b49f012933466c523), [`5c27b76`](https://github.com/rrweb-io/rrweb/commit/5c27b763192bda9dd91806f95df7c1cd0ab083a6), [`b149cf3`](https://github.com/rrweb-io/rrweb/commit/b149cf31ed28cac7b6627972b423d29723524d87), [`a2be77b`](https://github.com/rrweb-io/rrweb/commit/a2be77b82826c4be0e7f3c7c9f7ee50476d5f6f8), [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff), [`527d9d3`](https://github.com/rrweb-io/rrweb/commit/527d9d3913bae7f0f7741517f4b09f7a99aae57a), [`79837ac`](https://github.com/rrweb-io/rrweb/commit/79837ac8f2f459935f6737210890b5c12033a53b), [`a7c33f2`](https://github.com/rrweb-io/rrweb/commit/a7c33f2093c4d92faf7ae25e8bb0e088d122c13b), [`43e4f5b`](https://github.com/rrweb-io/rrweb/commit/43e4f5b4ad4bb0525a874a545d69443bc58bc47e), [`3cc4323`](https://github.com/rrweb-io/rrweb/commit/3cc4323094065a12f8b65afecd45061d604e245f), [`d38893f`](https://github.com/rrweb-io/rrweb/commit/d38893f6338facf331fd1f6e63c121120b81177d), [`6f4e691`](https://github.com/rrweb-io/rrweb/commit/6f4e691f39cc59b655d1be4f951128beecb88acb), [`d7cf8dd`](https://github.com/rrweb-io/rrweb/commit/d7cf8dd07547f6fb22ef82e341a88357c4053bd3), [`335639a`](https://github.com/rrweb-io/rrweb/commit/335639af9b0ce7f70eb0f38ce113d877c7325158), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`04ee6ed`](https://github.com/rrweb-io/rrweb/commit/04ee6eda57157f0e04f18f907d8f3e59ababc753), [`5fbb904`](https://github.com/rrweb-io/rrweb/commit/5fbb904edb653f3da17e6775ee438d81ef0bba83), [`1e6f71b`](https://github.com/rrweb-io/rrweb/commit/1e6f71b3cddcfafe78b9e40edfbd75e485702e4e), [`d08624c`](https://github.com/rrweb-io/rrweb/commit/d08624cb28add386c3618a0e6607424c3f1884d8), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`314a8dd`](https://github.com/rrweb-io/rrweb/commit/314a8dde5a13095873b89d07bac7c949918bf817), [`5a78938`](https://github.com/rrweb-io/rrweb/commit/5a789385a341311ba327a768fe0e2f0f2f5002ee), [`3416c3a`](https://github.com/rrweb-io/rrweb/commit/3416c3a769e2bd2ddfbb88f5c4ff139871c567be), [`7c0dc9d`](https://github.com/rrweb-io/rrweb/commit/7c0dc9dfe1564c9d6624557c5b394e7844955882), [`8e47ca1`](https://github.com/rrweb-io/rrweb/commit/8e47ca1021ebb4fc036b37623ef10abf7976d6dd), [`53b83bb`](https://github.com/rrweb-io/rrweb/commit/53b83bb037f9cb30c93179548f436ed776f143ab), [`9cd28b7`](https://github.com/rrweb-io/rrweb/commit/9cd28b703ec08a77dc6b790dbffb20dfb8e9a513), [`07ac5c9`](https://github.com/rrweb-io/rrweb/commit/07ac5c9e1371824ec3ffb705f9250bbe10f4b73e), [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0), [`02f50d2`](https://github.com/rrweb-io/rrweb/commit/02f50d260cfe72209c94de1679336737f238e216), [`502d15d`](https://github.com/rrweb-io/rrweb/commit/502d15df9f7f43b3408ccfbb3f14c4bb007883c4), [`d0fbe23`](https://github.com/rrweb-io/rrweb/commit/d0fbe23c632021410a6dd45f9028a9a012467261), [`a3de582`](https://github.com/rrweb-io/rrweb/commit/a3de582e9c32be9e0ccd84bb7df756af6b0594f7), [`e08706a`](https://github.com/rrweb-io/rrweb/commit/e08706ae60268b6eb05c6292ef948c71bd423ce3), [`8d209a6`](https://github.com/rrweb-io/rrweb/commit/8d209a62f31c4c80e3e5bc36e47d7282ee854ac7), [`be6bf52`](https://github.com/rrweb-io/rrweb/commit/be6bf52c248c35de1b3491e3a3440ff61f876414), [`aaabdbd`](https://github.com/rrweb-io/rrweb/commit/aaabdbdff5df2abd1a294c40ed89e74bf8b2ec7c), [`1e6f71b`](https://github.com/rrweb-io/rrweb/commit/1e6f71b3cddcfafe78b9e40edfbd75e485702e4e), [`6388fb5`](https://github.com/rrweb-io/rrweb/commit/6388fb5a468e1a860ab8bb5c6826c811dcc3100c), [`c278d06`](https://github.com/rrweb-io/rrweb/commit/c278d068a0e2f1175cce7cc63920ac1fbf4783cf), [`4cb4d0e`](https://github.com/rrweb-io/rrweb/commit/4cb4d0e95a540a366bdec157fe78d9f099514818), [`5e6c132`](https://github.com/rrweb-io/rrweb/commit/5e6c132a4d0e5f5524b2201d6a73dae62b4a0877)]:
+  - @rrweb/types@2.0.0
+  - rrweb@2.0.0
+  - @rrweb/packer@2.0.0
+
+## 2.0.0-alpha.20
+
+### Patch Changes
+
+- Updated dependencies [[`6388fb5`](https://github.com/rrweb-io/rrweb/commit/6388fb5a468e1a860ab8bb5c6826c811dcc3100c)]:
+  - rrweb@2.0.0-alpha.20
+  - @rrweb/types@2.0.0-alpha.20
+  - @rrweb/packer@2.0.0-alpha.20
+
+## 2.0.0-alpha.19
+
+### Patch Changes
+
+- Updated dependencies [[`dc20cd4`](https://github.com/rrweb-io/rrweb/commit/dc20cd45cc63058325784444af6bd32ed2cace48), [`3e9e42f`](https://github.com/rrweb-io/rrweb/commit/3e9e42fdfd6349087d7a0345af1b39dd56528502), [`a6893f7`](https://github.com/rrweb-io/rrweb/commit/a6893f73abe217a95d28996e01b7ec8261e42de3), [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8), [`fc390a9`](https://github.com/rrweb-io/rrweb/commit/fc390a954c4fc17fe2ee0e2b6edba634611349e0), [`79837ac`](https://github.com/rrweb-io/rrweb/commit/79837ac8f2f459935f6737210890b5c12033a53b), [`6f4e691`](https://github.com/rrweb-io/rrweb/commit/6f4e691f39cc59b655d1be4f951128beecb88acb), [`9cd28b7`](https://github.com/rrweb-io/rrweb/commit/9cd28b703ec08a77dc6b790dbffb20dfb8e9a513)]:
+  - rrweb@2.0.0-alpha.19
+  - @rrweb/types@2.0.0-alpha.19
+  - @rrweb/packer@2.0.0-alpha.19
+
 ## 2.0.0-alpha.18
 
 ### Patch Changes
diff --git a/packages/all/README.md b/packages/all/README.md
index d71a5653..863daa59 100644
--- a/packages/all/README.md
+++ b/packages/all/README.md
@@ -1,6 +1,15 @@
 # @rrweb/all
 
 Convenience package that includes a bundle of rrweb packages.
+For most new integrations, prefer `@rrweb/record` + `@rrweb/replay` first, and use `@rrweb/all` when you want a single-package setup.
+
+| Use case                                            | Package choice                    |
+| --------------------------------------------------- | --------------------------------- |
+| Most new apps (explicit record/replay dependencies) | `@rrweb/record` + `@rrweb/replay` |
+| Quick setup with one import                         | `@rrweb/all`                      |
+| Legacy compatibility                                | `rrweb`                           |
+
+In most production setups, recorder and replayer are deployed to different pages/apps. Use `@rrweb/record` on recorded pages and `@rrweb/replay` (or `rrweb-player`) on replay pages. Use `@rrweb/all` when you intentionally want one package for convenience (for example demos, tooling, or simplified setups).
 
 Includes the following packages:
 
@@ -11,19 +20,49 @@ Includes the following packages:
 
 ## Installation
 
+### 1) Bundler / npm
+
 ```bash
 npm install @rrweb/all
 ```
 
-## Usage
-
 ```js
-import { record, replay, pack, unpack } from '@rrweb/all';
+import { record, Replayer, pack, unpack } from '@rrweb/all';
+import '@rrweb/all/dist/style.css';
+```
+
+For API details and examples, see the [guide](../../guide.md).
+
+### 2) Browser Without Bundler (ESM)
+
+```html
+<link rel="stylesheet" href="https://cdn.rrweb.com/all/current/style.css" />
+<script type="module">
+  import {
+    record,
+    Replayer,
+    pack,
+    unpack,
+  } from 'https://cdn.rrweb.com/all/current/all.js';
+</script>
+```
+
+Use `current` for the latest stable release, or pin an exact version such as
+`https://cdn.rrweb.com/all/2.0.1/all.js` and
+`https://cdn.rrweb.com/all/2.0.1/style.css` for immutable production URLs. See the
+[CDN assets docs](https://rrweb.com/docs/cloud/cdn-assets) for the full URL
+shape and catalog.
 
-// use record, replay, pack, unpack as you would with the individual packages.
+### 3) Legacy Direct `<script>` Include (UMD fallback)
+
+Use this only for compatibility with non-module environments.
+
+```html
+<link rel="stylesheet" href="https://cdn.rrweb.com/all/current/style.css" />
+<script src="https://cdn.rrweb.com/all/current/all.umd.cjs"></script>
 ```
 
-See the [guide](../../guide.md) for more info on rrweb.
+The legacy UMD global is `rrweb`, so you will need to prefix the example APIs, e.g. `rrweb.record`, `new rrweb.Replayer(...)`, `rrweb.pack`, and `rrweb.unpack`, rather than using these functions directly.
 
 ## Sponsors
 
@@ -134,12 +173,12 @@ See the [guide](../../guide.md) for more info on rrweb.
   <tr>
     <td align="center">
       <a href="http://www.smartx.com/" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/smartx.png">
+        <img width="195px" src="https://raw.githubusercontent.com/rrweb-io/web/master/static/logos/smartx.png" alt="SmartX">
       </a>
     </td>
     <td align="center">
       <a href="https://posthog.com?utm_source=rrweb&utm_medium=sponsorship&utm_campaign=open-source-sponsorship" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/posthog.png">
+        <img width="195px" src="https://rrweb.com/posthog.png" alt="PostHog">
       </a>
     </td>
     <td align="center">
@@ -153,7 +192,39 @@ See the [guide](../../guide.md) for more info on rrweb.
       </a>
     </td>
   </tr>
-    <tr>
+  <tr>
+    <td align="center">
+      <a href="https://sentry.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/sentry.png" alt="Sentry">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.pendo.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/pendo.png" alt="Pendo">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://mixpanel.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/mixpanel.png" alt="Mixpanel">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.datadoghq.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/datadog.png" alt="Datadog">
+      </a>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="https://amplitude.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/amplitude.png" alt="Amplitude">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://newrelic.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/new%20relic.png" alt="New Relic">
+      </a>
+    </td>
     <td align="center">
       <a href="https://cux.io" target="_blank">
         <img style="padding: 8px" alt="The first ever UX automation tool" width="195px" src="https://cux.io/cux-logo.svg">
@@ -164,6 +235,8 @@ See the [guide](../../guide.md) for more info on rrweb.
         <img style="padding: 8px" alt="Remote Access & Co-Browsing" width="195px" src="https://remsupp.com/images/logo.png">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://highlight.io" target="_blank">
         <img style="padding: 8px" alt="The open source, fullstack Monitoring Platform." width="195px" src="https://github.com/highlight/highlight/raw/main/highlight.io/public/images/logo.png">
@@ -171,11 +244,9 @@ See the [guide](../../guide.md) for more info on rrweb.
     </td>
     <td align="center">
       <a href="https://analyzee.io" target="_blank">
-        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://cdn.analyzee.io/assets/analyzee-logo.png">
+        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://analyzee.io/img/analyzee-main-logo.webp">
       </a>
     </td>
-  </tr>
-  <tr>
     <td align="center">
       <a href="https://requestly.io" target="_blank">
         <img style="padding: 8px" alt="Intercept, Modify, Record & Replay HTTP Requests." width="195px" src="https://github.com/requestly/requestly/assets/16779465/652552db-c867-44cb-9bb5-94a2026e04ca">
@@ -186,6 +257,8 @@ See the [guide](../../guide.md) for more info on rrweb.
         <img style="padding: 8px" alt="In-app bug reporting & customer feedback platform." width="195px" src="https://assets-global.website-files.com/6506f3f29c68b1724807619d/6506f56010237164c6306591_GleapLogo.svg">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://uxwizz.com" target="_blank">
         <img style="padding: 8px" alt="Self-hosted website analytics with heatmaps and session recordings." width="195px" src="https://github.com/UXWizz/public-files/raw/main/assets/logo.png">
diff --git a/packages/all/package.json b/packages/all/package.json
index a7f638b2..fdc1b2d3 100644
--- a/packages/all/package.json
+++ b/packages/all/package.json
@@ -1,12 +1,15 @@
 {
   "name": "@highlight-run/rrweb-all",
-  "version": "2.0.0-alpha.18",
+  "version": "2.0.0-lambda.5",
   "publishConfig": {
     "access": "public"
   },
   "keywords": [
-    "@highlight-run/rrweb",
-    "@highlight-run/rrweb-all"
+    "devtools",
+    "product-analytics",
+    "real-user-monitoring",
+    "rrweb",
+    "@rrweb/all"
   ],
   "scripts": {
     "dev": "vite build --watch",
@@ -15,7 +18,8 @@
     "test:watch": "vitest watch",
     "check-types": "tsc -noEmit",
     "prepublish": "tsc -noEmit && vite build",
-    "lint": "yarn eslint src/**/*.ts"
+    "lint": "npx eslint src/**/*.ts",
+    "test:update": "vitest run -u"
   },
   "homepage": "https://github.com/rrweb-io/rrweb/tree/main/packages/@rrweb/all#readme",
   "bugs": {
@@ -27,34 +31,37 @@
   },
   "license": "MIT",
   "type": "module",
-  "main": "./dist/all.cjs",
-  "module": "./dist/all.js",
-  "unpkg": "./dist/all.umd.cjs",
+  "main": "./dist/rrweb-all.cjs",
+  "module": "./dist/rrweb-all.js",
+  "unpkg": "./dist/rrweb-all.umd.cjs",
+  "jsdelivr": "./umd/rrweb-all.js",
+  "style": "./dist/style.css",
   "typings": "dist/index.d.ts",
   "exports": {
     ".": {
       "import": {
         "types": "./dist/index.d.ts",
-        "default": "./dist/all.js"
+        "default": "./dist/rrweb-all.js"
       },
       "require": {
         "types": "./dist/index.d.cts",
-        "default": "./dist/all.cjs"
+        "default": "./dist/rrweb-all.cjs"
       }
-    }
+    },
+    "./dist/style.css": "./dist/style.css"
   },
   "files": [
+    "umd",
     "build",
     "dist",
     "package.json"
   ],
   "devDependencies": {
     "puppeteer": "^20.9.0",
-    "turbo": "^2.0.5",
     "typescript": "^5.4.5",
-    "vite": "^5.3.1",
+    "vite": "^6.4.2",
     "vite-plugin-dts": "^3.9.1",
-    "vitest": "^1.4.0"
+    "vitest": "^3.2.6"
   },
   "dependencies": {
     "@highlight-run/rrweb": "workspace:*",
diff --git a/packages/all/src/index.ts b/packages/all/src/index.ts
index aa01eeab..97de02e7 100644
--- a/packages/all/src/index.ts
+++ b/packages/all/src/index.ts
@@ -1,4 +1,5 @@
 export * from 'rrweb';
 export * from '@rrweb/packer';
+import 'rrweb/dist/style.css';
 // export * from '@rrweb/rrweb-plugin-console-record';
 // export * from '@rrweb/rrweb-plugin-console-replay';
diff --git a/packages/all/test/cross-origin-iframe-packer.test.ts b/packages/all/test/cross-origin-iframe-packer.test.ts
index 26232855..349b7c1f 100644
--- a/packages/all/test/cross-origin-iframe-packer.test.ts
+++ b/packages/all/test/cross-origin-iframe-packer.test.ts
@@ -57,7 +57,7 @@ async function injectRecordScript(
   options?: ExtraOptions,
 ) {
   await frame.addScriptTag({
-    path: path.resolve(__dirname, '../dist/all.umd.cjs'),
+    path: path.resolve(__dirname, '../dist/rrweb-all.umd.cjs'),
   });
   options = options || {};
   await frame.evaluate((options) => {
@@ -100,6 +100,9 @@ const setup = function (
     await ctx.page.goto('about:blank');
     await ctx.page.setContent(
       content.replace(/\{SERVER_URL\}/g, ctx.serverURL),
+      // wait for the cross-origin iframe to finish loading so the recorded
+      // full snapshot deterministically captures the loaded document
+      { waitUntil: 'networkidle0' },
     );
     ctx.events = [];
     await ctx.page.exposeFunction('emit', (e: eventWithTime) => {
diff --git a/packages/all/test/package-css.test.ts b/packages/all/test/package-css.test.ts
new file mode 100644
index 00000000..60484161
--- /dev/null
+++ b/packages/all/test/package-css.test.ts
@@ -0,0 +1,20 @@
+import * as fs from 'fs';
+import * as path from 'path';
+import { describe, expect, it } from 'vitest';
+
+describe('@rrweb/all package css', () => {
+  it('exports and builds replay style.css', () => {
+    const stylePath = path.resolve(__dirname, '../dist/style.css');
+    const packageJson = JSON.parse(
+      fs.readFileSync(path.resolve(__dirname, '../package.json'), 'utf-8'),
+    );
+    const entry = fs.readFileSync(
+      path.resolve(__dirname, '../src/index.ts'),
+      'utf-8',
+    );
+
+    expect(fs.existsSync(stylePath)).toBe(true);
+    expect(packageJson.exports['./dist/style.css']).toBe('./dist/style.css');
+    expect(entry).toMatch(/import\s+['"]rrweb\/dist\/style\.css['"]/);
+  });
+});
diff --git a/packages/all/test/utils.ts b/packages/all/test/utils.ts
index ea791bc0..72a986e3 100644
--- a/packages/all/test/utils.ts
+++ b/packages/all/test/utils.ts
@@ -218,12 +218,18 @@ function stringifySnapshots(snapshots: eventWithTime[]): string {
       }),
     null,
     2,
-  ).replace(
-    // servers might get run on a random port,
-    // so we need to normalize the port number
-    /http:\/\/localhost:\d+/g,
-    'http://localhost:3030',
-  );
+  )
+    .replace(
+      // servers might get run on a random port,
+      // so we need to normalize the port number
+      /http:\/\/localhost:\d+/g,
+      'http://localhost:3030',
+    )
+    .replace(
+      // lit-html generates a random template marker on every page load
+      /lit\$\d+\$/g,
+      'lit$00000000$',
+    );
 }
 
 function stripBlobURLsFromAttributes(node: {
diff --git a/packages/browser-client/.env.example b/packages/browser-client/.env.example
new file mode 100644
index 00000000..65a95c87
--- /dev/null
+++ b/packages/browser-client/.env.example
@@ -0,0 +1,3 @@
+VITE_RRWEB_BROWSER_CLIENT_SERVER_URL=http://localhost:8787/recordings/{recordingId}/events/ws
+VITE_RRWEB_BROWSER_CLIENT_API_BASE_URL=http://localhost:8787
+VITE_TEST_API_KEY=public_key_rr_XXXX
diff --git a/packages/browser-client/CHANGELOG.md b/packages/browser-client/CHANGELOG.md
new file mode 100644
index 00000000..64c0eaa0
--- /dev/null
+++ b/packages/browser-client/CHANGELOG.md
@@ -0,0 +1,23 @@
+# @rrweb/browser-client
+
+## 2.0.1
+
+### Patch Changes
+
+- Updated dependencies [[`5f52d63`](https://github.com/rrweb-io/rrweb/commit/5f52d63636b3246bd5b6ba99a93cba41c5d981cb)]:
+  - rrweb@2.0.1
+  - @rrweb/utils@2.0.1
+  - @rrweb/record@2.0.1
+  - @rrweb/types@2.0.1
+
+## 2.0.0
+
+### Patch Changes
+
+- [#1840](https://github.com/rrweb-io/rrweb/pull/1840) [`6db8f71`](https://github.com/rrweb-io/rrweb/commit/6db8f71033ec289e4550f76b4864b94c118d9ea5) Thanks [@Juice10](https://github.com/Juice10)! - Add the rrweb browser client package and move `nowTimestamp` into `@rrweb/utils` so the client can avoid importing through `rrweb/utils`.
+
+- Updated dependencies [[`6db8f71`](https://github.com/rrweb-io/rrweb/commit/6db8f71033ec289e4550f76b4864b94c118d9ea5), [`0f0a532`](https://github.com/rrweb-io/rrweb/commit/0f0a532a2ca6b9a71acefcf3af4415beb47db0bb), [`7103625`](https://github.com/rrweb-io/rrweb/commit/7103625b4683cbd75732ee03973e38f573847b1c), [`a2c8a1a`](https://github.com/rrweb-io/rrweb/commit/a2c8a1a37bfcf8389b280af792262c8263a979a3), [`22bc4c3`](https://github.com/rrweb-io/rrweb/commit/22bc4c334e88f0b8ee5488d9e1e95cd8093a15c8), [`3d1877c`](https://github.com/rrweb-io/rrweb/commit/3d1877cff83d9a018630674fb6e730050ceef812), [`af0962c`](https://github.com/rrweb-io/rrweb/commit/af0962cc6c80b693bbc622520032d17342685cf6), [`57a940a`](https://github.com/rrweb-io/rrweb/commit/57a940afac0bdd14cd82937915d53110b5311673), [`e65465e`](https://github.com/rrweb-io/rrweb/commit/e65465e808178a80a4ba84970f02162ba812955e), [`d872d28`](https://github.com/rrweb-io/rrweb/commit/d872d2809e3ec8d6ff5d3d5f43bc81aff70e7548), [`36da39d`](https://github.com/rrweb-io/rrweb/commit/36da39db366a9f80c28549771ed331090a1c6647), [`b5e30cf`](https://github.com/rrweb-io/rrweb/commit/b5e30cf6cc7f5335d674ef1917a92bdf2895fe9e), [`db20184`](https://github.com/rrweb-io/rrweb/commit/db201841accd2b5df3cd7c88779aa62ab158501c), [`40bbc25`](https://github.com/rrweb-io/rrweb/commit/40bbc25fc287badc317a53f2d3f21b1c9f2b211b), [`22bc4c3`](https://github.com/rrweb-io/rrweb/commit/22bc4c334e88f0b8ee5488d9e1e95cd8093a15c8), [`11f6567`](https://github.com/rrweb-io/rrweb/commit/11f6567fd81ef9ed0f954a7b6d5e39653f56004f), [`490b3e2`](https://github.com/rrweb-io/rrweb/commit/490b3e2b62b62d61e6f6f5391d5b879194c9a221), [`dc20cd4`](https://github.com/rrweb-io/rrweb/commit/dc20cd45cc63058325784444af6bd32ed2cace48), [`3e9e42f`](https://github.com/rrweb-io/rrweb/commit/3e9e42fdfd6349087d7a0345af1b39dd56528502), [`f27e545`](https://github.com/rrweb-io/rrweb/commit/f27e545e1871ed2c1753d37543f556e8ddc406b4), [`7261c43`](https://github.com/rrweb-io/rrweb/commit/7261c43f60973e88325edf832e4d0e057fbff0ae), [`03b5216`](https://github.com/rrweb-io/rrweb/commit/03b5216a9403f1509b4f69d1d71ef9874277fe91), [`ae6908d`](https://github.com/rrweb-io/rrweb/commit/ae6908dcdcd7c732c1ce79eea19de5240bec1151), [`46f1b25`](https://github.com/rrweb-io/rrweb/commit/46f1b252a5919c68c68e825bd6089cc2e7d34e7c), [`e0f862b`](https://github.com/rrweb-io/rrweb/commit/e0f862bac7dbaa9cfd778f5ef0f5f3fd8cbe6def), [`cbbd1e5`](https://github.com/rrweb-io/rrweb/commit/cbbd1e55f1f7fa2eed9fa11e4152b509bdfd88f7), [`a6893f7`](https://github.com/rrweb-io/rrweb/commit/a6893f73abe217a95d28996e01b7ec8261e42de3), [`8aea5b0`](https://github.com/rrweb-io/rrweb/commit/8aea5b00a4dfe5a6f59bd2ae72bb624f45e51e81), [`267e990`](https://github.com/rrweb-io/rrweb/commit/267e990dc0e45a5acaaa3ee89db7ae9171520d54), [`68076b7`](https://github.com/rrweb-io/rrweb/commit/68076b724ff19d198d4f351a05063b85e1705a8c), [`9c6edfe`](https://github.com/rrweb-io/rrweb/commit/9c6edfe2261680b4e92284be69f9d183b1eca8f4), [`a1ec9a2`](https://github.com/rrweb-io/rrweb/commit/a1ec9a273e6634eec67098fdd880ee681648fbbd), [`8059d96`](https://github.com/rrweb-io/rrweb/commit/8059d9695146626b102b2059a3a9b932d5f598f6), [`3b8daa6`](https://github.com/rrweb-io/rrweb/commit/3b8daa6034414dcb74877fb42cea720949e89549), [`bfe14c5`](https://github.com/rrweb-io/rrweb/commit/bfe14c532a3149a38a8fab0a54672405279d636f), [`4014305`](https://github.com/rrweb-io/rrweb/commit/40143059446cee5c042c007b1c2e976f36e172f5), [`efdc167`](https://github.com/rrweb-io/rrweb/commit/efdc167ca6c039d04af83612e3d92498bb9b41a7), [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8), [`609b7fa`](https://github.com/rrweb-io/rrweb/commit/609b7fac79a552f746dc880a28927dee382cd082), [`f6f07e9`](https://github.com/rrweb-io/rrweb/commit/f6f07e953376634a4caf28ff8cbfed5a017c4347), [`1e0b273`](https://github.com/rrweb-io/rrweb/commit/1e0b27382210db0168d2a79d82c13698082b0983), [`1fe39ab`](https://github.com/rrweb-io/rrweb/commit/1fe39ab0db7f5d2b04f4a4f39fb5c0cfee33a1f8), [`490b3e2`](https://github.com/rrweb-io/rrweb/commit/490b3e2b62b62d61e6f6f5391d5b879194c9a221), [`979d2b1`](https://github.com/rrweb-io/rrweb/commit/979d2b1847a3d05e2731722952e4d6bd8be54f40), [`1385f7a`](https://github.com/rrweb-io/rrweb/commit/1385f7acc0052f83be1458a7b00e18c026ee393f), [`d7c72bf`](https://github.com/rrweb-io/rrweb/commit/d7c72bff0724b46a6fa94af455220626a27104fe), [`ebcbe8b`](https://github.com/rrweb-io/rrweb/commit/ebcbe8b0d746a0a4c07d3530387f920900f35215), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`05478c3`](https://github.com/rrweb-io/rrweb/commit/05478c36dde03a118099783d908bb3e465e9859c), [`bd9eb70`](https://github.com/rrweb-io/rrweb/commit/bd9eb70629aeb5970f6188025f184ff4b0d5dcd4), [`fc390a9`](https://github.com/rrweb-io/rrweb/commit/fc390a954c4fc17fe2ee0e2b6edba634611349e0), [`bbbfa22`](https://github.com/rrweb-io/rrweb/commit/bbbfa226fc5882a01ecc1607b713f0caf797775e), [`e96f668`](https://github.com/rrweb-io/rrweb/commit/e96f668c86bd0ab5dc190bb2957a170271bb2ebc), [`58c9104`](https://github.com/rrweb-io/rrweb/commit/58c9104eddc8b7994a067a97daae5684e42f892f), [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff), [`bc84246`](https://github.com/rrweb-io/rrweb/commit/bc84246f78849a80dbb8fe9b4e76117afcc5c3f7), [`d2582e9`](https://github.com/rrweb-io/rrweb/commit/d2582e9a81197130cd93bc1dd778e16fddfb0be3), [`aa79db7`](https://github.com/rrweb-io/rrweb/commit/aa79db7568578ea3a413292450cd64f07481e5dd), [`82f6fec`](https://github.com/rrweb-io/rrweb/commit/82f6fecf36413ecbc994a510144487f1de20d1d5), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`980a38c`](https://github.com/rrweb-io/rrweb/commit/980a38c816d763833fc3491f56d03c959a41122d), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`a225d8e`](https://github.com/rrweb-io/rrweb/commit/a225d8e1412a69a761c22eb45565fff0b0ce5c11), [`a82a3b4`](https://github.com/rrweb-io/rrweb/commit/a82a3b42b125aaaea607410b49f012933466c523), [`5c27b76`](https://github.com/rrweb-io/rrweb/commit/5c27b763192bda9dd91806f95df7c1cd0ab083a6), [`b149cf3`](https://github.com/rrweb-io/rrweb/commit/b149cf31ed28cac7b6627972b423d29723524d87), [`a2be77b`](https://github.com/rrweb-io/rrweb/commit/a2be77b82826c4be0e7f3c7c9f7ee50476d5f6f8), [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff), [`527d9d3`](https://github.com/rrweb-io/rrweb/commit/527d9d3913bae7f0f7741517f4b09f7a99aae57a), [`79837ac`](https://github.com/rrweb-io/rrweb/commit/79837ac8f2f459935f6737210890b5c12033a53b), [`a7c33f2`](https://github.com/rrweb-io/rrweb/commit/a7c33f2093c4d92faf7ae25e8bb0e088d122c13b), [`43e4f5b`](https://github.com/rrweb-io/rrweb/commit/43e4f5b4ad4bb0525a874a545d69443bc58bc47e), [`3cc4323`](https://github.com/rrweb-io/rrweb/commit/3cc4323094065a12f8b65afecd45061d604e245f), [`d38893f`](https://github.com/rrweb-io/rrweb/commit/d38893f6338facf331fd1f6e63c121120b81177d), [`6f4e691`](https://github.com/rrweb-io/rrweb/commit/6f4e691f39cc59b655d1be4f951128beecb88acb), [`d7cf8dd`](https://github.com/rrweb-io/rrweb/commit/d7cf8dd07547f6fb22ef82e341a88357c4053bd3), [`335639a`](https://github.com/rrweb-io/rrweb/commit/335639af9b0ce7f70eb0f38ce113d877c7325158), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`04ee6ed`](https://github.com/rrweb-io/rrweb/commit/04ee6eda57157f0e04f18f907d8f3e59ababc753), [`5fbb904`](https://github.com/rrweb-io/rrweb/commit/5fbb904edb653f3da17e6775ee438d81ef0bba83), [`1e6f71b`](https://github.com/rrweb-io/rrweb/commit/1e6f71b3cddcfafe78b9e40edfbd75e485702e4e), [`d08624c`](https://github.com/rrweb-io/rrweb/commit/d08624cb28add386c3618a0e6607424c3f1884d8), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`314a8dd`](https://github.com/rrweb-io/rrweb/commit/314a8dde5a13095873b89d07bac7c949918bf817), [`5a78938`](https://github.com/rrweb-io/rrweb/commit/5a789385a341311ba327a768fe0e2f0f2f5002ee), [`3416c3a`](https://github.com/rrweb-io/rrweb/commit/3416c3a769e2bd2ddfbb88f5c4ff139871c567be), [`7c0dc9d`](https://github.com/rrweb-io/rrweb/commit/7c0dc9dfe1564c9d6624557c5b394e7844955882), [`8e47ca1`](https://github.com/rrweb-io/rrweb/commit/8e47ca1021ebb4fc036b37623ef10abf7976d6dd), [`53b83bb`](https://github.com/rrweb-io/rrweb/commit/53b83bb037f9cb30c93179548f436ed776f143ab), [`9cd28b7`](https://github.com/rrweb-io/rrweb/commit/9cd28b703ec08a77dc6b790dbffb20dfb8e9a513), [`07ac5c9`](https://github.com/rrweb-io/rrweb/commit/07ac5c9e1371824ec3ffb705f9250bbe10f4b73e), [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0), [`02f50d2`](https://github.com/rrweb-io/rrweb/commit/02f50d260cfe72209c94de1679336737f238e216), [`502d15d`](https://github.com/rrweb-io/rrweb/commit/502d15df9f7f43b3408ccfbb3f14c4bb007883c4), [`d0fbe23`](https://github.com/rrweb-io/rrweb/commit/d0fbe23c632021410a6dd45f9028a9a012467261), [`a3de582`](https://github.com/rrweb-io/rrweb/commit/a3de582e9c32be9e0ccd84bb7df756af6b0594f7), [`e08706a`](https://github.com/rrweb-io/rrweb/commit/e08706ae60268b6eb05c6292ef948c71bd423ce3), [`8d209a6`](https://github.com/rrweb-io/rrweb/commit/8d209a62f31c4c80e3e5bc36e47d7282ee854ac7), [`be6bf52`](https://github.com/rrweb-io/rrweb/commit/be6bf52c248c35de1b3491e3a3440ff61f876414), [`aaabdbd`](https://github.com/rrweb-io/rrweb/commit/aaabdbdff5df2abd1a294c40ed89e74bf8b2ec7c), [`1e6f71b`](https://github.com/rrweb-io/rrweb/commit/1e6f71b3cddcfafe78b9e40edfbd75e485702e4e), [`6388fb5`](https://github.com/rrweb-io/rrweb/commit/6388fb5a468e1a860ab8bb5c6826c811dcc3100c), [`c278d06`](https://github.com/rrweb-io/rrweb/commit/c278d068a0e2f1175cce7cc63920ac1fbf4783cf), [`4cb4d0e`](https://github.com/rrweb-io/rrweb/commit/4cb4d0e95a540a366bdec157fe78d9f099514818), [`5e6c132`](https://github.com/rrweb-io/rrweb/commit/5e6c132a4d0e5f5524b2201d6a73dae62b4a0877)]:
+  - @rrweb/utils@2.0.0
+  - @rrweb/types@2.0.0
+  - rrweb@2.0.0
+  - @rrweb/record@2.0.0
diff --git a/packages/browser-client/README.md b/packages/browser-client/README.md
new file mode 100644
index 00000000..65144a55
--- /dev/null
+++ b/packages/browser-client/README.md
@@ -0,0 +1,83 @@
+# @rrweb/browser-client
+
+Browser client for recording rrweb sessions to an rrweb Cloud-compatible API. It wraps rrweb recording, streams events over WebSocket, and falls back to HTTP POST for buffered events.
+
+This README covers the npm/ESM package. For the hosted script snippet and broader rrweb Cloud setup, see the [JavaScript SDK guide](https://rrweb.com/docs/cloud/javascript-sdk).
+
+## Installation
+
+```bash
+npm install @rrweb/browser-client
+```
+
+## Quick Start
+
+```js
+import rrwebBrowserClient, {
+  start,
+  stop,
+  addMeta,
+  getRecordingId,
+} from '@rrweb/browser-client';
+
+start({
+  publicApiKey: 'public_key_rr_...',
+  includePii: false,
+  meta: {
+    userId: 'user-123',
+    environment: 'production',
+  },
+});
+
+addMeta({ plan: 'pro' });
+
+console.log('recording id', getRecordingId());
+stop(false);
+```
+
+The default export exposes the same methods:
+
+```js
+rrwebBrowserClient.start({
+  publicApiKey: 'public_key_rr_...',
+});
+```
+
+## Options
+
+- `serverUrl`: optional events endpoint. Defaults to `https://api.rrweb.com/recordings/{recordingId}/events/ws`. Include `{recordingId}` in custom URLs, or the client will add it as a query parameter. `http` and `https` URLs are converted to `ws` and `wss` for the WebSocket connection, and the HTTP fallback posts to the same endpoint without a trailing `/ws`. See [Recording endpoint proxying](https://rrweb.com/docs/cloud/ingest-proxying) when routing events through your own domain.
+- `publicApiKey`: public write-only API key sent with WebSocket and HTTP fallback requests. rrweb Cloud public keys use the `public_key_rr_...` format. See [API Keys](https://rrweb.com/docs/cloud/api-keys).
+- `includePii`: default `false`. When enabled, the client includes additional visitor metadata such as language, timezone, screen size, title, and referrer details. See [Pre-baked metadata](https://rrweb.com/docs/cloud/prebaked-meta).
+- `meta`: custom recording metadata sent before recorded events. Built-in diagnostics such as `recordVersion`, `recordCommitHash`, `jsSource`, and `jsEntrypoint` are added automatically after custom metadata. See [Application Metadata](https://rrweb.com/docs/cloud/application-meta).
+- `jsSource`: optional source identifier for programmatic loaders. URL values are recorded without query strings or hashes.
+- `jsEntrypoint`: optional entrypoint label. Defaults to `programmatic` for direct `start()` calls and `script-tag` for script-tag autostart.
+- rrweb record options: other options are passed through to `record()` from rrweb, such as masking, blocking, sampling, and DOM capture options. See the [rrweb recording docs](https://rrweb.com/docs/packages/record/readme).
+
+### Stylesheet Capture
+
+`inlineStylesheet` is currently used for stylesheet capture compatibility. Once the `captureAssets` recording API lands from the assets branch, `captureAssets.stylesheets` should replace that compatibility path.
+
+## Recording Helpers
+
+- `getRecordingId()`: returns the current recording id, creating it before `start()` if needed. Recording ids are stored in `sessionStorage`, so separate tabs get separate recording contexts.
+- `addMeta(payload)`: adds or updates recording metadata after recording has started.
+- `addPageviewMeta(payload)`: adds metadata for the current page view.
+- `addCustomEvent(tag, payload)`: queues a custom rrweb event.
+- `stop(resetRecordingId)`: stops rrweb recording and closes the WebSocket. Pass `true` to clear the stored recording id before a future `start()`.
+
+## Further Reading
+
+- [JavaScript SDK guide](https://rrweb.com/docs/cloud/javascript-sdk)
+- [WebSocket event streaming](https://rrweb.com/docs/cloud/websocket-ingest)
+- [Application Metadata](https://rrweb.com/docs/cloud/application-meta)
+- [Replaying Guide](https://rrweb.com/docs/cloud/replaying-guide)
+
+## Local Dev/Test Env Vars
+
+Copy `.env.example` to `.env` in this package when running local integration tests.
+
+```bash
+VITE_RRWEB_BROWSER_CLIENT_SERVER_URL=http://localhost:8787/recordings/{recordingId}/events/ws
+VITE_RRWEB_BROWSER_CLIENT_API_BASE_URL=http://localhost:8787
+VITE_TEST_API_KEY=public_key_rr_XXXX
+```
diff --git a/packages/browser-client/buildMetadata.ts b/packages/browser-client/buildMetadata.ts
new file mode 100644
index 00000000..fdfcfbae
--- /dev/null
+++ b/packages/browser-client/buildMetadata.ts
@@ -0,0 +1,36 @@
+import { execSync } from 'node:child_process';
+import { readFileSync } from 'node:fs';
+import { resolve } from 'node:path';
+
+type PackageJson = {
+  version: string;
+};
+
+function readBrowserClientVersion(): string {
+  const packageJson = JSON.parse(
+    readFileSync(resolve(__dirname, 'package.json'), 'utf8'),
+  ) as PackageJson;
+  return packageJson.version;
+}
+
+function readGitCommitHash(): string {
+  if (process.env.RRWEB_COMMIT_HASH) {
+    return process.env.RRWEB_COMMIT_HASH;
+  }
+  if (process.env.GITHUB_SHA) {
+    return process.env.GITHUB_SHA;
+  }
+  return execSync('git rev-parse HEAD', {
+    cwd: resolve(__dirname, '../..'),
+    encoding: 'utf8',
+  }).trim();
+}
+
+export function browserClientBuildDefines(): Record<string, string> {
+  return {
+    __RRWEB_BROWSER_CLIENT_VERSION__: JSON.stringify(
+      readBrowserClientVersion(),
+    ),
+    __RRWEB_BROWSER_CLIENT_COMMIT_HASH__: JSON.stringify(readGitCommitHash()),
+  };
+}
diff --git a/packages/browser-client/package.json b/packages/browser-client/package.json
new file mode 100644
index 00000000..bc809ae3
--- /dev/null
+++ b/packages/browser-client/package.json
@@ -0,0 +1,82 @@
+{
+  "name": "@highlight-run/rrweb-browser-client",
+  "version": "2.0.0-lambda.5",
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "devtools",
+    "product-analytics",
+    "real-user-monitoring",
+    "rrweb",
+    "@rrweb/browser-client",
+    "websocket"
+  ],
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "tsc -noEmit && vite build",
+    "retest": "cross-env PUPPETEER_HEADLESS=true yarn retest:headful",
+    "retest:headful": "vitest run --exclude test/benchmark",
+    "build-and-test": "yarn build && yarn retest",
+    "test:headless": "cross-env PUPPETEER_HEADLESS=true yarn build-and-test",
+    "test:headful": "cross-env PUPPETEER_HEADLESS=false yarn build-and-test",
+    "test": "yarn test:headless",
+    "test:watch": "yarn build && cross-env PUPPETEER_HEADLESS=true yarn vitest --exclude test/benchmark",
+    "test:update": "yarn test:headless --update",
+    "retest:update": "cross-env PUPPETEER_HEADLESS=true yarn retest --update",
+    "check-types": "tsc -noEmit",
+    "prepublish": "tsc -noEmit && vite build",
+    "lint": "npx eslint src/**/*.ts"
+  },
+  "homepage": "https://github.com/rrweb-io/rrweb/tree/main/packages/browser-client#readme",
+  "bugs": {
+    "url": "https://github.com/rrweb-io/rrweb/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/rrweb-io/rrweb.git"
+  },
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/browser-client.cjs",
+  "module": "./dist/browser-client.js",
+  "unpkg": "./dist/browser-client.umd.cjs",
+  "jsdelivr": "./umd/browser-client.js",
+  "typings": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/browser-client.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/browser-client.cjs"
+      }
+    }
+  },
+  "files": [
+    "umd",
+    "dist",
+    "package.json"
+  ],
+  "devDependencies": {
+    "cross-env": "^7.0.3",
+    "happy-dom": "^20.8.9",
+    "puppeteer": "^20.9.0",
+    "typescript": "^5.4.5",
+    "vite": "^6.4.2",
+    "vite-plugin-dts": "^3.9.1",
+    "vitest": "^3.2.6"
+  },
+  "dependencies": {
+    "@highlight-run/rrweb": "workspace:*",
+    "@highlight-run/rrweb-record": "workspace:*",
+    "@highlight-run/rrweb-types": "workspace:*",
+    "@highlight-run/rrweb-utils": "workspace:*",
+    "websocket-ts": "^2.2.1"
+  },
+  "browserslist": [
+    "supports es6-class"
+  ]
+}
diff --git a/packages/browser-client/src/index.ts b/packages/browser-client/src/index.ts
new file mode 100644
index 00000000..b6e9041b
--- /dev/null
+++ b/packages/browser-client/src/index.ts
@@ -0,0 +1,590 @@
+import { record } from '@rrweb/record';
+
+import { EventType } from '@rrweb/types';
+import type { customEvent, eventWithTime, listenerHandler } from '@rrweb/types';
+import { nowTimestamp } from '@rrweb/utils';
+import type { recordOptions } from 'rrweb';
+
+import {
+  ArrayQueue,
+  ExponentialBackoff,
+  Websocket,
+  WebsocketBuilder,
+  WebsocketEvent,
+} from 'websocket-ts';
+
+declare const __RRWEB_BROWSER_CLIENT_VERSION__: string;
+declare const __RRWEB_BROWSER_CLIENT_COMMIT_HASH__: string;
+
+export type clientConfig = {
+  serverUrl?: string;
+  publicApiKey: string;
+  autostart: boolean;
+  includePii: boolean;
+  jsSource?: string;
+  jsEntrypoint?: string;
+  meta?: nameValues;
+};
+
+export type nameValues = Record<string, string | boolean | number>;
+
+export type browserClientRecordOptions = Omit<
+  recordOptions<eventWithTime>,
+  'emit'
+> &
+  clientConfig & {
+    emit?: recordOptions<eventWithTime>['emit'] | string;
+  };
+
+type websocketListenerHandler = (i: Websocket, ev: MessageEvent) => void;
+type ServerMessage =
+  | { type: 'error' }
+  | { type: 'upstream-result'; ok?: boolean }
+  | { type?: unknown; ok?: unknown };
+
+export type customEventWithTime = customEvent & {
+  timestamp: number;
+};
+
+const defaultServerUrl =
+  'https://api.rrweb.com/recordings/{recordingId}/events/ws';
+let defaultClientConfig: clientConfig = {
+  serverUrl: defaultServerUrl,
+  publicApiKey: '',
+  autostart: false,
+  includePii: false,
+};
+const sessionStorageName = 'rrweb-browser-client-recording-id';
+const wsLimit = 10e5; // this is approximate and depends on the browser, also on how unicode is encoded (we are comparing against the length of a javascript string)
+
+let ws: Websocket | undefined;
+let wsConnectionPaused = false;
+
+const buffer: ArrayQueue<string> = new ArrayQueue();
+let rrwebStopFn: listenerHandler | undefined;
+
+function isServerMessage(value: unknown): value is ServerMessage {
+  return typeof value === 'object' && value !== null;
+}
+
+function sanitizeScriptSource(value: string | undefined): string | undefined {
+  if (!value) return undefined;
+  try {
+    const url = new URL(value);
+    url.search = '';
+    url.hash = '';
+    return url.href;
+  } catch {
+    return value;
+  }
+}
+
+function scriptSourceFromElement(
+  script: HTMLScriptElement,
+): string | undefined {
+  return sanitizeScriptSource(script.src);
+}
+
+export function stop(resetRecordingId: boolean) {
+  // reset all state so that start() can start afresh
+  if (rrwebStopFn !== undefined) {
+    rrwebStopFn();
+    rrwebStopFn = undefined;
+  }
+  if (ws) {
+    const closeEvent: customEventWithTime = {
+      timestamp: nowTimestamp(),
+      type: EventType.Custom,
+      data: {
+        tag: 'close-' + (resetRecordingId ? 'permanent' : 'temporary'),
+        payload: {},
+      },
+    };
+    // Clear old events before send, so websocket-ts can buffer the close event
+    // for the HTTP fallback when the socket is not currently open.
+    buffer.clear();
+    ws.send(JSON.stringify(closeEvent));
+    ws.close();
+    wsConnectionPaused = false;
+    ws = undefined; // so `emit` can restart it again if page is unfrozen
+  } else {
+    buffer.clear();
+  }
+  if (resetRecordingId) {
+    removeRecordingId();
+  }
+}
+
+function removeRecordingId(): void {
+  sessionStorage.removeItem(sessionStorageName);
+}
+
+function getSetVisitorId() {
+  const nameEQ = 'rrweb-browser-client-visitor-id=';
+  let value: string | null = null;
+  if (document.cookie) {
+    document.cookie.split(';').forEach((cp) => {
+      if (cp.trim().startsWith(nameEQ)) {
+        value = cp.trim();
+        // we could `break` (if not in a forEach) as we're not setting multiple cookies against different subdomains/paths
+      }
+    });
+  }
+  if (!value) {
+    // eslint-disable-next-line compat/compat -- @rrweb/browser-client targets modern browsers with crypto UUID support for recording/session identity.
+    value = self.crypto.randomUUID();
+    const date = new Date();
+    date.setTime(date.getTime() + 366 * 86400000); // 1 year
+    const expires = 'expires=' + date.toUTCString();
+
+    // SameSite=Lax to cross subdomains
+    const secure = window.location.protocol === 'https:' ? ';Secure' : '';
+    const domain = `;domain=${document.location.host.replace(/^www\./, '')}`;
+    document.cookie = `${nameEQ}${value};${expires}${domain};path=/;SameSite=Lax${secure}`;
+  }
+  return value;
+}
+
+function getSetRecordingId(): string | null {
+  let value: string | null = null;
+  try {
+    value = sessionStorage.getItem(sessionStorageName);
+    if (!value) {
+      // eslint-disable-next-line compat/compat -- @rrweb/browser-client targets modern browsers with crypto UUID support for recording/session identity.
+      value = self.crypto.randomUUID();
+      try {
+        sessionStorage.setItem(sessionStorageName, value);
+      } catch (e) {
+        value = null;
+      }
+    }
+  } catch (e) {
+    value = null;
+  }
+  return value;
+}
+
+// if API client requests the recording ID prior to start,
+// set it immediately so that it will be the eventual id used
+export const getRecordingId = getSetRecordingId;
+
+function connect(
+  serverUrl: string,
+  postUrl: string,
+  publicApiKey: string,
+  messageHandler: websocketListenerHandler,
+): Websocket {
+  const wsUrl = new URL(serverUrl);
+  if (publicApiKey) {
+    wsUrl.searchParams.set('token', publicApiKey);
+  }
+  wsUrl.protocol = wsUrl.protocol.replace('http', 'ws'); // testing/puppeteer: SyntaxError: Failed to construct 'WebSocket': The URL's scheme must be either 'ws' or 'wss'. 'https' is not allowed.
+
+  const ws = new WebsocketBuilder(wsUrl.href)
+    .withBuffer(buffer) // when disconnected
+    .withBackoff(
+      new ExponentialBackoff(500 + Math.round(1000 * Math.random()), 6),
+    ) // retry around every 1s, 2s, 4s, 8s, maxing out with a retry every ~1minute
+    .build();
+
+  const fallbackPosting = setInterval(() => {
+    if (buffer.length()) {
+      void postData(postUrl, publicApiKey, buffer).catch((error) => {
+        clearInterval(fallbackPosting);
+        console.error('Error periodically POSTing events:', error);
+      });
+    }
+  }, 5 * 1000);
+
+  // Add event listeners
+  ws.addEventListener(WebsocketEvent.open, () => {
+    clearInterval(fallbackPosting);
+  });
+  ws.addEventListener(WebsocketEvent.message, messageHandler);
+  return ws;
+}
+
+async function postData(
+  postUrl: string,
+  publicApiKey: string,
+  buffer: ArrayQueue<string> | string,
+) {
+  const keepaliveLimit = 65000;
+  let done = false;
+  const responses: Response[] = [];
+  const toSend: string[] = [];
+  do {
+    let body;
+    if (buffer instanceof ArrayQueue) {
+      // this clears the buffer so no need to call buffer.clear()
+      let sendSize = 0;
+      done = true;
+      for (
+        let eventStr = buffer.read();
+        eventStr !== undefined;
+        eventStr = buffer.read()
+      ) {
+        toSend.push(eventStr);
+        sendSize += eventStr.length;
+        if (sendSize > keepaliveLimit) {
+          done = false;
+          break;
+        }
+      }
+      body = toSend.join('\n');
+    } else {
+      body = buffer;
+      done = true;
+    }
+    // eslint-disable-next-line compat/compat -- fetch is the runtime transport for POST fallback in supported browsers.
+    const response = await fetch(postUrl, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/x-ndjson',
+        Authorization: `Bearer ${publicApiKey}`,
+      },
+      body,
+      keepalive: body.length < keepaliveLimit, // don't abort POST after end of session (must be under the limit)
+    });
+    responses.push(response);
+    if (!response.ok) {
+      if (buffer instanceof ArrayQueue) {
+        // re-queue events in case we can reconnect next time or with ws
+        toSend.forEach((eventStr) => buffer.add(eventStr));
+      }
+      break;
+    } else if (done) {
+      break;
+    }
+  } while (!done);
+  const badResponse = responses.find((r) => r.status >= 300);
+  if (badResponse) {
+    let badResponseInfo = `${badResponse.status} ${badResponse.statusText}`;
+    if (!badResponse.bodyUsed) {
+      badResponseInfo +=
+        '\nresponse body:' + JSON.stringify(await badResponse.json());
+    }
+    throw new Error(`Bad response from POST: ${badResponseInfo}`);
+  }
+  return responses;
+}
+
+export function start(
+  options: browserClientRecordOptions = defaultClientConfig,
+) {
+  const {
+    includePii,
+    publicApiKey,
+    jsSource: rawJsSource,
+    jsEntrypoint,
+    ...recordOptions
+  } = options;
+  let { serverUrl = defaultServerUrl } = options;
+
+  if (recordOptions.slimDOMOptions === undefined) {
+    recordOptions.slimDOMOptions = 'all';
+  }
+  if (recordOptions.maskAllInputs === undefined) {
+    recordOptions.maskAllInputs = true; // default to more privacy
+  }
+  // TODO: switch this back to captureAssets.stylesheets once rrweb pulls in
+  // the captureAssets recording API from the assets branch.
+  if (recordOptions.inlineStylesheet === undefined) {
+    recordOptions.inlineStylesheet = true;
+  }
+
+  const configEmit = recordOptions.emit;
+
+  const handleMessage = (_: Websocket, ev: MessageEvent) => {
+    const parsedEvent: unknown = JSON.parse(String(ev.data));
+    if (
+      isServerMessage(parsedEvent) &&
+      (parsedEvent.type === 'error' ||
+        (parsedEvent.type === 'upstream-result' && !parsedEvent.ok))
+    ) {
+      console.warn('received error, pausing websockets:', parsedEvent);
+      wsConnectionPaused = true;
+    } else {
+      console.log(`received message: ${String(ev.data)}`);
+    }
+  };
+
+  const recordingId = getSetRecordingId();
+  if (!recordingId) {
+    // TODO: we could allow client to supply their own recordingId
+    // however that would have implications on how we can handle
+    // recordings server side (that a recording could mix events from
+    // multiple browsing contexts)
+    console.error(
+      '@rrweb/browser-client: Unable to start(); sessionStorage unavailable',
+    );
+    return;
+  }
+
+  const initialPayload: nameValues = {
+    domain: document.location.hostname || document.location.href.split('?')[0], // latter is for debugging (e.g. a file:// url)
+    includePii: Boolean(includePii), // tell server not to store IP addresses or user agents
+  };
+
+  // the expected replacement of recording id
+  serverUrl = serverUrl.replace('{recordingId}', recordingId);
+  serverUrl = serverUrl.replace('%7BrecordingId%7D', recordingId); // as mangled by `new URL`
+
+  const sURL = new URL(serverUrl);
+  if (!serverUrl.includes(recordingId)) {
+    // '{recordingId}' wasn't in the url;
+    // pass as a query string param instead
+    sURL.searchParams.set('recordingId', recordingId);
+    serverUrl = sURL.href;
+    // also include in initialPayload in case query string gets lost during upgrade or proxying
+    initialPayload.recordingId = recordingId;
+  }
+  if (sURL.pathname.endsWith('/ws')) {
+    sURL.pathname = sURL.pathname.slice(0, -3);
+  }
+  const postUrl = sURL.href;
+
+  if (includePii) {
+    initialPayload.visitor = getSetVisitorId();
+    try {
+      initialPayload.timezone =
+        Intl.DateTimeFormat().resolvedOptions().timeZone;
+    } catch (e) {
+      initialPayload.timezone = 'unknown';
+    }
+    try {
+      if (navigator.languages !== undefined) {
+        initialPayload.language = navigator.languages[0];
+      } else {
+        initialPayload.language = navigator.language;
+      }
+    } catch (e) {
+      initialPayload.language = 'unknown';
+    }
+    // initialPayload.userAgent = navigator.userAgent;  // we should be able to get this server side
+    // the following is different to EventType.Meta width/height
+    // which is used in replay; it's more about what size screen
+    // the visitor has for analytics
+    initialPayload.screenWidth = screen.width;
+    initialPayload.screenHeight = screen.height;
+    initialPayload.devicePixelRatio = window.devicePixelRatio;
+  }
+  if (options.meta) {
+    Object.assign(initialPayload, options.meta);
+  }
+  initialPayload.recordVersion = __RRWEB_BROWSER_CLIENT_VERSION__;
+  initialPayload.recordCommitHash = __RRWEB_BROWSER_CLIENT_COMMIT_HASH__;
+  initialPayload.jsEntrypoint = jsEntrypoint ?? 'programmatic';
+
+  const jsSource = sanitizeScriptSource(rawJsSource);
+  if (jsSource) {
+    initialPayload.jsSource = jsSource;
+  }
+
+  const metaEvent: customEventWithTime = {
+    timestamp: nowTimestamp(),
+    type: EventType.Custom,
+    data: {
+      tag: 'recording-meta',
+      payload: initialPayload,
+    },
+  };
+  // metadata event should be the first seen server side
+  buffer.add(JSON.stringify(metaEvent));
+
+  recordOptions.emit = (event: eventWithTime) => {
+    if (!ws) {
+      // don't make a connection until rrweb starts (looks at document.readyState and waits for DOMContentLoaded or load)
+      ws = connect(serverUrl, postUrl, publicApiKey, handleMessage);
+
+      ws.addEventListener(WebsocketEvent.close, () => {
+        // fallback to postData while backoff algorithm is in effect
+        wsConnectionPaused = true;
+      });
+    }
+    if (configEmit !== undefined) {
+      if (typeof configEmit === 'function') {
+        configEmit(event);
+      } else if (
+        typeof (window as unknown as Record<string, unknown>)[configEmit] ===
+        'function'
+      ) {
+        const emit = (window as unknown as Record<string, unknown>)[
+          configEmit
+        ] as (event: eventWithTime) => void;
+        emit(event);
+      } else {
+        console.error('Could not understand emit config option:', configEmit);
+      }
+    }
+    if (event.type === EventType.Meta && includePii) {
+      const metaData = event.data as typeof event.data & {
+        title?: string;
+        referrer?: string;
+      };
+      metaData.title = document.title.substring(0, 500); // already recorded in rrweb as part of the <title> element
+      metaData.referrer = document.referrer; // could potentially contain PII
+    }
+
+    const eventStr = JSON.stringify(event);
+    // TODO: add browser native compression
+    if (eventStr.length > wsLimit) {
+      // Assuming wsLimit is a defined constant, and eventStr.length is intended.
+      void postData(postUrl, publicApiKey, eventStr);
+    } else if (ws && !wsConnectionPaused) {
+      ws.send(eventStr);
+    } else {
+      buffer.add(eventStr);
+    }
+  };
+
+  let startWhenVisible = false;
+  if (!document.hidden) {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- record()'s type resolves through the @highlight-run-aliased d.ts and degrades to any
+    rrwebStopFn = record(recordOptions as recordOptions<eventWithTime>);
+  } else {
+    startWhenVisible = true;
+  }
+  if (typeof document.hidden !== 'undefined') {
+    document.addEventListener(
+      'visibilitychange',
+      () => {
+        if (!document.hidden && startWhenVisible) {
+          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- record()'s type resolves through the @highlight-run-aliased d.ts and degrades to any
+          rrwebStopFn = record(recordOptions as recordOptions<eventWithTime>);
+          startWhenVisible = false;
+          return;
+        }
+        try {
+          // either of 'page-hidden' or 'page-visible'
+          record.addCustomEvent('page-' + document.visibilityState, {});
+          if (document.hidden) {
+            /*
+            - a user navigates to a new page
+            - switches tabs
+            - closes the tab
+            - minimizes or closes the browser
+            - switches from the browser to a different app
+          */
+            // don't record background animations etc. while page isn't visible
+            record.freezePage();
+
+            // document.hidden is better than beforeunload, see:
+            // https://developer.chrome.com/docs/web-platform/page-lifecycle-api
+            if ((!ws || wsConnectionPaused) && buffer.length()) {
+              void postData(postUrl, publicApiKey, buffer);
+            }
+          }
+        } catch (e) {
+          // ignore, recording may not be active yet
+        }
+      },
+      false,
+    );
+  }
+  document.addEventListener('freeze', () => {
+    // https://developer.chrome.com/docs/web-platform/page-lifecycle-api
+    // "In particular, it's important that you ... close any open Web Socket connections
+    if (ws) {
+      ws.close();
+      wsConnectionPaused = false;
+      ws = undefined; // so `emit` can restart it again if page is unfrozen
+    }
+    if (rrwebStopFn !== undefined) {
+      rrwebStopFn();
+      startWhenVisible = true;
+    }
+  });
+}
+
+export const addCustomEvent = <T>(tag: string, payload: T) => {
+  if (rrwebStopFn !== undefined) {
+    record.addCustomEvent(tag, payload);
+  } else {
+    const customEvent: customEventWithTime = {
+      timestamp: nowTimestamp(),
+      type: EventType.Custom,
+      data: {
+        tag,
+        payload,
+      },
+    };
+    // let websocket buffer handle it
+    buffer.add(JSON.stringify(customEvent));
+  }
+};
+
+export function addMeta(payload: nameValues) {
+  addCustomEvent('recording-meta', payload);
+}
+
+export function addPageviewMeta(payload: nameValues) {
+  // could alter timestamp to match Meta/FullSnapshot event
+  addCustomEvent('pageview-meta', payload);
+}
+
+if (document && document.currentScript) {
+  let config = defaultClientConfig;
+  const truthyAttr: readonly (string | null)[] = ['', 'yes', 'on', 'true', '1']; // empty string allows setting plain html5 attributes without values
+  const self = document.currentScript as HTMLScriptElement;
+  if (self.innerText && self.innerText.trim()) {
+    try {
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- script tag config is an external payload.
+      config = JSON.parse(
+        self.innerText
+          .replace(/^\s*\/\/.*/gm, '') // remove comment lines
+          .replace(/,(\s*[\]}])/g, '$1'), // allow trailing commas
+      );
+    } catch (error) {
+      console.error(
+        '@rrweb/browser-client: Could not parse script tag config as JSON',
+        error,
+      );
+    }
+  }
+  config.jsSource ??= scriptSourceFromElement(self);
+  config.jsEntrypoint ??= self.dataset.rrwebEntrypoint || 'script-tag';
+  if (truthyAttr.includes(self.getAttribute('includepii'))) {
+    config.includePii = true;
+  }
+  if (self.src) {
+    try {
+      if (config.serverUrl) {
+        // transform provided relative URLs into absolute based on where we are served from
+        config.serverUrl = new URL(config.serverUrl, self.src).href;
+      } else {
+        // generate a default server url
+        const srcUrl = new URL(self.src);
+        if (srcUrl.hostname) {
+          let apiHost = srcUrl.hostname;
+          if (
+            apiHost === 'rrweb.com' ||
+            apiHost === 'www.rrweb.com' ||
+            apiHost === 'cdn.rrweb.com' ||
+            apiHost === 'rrweb.io' ||
+            apiHost.endsWith('.rrweb.io')
+          ) {
+            apiHost = 'api.rrweb.com';
+          }
+          config.serverUrl = `https://${apiHost}/recordings/{recordingId}/events/ws`;
+        }
+      }
+    } catch {
+      // maybe we are in a weird environment, we're likely gonna fail when we next call new URL on serverurl
+    }
+  }
+  // if start later (no autostart), or manually stop and (re)start() later
+  defaultClientConfig = config;
+  if (config.autostart || truthyAttr.includes(self.getAttribute('autostart'))) {
+    start(config);
+  }
+}
+
+export default {
+  start,
+  stop,
+  addMeta,
+  addPageviewMeta,
+  addCustomEvent,
+  getRecordingId,
+};
diff --git a/packages/browser-client/test/__integration.snapshots__/browser_client_integration_tests.can_record_events.json b/packages/browser-client/test/__integration.snapshots__/browser_client_integration_tests.can_record_events.json
new file mode 100644
index 00000000..c666cfa7
--- /dev/null
+++ b/packages/browser-client/test/__integration.snapshots__/browser_client_integration_tests.can_record_events.json
@@ -0,0 +1,140 @@
+[
+  {
+    "type": 4,
+    "data": {
+      "href": "about:blank",
+      "width": 1920,
+      "height": 1080
+    }
+  },
+  {
+    "type": 2,
+    "data": {
+      "node": {
+        "type": 0,
+        "childNodes": [
+          {
+            "type": 1,
+            "name": "html",
+            "publicId": "",
+            "systemId": "",
+            "id": 2
+          },
+          {
+            "type": 2,
+            "tagName": "html",
+            "attributes": {
+              "lang": "en"
+            },
+            "childNodes": [
+              {
+                "type": 2,
+                "tagName": "head",
+                "attributes": {},
+                "childNodes": [
+                  {
+                    "type": 2,
+                    "tagName": "meta",
+                    "attributes": {
+                      "charset": "UTF-8"
+                    },
+                    "childNodes": [],
+                    "id": 5
+                  },
+                  {
+                    "type": 2,
+                    "tagName": "meta",
+                    "attributes": {
+                      "name": "viewport",
+                      "content": "width=device-width, initial-scale=1.0"
+                    },
+                    "childNodes": [],
+                    "id": 6
+                  },
+                  {
+                    "type": 2,
+                    "tagName": "title",
+                    "attributes": {},
+                    "childNodes": [
+                      {
+                        "type": 3,
+                        "textContent": "Link click",
+                        "id": 8
+                      }
+                    ],
+                    "id": 7
+                  }
+                ],
+                "id": 4
+              },
+              {
+                "type": 3,
+                "textContent": "\n    \n\n  ",
+                "id": 9
+              },
+              {
+                "type": 2,
+                "tagName": "body",
+                "attributes": {},
+                "childNodes": [
+                  {
+                    "type": 3,
+                    "textContent": "\n    ",
+                    "id": 11
+                  },
+                  {
+                    "type": 2,
+                    "tagName": "span",
+                    "attributes": {
+                      "id": "not-a-link"
+                    },
+                    "childNodes": [
+                      {
+                        "type": 3,
+                        "textContent": "not link",
+                        "id": 13
+                      }
+                    ],
+                    "id": 12
+                  },
+                  {
+                    "type": 3,
+                    "textContent": "\n    ",
+                    "id": 14
+                  },
+                  {
+                    "type": 2,
+                    "tagName": "a",
+                    "attributes": {
+                      "href": "about:blank#clicked"
+                    },
+                    "childNodes": [
+                      {
+                        "type": 3,
+                        "textContent": "link",
+                        "id": 16
+                      }
+                    ],
+                    "id": 15
+                  },
+                  {
+                    "type": 3,
+                    "textContent": "\n  \n\n",
+                    "id": 17
+                  }
+                ],
+                "id": 10
+              }
+            ],
+            "id": 3
+          }
+        ],
+        "id": 1
+      },
+      "initialOffset": {
+        "left": 0,
+        "top": 0
+      }
+    }
+  }
+]
\ No newline at end of file
diff --git a/packages/browser-client/test/autostart.html b/packages/browser-client/test/autostart.html
new file mode 100644
index 00000000..e395d2b8
--- /dev/null
+++ b/packages/browser-client/test/autostart.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>@rrweb/browser-client</title>
+    <script src="../dist/browser-client.umd.cjs" async autostart>
+      {
+          serverUrl: 'https://api.rrweb.com/recordings/{recordingId}/events/ws'
+      }
+    </script>
+  </head>
+  <body>
+    <h1>Click Around</h1>
+    <button>Test</button>
+  </body>
+</html>
diff --git a/packages/browser-client/test/html/link.html b/packages/browser-client/test/html/link.html
new file mode 100644
index 00000000..3db0817e
--- /dev/null
+++ b/packages/browser-client/test/html/link.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>Link click</title>
+  </head>
+
+  <body>
+    <span id="not-a-link">not link</span>
+    <a href="about:blank#clicked">link</a>
+  </body>
+</html>
diff --git a/packages/browser-client/test/integration.test.ts b/packages/browser-client/test/integration.test.ts
new file mode 100644
index 00000000..403fc86f
--- /dev/null
+++ b/packages/browser-client/test/integration.test.ts
@@ -0,0 +1,403 @@
+import * as fs from 'fs';
+import * as path from 'path';
+import type * as puppeteer from 'puppeteer';
+import { vi } from 'vitest';
+import {
+  startServer,
+  getServerURL,
+  launchPuppeteer,
+  replaceLast,
+  ISuite,
+} from './utils';
+import type { browserClientRecordOptions } from '../src';
+import { eventWithTime, EventType } from '@rrweb/types';
+import { randomUUID } from 'crypto';
+
+const browserClientPackage = JSON.parse(
+  fs.readFileSync(path.resolve(__dirname, '../package.json'), 'utf8'),
+) as { version: string };
+
+// These default to the local test server used by the integration suite.
+const TEST_SERVER_URL =
+  import.meta.env.VITE_RRWEB_BROWSER_CLIENT_SERVER_URL ||
+  'http://localhost:8787/recordings/{recordingId}/events/ws';
+const TEST_API_BASE_URL = (
+  import.meta.env.VITE_RRWEB_BROWSER_CLIENT_API_BASE_URL ||
+  'http://localhost:8787'
+).replace(/\/$/, '');
+const TEST_API_KEY = import.meta.env.VITE_TEST_API_KEY || '';
+
+function apiUrl(path: string): string {
+  return `${TEST_API_BASE_URL}${path}`;
+}
+
+function postEventsUrl(serverUrl: string): string {
+  return serverUrl.replace(/\/ws(?=([?#]|$))/, '');
+}
+
+function defaultOptions(
+  options: Partial<browserClientRecordOptions> = {},
+): Partial<browserClientRecordOptions> {
+  options.emit = 'emitFnName';
+  if (!options.serverUrl) {
+    options.serverUrl = TEST_SERVER_URL;
+  }
+  options.publicApiKey = TEST_API_KEY;
+
+  if (!options.meta) {
+    options.meta = {
+      custom: 'yes',
+      sessionId: 'session-123',
+    };
+  }
+  return options;
+}
+
+type RoundtripOptions = Partial<browserClientRecordOptions> & {
+  disableWebsockets?: boolean;
+};
+
+const roundtripOptions: RoundtripOptions[] = [
+  {},
+  {
+    disableWebsockets: true, // dummy
+    serverUrl: postEventsUrl(TEST_SERVER_URL), // actually disable websockets
+  },
+];
+
+async function pollUntil<T>(
+  callback: () => Promise<T>,
+  predicate: (value: T) => boolean,
+  { timeout, interval }: { timeout: number; interval: number },
+): Promise<T> {
+  const start = Date.now();
+  let lastError: unknown;
+
+  do {
+    try {
+      const value = await callback();
+      if (predicate(value)) {
+        return value;
+      }
+    } catch (error) {
+      lastError = error;
+    }
+    await new Promise((resolve) => setTimeout(resolve, interval));
+  } while (Date.now() - start < timeout);
+
+  if (lastError) {
+    throw lastError;
+  }
+  throw new Error(`Timed out after ${timeout}ms`);
+}
+
+const describeWithApi = TEST_API_KEY ? describe : describe.skip;
+
+describeWithApi(
+  '@rrweb/browser-client integration tests',
+  function (this: ISuite) {
+    vi.setConfig({ testTimeout: 20_000 });
+
+    const getHtml = (
+      fileName: string,
+      options: Partial<browserClientRecordOptions> = {},
+    ): string => {
+      const filePath = path.resolve(__dirname, `./html/${fileName}`);
+      const html = fs.readFileSync(filePath, 'utf8');
+      return replaceLast(
+        html,
+        '</head>',
+        `
+<script>
+window.snapshots = [];
+function emitFnName(event) {
+  window.snapshots.push(event);
+}
+</script>
+<script src="${testServerURL}/browser-client.umd.cjs" autostart async>
+${JSON.stringify(defaultOptions(options))}
+</script>
+</head>
+    `,
+      );
+    };
+
+    let server: ISuite['server'];
+    let testServerURL: string;
+    let browser: ISuite['browser'];
+
+    beforeAll(async () => {
+      server = await startServer();
+      testServerURL = getServerURL(server);
+      browser = await launchPuppeteer();
+
+      expect(
+        fs.existsSync(
+          path.resolve(__dirname, '../dist/browser-client.umd.cjs'),
+        ),
+      ).toBe(true);
+    });
+
+    afterAll(async () => {
+      await browser.close();
+      server.close();
+    });
+
+    it.concurrent.each(roundtripOptions)(
+      'can roundtrip events: %j',
+      async (options) => {
+        let optionsIn = JSON.stringify(options);
+
+        const context = await browser.createIncognitoBrowserContext(); // no interference during concurrency
+        let page = await context.newPage();
+
+        const fetchSpy = vi.spyOn(global, 'fetch');
+
+        let logs = '';
+
+        let recordingId = '<recordingId not yet set>';
+
+        let waitForEvents;
+        if (options.disableWebsockets) {
+          waitForEvents = page.waitForRequest((request) => {
+            console.log('got: ' + request.url());
+            return request.url().includes('/events');
+          });
+        }
+
+        page.on('console', (msg) => {
+          if (
+            options.disableWebsockets &&
+            msg.text().includes('Error during WebSocket handshake')
+          ) {
+            // an expected log when we are simulating websocket failure
+          } else {
+            console.log(recordingId + ': ' + msg.text());
+          }
+          logs += msg.text();
+        });
+
+        await page.goto(testServerURL); // need a real domain for sessionStorage
+        await page.setContent(getHtml.call(this, 'link.html', options));
+
+        const snapshots = (await page.evaluate(
+          'window.snapshots',
+        )) as eventWithTime[];
+
+        expect(snapshots.length).toBeGreaterThan(1); // meta and fullsnapshot
+
+        recordingId = (await page.evaluate(
+          'rrwebBrowserClient.getRecordingId()',
+        )) as string;
+
+        expect(recordingId).toMatch(
+          /[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/,
+        );
+
+        console.log(`got recordingId ${recordingId} test: ${optionsIn}`);
+
+        await page.evaluate('rrwebBrowserClient.addMeta({reality: "updated"})');
+
+        if (options.disableWebsockets) {
+          console.log(`${recordingId} waitForEvents...`);
+          await waitForEvents;
+          console.log(`${recordingId} waitForEvents done`);
+        }
+
+        let expectLogs = expect(logs);
+        let expectFetch = expect(fetchSpy);
+        if (!options.disableWebsockets) {
+          expectLogs = expectLogs.not;
+          expectFetch = expectFetch.not;
+        }
+        expectLogs.toMatch(/WebSocket connection to .* failed/);
+        //expectLogs.toMatch(/Failed to load resource/);
+        if (!options.disableWebsockets) {
+          // dunno why we need this if, something not working as we've already done waitForEvents
+          expectFetch.toHaveBeenCalled();
+        }
+
+        const serverEvents = await pollUntil(
+          async () => {
+            const res = await fetch(
+              apiUrl(`/recordings/${recordingId}/events`),
+              {
+                headers: {
+                  Authorization: 'Bearer ' + TEST_API_KEY,
+                },
+              },
+            );
+            if (!res.ok) {
+              throw new Error(`HTTP error! status: ${res.status}`);
+            }
+            return res.json();
+          },
+          (events) => events.length > 0,
+          { timeout: 7000, interval: 200 },
+        );
+
+        expect(serverEvents.length).toBeGreaterThan(1);
+
+        serverEvents.forEach((e) => {
+          // TODO: these should probably not be returned in the first place
+          if ('recordingId' in e && e.recordingId === recordingId) {
+            delete e.recordingId;
+          }
+          if ('sequenceId' in e) {
+            delete e.sequenceId;
+          }
+        });
+
+        expect(snapshots).toMatchObject(serverEvents);
+
+        const metaJson = await pollUntil(
+          async () => {
+            const res = await fetch(apiUrl(`/recordings/${recordingId}`), {
+              headers: {
+                Authorization: 'Bearer ' + TEST_API_KEY,
+              },
+            });
+            if (!res.ok) {
+              throw new Error(`HTTP error! status: ${res.status}`);
+            }
+            return res.json();
+          },
+          (metadataResponse) =>
+            Boolean(
+              metadataResponse &&
+                metadataResponse.metadata &&
+                Object.keys(metadataResponse.metadata).length,
+            ),
+          { timeout: 8000, interval: 200 },
+        );
+
+        expect(metaJson).toMatchObject({
+          metadata: {
+            custom: 'yes',
+            sessionId: 'session-123',
+            domain: 'localhost',
+            includePii: 'false', // TODO: could this be a real boolean?
+            reality: 'updated',
+            recordVersion: browserClientPackage.version,
+            recordCommitHash: expect.any(String),
+            jsSource: `${testServerURL}/browser-client.umd.cjs`,
+            jsEntrypoint: 'script-tag',
+          },
+        });
+
+        // no need to write to disk (we can e.g. allow rrweb output to change between versions)
+        // WARNING: this would mutate scrub timestamps and change Meta urls!
+        //await assertSnapshot(snapshots, true);
+      },
+    );
+
+    it('can clear recordingId using stop()', async () => {
+      const options = {
+        meta: {
+          sessionId: randomUUID(),
+        },
+      };
+      let optionsIn = JSON.stringify(options);
+
+      let page = await browser.newPage();
+
+      const client = await page.target().createCDPSession();
+      await client.send('Network.enable');
+
+      const messages = [];
+      const messagesPromise = new Promise((resolve) => {
+        client.on('Network.webSocketFrameSent', ({ response }) => {
+          messages.push(response.payloadData);
+          if (messages.length >= 3) {
+            resolve(messages);
+          }
+        });
+      });
+
+      let logs = '';
+
+      let recordingId = '<recordingId not yet set>';
+
+      page.on('console', (msg) => {
+        console.log(recordingId + ': ' + msg.text());
+        logs += msg.text();
+      });
+
+      await page.goto(testServerURL); // need a real domain for sessionStorage
+      await page.setContent(getHtml.call(this, 'link.html', options));
+
+      const snapshots = (await page.evaluate(
+        'window.snapshots',
+      )) as eventWithTime[];
+
+      expect(snapshots.length).toBeGreaterThan(1); // meta and fullsnapshot
+
+      recordingId = (await page.evaluate(
+        'rrwebBrowserClient.getRecordingId()',
+      )) as string;
+
+      expect(recordingId).toMatch(
+        /[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/,
+      );
+
+      await messagesPromise;
+
+      let eventsFromFirst = snapshots.length + 1; // .stop() also generates a custom event
+
+      await page.evaluate('rrwebBrowserClient.stop(true)');
+      await page.evaluate(`rrwebBrowserClient.start()`);
+
+      const recordingId2 = (await page.evaluate(
+        'rrwebBrowserClient.getRecordingId()',
+      )) as string;
+
+      expect(recordingId2).toMatch(
+        /[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/,
+      );
+
+      expect(recordingId).not.toMatch(recordingId2);
+
+      console.log(apiUrl(`/replay?meta[sessionId]=${options.meta.sessionId}`));
+      const serverEvents = await pollUntil(
+        async () => {
+          const res = await fetch(
+            apiUrl(`/replay?meta[sessionId]=${options.meta.sessionId}`),
+            {
+              headers: {
+                Authorization: 'Bearer ' + TEST_API_KEY,
+              },
+            },
+          );
+          if (!res.ok) {
+            throw new Error(`HTTP error! status: ${res.status}`);
+          }
+          return res.json();
+        },
+        (events) => events.length > eventsFromFirst,
+        { timeout: 7000, interval: 200 },
+      );
+
+      expect(serverEvents.length).toBeGreaterThan(eventsFromFirst);
+
+      const customEvents = [];
+      const recordingIds = new Set();
+      serverEvents.forEach((e) => {
+        if ('recordingId' in e) {
+          recordingIds.add(e.recordingId);
+        }
+        if (e.type === EventType.Custom) {
+          customEvents.push(e);
+        }
+      });
+      expect(recordingIds.size).toEqual(2);
+      expect(customEvents).toMatchObject([
+        {
+          type: EventType.Custom,
+          data: {
+            tag: 'close-permanent',
+          },
+        },
+      ]);
+    });
+  },
+);
diff --git a/packages/browser-client/test/load-diagnostics.test.ts b/packages/browser-client/test/load-diagnostics.test.ts
new file mode 100644
index 00000000..145a26ac
--- /dev/null
+++ b/packages/browser-client/test/load-diagnostics.test.ts
@@ -0,0 +1,314 @@
+// @vitest-environment happy-dom
+import { EventType } from '@rrweb/types';
+import { readFileSync } from 'node:fs';
+import { resolve } from 'node:path';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+
+type QueueLike = {
+  items: string[];
+  add(value: string): void;
+  clear(): void;
+  length(): number;
+  read(): string | undefined;
+};
+
+type MockState = {
+  buffers: QueueLike[];
+  lastRecordOptions?: Record<string, unknown>;
+  lastWebsocketUrl?: string;
+};
+
+const mockState = vi.hoisted(
+  (): MockState => ({
+    buffers: [],
+  }),
+);
+
+vi.mock('@rrweb/record', () => {
+  const record = vi.fn((options: { emit?: (event: unknown) => void }) => {
+    mockState.lastRecordOptions = options as Record<string, unknown>;
+    options.emit?.({
+      timestamp: 1,
+      type: 4,
+      data: {
+        href: document.location.href,
+        width: 1024,
+        height: 768,
+      },
+    });
+    return vi.fn();
+  });
+  record.addCustomEvent = vi.fn();
+  record.freezePage = vi.fn();
+  return { record };
+});
+
+vi.mock('websocket-ts', () => {
+  class ArrayQueue {
+    items: string[] = [];
+    add(value: string) {
+      this.items.push(value);
+    }
+    clear() {
+      this.items = [];
+    }
+    length() {
+      return this.items.length;
+    }
+    read() {
+      return this.items.shift();
+    }
+  }
+
+  class ExponentialBackoff {
+    constructor(
+      public readonly initial: number,
+      public readonly exponent: number,
+    ) {}
+  }
+
+  class Websocket {
+    send = vi.fn();
+    close = vi.fn();
+    addEventListener = vi.fn();
+  }
+
+  class WebsocketBuilder {
+    constructor(private readonly url: string) {}
+    withBuffer(buffer: QueueLike) {
+      mockState.buffers.push(buffer);
+      return this;
+    }
+    withBackoff() {
+      return this;
+    }
+    build() {
+      mockState.lastWebsocketUrl = this.url;
+      return new Websocket();
+    }
+  }
+
+  return {
+    ArrayQueue,
+    ExponentialBackoff,
+    Websocket,
+    WebsocketBuilder,
+    WebsocketEvent: {
+      open: 'open',
+      message: 'message',
+      close: 'close',
+    },
+  };
+});
+
+function packageVersion(): string {
+  const packageJson = JSON.parse(
+    readFileSync(resolve(__dirname, '../package.json'), 'utf8'),
+  ) as { version: string };
+  return packageJson.version;
+}
+
+function setCurrentScript(script: HTMLScriptElement | null) {
+  Object.defineProperty(document, 'currentScript', {
+    configurable: true,
+    value: script,
+  });
+}
+
+async function importFreshClient() {
+  vi.resetModules();
+  mockState.buffers = [];
+  mockState.lastRecordOptions = undefined;
+  mockState.lastWebsocketUrl = undefined;
+  return await import('../src/index');
+}
+
+function latestRecordingMetaPayload(): Record<string, unknown> {
+  const [buffer] = mockState.buffers;
+  expect(buffer).toBeDefined();
+  const event = JSON.parse(buffer.items[0]) as {
+    type: EventType;
+    data: {
+      tag: string;
+      payload: Record<string, unknown>;
+    };
+  };
+  expect(event.type).toBe(EventType.Custom);
+  expect(event.data.tag).toBe('recording-meta');
+  return event.data.payload;
+}
+
+function storedRecordingId(): string {
+  const recordingId = sessionStorage.getItem(
+    'rrweb-browser-client-recording-id',
+  );
+  expect(recordingId).toBeTruthy();
+  return recordingId as string;
+}
+
+function expectBrowserClientDiagnostics(
+  payload: Record<string, unknown>,
+  expected: Record<string, unknown>,
+) {
+  expect(payload).toMatchObject({
+    recordVersion: packageVersion(),
+    recordCommitHash: expect.any(String),
+    ...expected,
+  });
+  expect(payload.recordCommitHash).not.toBe('');
+}
+
+beforeEach(() => {
+  sessionStorage.clear();
+  document.body.innerHTML = '';
+  setCurrentScript(null);
+  // happy-dom >= 20 enforces same-origin history URLs; use a relative path
+  window.history.replaceState({}, '', '/');
+});
+
+afterEach(() => {
+  vi.clearAllMocks();
+});
+
+describe('@rrweb/browser-client load diagnostics', () => {
+  it('adds programmatic diagnostics without jsSource by default', async () => {
+    const client = await importFreshClient();
+
+    client.start({
+      serverUrl: 'http://localhost:8787/recordings/{recordingId}/events/ws',
+      publicApiKey: 'public_key_rr_test',
+      includePii: false,
+      autostart: false,
+      emit: () => undefined,
+    });
+
+    const payload = latestRecordingMetaPayload();
+    expectBrowserClientDiagnostics(payload, {
+      jsEntrypoint: 'programmatic',
+    });
+    expect(payload).not.toHaveProperty('jsSource');
+  });
+
+  it('uses the default api.rrweb.com endpoint for programmatic start without serverUrl', async () => {
+    const client = await importFreshClient();
+
+    client.start({
+      publicApiKey: 'public_key_rr_test',
+      includePii: false,
+      autostart: false,
+      emit: () => undefined,
+    });
+
+    expect(mockState.lastWebsocketUrl).toBe(
+      `wss://api.rrweb.com/recordings/${storedRecordingId()}/events/ws?token=public_key_rr_test`,
+    );
+  });
+
+  it('uses an explicit serverUrl for programmatic start', async () => {
+    const client = await importFreshClient();
+
+    client.start({
+      serverUrl: 'http://localhost:8787/recordings/{recordingId}/events/ws',
+      publicApiKey: 'public_key_rr_test',
+      includePii: false,
+      autostart: false,
+      emit: () => undefined,
+    });
+
+    expect(mockState.lastWebsocketUrl).toBe(
+      `ws://localhost:8787/recordings/${storedRecordingId()}/events/ws?token=public_key_rr_test`,
+    );
+  });
+
+  it('sanitizes explicit programmatic jsSource and strips diagnostics before record()', async () => {
+    const client = await importFreshClient();
+
+    client.start({
+      serverUrl: 'http://localhost:8787/recordings/{recordingId}/events/ws',
+      publicApiKey: 'public_key_rr_test',
+      includePii: false,
+      autostart: false,
+      jsSource: 'https://example.com/recorder.js?token=secret#section',
+      jsEntrypoint: 'internal-loader',
+      emit: () => undefined,
+    });
+
+    expect(latestRecordingMetaPayload()).toMatchObject({
+      jsSource: 'https://example.com/recorder.js',
+      jsEntrypoint: 'internal-loader',
+    });
+    expect(mockState.lastRecordOptions).not.toHaveProperty('jsSource');
+    expect(mockState.lastRecordOptions).not.toHaveProperty('jsEntrypoint');
+  });
+
+  it('uses script-tag diagnostics from currentScript', async () => {
+    const script = document.createElement('script');
+    script.src =
+      'https://cdn.rrweb.com/browser-client/current/browser-client.umd.min.cjs?v=123#loaded';
+    script.setAttribute('autostart', '');
+    script.text = JSON.stringify({
+      publicApiKey: 'public_key_rr_test',
+      includePii: false,
+      emit: 'emitFnName',
+    });
+    (window as unknown as Record<string, unknown>).emitFnName = () => undefined;
+    setCurrentScript(script);
+
+    await importFreshClient();
+
+    expectBrowserClientDiagnostics(latestRecordingMetaPayload(), {
+      jsSource:
+        'https://cdn.rrweb.com/browser-client/current/browser-client.umd.min.cjs',
+      jsEntrypoint: 'script-tag',
+    });
+    expect(mockState.lastWebsocketUrl).toContain('wss://api.rrweb.com/');
+  });
+
+  it('uses data-rrweb-entrypoint for bookmarklet script loads', async () => {
+    const script = document.createElement('script');
+    script.src =
+      'https://cdn.rrweb.com/browser-client/next/browser-client.umd.min.cjs';
+    script.dataset.rrwebEntrypoint = 'bookmarklet';
+    script.setAttribute('autostart', '');
+    script.text = JSON.stringify({
+      publicApiKey: 'public_key_rr_test',
+      includePii: false,
+      emit: 'emitFnName',
+    });
+    (window as unknown as Record<string, unknown>).emitFnName = () => undefined;
+    setCurrentScript(script);
+
+    await importFreshClient();
+
+    expect(latestRecordingMetaPayload()).toMatchObject({
+      jsSource:
+        'https://cdn.rrweb.com/browser-client/next/browser-client.umd.min.cjs',
+      jsEntrypoint: 'bookmarklet',
+    });
+  });
+
+  it('prevents user metadata from overriding diagnostics', async () => {
+    const client = await importFreshClient();
+
+    client.start({
+      serverUrl: 'http://localhost:8787/recordings/{recordingId}/events/ws',
+      publicApiKey: 'public_key_rr_test',
+      includePii: false,
+      autostart: false,
+      meta: {
+        recordVersion: 'wrong',
+        recordCommitHash: 'wrong',
+        jsEntrypoint: 'wrong',
+        jsSource: 'https://wrong.example/recorder.js',
+      },
+      jsSource: 'https://example.com/right.js?token=secret#hash',
+      jsEntrypoint: 'programmatic',
+      emit: () => undefined,
+    });
+
+    expectBrowserClientDiagnostics(latestRecordingMetaPayload(), {
+      jsSource: 'https://example.com/right.js',
+      jsEntrypoint: 'programmatic',
+    });
+  });
+});
diff --git a/packages/browser-client/test/record.html b/packages/browser-client/test/record.html
new file mode 100644
index 00000000..f1af1fc7
--- /dev/null
+++ b/packages/browser-client/test/record.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>@rrweb/browser-client</title>
+    <script>
+      function emitFn(e) {
+        console.log('ok', e);
+      }
+    </script>
+    <script src="../dist/browser-client.umd.cjs">
+      // provide some config
+      {
+        "emit": "emitFn",
+        "serverUrl": "https://api.rrweb.com/recordings/{recordingId}/events/ws",
+        "publicApiKey": document.location.search.split('publicApiKey=')[1],
+        "autostart": true,
+        "blockSelector": '.my-block',
+        "meta": {
+          "visitor": 'x1234',
+        }
+      }
+    </script>
+  </head>
+  <body>
+    <h1>Click Around</h1>
+    <button>Test</button>
+  </body>
+</html>
diff --git a/packages/browser-client/test/utils.ts b/packages/browser-client/test/utils.ts
new file mode 100644
index 00000000..b4c2b5a1
--- /dev/null
+++ b/packages/browser-client/test/utils.ts
@@ -0,0 +1,95 @@
+import * as fs from 'fs';
+import * as http from 'http';
+import * as path from 'path';
+import * as puppeteer from 'puppeteer';
+import * as url from 'url';
+
+export async function launchPuppeteer(
+  options?: Parameters<(typeof puppeteer)['launch']>[0],
+) {
+  const args = [
+    '--no-sandbox',
+    '--disable-setuid-sandbox',
+    '--disable-features=LocalNetworkAccessChecks',
+    ...(options?.args ?? []),
+  ];
+
+  return await puppeteer.launch({
+    headless: process.env.PUPPETEER_HEADLESS ? 'new' : false,
+    defaultViewport: {
+      width: 1920,
+      height: 1080,
+    },
+    ...options,
+    args,
+  });
+}
+
+interface IMimeType {
+  [key: string]: string;
+}
+
+export interface ISuite {
+  server: http.Server;
+  browser: puppeteer.Browser;
+}
+
+export const startServer = (defaultPort: number = 3031) =>
+  new Promise<http.Server>((resolve) => {
+    const mimeType: IMimeType = {
+      '.html': 'text/html',
+      '.js': 'text/javascript',
+      '.css': 'text/css',
+    };
+    const s = http.createServer((req, res) => {
+      const parsedUrl = url.parse(req.url!);
+      const sanitizePath = path
+        .normalize(parsedUrl.pathname!)
+        .replace(/^(\.\.[/\\])+/, '');
+
+      let pathname = path.join(__dirname, sanitizePath);
+      if (/^\/browser-client.*\.c?js.*/.test(sanitizePath)) {
+        pathname = path.join(__dirname, `../dist`, sanitizePath);
+      }
+
+      try {
+        const data = fs.readFileSync(pathname);
+        const ext = path.parse(pathname).ext;
+        res.setHeader('Content-type', mimeType[ext] || 'text/plain');
+        res.setHeader('Access-Control-Allow-Origin', '*');
+        res.setHeader('Access-Control-Allow-Methods', 'GET');
+        res.setHeader('Access-Control-Allow-Headers', 'Content-type');
+        setTimeout(() => {
+          res.end(data);
+        }, 100);
+      } catch (error) {
+        res.end();
+      }
+    });
+    s.listen(defaultPort)
+      .on('listening', () => {
+        resolve(s);
+      })
+      .on('error', () => {
+        s.listen().on('listening', () => {
+          resolve(s);
+        });
+      });
+  });
+
+export function getServerURL(server: http.Server): string {
+  const address = server.address();
+  if (address && typeof address !== 'string') {
+    return `http://localhost:${address.port}`;
+  } else {
+    return `${address}`;
+  }
+}
+
+export function replaceLast(str: string, find: string, replace: string) {
+  const index = str.lastIndexOf(find);
+  if (index === -1) {
+    return str;
+  }
+  return str.substring(0, index) + replace + str.substring(index + find.length);
+}
diff --git a/packages/browser-client/tsconfig.json b/packages/browser-client/tsconfig.json
new file mode 100644
index 00000000..772371dc
--- /dev/null
+++ b/packages/browser-client/tsconfig.json
@@ -0,0 +1,24 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "include": [
+    "src"
+  ],
+  "compilerOptions": {
+    "rootDir": "src",
+    "tsBuildInfoFile": "./tsconfig.tsbuildinfo"
+  },
+  "references": [
+    {
+      "path": "../record"
+    },
+    {
+      "path": "../types"
+    },
+    {
+      "path": "../utils"
+    },
+    {
+      "path": "../rrweb"
+    }
+  ]
+}
diff --git a/packages/browser-client/vite.config.ts b/packages/browser-client/vite.config.ts
new file mode 100644
index 00000000..abae606f
--- /dev/null
+++ b/packages/browser-client/vite.config.ts
@@ -0,0 +1,18 @@
+import path from 'path';
+import { defineConfig, mergeConfig } from 'vite';
+import config from '../../vite.config.default';
+import { browserClientBuildDefines } from './buildMetadata';
+
+const browserClientConfig = config(
+  path.resolve(__dirname, 'src/index.ts'),
+  'rrwebBrowserClient',
+  {
+    fileName: 'browser-client',
+  },
+);
+
+export default defineConfig((env) =>
+  mergeConfig(browserClientConfig(env), {
+    define: browserClientBuildDefines(),
+  }),
+);
diff --git a/packages/browser-client/vitest.config.ts b/packages/browser-client/vitest.config.ts
new file mode 100644
index 00000000..3b60639d
--- /dev/null
+++ b/packages/browser-client/vitest.config.ts
@@ -0,0 +1,14 @@
+/// <reference types="vitest" />
+import { defineProject, mergeConfig } from 'vitest/config';
+import configShared from '../../vitest.config';
+import { browserClientBuildDefines } from './buildMetadata';
+
+export default mergeConfig(
+  configShared,
+  defineProject({
+    define: browserClientBuildDefines(),
+    test: {
+      globals: true,
+    },
+  }),
+);
diff --git a/packages/packer/CHANGELOG.md b/packages/packer/CHANGELOG.md
index 9a4900f1..7c610518 100644
--- a/packages/packer/CHANGELOG.md
+++ b/packages/packer/CHANGELOG.md
@@ -1,5 +1,45 @@
 # @rrweb/packer
 
+## 2.0.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @rrweb/types@2.0.1
+
+## 2.0.0
+
+### Major Changes
+
+- [#1497](https://github.com/rrweb-io/rrweb/pull/1497) [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf) Thanks [@Juice10](https://github.com/Juice10)! - Split plugins out of rrweb and move them into their own packages: @rrweb/packer, @rrweb/rrweb-plugin-canvas-webrtc-record, @rrweb/rrweb-plugin-canvas-webrtc-replay, @rrweb/rrweb-plugin-sequential-id-record, @rrweb/rrweb-plugin-sequential-id-replay, @rrweb/rrweb-plugin-console-record, @rrweb/rrweb-plugin-console-replay. Check out the README of each package for more information or check out https://github.com/rrweb-io/rrweb/pull/1033 to see the changes.
+
+- [#1497](https://github.com/rrweb-io/rrweb/pull/1497) [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf) Thanks [@Juice10](https://github.com/Juice10)! - Distributed files have new filenames, paths and extensions. **Important: If you reference distributed files or types directly, you might have to update your paths/filenames. E.g. you import from `rrweb/typings/...` or `rrdom/es`. However you run `import rrweb from 'rrweb'` you won't notice a difference with this change.** If you include rrweb files directly in a script tag, you might have to update that path to include a the `.umd.cjs` files instead. All `.js` files now use ES modules which can be used in modern browsers, node.js and bundlers that support ES modules. All npm packages now also ship `.cjs` and `.umd.cjs` files. The `.umd.cjs` files are CommonJS modules that bundle all files together to make it easy to ship one file to browser environments (similar to the previous `.js` files). The `.cjs` files are CommonJS modules that can be used in older Node.js environments. Types should be better defined in `package.json` and if you need specific types they might be exported from new packages (for example `PlayerMachineState` and `SpeedMachineState` are now exported from `@rrweb/replay`). Check the `package.json`'s `main` and `exports` field for the available files.
+
+### Patch Changes
+
+- [`db20184`](https://github.com/rrweb-io/rrweb/commit/db201841accd2b5df3cd7c88779aa62ab158501c) Thanks [@Juice10](https://github.com/Juice10)! - Keep package version in sync with other packages
+
+- [#1762](https://github.com/rrweb-io/rrweb/pull/1762) [`22bc4c3`](https://github.com/rrweb-io/rrweb/commit/22bc4c334e88f0b8ee5488d9e1e95cd8093a15c8) Thanks [@Juice10](https://github.com/Juice10)! - Drop base64 inlined worker source from all bundles
+
+- [#1704](https://github.com/rrweb-io/rrweb/pull/1704) [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Provide a /umd/ output folder alongside the /dist/ one so that we can serve UMD (Universal Module Definition) files with a .js extension, without upsetting expectations set by package.json that all .js files in /dist/ are modules
+
+- Updated dependencies [[`0f0a532`](https://github.com/rrweb-io/rrweb/commit/0f0a532a2ca6b9a71acefcf3af4415beb47db0bb), [`d872d28`](https://github.com/rrweb-io/rrweb/commit/d872d2809e3ec8d6ff5d3d5f43bc81aff70e7548), [`efdc167`](https://github.com/rrweb-io/rrweb/commit/efdc167ca6c039d04af83612e3d92498bb9b41a7), [`979d2b1`](https://github.com/rrweb-io/rrweb/commit/979d2b1847a3d05e2731722952e4d6bd8be54f40), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`335639a`](https://github.com/rrweb-io/rrweb/commit/335639af9b0ce7f70eb0f38ce113d877c7325158), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0), [`c278d06`](https://github.com/rrweb-io/rrweb/commit/c278d068a0e2f1175cce7cc63920ac1fbf4783cf)]:
+  - @rrweb/types@2.0.0
+
+## 2.0.0-alpha.20
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @rrweb/types@2.0.0-alpha.20
+
+## 2.0.0-alpha.19
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @rrweb/types@2.0.0-alpha.19
+
 ## 2.0.0-alpha.18
 
 ### Patch Changes
diff --git a/packages/packer/README.md b/packages/packer/README.md
index 7c649605..4a9e6f2b 100644
--- a/packages/packer/README.md
+++ b/packages/packer/README.md
@@ -114,12 +114,12 @@ And the [guide](../../guide.md) for more info on rrweb.
   <tr>
     <td align="center">
       <a href="http://www.smartx.com/" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/smartx.png">
+        <img width="195px" src="https://raw.githubusercontent.com/rrweb-io/web/master/static/logos/smartx.png" alt="SmartX">
       </a>
     </td>
     <td align="center">
       <a href="https://posthog.com?utm_source=rrweb&utm_medium=sponsorship&utm_campaign=open-source-sponsorship" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/posthog.png">
+        <img width="195px" src="https://rrweb.com/posthog.png" alt="PostHog">
       </a>
     </td>
     <td align="center">
@@ -133,7 +133,39 @@ And the [guide](../../guide.md) for more info on rrweb.
       </a>
     </td>
   </tr>
-    <tr>
+  <tr>
+    <td align="center">
+      <a href="https://sentry.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/sentry.png" alt="Sentry">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.pendo.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/pendo.png" alt="Pendo">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://mixpanel.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/mixpanel.png" alt="Mixpanel">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.datadoghq.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/datadog.png" alt="Datadog">
+      </a>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="https://amplitude.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/amplitude.png" alt="Amplitude">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://newrelic.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/new%20relic.png" alt="New Relic">
+      </a>
+    </td>
     <td align="center">
       <a href="https://cux.io" target="_blank">
         <img style="padding: 8px" alt="The first ever UX automation tool" width="195px" src="https://cux.io/cux-logo.svg">
@@ -144,6 +176,8 @@ And the [guide](../../guide.md) for more info on rrweb.
         <img style="padding: 8px" alt="Remote Access & Co-Browsing" width="195px" src="https://remsupp.com/images/logo.png">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://highlight.io" target="_blank">
         <img style="padding: 8px" alt="The open source, fullstack Monitoring Platform." width="195px" src="https://github.com/highlight/highlight/raw/main/highlight.io/public/images/logo.png">
@@ -151,11 +185,9 @@ And the [guide](../../guide.md) for more info on rrweb.
     </td>
     <td align="center">
       <a href="https://analyzee.io" target="_blank">
-        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://cdn.analyzee.io/assets/analyzee-logo.png">
+        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://analyzee.io/img/analyzee-main-logo.webp">
       </a>
     </td>
-  </tr>
-  <tr>
     <td align="center">
       <a href="https://requestly.io" target="_blank">
         <img style="padding: 8px" alt="Intercept, Modify, Record & Replay HTTP Requests." width="195px" src="https://github.com/requestly/requestly/assets/16779465/652552db-c867-44cb-9bb5-94a2026e04ca">
@@ -166,6 +198,8 @@ And the [guide](../../guide.md) for more info on rrweb.
         <img style="padding: 8px" alt="In-app bug reporting & customer feedback platform." width="195px" src="https://assets-global.website-files.com/6506f3f29c68b1724807619d/6506f56010237164c6306591_GleapLogo.svg">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://uxwizz.com" target="_blank">
         <img style="padding: 8px" alt="Self-hosted website analytics with heatmaps and session recordings." width="195px" src="https://github.com/UXWizz/public-files/raw/main/assets/logo.png">
diff --git a/packages/packer/package.json b/packages/packer/package.json
index 5f64f472..a22d17b3 100644
--- a/packages/packer/package.json
+++ b/packages/packer/package.json
@@ -1,12 +1,15 @@
 {
   "name": "@highlight-run/rrweb-packer",
-  "version": "2.0.0-alpha.18",
+  "version": "2.0.0-lambda.5",
   "publishConfig": {
     "access": "public"
   },
   "keywords": [
-    "@highlight-run/rrweb",
-    "@highlight-run/rrweb-packer"
+    "devtools",
+    "product-analytics",
+    "real-user-monitoring",
+    "rrweb",
+    "@rrweb/packer"
   ],
   "scripts": {
     "dev": "vite build --watch",
@@ -15,7 +18,8 @@
     "test:watch": "vitest watch",
     "check-types": "tsc -noEmit",
     "prepublish": "tsc -noEmit && vite build",
-    "lint": "yarn eslint src/**/*.ts"
+    "lint": "npx eslint src/**/*.ts",
+    "test:update": "vitest run -u"
   },
   "homepage": "https://github.com/rrweb-io/rrweb/tree/main/packages/@rrweb/packer#readme",
   "bugs": {
@@ -71,11 +75,10 @@
     "package.json"
   ],
   "devDependencies": {
-    "turbo": "^2.0.5",
     "typescript": "^5.4.5",
-    "vite": "^5.3.1",
+    "vite": "^6.4.2",
     "vite-plugin-dts": "^3.9.1",
-    "vitest": "^1.4.0"
+    "vitest": "^3.2.6"
   },
   "dependencies": {
     "@highlight-run/rrweb-types": "workspace:*",
diff --git a/packages/packer/test/packer.test.ts b/packages/packer/test/packer.test.ts
index ffbf4fda..23089e5b 100644
--- a/packages/packer/test/packer.test.ts
+++ b/packages/packer/test/packer.test.ts
@@ -30,7 +30,7 @@ describe('unpack', () => {
   it('stop on unknown data format', () => {
     const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
 
-    expect(() => unpack('[""]')).toThrow('');
+    expect(() => unpack('[""]')).toThrow('Unknown data format');
 
     expect(consoleSpy).toHaveBeenCalled();
     vi.resetAllMocks();
diff --git a/packages/plugins/rrweb-plugin-canvas-webrtc-record/CHANGELOG.md b/packages/plugins/rrweb-plugin-canvas-webrtc-record/CHANGELOG.md
index 6c69f397..2725ba59 100644
--- a/packages/plugins/rrweb-plugin-canvas-webrtc-record/CHANGELOG.md
+++ b/packages/plugins/rrweb-plugin-canvas-webrtc-record/CHANGELOG.md
@@ -1,5 +1,46 @@
 # @rrweb/rrweb-plugin-canvas-webrtc-record
 
+## 2.0.1
+
+### Patch Changes
+
+- Updated dependencies [[`5f52d63`](https://github.com/rrweb-io/rrweb/commit/5f52d63636b3246bd5b6ba99a93cba41c5d981cb)]:
+  - rrweb@2.0.1
+
+## 2.0.0
+
+### Major Changes
+
+- [#1497](https://github.com/rrweb-io/rrweb/pull/1497) [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf) Thanks [@Juice10](https://github.com/Juice10)! - Split plugins out of rrweb and move them into their own packages: @rrweb/packer, @rrweb/rrweb-plugin-canvas-webrtc-record, @rrweb/rrweb-plugin-canvas-webrtc-replay, @rrweb/rrweb-plugin-sequential-id-record, @rrweb/rrweb-plugin-sequential-id-replay, @rrweb/rrweb-plugin-console-record, @rrweb/rrweb-plugin-console-replay. Check out the README of each package for more information or check out https://github.com/rrweb-io/rrweb/pull/1033 to see the changes.
+
+- [#1497](https://github.com/rrweb-io/rrweb/pull/1497) [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf) Thanks [@Juice10](https://github.com/Juice10)! - Distributed files have new filenames, paths and extensions. **Important: If you reference distributed files or types directly, you might have to update your paths/filenames. E.g. you import from `rrweb/typings/...` or `rrdom/es`. However you run `import rrweb from 'rrweb'` you won't notice a difference with this change.** If you include rrweb files directly in a script tag, you might have to update that path to include a the `.umd.cjs` files instead. All `.js` files now use ES modules which can be used in modern browsers, node.js and bundlers that support ES modules. All npm packages now also ship `.cjs` and `.umd.cjs` files. The `.umd.cjs` files are CommonJS modules that bundle all files together to make it easy to ship one file to browser environments (similar to the previous `.js` files). The `.cjs` files are CommonJS modules that can be used in older Node.js environments. Types should be better defined in `package.json` and if you need specific types they might be exported from new packages (for example `PlayerMachineState` and `SpeedMachineState` are now exported from `@rrweb/replay`). Check the `package.json`'s `main` and `exports` field for the available files.
+
+### Patch Changes
+
+- [`db20184`](https://github.com/rrweb-io/rrweb/commit/db201841accd2b5df3cd7c88779aa62ab158501c) Thanks [@Juice10](https://github.com/Juice10)! - Keep package version in sync with other packages
+
+- [#1593](https://github.com/rrweb-io/rrweb/pull/1593) [`5a78938`](https://github.com/rrweb-io/rrweb/commit/5a789385a341311ba327a768fe0e2f0f2f5002ee) Thanks [@daibhin](https://github.com/daibhin)! - `NodeType` enum was moved from rrweb-snapshot to @rrweb/types
+  The following types where moved from rrweb-snapshot to @rrweb/types: `documentNode`, `documentTypeNode`, `legacyAttributes`, `textNode`, `cdataNode`, `commentNode`, `elementNode`, `serializedNode`, `serializedNodeWithId`, `serializedElementNodeWithId`, `serializedTextNodeWithId`, `IMirror`, `INode`, `mediaAttributes`, `attributes` and `DataURLOptions`
+
+- [#1704](https://github.com/rrweb-io/rrweb/pull/1704) [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Provide a /umd/ output folder alongside the /dist/ one so that we can serve UMD (Universal Module Definition) files with a .js extension, without upsetting expectations set by package.json that all .js files in /dist/ are modules
+
+- Updated dependencies [[`7103625`](https://github.com/rrweb-io/rrweb/commit/7103625b4683cbd75732ee03973e38f573847b1c), [`a2c8a1a`](https://github.com/rrweb-io/rrweb/commit/a2c8a1a37bfcf8389b280af792262c8263a979a3), [`3d1877c`](https://github.com/rrweb-io/rrweb/commit/3d1877cff83d9a018630674fb6e730050ceef812), [`af0962c`](https://github.com/rrweb-io/rrweb/commit/af0962cc6c80b693bbc622520032d17342685cf6), [`57a940a`](https://github.com/rrweb-io/rrweb/commit/57a940afac0bdd14cd82937915d53110b5311673), [`e65465e`](https://github.com/rrweb-io/rrweb/commit/e65465e808178a80a4ba84970f02162ba812955e), [`d872d28`](https://github.com/rrweb-io/rrweb/commit/d872d2809e3ec8d6ff5d3d5f43bc81aff70e7548), [`36da39d`](https://github.com/rrweb-io/rrweb/commit/36da39db366a9f80c28549771ed331090a1c6647), [`b5e30cf`](https://github.com/rrweb-io/rrweb/commit/b5e30cf6cc7f5335d674ef1917a92bdf2895fe9e), [`40bbc25`](https://github.com/rrweb-io/rrweb/commit/40bbc25fc287badc317a53f2d3f21b1c9f2b211b), [`22bc4c3`](https://github.com/rrweb-io/rrweb/commit/22bc4c334e88f0b8ee5488d9e1e95cd8093a15c8), [`11f6567`](https://github.com/rrweb-io/rrweb/commit/11f6567fd81ef9ed0f954a7b6d5e39653f56004f), [`490b3e2`](https://github.com/rrweb-io/rrweb/commit/490b3e2b62b62d61e6f6f5391d5b879194c9a221), [`dc20cd4`](https://github.com/rrweb-io/rrweb/commit/dc20cd45cc63058325784444af6bd32ed2cace48), [`3e9e42f`](https://github.com/rrweb-io/rrweb/commit/3e9e42fdfd6349087d7a0345af1b39dd56528502), [`f27e545`](https://github.com/rrweb-io/rrweb/commit/f27e545e1871ed2c1753d37543f556e8ddc406b4), [`7261c43`](https://github.com/rrweb-io/rrweb/commit/7261c43f60973e88325edf832e4d0e057fbff0ae), [`03b5216`](https://github.com/rrweb-io/rrweb/commit/03b5216a9403f1509b4f69d1d71ef9874277fe91), [`ae6908d`](https://github.com/rrweb-io/rrweb/commit/ae6908dcdcd7c732c1ce79eea19de5240bec1151), [`46f1b25`](https://github.com/rrweb-io/rrweb/commit/46f1b252a5919c68c68e825bd6089cc2e7d34e7c), [`e0f862b`](https://github.com/rrweb-io/rrweb/commit/e0f862bac7dbaa9cfd778f5ef0f5f3fd8cbe6def), [`cbbd1e5`](https://github.com/rrweb-io/rrweb/commit/cbbd1e55f1f7fa2eed9fa11e4152b509bdfd88f7), [`a6893f7`](https://github.com/rrweb-io/rrweb/commit/a6893f73abe217a95d28996e01b7ec8261e42de3), [`8aea5b0`](https://github.com/rrweb-io/rrweb/commit/8aea5b00a4dfe5a6f59bd2ae72bb624f45e51e81), [`267e990`](https://github.com/rrweb-io/rrweb/commit/267e990dc0e45a5acaaa3ee89db7ae9171520d54), [`68076b7`](https://github.com/rrweb-io/rrweb/commit/68076b724ff19d198d4f351a05063b85e1705a8c), [`9c6edfe`](https://github.com/rrweb-io/rrweb/commit/9c6edfe2261680b4e92284be69f9d183b1eca8f4), [`a1ec9a2`](https://github.com/rrweb-io/rrweb/commit/a1ec9a273e6634eec67098fdd880ee681648fbbd), [`8059d96`](https://github.com/rrweb-io/rrweb/commit/8059d9695146626b102b2059a3a9b932d5f598f6), [`bfe14c5`](https://github.com/rrweb-io/rrweb/commit/bfe14c532a3149a38a8fab0a54672405279d636f), [`4014305`](https://github.com/rrweb-io/rrweb/commit/40143059446cee5c042c007b1c2e976f36e172f5), [`efdc167`](https://github.com/rrweb-io/rrweb/commit/efdc167ca6c039d04af83612e3d92498bb9b41a7), [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8), [`609b7fa`](https://github.com/rrweb-io/rrweb/commit/609b7fac79a552f746dc880a28927dee382cd082), [`f6f07e9`](https://github.com/rrweb-io/rrweb/commit/f6f07e953376634a4caf28ff8cbfed5a017c4347), [`1e0b273`](https://github.com/rrweb-io/rrweb/commit/1e0b27382210db0168d2a79d82c13698082b0983), [`1fe39ab`](https://github.com/rrweb-io/rrweb/commit/1fe39ab0db7f5d2b04f4a4f39fb5c0cfee33a1f8), [`490b3e2`](https://github.com/rrweb-io/rrweb/commit/490b3e2b62b62d61e6f6f5391d5b879194c9a221), [`979d2b1`](https://github.com/rrweb-io/rrweb/commit/979d2b1847a3d05e2731722952e4d6bd8be54f40), [`1385f7a`](https://github.com/rrweb-io/rrweb/commit/1385f7acc0052f83be1458a7b00e18c026ee393f), [`d7c72bf`](https://github.com/rrweb-io/rrweb/commit/d7c72bff0724b46a6fa94af455220626a27104fe), [`ebcbe8b`](https://github.com/rrweb-io/rrweb/commit/ebcbe8b0d746a0a4c07d3530387f920900f35215), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`05478c3`](https://github.com/rrweb-io/rrweb/commit/05478c36dde03a118099783d908bb3e465e9859c), [`fc390a9`](https://github.com/rrweb-io/rrweb/commit/fc390a954c4fc17fe2ee0e2b6edba634611349e0), [`bbbfa22`](https://github.com/rrweb-io/rrweb/commit/bbbfa226fc5882a01ecc1607b713f0caf797775e), [`e96f668`](https://github.com/rrweb-io/rrweb/commit/e96f668c86bd0ab5dc190bb2957a170271bb2ebc), [`58c9104`](https://github.com/rrweb-io/rrweb/commit/58c9104eddc8b7994a067a97daae5684e42f892f), [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff), [`bc84246`](https://github.com/rrweb-io/rrweb/commit/bc84246f78849a80dbb8fe9b4e76117afcc5c3f7), [`d2582e9`](https://github.com/rrweb-io/rrweb/commit/d2582e9a81197130cd93bc1dd778e16fddfb0be3), [`aa79db7`](https://github.com/rrweb-io/rrweb/commit/aa79db7568578ea3a413292450cd64f07481e5dd), [`82f6fec`](https://github.com/rrweb-io/rrweb/commit/82f6fecf36413ecbc994a510144487f1de20d1d5), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`980a38c`](https://github.com/rrweb-io/rrweb/commit/980a38c816d763833fc3491f56d03c959a41122d), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`a225d8e`](https://github.com/rrweb-io/rrweb/commit/a225d8e1412a69a761c22eb45565fff0b0ce5c11), [`a82a3b4`](https://github.com/rrweb-io/rrweb/commit/a82a3b42b125aaaea607410b49f012933466c523), [`5c27b76`](https://github.com/rrweb-io/rrweb/commit/5c27b763192bda9dd91806f95df7c1cd0ab083a6), [`b149cf3`](https://github.com/rrweb-io/rrweb/commit/b149cf31ed28cac7b6627972b423d29723524d87), [`a2be77b`](https://github.com/rrweb-io/rrweb/commit/a2be77b82826c4be0e7f3c7c9f7ee50476d5f6f8), [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff), [`527d9d3`](https://github.com/rrweb-io/rrweb/commit/527d9d3913bae7f0f7741517f4b09f7a99aae57a), [`79837ac`](https://github.com/rrweb-io/rrweb/commit/79837ac8f2f459935f6737210890b5c12033a53b), [`a7c33f2`](https://github.com/rrweb-io/rrweb/commit/a7c33f2093c4d92faf7ae25e8bb0e088d122c13b), [`43e4f5b`](https://github.com/rrweb-io/rrweb/commit/43e4f5b4ad4bb0525a874a545d69443bc58bc47e), [`3cc4323`](https://github.com/rrweb-io/rrweb/commit/3cc4323094065a12f8b65afecd45061d604e245f), [`d38893f`](https://github.com/rrweb-io/rrweb/commit/d38893f6338facf331fd1f6e63c121120b81177d), [`6f4e691`](https://github.com/rrweb-io/rrweb/commit/6f4e691f39cc59b655d1be4f951128beecb88acb), [`d7cf8dd`](https://github.com/rrweb-io/rrweb/commit/d7cf8dd07547f6fb22ef82e341a88357c4053bd3), [`335639a`](https://github.com/rrweb-io/rrweb/commit/335639af9b0ce7f70eb0f38ce113d877c7325158), [`04ee6ed`](https://github.com/rrweb-io/rrweb/commit/04ee6eda57157f0e04f18f907d8f3e59ababc753), [`5fbb904`](https://github.com/rrweb-io/rrweb/commit/5fbb904edb653f3da17e6775ee438d81ef0bba83), [`1e6f71b`](https://github.com/rrweb-io/rrweb/commit/1e6f71b3cddcfafe78b9e40edfbd75e485702e4e), [`d08624c`](https://github.com/rrweb-io/rrweb/commit/d08624cb28add386c3618a0e6607424c3f1884d8), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`314a8dd`](https://github.com/rrweb-io/rrweb/commit/314a8dde5a13095873b89d07bac7c949918bf817), [`5a78938`](https://github.com/rrweb-io/rrweb/commit/5a789385a341311ba327a768fe0e2f0f2f5002ee), [`3416c3a`](https://github.com/rrweb-io/rrweb/commit/3416c3a769e2bd2ddfbb88f5c4ff139871c567be), [`7c0dc9d`](https://github.com/rrweb-io/rrweb/commit/7c0dc9dfe1564c9d6624557c5b394e7844955882), [`8e47ca1`](https://github.com/rrweb-io/rrweb/commit/8e47ca1021ebb4fc036b37623ef10abf7976d6dd), [`53b83bb`](https://github.com/rrweb-io/rrweb/commit/53b83bb037f9cb30c93179548f436ed776f143ab), [`9cd28b7`](https://github.com/rrweb-io/rrweb/commit/9cd28b703ec08a77dc6b790dbffb20dfb8e9a513), [`07ac5c9`](https://github.com/rrweb-io/rrweb/commit/07ac5c9e1371824ec3ffb705f9250bbe10f4b73e), [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0), [`02f50d2`](https://github.com/rrweb-io/rrweb/commit/02f50d260cfe72209c94de1679336737f238e216), [`502d15d`](https://github.com/rrweb-io/rrweb/commit/502d15df9f7f43b3408ccfbb3f14c4bb007883c4), [`d0fbe23`](https://github.com/rrweb-io/rrweb/commit/d0fbe23c632021410a6dd45f9028a9a012467261), [`a3de582`](https://github.com/rrweb-io/rrweb/commit/a3de582e9c32be9e0ccd84bb7df756af6b0594f7), [`e08706a`](https://github.com/rrweb-io/rrweb/commit/e08706ae60268b6eb05c6292ef948c71bd423ce3), [`8d209a6`](https://github.com/rrweb-io/rrweb/commit/8d209a62f31c4c80e3e5bc36e47d7282ee854ac7), [`be6bf52`](https://github.com/rrweb-io/rrweb/commit/be6bf52c248c35de1b3491e3a3440ff61f876414), [`aaabdbd`](https://github.com/rrweb-io/rrweb/commit/aaabdbdff5df2abd1a294c40ed89e74bf8b2ec7c), [`1e6f71b`](https://github.com/rrweb-io/rrweb/commit/1e6f71b3cddcfafe78b9e40edfbd75e485702e4e), [`6388fb5`](https://github.com/rrweb-io/rrweb/commit/6388fb5a468e1a860ab8bb5c6826c811dcc3100c), [`4cb4d0e`](https://github.com/rrweb-io/rrweb/commit/4cb4d0e95a540a366bdec157fe78d9f099514818), [`5e6c132`](https://github.com/rrweb-io/rrweb/commit/5e6c132a4d0e5f5524b2201d6a73dae62b4a0877)]:
+  - rrweb@2.0.0
+
+## 2.0.0-alpha.20
+
+### Patch Changes
+
+- Updated dependencies [[`6388fb5`](https://github.com/rrweb-io/rrweb/commit/6388fb5a468e1a860ab8bb5c6826c811dcc3100c)]:
+  - rrweb@2.0.0-alpha.20
+
+## 2.0.0-alpha.19
+
+### Patch Changes
+
+- Updated dependencies [[`dc20cd4`](https://github.com/rrweb-io/rrweb/commit/dc20cd45cc63058325784444af6bd32ed2cace48), [`3e9e42f`](https://github.com/rrweb-io/rrweb/commit/3e9e42fdfd6349087d7a0345af1b39dd56528502), [`a6893f7`](https://github.com/rrweb-io/rrweb/commit/a6893f73abe217a95d28996e01b7ec8261e42de3), [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8), [`fc390a9`](https://github.com/rrweb-io/rrweb/commit/fc390a954c4fc17fe2ee0e2b6edba634611349e0), [`79837ac`](https://github.com/rrweb-io/rrweb/commit/79837ac8f2f459935f6737210890b5c12033a53b), [`6f4e691`](https://github.com/rrweb-io/rrweb/commit/6f4e691f39cc59b655d1be4f951128beecb88acb), [`9cd28b7`](https://github.com/rrweb-io/rrweb/commit/9cd28b703ec08a77dc6b790dbffb20dfb8e9a513)]:
+  - rrweb@2.0.0-alpha.19
+
 ## 2.0.0-alpha.18
 
 ### Patch Changes
diff --git a/packages/plugins/rrweb-plugin-canvas-webrtc-record/Readme.md b/packages/plugins/rrweb-plugin-canvas-webrtc-record/Readme.md
index 520da44c..cc25f23a 100644
--- a/packages/plugins/rrweb-plugin-canvas-webrtc-record/Readme.md
+++ b/packages/plugins/rrweb-plugin-canvas-webrtc-record/Readme.md
@@ -13,8 +13,8 @@ https://user-images.githubusercontent.com/4106/186701616-fd71a107-5d53-423c-ba09
 ```js
 // Record side
 
-import rrweb from 'rrweb';
-import { RRWebPluginCanvasWebRTCRecord } from 'rrweb-plugin-canvas-webrtc-record';
+import { record } from '@rrweb/record';
+import { RRWebPluginCanvasWebRTCRecord } from '@rrweb/rrweb-plugin-canvas-webrtc-record';
 
 const webRTCRecordPlugin = new RRWebPluginCanvasWebRTCRecord({
   signalSendCallback: (msg) => {
@@ -24,7 +24,7 @@ const webRTCRecordPlugin = new RRWebPluginCanvasWebRTCRecord({
   },
 });
 
-rrweb.record({
+record({
   emit: (event) => {
     // send these events to the `replayer.addEvent(event)`, how you do that is up to you
     // you can send them to a server for example which can then send them to the replayer
@@ -42,8 +42,8 @@ rrweb.record({
 
 ```js
 // Replay side
-import rrweb from 'rrweb';
-import { RRWebPluginCanvasWebRTCReplay } from 'rrweb-plugin-canvas-webrtc-replay';
+import { Replayer } from '@rrweb/replay';
+import { RRWebPluginCanvasWebRTCReplay } from '@rrweb/rrweb-plugin-canvas-webrtc-replay';
 
 const webRTCReplayPlugin = new RRWebPluginCanvasWebRTCReplay({
   canvasFoundCallback(canvas, context) {
@@ -59,7 +59,7 @@ const webRTCReplayPlugin = new RRWebPluginCanvasWebRTCReplay({
   },
 });
 
-const replayer = new rrweb.Replayer([], {
+const replayer = new Replayer([], {
   UNSAFE_replayCanvas: true, // turn canvas replay on!
   liveMode: true, // live mode is needed to stream events to the replayer
   plugins: [webRTCReplayPlugin.initPlugin()],
@@ -69,6 +69,8 @@ replayer.startLive(); // start the replayer in live mode
 replayer.addEvent(event); // call this whenever an event is received from the record script
 ```
 
+**Enabling canvas replay adds `allow-scripts` to the replay iframe and opts out of rrweb's sandbox script-execution protection. Only use `UNSAFE_replayCanvas` for replay data whose risk you accept.**
+
 ## More info
 
 https://github.com/rrweb-io/rrweb/pull/976
diff --git a/packages/plugins/rrweb-plugin-canvas-webrtc-record/package.json b/packages/plugins/rrweb-plugin-canvas-webrtc-record/package.json
index cd238dea..c0db9317 100644
--- a/packages/plugins/rrweb-plugin-canvas-webrtc-record/package.json
+++ b/packages/plugins/rrweb-plugin-canvas-webrtc-record/package.json
@@ -1,11 +1,12 @@
 {
   "name": "@highlight-run/rrweb-rrweb-plugin-canvas-webrtc-record",
-  "version": "2.0.0-alpha.18",
+  "version": "2.0.0-lambda.5",
   "description": "",
   "type": "module",
   "main": "./dist/rrweb-rrweb-plugin-canvas-webrtc-record.umd.cjs",
   "module": "./dist/rrweb-rrweb-plugin-canvas-webrtc-record.js",
   "unpkg": "./dist/rrweb-rrweb-plugin-canvas-webrtc-record.umd.cjs",
+  "jsdelivr": "./umd/rrweb-rrweb-plugin-canvas-webrtc-record.js",
   "typings": "dist/index.d.ts",
   "exports": {
     ".": {
@@ -20,6 +21,7 @@
     }
   },
   "files": [
+    "umd",
     "dist",
     "package.json"
   ],
@@ -34,9 +36,12 @@
     "url": "git+https://github.com/rrweb-io/rrweb.git"
   },
   "keywords": [
-    "@highlight-run/rrweb"
+    "devtools",
+    "product-analytics",
+    "real-user-monitoring",
+    "rrweb"
   ],
-  "author": "justin@recordonce.com",
+  "author": "rrweb Core Team <maintainers@rrweb.com>",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/rrweb-io/rrweb/issues"
@@ -44,9 +49,8 @@
   "homepage": "https://github.com/rrweb-io/rrweb#readme",
   "devDependencies": {
     "@highlight-run/rrweb": "workspace:*",
-    "turbo": "^2.0.5",
     "typescript": "^5.4.5",
-    "vite": "^5.3.1",
+    "vite": "^6.4.2",
     "vite-plugin-dts": "^3.9.1"
   },
   "peerDependencies": {
diff --git a/packages/plugins/rrweb-plugin-canvas-webrtc-replay/.eslintrc.cjs b/packages/plugins/rrweb-plugin-canvas-webrtc-replay/.eslintrc.cjs
new file mode 100644
index 00000000..24090c69
--- /dev/null
+++ b/packages/plugins/rrweb-plugin-canvas-webrtc-replay/.eslintrc.cjs
@@ -0,0 +1,13 @@
+// Cross-package types resolve through the @highlight-run-aliased d.ts files
+// (see vite.config.default.ts / tsconfig.base.json), which degrades some
+// imported types to `any`. The unsafe-* family produces false positives on
+// such code, so report it without failing lint.
+module.exports = {
+  rules: {
+    '@typescript-eslint/no-unsafe-assignment': 'warn',
+    '@typescript-eslint/no-unsafe-argument': 'warn',
+    '@typescript-eslint/no-unsafe-member-access': 'warn',
+    '@typescript-eslint/no-unsafe-call': 'warn',
+    '@typescript-eslint/restrict-template-expressions': 'warn',
+  },
+};
diff --git a/packages/plugins/rrweb-plugin-canvas-webrtc-replay/CHANGELOG.md b/packages/plugins/rrweb-plugin-canvas-webrtc-replay/CHANGELOG.md
index f844f9dd..d5e8585e 100644
--- a/packages/plugins/rrweb-plugin-canvas-webrtc-replay/CHANGELOG.md
+++ b/packages/plugins/rrweb-plugin-canvas-webrtc-replay/CHANGELOG.md
@@ -1,5 +1,45 @@
 # @rrweb/rrweb-plugin-canvas-webrtc-replay
 
+## 2.0.1
+
+### Patch Changes
+
+- Updated dependencies [[`5f52d63`](https://github.com/rrweb-io/rrweb/commit/5f52d63636b3246bd5b6ba99a93cba41c5d981cb)]:
+  - rrweb@2.0.1
+
+## 2.0.0
+
+### Major Changes
+
+- [#1497](https://github.com/rrweb-io/rrweb/pull/1497) [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf) Thanks [@Juice10](https://github.com/Juice10)! - Split plugins out of rrweb and move them into their own packages: @rrweb/packer, @rrweb/rrweb-plugin-canvas-webrtc-record, @rrweb/rrweb-plugin-canvas-webrtc-replay, @rrweb/rrweb-plugin-sequential-id-record, @rrweb/rrweb-plugin-sequential-id-replay, @rrweb/rrweb-plugin-console-record, @rrweb/rrweb-plugin-console-replay. Check out the README of each package for more information or check out https://github.com/rrweb-io/rrweb/pull/1033 to see the changes.
+
+- [#1497](https://github.com/rrweb-io/rrweb/pull/1497) [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf) Thanks [@Juice10](https://github.com/Juice10)! - Distributed files have new filenames, paths and extensions. **Important: If you reference distributed files or types directly, you might have to update your paths/filenames. E.g. you import from `rrweb/typings/...` or `rrdom/es`. However you run `import rrweb from 'rrweb'` you won't notice a difference with this change.** If you include rrweb files directly in a script tag, you might have to update that path to include a the `.umd.cjs` files instead. All `.js` files now use ES modules which can be used in modern browsers, node.js and bundlers that support ES modules. All npm packages now also ship `.cjs` and `.umd.cjs` files. The `.umd.cjs` files are CommonJS modules that bundle all files together to make it easy to ship one file to browser environments (similar to the previous `.js` files). The `.cjs` files are CommonJS modules that can be used in older Node.js environments. Types should be better defined in `package.json` and if you need specific types they might be exported from new packages (for example `PlayerMachineState` and `SpeedMachineState` are now exported from `@rrweb/replay`). Check the `package.json`'s `main` and `exports` field for the available files.
+
+### Patch Changes
+
+- [`db20184`](https://github.com/rrweb-io/rrweb/commit/db201841accd2b5df3cd7c88779aa62ab158501c) Thanks [@Juice10](https://github.com/Juice10)! - Keep package version in sync with other packages
+
+- [#1033](https://github.com/rrweb-io/rrweb/pull/1033) [`7261c43`](https://github.com/rrweb-io/rrweb/commit/7261c43f60973e88325edf832e4d0e057fbff0ae) Thanks [@Juice10](https://github.com/Juice10)! - Export `ReplayPlugin` from rrweb directly. Previously we had to do `import type { ReplayPlugin } from 'rrweb/dist/types';` now we can do `import type { ReplayPlugin } from 'rrweb';`
+
+- [#1704](https://github.com/rrweb-io/rrweb/pull/1704) [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Provide a /umd/ output folder alongside the /dist/ one so that we can serve UMD (Universal Module Definition) files with a .js extension, without upsetting expectations set by package.json that all .js files in /dist/ are modules
+
+- Updated dependencies [[`7103625`](https://github.com/rrweb-io/rrweb/commit/7103625b4683cbd75732ee03973e38f573847b1c), [`a2c8a1a`](https://github.com/rrweb-io/rrweb/commit/a2c8a1a37bfcf8389b280af792262c8263a979a3), [`3d1877c`](https://github.com/rrweb-io/rrweb/commit/3d1877cff83d9a018630674fb6e730050ceef812), [`af0962c`](https://github.com/rrweb-io/rrweb/commit/af0962cc6c80b693bbc622520032d17342685cf6), [`57a940a`](https://github.com/rrweb-io/rrweb/commit/57a940afac0bdd14cd82937915d53110b5311673), [`e65465e`](https://github.com/rrweb-io/rrweb/commit/e65465e808178a80a4ba84970f02162ba812955e), [`d872d28`](https://github.com/rrweb-io/rrweb/commit/d872d2809e3ec8d6ff5d3d5f43bc81aff70e7548), [`36da39d`](https://github.com/rrweb-io/rrweb/commit/36da39db366a9f80c28549771ed331090a1c6647), [`b5e30cf`](https://github.com/rrweb-io/rrweb/commit/b5e30cf6cc7f5335d674ef1917a92bdf2895fe9e), [`40bbc25`](https://github.com/rrweb-io/rrweb/commit/40bbc25fc287badc317a53f2d3f21b1c9f2b211b), [`22bc4c3`](https://github.com/rrweb-io/rrweb/commit/22bc4c334e88f0b8ee5488d9e1e95cd8093a15c8), [`11f6567`](https://github.com/rrweb-io/rrweb/commit/11f6567fd81ef9ed0f954a7b6d5e39653f56004f), [`490b3e2`](https://github.com/rrweb-io/rrweb/commit/490b3e2b62b62d61e6f6f5391d5b879194c9a221), [`dc20cd4`](https://github.com/rrweb-io/rrweb/commit/dc20cd45cc63058325784444af6bd32ed2cace48), [`3e9e42f`](https://github.com/rrweb-io/rrweb/commit/3e9e42fdfd6349087d7a0345af1b39dd56528502), [`f27e545`](https://github.com/rrweb-io/rrweb/commit/f27e545e1871ed2c1753d37543f556e8ddc406b4), [`7261c43`](https://github.com/rrweb-io/rrweb/commit/7261c43f60973e88325edf832e4d0e057fbff0ae), [`03b5216`](https://github.com/rrweb-io/rrweb/commit/03b5216a9403f1509b4f69d1d71ef9874277fe91), [`ae6908d`](https://github.com/rrweb-io/rrweb/commit/ae6908dcdcd7c732c1ce79eea19de5240bec1151), [`46f1b25`](https://github.com/rrweb-io/rrweb/commit/46f1b252a5919c68c68e825bd6089cc2e7d34e7c), [`e0f862b`](https://github.com/rrweb-io/rrweb/commit/e0f862bac7dbaa9cfd778f5ef0f5f3fd8cbe6def), [`cbbd1e5`](https://github.com/rrweb-io/rrweb/commit/cbbd1e55f1f7fa2eed9fa11e4152b509bdfd88f7), [`a6893f7`](https://github.com/rrweb-io/rrweb/commit/a6893f73abe217a95d28996e01b7ec8261e42de3), [`8aea5b0`](https://github.com/rrweb-io/rrweb/commit/8aea5b00a4dfe5a6f59bd2ae72bb624f45e51e81), [`267e990`](https://github.com/rrweb-io/rrweb/commit/267e990dc0e45a5acaaa3ee89db7ae9171520d54), [`68076b7`](https://github.com/rrweb-io/rrweb/commit/68076b724ff19d198d4f351a05063b85e1705a8c), [`9c6edfe`](https://github.com/rrweb-io/rrweb/commit/9c6edfe2261680b4e92284be69f9d183b1eca8f4), [`a1ec9a2`](https://github.com/rrweb-io/rrweb/commit/a1ec9a273e6634eec67098fdd880ee681648fbbd), [`8059d96`](https://github.com/rrweb-io/rrweb/commit/8059d9695146626b102b2059a3a9b932d5f598f6), [`bfe14c5`](https://github.com/rrweb-io/rrweb/commit/bfe14c532a3149a38a8fab0a54672405279d636f), [`4014305`](https://github.com/rrweb-io/rrweb/commit/40143059446cee5c042c007b1c2e976f36e172f5), [`efdc167`](https://github.com/rrweb-io/rrweb/commit/efdc167ca6c039d04af83612e3d92498bb9b41a7), [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8), [`609b7fa`](https://github.com/rrweb-io/rrweb/commit/609b7fac79a552f746dc880a28927dee382cd082), [`f6f07e9`](https://github.com/rrweb-io/rrweb/commit/f6f07e953376634a4caf28ff8cbfed5a017c4347), [`1e0b273`](https://github.com/rrweb-io/rrweb/commit/1e0b27382210db0168d2a79d82c13698082b0983), [`1fe39ab`](https://github.com/rrweb-io/rrweb/commit/1fe39ab0db7f5d2b04f4a4f39fb5c0cfee33a1f8), [`490b3e2`](https://github.com/rrweb-io/rrweb/commit/490b3e2b62b62d61e6f6f5391d5b879194c9a221), [`979d2b1`](https://github.com/rrweb-io/rrweb/commit/979d2b1847a3d05e2731722952e4d6bd8be54f40), [`1385f7a`](https://github.com/rrweb-io/rrweb/commit/1385f7acc0052f83be1458a7b00e18c026ee393f), [`d7c72bf`](https://github.com/rrweb-io/rrweb/commit/d7c72bff0724b46a6fa94af455220626a27104fe), [`ebcbe8b`](https://github.com/rrweb-io/rrweb/commit/ebcbe8b0d746a0a4c07d3530387f920900f35215), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`05478c3`](https://github.com/rrweb-io/rrweb/commit/05478c36dde03a118099783d908bb3e465e9859c), [`fc390a9`](https://github.com/rrweb-io/rrweb/commit/fc390a954c4fc17fe2ee0e2b6edba634611349e0), [`bbbfa22`](https://github.com/rrweb-io/rrweb/commit/bbbfa226fc5882a01ecc1607b713f0caf797775e), [`e96f668`](https://github.com/rrweb-io/rrweb/commit/e96f668c86bd0ab5dc190bb2957a170271bb2ebc), [`58c9104`](https://github.com/rrweb-io/rrweb/commit/58c9104eddc8b7994a067a97daae5684e42f892f), [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff), [`bc84246`](https://github.com/rrweb-io/rrweb/commit/bc84246f78849a80dbb8fe9b4e76117afcc5c3f7), [`d2582e9`](https://github.com/rrweb-io/rrweb/commit/d2582e9a81197130cd93bc1dd778e16fddfb0be3), [`aa79db7`](https://github.com/rrweb-io/rrweb/commit/aa79db7568578ea3a413292450cd64f07481e5dd), [`82f6fec`](https://github.com/rrweb-io/rrweb/commit/82f6fecf36413ecbc994a510144487f1de20d1d5), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`980a38c`](https://github.com/rrweb-io/rrweb/commit/980a38c816d763833fc3491f56d03c959a41122d), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`a225d8e`](https://github.com/rrweb-io/rrweb/commit/a225d8e1412a69a761c22eb45565fff0b0ce5c11), [`a82a3b4`](https://github.com/rrweb-io/rrweb/commit/a82a3b42b125aaaea607410b49f012933466c523), [`5c27b76`](https://github.com/rrweb-io/rrweb/commit/5c27b763192bda9dd91806f95df7c1cd0ab083a6), [`b149cf3`](https://github.com/rrweb-io/rrweb/commit/b149cf31ed28cac7b6627972b423d29723524d87), [`a2be77b`](https://github.com/rrweb-io/rrweb/commit/a2be77b82826c4be0e7f3c7c9f7ee50476d5f6f8), [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff), [`527d9d3`](https://github.com/rrweb-io/rrweb/commit/527d9d3913bae7f0f7741517f4b09f7a99aae57a), [`79837ac`](https://github.com/rrweb-io/rrweb/commit/79837ac8f2f459935f6737210890b5c12033a53b), [`a7c33f2`](https://github.com/rrweb-io/rrweb/commit/a7c33f2093c4d92faf7ae25e8bb0e088d122c13b), [`43e4f5b`](https://github.com/rrweb-io/rrweb/commit/43e4f5b4ad4bb0525a874a545d69443bc58bc47e), [`3cc4323`](https://github.com/rrweb-io/rrweb/commit/3cc4323094065a12f8b65afecd45061d604e245f), [`d38893f`](https://github.com/rrweb-io/rrweb/commit/d38893f6338facf331fd1f6e63c121120b81177d), [`6f4e691`](https://github.com/rrweb-io/rrweb/commit/6f4e691f39cc59b655d1be4f951128beecb88acb), [`d7cf8dd`](https://github.com/rrweb-io/rrweb/commit/d7cf8dd07547f6fb22ef82e341a88357c4053bd3), [`335639a`](https://github.com/rrweb-io/rrweb/commit/335639af9b0ce7f70eb0f38ce113d877c7325158), [`04ee6ed`](https://github.com/rrweb-io/rrweb/commit/04ee6eda57157f0e04f18f907d8f3e59ababc753), [`5fbb904`](https://github.com/rrweb-io/rrweb/commit/5fbb904edb653f3da17e6775ee438d81ef0bba83), [`1e6f71b`](https://github.com/rrweb-io/rrweb/commit/1e6f71b3cddcfafe78b9e40edfbd75e485702e4e), [`d08624c`](https://github.com/rrweb-io/rrweb/commit/d08624cb28add386c3618a0e6607424c3f1884d8), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`314a8dd`](https://github.com/rrweb-io/rrweb/commit/314a8dde5a13095873b89d07bac7c949918bf817), [`5a78938`](https://github.com/rrweb-io/rrweb/commit/5a789385a341311ba327a768fe0e2f0f2f5002ee), [`3416c3a`](https://github.com/rrweb-io/rrweb/commit/3416c3a769e2bd2ddfbb88f5c4ff139871c567be), [`7c0dc9d`](https://github.com/rrweb-io/rrweb/commit/7c0dc9dfe1564c9d6624557c5b394e7844955882), [`8e47ca1`](https://github.com/rrweb-io/rrweb/commit/8e47ca1021ebb4fc036b37623ef10abf7976d6dd), [`53b83bb`](https://github.com/rrweb-io/rrweb/commit/53b83bb037f9cb30c93179548f436ed776f143ab), [`9cd28b7`](https://github.com/rrweb-io/rrweb/commit/9cd28b703ec08a77dc6b790dbffb20dfb8e9a513), [`07ac5c9`](https://github.com/rrweb-io/rrweb/commit/07ac5c9e1371824ec3ffb705f9250bbe10f4b73e), [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0), [`02f50d2`](https://github.com/rrweb-io/rrweb/commit/02f50d260cfe72209c94de1679336737f238e216), [`502d15d`](https://github.com/rrweb-io/rrweb/commit/502d15df9f7f43b3408ccfbb3f14c4bb007883c4), [`d0fbe23`](https://github.com/rrweb-io/rrweb/commit/d0fbe23c632021410a6dd45f9028a9a012467261), [`a3de582`](https://github.com/rrweb-io/rrweb/commit/a3de582e9c32be9e0ccd84bb7df756af6b0594f7), [`e08706a`](https://github.com/rrweb-io/rrweb/commit/e08706ae60268b6eb05c6292ef948c71bd423ce3), [`8d209a6`](https://github.com/rrweb-io/rrweb/commit/8d209a62f31c4c80e3e5bc36e47d7282ee854ac7), [`be6bf52`](https://github.com/rrweb-io/rrweb/commit/be6bf52c248c35de1b3491e3a3440ff61f876414), [`aaabdbd`](https://github.com/rrweb-io/rrweb/commit/aaabdbdff5df2abd1a294c40ed89e74bf8b2ec7c), [`1e6f71b`](https://github.com/rrweb-io/rrweb/commit/1e6f71b3cddcfafe78b9e40edfbd75e485702e4e), [`6388fb5`](https://github.com/rrweb-io/rrweb/commit/6388fb5a468e1a860ab8bb5c6826c811dcc3100c), [`4cb4d0e`](https://github.com/rrweb-io/rrweb/commit/4cb4d0e95a540a366bdec157fe78d9f099514818), [`5e6c132`](https://github.com/rrweb-io/rrweb/commit/5e6c132a4d0e5f5524b2201d6a73dae62b4a0877)]:
+  - rrweb@2.0.0
+
+## 2.0.0-alpha.20
+
+### Patch Changes
+
+- Updated dependencies [[`6388fb5`](https://github.com/rrweb-io/rrweb/commit/6388fb5a468e1a860ab8bb5c6826c811dcc3100c)]:
+  - rrweb@2.0.0-alpha.20
+
+## 2.0.0-alpha.19
+
+### Patch Changes
+
+- Updated dependencies [[`dc20cd4`](https://github.com/rrweb-io/rrweb/commit/dc20cd45cc63058325784444af6bd32ed2cace48), [`3e9e42f`](https://github.com/rrweb-io/rrweb/commit/3e9e42fdfd6349087d7a0345af1b39dd56528502), [`a6893f7`](https://github.com/rrweb-io/rrweb/commit/a6893f73abe217a95d28996e01b7ec8261e42de3), [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8), [`fc390a9`](https://github.com/rrweb-io/rrweb/commit/fc390a954c4fc17fe2ee0e2b6edba634611349e0), [`79837ac`](https://github.com/rrweb-io/rrweb/commit/79837ac8f2f459935f6737210890b5c12033a53b), [`6f4e691`](https://github.com/rrweb-io/rrweb/commit/6f4e691f39cc59b655d1be4f951128beecb88acb), [`9cd28b7`](https://github.com/rrweb-io/rrweb/commit/9cd28b703ec08a77dc6b790dbffb20dfb8e9a513)]:
+  - rrweb@2.0.0-alpha.19
+
 ## 2.0.0-alpha.18
 
 ### Patch Changes
diff --git a/packages/plugins/rrweb-plugin-canvas-webrtc-replay/Readme.md b/packages/plugins/rrweb-plugin-canvas-webrtc-replay/Readme.md
index fcc6a725..de21b737 100644
--- a/packages/plugins/rrweb-plugin-canvas-webrtc-replay/Readme.md
+++ b/packages/plugins/rrweb-plugin-canvas-webrtc-replay/Readme.md
@@ -13,7 +13,7 @@ https://user-images.githubusercontent.com/4106/186701616-fd71a107-5d53-423c-ba09
 ```js
 // Record side
 
-import rrweb from 'rrweb';
+import { record } from '@rrweb/record';
 import { RRWebPluginCanvasWebRTCRecord } from '@rrweb/rrweb-plugin-canvas-webrtc-record';
 
 const webRTCRecordPlugin = new RRWebPluginCanvasWebRTCRecord({
@@ -24,7 +24,7 @@ const webRTCRecordPlugin = new RRWebPluginCanvasWebRTCRecord({
   },
 });
 
-rrweb.record({
+record({
   emit: (event) => {
     // send these events to the `replayer.addEvent(event)`, how you do that is up to you
     // you can send them to a server for example which can then send them to the replayer
@@ -42,7 +42,7 @@ rrweb.record({
 
 ```js
 // Replay side
-import rrweb from 'rrweb';
+import { Replayer } from '@rrweb/replay';
 import { RRWebPluginCanvasWebRTCReplay } from '@rrweb/rrweb-plugin-canvas-webrtc-replay';
 
 const webRTCReplayPlugin = new RRWebPluginCanvasWebRTCReplay({
@@ -59,7 +59,7 @@ const webRTCReplayPlugin = new RRWebPluginCanvasWebRTCReplay({
   },
 });
 
-const replayer = new rrweb.Replayer([], {
+const replayer = new Replayer([], {
   UNSAFE_replayCanvas: true, // turn canvas replay on!
   liveMode: true, // live mode is needed to stream events to the replayer
   plugins: [webRTCReplayPlugin.initPlugin()],
@@ -69,6 +69,8 @@ replayer.startLive(); // start the replayer in live mode
 replayer.addEvent(event); // call this whenever an event is received from the record script
 ```
 
+**Enabling canvas replay adds `allow-scripts` to the replay iframe and opts out of rrweb's sandbox script-execution protection. Only use `UNSAFE_replayCanvas` for replay data whose risk you accept.**
+
 ## More info
 
 https://github.com/rrweb-io/rrweb/pull/976
diff --git a/packages/plugins/rrweb-plugin-canvas-webrtc-replay/package.json b/packages/plugins/rrweb-plugin-canvas-webrtc-replay/package.json
index 1bf60477..8671865d 100644
--- a/packages/plugins/rrweb-plugin-canvas-webrtc-replay/package.json
+++ b/packages/plugins/rrweb-plugin-canvas-webrtc-replay/package.json
@@ -1,11 +1,12 @@
 {
   "name": "@highlight-run/rrweb-rrweb-plugin-canvas-webrtc-replay",
-  "version": "2.0.0-alpha.18",
+  "version": "2.0.0-lambda.5",
   "description": "",
   "type": "module",
   "main": "./dist/rrweb-rrweb-plugin-canvas-webrtc-replay.umd.cjs",
   "module": "./dist/rrweb-rrweb-plugin-canvas-webrtc-replay.js",
   "unpkg": "./dist/rrweb-rrweb-plugin-canvas-webrtc-replay.umd.cjs",
+  "jsdelivr": "./umd/rrweb-rrweb-plugin-canvas-webrtc-replay.js",
   "typings": "dist/index.d.ts",
   "exports": {
     ".": {
@@ -20,6 +21,7 @@
     }
   },
   "files": [
+    "umd",
     "dist",
     "package.json"
   ],
@@ -34,9 +36,12 @@
     "url": "git+https://github.com/rrweb-io/rrweb.git"
   },
   "keywords": [
-    "@highlight-run/rrweb"
+    "devtools",
+    "product-analytics",
+    "real-user-monitoring",
+    "rrweb"
   ],
-  "author": "justin@recordonce.com",
+  "author": "rrweb Core Team <maintainers@rrweb.com>",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/rrweb-io/rrweb/issues"
@@ -44,9 +49,8 @@
   "homepage": "https://github.com/rrweb-io/rrweb#readme",
   "devDependencies": {
     "@highlight-run/rrweb": "workspace:*",
-    "turbo": "^2.0.5",
     "typescript": "^5.4.5",
-    "vite": "^5.3.1",
+    "vite": "^6.4.2",
     "vite-plugin-dts": "^3.9.1"
   },
   "peerDependencies": {
diff --git a/packages/plugins/rrweb-plugin-console-record/CHANGELOG.md b/packages/plugins/rrweb-plugin-console-record/CHANGELOG.md
index 93fa4662..58182812 100644
--- a/packages/plugins/rrweb-plugin-console-record/CHANGELOG.md
+++ b/packages/plugins/rrweb-plugin-console-record/CHANGELOG.md
@@ -1,5 +1,53 @@
 # @rrweb/rrweb-plugin-console-record
 
+## 2.0.1
+
+### Patch Changes
+
+- Updated dependencies [[`5f52d63`](https://github.com/rrweb-io/rrweb/commit/5f52d63636b3246bd5b6ba99a93cba41c5d981cb)]:
+  - rrweb@2.0.1
+  - @rrweb/utils@2.0.1
+
+## 2.0.0
+
+### Major Changes
+
+- [#1497](https://github.com/rrweb-io/rrweb/pull/1497) [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf) Thanks [@Juice10](https://github.com/Juice10)! - Split plugins out of rrweb and move them into their own packages: @rrweb/packer, @rrweb/rrweb-plugin-canvas-webrtc-record, @rrweb/rrweb-plugin-canvas-webrtc-replay, @rrweb/rrweb-plugin-sequential-id-record, @rrweb/rrweb-plugin-sequential-id-replay, @rrweb/rrweb-plugin-console-record, @rrweb/rrweb-plugin-console-replay. Check out the README of each package for more information or check out https://github.com/rrweb-io/rrweb/pull/1033 to see the changes.
+
+- [#1497](https://github.com/rrweb-io/rrweb/pull/1497) [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf) Thanks [@Juice10](https://github.com/Juice10)! - Distributed files have new filenames, paths and extensions. **Important: If you reference distributed files or types directly, you might have to update your paths/filenames. E.g. you import from `rrweb/typings/...` or `rrdom/es`. However you run `import rrweb from 'rrweb'` you won't notice a difference with this change.** If you include rrweb files directly in a script tag, you might have to update that path to include a the `.umd.cjs` files instead. All `.js` files now use ES modules which can be used in modern browsers, node.js and bundlers that support ES modules. All npm packages now also ship `.cjs` and `.umd.cjs` files. The `.umd.cjs` files are CommonJS modules that bundle all files together to make it easy to ship one file to browser environments (similar to the previous `.js` files). The `.cjs` files are CommonJS modules that can be used in older Node.js environments. Types should be better defined in `package.json` and if you need specific types they might be exported from new packages (for example `PlayerMachineState` and `SpeedMachineState` are now exported from `@rrweb/replay`). Check the `package.json`'s `main` and `exports` field for the available files.
+
+### Patch Changes
+
+- [`db20184`](https://github.com/rrweb-io/rrweb/commit/db201841accd2b5df3cd7c88779aa62ab158501c) Thanks [@Juice10](https://github.com/Juice10)! - Keep package version in sync with other packages
+
+- [#1530](https://github.com/rrweb-io/rrweb/pull/1530) [`874933b`](https://github.com/rrweb-io/rrweb/commit/874933b55069759b932b3365025449afc9b2f5c7) Thanks [@pauldambra](https://github.com/pauldambra)! - corrects behaviour of console.assert logging to only capture logs when the provided assertion is falsey
+
+- [#1631](https://github.com/rrweb-io/rrweb/pull/1631) [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8) Thanks [@pauldambra](https://github.com/pauldambra)! - Move patch function into @rrweb/utils to improve bundling
+
+- [#1704](https://github.com/rrweb-io/rrweb/pull/1704) [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Provide a /umd/ output folder alongside the /dist/ one so that we can serve UMD (Universal Module Definition) files with a .js extension, without upsetting expectations set by package.json that all .js files in /dist/ are modules
+
+- Updated dependencies [[`6db8f71`](https://github.com/rrweb-io/rrweb/commit/6db8f71033ec289e4550f76b4864b94c118d9ea5), [`7103625`](https://github.com/rrweb-io/rrweb/commit/7103625b4683cbd75732ee03973e38f573847b1c), [`a2c8a1a`](https://github.com/rrweb-io/rrweb/commit/a2c8a1a37bfcf8389b280af792262c8263a979a3), [`3d1877c`](https://github.com/rrweb-io/rrweb/commit/3d1877cff83d9a018630674fb6e730050ceef812), [`af0962c`](https://github.com/rrweb-io/rrweb/commit/af0962cc6c80b693bbc622520032d17342685cf6), [`57a940a`](https://github.com/rrweb-io/rrweb/commit/57a940afac0bdd14cd82937915d53110b5311673), [`e65465e`](https://github.com/rrweb-io/rrweb/commit/e65465e808178a80a4ba84970f02162ba812955e), [`d872d28`](https://github.com/rrweb-io/rrweb/commit/d872d2809e3ec8d6ff5d3d5f43bc81aff70e7548), [`36da39d`](https://github.com/rrweb-io/rrweb/commit/36da39db366a9f80c28549771ed331090a1c6647), [`b5e30cf`](https://github.com/rrweb-io/rrweb/commit/b5e30cf6cc7f5335d674ef1917a92bdf2895fe9e), [`40bbc25`](https://github.com/rrweb-io/rrweb/commit/40bbc25fc287badc317a53f2d3f21b1c9f2b211b), [`22bc4c3`](https://github.com/rrweb-io/rrweb/commit/22bc4c334e88f0b8ee5488d9e1e95cd8093a15c8), [`11f6567`](https://github.com/rrweb-io/rrweb/commit/11f6567fd81ef9ed0f954a7b6d5e39653f56004f), [`490b3e2`](https://github.com/rrweb-io/rrweb/commit/490b3e2b62b62d61e6f6f5391d5b879194c9a221), [`dc20cd4`](https://github.com/rrweb-io/rrweb/commit/dc20cd45cc63058325784444af6bd32ed2cace48), [`3e9e42f`](https://github.com/rrweb-io/rrweb/commit/3e9e42fdfd6349087d7a0345af1b39dd56528502), [`f27e545`](https://github.com/rrweb-io/rrweb/commit/f27e545e1871ed2c1753d37543f556e8ddc406b4), [`7261c43`](https://github.com/rrweb-io/rrweb/commit/7261c43f60973e88325edf832e4d0e057fbff0ae), [`03b5216`](https://github.com/rrweb-io/rrweb/commit/03b5216a9403f1509b4f69d1d71ef9874277fe91), [`ae6908d`](https://github.com/rrweb-io/rrweb/commit/ae6908dcdcd7c732c1ce79eea19de5240bec1151), [`46f1b25`](https://github.com/rrweb-io/rrweb/commit/46f1b252a5919c68c68e825bd6089cc2e7d34e7c), [`e0f862b`](https://github.com/rrweb-io/rrweb/commit/e0f862bac7dbaa9cfd778f5ef0f5f3fd8cbe6def), [`cbbd1e5`](https://github.com/rrweb-io/rrweb/commit/cbbd1e55f1f7fa2eed9fa11e4152b509bdfd88f7), [`a6893f7`](https://github.com/rrweb-io/rrweb/commit/a6893f73abe217a95d28996e01b7ec8261e42de3), [`8aea5b0`](https://github.com/rrweb-io/rrweb/commit/8aea5b00a4dfe5a6f59bd2ae72bb624f45e51e81), [`267e990`](https://github.com/rrweb-io/rrweb/commit/267e990dc0e45a5acaaa3ee89db7ae9171520d54), [`68076b7`](https://github.com/rrweb-io/rrweb/commit/68076b724ff19d198d4f351a05063b85e1705a8c), [`9c6edfe`](https://github.com/rrweb-io/rrweb/commit/9c6edfe2261680b4e92284be69f9d183b1eca8f4), [`a1ec9a2`](https://github.com/rrweb-io/rrweb/commit/a1ec9a273e6634eec67098fdd880ee681648fbbd), [`8059d96`](https://github.com/rrweb-io/rrweb/commit/8059d9695146626b102b2059a3a9b932d5f598f6), [`bfe14c5`](https://github.com/rrweb-io/rrweb/commit/bfe14c532a3149a38a8fab0a54672405279d636f), [`4014305`](https://github.com/rrweb-io/rrweb/commit/40143059446cee5c042c007b1c2e976f36e172f5), [`efdc167`](https://github.com/rrweb-io/rrweb/commit/efdc167ca6c039d04af83612e3d92498bb9b41a7), [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8), [`609b7fa`](https://github.com/rrweb-io/rrweb/commit/609b7fac79a552f746dc880a28927dee382cd082), [`f6f07e9`](https://github.com/rrweb-io/rrweb/commit/f6f07e953376634a4caf28ff8cbfed5a017c4347), [`1e0b273`](https://github.com/rrweb-io/rrweb/commit/1e0b27382210db0168d2a79d82c13698082b0983), [`1fe39ab`](https://github.com/rrweb-io/rrweb/commit/1fe39ab0db7f5d2b04f4a4f39fb5c0cfee33a1f8), [`490b3e2`](https://github.com/rrweb-io/rrweb/commit/490b3e2b62b62d61e6f6f5391d5b879194c9a221), [`979d2b1`](https://github.com/rrweb-io/rrweb/commit/979d2b1847a3d05e2731722952e4d6bd8be54f40), [`1385f7a`](https://github.com/rrweb-io/rrweb/commit/1385f7acc0052f83be1458a7b00e18c026ee393f), [`d7c72bf`](https://github.com/rrweb-io/rrweb/commit/d7c72bff0724b46a6fa94af455220626a27104fe), [`ebcbe8b`](https://github.com/rrweb-io/rrweb/commit/ebcbe8b0d746a0a4c07d3530387f920900f35215), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`05478c3`](https://github.com/rrweb-io/rrweb/commit/05478c36dde03a118099783d908bb3e465e9859c), [`fc390a9`](https://github.com/rrweb-io/rrweb/commit/fc390a954c4fc17fe2ee0e2b6edba634611349e0), [`bbbfa22`](https://github.com/rrweb-io/rrweb/commit/bbbfa226fc5882a01ecc1607b713f0caf797775e), [`e96f668`](https://github.com/rrweb-io/rrweb/commit/e96f668c86bd0ab5dc190bb2957a170271bb2ebc), [`58c9104`](https://github.com/rrweb-io/rrweb/commit/58c9104eddc8b7994a067a97daae5684e42f892f), [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff), [`bc84246`](https://github.com/rrweb-io/rrweb/commit/bc84246f78849a80dbb8fe9b4e76117afcc5c3f7), [`d2582e9`](https://github.com/rrweb-io/rrweb/commit/d2582e9a81197130cd93bc1dd778e16fddfb0be3), [`aa79db7`](https://github.com/rrweb-io/rrweb/commit/aa79db7568578ea3a413292450cd64f07481e5dd), [`82f6fec`](https://github.com/rrweb-io/rrweb/commit/82f6fecf36413ecbc994a510144487f1de20d1d5), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`980a38c`](https://github.com/rrweb-io/rrweb/commit/980a38c816d763833fc3491f56d03c959a41122d), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`a225d8e`](https://github.com/rrweb-io/rrweb/commit/a225d8e1412a69a761c22eb45565fff0b0ce5c11), [`a82a3b4`](https://github.com/rrweb-io/rrweb/commit/a82a3b42b125aaaea607410b49f012933466c523), [`5c27b76`](https://github.com/rrweb-io/rrweb/commit/5c27b763192bda9dd91806f95df7c1cd0ab083a6), [`b149cf3`](https://github.com/rrweb-io/rrweb/commit/b149cf31ed28cac7b6627972b423d29723524d87), [`a2be77b`](https://github.com/rrweb-io/rrweb/commit/a2be77b82826c4be0e7f3c7c9f7ee50476d5f6f8), [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff), [`527d9d3`](https://github.com/rrweb-io/rrweb/commit/527d9d3913bae7f0f7741517f4b09f7a99aae57a), [`79837ac`](https://github.com/rrweb-io/rrweb/commit/79837ac8f2f459935f6737210890b5c12033a53b), [`a7c33f2`](https://github.com/rrweb-io/rrweb/commit/a7c33f2093c4d92faf7ae25e8bb0e088d122c13b), [`43e4f5b`](https://github.com/rrweb-io/rrweb/commit/43e4f5b4ad4bb0525a874a545d69443bc58bc47e), [`3cc4323`](https://github.com/rrweb-io/rrweb/commit/3cc4323094065a12f8b65afecd45061d604e245f), [`d38893f`](https://github.com/rrweb-io/rrweb/commit/d38893f6338facf331fd1f6e63c121120b81177d), [`6f4e691`](https://github.com/rrweb-io/rrweb/commit/6f4e691f39cc59b655d1be4f951128beecb88acb), [`d7cf8dd`](https://github.com/rrweb-io/rrweb/commit/d7cf8dd07547f6fb22ef82e341a88357c4053bd3), [`335639a`](https://github.com/rrweb-io/rrweb/commit/335639af9b0ce7f70eb0f38ce113d877c7325158), [`04ee6ed`](https://github.com/rrweb-io/rrweb/commit/04ee6eda57157f0e04f18f907d8f3e59ababc753), [`5fbb904`](https://github.com/rrweb-io/rrweb/commit/5fbb904edb653f3da17e6775ee438d81ef0bba83), [`1e6f71b`](https://github.com/rrweb-io/rrweb/commit/1e6f71b3cddcfafe78b9e40edfbd75e485702e4e), [`d08624c`](https://github.com/rrweb-io/rrweb/commit/d08624cb28add386c3618a0e6607424c3f1884d8), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`314a8dd`](https://github.com/rrweb-io/rrweb/commit/314a8dde5a13095873b89d07bac7c949918bf817), [`5a78938`](https://github.com/rrweb-io/rrweb/commit/5a789385a341311ba327a768fe0e2f0f2f5002ee), [`3416c3a`](https://github.com/rrweb-io/rrweb/commit/3416c3a769e2bd2ddfbb88f5c4ff139871c567be), [`7c0dc9d`](https://github.com/rrweb-io/rrweb/commit/7c0dc9dfe1564c9d6624557c5b394e7844955882), [`8e47ca1`](https://github.com/rrweb-io/rrweb/commit/8e47ca1021ebb4fc036b37623ef10abf7976d6dd), [`53b83bb`](https://github.com/rrweb-io/rrweb/commit/53b83bb037f9cb30c93179548f436ed776f143ab), [`9cd28b7`](https://github.com/rrweb-io/rrweb/commit/9cd28b703ec08a77dc6b790dbffb20dfb8e9a513), [`07ac5c9`](https://github.com/rrweb-io/rrweb/commit/07ac5c9e1371824ec3ffb705f9250bbe10f4b73e), [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0), [`02f50d2`](https://github.com/rrweb-io/rrweb/commit/02f50d260cfe72209c94de1679336737f238e216), [`502d15d`](https://github.com/rrweb-io/rrweb/commit/502d15df9f7f43b3408ccfbb3f14c4bb007883c4), [`d0fbe23`](https://github.com/rrweb-io/rrweb/commit/d0fbe23c632021410a6dd45f9028a9a012467261), [`a3de582`](https://github.com/rrweb-io/rrweb/commit/a3de582e9c32be9e0ccd84bb7df756af6b0594f7), [`e08706a`](https://github.com/rrweb-io/rrweb/commit/e08706ae60268b6eb05c6292ef948c71bd423ce3), [`8d209a6`](https://github.com/rrweb-io/rrweb/commit/8d209a62f31c4c80e3e5bc36e47d7282ee854ac7), [`be6bf52`](https://github.com/rrweb-io/rrweb/commit/be6bf52c248c35de1b3491e3a3440ff61f876414), [`aaabdbd`](https://github.com/rrweb-io/rrweb/commit/aaabdbdff5df2abd1a294c40ed89e74bf8b2ec7c), [`1e6f71b`](https://github.com/rrweb-io/rrweb/commit/1e6f71b3cddcfafe78b9e40edfbd75e485702e4e), [`6388fb5`](https://github.com/rrweb-io/rrweb/commit/6388fb5a468e1a860ab8bb5c6826c811dcc3100c), [`4cb4d0e`](https://github.com/rrweb-io/rrweb/commit/4cb4d0e95a540a366bdec157fe78d9f099514818), [`5e6c132`](https://github.com/rrweb-io/rrweb/commit/5e6c132a4d0e5f5524b2201d6a73dae62b4a0877)]:
+  - @rrweb/utils@2.0.0
+  - rrweb@2.0.0
+
+## 2.0.0-alpha.20
+
+### Patch Changes
+
+- Updated dependencies [[`6388fb5`](https://github.com/rrweb-io/rrweb/commit/6388fb5a468e1a860ab8bb5c6826c811dcc3100c)]:
+  - rrweb@2.0.0-alpha.20
+  - @rrweb/utils@2.0.0-alpha.20
+
+## 2.0.0-alpha.19
+
+### Patch Changes
+
+- [#1631](https://github.com/rrweb-io/rrweb/pull/1631) [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8) Thanks [@pauldambra](https://github.com/pauldambra)! - Move patch function into @rrweb/utils to improve bundling
+
+- Updated dependencies [[`dc20cd4`](https://github.com/rrweb-io/rrweb/commit/dc20cd45cc63058325784444af6bd32ed2cace48), [`3e9e42f`](https://github.com/rrweb-io/rrweb/commit/3e9e42fdfd6349087d7a0345af1b39dd56528502), [`a6893f7`](https://github.com/rrweb-io/rrweb/commit/a6893f73abe217a95d28996e01b7ec8261e42de3), [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8), [`fc390a9`](https://github.com/rrweb-io/rrweb/commit/fc390a954c4fc17fe2ee0e2b6edba634611349e0), [`79837ac`](https://github.com/rrweb-io/rrweb/commit/79837ac8f2f459935f6737210890b5c12033a53b), [`6f4e691`](https://github.com/rrweb-io/rrweb/commit/6f4e691f39cc59b655d1be4f951128beecb88acb), [`9cd28b7`](https://github.com/rrweb-io/rrweb/commit/9cd28b703ec08a77dc6b790dbffb20dfb8e9a513)]:
+  - rrweb@2.0.0-alpha.19
+  - @rrweb/utils@2.0.0-alpha.19
+
 ## 2.0.0-alpha.18
 
 ### Patch Changes
diff --git a/packages/plugins/rrweb-plugin-console-record/README.md b/packages/plugins/rrweb-plugin-console-record/README.md
index 7455fb06..906bade4 100644
--- a/packages/plugins/rrweb-plugin-console-record/README.md
+++ b/packages/plugins/rrweb-plugin-console-record/README.md
@@ -112,12 +112,12 @@ See the [guide](../../../guide.md) for more info on rrweb.
   <tr>
     <td align="center">
       <a href="http://www.smartx.com/" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/smartx.png">
+        <img width="195px" src="https://raw.githubusercontent.com/rrweb-io/web/master/static/logos/smartx.png" alt="SmartX">
       </a>
     </td>
     <td align="center">
       <a href="https://posthog.com?utm_source=rrweb&utm_medium=sponsorship&utm_campaign=open-source-sponsorship" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/posthog.png">
+        <img width="195px" src="https://rrweb.com/posthog.png" alt="PostHog">
       </a>
     </td>
     <td align="center">
@@ -131,7 +131,39 @@ See the [guide](../../../guide.md) for more info on rrweb.
       </a>
     </td>
   </tr>
-    <tr>
+  <tr>
+    <td align="center">
+      <a href="https://sentry.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/sentry.png" alt="Sentry">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.pendo.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/pendo.png" alt="Pendo">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://mixpanel.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/mixpanel.png" alt="Mixpanel">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.datadoghq.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/datadog.png" alt="Datadog">
+      </a>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="https://amplitude.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/amplitude.png" alt="Amplitude">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://newrelic.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/new%20relic.png" alt="New Relic">
+      </a>
+    </td>
     <td align="center">
       <a href="https://cux.io" target="_blank">
         <img style="padding: 8px" alt="The first ever UX automation tool" width="195px" src="https://cux.io/cux-logo.svg">
@@ -142,6 +174,8 @@ See the [guide](../../../guide.md) for more info on rrweb.
         <img style="padding: 8px" alt="Remote Access & Co-Browsing" width="195px" src="https://remsupp.com/images/logo.png">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://highlight.io" target="_blank">
         <img style="padding: 8px" alt="The open source, fullstack Monitoring Platform." width="195px" src="https://github.com/highlight/highlight/raw/main/highlight.io/public/images/logo.png">
@@ -149,11 +183,9 @@ See the [guide](../../../guide.md) for more info on rrweb.
     </td>
     <td align="center">
       <a href="https://analyzee.io" target="_blank">
-        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://cdn.analyzee.io/assets/analyzee-logo.png">
+        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://analyzee.io/img/analyzee-main-logo.webp">
       </a>
     </td>
-  </tr>
-  <tr>
     <td align="center">
       <a href="https://requestly.io" target="_blank">
         <img style="padding: 8px" alt="Intercept, Modify, Record & Replay HTTP Requests." width="195px" src="https://github.com/requestly/requestly/assets/16779465/652552db-c867-44cb-9bb5-94a2026e04ca">
@@ -164,6 +196,8 @@ See the [guide](../../../guide.md) for more info on rrweb.
         <img style="padding: 8px" alt="In-app bug reporting & customer feedback platform." width="195px" src="https://assets-global.website-files.com/6506f3f29c68b1724807619d/6506f56010237164c6306591_GleapLogo.svg">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://uxwizz.com" target="_blank">
         <img style="padding: 8px" alt="Self-hosted website analytics with heatmaps and session recordings." width="195px" src="https://github.com/UXWizz/public-files/raw/main/assets/logo.png">
diff --git a/packages/plugins/rrweb-plugin-console-record/package.json b/packages/plugins/rrweb-plugin-console-record/package.json
index e4c129a2..c0894e0a 100644
--- a/packages/plugins/rrweb-plugin-console-record/package.json
+++ b/packages/plugins/rrweb-plugin-console-record/package.json
@@ -1,11 +1,12 @@
 {
   "name": "@highlight-run/rrweb-rrweb-plugin-console-record",
-  "version": "2.0.0-alpha.18",
+  "version": "2.0.0-lambda.5",
   "description": "",
   "type": "module",
   "main": "./dist/rrweb-rrweb-plugin-console-record.umd.cjs",
   "module": "./dist/rrweb-rrweb-plugin-console-record.js",
   "unpkg": "./dist/rrweb-rrweb-plugin-console-record.umd.cjs",
+  "jsdelivr": "./umd/rrweb-rrweb-plugin-console-record.js",
   "typings": "dist/index.d.ts",
   "exports": {
     ".": {
@@ -20,6 +21,7 @@
     }
   },
   "files": [
+    "umd",
     "dist",
     "package.json"
   ],
@@ -29,16 +31,20 @@
     "test:watch": "vitest watch",
     "build": "tsc -noEmit && vite build",
     "check-types": "tsc -noEmit",
-    "prepublish": "tsc -noEmit && vite build"
+    "prepublish": "tsc -noEmit && vite build",
+    "test:update": "vitest run -u"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/rrweb-io/rrweb.git"
   },
   "keywords": [
-    "@highlight-run/rrweb"
+    "devtools",
+    "product-analytics",
+    "real-user-monitoring",
+    "rrweb"
   ],
-  "author": "yanzhen@smartx.com",
+  "author": "rrweb Core Team <maintainers@rrweb.com>",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/rrweb-io/rrweb/issues"
@@ -47,11 +53,10 @@
   "devDependencies": {
     "@highlight-run/rrweb": "workspace:*",
     "puppeteer": "^20.9.0",
-    "turbo": "^2.0.5",
     "typescript": "^5.4.5",
-    "vite": "^5.3.1",
+    "vite": "^6.4.2",
     "vite-plugin-dts": "^3.9.1",
-    "vitest": "^1.4.0"
+    "vitest": "^3.2.6"
   },
   "peerDependencies": {
     "@highlight-run/rrweb": "workspace:*",
diff --git a/packages/plugins/rrweb-plugin-console-record/src/index.ts b/packages/plugins/rrweb-plugin-console-record/src/index.ts
index af514129..986d7115 100644
--- a/packages/plugins/rrweb-plugin-console-record/src/index.ts
+++ b/packages/plugins/rrweb-plugin-console-record/src/index.ts
@@ -1,8 +1,4 @@
-import type {
-  listenerHandler,
-  RecordPlugin,
-  IWindow,
-} from '@rrweb/types';
+import type { listenerHandler, RecordPlugin, IWindow } from '@rrweb/types';
 import { patch } from '@rrweb/utils';
 import { ErrorStackParser, StackFrame } from './error-stack-parser';
 import { stringify } from './stringify';
diff --git a/packages/plugins/rrweb-plugin-console-replay/CHANGELOG.md b/packages/plugins/rrweb-plugin-console-replay/CHANGELOG.md
index cef5542c..e5fa7a21 100644
--- a/packages/plugins/rrweb-plugin-console-replay/CHANGELOG.md
+++ b/packages/plugins/rrweb-plugin-console-replay/CHANGELOG.md
@@ -1,5 +1,45 @@
 # @rrweb/rrweb-plugin-console-replay
 
+## 2.0.1
+
+### Patch Changes
+
+- Updated dependencies [[`5f52d63`](https://github.com/rrweb-io/rrweb/commit/5f52d63636b3246bd5b6ba99a93cba41c5d981cb)]:
+  - rrweb@2.0.1
+
+## 2.0.0
+
+### Major Changes
+
+- [#1497](https://github.com/rrweb-io/rrweb/pull/1497) [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf) Thanks [@Juice10](https://github.com/Juice10)! - Split plugins out of rrweb and move them into their own packages: @rrweb/packer, @rrweb/rrweb-plugin-canvas-webrtc-record, @rrweb/rrweb-plugin-canvas-webrtc-replay, @rrweb/rrweb-plugin-sequential-id-record, @rrweb/rrweb-plugin-sequential-id-replay, @rrweb/rrweb-plugin-console-record, @rrweb/rrweb-plugin-console-replay. Check out the README of each package for more information or check out https://github.com/rrweb-io/rrweb/pull/1033 to see the changes.
+
+- [#1497](https://github.com/rrweb-io/rrweb/pull/1497) [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf) Thanks [@Juice10](https://github.com/Juice10)! - Distributed files have new filenames, paths and extensions. **Important: If you reference distributed files or types directly, you might have to update your paths/filenames. E.g. you import from `rrweb/typings/...` or `rrdom/es`. However you run `import rrweb from 'rrweb'` you won't notice a difference with this change.** If you include rrweb files directly in a script tag, you might have to update that path to include a the `.umd.cjs` files instead. All `.js` files now use ES modules which can be used in modern browsers, node.js and bundlers that support ES modules. All npm packages now also ship `.cjs` and `.umd.cjs` files. The `.umd.cjs` files are CommonJS modules that bundle all files together to make it easy to ship one file to browser environments (similar to the previous `.js` files). The `.cjs` files are CommonJS modules that can be used in older Node.js environments. Types should be better defined in `package.json` and if you need specific types they might be exported from new packages (for example `PlayerMachineState` and `SpeedMachineState` are now exported from `@rrweb/replay`). Check the `package.json`'s `main` and `exports` field for the available files.
+
+### Patch Changes
+
+- [`db20184`](https://github.com/rrweb-io/rrweb/commit/db201841accd2b5df3cd7c88779aa62ab158501c) Thanks [@Juice10](https://github.com/Juice10)! - Keep package version in sync with other packages
+
+- [#1033](https://github.com/rrweb-io/rrweb/pull/1033) [`7261c43`](https://github.com/rrweb-io/rrweb/commit/7261c43f60973e88325edf832e4d0e057fbff0ae) Thanks [@Juice10](https://github.com/Juice10)! - Export `ReplayPlugin` from rrweb directly. Previously we had to do `import type { ReplayPlugin } from 'rrweb/dist/types';` now we can do `import type { ReplayPlugin } from 'rrweb';`
+
+- [#1704](https://github.com/rrweb-io/rrweb/pull/1704) [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Provide a /umd/ output folder alongside the /dist/ one so that we can serve UMD (Universal Module Definition) files with a .js extension, without upsetting expectations set by package.json that all .js files in /dist/ are modules
+
+- Updated dependencies [[`7103625`](https://github.com/rrweb-io/rrweb/commit/7103625b4683cbd75732ee03973e38f573847b1c), [`a2c8a1a`](https://github.com/rrweb-io/rrweb/commit/a2c8a1a37bfcf8389b280af792262c8263a979a3), [`3d1877c`](https://github.com/rrweb-io/rrweb/commit/3d1877cff83d9a018630674fb6e730050ceef812), [`af0962c`](https://github.com/rrweb-io/rrweb/commit/af0962cc6c80b693bbc622520032d17342685cf6), [`57a940a`](https://github.com/rrweb-io/rrweb/commit/57a940afac0bdd14cd82937915d53110b5311673), [`e65465e`](https://github.com/rrweb-io/rrweb/commit/e65465e808178a80a4ba84970f02162ba812955e), [`d872d28`](https://github.com/rrweb-io/rrweb/commit/d872d2809e3ec8d6ff5d3d5f43bc81aff70e7548), [`36da39d`](https://github.com/rrweb-io/rrweb/commit/36da39db366a9f80c28549771ed331090a1c6647), [`b5e30cf`](https://github.com/rrweb-io/rrweb/commit/b5e30cf6cc7f5335d674ef1917a92bdf2895fe9e), [`40bbc25`](https://github.com/rrweb-io/rrweb/commit/40bbc25fc287badc317a53f2d3f21b1c9f2b211b), [`22bc4c3`](https://github.com/rrweb-io/rrweb/commit/22bc4c334e88f0b8ee5488d9e1e95cd8093a15c8), [`11f6567`](https://github.com/rrweb-io/rrweb/commit/11f6567fd81ef9ed0f954a7b6d5e39653f56004f), [`490b3e2`](https://github.com/rrweb-io/rrweb/commit/490b3e2b62b62d61e6f6f5391d5b879194c9a221), [`dc20cd4`](https://github.com/rrweb-io/rrweb/commit/dc20cd45cc63058325784444af6bd32ed2cace48), [`3e9e42f`](https://github.com/rrweb-io/rrweb/commit/3e9e42fdfd6349087d7a0345af1b39dd56528502), [`f27e545`](https://github.com/rrweb-io/rrweb/commit/f27e545e1871ed2c1753d37543f556e8ddc406b4), [`7261c43`](https://github.com/rrweb-io/rrweb/commit/7261c43f60973e88325edf832e4d0e057fbff0ae), [`03b5216`](https://github.com/rrweb-io/rrweb/commit/03b5216a9403f1509b4f69d1d71ef9874277fe91), [`ae6908d`](https://github.com/rrweb-io/rrweb/commit/ae6908dcdcd7c732c1ce79eea19de5240bec1151), [`46f1b25`](https://github.com/rrweb-io/rrweb/commit/46f1b252a5919c68c68e825bd6089cc2e7d34e7c), [`e0f862b`](https://github.com/rrweb-io/rrweb/commit/e0f862bac7dbaa9cfd778f5ef0f5f3fd8cbe6def), [`cbbd1e5`](https://github.com/rrweb-io/rrweb/commit/cbbd1e55f1f7fa2eed9fa11e4152b509bdfd88f7), [`a6893f7`](https://github.com/rrweb-io/rrweb/commit/a6893f73abe217a95d28996e01b7ec8261e42de3), [`8aea5b0`](https://github.com/rrweb-io/rrweb/commit/8aea5b00a4dfe5a6f59bd2ae72bb624f45e51e81), [`267e990`](https://github.com/rrweb-io/rrweb/commit/267e990dc0e45a5acaaa3ee89db7ae9171520d54), [`68076b7`](https://github.com/rrweb-io/rrweb/commit/68076b724ff19d198d4f351a05063b85e1705a8c), [`9c6edfe`](https://github.com/rrweb-io/rrweb/commit/9c6edfe2261680b4e92284be69f9d183b1eca8f4), [`a1ec9a2`](https://github.com/rrweb-io/rrweb/commit/a1ec9a273e6634eec67098fdd880ee681648fbbd), [`8059d96`](https://github.com/rrweb-io/rrweb/commit/8059d9695146626b102b2059a3a9b932d5f598f6), [`bfe14c5`](https://github.com/rrweb-io/rrweb/commit/bfe14c532a3149a38a8fab0a54672405279d636f), [`4014305`](https://github.com/rrweb-io/rrweb/commit/40143059446cee5c042c007b1c2e976f36e172f5), [`efdc167`](https://github.com/rrweb-io/rrweb/commit/efdc167ca6c039d04af83612e3d92498bb9b41a7), [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8), [`609b7fa`](https://github.com/rrweb-io/rrweb/commit/609b7fac79a552f746dc880a28927dee382cd082), [`f6f07e9`](https://github.com/rrweb-io/rrweb/commit/f6f07e953376634a4caf28ff8cbfed5a017c4347), [`1e0b273`](https://github.com/rrweb-io/rrweb/commit/1e0b27382210db0168d2a79d82c13698082b0983), [`1fe39ab`](https://github.com/rrweb-io/rrweb/commit/1fe39ab0db7f5d2b04f4a4f39fb5c0cfee33a1f8), [`490b3e2`](https://github.com/rrweb-io/rrweb/commit/490b3e2b62b62d61e6f6f5391d5b879194c9a221), [`979d2b1`](https://github.com/rrweb-io/rrweb/commit/979d2b1847a3d05e2731722952e4d6bd8be54f40), [`1385f7a`](https://github.com/rrweb-io/rrweb/commit/1385f7acc0052f83be1458a7b00e18c026ee393f), [`d7c72bf`](https://github.com/rrweb-io/rrweb/commit/d7c72bff0724b46a6fa94af455220626a27104fe), [`ebcbe8b`](https://github.com/rrweb-io/rrweb/commit/ebcbe8b0d746a0a4c07d3530387f920900f35215), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`05478c3`](https://github.com/rrweb-io/rrweb/commit/05478c36dde03a118099783d908bb3e465e9859c), [`fc390a9`](https://github.com/rrweb-io/rrweb/commit/fc390a954c4fc17fe2ee0e2b6edba634611349e0), [`bbbfa22`](https://github.com/rrweb-io/rrweb/commit/bbbfa226fc5882a01ecc1607b713f0caf797775e), [`e96f668`](https://github.com/rrweb-io/rrweb/commit/e96f668c86bd0ab5dc190bb2957a170271bb2ebc), [`58c9104`](https://github.com/rrweb-io/rrweb/commit/58c9104eddc8b7994a067a97daae5684e42f892f), [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff), [`bc84246`](https://github.com/rrweb-io/rrweb/commit/bc84246f78849a80dbb8fe9b4e76117afcc5c3f7), [`d2582e9`](https://github.com/rrweb-io/rrweb/commit/d2582e9a81197130cd93bc1dd778e16fddfb0be3), [`aa79db7`](https://github.com/rrweb-io/rrweb/commit/aa79db7568578ea3a413292450cd64f07481e5dd), [`82f6fec`](https://github.com/rrweb-io/rrweb/commit/82f6fecf36413ecbc994a510144487f1de20d1d5), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`980a38c`](https://github.com/rrweb-io/rrweb/commit/980a38c816d763833fc3491f56d03c959a41122d), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`a225d8e`](https://github.com/rrweb-io/rrweb/commit/a225d8e1412a69a761c22eb45565fff0b0ce5c11), [`a82a3b4`](https://github.com/rrweb-io/rrweb/commit/a82a3b42b125aaaea607410b49f012933466c523), [`5c27b76`](https://github.com/rrweb-io/rrweb/commit/5c27b763192bda9dd91806f95df7c1cd0ab083a6), [`b149cf3`](https://github.com/rrweb-io/rrweb/commit/b149cf31ed28cac7b6627972b423d29723524d87), [`a2be77b`](https://github.com/rrweb-io/rrweb/commit/a2be77b82826c4be0e7f3c7c9f7ee50476d5f6f8), [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff), [`527d9d3`](https://github.com/rrweb-io/rrweb/commit/527d9d3913bae7f0f7741517f4b09f7a99aae57a), [`79837ac`](https://github.com/rrweb-io/rrweb/commit/79837ac8f2f459935f6737210890b5c12033a53b), [`a7c33f2`](https://github.com/rrweb-io/rrweb/commit/a7c33f2093c4d92faf7ae25e8bb0e088d122c13b), [`43e4f5b`](https://github.com/rrweb-io/rrweb/commit/43e4f5b4ad4bb0525a874a545d69443bc58bc47e), [`3cc4323`](https://github.com/rrweb-io/rrweb/commit/3cc4323094065a12f8b65afecd45061d604e245f), [`d38893f`](https://github.com/rrweb-io/rrweb/commit/d38893f6338facf331fd1f6e63c121120b81177d), [`6f4e691`](https://github.com/rrweb-io/rrweb/commit/6f4e691f39cc59b655d1be4f951128beecb88acb), [`d7cf8dd`](https://github.com/rrweb-io/rrweb/commit/d7cf8dd07547f6fb22ef82e341a88357c4053bd3), [`335639a`](https://github.com/rrweb-io/rrweb/commit/335639af9b0ce7f70eb0f38ce113d877c7325158), [`04ee6ed`](https://github.com/rrweb-io/rrweb/commit/04ee6eda57157f0e04f18f907d8f3e59ababc753), [`5fbb904`](https://github.com/rrweb-io/rrweb/commit/5fbb904edb653f3da17e6775ee438d81ef0bba83), [`1e6f71b`](https://github.com/rrweb-io/rrweb/commit/1e6f71b3cddcfafe78b9e40edfbd75e485702e4e), [`d08624c`](https://github.com/rrweb-io/rrweb/commit/d08624cb28add386c3618a0e6607424c3f1884d8), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`314a8dd`](https://github.com/rrweb-io/rrweb/commit/314a8dde5a13095873b89d07bac7c949918bf817), [`5a78938`](https://github.com/rrweb-io/rrweb/commit/5a789385a341311ba327a768fe0e2f0f2f5002ee), [`3416c3a`](https://github.com/rrweb-io/rrweb/commit/3416c3a769e2bd2ddfbb88f5c4ff139871c567be), [`7c0dc9d`](https://github.com/rrweb-io/rrweb/commit/7c0dc9dfe1564c9d6624557c5b394e7844955882), [`8e47ca1`](https://github.com/rrweb-io/rrweb/commit/8e47ca1021ebb4fc036b37623ef10abf7976d6dd), [`53b83bb`](https://github.com/rrweb-io/rrweb/commit/53b83bb037f9cb30c93179548f436ed776f143ab), [`9cd28b7`](https://github.com/rrweb-io/rrweb/commit/9cd28b703ec08a77dc6b790dbffb20dfb8e9a513), [`07ac5c9`](https://github.com/rrweb-io/rrweb/commit/07ac5c9e1371824ec3ffb705f9250bbe10f4b73e), [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0), [`02f50d2`](https://github.com/rrweb-io/rrweb/commit/02f50d260cfe72209c94de1679336737f238e216), [`502d15d`](https://github.com/rrweb-io/rrweb/commit/502d15df9f7f43b3408ccfbb3f14c4bb007883c4), [`d0fbe23`](https://github.com/rrweb-io/rrweb/commit/d0fbe23c632021410a6dd45f9028a9a012467261), [`a3de582`](https://github.com/rrweb-io/rrweb/commit/a3de582e9c32be9e0ccd84bb7df756af6b0594f7), [`e08706a`](https://github.com/rrweb-io/rrweb/commit/e08706ae60268b6eb05c6292ef948c71bd423ce3), [`8d209a6`](https://github.com/rrweb-io/rrweb/commit/8d209a62f31c4c80e3e5bc36e47d7282ee854ac7), [`be6bf52`](https://github.com/rrweb-io/rrweb/commit/be6bf52c248c35de1b3491e3a3440ff61f876414), [`aaabdbd`](https://github.com/rrweb-io/rrweb/commit/aaabdbdff5df2abd1a294c40ed89e74bf8b2ec7c), [`1e6f71b`](https://github.com/rrweb-io/rrweb/commit/1e6f71b3cddcfafe78b9e40edfbd75e485702e4e), [`6388fb5`](https://github.com/rrweb-io/rrweb/commit/6388fb5a468e1a860ab8bb5c6826c811dcc3100c), [`4cb4d0e`](https://github.com/rrweb-io/rrweb/commit/4cb4d0e95a540a366bdec157fe78d9f099514818), [`5e6c132`](https://github.com/rrweb-io/rrweb/commit/5e6c132a4d0e5f5524b2201d6a73dae62b4a0877)]:
+  - rrweb@2.0.0
+
+## 2.0.0-alpha.20
+
+### Patch Changes
+
+- Updated dependencies [[`6388fb5`](https://github.com/rrweb-io/rrweb/commit/6388fb5a468e1a860ab8bb5c6826c811dcc3100c)]:
+  - rrweb@2.0.0-alpha.20
+
+## 2.0.0-alpha.19
+
+### Patch Changes
+
+- Updated dependencies [[`dc20cd4`](https://github.com/rrweb-io/rrweb/commit/dc20cd45cc63058325784444af6bd32ed2cace48), [`3e9e42f`](https://github.com/rrweb-io/rrweb/commit/3e9e42fdfd6349087d7a0345af1b39dd56528502), [`a6893f7`](https://github.com/rrweb-io/rrweb/commit/a6893f73abe217a95d28996e01b7ec8261e42de3), [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8), [`fc390a9`](https://github.com/rrweb-io/rrweb/commit/fc390a954c4fc17fe2ee0e2b6edba634611349e0), [`79837ac`](https://github.com/rrweb-io/rrweb/commit/79837ac8f2f459935f6737210890b5c12033a53b), [`6f4e691`](https://github.com/rrweb-io/rrweb/commit/6f4e691f39cc59b655d1be4f951128beecb88acb), [`9cd28b7`](https://github.com/rrweb-io/rrweb/commit/9cd28b703ec08a77dc6b790dbffb20dfb8e9a513)]:
+  - rrweb@2.0.0-alpha.19
+
 ## 2.0.0-alpha.18
 
 ### Patch Changes
diff --git a/packages/plugins/rrweb-plugin-console-replay/README.md b/packages/plugins/rrweb-plugin-console-replay/README.md
index 953146a8..3c82938a 100644
--- a/packages/plugins/rrweb-plugin-console-replay/README.md
+++ b/packages/plugins/rrweb-plugin-console-replay/README.md
@@ -112,12 +112,12 @@ See the [guide](../../../guide.md) for more info on rrweb.
   <tr>
     <td align="center">
       <a href="http://www.smartx.com/" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/smartx.png">
+        <img width="195px" src="https://raw.githubusercontent.com/rrweb-io/web/master/static/logos/smartx.png" alt="SmartX">
       </a>
     </td>
     <td align="center">
       <a href="https://posthog.com?utm_source=rrweb&utm_medium=sponsorship&utm_campaign=open-source-sponsorship" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/posthog.png">
+        <img width="195px" src="https://rrweb.com/posthog.png" alt="PostHog">
       </a>
     </td>
     <td align="center">
@@ -131,7 +131,39 @@ See the [guide](../../../guide.md) for more info on rrweb.
       </a>
     </td>
   </tr>
-    <tr>
+  <tr>
+    <td align="center">
+      <a href="https://sentry.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/sentry.png" alt="Sentry">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.pendo.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/pendo.png" alt="Pendo">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://mixpanel.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/mixpanel.png" alt="Mixpanel">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.datadoghq.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/datadog.png" alt="Datadog">
+      </a>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="https://amplitude.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/amplitude.png" alt="Amplitude">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://newrelic.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/new%20relic.png" alt="New Relic">
+      </a>
+    </td>
     <td align="center">
       <a href="https://cux.io" target="_blank">
         <img style="padding: 8px" alt="The first ever UX automation tool" width="195px" src="https://cux.io/cux-logo.svg">
@@ -142,6 +174,8 @@ See the [guide](../../../guide.md) for more info on rrweb.
         <img style="padding: 8px" alt="Remote Access & Co-Browsing" width="195px" src="https://remsupp.com/images/logo.png">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://highlight.io" target="_blank">
         <img style="padding: 8px" alt="The open source, fullstack Monitoring Platform." width="195px" src="https://github.com/highlight/highlight/raw/main/highlight.io/public/images/logo.png">
@@ -149,11 +183,9 @@ See the [guide](../../../guide.md) for more info on rrweb.
     </td>
     <td align="center">
       <a href="https://analyzee.io" target="_blank">
-        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://cdn.analyzee.io/assets/analyzee-logo.png">
+        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://analyzee.io/img/analyzee-main-logo.webp">
       </a>
     </td>
-  </tr>
-  <tr>
     <td align="center">
       <a href="https://requestly.io" target="_blank">
         <img style="padding: 8px" alt="Intercept, Modify, Record & Replay HTTP Requests." width="195px" src="https://github.com/requestly/requestly/assets/16779465/652552db-c867-44cb-9bb5-94a2026e04ca">
@@ -164,6 +196,8 @@ See the [guide](../../../guide.md) for more info on rrweb.
         <img style="padding: 8px" alt="In-app bug reporting & customer feedback platform." width="195px" src="https://assets-global.website-files.com/6506f3f29c68b1724807619d/6506f56010237164c6306591_GleapLogo.svg">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://uxwizz.com" target="_blank">
         <img style="padding: 8px" alt="Self-hosted website analytics with heatmaps and session recordings." width="195px" src="https://github.com/UXWizz/public-files/raw/main/assets/logo.png">
diff --git a/packages/plugins/rrweb-plugin-console-replay/package.json b/packages/plugins/rrweb-plugin-console-replay/package.json
index fd5ee427..2101c515 100644
--- a/packages/plugins/rrweb-plugin-console-replay/package.json
+++ b/packages/plugins/rrweb-plugin-console-replay/package.json
@@ -1,11 +1,12 @@
 {
   "name": "@highlight-run/rrweb-rrweb-plugin-console-replay",
-  "version": "2.0.0-alpha.18",
+  "version": "2.0.0-lambda.5",
   "description": "",
   "type": "module",
   "main": "./dist/rrweb-rrweb-plugin-console-replay.umd.cjs",
   "module": "./dist/rrweb-rrweb-plugin-console-replay.js",
   "unpkg": "./dist/rrweb-rrweb-plugin-console-replay.umd.cjs",
+  "jsdelivr": "./umd/rrweb-rrweb-plugin-console-replay.js",
   "typings": "dist/index.d.ts",
   "exports": {
     ".": {
@@ -20,6 +21,7 @@
     }
   },
   "files": [
+    "umd",
     "dist",
     "package.json"
   ],
@@ -34,9 +36,12 @@
     "url": "git+https://github.com/rrweb-io/rrweb.git"
   },
   "keywords": [
-    "@highlight-run/rrweb"
+    "devtools",
+    "product-analytics",
+    "real-user-monitoring",
+    "rrweb"
   ],
-  "author": "yanzhen@smartx.com",
+  "author": "rrweb Core Team <maintainers@rrweb.com>",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/rrweb-io/rrweb/issues"
@@ -45,9 +50,8 @@
   "devDependencies": {
     "@highlight-run/rrweb": "workspace:*",
     "@highlight-run/rrweb-rrweb-plugin-console-record": "workspace:*",
-    "turbo": "^2.0.5",
     "typescript": "^5.4.5",
-    "vite": "^5.3.1",
+    "vite": "^6.4.2",
     "vite-plugin-dts": "^3.9.1"
   },
   "peerDependencies": {
diff --git a/packages/plugins/rrweb-plugin-network-record/CHANGELOG.md b/packages/plugins/rrweb-plugin-network-record/CHANGELOG.md
new file mode 100644
index 00000000..e69de29b
diff --git a/packages/plugins/rrweb-plugin-network-record/README.md b/packages/plugins/rrweb-plugin-network-record/README.md
new file mode 100644
index 00000000..d77c0c87
--- /dev/null
+++ b/packages/plugins/rrweb-plugin-network-record/README.md
@@ -0,0 +1,210 @@
+# @rrweb/rrweb-plugin-network-record
+
+Please refer to the [network recipe](../../../docs/recipes/network.md) on how to use this plugin.
+See the [guide](../../../guide.md) for more info on rrweb.
+
+## Sponsors
+
+[Become a sponsor](https://opencollective.com/rrweb#sponsor) and get your logo on our README on GitHub with a link to your site.
+
+### Gold Sponsors 🥇
+
+<div dir="auto">
+
+<a href="https://opencollective.com/rrweb/tiers/gold-sponsor/0/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/gold-sponsor/0/avatar.svg?requireActive=false&avatarHeight=225" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/gold-sponsor/1/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/gold-sponsor/1/avatar.svg?requireActive=false&avatarHeight=225" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/gold-sponsor/2/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/gold-sponsor/2/avatar.svg?requireActive=false&avatarHeight=225" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/gold-sponsor/3/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/gold-sponsor/3/avatar.svg?requireActive=false&avatarHeight=225" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/gold-sponsor/4/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/gold-sponsor/4/avatar.svg?requireActive=false&avatarHeight=225" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/gold-sponsor/5/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/gold-sponsor/5/avatar.svg?requireActive=false&avatarHeight=225" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/gold-sponsor/6/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/gold-sponsor/6/avatar.svg?requireActive=false&avatarHeight=225" alt="sponsor"></a>
+
+</div>
+
+### Silver Sponsors 🥈
+
+<div dir="auto">
+
+<a href="https://opencollective.com/rrweb/tiers/silver-sponsor/0/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/silver-sponsor/0/avatar.svg?requireActive=false&avatarHeight=158" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/silver-sponsor/1/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/silver-sponsor/1/avatar.svg?requireActive=false&avatarHeight=158" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/silver-sponsor/2/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/silver-sponsor/2/avatar.svg?requireActive=false&avatarHeight=158" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/silver-sponsor/3/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/silver-sponsor/3/avatar.svg?requireActive=false&avatarHeight=158" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/silver-sponsor/4/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/silver-sponsor/4/avatar.svg?requireActive=false&avatarHeight=158" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/silver-sponsor/5/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/silver-sponsor/5/avatar.svg?requireActive=false&avatarHeight=158" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/silver-sponsor/6/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/silver-sponsor/6/avatar.svg?requireActive=false&avatarHeight=158" alt="sponsor"></a>
+
+</div>
+
+### Bronze Sponsors 🥉
+
+<div dir="auto">
+
+<a href="https://opencollective.com/rrweb/tiers/sponsors/0/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/0/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/sponsors/1/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/1/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/sponsors/2/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/2/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/sponsors/3/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/3/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/sponsors/4/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/4/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/sponsors/5/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/5/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/sponsors/6/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/6/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/sponsors/7/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/7/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/sponsors/8/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/8/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
+
+</div>
+
+### Backers
+
+<a href="https://opencollective.com/rrweb#sponsor" rel="nofollow"><img src="https://opencollective.com/rrweb/tiers/backers.svg?avatarHeight=36"></a>
+
+## Core Team Members
+
+<table>
+  <tr>
+    <td align="center">
+      <a href="https://github.com/Yuyz0112">
+        <img
+          src="https://avatars.githubusercontent.com/u/13651389?s=100"
+          width="100px;"
+          alt=""
+        />
+        <br /><sub><b>Yuyz0112</b></sub>
+        <br /><br />
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/YunFeng0817">
+        <img
+          src="https://avatars.githubusercontent.com/u/27533910?s=100"
+          width="100px;"
+          alt=""
+        />
+        <br /><sub><b>Yun Feng</b></sub>
+        <br /><br />
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/eoghanmurray">
+        <img
+          src="https://avatars.githubusercontent.com/u/156780?s=100"
+          width="100px;"
+          alt=""
+        />
+        <br /><sub><b>eoghanmurray</b></sub>
+        <br /><br />
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/Juice10">
+        <img
+          src="https://avatars.githubusercontent.com/u/4106?s=100"
+          width="100px;"
+          alt=""
+        />
+        <br /><sub><b>Juice10</b></sub>
+        <br /><sub>open for rrweb consulting</sub>
+      </a>
+    </td>
+  </tr>
+</table>
+
+## Who's using rrweb?
+
+<table>
+  <tr>
+    <td align="center">
+      <a href="http://www.smartx.com/" target="_blank">
+        <img width="195px" src="https://raw.githubusercontent.com/rrweb-io/web/master/static/logos/smartx.png" alt="SmartX">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://posthog.com?utm_source=rrweb&utm_medium=sponsorship&utm_campaign=open-source-sponsorship" target="_blank">
+        <img width="195px" src="https://rrweb.com/posthog.png" alt="PostHog">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://statcounter.com/session-replay/" target="_blank">
+        <img width="195px" src="https://statcounter.com/images/logo-statcounter-arc-blue.svg">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://recordonce.com/" target="_blank">
+        <img width="195px" alt="Smart screen recording for SaaS" src="https://uploads-ssl.webflow.com/5f3d133183156245630d4446/5f3d1940abe8db8612c23521_Record-Once-logo-554x80px.svg">
+      </a>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="https://sentry.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/sentry.png" alt="Sentry">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.pendo.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/pendo.png" alt="Pendo">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://mixpanel.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/mixpanel.png" alt="Mixpanel">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.datadoghq.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/datadog.png" alt="Datadog">
+      </a>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="https://amplitude.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/amplitude.png" alt="Amplitude">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://newrelic.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/new%20relic.png" alt="New Relic">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://cux.io" target="_blank">
+        <img style="padding: 8px" alt="The first ever UX automation tool" width="195px" src="https://cux.io/cux-logo.svg">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://remsupp.com" target="_blank">
+        <img style="padding: 8px" alt="Remote Access & Co-Browsing" width="195px" src="https://remsupp.com/images/logo.png">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://highlight.io" target="_blank">
+        <img style="padding: 8px" alt="The open source, fullstack Monitoring Platform." width="195px" src="https://github.com/highlight/highlight/raw/main/highlight.io/public/images/logo.png">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://analyzee.io" target="_blank">
+        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://analyzee.io/img/analyzee-main-logo.webp">
+      </a>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="https://requestly.io" target="_blank">
+        <img style="padding: 8px" alt="Intercept, Modify, Record & Replay HTTP Requests." width="195px" src="https://github.com/requestly/requestly/assets/16779465/652552db-c867-44cb-9bb5-94a2026e04ca">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://gleap.io" target="_blank">
+        <img style="padding: 8px" alt="In-app bug reporting & customer feedback platform." width="195px" src="https://assets-global.website-files.com/6506f3f29c68b1724807619d/6506f56010237164c6306591_GleapLogo.svg">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://uxwizz.com" target="_blank">
+        <img style="padding: 8px" alt="Self-hosted website analytics with heatmaps and session recordings." width="195px" src="https://github.com/UXWizz/public-files/raw/main/assets/logo.png">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.howdygo.com" target="_blank">
+        <img style="padding: 8px" alt="Interactive product demos for small marketing teams" width="195px" src="https://assets-global.website-files.com/650afb446f1dd5bd410f00cc/650b2cec6188ff54dd9b01e1_Logo.svg">
+      </a>
+    </td>
+  </tr>
+</table>
diff --git a/packages/plugins/rrweb-plugin-network-record/package.json b/packages/plugins/rrweb-plugin-network-record/package.json
new file mode 100644
index 00000000..b0a96e2c
--- /dev/null
+++ b/packages/plugins/rrweb-plugin-network-record/package.json
@@ -0,0 +1,63 @@
+{
+  "name": "@highlight-run/rrweb-rrweb-plugin-network-record",
+  "version": "2.0.0-lambda.5",
+  "description": "",
+  "type": "module",
+  "main": "./dist/rrweb-rrweb-plugin-network-record.umd.cjs",
+  "module": "./dist/rrweb-rrweb-plugin-network-record.js",
+  "unpkg": "./dist/rrweb-rrweb-plugin-network-record.umd.cjs",
+  "jsdelivr": "./umd/rrweb-rrweb-plugin-network-record.js",
+  "typings": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/rrweb-rrweb-plugin-network-record.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/rrweb-rrweb-plugin-network-record.umd.cjs"
+      }
+    }
+  },
+  "files": [
+    "umd",
+    "dist",
+    "package.json"
+  ],
+  "scripts": {
+    "dev": "vite build --watch",
+    "test": "vitest run",
+    "test:watch": "vitest watch",
+    "build": "tsc -noEmit && vite build",
+    "check-types": "tsc -noEmit",
+    "prepublish": "tsc -noEmit && vite build",
+    "test:update": "vitest run -u"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/rrweb-io/rrweb.git"
+  },
+  "keywords": [
+    "rrweb"
+  ],
+  "author": "rrweb Core Team <maintainers@rrweb.com>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/rrweb-io/rrweb/issues"
+  },
+  "homepage": "https://github.com/rrweb-io/rrweb#readme",
+  "devDependencies": {
+    "@highlight-run/rrweb": "workspace:*",
+    "@highlight-run/rrweb-types": "workspace:*",
+    "@highlight-run/rrweb-utils": "workspace:*",
+    "typescript": "^5.4.5",
+    "vite": "^6.4.2",
+    "vite-plugin-dts": "^3.9.1",
+    "vitest": "^3.2.6"
+  },
+  "peerDependencies": {
+    "@highlight-run/rrweb": "workspace:*",
+    "@highlight-run/rrweb-utils": "workspace:*"
+  }
+}
diff --git a/packages/plugins/rrweb-plugin-network-record/src/index.ts b/packages/plugins/rrweb-plugin-network-record/src/index.ts
new file mode 100644
index 00000000..8338fb54
--- /dev/null
+++ b/packages/plugins/rrweb-plugin-network-record/src/index.ts
@@ -0,0 +1,638 @@
+import type {
+  listenerHandler,
+  RecordPlugin,
+  IWindow,
+  NetworkBody,
+  NetworkData,
+  NetworkHeaders,
+  NetworkInitiatorType,
+  NetworkRecordOptions,
+  NetworkRequest,
+} from '@rrweb/types';
+import { patch } from '@rrweb/utils';
+
+export type {
+  NetworkBody,
+  NetworkData,
+  NetworkHeaders,
+  NetworkInitiatorType,
+  NetworkRecordOptions,
+  NetworkRequest,
+} from '@rrweb/types';
+
+const defaultNetworkOptions: NetworkRecordOptions = {
+  initiatorTypes: [
+    'audio',
+    'beacon',
+    'body',
+    'css',
+    'early-hint',
+    'embed',
+    'fetch',
+    'frame',
+    'iframe',
+    'icon',
+    'image',
+    'img',
+    'input',
+    'link',
+    'navigation',
+    'object',
+    'ping',
+    'script',
+    'track',
+    'video',
+    'xmlhttprequest',
+  ],
+  transformRequestFn: (request) => request,
+  recordHeaders: false,
+  recordBody: false,
+  recordInitialRequests: false,
+};
+
+type networkCallback = (data: NetworkData) => void;
+
+const isNavigationTiming = (
+  entry: PerformanceEntry,
+): entry is PerformanceNavigationTiming => entry.entryType === 'navigation';
+const isResourceTiming = (
+  entry: PerformanceEntry,
+): entry is PerformanceResourceTiming => entry.entryType === 'resource';
+
+type ObservedPerformanceEntry = (
+  | PerformanceNavigationTiming
+  | PerformanceResourceTiming
+) & {
+  responseStatus?: number;
+};
+
+function getPerformanceEntryInitiatorType(
+  entry: ObservedPerformanceEntry,
+): NetworkInitiatorType {
+  return isNavigationTiming(entry)
+    ? 'navigation'
+    : (entry.initiatorType as NetworkInitiatorType);
+}
+
+function shouldRecordPerformanceEntry(
+  entry: PerformanceEntry,
+  options: Required<NetworkRecordOptions>,
+): entry is ObservedPerformanceEntry {
+  return (
+    (isNavigationTiming(entry) || isResourceTiming(entry)) &&
+    options.initiatorTypes.includes(
+      getPerformanceEntryInitiatorType(entry as ObservedPerformanceEntry),
+    )
+  );
+}
+
+function initPerformanceObserver(
+  cb: networkCallback,
+  win: IWindow,
+  options: Required<NetworkRecordOptions>,
+) {
+  if (options.recordInitialRequests) {
+    const initialPerformanceEntries = win.performance
+      .getEntries()
+      .filter((entry): entry is ObservedPerformanceEntry =>
+        shouldRecordPerformanceEntry(entry, options),
+      );
+    cb({
+      requests: initialPerformanceEntries.map((entry) => ({
+        initiatorType: getPerformanceEntryInitiatorType(entry),
+        duration: entry.duration,
+        entryType: entry.entryType,
+        name: entry.name,
+        status: 'responseStatus' in entry ? entry.responseStatus : undefined,
+        startTime: Math.round(entry.startTime),
+        endTime: Math.round(entry.responseEnd),
+      })),
+      isInitial: true,
+    });
+  }
+  const observer = new win.PerformanceObserver((entries) => {
+    const shouldRecordViaPerformanceObserver = (
+      entry: ObservedPerformanceEntry,
+    ) =>
+      options.recordBody || options.recordHeaders
+        ? entry.initiatorType !== 'xmlhttprequest' &&
+          entry.initiatorType !== 'fetch'
+        : true;
+    const performanceEntries = entries
+      .getEntries()
+      .filter(
+        (entry): entry is ObservedPerformanceEntry =>
+          shouldRecordPerformanceEntry(entry, options) &&
+          shouldRecordViaPerformanceObserver(entry),
+      );
+    cb({
+      requests: performanceEntries.map((entry) => ({
+        initiatorType: getPerformanceEntryInitiatorType(entry),
+        status: 'responseStatus' in entry ? entry.responseStatus : undefined,
+        startTime: Math.round(entry.startTime),
+        endTime: Math.round(entry.responseEnd),
+        duration: entry.duration,
+        entryType: entry.entryType,
+        name: entry.name,
+      })),
+    });
+  });
+  observer.observe({ entryTypes: ['navigation', 'resource'] });
+  return () => {
+    observer.disconnect();
+  };
+}
+
+function shouldRecordHeaders(
+  type: 'request' | 'response',
+  recordHeaders: NetworkRecordOptions['recordHeaders'],
+) {
+  return (
+    !!recordHeaders &&
+    (typeof recordHeaders === 'boolean' || recordHeaders[type])
+  );
+}
+
+function shouldRecordBody(
+  type: 'request' | 'response',
+  recordBody: NetworkRecordOptions['recordBody'],
+  headers: NetworkHeaders,
+  url?: string | URL | RequestInfo,
+) {
+  function matchesContentType(contentTypes: string[]) {
+    const contentTypeHeader = Object.keys(headers).find(
+      (key) => key.toLowerCase() === 'content-type',
+    );
+    const contentType = contentTypeHeader && headers[contentTypeHeader];
+    return contentTypes.some((ct) => contentType?.includes(ct));
+  }
+  if (isBlobUrl(url)) return false;
+  if (!recordBody) return false;
+  if (typeof recordBody === 'boolean') return true;
+  if (Array.isArray(recordBody)) return matchesContentType(recordBody);
+  const recordBodyType = recordBody[type];
+  if (typeof recordBodyType === 'boolean') return recordBodyType;
+  return matchesContentType(recordBodyType);
+}
+
+function isRequest(value: unknown): value is Request {
+  if (typeof Request === 'undefined') {
+    return false;
+  }
+  if (value instanceof Request) {
+    return true;
+  }
+  try {
+    return Object.prototype.toString.call(value) === '[object Request]';
+  } catch {
+    return false;
+  }
+}
+
+function isBlobUrl(url?: string | URL | RequestInfo) {
+  try {
+    if (typeof url === 'string') {
+      return url.startsWith('blob:');
+    }
+    if (url instanceof URL) {
+      return url.protocol === 'blob:';
+    }
+    if (isRequest(url)) {
+      return isBlobUrl(url.url);
+    }
+  } catch {
+    //
+  }
+  return false;
+}
+
+function isReadableStreamBody(
+  body: unknown,
+): body is ReadableStream<Uint8Array> {
+  return (
+    typeof body === 'object' &&
+    body !== null &&
+    typeof (body as ReadableStream<Uint8Array>).getReader === 'function' &&
+    typeof (body as ReadableStream<Uint8Array>).tee === 'function'
+  );
+}
+
+function stringifyFormData(body: FormData) {
+  const searchParams = new URLSearchParams();
+  body.forEach((value, key) => {
+    searchParams.append(
+      key,
+      typeof File !== 'undefined' && value instanceof File
+        ? value.name
+        : String(value),
+    );
+  });
+  return searchParams.toString();
+}
+
+function readXhrBody(
+  body: Document | XMLHttpRequestBodyInit | unknown | null | undefined,
+): NetworkBody {
+  if (body === undefined || body === null) {
+    return null;
+  }
+  if (typeof body === 'string') {
+    return body;
+  }
+  if (body instanceof URLSearchParams) {
+    return body.toString();
+  }
+  if (typeof FormData !== 'undefined' && body instanceof FormData) {
+    return stringifyFormData(body);
+  }
+  if (typeof Document !== 'undefined' && body instanceof Document) {
+    return body.textContent;
+  }
+  if (typeof Blob !== 'undefined' && body instanceof Blob) {
+    return `[rrweb/network] Cannot synchronously read body of type ${body.constructor.name}`;
+  }
+  if (
+    body instanceof ArrayBuffer ||
+    ArrayBuffer.isView(body as ArrayBufferView)
+  ) {
+    return `[rrweb/network] Cannot read binary body`;
+  }
+  try {
+    return JSON.stringify(body);
+  } catch {
+    return `[rrweb/network] Failed to stringify body`;
+  }
+}
+
+async function readFetchBody(requestOrResponse: Request | Response) {
+  return new Promise<NetworkBody>((resolve) => {
+    const timeout = setTimeout(
+      () => resolve('[rrweb/network] Timeout while reading body'),
+      500,
+    );
+    try {
+      requestOrResponse
+        .clone()
+        .text()
+        .then(
+          (text) => resolve(text),
+          (error: unknown) =>
+            resolve(`[rrweb/network] Failed to read body: ${String(error)}`),
+        )
+        .finally(() => clearTimeout(timeout));
+    } catch {
+      clearTimeout(timeout);
+      resolve('[rrweb/network] Failed to read body');
+    }
+  });
+}
+
+async function getRequestPerformanceEntry(
+  win: IWindow,
+  initiatorType: string,
+  url: string,
+  after?: number,
+  before?: number,
+  attempt = 0,
+): Promise<PerformanceResourceTiming | null> {
+  if (attempt > 10) {
+    return null;
+  }
+  const urlPerformanceEntries = win.performance.getEntriesByName(
+    url,
+  ) as PerformanceResourceTiming[];
+  const performanceEntry = findLast(
+    urlPerformanceEntries,
+    (entry) =>
+      isResourceTiming(entry) &&
+      entry.initiatorType === initiatorType &&
+      (!after || entry.startTime >= after) &&
+      (!before || entry.startTime <= before),
+  );
+  if (!performanceEntry) {
+    await new Promise((resolve) => setTimeout(resolve, 50 * attempt));
+    return getRequestPerformanceEntry(
+      win,
+      initiatorType,
+      url,
+      after,
+      before,
+      attempt + 1,
+    );
+  }
+  return performanceEntry;
+}
+
+function initXhrObserver(
+  cb: networkCallback,
+  win: IWindow,
+  options: Required<NetworkRecordOptions>,
+): listenerHandler {
+  if (!options.initiatorTypes.includes('xmlhttprequest')) {
+    return () => {
+      //
+    };
+  }
+  const recordRequestHeaders = shouldRecordHeaders(
+    'request',
+    options.recordHeaders,
+  );
+  const recordResponseHeaders = shouldRecordHeaders(
+    'response',
+    options.recordHeaders,
+  );
+  const restorePatch = patch(win.XMLHttpRequest.prototype, 'open', ((
+    originalOpen: typeof XMLHttpRequest.prototype.open,
+  ) => {
+    return function (
+      this: XMLHttpRequest,
+      method: string,
+      url: string | URL,
+      async = true,
+      username?: string | null,
+      password?: string | null,
+    ) {
+      // eslint-disable-next-line @typescript-eslint/no-this-alias
+      const xhr = this;
+      const req = new Request(url, { method });
+      const networkRequest: Partial<NetworkRequest> = {};
+      let after: number | undefined;
+      let before: number | undefined;
+      const requestHeaders: NetworkHeaders = {};
+      const originalSetRequestHeader = xhr.setRequestHeader.bind(xhr);
+      xhr.setRequestHeader = (header: string, value: string) => {
+        requestHeaders[header] = value;
+        return originalSetRequestHeader(header, value);
+      };
+      if (recordRequestHeaders) {
+        networkRequest.requestHeaders = requestHeaders;
+      }
+      const originalSend = xhr.send.bind(xhr);
+      xhr.send = (body) => {
+        if (
+          shouldRecordBody('request', options.recordBody, requestHeaders, url)
+        ) {
+          networkRequest.requestBody = readXhrBody(body);
+        }
+        after = win.performance.now();
+        return originalSend(body);
+      };
+      xhr.addEventListener('readystatechange', () => {
+        if (xhr.readyState !== xhr.DONE) {
+          return;
+        }
+        before = win.performance.now();
+        const responseHeaders: NetworkHeaders = {};
+        const rawHeaders = xhr.getAllResponseHeaders();
+        const headers = rawHeaders.trim().split(/[\r\n]+/);
+        headers.forEach((line) => {
+          const parts = line.split(': ');
+          const header = parts.shift();
+          const value = parts.join(': ');
+          if (header) {
+            responseHeaders[header] = value;
+          }
+        });
+        if (recordResponseHeaders) {
+          networkRequest.responseHeaders = responseHeaders;
+        }
+        if (
+          shouldRecordBody('response', options.recordBody, responseHeaders, url)
+        ) {
+          // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+          networkRequest.responseBody = readXhrBody(xhr.response);
+        }
+        getRequestPerformanceEntry(
+          win,
+          'xmlhttprequest',
+          req.url,
+          after,
+          before,
+        )
+          .then((entry) => {
+            if (!entry) {
+              // https://github.com/rrweb-io/rrweb/pull/1105#issuecomment-1953808336
+              const requests = prepareRequestWithoutPerformance(
+                req,
+                networkRequest,
+              );
+              cb({ requests });
+              return;
+            }
+
+            const requests = prepareRequest(
+              entry,
+              method,
+              xhr.status,
+              networkRequest,
+            );
+            cb({ requests });
+          })
+          .catch(() => {
+            //
+          });
+      });
+      originalOpen.call(xhr, method, url, async, username, password);
+    };
+  }) as (...args: unknown[]) => unknown);
+  return () => {
+    restorePatch();
+  };
+}
+
+function initFetchObserver(
+  cb: networkCallback,
+  win: IWindow,
+  options: Required<NetworkRecordOptions>,
+): listenerHandler {
+  if (!options.initiatorTypes.includes('fetch')) {
+    return () => {
+      //
+    };
+  }
+  const recordRequestHeaders = shouldRecordHeaders(
+    'request',
+    options.recordHeaders,
+  );
+  const recordResponseHeaders = shouldRecordHeaders(
+    'response',
+    options.recordHeaders,
+  );
+  const restorePatch = patch(win, 'fetch', ((originalFetch: typeof fetch) => {
+    return async function (
+      url: URL | RequestInfo,
+      init?: RequestInit | undefined,
+    ) {
+      const req = new Request(url, init);
+      let res: Response | undefined;
+      const networkRequest: Partial<NetworkRequest> = {};
+      let after: number | undefined;
+      let before: number | undefined;
+      try {
+        const requestHeaders: NetworkHeaders = {};
+        req.headers.forEach((value, header) => {
+          requestHeaders[header] = value;
+        });
+        if (recordRequestHeaders) {
+          networkRequest.requestHeaders = requestHeaders;
+        }
+        if (
+          !isReadableStreamBody(init?.body) &&
+          shouldRecordBody('request', options.recordBody, requestHeaders, url)
+        ) {
+          networkRequest.requestBody = await readFetchBody(req);
+        }
+        after = win.performance.now();
+        res = isRequest(url)
+          ? await originalFetch(req)
+          : await originalFetch(url, init);
+        before = win.performance.now();
+        const responseHeaders: NetworkHeaders = {};
+        res.headers.forEach((value, header) => {
+          responseHeaders[header] = value;
+        });
+        if (recordResponseHeaders) {
+          networkRequest.responseHeaders = responseHeaders;
+        }
+        if (
+          shouldRecordBody('response', options.recordBody, responseHeaders, url)
+        ) {
+          networkRequest.responseBody = await readFetchBody(res);
+        }
+        return res;
+      } finally {
+        getRequestPerformanceEntry(win, 'fetch', req.url, after, before)
+          .then((entry) => {
+            if (!entry) {
+              // https://github.com/rrweb-io/rrweb/pull/1105#issuecomment-1953808336
+              const requests = prepareRequestWithoutPerformance(
+                req,
+                networkRequest,
+              );
+              cb({ requests });
+              return;
+            }
+
+            const requests = prepareRequest(
+              entry,
+              req.method,
+              res?.status,
+              networkRequest,
+            );
+            cb({ requests });
+          })
+          .catch(() => {
+            //
+          });
+      }
+    };
+  }) as (...args: unknown[]) => unknown);
+  return () => {
+    restorePatch();
+  };
+}
+
+function initNetworkObserver(
+  callback: networkCallback,
+  win: IWindow, // top window or in an iframe
+  options: NetworkRecordOptions,
+): listenerHandler {
+  if (!('performance' in win)) {
+    return () => {
+      //
+    };
+  }
+  const networkOptions = (
+    options
+      ? Object.assign({}, defaultNetworkOptions, options)
+      : defaultNetworkOptions
+  ) as Required<NetworkRecordOptions>;
+
+  const cb: networkCallback = (data) => {
+    const requests = data.requests
+      .map((request) => networkOptions.transformRequestFn(request))
+      .filter(Boolean) as NetworkRequest[];
+
+    if (requests.length > 0 || data.isInitial) {
+      callback({ ...data, requests });
+    }
+  };
+  const performanceObserver = initPerformanceObserver(cb, win, networkOptions);
+  let xhrObserver: listenerHandler = () => {
+    //
+  };
+  let fetchObserver: listenerHandler = () => {
+    //
+  };
+  if (networkOptions.recordHeaders || networkOptions.recordBody) {
+    xhrObserver = initXhrObserver(cb, win, networkOptions);
+    fetchObserver = initFetchObserver(cb, win, networkOptions);
+  }
+  return () => {
+    performanceObserver();
+    xhrObserver();
+    fetchObserver();
+  };
+}
+
+function prepareRequest(
+  entry: PerformanceResourceTiming,
+  method: string | undefined,
+  status: number | undefined,
+  networkRequest: Partial<NetworkRequest>,
+): NetworkRequest[] {
+  const request: NetworkRequest = {
+    method,
+    initiatorType: entry.initiatorType as NetworkInitiatorType,
+    duration: entry.duration,
+    entryType: entry.entryType,
+    name: entry.name,
+    status,
+    startTime: Math.round(entry.startTime),
+    endTime: Math.round(entry.responseEnd),
+    requestHeaders: networkRequest.requestHeaders,
+    requestBody: networkRequest.requestBody,
+    responseHeaders: networkRequest.responseHeaders,
+    responseBody: networkRequest.responseBody,
+  };
+
+  return [request];
+}
+
+function prepareRequestWithoutPerformance(
+  req: Request,
+  networkRequest: Partial<NetworkRequest>,
+): NetworkRequest[] {
+  const request: NetworkRequest = {
+    name: req.url,
+    method: req.method,
+    requestHeaders: networkRequest.requestHeaders,
+    requestBody: networkRequest.requestBody,
+    responseHeaders: networkRequest.responseHeaders,
+    responseBody: networkRequest.responseBody,
+  };
+
+  return [request];
+}
+
+function findLast<T>(
+  array: Array<T>,
+  predicate: (value: T) => boolean,
+): T | undefined {
+  const length = array.length;
+  for (let i = length - 1; i >= 0; i -= 1) {
+    if (predicate(array[i])) {
+      return array[i];
+    }
+  }
+}
+
+export const PLUGIN_NAME = 'rrweb/network@1';
+
+export const getRecordNetworkPlugin: (
+  options?: NetworkRecordOptions,
+) => RecordPlugin = (options) => ({
+  name: PLUGIN_NAME,
+  observer: initNetworkObserver as RecordPlugin['observer'],
+  options: options,
+});
diff --git a/packages/plugins/rrweb-plugin-network-record/test/index.test.ts b/packages/plugins/rrweb-plugin-network-record/test/index.test.ts
new file mode 100644
index 00000000..386a624e
--- /dev/null
+++ b/packages/plugins/rrweb-plugin-network-record/test/index.test.ts
@@ -0,0 +1,267 @@
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { getRecordNetworkPlugin } from '../src';
+import type { NetworkData } from '../src';
+
+class MockPerformanceObserver {
+  observe() {
+    //
+  }
+
+  disconnect() {
+    //
+  }
+}
+
+type MockWindow = {
+  performance: {
+    now: () => number;
+    getEntries: () => PerformanceEntry[];
+    getEntriesByName: (url: string) => PerformanceResourceTiming[];
+  };
+  PerformanceObserver: typeof PerformanceObserver;
+  XMLHttpRequest: typeof XMLHttpRequest;
+  fetch: typeof fetch;
+};
+
+function createPerformanceEntry(
+  url: string,
+  initiatorType: 'fetch' | 'xmlhttprequest',
+): PerformanceResourceTiming {
+  return {
+    name: url,
+    entryType: 'resource',
+    initiatorType,
+    startTime: 0,
+    responseEnd: 1,
+    duration: 1,
+    toJSON: () => ({
+      name: url,
+      entryType: 'resource',
+      initiatorType,
+    }),
+  } as PerformanceResourceTiming;
+}
+
+function createNavigationEntry(url: string): PerformanceNavigationTiming {
+  return {
+    name: url,
+    entryType: 'navigation',
+    initiatorType: 'navigation',
+    startTime: 0,
+    responseEnd: 1,
+    duration: 1,
+    toJSON: () => ({
+      name: url,
+      entryType: 'navigation',
+      initiatorType: 'navigation',
+    }),
+  } as PerformanceNavigationTiming;
+}
+
+async function flushMicrotasks() {
+  for (let i = 0; i < 5; i++) {
+    await Promise.resolve();
+  }
+}
+
+function createMockWindow({
+  fetchImpl = async () => new Response('ok'),
+  entries = [],
+  initialEntries = [],
+}: {
+  fetchImpl?: typeof fetch;
+  entries?: PerformanceResourceTiming[];
+  initialEntries?: PerformanceEntry[];
+} = {}): MockWindow {
+  let now = 0;
+  class MockXMLHttpRequest {
+    static instances: MockXMLHttpRequest[] = [];
+
+    listeners = new Map<string, Array<() => void>>();
+    readyState = 0;
+    DONE = 4;
+    status = 200;
+    response: unknown = '';
+    sentBody: Document | XMLHttpRequestBodyInit | null | undefined;
+
+    constructor() {
+      MockXMLHttpRequest.instances.push(this);
+    }
+
+    open() {
+      //
+    }
+
+    send(body?: Document | XMLHttpRequestBodyInit | null) {
+      this.sentBody = body;
+    }
+
+    setRequestHeader() {
+      //
+    }
+
+    getAllResponseHeaders() {
+      return 'content-type: application/json';
+    }
+
+    addEventListener(event: string, listener: () => void) {
+      const listeners = this.listeners.get(event) || [];
+      listeners.push(listener);
+      this.listeners.set(event, listeners);
+    }
+
+    complete() {
+      this.readyState = this.DONE;
+      for (const listener of this.listeners.get('readystatechange') || []) {
+        listener();
+      }
+    }
+  }
+
+  return {
+    performance: {
+      now: () => now++,
+      getEntries: () => initialEntries,
+      getEntriesByName: (url: string) =>
+        entries.filter((entry) => entry.name === url),
+    },
+    PerformanceObserver:
+      MockPerformanceObserver as unknown as typeof PerformanceObserver,
+    XMLHttpRequest: MockXMLHttpRequest as unknown as typeof XMLHttpRequest,
+    fetch: fetchImpl,
+  };
+}
+
+describe('rrweb-plugin-network-record', () => {
+  afterEach(() => {
+    vi.useRealTimers();
+  });
+
+  it('records the XHR method passed to open()', async () => {
+    const url = 'https://example.com/api';
+    const events: NetworkData[] = [];
+    const win = createMockWindow({
+      entries: [createPerformanceEntry(url, 'xmlhttprequest')],
+    });
+    const plugin = getRecordNetworkPlugin({
+      recordBody: true,
+      initiatorTypes: ['xmlhttprequest'],
+    });
+    const cleanup = plugin.observer(
+      (data: NetworkData) => events.push(data),
+      win,
+      plugin.options,
+    );
+
+    const xhr = new win.XMLHttpRequest();
+    xhr.open('POST', url);
+    xhr.send('{"ok":true}');
+    (xhr as unknown as { complete: () => void }).complete();
+    await flushMicrotasks();
+    cleanup();
+
+    expect(events[0].requests[0].method).toBe('POST');
+  });
+
+  it('records the XHR method when performance timing data is unavailable', async () => {
+    vi.useFakeTimers();
+    const url = 'https://example.com/api';
+    const events: NetworkData[] = [];
+    const win = createMockWindow();
+    const plugin = getRecordNetworkPlugin({
+      recordBody: true,
+      initiatorTypes: ['xmlhttprequest'],
+    });
+    const cleanup = plugin.observer(
+      (data: NetworkData) => events.push(data),
+      win,
+      plugin.options,
+    );
+
+    const xhr = new win.XMLHttpRequest();
+    xhr.open('POST', url);
+    xhr.send('{"ok":true}');
+    (xhr as unknown as { complete: () => void }).complete();
+    await vi.runAllTimersAsync();
+    await flushMicrotasks();
+    cleanup();
+
+    expect(events[0].requests[0].method).toBe('POST');
+  });
+
+  it('filters initial navigation entries by initiatorTypes', () => {
+    const events: NetworkData[] = [];
+    const win = createMockWindow({
+      initialEntries: [createNavigationEntry('https://example.com/page')],
+    });
+    const plugin = getRecordNetworkPlugin({
+      recordInitialRequests: true,
+      initiatorTypes: ['fetch'],
+    });
+    const cleanup = plugin.observer(
+      (data: NetworkData) => events.push(data),
+      win,
+      plugin.options,
+    );
+    cleanup();
+
+    expect(events[0]).toEqual({ requests: [], isInitial: true });
+  });
+
+  it('records fetch request bodies as serializable text', async () => {
+    const url = 'https://example.com/api';
+    const events: NetworkData[] = [];
+    const win = createMockWindow({
+      entries: [createPerformanceEntry(url, 'fetch')],
+    });
+    const plugin = getRecordNetworkPlugin({
+      recordBody: true,
+      initiatorTypes: ['fetch'],
+    });
+    const cleanup = plugin.observer(
+      (data: NetworkData) => events.push(data),
+      win,
+      plugin.options,
+    );
+
+    await win.fetch(url, {
+      method: 'POST',
+      headers: { 'content-type': 'text/plain' },
+      body: 'hello',
+    });
+    await flushMicrotasks();
+    cleanup();
+
+    expect(events[0].requests[0].requestBody).toBe('hello');
+  });
+
+  it('forwards fetch(url, init) to the original fetch without replacing it with an internal Request', async () => {
+    const url = 'https://example.com/api';
+    let downstreamInput: RequestInfo | URL | undefined;
+    let downstreamInit: RequestInit | undefined;
+    const init = {
+      method: 'POST',
+      headers: { 'content-type': 'text/plain' },
+      body: 'hello',
+    };
+    const win = createMockWindow({
+      entries: [createPerformanceEntry(url, 'fetch')],
+      fetchImpl: async (input, requestInit) => {
+        downstreamInput = input;
+        downstreamInit = requestInit;
+        return new Response('ok');
+      },
+    });
+    const plugin = getRecordNetworkPlugin({
+      recordBody: true,
+      initiatorTypes: ['fetch'],
+    });
+    const cleanup = plugin.observer(() => undefined, win, plugin.options);
+
+    await win.fetch(url, init);
+    cleanup();
+
+    expect(downstreamInput).toBe(url);
+    expect(downstreamInit).toBe(init);
+  });
+});
diff --git a/packages/plugins/rrweb-plugin-network-record/tsconfig.json b/packages/plugins/rrweb-plugin-network-record/tsconfig.json
new file mode 100644
index 00000000..b70866e1
--- /dev/null
+++ b/packages/plugins/rrweb-plugin-network-record/tsconfig.json
@@ -0,0 +1,17 @@
+{
+  "extends": "../../../tsconfig.base.json",
+  "include": ["src"],
+  "exclude": ["vite.config.ts", "vitest.config.ts", "test"],
+  "compilerOptions": {
+    "rootDir": "src",
+    "tsBuildInfoFile": "./tsconfig.tsbuildinfo"
+  },
+  "references": [
+    {
+      "path": "../../types"
+    },
+    {
+      "path": "../../utils"
+    }
+  ]
+}
diff --git a/packages/plugins/rrweb-plugin-network-record/vite.config.ts b/packages/plugins/rrweb-plugin-network-record/vite.config.ts
new file mode 100644
index 00000000..1ffb811e
--- /dev/null
+++ b/packages/plugins/rrweb-plugin-network-record/vite.config.ts
@@ -0,0 +1,3 @@
+import config from '../../../vite.config.default';
+
+export default config('src/index.ts', 'rrwebPluginNetworkRecord');
diff --git a/packages/plugins/rrweb-plugin-network-record/vitest.config.ts b/packages/plugins/rrweb-plugin-network-record/vitest.config.ts
new file mode 100644
index 00000000..0ea1013a
--- /dev/null
+++ b/packages/plugins/rrweb-plugin-network-record/vitest.config.ts
@@ -0,0 +1,15 @@
+/// <reference types="vitest" />
+import { defineProject, mergeConfig } from 'vitest/config';
+import { resolve } from 'node:path';
+import configShared from '../../../vitest.config.ts';
+
+export default mergeConfig(
+  configShared,
+  defineProject({
+    resolve: {
+      alias: {
+        '@rrweb/utils': resolve(__dirname, '../../utils/src'),
+      },
+    },
+  }),
+);
diff --git a/packages/plugins/rrweb-plugin-network-replay/CHANGELOG.md b/packages/plugins/rrweb-plugin-network-replay/CHANGELOG.md
new file mode 100644
index 00000000..e69de29b
diff --git a/packages/plugins/rrweb-plugin-network-replay/README.md b/packages/plugins/rrweb-plugin-network-replay/README.md
new file mode 100644
index 00000000..3618e807
--- /dev/null
+++ b/packages/plugins/rrweb-plugin-network-replay/README.md
@@ -0,0 +1,210 @@
+# @rrweb/rrweb-plugin-network-replay
+
+Please refer to the [network recipe](../../../docs/recipes/network.md) on how to use this plugin.
+See the [guide](../../../guide.md) for more info on rrweb.
+
+## Sponsors
+
+[Become a sponsor](https://opencollective.com/rrweb#sponsor) and get your logo on our README on GitHub with a link to your site.
+
+### Gold Sponsors 🥇
+
+<div dir="auto">
+
+<a href="https://opencollective.com/rrweb/tiers/gold-sponsor/0/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/gold-sponsor/0/avatar.svg?requireActive=false&avatarHeight=225" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/gold-sponsor/1/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/gold-sponsor/1/avatar.svg?requireActive=false&avatarHeight=225" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/gold-sponsor/2/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/gold-sponsor/2/avatar.svg?requireActive=false&avatarHeight=225" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/gold-sponsor/3/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/gold-sponsor/3/avatar.svg?requireActive=false&avatarHeight=225" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/gold-sponsor/4/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/gold-sponsor/4/avatar.svg?requireActive=false&avatarHeight=225" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/gold-sponsor/5/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/gold-sponsor/5/avatar.svg?requireActive=false&avatarHeight=225" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/gold-sponsor/6/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/gold-sponsor/6/avatar.svg?requireActive=false&avatarHeight=225" alt="sponsor"></a>
+
+</div>
+
+### Silver Sponsors 🥈
+
+<div dir="auto">
+
+<a href="https://opencollective.com/rrweb/tiers/silver-sponsor/0/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/silver-sponsor/0/avatar.svg?requireActive=false&avatarHeight=158" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/silver-sponsor/1/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/silver-sponsor/1/avatar.svg?requireActive=false&avatarHeight=158" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/silver-sponsor/2/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/silver-sponsor/2/avatar.svg?requireActive=false&avatarHeight=158" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/silver-sponsor/3/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/silver-sponsor/3/avatar.svg?requireActive=false&avatarHeight=158" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/silver-sponsor/4/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/silver-sponsor/4/avatar.svg?requireActive=false&avatarHeight=158" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/silver-sponsor/5/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/silver-sponsor/5/avatar.svg?requireActive=false&avatarHeight=158" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/silver-sponsor/6/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/silver-sponsor/6/avatar.svg?requireActive=false&avatarHeight=158" alt="sponsor"></a>
+
+</div>
+
+### Bronze Sponsors 🥉
+
+<div dir="auto">
+
+<a href="https://opencollective.com/rrweb/tiers/sponsors/0/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/0/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/sponsors/1/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/1/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/sponsors/2/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/2/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/sponsors/3/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/3/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/sponsors/4/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/4/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/sponsors/5/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/5/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/sponsors/6/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/6/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/sponsors/7/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/7/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
+<a href="https://opencollective.com/rrweb/tiers/sponsors/8/website?requireActive=false" target="_blank"><img src="https://opencollective.com/rrweb/tiers/sponsors/8/avatar.svg?requireActive=false&avatarHeight=70" alt="sponsor"></a>
+
+</div>
+
+### Backers
+
+<a href="https://opencollective.com/rrweb#sponsor" rel="nofollow"><img src="https://opencollective.com/rrweb/tiers/backers.svg?avatarHeight=36"></a>
+
+## Core Team Members
+
+<table>
+  <tr>
+    <td align="center">
+      <a href="https://github.com/Yuyz0112">
+        <img
+          src="https://avatars.githubusercontent.com/u/13651389?s=100"
+          width="100px;"
+          alt=""
+        />
+        <br /><sub><b>Yuyz0112</b></sub>
+        <br /><br />
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/YunFeng0817">
+        <img
+          src="https://avatars.githubusercontent.com/u/27533910?s=100"
+          width="100px;"
+          alt=""
+        />
+        <br /><sub><b>Yun Feng</b></sub>
+        <br /><br />
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/eoghanmurray">
+        <img
+          src="https://avatars.githubusercontent.com/u/156780?s=100"
+          width="100px;"
+          alt=""
+        />
+        <br /><sub><b>eoghanmurray</b></sub>
+        <br /><br />
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://github.com/Juice10">
+        <img
+          src="https://avatars.githubusercontent.com/u/4106?s=100"
+          width="100px;"
+          alt=""
+        />
+        <br /><sub><b>Juice10</b></sub>
+        <br /><sub>open for rrweb consulting</sub>
+      </a>
+    </td>
+  </tr>
+</table>
+
+## Who's using rrweb?
+
+<table>
+  <tr>
+    <td align="center">
+      <a href="http://www.smartx.com/" target="_blank">
+        <img width="195px" src="https://raw.githubusercontent.com/rrweb-io/web/master/static/logos/smartx.png" alt="SmartX">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://posthog.com?utm_source=rrweb&utm_medium=sponsorship&utm_campaign=open-source-sponsorship" target="_blank">
+        <img width="195px" src="https://rrweb.com/posthog.png" alt="PostHog">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://statcounter.com/session-replay/" target="_blank">
+        <img width="195px" src="https://statcounter.com/images/logo-statcounter-arc-blue.svg">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://recordonce.com/" target="_blank">
+        <img width="195px" alt="Smart screen recording for SaaS" src="https://uploads-ssl.webflow.com/5f3d133183156245630d4446/5f3d1940abe8db8612c23521_Record-Once-logo-554x80px.svg">
+      </a>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="https://sentry.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/sentry.png" alt="Sentry">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.pendo.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/pendo.png" alt="Pendo">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://mixpanel.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/mixpanel.png" alt="Mixpanel">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.datadoghq.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/datadog.png" alt="Datadog">
+      </a>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="https://amplitude.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/amplitude.png" alt="Amplitude">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://newrelic.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/new%20relic.png" alt="New Relic">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://cux.io" target="_blank">
+        <img style="padding: 8px" alt="The first ever UX automation tool" width="195px" src="https://cux.io/cux-logo.svg">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://remsupp.com" target="_blank">
+        <img style="padding: 8px" alt="Remote Access & Co-Browsing" width="195px" src="https://remsupp.com/images/logo.png">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://highlight.io" target="_blank">
+        <img style="padding: 8px" alt="The open source, fullstack Monitoring Platform." width="195px" src="https://github.com/highlight/highlight/raw/main/highlight.io/public/images/logo.png">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://analyzee.io" target="_blank">
+        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://analyzee.io/img/analyzee-main-logo.webp">
+      </a>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="https://requestly.io" target="_blank">
+        <img style="padding: 8px" alt="Intercept, Modify, Record & Replay HTTP Requests." width="195px" src="https://github.com/requestly/requestly/assets/16779465/652552db-c867-44cb-9bb5-94a2026e04ca">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://gleap.io" target="_blank">
+        <img style="padding: 8px" alt="In-app bug reporting & customer feedback platform." width="195px" src="https://assets-global.website-files.com/6506f3f29c68b1724807619d/6506f56010237164c6306591_GleapLogo.svg">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://uxwizz.com" target="_blank">
+        <img style="padding: 8px" alt="Self-hosted website analytics with heatmaps and session recordings." width="195px" src="https://github.com/UXWizz/public-files/raw/main/assets/logo.png">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.howdygo.com" target="_blank">
+        <img style="padding: 8px" alt="Interactive product demos for small marketing teams" width="195px" src="https://assets-global.website-files.com/650afb446f1dd5bd410f00cc/650b2cec6188ff54dd9b01e1_Logo.svg">
+      </a>
+    </td>
+  </tr>
+</table>
diff --git a/packages/plugins/rrweb-plugin-network-replay/package.json b/packages/plugins/rrweb-plugin-network-replay/package.json
new file mode 100644
index 00000000..41c49b6a
--- /dev/null
+++ b/packages/plugins/rrweb-plugin-network-replay/package.json
@@ -0,0 +1,59 @@
+{
+  "name": "@highlight-run/rrweb-rrweb-plugin-network-replay",
+  "version": "2.0.0-lambda.5",
+  "description": "",
+  "type": "module",
+  "main": "./dist/rrweb-rrweb-plugin-network-replay.umd.cjs",
+  "module": "./dist/rrweb-rrweb-plugin-network-replay.js",
+  "unpkg": "./dist/rrweb-rrweb-plugin-network-replay.umd.cjs",
+  "jsdelivr": "./umd/rrweb-rrweb-plugin-network-replay.js",
+  "typings": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/rrweb-rrweb-plugin-network-replay.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/rrweb-rrweb-plugin-network-replay.umd.cjs"
+      }
+    }
+  },
+  "files": [
+    "umd",
+    "dist",
+    "package.json"
+  ],
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "tsc -noEmit && vite build",
+    "check-types": "tsc -noEmit",
+    "prepublish": "tsc -noEmit && vite build"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/rrweb-io/rrweb.git"
+  },
+  "keywords": [
+    "rrweb"
+  ],
+  "author": "rrweb Core Team <maintainers@rrweb.com>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/rrweb-io/rrweb/issues"
+  },
+  "homepage": "https://github.com/rrweb-io/rrweb#readme",
+  "devDependencies": {
+    "@highlight-run/rrweb": "workspace:*",
+    "@highlight-run/rrweb-rrweb-plugin-network-record": "workspace:*",
+    "@highlight-run/rrweb-types": "workspace:*",
+    "typescript": "^5.4.5",
+    "vite": "^6.4.2",
+    "vite-plugin-dts": "^3.9.1"
+  },
+  "peerDependencies": {
+    "@highlight-run/rrweb": "workspace:*",
+    "@highlight-run/rrweb-types": "workspace:*"
+  }
+}
diff --git a/packages/plugins/rrweb-plugin-network-replay/src/index.ts b/packages/plugins/rrweb-plugin-network-replay/src/index.ts
new file mode 100644
index 00000000..554ac929
--- /dev/null
+++ b/packages/plugins/rrweb-plugin-network-replay/src/index.ts
@@ -0,0 +1,30 @@
+import type { eventWithTime, NetworkData } from '@rrweb/types';
+import { EventType } from '@rrweb/types';
+import { PLUGIN_NAME } from '@rrweb/rrweb-plugin-network-record';
+
+type ReplayPlugin = {
+  handler?: (event: eventWithTime, isSync: boolean, context: unknown) => void;
+};
+
+export type OnNetworkData = (data: NetworkData) => void;
+
+export type NetworkReplayOptions = {
+  onNetworkData: OnNetworkData;
+};
+
+export const getReplayNetworkPlugin: (
+  options: NetworkReplayOptions,
+) => ReplayPlugin = (options) => {
+  return {
+    handler(event: eventWithTime) {
+      if (
+        event.type === EventType.Plugin &&
+        event.data.plugin === PLUGIN_NAME
+      ) {
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        const networkData = event.data.payload as NetworkData;
+        options.onNetworkData(networkData);
+      }
+    },
+  };
+};
diff --git a/packages/plugins/rrweb-plugin-network-replay/tsconfig.json b/packages/plugins/rrweb-plugin-network-replay/tsconfig.json
new file mode 100644
index 00000000..dd9ef0fc
--- /dev/null
+++ b/packages/plugins/rrweb-plugin-network-replay/tsconfig.json
@@ -0,0 +1,17 @@
+{
+  "extends": "../../../tsconfig.base.json",
+  "include": ["src"],
+  "exclude": ["vite.config.ts", "test"],
+  "compilerOptions": {
+    "rootDir": "src",
+    "tsBuildInfoFile": "./tsconfig.tsbuildinfo"
+  },
+  "references": [
+    {
+      "path": "../../types"
+    },
+    {
+      "path": "../rrweb-plugin-network-record"
+    }
+  ]
+}
diff --git a/packages/plugins/rrweb-plugin-network-replay/vite.config.ts b/packages/plugins/rrweb-plugin-network-replay/vite.config.ts
new file mode 100644
index 00000000..333e105d
--- /dev/null
+++ b/packages/plugins/rrweb-plugin-network-replay/vite.config.ts
@@ -0,0 +1,3 @@
+import config from '../../../vite.config.default';
+
+export default config('src/index.ts', 'rrwebPluginNetworkReplay');
diff --git a/packages/plugins/rrweb-plugin-sequential-id-record/CHANGELOG.md b/packages/plugins/rrweb-plugin-sequential-id-record/CHANGELOG.md
index 226f1fb4..4d4d879e 100644
--- a/packages/plugins/rrweb-plugin-sequential-id-record/CHANGELOG.md
+++ b/packages/plugins/rrweb-plugin-sequential-id-record/CHANGELOG.md
@@ -1,5 +1,43 @@
 # @rrweb/rrweb-plugin-sequential-id-record
 
+## 2.0.1
+
+### Patch Changes
+
+- Updated dependencies [[`5f52d63`](https://github.com/rrweb-io/rrweb/commit/5f52d63636b3246bd5b6ba99a93cba41c5d981cb)]:
+  - rrweb@2.0.1
+
+## 2.0.0
+
+### Major Changes
+
+- [#1497](https://github.com/rrweb-io/rrweb/pull/1497) [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf) Thanks [@Juice10](https://github.com/Juice10)! - Split plugins out of rrweb and move them into their own packages: @rrweb/packer, @rrweb/rrweb-plugin-canvas-webrtc-record, @rrweb/rrweb-plugin-canvas-webrtc-replay, @rrweb/rrweb-plugin-sequential-id-record, @rrweb/rrweb-plugin-sequential-id-replay, @rrweb/rrweb-plugin-console-record, @rrweb/rrweb-plugin-console-replay. Check out the README of each package for more information or check out https://github.com/rrweb-io/rrweb/pull/1033 to see the changes.
+
+- [#1497](https://github.com/rrweb-io/rrweb/pull/1497) [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf) Thanks [@Juice10](https://github.com/Juice10)! - Distributed files have new filenames, paths and extensions. **Important: If you reference distributed files or types directly, you might have to update your paths/filenames. E.g. you import from `rrweb/typings/...` or `rrdom/es`. However you run `import rrweb from 'rrweb'` you won't notice a difference with this change.** If you include rrweb files directly in a script tag, you might have to update that path to include a the `.umd.cjs` files instead. All `.js` files now use ES modules which can be used in modern browsers, node.js and bundlers that support ES modules. All npm packages now also ship `.cjs` and `.umd.cjs` files. The `.umd.cjs` files are CommonJS modules that bundle all files together to make it easy to ship one file to browser environments (similar to the previous `.js` files). The `.cjs` files are CommonJS modules that can be used in older Node.js environments. Types should be better defined in `package.json` and if you need specific types they might be exported from new packages (for example `PlayerMachineState` and `SpeedMachineState` are now exported from `@rrweb/replay`). Check the `package.json`'s `main` and `exports` field for the available files.
+
+### Patch Changes
+
+- [`db20184`](https://github.com/rrweb-io/rrweb/commit/db201841accd2b5df3cd7c88779aa62ab158501c) Thanks [@Juice10](https://github.com/Juice10)! - Keep package version in sync with other packages
+
+- [#1704](https://github.com/rrweb-io/rrweb/pull/1704) [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Provide a /umd/ output folder alongside the /dist/ one so that we can serve UMD (Universal Module Definition) files with a .js extension, without upsetting expectations set by package.json that all .js files in /dist/ are modules
+
+- Updated dependencies [[`7103625`](https://github.com/rrweb-io/rrweb/commit/7103625b4683cbd75732ee03973e38f573847b1c), [`a2c8a1a`](https://github.com/rrweb-io/rrweb/commit/a2c8a1a37bfcf8389b280af792262c8263a979a3), [`3d1877c`](https://github.com/rrweb-io/rrweb/commit/3d1877cff83d9a018630674fb6e730050ceef812), [`af0962c`](https://github.com/rrweb-io/rrweb/commit/af0962cc6c80b693bbc622520032d17342685cf6), [`57a940a`](https://github.com/rrweb-io/rrweb/commit/57a940afac0bdd14cd82937915d53110b5311673), [`e65465e`](https://github.com/rrweb-io/rrweb/commit/e65465e808178a80a4ba84970f02162ba812955e), [`d872d28`](https://github.com/rrweb-io/rrweb/commit/d872d2809e3ec8d6ff5d3d5f43bc81aff70e7548), [`36da39d`](https://github.com/rrweb-io/rrweb/commit/36da39db366a9f80c28549771ed331090a1c6647), [`b5e30cf`](https://github.com/rrweb-io/rrweb/commit/b5e30cf6cc7f5335d674ef1917a92bdf2895fe9e), [`40bbc25`](https://github.com/rrweb-io/rrweb/commit/40bbc25fc287badc317a53f2d3f21b1c9f2b211b), [`22bc4c3`](https://github.com/rrweb-io/rrweb/commit/22bc4c334e88f0b8ee5488d9e1e95cd8093a15c8), [`11f6567`](https://github.com/rrweb-io/rrweb/commit/11f6567fd81ef9ed0f954a7b6d5e39653f56004f), [`490b3e2`](https://github.com/rrweb-io/rrweb/commit/490b3e2b62b62d61e6f6f5391d5b879194c9a221), [`dc20cd4`](https://github.com/rrweb-io/rrweb/commit/dc20cd45cc63058325784444af6bd32ed2cace48), [`3e9e42f`](https://github.com/rrweb-io/rrweb/commit/3e9e42fdfd6349087d7a0345af1b39dd56528502), [`f27e545`](https://github.com/rrweb-io/rrweb/commit/f27e545e1871ed2c1753d37543f556e8ddc406b4), [`7261c43`](https://github.com/rrweb-io/rrweb/commit/7261c43f60973e88325edf832e4d0e057fbff0ae), [`03b5216`](https://github.com/rrweb-io/rrweb/commit/03b5216a9403f1509b4f69d1d71ef9874277fe91), [`ae6908d`](https://github.com/rrweb-io/rrweb/commit/ae6908dcdcd7c732c1ce79eea19de5240bec1151), [`46f1b25`](https://github.com/rrweb-io/rrweb/commit/46f1b252a5919c68c68e825bd6089cc2e7d34e7c), [`e0f862b`](https://github.com/rrweb-io/rrweb/commit/e0f862bac7dbaa9cfd778f5ef0f5f3fd8cbe6def), [`cbbd1e5`](https://github.com/rrweb-io/rrweb/commit/cbbd1e55f1f7fa2eed9fa11e4152b509bdfd88f7), [`a6893f7`](https://github.com/rrweb-io/rrweb/commit/a6893f73abe217a95d28996e01b7ec8261e42de3), [`8aea5b0`](https://github.com/rrweb-io/rrweb/commit/8aea5b00a4dfe5a6f59bd2ae72bb624f45e51e81), [`267e990`](https://github.com/rrweb-io/rrweb/commit/267e990dc0e45a5acaaa3ee89db7ae9171520d54), [`68076b7`](https://github.com/rrweb-io/rrweb/commit/68076b724ff19d198d4f351a05063b85e1705a8c), [`9c6edfe`](https://github.com/rrweb-io/rrweb/commit/9c6edfe2261680b4e92284be69f9d183b1eca8f4), [`a1ec9a2`](https://github.com/rrweb-io/rrweb/commit/a1ec9a273e6634eec67098fdd880ee681648fbbd), [`8059d96`](https://github.com/rrweb-io/rrweb/commit/8059d9695146626b102b2059a3a9b932d5f598f6), [`bfe14c5`](https://github.com/rrweb-io/rrweb/commit/bfe14c532a3149a38a8fab0a54672405279d636f), [`4014305`](https://github.com/rrweb-io/rrweb/commit/40143059446cee5c042c007b1c2e976f36e172f5), [`efdc167`](https://github.com/rrweb-io/rrweb/commit/efdc167ca6c039d04af83612e3d92498bb9b41a7), [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8), [`609b7fa`](https://github.com/rrweb-io/rrweb/commit/609b7fac79a552f746dc880a28927dee382cd082), [`f6f07e9`](https://github.com/rrweb-io/rrweb/commit/f6f07e953376634a4caf28ff8cbfed5a017c4347), [`1e0b273`](https://github.com/rrweb-io/rrweb/commit/1e0b27382210db0168d2a79d82c13698082b0983), [`1fe39ab`](https://github.com/rrweb-io/rrweb/commit/1fe39ab0db7f5d2b04f4a4f39fb5c0cfee33a1f8), [`490b3e2`](https://github.com/rrweb-io/rrweb/commit/490b3e2b62b62d61e6f6f5391d5b879194c9a221), [`979d2b1`](https://github.com/rrweb-io/rrweb/commit/979d2b1847a3d05e2731722952e4d6bd8be54f40), [`1385f7a`](https://github.com/rrweb-io/rrweb/commit/1385f7acc0052f83be1458a7b00e18c026ee393f), [`d7c72bf`](https://github.com/rrweb-io/rrweb/commit/d7c72bff0724b46a6fa94af455220626a27104fe), [`ebcbe8b`](https://github.com/rrweb-io/rrweb/commit/ebcbe8b0d746a0a4c07d3530387f920900f35215), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`05478c3`](https://github.com/rrweb-io/rrweb/commit/05478c36dde03a118099783d908bb3e465e9859c), [`fc390a9`](https://github.com/rrweb-io/rrweb/commit/fc390a954c4fc17fe2ee0e2b6edba634611349e0), [`bbbfa22`](https://github.com/rrweb-io/rrweb/commit/bbbfa226fc5882a01ecc1607b713f0caf797775e), [`e96f668`](https://github.com/rrweb-io/rrweb/commit/e96f668c86bd0ab5dc190bb2957a170271bb2ebc), [`58c9104`](https://github.com/rrweb-io/rrweb/commit/58c9104eddc8b7994a067a97daae5684e42f892f), [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff), [`bc84246`](https://github.com/rrweb-io/rrweb/commit/bc84246f78849a80dbb8fe9b4e76117afcc5c3f7), [`d2582e9`](https://github.com/rrweb-io/rrweb/commit/d2582e9a81197130cd93bc1dd778e16fddfb0be3), [`aa79db7`](https://github.com/rrweb-io/rrweb/commit/aa79db7568578ea3a413292450cd64f07481e5dd), [`82f6fec`](https://github.com/rrweb-io/rrweb/commit/82f6fecf36413ecbc994a510144487f1de20d1d5), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`980a38c`](https://github.com/rrweb-io/rrweb/commit/980a38c816d763833fc3491f56d03c959a41122d), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`a225d8e`](https://github.com/rrweb-io/rrweb/commit/a225d8e1412a69a761c22eb45565fff0b0ce5c11), [`a82a3b4`](https://github.com/rrweb-io/rrweb/commit/a82a3b42b125aaaea607410b49f012933466c523), [`5c27b76`](https://github.com/rrweb-io/rrweb/commit/5c27b763192bda9dd91806f95df7c1cd0ab083a6), [`b149cf3`](https://github.com/rrweb-io/rrweb/commit/b149cf31ed28cac7b6627972b423d29723524d87), [`a2be77b`](https://github.com/rrweb-io/rrweb/commit/a2be77b82826c4be0e7f3c7c9f7ee50476d5f6f8), [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff), [`527d9d3`](https://github.com/rrweb-io/rrweb/commit/527d9d3913bae7f0f7741517f4b09f7a99aae57a), [`79837ac`](https://github.com/rrweb-io/rrweb/commit/79837ac8f2f459935f6737210890b5c12033a53b), [`a7c33f2`](https://github.com/rrweb-io/rrweb/commit/a7c33f2093c4d92faf7ae25e8bb0e088d122c13b), [`43e4f5b`](https://github.com/rrweb-io/rrweb/commit/43e4f5b4ad4bb0525a874a545d69443bc58bc47e), [`3cc4323`](https://github.com/rrweb-io/rrweb/commit/3cc4323094065a12f8b65afecd45061d604e245f), [`d38893f`](https://github.com/rrweb-io/rrweb/commit/d38893f6338facf331fd1f6e63c121120b81177d), [`6f4e691`](https://github.com/rrweb-io/rrweb/commit/6f4e691f39cc59b655d1be4f951128beecb88acb), [`d7cf8dd`](https://github.com/rrweb-io/rrweb/commit/d7cf8dd07547f6fb22ef82e341a88357c4053bd3), [`335639a`](https://github.com/rrweb-io/rrweb/commit/335639af9b0ce7f70eb0f38ce113d877c7325158), [`04ee6ed`](https://github.com/rrweb-io/rrweb/commit/04ee6eda57157f0e04f18f907d8f3e59ababc753), [`5fbb904`](https://github.com/rrweb-io/rrweb/commit/5fbb904edb653f3da17e6775ee438d81ef0bba83), [`1e6f71b`](https://github.com/rrweb-io/rrweb/commit/1e6f71b3cddcfafe78b9e40edfbd75e485702e4e), [`d08624c`](https://github.com/rrweb-io/rrweb/commit/d08624cb28add386c3618a0e6607424c3f1884d8), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`314a8dd`](https://github.com/rrweb-io/rrweb/commit/314a8dde5a13095873b89d07bac7c949918bf817), [`5a78938`](https://github.com/rrweb-io/rrweb/commit/5a789385a341311ba327a768fe0e2f0f2f5002ee), [`3416c3a`](https://github.com/rrweb-io/rrweb/commit/3416c3a769e2bd2ddfbb88f5c4ff139871c567be), [`7c0dc9d`](https://github.com/rrweb-io/rrweb/commit/7c0dc9dfe1564c9d6624557c5b394e7844955882), [`8e47ca1`](https://github.com/rrweb-io/rrweb/commit/8e47ca1021ebb4fc036b37623ef10abf7976d6dd), [`53b83bb`](https://github.com/rrweb-io/rrweb/commit/53b83bb037f9cb30c93179548f436ed776f143ab), [`9cd28b7`](https://github.com/rrweb-io/rrweb/commit/9cd28b703ec08a77dc6b790dbffb20dfb8e9a513), [`07ac5c9`](https://github.com/rrweb-io/rrweb/commit/07ac5c9e1371824ec3ffb705f9250bbe10f4b73e), [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0), [`02f50d2`](https://github.com/rrweb-io/rrweb/commit/02f50d260cfe72209c94de1679336737f238e216), [`502d15d`](https://github.com/rrweb-io/rrweb/commit/502d15df9f7f43b3408ccfbb3f14c4bb007883c4), [`d0fbe23`](https://github.com/rrweb-io/rrweb/commit/d0fbe23c632021410a6dd45f9028a9a012467261), [`a3de582`](https://github.com/rrweb-io/rrweb/commit/a3de582e9c32be9e0ccd84bb7df756af6b0594f7), [`e08706a`](https://github.com/rrweb-io/rrweb/commit/e08706ae60268b6eb05c6292ef948c71bd423ce3), [`8d209a6`](https://github.com/rrweb-io/rrweb/commit/8d209a62f31c4c80e3e5bc36e47d7282ee854ac7), [`be6bf52`](https://github.com/rrweb-io/rrweb/commit/be6bf52c248c35de1b3491e3a3440ff61f876414), [`aaabdbd`](https://github.com/rrweb-io/rrweb/commit/aaabdbdff5df2abd1a294c40ed89e74bf8b2ec7c), [`1e6f71b`](https://github.com/rrweb-io/rrweb/commit/1e6f71b3cddcfafe78b9e40edfbd75e485702e4e), [`6388fb5`](https://github.com/rrweb-io/rrweb/commit/6388fb5a468e1a860ab8bb5c6826c811dcc3100c), [`4cb4d0e`](https://github.com/rrweb-io/rrweb/commit/4cb4d0e95a540a366bdec157fe78d9f099514818), [`5e6c132`](https://github.com/rrweb-io/rrweb/commit/5e6c132a4d0e5f5524b2201d6a73dae62b4a0877)]:
+  - rrweb@2.0.0
+
+## 2.0.0-alpha.20
+
+### Patch Changes
+
+- Updated dependencies [[`6388fb5`](https://github.com/rrweb-io/rrweb/commit/6388fb5a468e1a860ab8bb5c6826c811dcc3100c)]:
+  - rrweb@2.0.0-alpha.20
+
+## 2.0.0-alpha.19
+
+### Patch Changes
+
+- Updated dependencies [[`dc20cd4`](https://github.com/rrweb-io/rrweb/commit/dc20cd45cc63058325784444af6bd32ed2cace48), [`3e9e42f`](https://github.com/rrweb-io/rrweb/commit/3e9e42fdfd6349087d7a0345af1b39dd56528502), [`a6893f7`](https://github.com/rrweb-io/rrweb/commit/a6893f73abe217a95d28996e01b7ec8261e42de3), [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8), [`fc390a9`](https://github.com/rrweb-io/rrweb/commit/fc390a954c4fc17fe2ee0e2b6edba634611349e0), [`79837ac`](https://github.com/rrweb-io/rrweb/commit/79837ac8f2f459935f6737210890b5c12033a53b), [`6f4e691`](https://github.com/rrweb-io/rrweb/commit/6f4e691f39cc59b655d1be4f951128beecb88acb), [`9cd28b7`](https://github.com/rrweb-io/rrweb/commit/9cd28b703ec08a77dc6b790dbffb20dfb8e9a513)]:
+  - rrweb@2.0.0-alpha.19
+
 ## 2.0.0-alpha.18
 
 ### Patch Changes
diff --git a/packages/plugins/rrweb-plugin-sequential-id-record/README.md b/packages/plugins/rrweb-plugin-sequential-id-record/README.md
index 9d36ba38..e258a76e 100644
--- a/packages/plugins/rrweb-plugin-sequential-id-record/README.md
+++ b/packages/plugins/rrweb-plugin-sequential-id-record/README.md
@@ -12,10 +12,10 @@ npm install @rrweb/rrweb-plugin-sequential-id-record
 ## Usage
 
 ```js
-import rrweb from 'rrweb';
+import { record } from '@rrweb/record';
 import { getRecordSequentialIdPlugin } from '@rrweb/rrweb-plugin-sequential-id-record';
 
-rrweb.record({
+record({
   emit: function emit(event) {
     // send events to server
   },
@@ -136,12 +136,12 @@ rrweb.record({
   <tr>
     <td align="center">
       <a href="http://www.smartx.com/" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/smartx.png">
+        <img width="195px" src="https://raw.githubusercontent.com/rrweb-io/web/master/static/logos/smartx.png" alt="SmartX">
       </a>
     </td>
     <td align="center">
       <a href="https://posthog.com?utm_source=rrweb&utm_medium=sponsorship&utm_campaign=open-source-sponsorship" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/posthog.png">
+        <img width="195px" src="https://rrweb.com/posthog.png" alt="PostHog">
       </a>
     </td>
     <td align="center">
@@ -155,7 +155,39 @@ rrweb.record({
       </a>
     </td>
   </tr>
-    <tr>
+  <tr>
+    <td align="center">
+      <a href="https://sentry.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/sentry.png" alt="Sentry">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.pendo.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/pendo.png" alt="Pendo">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://mixpanel.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/mixpanel.png" alt="Mixpanel">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.datadoghq.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/datadog.png" alt="Datadog">
+      </a>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="https://amplitude.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/amplitude.png" alt="Amplitude">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://newrelic.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/new%20relic.png" alt="New Relic">
+      </a>
+    </td>
     <td align="center">
       <a href="https://cux.io" target="_blank">
         <img style="padding: 8px" alt="The first ever UX automation tool" width="195px" src="https://cux.io/cux-logo.svg">
@@ -166,6 +198,8 @@ rrweb.record({
         <img style="padding: 8px" alt="Remote Access & Co-Browsing" width="195px" src="https://remsupp.com/images/logo.png">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://highlight.io" target="_blank">
         <img style="padding: 8px" alt="The open source, fullstack Monitoring Platform." width="195px" src="https://github.com/highlight/highlight/raw/main/highlight.io/public/images/logo.png">
@@ -173,11 +207,9 @@ rrweb.record({
     </td>
     <td align="center">
       <a href="https://analyzee.io" target="_blank">
-        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://cdn.analyzee.io/assets/analyzee-logo.png">
+        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://analyzee.io/img/analyzee-main-logo.webp">
       </a>
     </td>
-  </tr>
-  <tr>
     <td align="center">
       <a href="https://requestly.io" target="_blank">
         <img style="padding: 8px" alt="Intercept, Modify, Record & Replay HTTP Requests." width="195px" src="https://github.com/requestly/requestly/assets/16779465/652552db-c867-44cb-9bb5-94a2026e04ca">
@@ -188,6 +220,8 @@ rrweb.record({
         <img style="padding: 8px" alt="In-app bug reporting & customer feedback platform." width="195px" src="https://assets-global.website-files.com/6506f3f29c68b1724807619d/6506f56010237164c6306591_GleapLogo.svg">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://uxwizz.com" target="_blank">
         <img style="padding: 8px" alt="Self-hosted website analytics with heatmaps and session recordings." width="195px" src="https://github.com/UXWizz/public-files/raw/main/assets/logo.png">
diff --git a/packages/plugins/rrweb-plugin-sequential-id-record/package.json b/packages/plugins/rrweb-plugin-sequential-id-record/package.json
index 2ab286e5..1b630df4 100644
--- a/packages/plugins/rrweb-plugin-sequential-id-record/package.json
+++ b/packages/plugins/rrweb-plugin-sequential-id-record/package.json
@@ -1,11 +1,12 @@
 {
   "name": "@highlight-run/rrweb-rrweb-plugin-sequential-id-record",
-  "version": "2.0.0-alpha.18",
+  "version": "2.0.0-lambda.5",
   "description": "",
   "type": "module",
   "main": "./dist/rrweb-rrweb-plugin-sequential-id-record.umd.cjs",
   "module": "./dist/rrweb-rrweb-plugin-sequential-id-record.js",
   "unpkg": "./dist/rrweb-rrweb-plugin-sequential-id-record.umd.cjs",
+  "jsdelivr": "./umd/rrweb-rrweb-plugin-sequential-id-record.js",
   "typings": "dist/index.d.ts",
   "exports": {
     ".": {
@@ -20,6 +21,7 @@
     }
   },
   "files": [
+    "umd",
     "dist",
     "package.json"
   ],
@@ -34,9 +36,12 @@
     "url": "git+https://github.com/rrweb-io/rrweb.git"
   },
   "keywords": [
-    "@highlight-run/rrweb"
+    "devtools",
+    "product-analytics",
+    "real-user-monitoring",
+    "rrweb"
   ],
-  "author": "yanzhen@smartx.com",
+  "author": "rrweb Core Team <maintainers@rrweb.com>",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/rrweb-io/rrweb/issues"
@@ -44,9 +49,8 @@
   "homepage": "https://github.com/rrweb-io/rrweb#readme",
   "devDependencies": {
     "@highlight-run/rrweb": "workspace:*",
-    "turbo": "^2.0.5",
     "typescript": "^5.4.5",
-    "vite": "^5.3.1",
+    "vite": "^6.4.2",
     "vite-plugin-dts": "^3.9.1"
   },
   "peerDependencies": {
diff --git a/packages/plugins/rrweb-plugin-sequential-id-replay/CHANGELOG.md b/packages/plugins/rrweb-plugin-sequential-id-replay/CHANGELOG.md
index b9690a10..4bddd6ca 100644
--- a/packages/plugins/rrweb-plugin-sequential-id-replay/CHANGELOG.md
+++ b/packages/plugins/rrweb-plugin-sequential-id-replay/CHANGELOG.md
@@ -1,5 +1,45 @@
 # @rrweb/rrweb-plugin-sequential-id-replay
 
+## 2.0.1
+
+### Patch Changes
+
+- Updated dependencies [[`5f52d63`](https://github.com/rrweb-io/rrweb/commit/5f52d63636b3246bd5b6ba99a93cba41c5d981cb)]:
+  - rrweb@2.0.1
+
+## 2.0.0
+
+### Major Changes
+
+- [#1497](https://github.com/rrweb-io/rrweb/pull/1497) [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf) Thanks [@Juice10](https://github.com/Juice10)! - Split plugins out of rrweb and move them into their own packages: @rrweb/packer, @rrweb/rrweb-plugin-canvas-webrtc-record, @rrweb/rrweb-plugin-canvas-webrtc-replay, @rrweb/rrweb-plugin-sequential-id-record, @rrweb/rrweb-plugin-sequential-id-replay, @rrweb/rrweb-plugin-console-record, @rrweb/rrweb-plugin-console-replay. Check out the README of each package for more information or check out https://github.com/rrweb-io/rrweb/pull/1033 to see the changes.
+
+- [#1497](https://github.com/rrweb-io/rrweb/pull/1497) [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf) Thanks [@Juice10](https://github.com/Juice10)! - Distributed files have new filenames, paths and extensions. **Important: If you reference distributed files or types directly, you might have to update your paths/filenames. E.g. you import from `rrweb/typings/...` or `rrdom/es`. However you run `import rrweb from 'rrweb'` you won't notice a difference with this change.** If you include rrweb files directly in a script tag, you might have to update that path to include a the `.umd.cjs` files instead. All `.js` files now use ES modules which can be used in modern browsers, node.js and bundlers that support ES modules. All npm packages now also ship `.cjs` and `.umd.cjs` files. The `.umd.cjs` files are CommonJS modules that bundle all files together to make it easy to ship one file to browser environments (similar to the previous `.js` files). The `.cjs` files are CommonJS modules that can be used in older Node.js environments. Types should be better defined in `package.json` and if you need specific types they might be exported from new packages (for example `PlayerMachineState` and `SpeedMachineState` are now exported from `@rrweb/replay`). Check the `package.json`'s `main` and `exports` field for the available files.
+
+### Patch Changes
+
+- [`db20184`](https://github.com/rrweb-io/rrweb/commit/db201841accd2b5df3cd7c88779aa62ab158501c) Thanks [@Juice10](https://github.com/Juice10)! - Keep package version in sync with other packages
+
+- [#1033](https://github.com/rrweb-io/rrweb/pull/1033) [`7261c43`](https://github.com/rrweb-io/rrweb/commit/7261c43f60973e88325edf832e4d0e057fbff0ae) Thanks [@Juice10](https://github.com/Juice10)! - Export `ReplayPlugin` from rrweb directly. Previously we had to do `import type { ReplayPlugin } from 'rrweb/dist/types';` now we can do `import type { ReplayPlugin } from 'rrweb';`
+
+- [#1704](https://github.com/rrweb-io/rrweb/pull/1704) [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Provide a /umd/ output folder alongside the /dist/ one so that we can serve UMD (Universal Module Definition) files with a .js extension, without upsetting expectations set by package.json that all .js files in /dist/ are modules
+
+- Updated dependencies [[`7103625`](https://github.com/rrweb-io/rrweb/commit/7103625b4683cbd75732ee03973e38f573847b1c), [`a2c8a1a`](https://github.com/rrweb-io/rrweb/commit/a2c8a1a37bfcf8389b280af792262c8263a979a3), [`3d1877c`](https://github.com/rrweb-io/rrweb/commit/3d1877cff83d9a018630674fb6e730050ceef812), [`af0962c`](https://github.com/rrweb-io/rrweb/commit/af0962cc6c80b693bbc622520032d17342685cf6), [`57a940a`](https://github.com/rrweb-io/rrweb/commit/57a940afac0bdd14cd82937915d53110b5311673), [`e65465e`](https://github.com/rrweb-io/rrweb/commit/e65465e808178a80a4ba84970f02162ba812955e), [`d872d28`](https://github.com/rrweb-io/rrweb/commit/d872d2809e3ec8d6ff5d3d5f43bc81aff70e7548), [`36da39d`](https://github.com/rrweb-io/rrweb/commit/36da39db366a9f80c28549771ed331090a1c6647), [`b5e30cf`](https://github.com/rrweb-io/rrweb/commit/b5e30cf6cc7f5335d674ef1917a92bdf2895fe9e), [`40bbc25`](https://github.com/rrweb-io/rrweb/commit/40bbc25fc287badc317a53f2d3f21b1c9f2b211b), [`22bc4c3`](https://github.com/rrweb-io/rrweb/commit/22bc4c334e88f0b8ee5488d9e1e95cd8093a15c8), [`11f6567`](https://github.com/rrweb-io/rrweb/commit/11f6567fd81ef9ed0f954a7b6d5e39653f56004f), [`490b3e2`](https://github.com/rrweb-io/rrweb/commit/490b3e2b62b62d61e6f6f5391d5b879194c9a221), [`dc20cd4`](https://github.com/rrweb-io/rrweb/commit/dc20cd45cc63058325784444af6bd32ed2cace48), [`3e9e42f`](https://github.com/rrweb-io/rrweb/commit/3e9e42fdfd6349087d7a0345af1b39dd56528502), [`f27e545`](https://github.com/rrweb-io/rrweb/commit/f27e545e1871ed2c1753d37543f556e8ddc406b4), [`7261c43`](https://github.com/rrweb-io/rrweb/commit/7261c43f60973e88325edf832e4d0e057fbff0ae), [`03b5216`](https://github.com/rrweb-io/rrweb/commit/03b5216a9403f1509b4f69d1d71ef9874277fe91), [`ae6908d`](https://github.com/rrweb-io/rrweb/commit/ae6908dcdcd7c732c1ce79eea19de5240bec1151), [`46f1b25`](https://github.com/rrweb-io/rrweb/commit/46f1b252a5919c68c68e825bd6089cc2e7d34e7c), [`e0f862b`](https://github.com/rrweb-io/rrweb/commit/e0f862bac7dbaa9cfd778f5ef0f5f3fd8cbe6def), [`cbbd1e5`](https://github.com/rrweb-io/rrweb/commit/cbbd1e55f1f7fa2eed9fa11e4152b509bdfd88f7), [`a6893f7`](https://github.com/rrweb-io/rrweb/commit/a6893f73abe217a95d28996e01b7ec8261e42de3), [`8aea5b0`](https://github.com/rrweb-io/rrweb/commit/8aea5b00a4dfe5a6f59bd2ae72bb624f45e51e81), [`267e990`](https://github.com/rrweb-io/rrweb/commit/267e990dc0e45a5acaaa3ee89db7ae9171520d54), [`68076b7`](https://github.com/rrweb-io/rrweb/commit/68076b724ff19d198d4f351a05063b85e1705a8c), [`9c6edfe`](https://github.com/rrweb-io/rrweb/commit/9c6edfe2261680b4e92284be69f9d183b1eca8f4), [`a1ec9a2`](https://github.com/rrweb-io/rrweb/commit/a1ec9a273e6634eec67098fdd880ee681648fbbd), [`8059d96`](https://github.com/rrweb-io/rrweb/commit/8059d9695146626b102b2059a3a9b932d5f598f6), [`bfe14c5`](https://github.com/rrweb-io/rrweb/commit/bfe14c532a3149a38a8fab0a54672405279d636f), [`4014305`](https://github.com/rrweb-io/rrweb/commit/40143059446cee5c042c007b1c2e976f36e172f5), [`efdc167`](https://github.com/rrweb-io/rrweb/commit/efdc167ca6c039d04af83612e3d92498bb9b41a7), [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8), [`609b7fa`](https://github.com/rrweb-io/rrweb/commit/609b7fac79a552f746dc880a28927dee382cd082), [`f6f07e9`](https://github.com/rrweb-io/rrweb/commit/f6f07e953376634a4caf28ff8cbfed5a017c4347), [`1e0b273`](https://github.com/rrweb-io/rrweb/commit/1e0b27382210db0168d2a79d82c13698082b0983), [`1fe39ab`](https://github.com/rrweb-io/rrweb/commit/1fe39ab0db7f5d2b04f4a4f39fb5c0cfee33a1f8), [`490b3e2`](https://github.com/rrweb-io/rrweb/commit/490b3e2b62b62d61e6f6f5391d5b879194c9a221), [`979d2b1`](https://github.com/rrweb-io/rrweb/commit/979d2b1847a3d05e2731722952e4d6bd8be54f40), [`1385f7a`](https://github.com/rrweb-io/rrweb/commit/1385f7acc0052f83be1458a7b00e18c026ee393f), [`d7c72bf`](https://github.com/rrweb-io/rrweb/commit/d7c72bff0724b46a6fa94af455220626a27104fe), [`ebcbe8b`](https://github.com/rrweb-io/rrweb/commit/ebcbe8b0d746a0a4c07d3530387f920900f35215), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`05478c3`](https://github.com/rrweb-io/rrweb/commit/05478c36dde03a118099783d908bb3e465e9859c), [`fc390a9`](https://github.com/rrweb-io/rrweb/commit/fc390a954c4fc17fe2ee0e2b6edba634611349e0), [`bbbfa22`](https://github.com/rrweb-io/rrweb/commit/bbbfa226fc5882a01ecc1607b713f0caf797775e), [`e96f668`](https://github.com/rrweb-io/rrweb/commit/e96f668c86bd0ab5dc190bb2957a170271bb2ebc), [`58c9104`](https://github.com/rrweb-io/rrweb/commit/58c9104eddc8b7994a067a97daae5684e42f892f), [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff), [`bc84246`](https://github.com/rrweb-io/rrweb/commit/bc84246f78849a80dbb8fe9b4e76117afcc5c3f7), [`d2582e9`](https://github.com/rrweb-io/rrweb/commit/d2582e9a81197130cd93bc1dd778e16fddfb0be3), [`aa79db7`](https://github.com/rrweb-io/rrweb/commit/aa79db7568578ea3a413292450cd64f07481e5dd), [`82f6fec`](https://github.com/rrweb-io/rrweb/commit/82f6fecf36413ecbc994a510144487f1de20d1d5), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`980a38c`](https://github.com/rrweb-io/rrweb/commit/980a38c816d763833fc3491f56d03c959a41122d), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`a225d8e`](https://github.com/rrweb-io/rrweb/commit/a225d8e1412a69a761c22eb45565fff0b0ce5c11), [`a82a3b4`](https://github.com/rrweb-io/rrweb/commit/a82a3b42b125aaaea607410b49f012933466c523), [`5c27b76`](https://github.com/rrweb-io/rrweb/commit/5c27b763192bda9dd91806f95df7c1cd0ab083a6), [`b149cf3`](https://github.com/rrweb-io/rrweb/commit/b149cf31ed28cac7b6627972b423d29723524d87), [`a2be77b`](https://github.com/rrweb-io/rrweb/commit/a2be77b82826c4be0e7f3c7c9f7ee50476d5f6f8), [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff), [`527d9d3`](https://github.com/rrweb-io/rrweb/commit/527d9d3913bae7f0f7741517f4b09f7a99aae57a), [`79837ac`](https://github.com/rrweb-io/rrweb/commit/79837ac8f2f459935f6737210890b5c12033a53b), [`a7c33f2`](https://github.com/rrweb-io/rrweb/commit/a7c33f2093c4d92faf7ae25e8bb0e088d122c13b), [`43e4f5b`](https://github.com/rrweb-io/rrweb/commit/43e4f5b4ad4bb0525a874a545d69443bc58bc47e), [`3cc4323`](https://github.com/rrweb-io/rrweb/commit/3cc4323094065a12f8b65afecd45061d604e245f), [`d38893f`](https://github.com/rrweb-io/rrweb/commit/d38893f6338facf331fd1f6e63c121120b81177d), [`6f4e691`](https://github.com/rrweb-io/rrweb/commit/6f4e691f39cc59b655d1be4f951128beecb88acb), [`d7cf8dd`](https://github.com/rrweb-io/rrweb/commit/d7cf8dd07547f6fb22ef82e341a88357c4053bd3), [`335639a`](https://github.com/rrweb-io/rrweb/commit/335639af9b0ce7f70eb0f38ce113d877c7325158), [`04ee6ed`](https://github.com/rrweb-io/rrweb/commit/04ee6eda57157f0e04f18f907d8f3e59ababc753), [`5fbb904`](https://github.com/rrweb-io/rrweb/commit/5fbb904edb653f3da17e6775ee438d81ef0bba83), [`1e6f71b`](https://github.com/rrweb-io/rrweb/commit/1e6f71b3cddcfafe78b9e40edfbd75e485702e4e), [`d08624c`](https://github.com/rrweb-io/rrweb/commit/d08624cb28add386c3618a0e6607424c3f1884d8), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`314a8dd`](https://github.com/rrweb-io/rrweb/commit/314a8dde5a13095873b89d07bac7c949918bf817), [`5a78938`](https://github.com/rrweb-io/rrweb/commit/5a789385a341311ba327a768fe0e2f0f2f5002ee), [`3416c3a`](https://github.com/rrweb-io/rrweb/commit/3416c3a769e2bd2ddfbb88f5c4ff139871c567be), [`7c0dc9d`](https://github.com/rrweb-io/rrweb/commit/7c0dc9dfe1564c9d6624557c5b394e7844955882), [`8e47ca1`](https://github.com/rrweb-io/rrweb/commit/8e47ca1021ebb4fc036b37623ef10abf7976d6dd), [`53b83bb`](https://github.com/rrweb-io/rrweb/commit/53b83bb037f9cb30c93179548f436ed776f143ab), [`9cd28b7`](https://github.com/rrweb-io/rrweb/commit/9cd28b703ec08a77dc6b790dbffb20dfb8e9a513), [`07ac5c9`](https://github.com/rrweb-io/rrweb/commit/07ac5c9e1371824ec3ffb705f9250bbe10f4b73e), [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0), [`02f50d2`](https://github.com/rrweb-io/rrweb/commit/02f50d260cfe72209c94de1679336737f238e216), [`502d15d`](https://github.com/rrweb-io/rrweb/commit/502d15df9f7f43b3408ccfbb3f14c4bb007883c4), [`d0fbe23`](https://github.com/rrweb-io/rrweb/commit/d0fbe23c632021410a6dd45f9028a9a012467261), [`a3de582`](https://github.com/rrweb-io/rrweb/commit/a3de582e9c32be9e0ccd84bb7df756af6b0594f7), [`e08706a`](https://github.com/rrweb-io/rrweb/commit/e08706ae60268b6eb05c6292ef948c71bd423ce3), [`8d209a6`](https://github.com/rrweb-io/rrweb/commit/8d209a62f31c4c80e3e5bc36e47d7282ee854ac7), [`be6bf52`](https://github.com/rrweb-io/rrweb/commit/be6bf52c248c35de1b3491e3a3440ff61f876414), [`aaabdbd`](https://github.com/rrweb-io/rrweb/commit/aaabdbdff5df2abd1a294c40ed89e74bf8b2ec7c), [`1e6f71b`](https://github.com/rrweb-io/rrweb/commit/1e6f71b3cddcfafe78b9e40edfbd75e485702e4e), [`6388fb5`](https://github.com/rrweb-io/rrweb/commit/6388fb5a468e1a860ab8bb5c6826c811dcc3100c), [`4cb4d0e`](https://github.com/rrweb-io/rrweb/commit/4cb4d0e95a540a366bdec157fe78d9f099514818), [`5e6c132`](https://github.com/rrweb-io/rrweb/commit/5e6c132a4d0e5f5524b2201d6a73dae62b4a0877)]:
+  - rrweb@2.0.0
+
+## 2.0.0-alpha.20
+
+### Patch Changes
+
+- Updated dependencies [[`6388fb5`](https://github.com/rrweb-io/rrweb/commit/6388fb5a468e1a860ab8bb5c6826c811dcc3100c)]:
+  - rrweb@2.0.0-alpha.20
+
+## 2.0.0-alpha.19
+
+### Patch Changes
+
+- Updated dependencies [[`dc20cd4`](https://github.com/rrweb-io/rrweb/commit/dc20cd45cc63058325784444af6bd32ed2cace48), [`3e9e42f`](https://github.com/rrweb-io/rrweb/commit/3e9e42fdfd6349087d7a0345af1b39dd56528502), [`a6893f7`](https://github.com/rrweb-io/rrweb/commit/a6893f73abe217a95d28996e01b7ec8261e42de3), [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8), [`fc390a9`](https://github.com/rrweb-io/rrweb/commit/fc390a954c4fc17fe2ee0e2b6edba634611349e0), [`79837ac`](https://github.com/rrweb-io/rrweb/commit/79837ac8f2f459935f6737210890b5c12033a53b), [`6f4e691`](https://github.com/rrweb-io/rrweb/commit/6f4e691f39cc59b655d1be4f951128beecb88acb), [`9cd28b7`](https://github.com/rrweb-io/rrweb/commit/9cd28b703ec08a77dc6b790dbffb20dfb8e9a513)]:
+  - rrweb@2.0.0-alpha.19
+
 ## 2.0.0-alpha.18
 
 ### Patch Changes
diff --git a/packages/plugins/rrweb-plugin-sequential-id-replay/README.md b/packages/plugins/rrweb-plugin-sequential-id-replay/README.md
index 29e27202..53914e63 100644
--- a/packages/plugins/rrweb-plugin-sequential-id-replay/README.md
+++ b/packages/plugins/rrweb-plugin-sequential-id-replay/README.md
@@ -12,10 +12,10 @@ npm install @rrweb/rrweb-plugin-sequential-id-replay
 ## Usage
 
 ```js
-import rrweb from 'rrweb';
+import { Replayer } from '@rrweb/replay';
 import { getReplaySequentialIdPlugin } from '@rrweb/rrweb-plugin-sequential-id-replay';
 
-const replayer = new rrweb.Replayer(events, {
+const replayer = new Replayer(events, {
   plugins: [
     getReplaySequentialIdPlugin({
       // make sure this is the same as the record side
@@ -136,12 +136,12 @@ replayer.play(); // ERROR: [sequential-id-plugin]: expect to get an id with valu
   <tr>
     <td align="center">
       <a href="http://www.smartx.com/" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/smartx.png">
+        <img width="195px" src="https://raw.githubusercontent.com/rrweb-io/web/master/static/logos/smartx.png" alt="SmartX">
       </a>
     </td>
     <td align="center">
       <a href="https://posthog.com?utm_source=rrweb&utm_medium=sponsorship&utm_campaign=open-source-sponsorship" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/posthog.png">
+        <img width="195px" src="https://rrweb.com/posthog.png" alt="PostHog">
       </a>
     </td>
     <td align="center">
@@ -155,7 +155,39 @@ replayer.play(); // ERROR: [sequential-id-plugin]: expect to get an id with valu
       </a>
     </td>
   </tr>
-    <tr>
+  <tr>
+    <td align="center">
+      <a href="https://sentry.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/sentry.png" alt="Sentry">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.pendo.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/pendo.png" alt="Pendo">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://mixpanel.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/mixpanel.png" alt="Mixpanel">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.datadoghq.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/datadog.png" alt="Datadog">
+      </a>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="https://amplitude.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/amplitude.png" alt="Amplitude">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://newrelic.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/new%20relic.png" alt="New Relic">
+      </a>
+    </td>
     <td align="center">
       <a href="https://cux.io" target="_blank">
         <img style="padding: 8px" alt="The first ever UX automation tool" width="195px" src="https://cux.io/cux-logo.svg">
@@ -166,6 +198,8 @@ replayer.play(); // ERROR: [sequential-id-plugin]: expect to get an id with valu
         <img style="padding: 8px" alt="Remote Access & Co-Browsing" width="195px" src="https://remsupp.com/images/logo.png">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://highlight.io" target="_blank">
         <img style="padding: 8px" alt="The open source, fullstack Monitoring Platform." width="195px" src="https://github.com/highlight/highlight/raw/main/highlight.io/public/images/logo.png">
@@ -173,11 +207,9 @@ replayer.play(); // ERROR: [sequential-id-plugin]: expect to get an id with valu
     </td>
     <td align="center">
       <a href="https://analyzee.io" target="_blank">
-        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://cdn.analyzee.io/assets/analyzee-logo.png">
+        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://analyzee.io/img/analyzee-main-logo.webp">
       </a>
     </td>
-  </tr>
-  <tr>
     <td align="center">
       <a href="https://requestly.io" target="_blank">
         <img style="padding: 8px" alt="Intercept, Modify, Record & Replay HTTP Requests." width="195px" src="https://github.com/requestly/requestly/assets/16779465/652552db-c867-44cb-9bb5-94a2026e04ca">
@@ -188,6 +220,8 @@ replayer.play(); // ERROR: [sequential-id-plugin]: expect to get an id with valu
         <img style="padding: 8px" alt="In-app bug reporting & customer feedback platform." width="195px" src="https://assets-global.website-files.com/6506f3f29c68b1724807619d/6506f56010237164c6306591_GleapLogo.svg">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://uxwizz.com" target="_blank">
         <img style="padding: 8px" alt="Self-hosted website analytics with heatmaps and session recordings." width="195px" src="https://github.com/UXWizz/public-files/raw/main/assets/logo.png">
diff --git a/packages/plugins/rrweb-plugin-sequential-id-replay/package.json b/packages/plugins/rrweb-plugin-sequential-id-replay/package.json
index 3d4e27c0..1ba173a7 100644
--- a/packages/plugins/rrweb-plugin-sequential-id-replay/package.json
+++ b/packages/plugins/rrweb-plugin-sequential-id-replay/package.json
@@ -1,11 +1,12 @@
 {
   "name": "@highlight-run/rrweb-rrweb-plugin-sequential-id-replay",
-  "version": "2.0.0-alpha.18",
+  "version": "2.0.0-lambda.5",
   "description": "",
   "type": "module",
   "main": "./dist/rrweb-rrweb-plugin-sequential-id-replay.umd.cjs",
   "module": "./dist/rrweb-rrweb-plugin-sequential-id-replay.js",
   "unpkg": "./dist/rrweb-rrweb-plugin-sequential-id-replay.umd.cjs",
+  "jsdelivr": "./umd/rrweb-rrweb-plugin-sequential-id-replay.js",
   "typings": "dist/index.d.ts",
   "exports": {
     ".": {
@@ -20,6 +21,7 @@
     }
   },
   "files": [
+    "umd",
     "dist",
     "package.json"
   ],
@@ -34,9 +36,12 @@
     "url": "git+https://github.com/rrweb-io/rrweb.git"
   },
   "keywords": [
-    "@highlight-run/rrweb"
+    "devtools",
+    "product-analytics",
+    "real-user-monitoring",
+    "rrweb"
   ],
-  "author": "yanzhen@smartx.com",
+  "author": "rrweb Core Team <maintainers@rrweb.com>",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/rrweb-io/rrweb/issues"
@@ -45,9 +50,8 @@
   "devDependencies": {
     "@highlight-run/rrweb": "workspace:*",
     "@highlight-run/rrweb-rrweb-plugin-sequential-id-record": "workspace:*",
-    "turbo": "^2.0.5",
     "typescript": "^5.4.5",
-    "vite": "^5.3.1",
+    "vite": "^6.4.2",
     "vite-plugin-dts": "^3.9.1"
   },
   "peerDependencies": {
diff --git a/packages/record/CHANGELOG.md b/packages/record/CHANGELOG.md
index d6e86de3..141e4dce 100644
--- a/packages/record/CHANGELOG.md
+++ b/packages/record/CHANGELOG.md
@@ -1,5 +1,67 @@
 # @rrweb/record
 
+## 2.0.1
+
+### Patch Changes
+
+- Updated dependencies [[`5f52d63`](https://github.com/rrweb-io/rrweb/commit/5f52d63636b3246bd5b6ba99a93cba41c5d981cb)]:
+  - rrweb@2.0.1
+  - @rrweb/utils@2.0.1
+  - @rrweb/types@2.0.1
+
+## 2.0.0
+
+### Major Changes
+
+- [#1762](https://github.com/rrweb-io/rrweb/pull/1762) [`22bc4c3`](https://github.com/rrweb-io/rrweb/commit/22bc4c334e88f0b8ee5488d9e1e95cd8093a15c8) Thanks [@Juice10](https://github.com/Juice10)! - BREAKING CHANGE: Rename UMD global names from `rrweb` to `rrwebRecord` for the recorder and `rrwebReplay` for the replayer. This avoids conflicts when both are loaded on the same page.
+
+- [#1497](https://github.com/rrweb-io/rrweb/pull/1497) [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf) Thanks [@Juice10](https://github.com/Juice10)! - Distributed files have new filenames, paths and extensions. **Important: If you reference distributed files or types directly, you might have to update your paths/filenames. E.g. you import from `rrweb/typings/...` or `rrdom/es`. However you run `import rrweb from 'rrweb'` you won't notice a difference with this change.** If you include rrweb files directly in a script tag, you might have to update that path to include a the `.umd.cjs` files instead. All `.js` files now use ES modules which can be used in modern browsers, node.js and bundlers that support ES modules. All npm packages now also ship `.cjs` and `.umd.cjs` files. The `.umd.cjs` files are CommonJS modules that bundle all files together to make it easy to ship one file to browser environments (similar to the previous `.js` files). The `.cjs` files are CommonJS modules that can be used in older Node.js environments. Types should be better defined in `package.json` and if you need specific types they might be exported from new packages (for example `PlayerMachineState` and `SpeedMachineState` are now exported from `@rrweb/replay`). Check the `package.json`'s `main` and `exports` field for the available files.
+
+- [#1497](https://github.com/rrweb-io/rrweb/pull/1497) [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf) Thanks [@Juice10](https://github.com/Juice10)! - Remove the rrweb-all.js, rrweb-record.js, and rrweb-replay.js files from `rrweb` package. Now you can use `@rrweb/all`, `@rrweb/record`, and `@rrweb/replay` packages instead. Check out the README of each package for more information or check out [PR #1033](https://github.com/rrweb-io/rrweb/pull/1033) to see the changes.
+
+### Patch Changes
+
+- [`db20184`](https://github.com/rrweb-io/rrweb/commit/db201841accd2b5df3cd7c88779aa62ab158501c) Thanks [@Juice10](https://github.com/Juice10)! - Keep package version in sync with other packages
+
+- [#1762](https://github.com/rrweb-io/rrweb/pull/1762) [`22bc4c3`](https://github.com/rrweb-io/rrweb/commit/22bc4c334e88f0b8ee5488d9e1e95cd8093a15c8) Thanks [@Juice10](https://github.com/Juice10)! - Drop base64 inlined worker source from all bundles
+
+- [#1515](https://github.com/rrweb-io/rrweb/pull/1515) [`8059d96`](https://github.com/rrweb-io/rrweb/commit/8059d9695146626b102b2059a3a9b932d5f598f6) Thanks [@okejminja](https://github.com/okejminja)! - Added support for deprecated addRule & removeRule methods
+
+- [#1777](https://github.com/rrweb-io/rrweb/pull/1777) [`3b8daa6`](https://github.com/rrweb-io/rrweb/commit/3b8daa6034414dcb74877fb42cea720949e89549) Thanks [@arredgroup](https://github.com/arredgroup)! - Validate if WebGLRenderingContext exists before capturing it
+
+- [#1631](https://github.com/rrweb-io/rrweb/pull/1631) [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8) Thanks [@pauldambra](https://github.com/pauldambra)! - Move patch function into @rrweb/utils to improve bundling
+
+- [#1597](https://github.com/rrweb-io/rrweb/pull/1597) [`bd9eb70`](https://github.com/rrweb-io/rrweb/commit/bd9eb70629aeb5970f6188025f184ff4b0d5dcd4) Thanks [@pauldambra](https://github.com/pauldambra)! - Correctly detect when angular has wrapped mutation observer
+
+- [#1837](https://github.com/rrweb-io/rrweb/pull/1837) [`527d9d3`](https://github.com/rrweb-io/rrweb/commit/527d9d3913bae7f0f7741517f4b09f7a99aae57a) Thanks [@Juice10](https://github.com/Juice10)! - Tree-shake replay-only `postcss` code from the `@rrweb/record` bundle.
+
+- [#1704](https://github.com/rrweb-io/rrweb/pull/1704) [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Provide a /umd/ output folder alongside the /dist/ one so that we can serve UMD (Universal Module Definition) files with a .js extension, without upsetting expectations set by package.json that all .js files in /dist/ are modules
+
+- Updated dependencies [[`6db8f71`](https://github.com/rrweb-io/rrweb/commit/6db8f71033ec289e4550f76b4864b94c118d9ea5), [`0f0a532`](https://github.com/rrweb-io/rrweb/commit/0f0a532a2ca6b9a71acefcf3af4415beb47db0bb), [`7103625`](https://github.com/rrweb-io/rrweb/commit/7103625b4683cbd75732ee03973e38f573847b1c), [`a2c8a1a`](https://github.com/rrweb-io/rrweb/commit/a2c8a1a37bfcf8389b280af792262c8263a979a3), [`3d1877c`](https://github.com/rrweb-io/rrweb/commit/3d1877cff83d9a018630674fb6e730050ceef812), [`af0962c`](https://github.com/rrweb-io/rrweb/commit/af0962cc6c80b693bbc622520032d17342685cf6), [`57a940a`](https://github.com/rrweb-io/rrweb/commit/57a940afac0bdd14cd82937915d53110b5311673), [`e65465e`](https://github.com/rrweb-io/rrweb/commit/e65465e808178a80a4ba84970f02162ba812955e), [`d872d28`](https://github.com/rrweb-io/rrweb/commit/d872d2809e3ec8d6ff5d3d5f43bc81aff70e7548), [`36da39d`](https://github.com/rrweb-io/rrweb/commit/36da39db366a9f80c28549771ed331090a1c6647), [`b5e30cf`](https://github.com/rrweb-io/rrweb/commit/b5e30cf6cc7f5335d674ef1917a92bdf2895fe9e), [`40bbc25`](https://github.com/rrweb-io/rrweb/commit/40bbc25fc287badc317a53f2d3f21b1c9f2b211b), [`22bc4c3`](https://github.com/rrweb-io/rrweb/commit/22bc4c334e88f0b8ee5488d9e1e95cd8093a15c8), [`11f6567`](https://github.com/rrweb-io/rrweb/commit/11f6567fd81ef9ed0f954a7b6d5e39653f56004f), [`490b3e2`](https://github.com/rrweb-io/rrweb/commit/490b3e2b62b62d61e6f6f5391d5b879194c9a221), [`dc20cd4`](https://github.com/rrweb-io/rrweb/commit/dc20cd45cc63058325784444af6bd32ed2cace48), [`3e9e42f`](https://github.com/rrweb-io/rrweb/commit/3e9e42fdfd6349087d7a0345af1b39dd56528502), [`f27e545`](https://github.com/rrweb-io/rrweb/commit/f27e545e1871ed2c1753d37543f556e8ddc406b4), [`7261c43`](https://github.com/rrweb-io/rrweb/commit/7261c43f60973e88325edf832e4d0e057fbff0ae), [`03b5216`](https://github.com/rrweb-io/rrweb/commit/03b5216a9403f1509b4f69d1d71ef9874277fe91), [`ae6908d`](https://github.com/rrweb-io/rrweb/commit/ae6908dcdcd7c732c1ce79eea19de5240bec1151), [`46f1b25`](https://github.com/rrweb-io/rrweb/commit/46f1b252a5919c68c68e825bd6089cc2e7d34e7c), [`e0f862b`](https://github.com/rrweb-io/rrweb/commit/e0f862bac7dbaa9cfd778f5ef0f5f3fd8cbe6def), [`cbbd1e5`](https://github.com/rrweb-io/rrweb/commit/cbbd1e55f1f7fa2eed9fa11e4152b509bdfd88f7), [`a6893f7`](https://github.com/rrweb-io/rrweb/commit/a6893f73abe217a95d28996e01b7ec8261e42de3), [`8aea5b0`](https://github.com/rrweb-io/rrweb/commit/8aea5b00a4dfe5a6f59bd2ae72bb624f45e51e81), [`267e990`](https://github.com/rrweb-io/rrweb/commit/267e990dc0e45a5acaaa3ee89db7ae9171520d54), [`68076b7`](https://github.com/rrweb-io/rrweb/commit/68076b724ff19d198d4f351a05063b85e1705a8c), [`9c6edfe`](https://github.com/rrweb-io/rrweb/commit/9c6edfe2261680b4e92284be69f9d183b1eca8f4), [`a1ec9a2`](https://github.com/rrweb-io/rrweb/commit/a1ec9a273e6634eec67098fdd880ee681648fbbd), [`8059d96`](https://github.com/rrweb-io/rrweb/commit/8059d9695146626b102b2059a3a9b932d5f598f6), [`bfe14c5`](https://github.com/rrweb-io/rrweb/commit/bfe14c532a3149a38a8fab0a54672405279d636f), [`4014305`](https://github.com/rrweb-io/rrweb/commit/40143059446cee5c042c007b1c2e976f36e172f5), [`efdc167`](https://github.com/rrweb-io/rrweb/commit/efdc167ca6c039d04af83612e3d92498bb9b41a7), [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8), [`609b7fa`](https://github.com/rrweb-io/rrweb/commit/609b7fac79a552f746dc880a28927dee382cd082), [`f6f07e9`](https://github.com/rrweb-io/rrweb/commit/f6f07e953376634a4caf28ff8cbfed5a017c4347), [`1e0b273`](https://github.com/rrweb-io/rrweb/commit/1e0b27382210db0168d2a79d82c13698082b0983), [`1fe39ab`](https://github.com/rrweb-io/rrweb/commit/1fe39ab0db7f5d2b04f4a4f39fb5c0cfee33a1f8), [`490b3e2`](https://github.com/rrweb-io/rrweb/commit/490b3e2b62b62d61e6f6f5391d5b879194c9a221), [`979d2b1`](https://github.com/rrweb-io/rrweb/commit/979d2b1847a3d05e2731722952e4d6bd8be54f40), [`1385f7a`](https://github.com/rrweb-io/rrweb/commit/1385f7acc0052f83be1458a7b00e18c026ee393f), [`d7c72bf`](https://github.com/rrweb-io/rrweb/commit/d7c72bff0724b46a6fa94af455220626a27104fe), [`ebcbe8b`](https://github.com/rrweb-io/rrweb/commit/ebcbe8b0d746a0a4c07d3530387f920900f35215), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`05478c3`](https://github.com/rrweb-io/rrweb/commit/05478c36dde03a118099783d908bb3e465e9859c), [`fc390a9`](https://github.com/rrweb-io/rrweb/commit/fc390a954c4fc17fe2ee0e2b6edba634611349e0), [`bbbfa22`](https://github.com/rrweb-io/rrweb/commit/bbbfa226fc5882a01ecc1607b713f0caf797775e), [`e96f668`](https://github.com/rrweb-io/rrweb/commit/e96f668c86bd0ab5dc190bb2957a170271bb2ebc), [`58c9104`](https://github.com/rrweb-io/rrweb/commit/58c9104eddc8b7994a067a97daae5684e42f892f), [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff), [`bc84246`](https://github.com/rrweb-io/rrweb/commit/bc84246f78849a80dbb8fe9b4e76117afcc5c3f7), [`d2582e9`](https://github.com/rrweb-io/rrweb/commit/d2582e9a81197130cd93bc1dd778e16fddfb0be3), [`aa79db7`](https://github.com/rrweb-io/rrweb/commit/aa79db7568578ea3a413292450cd64f07481e5dd), [`82f6fec`](https://github.com/rrweb-io/rrweb/commit/82f6fecf36413ecbc994a510144487f1de20d1d5), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`980a38c`](https://github.com/rrweb-io/rrweb/commit/980a38c816d763833fc3491f56d03c959a41122d), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`a225d8e`](https://github.com/rrweb-io/rrweb/commit/a225d8e1412a69a761c22eb45565fff0b0ce5c11), [`a82a3b4`](https://github.com/rrweb-io/rrweb/commit/a82a3b42b125aaaea607410b49f012933466c523), [`5c27b76`](https://github.com/rrweb-io/rrweb/commit/5c27b763192bda9dd91806f95df7c1cd0ab083a6), [`b149cf3`](https://github.com/rrweb-io/rrweb/commit/b149cf31ed28cac7b6627972b423d29723524d87), [`a2be77b`](https://github.com/rrweb-io/rrweb/commit/a2be77b82826c4be0e7f3c7c9f7ee50476d5f6f8), [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff), [`527d9d3`](https://github.com/rrweb-io/rrweb/commit/527d9d3913bae7f0f7741517f4b09f7a99aae57a), [`79837ac`](https://github.com/rrweb-io/rrweb/commit/79837ac8f2f459935f6737210890b5c12033a53b), [`a7c33f2`](https://github.com/rrweb-io/rrweb/commit/a7c33f2093c4d92faf7ae25e8bb0e088d122c13b), [`43e4f5b`](https://github.com/rrweb-io/rrweb/commit/43e4f5b4ad4bb0525a874a545d69443bc58bc47e), [`3cc4323`](https://github.com/rrweb-io/rrweb/commit/3cc4323094065a12f8b65afecd45061d604e245f), [`d38893f`](https://github.com/rrweb-io/rrweb/commit/d38893f6338facf331fd1f6e63c121120b81177d), [`6f4e691`](https://github.com/rrweb-io/rrweb/commit/6f4e691f39cc59b655d1be4f951128beecb88acb), [`d7cf8dd`](https://github.com/rrweb-io/rrweb/commit/d7cf8dd07547f6fb22ef82e341a88357c4053bd3), [`335639a`](https://github.com/rrweb-io/rrweb/commit/335639af9b0ce7f70eb0f38ce113d877c7325158), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`04ee6ed`](https://github.com/rrweb-io/rrweb/commit/04ee6eda57157f0e04f18f907d8f3e59ababc753), [`5fbb904`](https://github.com/rrweb-io/rrweb/commit/5fbb904edb653f3da17e6775ee438d81ef0bba83), [`1e6f71b`](https://github.com/rrweb-io/rrweb/commit/1e6f71b3cddcfafe78b9e40edfbd75e485702e4e), [`d08624c`](https://github.com/rrweb-io/rrweb/commit/d08624cb28add386c3618a0e6607424c3f1884d8), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`314a8dd`](https://github.com/rrweb-io/rrweb/commit/314a8dde5a13095873b89d07bac7c949918bf817), [`5a78938`](https://github.com/rrweb-io/rrweb/commit/5a789385a341311ba327a768fe0e2f0f2f5002ee), [`3416c3a`](https://github.com/rrweb-io/rrweb/commit/3416c3a769e2bd2ddfbb88f5c4ff139871c567be), [`7c0dc9d`](https://github.com/rrweb-io/rrweb/commit/7c0dc9dfe1564c9d6624557c5b394e7844955882), [`8e47ca1`](https://github.com/rrweb-io/rrweb/commit/8e47ca1021ebb4fc036b37623ef10abf7976d6dd), [`53b83bb`](https://github.com/rrweb-io/rrweb/commit/53b83bb037f9cb30c93179548f436ed776f143ab), [`9cd28b7`](https://github.com/rrweb-io/rrweb/commit/9cd28b703ec08a77dc6b790dbffb20dfb8e9a513), [`07ac5c9`](https://github.com/rrweb-io/rrweb/commit/07ac5c9e1371824ec3ffb705f9250bbe10f4b73e), [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0), [`02f50d2`](https://github.com/rrweb-io/rrweb/commit/02f50d260cfe72209c94de1679336737f238e216), [`502d15d`](https://github.com/rrweb-io/rrweb/commit/502d15df9f7f43b3408ccfbb3f14c4bb007883c4), [`d0fbe23`](https://github.com/rrweb-io/rrweb/commit/d0fbe23c632021410a6dd45f9028a9a012467261), [`a3de582`](https://github.com/rrweb-io/rrweb/commit/a3de582e9c32be9e0ccd84bb7df756af6b0594f7), [`e08706a`](https://github.com/rrweb-io/rrweb/commit/e08706ae60268b6eb05c6292ef948c71bd423ce3), [`8d209a6`](https://github.com/rrweb-io/rrweb/commit/8d209a62f31c4c80e3e5bc36e47d7282ee854ac7), [`be6bf52`](https://github.com/rrweb-io/rrweb/commit/be6bf52c248c35de1b3491e3a3440ff61f876414), [`aaabdbd`](https://github.com/rrweb-io/rrweb/commit/aaabdbdff5df2abd1a294c40ed89e74bf8b2ec7c), [`1e6f71b`](https://github.com/rrweb-io/rrweb/commit/1e6f71b3cddcfafe78b9e40edfbd75e485702e4e), [`6388fb5`](https://github.com/rrweb-io/rrweb/commit/6388fb5a468e1a860ab8bb5c6826c811dcc3100c), [`c278d06`](https://github.com/rrweb-io/rrweb/commit/c278d068a0e2f1175cce7cc63920ac1fbf4783cf), [`4cb4d0e`](https://github.com/rrweb-io/rrweb/commit/4cb4d0e95a540a366bdec157fe78d9f099514818), [`5e6c132`](https://github.com/rrweb-io/rrweb/commit/5e6c132a4d0e5f5524b2201d6a73dae62b4a0877)]:
+  - @rrweb/utils@2.0.0
+  - @rrweb/types@2.0.0
+  - rrweb@2.0.0
+
+## 2.0.0-alpha.20
+
+### Patch Changes
+
+- Updated dependencies [[`6388fb5`](https://github.com/rrweb-io/rrweb/commit/6388fb5a468e1a860ab8bb5c6826c811dcc3100c)]:
+  - rrweb@2.0.0-alpha.20
+  - @rrweb/utils@2.0.0-alpha.20
+  - @rrweb/types@2.0.0-alpha.20
+
+## 2.0.0-alpha.19
+
+### Patch Changes
+
+- [#1631](https://github.com/rrweb-io/rrweb/pull/1631) [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8) Thanks [@pauldambra](https://github.com/pauldambra)! - Move patch function into @rrweb/utils to improve bundling
+
+- Updated dependencies [[`dc20cd4`](https://github.com/rrweb-io/rrweb/commit/dc20cd45cc63058325784444af6bd32ed2cace48), [`3e9e42f`](https://github.com/rrweb-io/rrweb/commit/3e9e42fdfd6349087d7a0345af1b39dd56528502), [`a6893f7`](https://github.com/rrweb-io/rrweb/commit/a6893f73abe217a95d28996e01b7ec8261e42de3), [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8), [`fc390a9`](https://github.com/rrweb-io/rrweb/commit/fc390a954c4fc17fe2ee0e2b6edba634611349e0), [`79837ac`](https://github.com/rrweb-io/rrweb/commit/79837ac8f2f459935f6737210890b5c12033a53b), [`6f4e691`](https://github.com/rrweb-io/rrweb/commit/6f4e691f39cc59b655d1be4f951128beecb88acb), [`9cd28b7`](https://github.com/rrweb-io/rrweb/commit/9cd28b703ec08a77dc6b790dbffb20dfb8e9a513)]:
+  - rrweb@2.0.0-alpha.19
+  - @rrweb/utils@2.0.0-alpha.19
+  - @rrweb/types@2.0.0-alpha.19
+
 ## 2.0.0-alpha.18
 
 ### Patch Changes
diff --git a/packages/record/README.md b/packages/record/README.md
index 7c448e7b..67fcd713 100644
--- a/packages/record/README.md
+++ b/packages/record/README.md
@@ -5,10 +5,41 @@ See the [guide](../../guide.md) for more info on rrweb.
 
 ## Installation
 
+### 1) Bundler / npm (Recommended)
+
 ```bash
 npm install @rrweb/record
 ```
 
+```js
+import { record } from '@rrweb/record';
+```
+
+### 2) Browser Without Bundler (ESM)
+
+Use the CDN-hosted `@rrweb/record` browser asset when loading directly in the
+browser:
+
+```html
+<script type="module">
+  import { record } from 'https://cdn.rrweb.com/record/current/dist/record.js';
+</script>
+```
+
+Use `current` for the latest stable release, or pin an exact version such as
+`https://cdn.rrweb.com/record/2.0.0/dist/record.js` for immutable
+production URLs.
+
+### 3) Legacy Direct `<script>` Include (UMD fallback)
+
+Use this only for compatibility with non-module environments.
+
+```html
+<script src="https://cdn.rrweb.com/record/current/dist/record.umd.cjs"></script>
+```
+
+The legacy UMD global is `rrwebRecord`.
+
 ## Usage
 
 ```js
@@ -135,12 +166,12 @@ All `record` related code will get moved here in the future.
   <tr>
     <td align="center">
       <a href="http://www.smartx.com/" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/smartx.png">
+        <img width="195px" src="https://raw.githubusercontent.com/rrweb-io/web/master/static/logos/smartx.png" alt="SmartX">
       </a>
     </td>
     <td align="center">
       <a href="https://posthog.com?utm_source=rrweb&utm_medium=sponsorship&utm_campaign=open-source-sponsorship" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/posthog.png">
+        <img width="195px" src="https://rrweb.com/posthog.png" alt="PostHog">
       </a>
     </td>
     <td align="center">
@@ -154,7 +185,39 @@ All `record` related code will get moved here in the future.
       </a>
     </td>
   </tr>
-    <tr>
+  <tr>
+    <td align="center">
+      <a href="https://sentry.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/sentry.png" alt="Sentry">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.pendo.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/pendo.png" alt="Pendo">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://mixpanel.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/mixpanel.png" alt="Mixpanel">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.datadoghq.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/datadog.png" alt="Datadog">
+      </a>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="https://amplitude.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/amplitude.png" alt="Amplitude">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://newrelic.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/new%20relic.png" alt="New Relic">
+      </a>
+    </td>
     <td align="center">
       <a href="https://cux.io" target="_blank">
         <img style="padding: 8px" alt="The first ever UX automation tool" width="195px" src="https://cux.io/cux-logo.svg">
@@ -165,6 +228,8 @@ All `record` related code will get moved here in the future.
         <img style="padding: 8px" alt="Remote Access & Co-Browsing" width="195px" src="https://remsupp.com/images/logo.png">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://highlight.io" target="_blank">
         <img style="padding: 8px" alt="The open source, fullstack Monitoring Platform." width="195px" src="https://github.com/highlight/highlight/raw/main/highlight.io/public/images/logo.png">
@@ -172,11 +237,9 @@ All `record` related code will get moved here in the future.
     </td>
     <td align="center">
       <a href="https://analyzee.io" target="_blank">
-        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://cdn.analyzee.io/assets/analyzee-logo.png">
+        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://analyzee.io/img/analyzee-main-logo.webp">
       </a>
     </td>
-  </tr>
-  <tr>
     <td align="center">
       <a href="https://requestly.io" target="_blank">
         <img style="padding: 8px" alt="Intercept, Modify, Record & Replay HTTP Requests." width="195px" src="https://github.com/requestly/requestly/assets/16779465/652552db-c867-44cb-9bb5-94a2026e04ca">
@@ -187,6 +250,8 @@ All `record` related code will get moved here in the future.
         <img style="padding: 8px" alt="In-app bug reporting & customer feedback platform." width="195px" src="https://assets-global.website-files.com/6506f3f29c68b1724807619d/6506f56010237164c6306591_GleapLogo.svg">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://uxwizz.com" target="_blank">
         <img style="padding: 8px" alt="Self-hosted website analytics with heatmaps and session recordings." width="195px" src="https://github.com/UXWizz/public-files/raw/main/assets/logo.png">
diff --git a/packages/record/package.json b/packages/record/package.json
index 8c16e11e..c619e30e 100644
--- a/packages/record/package.json
+++ b/packages/record/package.json
@@ -1,21 +1,26 @@
 {
   "name": "@highlight-run/rrweb-record",
-  "version": "2.0.0-alpha.18",
+  "version": "2.0.0-lambda.5",
   "publishConfig": {
     "access": "public"
   },
   "keywords": [
-    "@highlight-run/rrweb",
-    "@highlight-run/rrweb-record"
+    "devtools",
+    "product-analytics",
+    "real-user-monitoring",
+    "rrweb",
+    "@rrweb/record"
   ],
   "scripts": {
     "dev": "vite build --watch",
     "build": "tsc -noEmit && vite build",
-    "test": "vitest run",
+    "retest": "vitest run",
+    "test": "yarn build && vitest run",
     "test:watch": "vitest watch",
     "check-types": "tsc -noEmit",
     "prepublish": "tsc -noEmit && vite build",
-    "lint": "yarn eslint src/**/*.ts"
+    "lint": "npx eslint src/**/*.ts",
+    "test:update": "yarn build && vitest run -u"
   },
   "homepage": "https://github.com/rrweb-io/rrweb/tree/main/packages/@rrweb/record#readme",
   "bugs": {
@@ -27,33 +32,34 @@
   },
   "license": "MIT",
   "type": "module",
-  "main": "./dist/record.cjs",
-  "module": "./dist/record.js",
-  "unpkg": "./dist/record.umd.cjs",
+  "main": "./dist/rrweb-record.cjs",
+  "module": "./dist/rrweb-record.js",
+  "unpkg": "./dist/rrweb-record.umd.cjs",
+  "jsdelivr": "./umd/rrweb-record.js",
   "typings": "dist/index.d.ts",
   "exports": {
     ".": {
       "import": {
         "types": "./dist/index.d.ts",
-        "default": "./dist/record.js"
+        "default": "./dist/rrweb-record.js"
       },
       "require": {
         "types": "./dist/index.d.cts",
-        "default": "./dist/record.cjs"
+        "default": "./dist/rrweb-record.cjs"
       }
     }
   },
   "files": [
+    "umd",
     "dist",
     "package.json"
   ],
   "devDependencies": {
     "puppeteer": "^20.9.0",
-    "turbo": "^2.0.5",
     "typescript": "^5.4.5",
-    "vite": "^5.3.1",
+    "vite": "^6.4.2",
     "vite-plugin-dts": "^3.9.1",
-    "vitest": "^1.4.0"
+    "vitest": "^3.2.6"
   },
   "dependencies": {
     "@highlight-run/rrweb": "workspace:*",
diff --git a/packages/record/test/record.test.ts b/packages/record/test/record.test.ts
index 1a51435c..28c7810b 100644
--- a/packages/record/test/record.test.ts
+++ b/packages/record/test/record.test.ts
@@ -1,8 +1,57 @@
+import { existsSync, readdirSync, readFileSync, statSync } from 'node:fs';
+import path from 'node:path';
 import { describe, it, expect } from 'vitest';
 import { record } from '../src/index';
 
+const distDir = path.resolve(__dirname, '../dist');
+const recordJsPath = path.join(distDir, 'rrweb-record.js');
+
+// Measured before the tree-shaking fix: 397373 bytes.
+// Measured after the tree-shaking fix: 161287 bytes.
+// The fixed ESM bundle must stay at least 200 KiB smaller.
+const BASELINE_RECORD_JS_BYTES = 397373;
+const MAX_RECORD_JS_BYTES = BASELINE_RECORD_JS_BYTES - 200 * 1024;
+
+function requireBuiltRecordBundle() {
+  if (!existsSync(recordJsPath)) {
+    throw new Error(
+      'Missing packages/record/dist/rrweb-record.js. Run `yarn workspace @highlight-run/rrweb-record build` before running this test.',
+    );
+  }
+}
+
+function emittedJavaScriptFiles() {
+  if (!existsSync(distDir)) {
+    throw new Error(
+      'Missing packages/record/dist. Run `yarn workspace @highlight-run/rrweb-record build` before running this test.',
+    );
+  }
+  return readdirSync(distDir)
+    .filter((file) => file.endsWith('.js') || file.endsWith('.cjs'))
+    .map((file) => path.join(distDir, file));
+}
+
 describe('record', () => {
   it('should be a function', () => {
     expect(typeof record).toBe('function');
   });
+
+  // The fork inlines its workspace dependencies (rrweb-snapshot, rrdom, ...)
+  // into every bundle via vite.config.default.ts aliases, so upstream's
+  // postcss tree-shaking and bundle-size guarantees do not apply here.
+  it.skip('does not bundle replay-only postcss code', () => {
+    requireBuiltRecordBundle();
+
+    for (const file of emittedJavaScriptFiles()) {
+      expect(readFileSync(file, 'utf-8')).not.toContain('postcss');
+    }
+  });
+
+  it.skip('keeps the ESM record bundle at least 200 KiB below the baseline size', () => {
+    requireBuiltRecordBundle();
+
+    expect(statSync(recordJsPath).size).toBeLessThanOrEqual(
+      MAX_RECORD_JS_BYTES,
+    );
+  });
 });
diff --git a/packages/record/vite.config.ts b/packages/record/vite.config.ts
index cf4366a0..94191afe 100644
--- a/packages/record/vite.config.ts
+++ b/packages/record/vite.config.ts
@@ -1,4 +1,23 @@
 import path from 'path';
+import type { Plugin } from 'vite';
 import config from '../../vite.config.default';
 
-export default config(path.resolve(__dirname, 'src/index.ts'), 'rrweb');
+const sourceEntryByPackageName = new Map([
+  ['rrweb', path.resolve(__dirname, '../rrweb/src/entries/record.ts')],
+  ['rrweb-snapshot', path.resolve(__dirname, '../rrweb-snapshot/src/index.ts')],
+  ['rrdom', path.resolve(__dirname, '../rrdom/src/index.ts')],
+]);
+
+function resolveLocalSourceEntries(): Plugin {
+  return {
+    name: 'resolve-local-source-entries',
+    enforce: 'pre',
+    resolveId(source) {
+      return sourceEntryByPackageName.get(source) || null;
+    },
+  };
+}
+
+export default config(path.resolve(__dirname, 'src/index.ts'), 'rrwebRecord', {
+  plugins: [resolveLocalSourceEntries()],
+});
diff --git a/packages/replay/CHANGELOG.md b/packages/replay/CHANGELOG.md
index 6ca15887..0d1faa9b 100644
--- a/packages/replay/CHANGELOG.md
+++ b/packages/replay/CHANGELOG.md
@@ -1,5 +1,49 @@
 # @rrweb/replay
 
+## 2.0.1
+
+### Patch Changes
+
+- Updated dependencies [[`5f52d63`](https://github.com/rrweb-io/rrweb/commit/5f52d63636b3246bd5b6ba99a93cba41c5d981cb)]:
+  - rrweb@2.0.1
+  - @rrweb/types@2.0.1
+
+## 2.0.0
+
+### Major Changes
+
+- [#1762](https://github.com/rrweb-io/rrweb/pull/1762) [`22bc4c3`](https://github.com/rrweb-io/rrweb/commit/22bc4c334e88f0b8ee5488d9e1e95cd8093a15c8) Thanks [@Juice10](https://github.com/Juice10)! - BREAKING CHANGE: Rename UMD global names from `rrweb` to `rrwebRecord` for the recorder and `rrwebReplay` for the replayer. This avoids conflicts when both are loaded on the same page.
+
+- [#1497](https://github.com/rrweb-io/rrweb/pull/1497) [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf) Thanks [@Juice10](https://github.com/Juice10)! - Distributed files have new filenames, paths and extensions. **Important: If you reference distributed files or types directly, you might have to update your paths/filenames. E.g. you import from `rrweb/typings/...` or `rrdom/es`. However you run `import rrweb from 'rrweb'` you won't notice a difference with this change.** If you include rrweb files directly in a script tag, you might have to update that path to include a the `.umd.cjs` files instead. All `.js` files now use ES modules which can be used in modern browsers, node.js and bundlers that support ES modules. All npm packages now also ship `.cjs` and `.umd.cjs` files. The `.umd.cjs` files are CommonJS modules that bundle all files together to make it easy to ship one file to browser environments (similar to the previous `.js` files). The `.cjs` files are CommonJS modules that can be used in older Node.js environments. Types should be better defined in `package.json` and if you need specific types they might be exported from new packages (for example `PlayerMachineState` and `SpeedMachineState` are now exported from `@rrweb/replay`). Check the `package.json`'s `main` and `exports` field for the available files.
+
+- [#1497](https://github.com/rrweb-io/rrweb/pull/1497) [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf) Thanks [@Juice10](https://github.com/Juice10)! - Remove the rrweb-all.js, rrweb-record.js, and rrweb-replay.js files from `rrweb` package. Now you can use `@rrweb/all`, `@rrweb/record`, and `@rrweb/replay` packages instead. Check out the README of each package for more information or check out [PR #1033](https://github.com/rrweb-io/rrweb/pull/1033) to see the changes.
+
+### Patch Changes
+
+- [`db20184`](https://github.com/rrweb-io/rrweb/commit/db201841accd2b5df3cd7c88779aa62ab158501c) Thanks [@Juice10](https://github.com/Juice10)! - Keep package version in sync with other packages
+
+- [#1704](https://github.com/rrweb-io/rrweb/pull/1704) [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Provide a /umd/ output folder alongside the /dist/ one so that we can serve UMD (Universal Module Definition) files with a .js extension, without upsetting expectations set by package.json that all .js files in /dist/ are modules
+
+- Updated dependencies [[`0f0a532`](https://github.com/rrweb-io/rrweb/commit/0f0a532a2ca6b9a71acefcf3af4415beb47db0bb), [`7103625`](https://github.com/rrweb-io/rrweb/commit/7103625b4683cbd75732ee03973e38f573847b1c), [`a2c8a1a`](https://github.com/rrweb-io/rrweb/commit/a2c8a1a37bfcf8389b280af792262c8263a979a3), [`3d1877c`](https://github.com/rrweb-io/rrweb/commit/3d1877cff83d9a018630674fb6e730050ceef812), [`af0962c`](https://github.com/rrweb-io/rrweb/commit/af0962cc6c80b693bbc622520032d17342685cf6), [`57a940a`](https://github.com/rrweb-io/rrweb/commit/57a940afac0bdd14cd82937915d53110b5311673), [`e65465e`](https://github.com/rrweb-io/rrweb/commit/e65465e808178a80a4ba84970f02162ba812955e), [`d872d28`](https://github.com/rrweb-io/rrweb/commit/d872d2809e3ec8d6ff5d3d5f43bc81aff70e7548), [`36da39d`](https://github.com/rrweb-io/rrweb/commit/36da39db366a9f80c28549771ed331090a1c6647), [`b5e30cf`](https://github.com/rrweb-io/rrweb/commit/b5e30cf6cc7f5335d674ef1917a92bdf2895fe9e), [`40bbc25`](https://github.com/rrweb-io/rrweb/commit/40bbc25fc287badc317a53f2d3f21b1c9f2b211b), [`22bc4c3`](https://github.com/rrweb-io/rrweb/commit/22bc4c334e88f0b8ee5488d9e1e95cd8093a15c8), [`11f6567`](https://github.com/rrweb-io/rrweb/commit/11f6567fd81ef9ed0f954a7b6d5e39653f56004f), [`490b3e2`](https://github.com/rrweb-io/rrweb/commit/490b3e2b62b62d61e6f6f5391d5b879194c9a221), [`dc20cd4`](https://github.com/rrweb-io/rrweb/commit/dc20cd45cc63058325784444af6bd32ed2cace48), [`3e9e42f`](https://github.com/rrweb-io/rrweb/commit/3e9e42fdfd6349087d7a0345af1b39dd56528502), [`f27e545`](https://github.com/rrweb-io/rrweb/commit/f27e545e1871ed2c1753d37543f556e8ddc406b4), [`7261c43`](https://github.com/rrweb-io/rrweb/commit/7261c43f60973e88325edf832e4d0e057fbff0ae), [`03b5216`](https://github.com/rrweb-io/rrweb/commit/03b5216a9403f1509b4f69d1d71ef9874277fe91), [`ae6908d`](https://github.com/rrweb-io/rrweb/commit/ae6908dcdcd7c732c1ce79eea19de5240bec1151), [`46f1b25`](https://github.com/rrweb-io/rrweb/commit/46f1b252a5919c68c68e825bd6089cc2e7d34e7c), [`e0f862b`](https://github.com/rrweb-io/rrweb/commit/e0f862bac7dbaa9cfd778f5ef0f5f3fd8cbe6def), [`cbbd1e5`](https://github.com/rrweb-io/rrweb/commit/cbbd1e55f1f7fa2eed9fa11e4152b509bdfd88f7), [`a6893f7`](https://github.com/rrweb-io/rrweb/commit/a6893f73abe217a95d28996e01b7ec8261e42de3), [`8aea5b0`](https://github.com/rrweb-io/rrweb/commit/8aea5b00a4dfe5a6f59bd2ae72bb624f45e51e81), [`267e990`](https://github.com/rrweb-io/rrweb/commit/267e990dc0e45a5acaaa3ee89db7ae9171520d54), [`68076b7`](https://github.com/rrweb-io/rrweb/commit/68076b724ff19d198d4f351a05063b85e1705a8c), [`9c6edfe`](https://github.com/rrweb-io/rrweb/commit/9c6edfe2261680b4e92284be69f9d183b1eca8f4), [`a1ec9a2`](https://github.com/rrweb-io/rrweb/commit/a1ec9a273e6634eec67098fdd880ee681648fbbd), [`8059d96`](https://github.com/rrweb-io/rrweb/commit/8059d9695146626b102b2059a3a9b932d5f598f6), [`bfe14c5`](https://github.com/rrweb-io/rrweb/commit/bfe14c532a3149a38a8fab0a54672405279d636f), [`4014305`](https://github.com/rrweb-io/rrweb/commit/40143059446cee5c042c007b1c2e976f36e172f5), [`efdc167`](https://github.com/rrweb-io/rrweb/commit/efdc167ca6c039d04af83612e3d92498bb9b41a7), [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8), [`609b7fa`](https://github.com/rrweb-io/rrweb/commit/609b7fac79a552f746dc880a28927dee382cd082), [`f6f07e9`](https://github.com/rrweb-io/rrweb/commit/f6f07e953376634a4caf28ff8cbfed5a017c4347), [`1e0b273`](https://github.com/rrweb-io/rrweb/commit/1e0b27382210db0168d2a79d82c13698082b0983), [`1fe39ab`](https://github.com/rrweb-io/rrweb/commit/1fe39ab0db7f5d2b04f4a4f39fb5c0cfee33a1f8), [`490b3e2`](https://github.com/rrweb-io/rrweb/commit/490b3e2b62b62d61e6f6f5391d5b879194c9a221), [`979d2b1`](https://github.com/rrweb-io/rrweb/commit/979d2b1847a3d05e2731722952e4d6bd8be54f40), [`1385f7a`](https://github.com/rrweb-io/rrweb/commit/1385f7acc0052f83be1458a7b00e18c026ee393f), [`d7c72bf`](https://github.com/rrweb-io/rrweb/commit/d7c72bff0724b46a6fa94af455220626a27104fe), [`ebcbe8b`](https://github.com/rrweb-io/rrweb/commit/ebcbe8b0d746a0a4c07d3530387f920900f35215), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`05478c3`](https://github.com/rrweb-io/rrweb/commit/05478c36dde03a118099783d908bb3e465e9859c), [`fc390a9`](https://github.com/rrweb-io/rrweb/commit/fc390a954c4fc17fe2ee0e2b6edba634611349e0), [`bbbfa22`](https://github.com/rrweb-io/rrweb/commit/bbbfa226fc5882a01ecc1607b713f0caf797775e), [`e96f668`](https://github.com/rrweb-io/rrweb/commit/e96f668c86bd0ab5dc190bb2957a170271bb2ebc), [`58c9104`](https://github.com/rrweb-io/rrweb/commit/58c9104eddc8b7994a067a97daae5684e42f892f), [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff), [`bc84246`](https://github.com/rrweb-io/rrweb/commit/bc84246f78849a80dbb8fe9b4e76117afcc5c3f7), [`d2582e9`](https://github.com/rrweb-io/rrweb/commit/d2582e9a81197130cd93bc1dd778e16fddfb0be3), [`aa79db7`](https://github.com/rrweb-io/rrweb/commit/aa79db7568578ea3a413292450cd64f07481e5dd), [`82f6fec`](https://github.com/rrweb-io/rrweb/commit/82f6fecf36413ecbc994a510144487f1de20d1d5), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`980a38c`](https://github.com/rrweb-io/rrweb/commit/980a38c816d763833fc3491f56d03c959a41122d), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`a225d8e`](https://github.com/rrweb-io/rrweb/commit/a225d8e1412a69a761c22eb45565fff0b0ce5c11), [`a82a3b4`](https://github.com/rrweb-io/rrweb/commit/a82a3b42b125aaaea607410b49f012933466c523), [`5c27b76`](https://github.com/rrweb-io/rrweb/commit/5c27b763192bda9dd91806f95df7c1cd0ab083a6), [`b149cf3`](https://github.com/rrweb-io/rrweb/commit/b149cf31ed28cac7b6627972b423d29723524d87), [`a2be77b`](https://github.com/rrweb-io/rrweb/commit/a2be77b82826c4be0e7f3c7c9f7ee50476d5f6f8), [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff), [`527d9d3`](https://github.com/rrweb-io/rrweb/commit/527d9d3913bae7f0f7741517f4b09f7a99aae57a), [`79837ac`](https://github.com/rrweb-io/rrweb/commit/79837ac8f2f459935f6737210890b5c12033a53b), [`a7c33f2`](https://github.com/rrweb-io/rrweb/commit/a7c33f2093c4d92faf7ae25e8bb0e088d122c13b), [`43e4f5b`](https://github.com/rrweb-io/rrweb/commit/43e4f5b4ad4bb0525a874a545d69443bc58bc47e), [`3cc4323`](https://github.com/rrweb-io/rrweb/commit/3cc4323094065a12f8b65afecd45061d604e245f), [`d38893f`](https://github.com/rrweb-io/rrweb/commit/d38893f6338facf331fd1f6e63c121120b81177d), [`6f4e691`](https://github.com/rrweb-io/rrweb/commit/6f4e691f39cc59b655d1be4f951128beecb88acb), [`d7cf8dd`](https://github.com/rrweb-io/rrweb/commit/d7cf8dd07547f6fb22ef82e341a88357c4053bd3), [`335639a`](https://github.com/rrweb-io/rrweb/commit/335639af9b0ce7f70eb0f38ce113d877c7325158), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`04ee6ed`](https://github.com/rrweb-io/rrweb/commit/04ee6eda57157f0e04f18f907d8f3e59ababc753), [`5fbb904`](https://github.com/rrweb-io/rrweb/commit/5fbb904edb653f3da17e6775ee438d81ef0bba83), [`1e6f71b`](https://github.com/rrweb-io/rrweb/commit/1e6f71b3cddcfafe78b9e40edfbd75e485702e4e), [`d08624c`](https://github.com/rrweb-io/rrweb/commit/d08624cb28add386c3618a0e6607424c3f1884d8), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`314a8dd`](https://github.com/rrweb-io/rrweb/commit/314a8dde5a13095873b89d07bac7c949918bf817), [`5a78938`](https://github.com/rrweb-io/rrweb/commit/5a789385a341311ba327a768fe0e2f0f2f5002ee), [`3416c3a`](https://github.com/rrweb-io/rrweb/commit/3416c3a769e2bd2ddfbb88f5c4ff139871c567be), [`7c0dc9d`](https://github.com/rrweb-io/rrweb/commit/7c0dc9dfe1564c9d6624557c5b394e7844955882), [`8e47ca1`](https://github.com/rrweb-io/rrweb/commit/8e47ca1021ebb4fc036b37623ef10abf7976d6dd), [`53b83bb`](https://github.com/rrweb-io/rrweb/commit/53b83bb037f9cb30c93179548f436ed776f143ab), [`9cd28b7`](https://github.com/rrweb-io/rrweb/commit/9cd28b703ec08a77dc6b790dbffb20dfb8e9a513), [`07ac5c9`](https://github.com/rrweb-io/rrweb/commit/07ac5c9e1371824ec3ffb705f9250bbe10f4b73e), [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0), [`02f50d2`](https://github.com/rrweb-io/rrweb/commit/02f50d260cfe72209c94de1679336737f238e216), [`502d15d`](https://github.com/rrweb-io/rrweb/commit/502d15df9f7f43b3408ccfbb3f14c4bb007883c4), [`d0fbe23`](https://github.com/rrweb-io/rrweb/commit/d0fbe23c632021410a6dd45f9028a9a012467261), [`a3de582`](https://github.com/rrweb-io/rrweb/commit/a3de582e9c32be9e0ccd84bb7df756af6b0594f7), [`e08706a`](https://github.com/rrweb-io/rrweb/commit/e08706ae60268b6eb05c6292ef948c71bd423ce3), [`8d209a6`](https://github.com/rrweb-io/rrweb/commit/8d209a62f31c4c80e3e5bc36e47d7282ee854ac7), [`be6bf52`](https://github.com/rrweb-io/rrweb/commit/be6bf52c248c35de1b3491e3a3440ff61f876414), [`aaabdbd`](https://github.com/rrweb-io/rrweb/commit/aaabdbdff5df2abd1a294c40ed89e74bf8b2ec7c), [`1e6f71b`](https://github.com/rrweb-io/rrweb/commit/1e6f71b3cddcfafe78b9e40edfbd75e485702e4e), [`6388fb5`](https://github.com/rrweb-io/rrweb/commit/6388fb5a468e1a860ab8bb5c6826c811dcc3100c), [`c278d06`](https://github.com/rrweb-io/rrweb/commit/c278d068a0e2f1175cce7cc63920ac1fbf4783cf), [`4cb4d0e`](https://github.com/rrweb-io/rrweb/commit/4cb4d0e95a540a366bdec157fe78d9f099514818), [`5e6c132`](https://github.com/rrweb-io/rrweb/commit/5e6c132a4d0e5f5524b2201d6a73dae62b4a0877)]:
+  - @rrweb/types@2.0.0
+  - rrweb@2.0.0
+
+## 2.0.0-alpha.20
+
+### Patch Changes
+
+- Updated dependencies [[`6388fb5`](https://github.com/rrweb-io/rrweb/commit/6388fb5a468e1a860ab8bb5c6826c811dcc3100c)]:
+  - rrweb@2.0.0-alpha.20
+  - @rrweb/types@2.0.0-alpha.20
+
+## 2.0.0-alpha.19
+
+### Patch Changes
+
+- Updated dependencies [[`dc20cd4`](https://github.com/rrweb-io/rrweb/commit/dc20cd45cc63058325784444af6bd32ed2cace48), [`3e9e42f`](https://github.com/rrweb-io/rrweb/commit/3e9e42fdfd6349087d7a0345af1b39dd56528502), [`a6893f7`](https://github.com/rrweb-io/rrweb/commit/a6893f73abe217a95d28996e01b7ec8261e42de3), [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8), [`fc390a9`](https://github.com/rrweb-io/rrweb/commit/fc390a954c4fc17fe2ee0e2b6edba634611349e0), [`79837ac`](https://github.com/rrweb-io/rrweb/commit/79837ac8f2f459935f6737210890b5c12033a53b), [`6f4e691`](https://github.com/rrweb-io/rrweb/commit/6f4e691f39cc59b655d1be4f951128beecb88acb), [`9cd28b7`](https://github.com/rrweb-io/rrweb/commit/9cd28b703ec08a77dc6b790dbffb20dfb8e9a513)]:
+  - rrweb@2.0.0-alpha.19
+  - @rrweb/types@2.0.0-alpha.19
+
 ## 2.0.0-alpha.18
 
 ### Patch Changes
diff --git a/packages/replay/README.md b/packages/replay/README.md
index de3ff891..a8c8a329 100644
--- a/packages/replay/README.md
+++ b/packages/replay/README.md
@@ -5,14 +5,55 @@ See the [guide](../../guide.md) for more info on rrweb.
 
 ## Installation
 
+### 1) Bundler / npm (Recommended)
+
 ```bash
 npm install @rrweb/replay
 ```
 
+```js
+import { Replayer } from '@rrweb/replay';
+import '@rrweb/replay/dist/style.css';
+```
+
+### 2) Browser Without Bundler (ESM)
+
+Use the CDN-hosted `@rrweb/replay` browser asset when loading directly in the
+browser:
+
+```html
+<link
+  rel="stylesheet"
+  href="https://cdn.rrweb.com/replay/current/dist/style.css"
+/>
+<script type="module">
+  import { Replayer } from 'https://cdn.rrweb.com/replay/current/dist/replay.js';
+</script>
+```
+
+Use `current` for the latest stable release, or pin an exact version such as
+`https://cdn.rrweb.com/replay/2.0.0/dist/replay.js` for immutable
+production URLs.
+
+### 3) Legacy Direct `<script>` Include (UMD fallback)
+
+Use this only for compatibility with non-module environments.
+
+```html
+<link
+  rel="stylesheet"
+  href="https://cdn.rrweb.com/replay/current/dist/style.css"
+/>
+<script src="https://cdn.rrweb.com/replay/current/dist/replay.umd.cjs"></script>
+```
+
+The legacy UMD global is `rrwebReplay`.
+
 ## Usage
 
 ```js
 import { Replayer } from '@rrweb/replay';
+import '@rrweb/replay/dist/style.css';
 
 const replayer = new Replayer(events, {
   // options
@@ -134,12 +175,12 @@ All `Replayer` related code will get moved here in the future.
   <tr>
     <td align="center">
       <a href="http://www.smartx.com/" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/smartx.png">
+        <img width="195px" src="https://raw.githubusercontent.com/rrweb-io/web/master/static/logos/smartx.png" alt="SmartX">
       </a>
     </td>
     <td align="center">
       <a href="https://posthog.com?utm_source=rrweb&utm_medium=sponsorship&utm_campaign=open-source-sponsorship" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/posthog.png">
+        <img width="195px" src="https://rrweb.com/posthog.png" alt="PostHog">
       </a>
     </td>
     <td align="center">
@@ -153,7 +194,39 @@ All `Replayer` related code will get moved here in the future.
       </a>
     </td>
   </tr>
-    <tr>
+  <tr>
+    <td align="center">
+      <a href="https://sentry.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/sentry.png" alt="Sentry">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.pendo.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/pendo.png" alt="Pendo">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://mixpanel.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/mixpanel.png" alt="Mixpanel">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.datadoghq.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/datadog.png" alt="Datadog">
+      </a>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="https://amplitude.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/amplitude.png" alt="Amplitude">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://newrelic.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/new%20relic.png" alt="New Relic">
+      </a>
+    </td>
     <td align="center">
       <a href="https://cux.io" target="_blank">
         <img style="padding: 8px" alt="The first ever UX automation tool" width="195px" src="https://cux.io/cux-logo.svg">
@@ -164,6 +237,8 @@ All `Replayer` related code will get moved here in the future.
         <img style="padding: 8px" alt="Remote Access & Co-Browsing" width="195px" src="https://remsupp.com/images/logo.png">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://highlight.io" target="_blank">
         <img style="padding: 8px" alt="The open source, fullstack Monitoring Platform." width="195px" src="https://github.com/highlight/highlight/raw/main/highlight.io/public/images/logo.png">
@@ -171,11 +246,9 @@ All `Replayer` related code will get moved here in the future.
     </td>
     <td align="center">
       <a href="https://analyzee.io" target="_blank">
-        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://cdn.analyzee.io/assets/analyzee-logo.png">
+        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://analyzee.io/img/analyzee-main-logo.webp">
       </a>
     </td>
-  </tr>
-  <tr>
     <td align="center">
       <a href="https://requestly.io" target="_blank">
         <img style="padding: 8px" alt="Intercept, Modify, Record & Replay HTTP Requests." width="195px" src="https://github.com/requestly/requestly/assets/16779465/652552db-c867-44cb-9bb5-94a2026e04ca">
@@ -186,6 +259,8 @@ All `Replayer` related code will get moved here in the future.
         <img style="padding: 8px" alt="In-app bug reporting & customer feedback platform." width="195px" src="https://assets-global.website-files.com/6506f3f29c68b1724807619d/6506f56010237164c6306591_GleapLogo.svg">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://uxwizz.com" target="_blank">
         <img style="padding: 8px" alt="Self-hosted website analytics with heatmaps and session recordings." width="195px" src="https://github.com/UXWizz/public-files/raw/main/assets/logo.png">
diff --git a/packages/replay/package.json b/packages/replay/package.json
index f0d9a262..2264df7a 100644
--- a/packages/replay/package.json
+++ b/packages/replay/package.json
@@ -1,12 +1,15 @@
 {
   "name": "@highlight-run/rrweb-replay",
-  "version": "2.0.0-alpha.18",
+  "version": "2.0.0-lambda.5",
   "publishConfig": {
     "access": "public"
   },
   "keywords": [
-    "@highlight-run/rrweb",
-    "@highlight-run/rrweb-replay"
+    "devtools",
+    "product-analytics",
+    "real-user-monitoring",
+    "rrweb",
+    "@rrweb/replay"
   ],
   "scripts": {
     "dev": "vite build --watch",
@@ -15,7 +18,8 @@
     "test:watch": "vitest watch",
     "check-types": "tsc -noEmit",
     "prepublish": "tsc -noEmit && vite build",
-    "lint": "yarn eslint src/**/*.ts"
+    "lint": "npx eslint src/**/*.ts",
+    "test:update": "vitest run -u"
   },
   "homepage": "https://github.com/rrweb-io/rrweb/tree/main/packages/@rrweb/replay#readme",
   "bugs": {
@@ -27,34 +31,36 @@
   },
   "license": "MIT",
   "type": "module",
-  "main": "./dist/replay.cjs",
-  "module": "./dist/replay.js",
-  "unpkg": "./dist/replay.umd.cjs",
+  "main": "./dist/rrweb-replay.cjs",
+  "module": "./dist/rrweb-replay.js",
+  "unpkg": "./dist/rrweb-replay.umd.cjs",
+  "jsdelivr": "./umd/rrweb-replay.js",
+  "style": "./dist/style.css",
   "typings": "dist/index.d.ts",
   "exports": {
     ".": {
       "import": {
         "types": "./dist/index.d.ts",
-        "default": "./dist/replay.js"
+        "default": "./dist/rrweb-replay.js"
       },
       "require": {
         "types": "./dist/index.d.cts",
-        "default": "./dist/replay.cjs"
+        "default": "./dist/rrweb-replay.cjs"
       }
     },
     "./dist/style.css": "./dist/style.css"
   },
   "files": [
+    "umd",
     "dist",
     "package.json"
   ],
   "devDependencies": {
     "puppeteer": "^20.9.0",
-    "turbo": "^2.0.5",
     "typescript": "^5.4.5",
-    "vite": "^5.3.1",
+    "vite": "^6.4.2",
     "vite-plugin-dts": "^3.9.1",
-    "vitest": "^1.4.0"
+    "vitest": "^3.2.6"
   },
   "dependencies": {
     "@highlight-run/rrweb": "workspace:*",
diff --git a/packages/replay/vite.config.ts b/packages/replay/vite.config.ts
index cf4366a0..30c839ed 100644
--- a/packages/replay/vite.config.ts
+++ b/packages/replay/vite.config.ts
@@ -1,4 +1,4 @@
 import path from 'path';
 import config from '../../vite.config.default';
 
-export default config(path.resolve(__dirname, 'src/index.ts'), 'rrweb');
+export default config(path.resolve(__dirname, 'src/index.ts'), 'rrwebReplay');
diff --git a/packages/rrdom-nodejs/CHANGELOG.md b/packages/rrdom-nodejs/CHANGELOG.md
index 0ff5d137..0daa111f 100644
--- a/packages/rrdom-nodejs/CHANGELOG.md
+++ b/packages/rrdom-nodejs/CHANGELOG.md
@@ -1,5 +1,76 @@
 # rrdom-nodejs
 
+## 2.0.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - rrdom@2.0.1
+  - @rrweb/types@2.0.1
+
+## 2.0.0
+
+### Major Changes
+
+- [#1497](https://github.com/rrweb-io/rrweb/pull/1497) [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf) Thanks [@Juice10](https://github.com/Juice10)! - Distributed files have new filenames, paths and extensions. **Important: If you reference distributed files or types directly, you might have to update your paths/filenames. E.g. you import from `rrweb/typings/...` or `rrdom/es`. However you run `import rrweb from 'rrweb'` you won't notice a difference with this change.** If you include rrweb files directly in a script tag, you might have to update that path to include a the `.umd.cjs` files instead. All `.js` files now use ES modules which can be used in modern browsers, node.js and bundlers that support ES modules. All npm packages now also ship `.cjs` and `.umd.cjs` files. The `.umd.cjs` files are CommonJS modules that bundle all files together to make it easy to ship one file to browser environments (similar to the previous `.js` files). The `.cjs` files are CommonJS modules that can be used in older Node.js environments. Types should be better defined in `package.json` and if you need specific types they might be exported from new packages (for example `PlayerMachineState` and `SpeedMachineState` are now exported from `@rrweb/replay`). Check the `package.json`'s `main` and `exports` field for the available files.
+
+- [#1127](https://github.com/rrweb-io/rrweb/pull/1127) [`3cc4323`](https://github.com/rrweb-io/rrweb/commit/3cc4323094065a12f8b65afecd45061d604e245f) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Refactor: Improve performance by 80% in a super large benchmark case.
+
+  1. Refactor: change the data structure of childNodes from array to linked list
+  2. Improve the performance of the "contains" function. New algorithm will reduce the complexity from O(n) to O(logn)
+
+### Patch Changes
+
+- [#1126](https://github.com/rrweb-io/rrweb/pull/1126) [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Refactor all suffix of bundled scripts with commonjs module from 'js' to cjs [#1087](https://github.com/rrweb-io/rrweb/pull/1087).
+
+- [#1593](https://github.com/rrweb-io/rrweb/pull/1593) [`5a78938`](https://github.com/rrweb-io/rrweb/commit/5a789385a341311ba327a768fe0e2f0f2f5002ee) Thanks [@daibhin](https://github.com/daibhin)! - `NodeType` enum was moved from rrweb-snapshot to @rrweb/types
+  The following types where moved from rrweb-snapshot to @rrweb/types: `documentNode`, `documentTypeNode`, `legacyAttributes`, `textNode`, `cdataNode`, `commentNode`, `elementNode`, `serializedNode`, `serializedNodeWithId`, `serializedElementNodeWithId`, `serializedTextNodeWithId`, `IMirror`, `INode`, `mediaAttributes`, `attributes` and `DataURLOptions`
+
+- [#1704](https://github.com/rrweb-io/rrweb/pull/1704) [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Provide a /umd/ output folder alongside the /dist/ one so that we can serve UMD (Universal Module Definition) files with a .js extension, without upsetting expectations set by package.json that all .js files in /dist/ are modules
+
+- Updated dependencies [[`ad9bc3e`](https://github.com/rrweb-io/rrweb/commit/ad9bc3ed16d9172490bd8350c6922e3726a7f585), [`2a80949`](https://github.com/rrweb-io/rrweb/commit/2a809499739ed2068bf6d9c614142f9dc8cb09ab)]:
+
+  - rrdom@0.1.7
+
+- Updated dependencies [[`3809060`](https://github.com/rrweb-io/rrweb/commit/38090606b98e2d64073e74194d2c5c42453e8b5c), [`55ebce7`](https://github.com/rrweb-io/rrweb/commit/55ebce733393da99b01e786f9bc77bf5362ba828)]:
+
+  - rrdom@0.1.6
+
+- Updated dependencies [[`ce6019d`](https://github.com/rrweb-io/rrweb/commit/ce6019d2d6264ac8ef4cc0c5f8ff1733787f9ea0), [`fd85c79`](https://github.com/rrweb-io/rrweb/commit/fd85c79e853ef89a860e795a8ae3ba318ef42ae8)]:
+
+  - rrdom@0.1.5
+
+- Updated dependencies [[`f1b23dd`](https://github.com/rrweb-io/rrweb/commit/f1b23ddc714ebaf9b66ca7a913f740e2c0524868)]:
+
+  - rrdom@0.1.4
+
+- [#909](https://github.com/rrweb-io/rrweb/pull/909) [`d5d877e`](https://github.com/rrweb-io/rrweb/commit/d5d877e3c19364784abf08f6e3eea4ba911fe4e3) Thanks [@Juice10](https://github.com/Juice10)! - Inline stylesheets when they load so late stylesheet content is captured.
+
+- Updated dependencies [[`74f553a`](https://github.com/rrweb-io/rrweb/commit/74f553af9241c32a028ee60335a640b3ea2a27d5), [`de755ae`](https://github.com/rrweb-io/rrweb/commit/de755ae572c04131f74f251b06da6de648b112c4), [`a31e272`](https://github.com/rrweb-io/rrweb/commit/a31e272bddb0b750a584fd38336417a6e0254b1b), [`01612b7`](https://github.com/rrweb-io/rrweb/commit/01612b7a6d9cc10eaf8bd31f7b335d1d54aa845a)]:
+
+  - rrdom@0.1.3
+  - rrweb-snapshot@2.0.0-alpha.0
+
+- Updated dependencies [[`0f0a532`](https://github.com/rrweb-io/rrweb/commit/0f0a532a2ca6b9a71acefcf3af4415beb47db0bb), [`8e55c45`](https://github.com/rrweb-io/rrweb/commit/8e55c455ff2987a3b5f367f23f48c1f2de74ce45), [`d872d28`](https://github.com/rrweb-io/rrweb/commit/d872d2809e3ec8d6ff5d3d5f43bc81aff70e7548), [`b798f2d`](https://github.com/rrweb-io/rrweb/commit/b798f2dbc07b5a24dcaf40d164159200b6c0679d), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`efdc167`](https://github.com/rrweb-io/rrweb/commit/efdc167ca6c039d04af83612e3d92498bb9b41a7), [`979d2b1`](https://github.com/rrweb-io/rrweb/commit/979d2b1847a3d05e2731722952e4d6bd8be54f40), [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`f27e545`](https://github.com/rrweb-io/rrweb/commit/f27e545e1871ed2c1753d37543f556e8ddc406b4), [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff), [`3cc4323`](https://github.com/rrweb-io/rrweb/commit/3cc4323094065a12f8b65afecd45061d604e245f), [`335639a`](https://github.com/rrweb-io/rrweb/commit/335639af9b0ce7f70eb0f38ce113d877c7325158), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`5a78938`](https://github.com/rrweb-io/rrweb/commit/5a789385a341311ba327a768fe0e2f0f2f5002ee), [`e607e83`](https://github.com/rrweb-io/rrweb/commit/e607e83b21d45131a56c1ff606e9519a5b475fc1), [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0), [`c278d06`](https://github.com/rrweb-io/rrweb/commit/c278d068a0e2f1175cce7cc63920ac1fbf4783cf)]:
+  - @rrweb/types@2.0.0
+  - rrdom@2.0.0
+
+## 2.0.0-alpha.20
+
+### Patch Changes
+
+- Updated dependencies []:
+  - rrdom@2.0.0-alpha.20
+  - @rrweb/types@2.0.0-alpha.20
+
+## 2.0.0-alpha.19
+
+### Patch Changes
+
+- Updated dependencies []:
+  - rrdom@2.0.0-alpha.19
+  - @rrweb/types@2.0.0-alpha.19
+
 ## 2.0.0-alpha.18
 
 ### Patch Changes
diff --git a/packages/rrdom-nodejs/README.md b/packages/rrdom-nodejs/README.md
index e3b17e0b..832c71e8 100644
--- a/packages/rrdom-nodejs/README.md
+++ b/packages/rrdom-nodejs/README.md
@@ -113,12 +113,12 @@ See the [guide](../../guide.md) for more info on rrweb.
   <tr>
     <td align="center">
       <a href="http://www.smartx.com/" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/smartx.png">
+        <img width="195px" src="https://raw.githubusercontent.com/rrweb-io/web/master/static/logos/smartx.png" alt="SmartX">
       </a>
     </td>
     <td align="center">
       <a href="https://posthog.com?utm_source=rrweb&utm_medium=sponsorship&utm_campaign=open-source-sponsorship" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/posthog.png">
+        <img width="195px" src="https://rrweb.com/posthog.png" alt="PostHog">
       </a>
     </td>
     <td align="center">
@@ -132,7 +132,39 @@ See the [guide](../../guide.md) for more info on rrweb.
       </a>
     </td>
   </tr>
-    <tr>
+  <tr>
+    <td align="center">
+      <a href="https://sentry.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/sentry.png" alt="Sentry">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.pendo.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/pendo.png" alt="Pendo">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://mixpanel.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/mixpanel.png" alt="Mixpanel">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.datadoghq.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/datadog.png" alt="Datadog">
+      </a>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="https://amplitude.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/amplitude.png" alt="Amplitude">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://newrelic.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/new%20relic.png" alt="New Relic">
+      </a>
+    </td>
     <td align="center">
       <a href="https://cux.io" target="_blank">
         <img style="padding: 8px" alt="The first ever UX automation tool" width="195px" src="https://cux.io/cux-logo.svg">
@@ -143,6 +175,8 @@ See the [guide](../../guide.md) for more info on rrweb.
         <img style="padding: 8px" alt="Remote Access & Co-Browsing" width="195px" src="https://remsupp.com/images/logo.png">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://highlight.io" target="_blank">
         <img style="padding: 8px" alt="The open source, fullstack Monitoring Platform." width="195px" src="https://github.com/highlight/highlight/raw/main/highlight.io/public/images/logo.png">
@@ -150,11 +184,9 @@ See the [guide](../../guide.md) for more info on rrweb.
     </td>
     <td align="center">
       <a href="https://analyzee.io" target="_blank">
-        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://cdn.analyzee.io/assets/analyzee-logo.png">
+        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://analyzee.io/img/analyzee-main-logo.webp">
       </a>
     </td>
-  </tr>
-  <tr>
     <td align="center">
       <a href="https://requestly.io" target="_blank">
         <img style="padding: 8px" alt="Intercept, Modify, Record & Replay HTTP Requests." width="195px" src="https://github.com/requestly/requestly/assets/16779465/652552db-c867-44cb-9bb5-94a2026e04ca">
@@ -165,6 +197,8 @@ See the [guide](../../guide.md) for more info on rrweb.
         <img style="padding: 8px" alt="In-app bug reporting & customer feedback platform." width="195px" src="https://assets-global.website-files.com/6506f3f29c68b1724807619d/6506f56010237164c6306591_GleapLogo.svg">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://uxwizz.com" target="_blank">
         <img style="padding: 8px" alt="Self-hosted website analytics with heatmaps and session recordings." width="195px" src="https://github.com/UXWizz/public-files/raw/main/assets/logo.png">
diff --git a/packages/rrdom-nodejs/package.json b/packages/rrdom-nodejs/package.json
index c0fa9d5a..900b6791 100644
--- a/packages/rrdom-nodejs/package.json
+++ b/packages/rrdom-nodejs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@highlight-run/rrdom-nodejs",
-  "version": "2.0.0-alpha.18",
+  "version": "2.0.0-lambda.5",
   "scripts": {
     "dev": "vite build --watch",
     "build": "tsc -noEmit && vite build",
@@ -8,17 +8,26 @@
     "test": "vitest run",
     "test:watch": "vitest watch",
     "prepublish": "tsc -noEmit && vite build",
-    "lint": "yarn eslint src/**/*.ts"
+    "lint": "npx eslint src/**/*.ts",
+    "test:update": "vitest run -u"
   },
   "keywords": [
-    "@highlight-run/rrweb",
-    "@highlight-run/rrdom-nodejs"
+    "devtools",
+    "product-analytics",
+    "real-user-monitoring",
+    "rrweb",
+    "rrdom-nodejs"
   ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/rrweb-io/rrweb.git"
+  },
   "license": "MIT",
   "type": "module",
   "main": "./dist/rrdom-nodejs.umd.cjs",
   "module": "./dist/rrdom-nodejs.js",
   "unpkg": "./dist/rrdom-nodejs.umd.cjs",
+  "jsdelivr": "./umd/rrdom-nodejs.js",
   "typings": "dist/index.d.ts",
   "exports": {
     ".": {
@@ -33,6 +42,7 @@
     }
   },
   "files": [
+    "umd",
     "dist",
     "package.json"
   ],
@@ -46,18 +56,16 @@
     "compare-versions": "^4.1.3",
     "eslint": "^8.15.0",
     "puppeteer": "^9.1.1",
-    "turbo": "^2.0.5",
     "typescript": "^5.4.5",
-    "vite": "^5.3.1",
+    "vite": "^6.4.2",
     "vite-plugin-dts": "^3.9.1",
-    "vitest": "^1.4.0"
+    "vitest": "^3.2.6"
   },
   "dependencies": {
     "@highlight-run/rrdom": "workspace:*",
-    "@highlight-run/rrweb-snapshot": "workspace:*",
     "@highlight-run/rrweb-types": "workspace:*",
     "cssom": "^0.5.0",
     "cssstyle": "^2.3.0",
-    "nwsapi": "^2.2.0"
+    "nwsapi": "2.2.0"
   }
 }
diff --git a/packages/rrdom/CHANGELOG.md b/packages/rrdom/CHANGELOG.md
index eb29d613..614a6daf 100644
--- a/packages/rrdom/CHANGELOG.md
+++ b/packages/rrdom/CHANGELOG.md
@@ -1,5 +1,90 @@
 # rrdom
 
+## 2.0.1
+
+### Patch Changes
+
+- Updated dependencies [[`5f52d63`](https://github.com/rrweb-io/rrweb/commit/5f52d63636b3246bd5b6ba99a93cba41c5d981cb)]:
+  - rrweb-snapshot@2.0.1
+
+## 2.0.0
+
+### Major Changes
+
+- [#1497](https://github.com/rrweb-io/rrweb/pull/1497) [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf) Thanks [@Juice10](https://github.com/Juice10)! - Distributed files have new filenames, paths and extensions. **Important: If you reference distributed files or types directly, you might have to update your paths/filenames. E.g. you import from `rrweb/typings/...` or `rrdom/es`. However you run `import rrweb from 'rrweb'` you won't notice a difference with this change.** If you include rrweb files directly in a script tag, you might have to update that path to include a the `.umd.cjs` files instead. All `.js` files now use ES modules which can be used in modern browsers, node.js and bundlers that support ES modules. All npm packages now also ship `.cjs` and `.umd.cjs` files. The `.umd.cjs` files are CommonJS modules that bundle all files together to make it easy to ship one file to browser environments (similar to the previous `.js` files). The `.cjs` files are CommonJS modules that can be used in older Node.js environments. Types should be better defined in `package.json` and if you need specific types they might be exported from new packages (for example `PlayerMachineState` and `SpeedMachineState` are now exported from `@rrweb/replay`). Check the `package.json`'s `main` and `exports` field for the available files.
+
+- [#1127](https://github.com/rrweb-io/rrweb/pull/1127) [`3cc4323`](https://github.com/rrweb-io/rrweb/commit/3cc4323094065a12f8b65afecd45061d604e245f) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Refactor: Improve performance by 80% in a super large benchmark case.
+
+  1. Refactor: change the data structure of childNodes from array to linked list
+  2. Improve the performance of the "contains" function. New algorithm will reduce the complexity from O(n) to O(logn)
+
+- [#1031](https://github.com/rrweb-io/rrweb/pull/1031) [`ad9bc3e`](https://github.com/rrweb-io/rrweb/commit/ad9bc3ed16d9172490bd8350c6922e3726a7f585) Thanks [@Juice10](https://github.com/Juice10)! - Move shared rrweb event and recorder types into the new `@rrweb/types` package.
+
+- [#913](https://github.com/rrweb-io/rrweb/pull/913) [`74f553a`](https://github.com/rrweb-io/rrweb/commit/74f553af9241c32a028ee60335a640b3ea2a27d5) Thanks [@Yuyz0112](https://github.com/Yuyz0112)! - Move browser-only rrdom features into the new `rrdom` package.
+
+### Minor Changes
+
+- [#1503](https://github.com/rrweb-io/rrweb/pull/1503) [`335639a`](https://github.com/rrweb-io/rrweb/commit/335639af9b0ce7f70eb0f38ce113d877c7325158) Thanks [@Juice10](https://github.com/Juice10)! - Support top-layer <dialog> components. Fixes #1381.
+
+- [#1035](https://github.com/rrweb-io/rrweb/pull/1035) [`2a80949`](https://github.com/rrweb-io/rrweb/commit/2a809499739ed2068bf6d9c614142f9dc8cb09ab) Thanks [@Juice10](https://github.com/Juice10)! - Add support for recording cross-origin iframes via `recordCrossOriginIframes`.
+
+- [#989](https://github.com/rrweb-io/rrweb/pull/989) [`3809060`](https://github.com/rrweb-io/rrweb/commit/38090606b98e2d64073e74194d2c5c42453e8b5c) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Add support for recording and replaying constructable `adoptedStyleSheets`, including stylesheet mutations, `replace`/`replaceSync`, shadow roots, iframes, live mode, and virtual DOM replay.
+
+- [#1000](https://github.com/rrweb-io/rrweb/pull/1000) [`ce6019d`](https://github.com/rrweb-io/rrweb/commit/ce6019d2d6264ac8ef4cc0c5f8ff1733787f9ea0) Thanks [@wfk007](https://github.com/wfk007)! - Add support for recording and replaying media `playbackRate` changes.
+
+- [#895](https://github.com/rrweb-io/rrweb/pull/895) [`de755ae`](https://github.com/rrweb-io/rrweb/commit/de755ae572c04131f74f251b06da6de648b112c4) Thanks [@Juice10](https://github.com/Juice10)! - Add the fast-forward virtual DOM optimization for replay.
+
+### Patch Changes
+
+- [#1561](https://github.com/rrweb-io/rrweb/pull/1561) [`8e55c45`](https://github.com/rrweb-io/rrweb/commit/8e55c455ff2987a3b5f367f23f48c1f2de74ce45) Thanks [@billyvg](https://github.com/billyvg)! - Ignore invalid DOM attributes when diffing
+
+- [#1222](https://github.com/rrweb-io/rrweb/pull/1222) [`b798f2d`](https://github.com/rrweb-io/rrweb/commit/b798f2dbc07b5a24dcaf40d164159200b6c0679d) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix: rrdom bugs
+
+  1. Fix a bug in the diff algorithm.
+  2. Omit the 'srcdoc' attribute of iframes to avoid overwriting content.
+
+- [#1432](https://github.com/rrweb-io/rrweb/pull/1432) [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961) Thanks [@Juice10](https://github.com/Juice10)! - Support `loop` in `RRMediaElement`
+
+- [#1126](https://github.com/rrweb-io/rrweb/pull/1126) [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Refactor all suffix of bundled scripts with commonjs module from 'js' to cjs [#1087](https://github.com/rrweb-io/rrweb/pull/1087).
+
+- [#1139](https://github.com/rrweb-io/rrweb/pull/1139) [`f27e545`](https://github.com/rrweb-io/rrweb/commit/f27e545e1871ed2c1753d37543f556e8ddc406b4) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix: If RRNode appends a single child twice, children of the node will become an infinite link list.
+
+- [#1126](https://github.com/rrweb-io/rrweb/pull/1126) [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix: improve rrdom robustness [#1091](https://github.com/rrweb-io/rrweb/pull/1091).
+
+- [#1593](https://github.com/rrweb-io/rrweb/pull/1593) [`5a78938`](https://github.com/rrweb-io/rrweb/commit/5a789385a341311ba327a768fe0e2f0f2f5002ee) Thanks [@daibhin](https://github.com/daibhin)! - `NodeType` enum was moved from rrweb-snapshot to @rrweb/types
+  The following types where moved from rrweb-snapshot to @rrweb/types: `documentNode`, `documentTypeNode`, `legacyAttributes`, `textNode`, `cdataNode`, `commentNode`, `elementNode`, `serializedNode`, `serializedNodeWithId`, `serializedElementNodeWithId`, `serializedTextNodeWithId`, `IMirror`, `INode`, `mediaAttributes`, `attributes` and `DataURLOptions`
+
+- [#1352](https://github.com/rrweb-io/rrweb/pull/1352) [`e607e83`](https://github.com/rrweb-io/rrweb/commit/e607e83b21d45131a56c1ff606e9519a5b475fc1) Thanks [@juliecheng](https://github.com/juliecheng)! - fix: scrolling may not be applied when fast-forwarding
+
+- [#1704](https://github.com/rrweb-io/rrweb/pull/1704) [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Provide a /umd/ output folder alongside the /dist/ one so that we can serve UMD (Universal Module Definition) files with a .js extension, without upsetting expectations set by package.json that all .js files in /dist/ are modules
+
+- [#995](https://github.com/rrweb-io/rrweb/pull/995) [`55ebce7`](https://github.com/rrweb-io/rrweb/commit/55ebce733393da99b01e786f9bc77bf5362ba828) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix replay of delayed inlined stylesheet links by updating the existing link/style node attributes instead of adding a child node, and preserve mirror metadata when replacing rrdom nodes.
+
+- [#927](https://github.com/rrweb-io/rrweb/pull/927) [`fd85c79`](https://github.com/rrweb-io/rrweb/commit/fd85c79e853ef89a860e795a8ae3ba318ef42ae8) Thanks [@Juice10](https://github.com/Juice10)! - Fix iframe reload and rrdom diff issues by handling negative and unserialized node ids correctly.
+
+- [#944](https://github.com/rrweb-io/rrweb/pull/944) [`f1b23dd`](https://github.com/rrweb-io/rrweb/commit/f1b23ddc714ebaf9b66ca7a913f740e2c0524868) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix fast-forward replay so canvas image data inside iframes is restored when rebuilding through the virtual DOM path.
+
+- [#923](https://github.com/rrweb-io/rrweb/pull/923) [`a31e272`](https://github.com/rrweb-io/rrweb/commit/a31e272bddb0b750a584fd38336417a6e0254b1b) Thanks [@Juice10](https://github.com/Juice10)! - Remove children from `Document` nodes even when the document is not in the mirror.
+
+- [#925](https://github.com/rrweb-io/rrweb/pull/925) [`01612b7`](https://github.com/rrweb-io/rrweb/commit/01612b7a6d9cc10eaf8bd31f7b335d1d54aa845a) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Switch CSSOM usage to the rrweb-owned `rrweb-cssom` package.
+
+- Updated dependencies [[`47a7c3f`](https://github.com/rrweb-io/rrweb/commit/47a7c3faa6fdbd3a515f473dc3a979acd2c8276e), [`a2c8a1a`](https://github.com/rrweb-io/rrweb/commit/a2c8a1a37bfcf8389b280af792262c8263a979a3), [`40bbc25`](https://github.com/rrweb-io/rrweb/commit/40bbc25fc287badc317a53f2d3f21b1c9f2b211b), [`22bc4c3`](https://github.com/rrweb-io/rrweb/commit/22bc4c334e88f0b8ee5488d9e1e95cd8093a15c8), [`11f6567`](https://github.com/rrweb-io/rrweb/commit/11f6567fd81ef9ed0f954a7b6d5e39653f56004f), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`dc20cd4`](https://github.com/rrweb-io/rrweb/commit/dc20cd45cc63058325784444af6bd32ed2cace48), [`3e9e42f`](https://github.com/rrweb-io/rrweb/commit/3e9e42fdfd6349087d7a0345af1b39dd56528502), [`03b5216`](https://github.com/rrweb-io/rrweb/commit/03b5216a9403f1509b4f69d1d71ef9874277fe91), [`46f1b25`](https://github.com/rrweb-io/rrweb/commit/46f1b252a5919c68c68e825bd6089cc2e7d34e7c), [`cbbd1e5`](https://github.com/rrweb-io/rrweb/commit/cbbd1e55f1f7fa2eed9fa11e4152b509bdfd88f7), [`a6893f7`](https://github.com/rrweb-io/rrweb/commit/a6893f73abe217a95d28996e01b7ec8261e42de3), [`c28ef5f`](https://github.com/rrweb-io/rrweb/commit/c28ef5f658abb93086504581409cf7a376db48dc), [`335639a`](https://github.com/rrweb-io/rrweb/commit/335639af9b0ce7f70eb0f38ce113d877c7325158), [`5e7943d`](https://github.com/rrweb-io/rrweb/commit/5e7943dbae6e2cde76c484bdd26bc0b96f1b6dce), [`4014305`](https://github.com/rrweb-io/rrweb/commit/40143059446cee5c042c007b1c2e976f36e172f5), [`efdc167`](https://github.com/rrweb-io/rrweb/commit/efdc167ca6c039d04af83612e3d92498bb9b41a7), [`f6f07e9`](https://github.com/rrweb-io/rrweb/commit/f6f07e953376634a4caf28ff8cbfed5a017c4347), [`1385f7a`](https://github.com/rrweb-io/rrweb/commit/1385f7acc0052f83be1458a7b00e18c026ee393f), [`d7c72bf`](https://github.com/rrweb-io/rrweb/commit/d7c72bff0724b46a6fa94af455220626a27104fe), [`f2419f2`](https://github.com/rrweb-io/rrweb/commit/f2419f2513e9ad3ea597e2b5a4463a4fbf74868f), [`c0f83af`](https://github.com/rrweb-io/rrweb/commit/c0f83afab8f1565633de0e986b7e96fa56f2d25c), [`e96f668`](https://github.com/rrweb-io/rrweb/commit/e96f668c86bd0ab5dc190bb2957a170271bb2ebc), [`58c9104`](https://github.com/rrweb-io/rrweb/commit/58c9104eddc8b7994a067a97daae5684e42f892f), [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff), [`bc84246`](https://github.com/rrweb-io/rrweb/commit/bc84246f78849a80dbb8fe9b4e76117afcc5c3f7), [`d2582e9`](https://github.com/rrweb-io/rrweb/commit/d2582e9a81197130cd93bc1dd778e16fddfb0be3), [`82f6fec`](https://github.com/rrweb-io/rrweb/commit/82f6fecf36413ecbc994a510144487f1de20d1d5), [`eac9b18`](https://github.com/rrweb-io/rrweb/commit/eac9b18bbfa3c350797b99b583dd93a5fc32b828), [`02cc62d`](https://github.com/rrweb-io/rrweb/commit/02cc62dd44b52f579a332b55c49896a5cb7cc694), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`d0fdc0f`](https://github.com/rrweb-io/rrweb/commit/d0fdc0f273bb156a1faab4782b40fbec8dccf915), [`f3cf092`](https://github.com/rrweb-io/rrweb/commit/f3cf0928df30d5ed5c0d573c524be6e744c0f8d3), [`a2be77b`](https://github.com/rrweb-io/rrweb/commit/a2be77b82826c4be0e7f3c7c9f7ee50476d5f6f8), [`527d9d3`](https://github.com/rrweb-io/rrweb/commit/527d9d3913bae7f0f7741517f4b09f7a99aae57a), [`f7c6973`](https://github.com/rrweb-io/rrweb/commit/f7c6973ae9c21b9ea014bdef7101f976f04d9356), [`efdc167`](https://github.com/rrweb-io/rrweb/commit/efdc167ca6c039d04af83612e3d92498bb9b41a7), [`a7c33f2`](https://github.com/rrweb-io/rrweb/commit/a7c33f2093c4d92faf7ae25e8bb0e088d122c13b), [`43e4f5b`](https://github.com/rrweb-io/rrweb/commit/43e4f5b4ad4bb0525a874a545d69443bc58bc47e), [`6f4e691`](https://github.com/rrweb-io/rrweb/commit/6f4e691f39cc59b655d1be4f951128beecb88acb), [`04ee6ed`](https://github.com/rrweb-io/rrweb/commit/04ee6eda57157f0e04f18f907d8f3e59ababc753), [`5fbb904`](https://github.com/rrweb-io/rrweb/commit/5fbb904edb653f3da17e6775ee438d81ef0bba83), [`d350da8`](https://github.com/rrweb-io/rrweb/commit/d350da8552d8616dd118ee550bdfbce082986562), [`d08624c`](https://github.com/rrweb-io/rrweb/commit/d08624cb28add386c3618a0e6607424c3f1884d8), [`e7f0c80`](https://github.com/rrweb-io/rrweb/commit/e7f0c808c3f348fb27d1acd5fa300a5d92b14d00), [`8aea5b0`](https://github.com/rrweb-io/rrweb/commit/8aea5b00a4dfe5a6f59bd2ae72bb624f45e51e81), [`314a8dd`](https://github.com/rrweb-io/rrweb/commit/314a8dde5a13095873b89d07bac7c949918bf817), [`5a78938`](https://github.com/rrweb-io/rrweb/commit/5a789385a341311ba327a768fe0e2f0f2f5002ee), [`76df979`](https://github.com/rrweb-io/rrweb/commit/76df9799ecc14930fa914e5623a73ea7726e3747), [`7c0dc9d`](https://github.com/rrweb-io/rrweb/commit/7c0dc9dfe1564c9d6624557c5b394e7844955882), [`8e47ca1`](https://github.com/rrweb-io/rrweb/commit/8e47ca1021ebb4fc036b37623ef10abf7976d6dd), [`07ac5c9`](https://github.com/rrweb-io/rrweb/commit/07ac5c9e1371824ec3ffb705f9250bbe10f4b73e), [`c6600e7`](https://github.com/rrweb-io/rrweb/commit/c6600e742b8ec0b6295816bb5de9edcd624d975e), [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0), [`e08706a`](https://github.com/rrweb-io/rrweb/commit/e08706ae60268b6eb05c6292ef948c71bd423ce3), [`be6bf52`](https://github.com/rrweb-io/rrweb/commit/be6bf52c248c35de1b3491e3a3440ff61f876414)]:
+  - rrweb-snapshot@2.0.0
+
+## 2.0.0-alpha.20
+
+### Patch Changes
+
+- Updated dependencies []:
+  - rrweb-snapshot@2.0.0-alpha.20
+
+## 2.0.0-alpha.19
+
+### Patch Changes
+
+- Updated dependencies [[`47a7c3f`](https://github.com/rrweb-io/rrweb/commit/47a7c3faa6fdbd3a515f473dc3a979acd2c8276e), [`dc20cd4`](https://github.com/rrweb-io/rrweb/commit/dc20cd45cc63058325784444af6bd32ed2cace48), [`3e9e42f`](https://github.com/rrweb-io/rrweb/commit/3e9e42fdfd6349087d7a0345af1b39dd56528502), [`a6893f7`](https://github.com/rrweb-io/rrweb/commit/a6893f73abe217a95d28996e01b7ec8261e42de3), [`f2419f2`](https://github.com/rrweb-io/rrweb/commit/f2419f2513e9ad3ea597e2b5a4463a4fbf74868f), [`6f4e691`](https://github.com/rrweb-io/rrweb/commit/6f4e691f39cc59b655d1be4f951128beecb88acb), [`76df979`](https://github.com/rrweb-io/rrweb/commit/76df9799ecc14930fa914e5623a73ea7726e3747)]:
+  - rrweb-snapshot@2.0.0-alpha.19
+
 ## 2.0.0-alpha.18
 
 ### Patch Changes
diff --git a/packages/rrdom/README.md b/packages/rrdom/README.md
index e68ff662..898bee42 100644
--- a/packages/rrdom/README.md
+++ b/packages/rrdom/README.md
@@ -113,12 +113,12 @@ See the [guide](../../guide.md) for more info on rrweb.
   <tr>
     <td align="center">
       <a href="http://www.smartx.com/" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/smartx.png">
+        <img width="195px" src="https://raw.githubusercontent.com/rrweb-io/web/master/static/logos/smartx.png" alt="SmartX">
       </a>
     </td>
     <td align="center">
       <a href="https://posthog.com?utm_source=rrweb&utm_medium=sponsorship&utm_campaign=open-source-sponsorship" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/posthog.png">
+        <img width="195px" src="https://rrweb.com/posthog.png" alt="PostHog">
       </a>
     </td>
     <td align="center">
@@ -132,7 +132,39 @@ See the [guide](../../guide.md) for more info on rrweb.
       </a>
     </td>
   </tr>
-    <tr>
+  <tr>
+    <td align="center">
+      <a href="https://sentry.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/sentry.png" alt="Sentry">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.pendo.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/pendo.png" alt="Pendo">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://mixpanel.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/mixpanel.png" alt="Mixpanel">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.datadoghq.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/datadog.png" alt="Datadog">
+      </a>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="https://amplitude.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/amplitude.png" alt="Amplitude">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://newrelic.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/new%20relic.png" alt="New Relic">
+      </a>
+    </td>
     <td align="center">
       <a href="https://cux.io" target="_blank">
         <img style="padding: 8px" alt="The first ever UX automation tool" width="195px" src="https://cux.io/cux-logo.svg">
@@ -143,6 +175,8 @@ See the [guide](../../guide.md) for more info on rrweb.
         <img style="padding: 8px" alt="Remote Access & Co-Browsing" width="195px" src="https://remsupp.com/images/logo.png">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://highlight.io" target="_blank">
         <img style="padding: 8px" alt="The open source, fullstack Monitoring Platform." width="195px" src="https://github.com/highlight/highlight/raw/main/highlight.io/public/images/logo.png">
@@ -150,11 +184,9 @@ See the [guide](../../guide.md) for more info on rrweb.
     </td>
     <td align="center">
       <a href="https://analyzee.io" target="_blank">
-        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://cdn.analyzee.io/assets/analyzee-logo.png">
+        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://analyzee.io/img/analyzee-main-logo.webp">
       </a>
     </td>
-  </tr>
-  <tr>
     <td align="center">
       <a href="https://requestly.io" target="_blank">
         <img style="padding: 8px" alt="Intercept, Modify, Record & Replay HTTP Requests." width="195px" src="https://github.com/requestly/requestly/assets/16779465/652552db-c867-44cb-9bb5-94a2026e04ca">
@@ -165,6 +197,8 @@ See the [guide](../../guide.md) for more info on rrweb.
         <img style="padding: 8px" alt="In-app bug reporting & customer feedback platform." width="195px" src="https://assets-global.website-files.com/6506f3f29c68b1724807619d/6506f56010237164c6306591_GleapLogo.svg">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://uxwizz.com" target="_blank">
         <img style="padding: 8px" alt="Self-hosted website analytics with heatmaps and session recordings." width="195px" src="https://github.com/UXWizz/public-files/raw/main/assets/logo.png">
diff --git a/packages/rrdom/package.json b/packages/rrdom/package.json
index 5033daaf..89422699 100644
--- a/packages/rrdom/package.json
+++ b/packages/rrdom/package.json
@@ -7,6 +7,7 @@
   "main": "./dist/rrdom.cjs",
   "module": "./dist/rrdom.js",
   "unpkg": "./dist/rrdom.umd.cjs",
+  "jsdelivr": "./umd/rrdom.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
@@ -21,6 +22,7 @@
     }
   },
   "files": [
+    "umd",
     "dist",
     "package.json"
   ],
@@ -35,7 +37,8 @@
     "test": "vitest run",
     "test:watch": "vitest",
     "prepublish": "tsc -noEmit && vite build",
-    "lint": "yarn eslint src/**/*.ts"
+    "lint": "npx eslint src/**/*.ts",
+    "test:update": "vitest run -u"
   },
   "bugs": {
     "url": "https://github.com/rrweb-io/rrweb/issues"
@@ -46,11 +49,12 @@
     "@typescript-eslint/eslint-plugin": "^5.23.0",
     "@typescript-eslint/parser": "^5.23.0",
     "eslint": "^8.15.0",
+    "happy-dom": "^20.8.9",
     "puppeteer": "^17.1.3",
-    "turbo": "^2.0.5",
     "typescript": "^5.4.5",
-    "vite": "^5.3.1",
-    "vite-plugin-dts": "^3.9.1"
+    "vite": "^6.4.2",
+    "vite-plugin-dts": "^3.9.1",
+    "vitest": "^3.2.6"
   },
   "dependencies": {
     "@highlight-run/rrweb-snapshot": "workspace:*"
diff --git a/packages/rrdom/src/index.ts b/packages/rrdom/src/index.ts
index 7418c6e8..d0e4f05d 100644
--- a/packages/rrdom/src/index.ts
+++ b/packages/rrdom/src/index.ts
@@ -275,6 +275,7 @@ export function buildFromNode(
       return null;
   }
 
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- domMirror's type resolves through the @highlight-run-aliased d.ts and degrades to any
   let sn: serializedNodeWithId | null = domMirror.getMeta(node);
 
   if (rrdom instanceof RRDocument) {
diff --git a/packages/rrvideo/.eslintrc.cjs b/packages/rrvideo/.eslintrc.cjs
new file mode 100644
index 00000000..24090c69
--- /dev/null
+++ b/packages/rrvideo/.eslintrc.cjs
@@ -0,0 +1,13 @@
+// Cross-package types resolve through the @highlight-run-aliased d.ts files
+// (see vite.config.default.ts / tsconfig.base.json), which degrades some
+// imported types to `any`. The unsafe-* family produces false positives on
+// such code, so report it without failing lint.
+module.exports = {
+  rules: {
+    '@typescript-eslint/no-unsafe-assignment': 'warn',
+    '@typescript-eslint/no-unsafe-argument': 'warn',
+    '@typescript-eslint/no-unsafe-member-access': 'warn',
+    '@typescript-eslint/no-unsafe-call': 'warn',
+    '@typescript-eslint/restrict-template-expressions': 'warn',
+  },
+};
diff --git a/packages/rrvideo/CHANGELOG.md b/packages/rrvideo/CHANGELOG.md
index 120d3406..1ab6bfbc 100644
--- a/packages/rrvideo/CHANGELOG.md
+++ b/packages/rrvideo/CHANGELOG.md
@@ -1,5 +1,43 @@
 # rrvideo
 
+## 2.0.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - rrweb-player@2.0.1
+
+## 2.0.0
+
+### Patch Changes
+
+- [#1197](https://github.com/rrweb-io/rrweb/pull/1197) [`23d0138`](https://github.com/rrweb-io/rrweb/commit/23d01387f439db68d2874879242b6ade3e103f75) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Refactor: Improve the video quality and add a progress bar for the CLI tool
+
+- [#1845](https://github.com/rrweb-io/rrweb/pull/1845) [`724a97c`](https://github.com/rrweb-io/rrweb/commit/724a97c56da61491a7580bccae2a586ec599fffd) Thanks [@Juice10](https://github.com/Juice10)! - Update Playwright to 1.60.0.
+
+- [#1762](https://github.com/rrweb-io/rrweb/pull/1762) [`22bc4c3`](https://github.com/rrweb-io/rrweb/commit/22bc4c334e88f0b8ee5488d9e1e95cd8093a15c8) Thanks [@Juice10](https://github.com/Juice10)! - Adjust replay timeout to be based on video duration plus a 2-minute buffer instead of a fixed 2-minute timeout. This prevents timeout errors for longer recordings.
+
+- [#1181](https://github.com/rrweb-io/rrweb/pull/1181) [`f1f5865`](https://github.com/rrweb-io/rrweb/commit/f1f5865dcf19db5637bbb12b220eb2aa0c0219ad) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Refactor: Move rrvideo to rrweb's monorepo
+
+- [#1762](https://github.com/rrweb-io/rrweb/pull/1762) [`22bc4c3`](https://github.com/rrweb-io/rrweb/commit/22bc4c334e88f0b8ee5488d9e1e95cd8093a15c8) Thanks [@Juice10](https://github.com/Juice10)! - Add better logging on playback and fix the use of rrweb-player so it doesn't stall and fail playback
+
+- Updated dependencies [[`b5e30cf`](https://github.com/rrweb-io/rrweb/commit/b5e30cf6cc7f5335d674ef1917a92bdf2895fe9e), [`efdc167`](https://github.com/rrweb-io/rrweb/commit/efdc167ca6c039d04af83612e3d92498bb9b41a7), [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`a01a12e`](https://github.com/rrweb-io/rrweb/commit/a01a12ef6769f26aa922ccd6ac76499f0837f0c2), [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0)]:
+  - rrweb-player@2.0.0
+
+## 2.0.0-alpha.20
+
+### Patch Changes
+
+- Updated dependencies []:
+  - rrweb-player@2.0.0-alpha.20
+
+## 2.0.0-alpha.19
+
+### Patch Changes
+
+- Updated dependencies []:
+  - rrweb-player@2.0.0-alpha.19
+
 ## 2.0.0-alpha.18
 
 ### Patch Changes
diff --git a/packages/rrvideo/README.md b/packages/rrvideo/README.md
index 9035cd60..6f33502f 100644
--- a/packages/rrvideo/README.md
+++ b/packages/rrvideo/README.md
@@ -146,12 +146,12 @@ You can find an example of the rrvideo config file [here](./rrvideo.config.examp
   <tr>
     <td align="center">
       <a href="http://www.smartx.com/" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/smartx.png">
+        <img width="195px" src="https://raw.githubusercontent.com/rrweb-io/web/master/static/logos/smartx.png" alt="SmartX">
       </a>
     </td>
     <td align="center">
       <a href="https://posthog.com?utm_source=rrweb&utm_medium=sponsorship&utm_campaign=open-source-sponsorship" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/posthog.png">
+        <img width="195px" src="https://rrweb.com/posthog.png" alt="PostHog">
       </a>
     </td>
     <td align="center">
@@ -165,7 +165,39 @@ You can find an example of the rrvideo config file [here](./rrvideo.config.examp
       </a>
     </td>
   </tr>
-    <tr>
+  <tr>
+    <td align="center">
+      <a href="https://sentry.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/sentry.png" alt="Sentry">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.pendo.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/pendo.png" alt="Pendo">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://mixpanel.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/mixpanel.png" alt="Mixpanel">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.datadoghq.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/datadog.png" alt="Datadog">
+      </a>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="https://amplitude.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/amplitude.png" alt="Amplitude">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://newrelic.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/new%20relic.png" alt="New Relic">
+      </a>
+    </td>
     <td align="center">
       <a href="https://cux.io" target="_blank">
         <img style="padding: 8px" alt="The first ever UX automation tool" width="195px" src="https://cux.io/cux-logo.svg">
@@ -176,6 +208,8 @@ You can find an example of the rrvideo config file [here](./rrvideo.config.examp
         <img style="padding: 8px" alt="Remote Access & Co-Browsing" width="195px" src="https://remsupp.com/images/logo.png">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://highlight.io" target="_blank">
         <img style="padding: 8px" alt="The open source, fullstack Monitoring Platform." width="195px" src="https://github.com/highlight/highlight/raw/main/highlight.io/public/images/logo.png">
@@ -183,11 +217,9 @@ You can find an example of the rrvideo config file [here](./rrvideo.config.examp
     </td>
     <td align="center">
       <a href="https://analyzee.io" target="_blank">
-        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://cdn.analyzee.io/assets/analyzee-logo.png">
+        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://analyzee.io/img/analyzee-main-logo.webp">
       </a>
     </td>
-  </tr>
-  <tr>
     <td align="center">
       <a href="https://requestly.io" target="_blank">
         <img style="padding: 8px" alt="Intercept, Modify, Record & Replay HTTP Requests." width="195px" src="https://github.com/requestly/requestly/assets/16779465/652552db-c867-44cb-9bb5-94a2026e04ca">
@@ -198,6 +230,8 @@ You can find an example of the rrvideo config file [here](./rrvideo.config.examp
         <img style="padding: 8px" alt="In-app bug reporting & customer feedback platform." width="195px" src="https://assets-global.website-files.com/6506f3f29c68b1724807619d/6506f56010237164c6306591_GleapLogo.svg">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://uxwizz.com" target="_blank">
         <img style="padding: 8px" alt="Self-hosted website analytics with heatmaps and session recordings." width="195px" src="https://github.com/UXWizz/public-files/raw/main/assets/logo.png">
diff --git a/packages/rrvideo/README.zh_CN.md b/packages/rrvideo/README.zh_CN.md
index b6719be7..ebba1d69 100644
--- a/packages/rrvideo/README.zh_CN.md
+++ b/packages/rrvideo/README.zh_CN.md
@@ -144,12 +144,12 @@ rrvideo 配置文件可参考[示例](./rrvideo.config.example.json)。
   <tr>
     <td align="center">
       <a href="http://www.smartx.com/" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/smartx.png">
+        <img width="195px" src="https://raw.githubusercontent.com/rrweb-io/web/master/static/logos/smartx.png" alt="SmartX">
       </a>
     </td>
     <td align="center">
       <a href="https://posthog.com?utm_source=rrweb&utm_medium=sponsorship&utm_campaign=open-source-sponsorship" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/posthog.png">
+        <img width="195px" src="https://rrweb.com/posthog.png" alt="PostHog">
       </a>
     </td>
     <td align="center">
@@ -163,7 +163,39 @@ rrvideo 配置文件可参考[示例](./rrvideo.config.example.json)。
       </a>
     </td>
   </tr>
-    <tr>
+  <tr>
+    <td align="center">
+      <a href="https://sentry.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/sentry.png" alt="Sentry">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.pendo.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/pendo.png" alt="Pendo">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://mixpanel.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/mixpanel.png" alt="Mixpanel">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.datadoghq.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/datadog.png" alt="Datadog">
+      </a>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="https://amplitude.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/amplitude.png" alt="Amplitude">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://newrelic.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/new%20relic.png" alt="New Relic">
+      </a>
+    </td>
     <td align="center">
       <a href="https://cux.io" target="_blank">
         <img style="padding: 8px" alt="The first ever UX automation tool" width="195px" src="https://cux.io/cux-logo.svg">
@@ -174,6 +206,8 @@ rrvideo 配置文件可参考[示例](./rrvideo.config.example.json)。
         <img style="padding: 8px" alt="Remote Access & Co-Browsing" width="195px" src="https://remsupp.com/images/logo.png">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://highlight.io" target="_blank">
         <img style="padding: 8px" alt="The open source, fullstack Monitoring Platform." width="195px" src="https://github.com/highlight/highlight/raw/main/highlight.io/public/images/logo.png">
@@ -181,11 +215,9 @@ rrvideo 配置文件可参考[示例](./rrvideo.config.example.json)。
     </td>
     <td align="center">
       <a href="https://analyzee.io" target="_blank">
-        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://cdn.analyzee.io/assets/analyzee-logo.png">
+        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://analyzee.io/img/analyzee-main-logo.webp">
       </a>
     </td>
-  </tr>
-  <tr>
     <td align="center">
       <a href="https://requestly.io" target="_blank">
         <img style="padding: 8px" alt="Intercept, Modify, Record & Replay HTTP Requests." width="195px" src="https://github.com/requestly/requestly/assets/16779465/652552db-c867-44cb-9bb5-94a2026e04ca">
@@ -196,6 +228,8 @@ rrvideo 配置文件可参考[示例](./rrvideo.config.example.json)。
         <img style="padding: 8px" alt="In-app bug reporting & customer feedback platform." width="195px" src="https://assets-global.website-files.com/6506f3f29c68b1724807619d/6506f56010237164c6306591_GleapLogo.svg">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://uxwizz.com" target="_blank">
         <img style="padding: 8px" alt="Self-hosted website analytics with heatmaps and session recordings." width="195px" src="https://github.com/UXWizz/public-files/raw/main/assets/logo.png">
diff --git a/packages/rrvideo/package.json b/packages/rrvideo/package.json
index c68fe673..81a21a14 100644
--- a/packages/rrvideo/package.json
+++ b/packages/rrvideo/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@highlight-run/rrvideo",
-  "version": "2.0.0-alpha.18",
+  "version": "2.0.0-lambda.5",
   "description": "transform rrweb session into video",
   "main": "build/index.js",
   "bin": "build/cli.js",
@@ -9,13 +9,18 @@
     "package.json"
   ],
   "types": "build/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/rrweb-io/rrweb.git"
+  },
   "scripts": {
     "install": "playwright install",
+    "build": "tsc",
     "test": "jest",
     "check-types": "tsc -noEmit",
     "prepublish": "yarn build"
   },
-  "author": "yanzhen@smartx.com",
+  "author": "rrweb Core Team <maintainers@rrweb.com>",
   "license": "MIT",
   "devDependencies": {
     "@highlight-run/rrweb-types": "workspace:*",
@@ -28,9 +33,10 @@
   },
   "dependencies": {
     "@highlight-run/rrweb-player": "workspace:*",
+    "@highlight-run/rrweb-types": "workspace:*",
     "@open-tech-world/cli-progress-bar": "^2.0.2",
     "fs-extra": "^11.1.1",
     "minimist": "^1.2.5",
-    "playwright": "^1.32.1"
+    "playwright": "^1.60.0"
   }
 }
diff --git a/packages/rrvideo/src/cli.ts b/packages/rrvideo/src/cli.ts
index 9186fa9b..b79a4c20 100644
--- a/packages/rrvideo/src/cli.ts
+++ b/packages/rrvideo/src/cli.ts
@@ -3,7 +3,7 @@ import * as fs from 'fs';
 import * as path from 'path';
 import minimist from 'minimist';
 import { ProgressBar } from '@open-tech-world/cli-progress-bar';
-import type Player from 'rrweb-player';
+import type Player from '@highlight-run/rrweb-player';
 import { transformToVideo } from './index';
 
 const argv = minimist(process.argv.slice(2));
diff --git a/packages/rrvideo/src/index.ts b/packages/rrvideo/src/index.ts
index b1d38f1a..dcaebeec 100644
--- a/packages/rrvideo/src/index.ts
+++ b/packages/rrvideo/src/index.ts
@@ -1,11 +1,11 @@
 import * as fs from 'fs-extra';
 import * as path from 'path';
 import { chromium } from 'playwright';
-import { EventType, eventWithTime } from '@rrweb/types';
-import type Player from 'rrweb-player';
+import { EventType, eventWithTime } from '@highlight-run/rrweb-types';
+import type Player from '@highlight-run/rrweb-player';
 
 const rrwebScriptPath = path.resolve(
-  require.resolve('rrweb-player'),
+  require.resolve('@highlight-run/rrweb-player'),
   '../../dist/rrweb-player.umd.cjs',
 );
 const rrwebStylePath = path.resolve(rrwebScriptPath, '../style.css');
@@ -57,22 +57,27 @@ function getHtml(events: Array<eventWithTime>, config?: RRvideoConfig): string {
       )};
       /*-->*/
       const userConfig = ${JSON.stringify(config?.rrwebPlayer || {})};
-      window.replayer = new rrwebPlayer.Player({
-        target: document.body,
-        width: userConfig.width,
-        height: userConfig.height,
-        props: {
-          ...userConfig,
-          events,
-          showController: false,          
-        },
-      });
-      window.replayer.addEventListener('finish', () => window.onReplayFinish());
-      window.replayer.addEventListener('ui-update-progress', (payload)=> window.onReplayProgressUpdate
-      (payload));
-      window.replayer.addEventListener('resize',()=>document.querySelector('.replayer-wrapper').style.transform = 'scale(${
-        (config?.resolutionRatio ?? 1) * MaxScaleValue
-      }) translate(-50%, -50%)');
+      try {
+        window.replayer = new rrwebPlayer({
+          target: document.body,
+          props: {
+            ...userConfig,
+            events,
+            showController: false,
+            autoPlay: false,
+          },
+        });
+        window.replayer.addEventListener('finish', () => window.onReplayFinish());
+        window.replayer.addEventListener('ui-update-progress', (payload)=> window.onReplayProgressUpdate(payload));
+        window.replayer.addEventListener('resize', () => document.querySelector('.replayer-wrapper').style.transform = 'scale(${
+          (config?.resolutionRatio ?? 1) * MaxScaleValue
+        }) translate(-50%, -50%)');
+        // Start playback after event listeners are attached
+        window.replayer.play();
+      } catch (error) {
+        console.error('Error initializing replayer:', error);
+        window.onReplayFinish();
+      }
     </script>
   </body>
 </html>
@@ -139,6 +144,16 @@ export async function transformToVideo(options: RRvideoConfig) {
   });
   const page = await context.newPage();
   await page.goto('about:blank');
+  // Listen to console messages from the page
+  page.on('console', (msg) => {
+    console.log('[PAGE CONSOLE]', msg.type(), msg.text());
+  });
+
+  // Listen to page errors
+  page.on('pageerror', (error) => {
+    console.error('[PAGE ERROR]', error.message);
+  });
+
   await page.exposeFunction(
     'onReplayProgressUpdate',
     (data: { payload: number }) => {
@@ -147,12 +162,41 @@ export async function transformToVideo(options: RRvideoConfig) {
   );
 
   // Wait for the replay to finish
-  await new Promise<void>(
-    (resolve) =>
-      void page
-        .exposeFunction('onReplayFinish', () => resolve())
-        .then(() => page.setContent(getHtml(events, config))),
-  );
+  await new Promise<void>((resolve, reject) => {
+    const timeoutBuffer = 120000; // 2 minute timeout buffer
+    const videoStartTime = events[0]?.timestamp;
+    const videoEndTime = events[events.length - 1]?.timestamp;
+    const videoDuration = videoEndTime - videoStartTime;
+    const videoPlaybackSpeed = options.rrwebPlayer?.speed || 1;
+    const expectedPlaybackTime = videoDuration / videoPlaybackSpeed;
+    console.log(
+      `[DEBUG] Expected playback time: ${expectedPlaybackTime}ms (video duration: ${videoDuration}ms, playback speed: ${videoPlaybackSpeed}x)`,
+    );
+    const totalTimeout = expectedPlaybackTime + timeoutBuffer;
+    const timeout = setTimeout(() => {
+      console.error('[DEBUG] Replay timeout - finish event never fired');
+      reject(new Error('Replay timeout'));
+    }, totalTimeout); // playback + 2 minute timeout
+
+    void page
+      .exposeFunction('onReplayFinish', () => {
+        console.log('[DEBUG] Replay finished');
+        clearTimeout(timeout);
+        resolve();
+      })
+      .then(() => {
+        console.log('[DEBUG] Setting page content');
+        return page.setContent(getHtml(events, config));
+      })
+      .then(() => {
+        console.log('[DEBUG] Page content set successfully');
+      })
+      .catch((err) => {
+        console.error('[DEBUG] Error setting page content:', err);
+        clearTimeout(timeout);
+        reject(err);
+      });
+  });
   const videoPath = (await page.video()?.path()) || '';
   const cleanFiles = async (videoPath: string) => {
     await fs.remove(videoPath);
diff --git a/packages/rrvideo/test/cli.test.ts b/packages/rrvideo/test/cli.test.ts
index 29efe481..b9685d62 100644
--- a/packages/rrvideo/test/cli.test.ts
+++ b/packages/rrvideo/test/cli.test.ts
@@ -18,16 +18,20 @@ describe('should be able to run cli', () => {
     await fs.remove(path.resolve(__dirname, './generated'));
   });
 
+  const execOptions = { timeout: 60_000 } as const;
+  const execOptionsWithOutput = { ...execOptions, stdio: 'inherit' } as const;
+
   it('should throw error without input path', () => {
     expect(() => {
-      execSync('node ./build/cli.js', { stdio: 'pipe' });
+      execSync('node ./build/cli.js', { ...execOptions, stdio: 'pipe' });
     }).toThrowError(/.*please pass --input to your rrweb events file.*/);
   });
 
   it('should generate a video without output path', () => {
-    execSync('node ./build/cli.js --input ./test/generated/example.json', {
-      stdio: 'pipe',
-    });
+    execSync(
+      'node ./build/cli.js --input ./test/generated/example.json',
+      execOptionsWithOutput,
+    );
     const outputFile = path.resolve(__dirname, '../rrvideo-output.webm');
     expect(fs.existsSync(outputFile)).toBe(true);
     fs.removeSync(outputFile);
@@ -37,7 +41,7 @@ describe('should be able to run cli', () => {
     const outputFile = path.resolve(__dirname, './generated/output.webm');
     execSync(
       `node ./build/cli.js --input ./test/generated/example.json --output ${outputFile}`,
-      { stdio: 'pipe' },
+      execOptionsWithOutput,
     );
     expect(fs.existsSync(outputFile)).toBe(true);
     fs.removeSync(outputFile);
diff --git a/packages/rrvideo/test/events/example.ts b/packages/rrvideo/test/events/example.ts
index 00701fd6..54787880 100644
--- a/packages/rrvideo/test/events/example.ts
+++ b/packages/rrvideo/test/events/example.ts
@@ -1,5 +1,5 @@
-import { EventType, IncrementalSource } from '@rrweb/types';
-import type { eventWithTime } from '@rrweb/types';
+import { EventType, IncrementalSource } from '@highlight-run/rrweb-types';
+import type { eventWithTime } from '@highlight-run/rrweb-types';
 
 const now = Date.now();
 const events: eventWithTime[] = [
diff --git a/packages/rrweb-player/.eslintignore b/packages/rrweb-player/.eslintignore
deleted file mode 100644
index 21ceaeb1..00000000
--- a/packages/rrweb-player/.eslintignore
+++ /dev/null
@@ -1,7 +0,0 @@
-dist
-types
-vite.config.ts
-vite-env.d.ts
-svelte.config.js
-public/events.js
-src/**/*.d.ts
\ No newline at end of file
diff --git a/packages/rrweb-player/.eslintrc.cjs b/packages/rrweb-player/.eslintrc.cjs
index 4cfcc34c..de4da64e 100644
--- a/packages/rrweb-player/.eslintrc.cjs
+++ b/packages/rrweb-player/.eslintrc.cjs
@@ -1,6 +1,15 @@
 /** @type { import("eslint").Linter.Config } */
 module.exports = {
   root: true,
+  ignorePatterns: [
+    'dist',
+    'types',
+    'vite.config.ts',
+    'vite-env.d.ts',
+    'svelte.config.js',
+    'public/events.js',
+    'src/**/*.svelte.d.ts',
+  ],
   extends: [
     'eslint:recommended',
     'plugin:@typescript-eslint/recommended',
diff --git a/packages/rrweb-player/CHANGELOG.md b/packages/rrweb-player/CHANGELOG.md
index 67c3f6df..a8aee0d9 100644
--- a/packages/rrweb-player/CHANGELOG.md
+++ b/packages/rrweb-player/CHANGELOG.md
@@ -1,5 +1,79 @@
 # rrweb-player
 
+## 2.0.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @rrweb/replay@2.0.1
+  - @rrweb/packer@2.0.1
+
+## 2.0.0
+
+### Major Changes
+
+- [#1497](https://github.com/rrweb-io/rrweb/pull/1497) [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf) Thanks [@Juice10](https://github.com/Juice10)! - Distributed files have new filenames, paths and extensions. **Important: If you reference distributed files or types directly, you might have to update your paths/filenames. E.g. you import from `rrweb/typings/...` or `rrdom/es`. However you run `import rrweb from 'rrweb'` you won't notice a difference with this change.** If you include rrweb files directly in a script tag, you might have to update that path to include a the `.umd.cjs` files instead. All `.js` files now use ES modules which can be used in modern browsers, node.js and bundlers that support ES modules. All npm packages now also ship `.cjs` and `.umd.cjs` files. The `.umd.cjs` files are CommonJS modules that bundle all files together to make it easy to ship one file to browser environments (similar to the previous `.js` files). The `.cjs` files are CommonJS modules that can be used in older Node.js environments. Types should be better defined in `package.json` and if you need specific types they might be exported from new packages (for example `PlayerMachineState` and `SpeedMachineState` are now exported from `@rrweb/replay`). Check the `package.json`'s `main` and `exports` field for the available files.
+
+- [#1031](https://github.com/rrweb-io/rrweb/pull/1031) [`ad9bc3e`](https://github.com/rrweb-io/rrweb/commit/ad9bc3ed16d9172490bd8350c6922e3726a7f585) Thanks [@Juice10](https://github.com/Juice10)! - Move shared rrweb event and recorder types into the new `@rrweb/types` package.
+
+### Minor Changes
+
+- [#1039](https://github.com/rrweb-io/rrweb/pull/1039) [`bdd8940`](https://github.com/rrweb-io/rrweb/commit/bdd8940098590e81bc4d36f7bcf0e0f382226039) Thanks [@DexxDing](https://github.com/DexxDing)! - Add inactive-period indicators to the player progress bar with a configurable `inactiveColor` option.
+
+- [#1007](https://github.com/rrweb-io/rrweb/pull/1007) [`3924aaf`](https://github.com/rrweb-io/rrweb/commit/3924aafde2b07f27e30a0117f33451ad8f289bf3) Thanks [@Juice10](https://github.com/Juice10)! - Add `player.playRange(start, end, loop?, afterHook?)` to play a bounded time range, optionally looping or invoking a callback when the range ends.
+
+- [#1006](https://github.com/rrweb-io/rrweb/pull/1006) [`6f63cf1`](https://github.com/rrweb-io/rrweb/commit/6f63cf15fcaef7e322ff28999410b0bfb77f7d31) Thanks [@Juice10](https://github.com/Juice10)! - Add a `maxScale` option to configure the player's maximum replay scale, with `0` allowing unlimited scaling.
+
+- [#859](https://github.com/rrweb-io/rrweb/pull/859) [`e238462`](https://github.com/rrweb-io/rrweb/commit/e238462f3aff10b0242a4aef729065b7b9c8e7a1) Thanks [@Juice10](https://github.com/Juice10)! - Add support for recording canvas snapshots at a configured FPS.
+
+- [#895](https://github.com/rrweb-io/rrweb/pull/895) [`de755ae`](https://github.com/rrweb-io/rrweb/commit/de755ae572c04131f74f251b06da6de648b112c4) Thanks [@Juice10](https://github.com/Juice10)! - Add the fast-forward virtual DOM optimization for replay.
+
+### Patch Changes
+
+- [#1198](https://github.com/rrweb-io/rrweb/pull/1198) [`b5e30cf`](https://github.com/rrweb-io/rrweb/commit/b5e30cf6cc7f5335d674ef1917a92bdf2895fe9e) Thanks [@charliegracie](https://github.com/charliegracie)! - Reset the finished flag in Controller `goto` instead of `handleProgressClick` so that it is properly handled if `goto` is called directly.
+
+- [#1287](https://github.com/rrweb-io/rrweb/pull/1287) [`efdc167`](https://github.com/rrweb-io/rrweb/commit/efdc167ca6c039d04af83612e3d92498bb9b41a7) Thanks [@Juice10](https://github.com/Juice10)! - Upgrade all projects to typescript 4.9.5
+
+- [#1126](https://github.com/rrweb-io/rrweb/pull/1126) [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Refactor all suffix of bundled scripts with commonjs module from 'js' to cjs [#1087](https://github.com/rrweb-io/rrweb/pull/1087).
+
+- [#1247](https://github.com/rrweb-io/rrweb/pull/1247) [`a01a12e`](https://github.com/rrweb-io/rrweb/commit/a01a12ef6769f26aa922ccd6ac76499f0837f0c2) Thanks [@Juice10](https://github.com/Juice10)! - Fix `player.getMirror`, `player.playRange`, `player.$set` types in rrwebPlayer
+
+- [#1704](https://github.com/rrweb-io/rrweb/pull/1704) [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Provide a /umd/ output folder alongside the /dist/ one so that we can serve UMD (Universal Module Definition) files with a .js extension, without upsetting expectations set by package.json that all .js files in /dist/ are modules
+
+- [#1028](https://github.com/rrweb-io/rrweb/pull/1028) [`2286c11`](https://github.com/rrweb-io/rrweb/commit/2286c11939295a59702f7322fa53b60b03b2065c) Thanks [@MengZihan712](https://github.com/MengZihan712)! - Fix fullscreen player sizing so the progress bar and controls remain visible.
+
+- [#1014](https://github.com/rrweb-io/rrweb/pull/1014) [`9de0de2`](https://github.com/rrweb-io/rrweb/commit/9de0de2cce7656621de590cbf864a65643ed5eed) Thanks [@Juice10](https://github.com/Juice10)! - Add the missing `maxScale` option to rrweb-player TypeScript definitions and document player option defaults.
+
+- [#1045](https://github.com/rrweb-io/rrweb/pull/1045) [`e08d039`](https://github.com/rrweb-io/rrweb/commit/e08d03982b468360eafc4c9e2a3d257b73da4487) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix rrweb-player TypeScript imports after the `@rrweb/types` split.
+
+- Updated dependencies [[`b2d5689`](https://github.com/rrweb-io/rrweb/commit/b2d5689864eff62c80c4439e9a4e4f0f6983b1f5), [`a8478f1`](https://github.com/rrweb-io/rrweb/commit/a8478f1dd7613a08d5f15d176d6e555497f83e0d), [`ce6019d`](https://github.com/rrweb-io/rrweb/commit/ce6019d2d6264ac8ef4cc0c5f8ff1733787f9ea0), [`bac1d7b`](https://github.com/rrweb-io/rrweb/commit/bac1d7b0cbfcf1157476c49b4b12e178aab7fc94), [`5ba933c`](https://github.com/rrweb-io/rrweb/commit/5ba933ccdb8b51dfc067319d418dbadd2f7642db), [`fd85c79`](https://github.com/rrweb-io/rrweb/commit/fd85c79e853ef89a860e795a8ae3ba318ef42ae8)]:
+
+  - rrweb@2.0.0-alpha.2
+
+- Updated dependencies [[`f1b23dd`](https://github.com/rrweb-io/rrweb/commit/f1b23ddc714ebaf9b66ca7a913f740e2c0524868)]:
+
+  - rrweb@2.0.0-alpha.1
+
+- Updated dependencies [[`22bc4c3`](https://github.com/rrweb-io/rrweb/commit/22bc4c334e88f0b8ee5488d9e1e95cd8093a15c8), [`db20184`](https://github.com/rrweb-io/rrweb/commit/db201841accd2b5df3cd7c88779aa62ab158501c), [`22bc4c3`](https://github.com/rrweb-io/rrweb/commit/22bc4c334e88f0b8ee5488d9e1e95cd8093a15c8), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0)]:
+  - @rrweb/replay@2.0.0
+  - @rrweb/packer@2.0.0
+
+## 2.0.0-alpha.20
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @rrweb/replay@2.0.0-alpha.20
+  - @rrweb/packer@2.0.0-alpha.20
+
+## 2.0.0-alpha.19
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @rrweb/replay@2.0.0-alpha.19
+  - @rrweb/packer@2.0.0-alpha.19
+
 ## 2.0.0-alpha.18
 
 ### Patch Changes
diff --git a/packages/rrweb-player/README.md b/packages/rrweb-player/README.md
index 866adc7c..7a32c982 100644
--- a/packages/rrweb-player/README.md
+++ b/packages/rrweb-player/README.md
@@ -1,7 +1,3 @@
-_Looking for a Vue.js version? Go here --> [@preflight-hq/rrweb-player-vue](https://github.com/Preflight-HQ/rrweb-player-vue)_
-
----
-
 # rrweb-player
 
 Since rrweb's replayer only provides a basic UI, you can choose rrweb-replayer which is based on rrweb's public APIs but has a feature-rich replayer UI.
@@ -12,25 +8,44 @@ rrweb-player uses rrweb's Replayer under the hood, but as Replayer doesn't inclu
 
 ## Installation
 
-rrweb-player can also be included with `<script>`：
+### 1) Bundler / npm (Recommended)
+
+```shell
+npm install rrweb-player
+```
+
+```js
+import rrwebPlayer from 'rrweb-player';
+import 'rrweb-player/dist/style.css';
+```
+
+### 2) Browser Without Bundler (ESM)
 
 ```html
 <link
   rel="stylesheet"
-  href="https://cdn.jsdelivr.net/npm/rrweb-player@latest/dist/style.css"
+  href="https://cdn.rrweb.com/rrweb-player/current/style.css"
 />
-<script src="https://cdn.jsdelivr.net/npm/rrweb-player@latest/dist/index.umd.cjs"></script>
+<script type="module">
+  import rrwebPlayer from 'https://cdn.rrweb.com/rrweb-player/current/rrweb-player.js';
+</script>
 ```
 
-Or installed by using NPM：
+Use `current` for the latest stable release, or pin an exact version such as
+`https://cdn.rrweb.com/rrweb-player/2.0.0/rrweb-player.js` for immutable
+production URLs. See the [CDN assets docs](https://rrweb.com/docs/cloud/cdn-assets)
+for the full URL shape and catalog.
 
-```shell
-npm install --save rrweb-player
-```
+### 3) Legacy Direct `<script>` Include (UMD fallback)
 
-```js
-import rrwebPlayer from 'rrweb-player';
-import 'rrweb-player/dist/style.css';
+Use this only for compatibility with non-module environments.
+
+```html
+<link
+  rel="stylesheet"
+  href="https://cdn.rrweb.com/rrweb-player/current/style.css"
+/>
+<script src="https://cdn.rrweb.com/rrweb-player/current/rrweb-player.umd.cjs"></script>
 ```
 
 ## Usage
@@ -248,12 +263,12 @@ playRange(
   <tr>
     <td align="center">
       <a href="http://www.smartx.com/" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/smartx.png">
+        <img width="195px" src="https://raw.githubusercontent.com/rrweb-io/web/master/static/logos/smartx.png" alt="SmartX">
       </a>
     </td>
     <td align="center">
       <a href="https://posthog.com?utm_source=rrweb&utm_medium=sponsorship&utm_campaign=open-source-sponsorship" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/posthog.png">
+        <img width="195px" src="https://rrweb.com/posthog.png" alt="PostHog">
       </a>
     </td>
     <td align="center">
@@ -267,7 +282,39 @@ playRange(
       </a>
     </td>
   </tr>
-    <tr>
+  <tr>
+    <td align="center">
+      <a href="https://sentry.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/sentry.png" alt="Sentry">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.pendo.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/pendo.png" alt="Pendo">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://mixpanel.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/mixpanel.png" alt="Mixpanel">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.datadoghq.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/datadog.png" alt="Datadog">
+      </a>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="https://amplitude.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/amplitude.png" alt="Amplitude">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://newrelic.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/new%20relic.png" alt="New Relic">
+      </a>
+    </td>
     <td align="center">
       <a href="https://cux.io" target="_blank">
         <img style="padding: 8px" alt="The first ever UX automation tool" width="195px" src="https://cux.io/cux-logo.svg">
@@ -278,6 +325,8 @@ playRange(
         <img style="padding: 8px" alt="Remote Access & Co-Browsing" width="195px" src="https://remsupp.com/images/logo.png">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://highlight.io" target="_blank">
         <img style="padding: 8px" alt="The open source, fullstack Monitoring Platform." width="195px" src="https://github.com/highlight/highlight/raw/main/highlight.io/public/images/logo.png">
@@ -285,11 +334,9 @@ playRange(
     </td>
     <td align="center">
       <a href="https://analyzee.io" target="_blank">
-        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://cdn.analyzee.io/assets/analyzee-logo.png">
+        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://analyzee.io/img/analyzee-main-logo.webp">
       </a>
     </td>
-  </tr>
-  <tr>
     <td align="center">
       <a href="https://requestly.io" target="_blank">
         <img style="padding: 8px" alt="Intercept, Modify, Record & Replay HTTP Requests." width="195px" src="https://github.com/requestly/requestly/assets/16779465/652552db-c867-44cb-9bb5-94a2026e04ca">
@@ -300,6 +347,8 @@ playRange(
         <img style="padding: 8px" alt="In-app bug reporting & customer feedback platform." width="195px" src="https://assets-global.website-files.com/6506f3f29c68b1724807619d/6506f56010237164c6306591_GleapLogo.svg">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://uxwizz.com" target="_blank">
         <img style="padding: 8px" alt="Self-hosted website analytics with heatmaps and session recordings." width="195px" src="https://github.com/UXWizz/public-files/raw/main/assets/logo.png">
diff --git a/packages/rrweb-player/package.json b/packages/rrweb-player/package.json
index 81a18231..85884a28 100644
--- a/packages/rrweb-player/package.json
+++ b/packages/rrweb-player/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@highlight-run/rrweb-player",
-  "version": "2.0.0-alpha.18",
+  "version": "2.0.0-lambda.5",
   "devDependencies": {
     "@highlight-run/rrweb-types": "workspace:*",
     "@sveltejs/adapter-auto": "^3.0.0",
@@ -10,13 +10,13 @@
     "@typescript-eslint/eslint-plugin": "^7.0.0",
     "@typescript-eslint/parser": "^7.0.0",
     "eslint-plugin-svelte": "^2.37.0",
-    "prettier-plugin-svelte": "^3.1.2",
+    "prettier-plugin-svelte": "3.2.4",
     "svelte": "^4.2.14",
     "svelte-check": "^3.4.3",
     "svelte-preprocess": "^5.0.3",
     "svelte2tsx": "^0.7.30",
     "tslib": "^2.0.0",
-    "vite": "^5.3.1"
+    "vite": "^6.4.2"
   },
   "dependencies": {
     "@highlight-run/rrweb-packer": "workspace:*",
@@ -25,16 +25,19 @@
   },
   "scripts": {
     "dev": "vite build --watch",
+    "build": "vite build",
     "prepublishOnly": "yarn build",
     "start": "vite",
     "check-types": "svelte-check --tsconfig ./tsconfig.json",
     "prepublish": "yarn build",
-    "lint": "yarn eslint src/**/*.ts"
+    "lint": "npx eslint src/**/*.ts"
   },
   "description": "rrweb's replayer UI",
   "main": "./dist/rrweb-player.umd.cjs",
   "module": "./dist/rrweb-player.js",
   "unpkg": "./dist/rrweb-player.umd.cjs",
+  "jsdelivr": "./umd/rrweb-player.js",
+  "style": "./dist/style.css",
   "typings": "dist/rrweb-player.d.ts",
   "exports": {
     ".": {
@@ -50,6 +53,7 @@
     "./dist/style.css": "./dist/style.css"
   },
   "files": [
+    "umd",
     "dist",
     "package.json"
   ],
@@ -59,9 +63,12 @@
     "url": "git+https://github.com/rrweb-io/rrweb.git"
   },
   "keywords": [
-    "@highlight-run/rrweb"
+    "devtools",
+    "product-analytics",
+    "real-user-monitoring",
+    "rrweb"
   ],
-  "author": "yanzhen@smartx.com",
+  "author": "rrweb Core Team <maintainers@rrweb.com>",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/rrweb-io/rrweb/issues"
diff --git a/packages/rrweb-player/src/Controller.svelte b/packages/rrweb-player/src/Controller.svelte
index b16c1b0e..62f5595c 100644
--- a/packages/rrweb-player/src/Controller.svelte
+++ b/packages/rrweb-player/src/Controller.svelte
@@ -291,7 +291,7 @@
     speedState = replayer.speedService.state.value;
     replayer.on(
       'state-change',
-      (states) => {
+      (states: unknown) => {
         const { player, speed } = states as { player?: PlayerMachineState; speed?: SpeedMachineState };
         if (player?.value && playerState !== player.value) {
           playerState = player.value;
diff --git a/packages/rrweb-player/src/Player.svelte b/packages/rrweb-player/src/Player.svelte
index 242c4f65..7cbbb482 100644
--- a/packages/rrweb-player/src/Player.svelte
+++ b/packages/rrweb-player/src/Player.svelte
@@ -158,7 +158,7 @@
       ...$$props,
     });
 
-    replayer.on('resize', (dimension) => {
+    replayer.on('resize', (dimension: unknown) => {
       updateScale(
         replayer.wrapper,
         dimension as { width: number; height: number },
diff --git a/packages/rrweb-player/vite.config.ts b/packages/rrweb-player/vite.config.ts
index db4f4cf9..dc09dc58 100644
--- a/packages/rrweb-player/vite.config.ts
+++ b/packages/rrweb-player/vite.config.ts
@@ -61,6 +61,10 @@ function viteSvelteDts(): Plugin {
 }
 
 export default config(path.resolve(__dirname, 'src/main.ts'), 'rrwebPlayer', {
+  // api-extractor cannot follow the relative node_modules type imports that
+  // the @highlight-run package aliasing bakes into dependency d.ts files, so
+  // ship per-file declarations instead of a rolled-up one.
+  rollupTypes: false,
   plugins: [
     viteSvelteDts(),
     svelte({
diff --git a/packages/rrweb-snapshot/CHANGELOG.md b/packages/rrweb-snapshot/CHANGELOG.md
index e252ea35..b488fedd 100644
--- a/packages/rrweb-snapshot/CHANGELOG.md
+++ b/packages/rrweb-snapshot/CHANGELOG.md
@@ -1,5 +1,198 @@
 # rrweb-snapshot
 
+## 2.0.1
+
+### Patch Changes
+
+- [#1854](https://github.com/rrweb-io/rrweb/pull/1854) [`5f52d63`](https://github.com/rrweb-io/rrweb/commit/5f52d63636b3246bd5b6ba99a93cba41c5d981cb) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Fix broken MutationObserver in Webkit/Safari when a webpage has been monkey patched by a 3rd party library
+
+## 2.0.0
+
+### Major Changes
+
+- [#1497](https://github.com/rrweb-io/rrweb/pull/1497) [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf) Thanks [@Juice10](https://github.com/Juice10)! - Distributed files have new filenames, paths and extensions. **Important: If you reference distributed files or types directly, you might have to update your paths/filenames. E.g. you import from `rrweb/typings/...` or `rrdom/es`. However you run `import rrweb from 'rrweb'` you won't notice a difference with this change.** If you include rrweb files directly in a script tag, you might have to update that path to include a the `.umd.cjs` files instead. All `.js` files now use ES modules which can be used in modern browsers, node.js and bundlers that support ES modules. All npm packages now also ship `.cjs` and `.umd.cjs` files. The `.umd.cjs` files are CommonJS modules that bundle all files together to make it easy to ship one file to browser environments (similar to the previous `.js` files). The `.cjs` files are CommonJS modules that can be used in older Node.js environments. Types should be better defined in `package.json` and if you need specific types they might be exported from new packages (for example `PlayerMachineState` and `SpeedMachineState` are now exported from `@rrweb/replay`). Check the `package.json`'s `main` and `exports` field for the available files.
+
+- [#1834](https://github.com/rrweb-io/rrweb/pull/1834) [`43e4f5b`](https://github.com/rrweb-io/rrweb/commit/43e4f5b4ad4bb0525a874a545d69443bc58bc47e) Thanks [@Juice10](https://github.com/Juice10)! - Require browser `rebuild()` calls to target a document created by `rebuildIntoSandboxedIframe()` or `createSandboxedIframe()` by default. Use these helpers for untrusted replay data, or pass `UNSAFE_allowUnprotectedRebuild: true` only when accepting the script-execution risk.
+
+  `rrweb` now marks `UNSAFE_replayCanvas` rebuilds as an explicit unsafe path because canvas replay adds script permission to the replay iframe.
+
+- [#1593](https://github.com/rrweb-io/rrweb/pull/1593) [`5a78938`](https://github.com/rrweb-io/rrweb/commit/5a789385a341311ba327a768fe0e2f0f2f5002ee) Thanks [@daibhin](https://github.com/daibhin)! - `NodeType` enum was moved from rrweb-snapshot to @rrweb/types
+  The following types where moved from rrweb-snapshot to @rrweb/types: `documentNode`, `documentTypeNode`, `legacyAttributes`, `textNode`, `cdataNode`, `commentNode`, `elementNode`, `serializedNode`, `serializedNodeWithId`, `serializedElementNodeWithId`, `serializedTextNodeWithId`, `IMirror`, `INode`, `mediaAttributes`, `attributes` and `DataURLOptions`
+
+- [#868](https://github.com/rrweb-io/rrweb/pull/868) [`e4f680e`](https://github.com/rrweb-io/rrweb/commit/e4f680e8f52210596cd68d17f8d54eb8a0d8e65c) Thanks [@Juice10](https://github.com/Juice10)! - Remove `INode` / `node.__sn` usage and use `Mirror` as the source of truth.
+
+### Minor Changes
+
+- [#1432](https://github.com/rrweb-io/rrweb/pull/1432) [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961) Thanks [@Juice10](https://github.com/Juice10)! - Video and Audio elements now also capture `playbackRate`, `muted`, `loop`, `volume`.
+
+- [#1503](https://github.com/rrweb-io/rrweb/pull/1503) [`335639a`](https://github.com/rrweb-io/rrweb/commit/335639af9b0ce7f70eb0f38ce113d877c7325158) Thanks [@Juice10](https://github.com/Juice10)! - Record dialog's modal status for replay in rrweb. (Currently triggering `dialog.showModal()` is not supported in rrweb-snapshot's rebuild)
+
+- [#1188](https://github.com/rrweb-io/rrweb/pull/1188) [`bc84246`](https://github.com/rrweb-io/rrweb/commit/bc84246f78849a80dbb8fe9b4e76117afcc5c3f7) Thanks [@benjackwhite](https://github.com/benjackwhite)! - feat: Extends maskInputFn to pass the HTMLElement to the deciding function
+
+- [#1170](https://github.com/rrweb-io/rrweb/pull/1170) [`d2582e9`](https://github.com/rrweb-io/rrweb/commit/d2582e9a81197130cd93bc1dd778e16fddfb0be3) Thanks [@mydea](https://github.com/mydea)! - feat: Ensure password inputs remain masked when switching input type
+
+- [#1152](https://github.com/rrweb-io/rrweb/pull/1152) [`eac9b18`](https://github.com/rrweb-io/rrweb/commit/eac9b18bbfa3c350797b99b583dd93a5fc32b828) Thanks [@mydea](https://github.com/mydea)! - feat: Ignore `autoplay` attribute on video/audio elements
+
+- [#1310](https://github.com/rrweb-io/rrweb/pull/1310) [`7c0dc9d`](https://github.com/rrweb-io/rrweb/commit/7c0dc9dfe1564c9d6624557c5b394e7844955882) Thanks [@benjackwhite](https://github.com/benjackwhite)! - Extends maskTextFn to pass the HTMLElement to the deciding function
+
+- [#1035](https://github.com/rrweb-io/rrweb/pull/1035) [`2a80949`](https://github.com/rrweb-io/rrweb/commit/2a809499739ed2068bf6d9c614142f9dc8cb09ab) Thanks [@Juice10](https://github.com/Juice10)! - Add support for cross-origin iframe recording, including event/id remapping and `genId` export support.
+
+- [#989](https://github.com/rrweb-io/rrweb/pull/989) [`3809060`](https://github.com/rrweb-io/rrweb/commit/38090606b98e2d64073e74194d2c5c42453e8b5c) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Add support for recording and replaying constructable `adoptedStyleSheets`, including stylesheet mutations, `replace`/`replaceSync`, shadow roots, iframes, live mode, and virtual DOM replay.
+
+- [#895](https://github.com/rrweb-io/rrweb/pull/895) [`de755ae`](https://github.com/rrweb-io/rrweb/commit/de755ae572c04131f74f251b06da6de648b112c4) Thanks [@Juice10](https://github.com/Juice10)! - Add the fast-forward virtual DOM optimization for replay.
+
+### Patch Changes
+
+- [#1580](https://github.com/rrweb-io/rrweb/pull/1580) [`47a7c3f`](https://github.com/rrweb-io/rrweb/commit/47a7c3faa6fdbd3a515f473dc3a979acd2c8276e) Thanks [@guntherjh](https://github.com/guntherjh)! - Handle exceptions thrown from postcss when calling adaptCssForReplay
+
+- [#1386](https://github.com/rrweb-io/rrweb/pull/1386) [`a2c8a1a`](https://github.com/rrweb-io/rrweb/commit/a2c8a1a37bfcf8389b280af792262c8263a979a3) Thanks [@ababik](https://github.com/ababik)! - Fix that the optional `maskInputFn` was being accidentally ignored during the creation of the full snapshot
+
+- [#1417](https://github.com/rrweb-io/rrweb/pull/1417) [`40bbc25`](https://github.com/rrweb-io/rrweb/commit/40bbc25fc287badc317a53f2d3f21b1c9f2b211b) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - fix: duplicate textContent for style elements cause incremental style mutations to be invalid
+
+- [#1762](https://github.com/rrweb-io/rrweb/pull/1762) [`22bc4c3`](https://github.com/rrweb-io/rrweb/commit/22bc4c334e88f0b8ee5488d9e1e95cd8093a15c8) Thanks [@Juice10](https://github.com/Juice10)! - Drop base64 inlined worker source from all bundles
+
+- [#1279](https://github.com/rrweb-io/rrweb/pull/1279) [`11f6567`](https://github.com/rrweb-io/rrweb/commit/11f6567fd81ef9ed0f954a7b6d5e39653f56004f) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Extend to run fixBrowserCompatibilityIssuesInCSS over inline stylesheets
+
+- [#1615](https://github.com/rrweb-io/rrweb/pull/1615) [`dc20cd4`](https://github.com/rrweb-io/rrweb/commit/dc20cd45cc63058325784444af6bd32ed2cace48) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Improve performance of splitCssText for <style> elements with large css content - see #1603
+
+- [#1640](https://github.com/rrweb-io/rrweb/pull/1640) [`3e9e42f`](https://github.com/rrweb-io/rrweb/commit/3e9e42fdfd6349087d7a0345af1b39dd56528502) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Improve performance of splitCssText for <style> elements with large css content - see #1603
+
+- [#1464](https://github.com/rrweb-io/rrweb/pull/1464) [`03b5216`](https://github.com/rrweb-io/rrweb/commit/03b5216a9403f1509b4f69d1d71ef9874277fe91) Thanks [@colingm](https://github.com/colingm)! - better support for coexistence with older libraries (e.g. MooTools & Prototype.js) which modify the in-built `Array.from` function
+
+- [#1481](https://github.com/rrweb-io/rrweb/pull/1481) [`46f1b25`](https://github.com/rrweb-io/rrweb/commit/46f1b252a5919c68c68e825bd6089cc2e7d34e7c) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Fix and test for bug #1457 which was affecting replay of complex tailwind css
+
+- [#1476](https://github.com/rrweb-io/rrweb/pull/1476) [`cbbd1e5`](https://github.com/rrweb-io/rrweb/commit/cbbd1e55f1f7fa2eed9fa11e4152b509bdfd88f7) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Fixup for multiple background-clip replacement
+
+- [#1600](https://github.com/rrweb-io/rrweb/pull/1600) [`a6893f7`](https://github.com/rrweb-io/rrweb/commit/a6893f73abe217a95d28996e01b7ec8261e42de3) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - #1575 Fix that postcss could fall over when trying to process css content split arbitrarily
+
+- [#1133](https://github.com/rrweb-io/rrweb/pull/1133) [`c28ef5f`](https://github.com/rrweb-io/rrweb/commit/c28ef5f658abb93086504581409cf7a376db48dc) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - 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.
+
+  Related bug report to Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=1816672​
+
+- [#1387](https://github.com/rrweb-io/rrweb/pull/1387) [`5e7943d`](https://github.com/rrweb-io/rrweb/commit/5e7943dbae6e2cde76c484bdd26bc0b96f1b6dce) Thanks [@H4ad](https://github.com/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
+
+- [#1468](https://github.com/rrweb-io/rrweb/pull/1468) [`4014305`](https://github.com/rrweb-io/rrweb/commit/40143059446cee5c042c007b1c2e976f36e172f5) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - inlineImages: during snapshot avoid adding an event listener for inlining of same-origin images (async listener mutates the snapshot which can be problematic)
+
+- [#1287](https://github.com/rrweb-io/rrweb/pull/1287) [`efdc167`](https://github.com/rrweb-io/rrweb/commit/efdc167ca6c039d04af83612e3d92498bb9b41a7) Thanks [@Juice10](https://github.com/Juice10)! - Upgrade all projects to typescript 4.9.5
+
+- [#1130](https://github.com/rrweb-io/rrweb/pull/1130) [`f6f07e9`](https://github.com/rrweb-io/rrweb/commit/f6f07e953376634a4caf28ff8cbfed5a017c4347) Thanks [@AgentWrapper](https://github.com/AgentWrapper)! - Fix: Make relative path detection in stylesheet URLs to detect more types of URL protocols when inlining stylesheets.
+
+- [#1095](https://github.com/rrweb-io/rrweb/pull/1095) [`1385f7a`](https://github.com/rrweb-io/rrweb/commit/1385f7acc0052f83be1458a7b00e18c026ee393f) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix duplicated shadow doms
+
+- [#1183](https://github.com/rrweb-io/rrweb/pull/1183) [`d7c72bf`](https://github.com/rrweb-io/rrweb/commit/d7c72bff0724b46a6fa94af455220626a27104fe) Thanks [@mydea](https://github.com/mydea)! - fix: Ensure attributes are lowercased when checking
+
+- [#1705](https://github.com/rrweb-io/rrweb/pull/1705) [`f2419f2`](https://github.com/rrweb-io/rrweb/commit/f2419f2513e9ad3ea597e2b5a4463a4fbf74868f) Thanks [@megboehlert](https://github.com/megboehlert)! - Use ownerNode.baseURI for stringifying sheet hrefs
+
+- [#1440](https://github.com/rrweb-io/rrweb/pull/1440) [`c0f83af`](https://github.com/rrweb-io/rrweb/commit/c0f83afab8f1565633de0e986b7e96fa56f2d25c) Thanks [@daibhin](https://github.com/daibhin)! - better nested css selector splitting when commas or brackets happen to be in quoted text
+
+- [#1467](https://github.com/rrweb-io/rrweb/pull/1467) [`e96f668`](https://github.com/rrweb-io/rrweb/commit/e96f668c86bd0ab5dc190bb2957a170271bb2ebc) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Bugfix after #1434 perf improvements: fix that blob urls persist on the shared anchor element and can't be later modified
+
+- [#1272](https://github.com/rrweb-io/rrweb/pull/1272) [`58c9104`](https://github.com/rrweb-io/rrweb/commit/58c9104eddc8b7994a067a97daae5684e42f892f) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Perf: Avoid creation of intermediary array when iterating over style rules
+
+- [#1126](https://github.com/rrweb-io/rrweb/pull/1126) [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Refactor all suffix of bundled scripts with commonjs module from 'js' to cjs [#1087](https://github.com/rrweb-io/rrweb/pull/1087).
+
+- [#1493](https://github.com/rrweb-io/rrweb/pull/1493) [`82f6fec`](https://github.com/rrweb-io/rrweb/commit/82f6fecf36413ecbc994a510144487f1de20d1d5) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Replay: Replace negative lookbehind in regexes from css parser as it causes issues with Safari 16
+
+- [#1331](https://github.com/rrweb-io/rrweb/pull/1331) [`02cc62d`](https://github.com/rrweb-io/rrweb/commit/02cc62dd44b52f579a332b55c49896a5cb7cc694) Thanks [@billyvg](https://github.com/billyvg)! - fix dimensions for blocked element not being applied
+
+- [#1148](https://github.com/rrweb-io/rrweb/pull/1148) [`d0fdc0f`](https://github.com/rrweb-io/rrweb/commit/d0fdc0f273bb156a1faab4782b40fbec8dccf915) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Improve: Add try catch to snapshot.ts 's masking text function. Fixes [#1118](https://github.com/rrweb-io/rrweb/issues/1118).
+
+- [#1482](https://github.com/rrweb-io/rrweb/pull/1482) [`f3cf092`](https://github.com/rrweb-io/rrweb/commit/f3cf0928df30d5ed5c0d573c524be6e744c0f8d3) Thanks [@AlfieJones](https://github.com/AlfieJones)! - (when `recordCanvas: true`): ensure we use doc.createElement instead of document.createElement to allow use in non-browser e.g. jsdom environments
+
+- [#1351](https://github.com/rrweb-io/rrweb/pull/1351) [`a2be77b`](https://github.com/rrweb-io/rrweb/commit/a2be77b82826c4be0e7f3c7c9f7ee50476d5f6f8) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Don't double-record the values of <textarea>s when they already have some content prefilled #1301
+
+- [#1837](https://github.com/rrweb-io/rrweb/pull/1837) [`527d9d3`](https://github.com/rrweb-io/rrweb/commit/527d9d3913bae7f0f7741517f4b09f7a99aae57a) Thanks [@Juice10](https://github.com/Juice10)! - Tree-shake replay-only `postcss` code from the `@rrweb/record` bundle.
+
+- [#1401](https://github.com/rrweb-io/rrweb/pull/1401) [`f7c6973`](https://github.com/rrweb-io/rrweb/commit/f7c6973ae9c21b9ea014bdef7101f976f04d9356) Thanks [@dengelke](https://github.com/dengelke)! - Fix css parsing errors
+
+- [#1287](https://github.com/rrweb-io/rrweb/pull/1287) [`efdc167`](https://github.com/rrweb-io/rrweb/commit/efdc167ca6c039d04af83612e3d92498bb9b41a7) Thanks [@Juice10](https://github.com/Juice10)! - Add workaround for Chrome/Edge CSS `@import` escaping bug: https://bugs.chromium.org/p/chromium/issues/detail?id=1472259
+
+- [#1431](https://github.com/rrweb-io/rrweb/pull/1431) [`a7c33f2`](https://github.com/rrweb-io/rrweb/commit/a7c33f2093c4d92faf7ae25e8bb0e088d122c13b) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - 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
+
+- [#1614](https://github.com/rrweb-io/rrweb/pull/1614) [`6f4e691`](https://github.com/rrweb-io/rrweb/commit/6f4e691f39cc59b655d1be4f951128beecb88acb) Thanks [@billyvg](https://github.com/billyvg)! - Change to ignore all link[rel="modulepreload"] instead of including only those with `as="script"`
+
+- [#1535](https://github.com/rrweb-io/rrweb/pull/1535) [`04ee6ed`](https://github.com/rrweb-io/rrweb/commit/04ee6eda57157f0e04f18f907d8f3e59ababc753) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Slight simplification to how we replace :hover after #1458
+
+- [#1437](https://github.com/rrweb-io/rrweb/pull/1437) [`5fbb904`](https://github.com/rrweb-io/rrweb/commit/5fbb904edb653f3da17e6775ee438d81ef0bba83) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Edge case: Provide support for mutations on a <style> element which (unusually) has multiple text nodes
+
+- [#1533](https://github.com/rrweb-io/rrweb/pull/1533) [`d350da8`](https://github.com/rrweb-io/rrweb/commit/d350da8552d8616dd118ee550bdfbce082986562) Thanks [@jeffdnguyen](https://github.com/jeffdnguyen)! - Fix `url()` rewrite for nested stylesheets by rewriting during stringification instead of after
+
+- [#1512](https://github.com/rrweb-io/rrweb/pull/1512) [`d08624c`](https://github.com/rrweb-io/rrweb/commit/d08624cb28add386c3618a0e6607424c3f1884d8) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - optimisation: skip mask check on leaf elements
+
+- [#1174](https://github.com/rrweb-io/rrweb/pull/1174) [`e7f0c80`](https://github.com/rrweb-io/rrweb/commit/e7f0c808c3f348fb27d1acd5fa300a5d92b14d00) Thanks [@wfk007](https://github.com/wfk007)! - Fix: [#1172](https://github.com/rrweb-io/rrweb/issues/1172) don't replace original onload function of Images
+
+- [#1155](https://github.com/rrweb-io/rrweb/pull/1155) [`8aea5b0`](https://github.com/rrweb-io/rrweb/commit/8aea5b00a4dfe5a6f59bd2ae72bb624f45e51e81) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Feat: Add 'isCustom' flag to serialized elements.
+
+  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.
+
+- [#1374](https://github.com/rrweb-io/rrweb/pull/1374) [`314a8dd`](https://github.com/rrweb-io/rrweb/commit/314a8dde5a13095873b89d07bac7c949918bf817) Thanks [@andrewpomeroy](https://github.com/andrewpomeroy)! - Capture stylesheets designated as `rel="preload"`
+
+- [#1731](https://github.com/rrweb-io/rrweb/pull/1731) [`76df979`](https://github.com/rrweb-io/rrweb/commit/76df9799ecc14930fa914e5623a73ea7726e3747) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Fix missing import after #1705
+
+- [#1157](https://github.com/rrweb-io/rrweb/pull/1157) [`8e47ca1`](https://github.com/rrweb-io/rrweb/commit/8e47ca1021ebb4fc036b37623ef10abf7976d6dd) Thanks [@mydea](https://github.com/mydea)! - fix: Explicitly handle `null` attribute values
+
+- [#1349](https://github.com/rrweb-io/rrweb/pull/1349) [`07ac5c9`](https://github.com/rrweb-io/rrweb/commit/07ac5c9e1371824ec3ffb705f9250bbe10f4b73e) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Snapshot performance when masking text: Avoid the repeated calls to `closest` when recursing through the DOM
+
+- [#1253](https://github.com/rrweb-io/rrweb/pull/1253) [`c6600e7`](https://github.com/rrweb-io/rrweb/commit/c6600e742b8ec0b6295816bb5de9edcd624d975e) Thanks [@mydea](https://github.com/mydea)! - Fix CSS rules captured in Safari
+
+- [#1704](https://github.com/rrweb-io/rrweb/pull/1704) [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Provide a /umd/ output folder alongside the /dist/ one so that we can serve UMD (Universal Module Definition) files with a .js extension, without upsetting expectations set by package.json that all .js files in /dist/ are modules
+
+- [#760](https://github.com/rrweb-io/rrweb/pull/760) [`e08706a`](https://github.com/rrweb-io/rrweb/commit/e08706ae60268b6eb05c6292ef948c71bd423ce3) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Add slimDOM option to block animation on <title> tag; enabled when the 'all' value is used for slimDOM
+
+- [#1509](https://github.com/rrweb-io/rrweb/pull/1509) [`be6bf52`](https://github.com/rrweb-io/rrweb/commit/be6bf52c248c35de1b3491e3a3440ff61f876414) Thanks [@Juice10](https://github.com/Juice10)! - Reverse monkey patch built in methods to support LWC (and other frameworks like angular which monkey patch built in methods).
+
+- [#1047](https://github.com/rrweb-io/rrweb/pull/1047) [`9bbc3e0`](https://github.com/rrweb-io/rrweb/commit/9bbc3e003318759e67409c9eceeb7aae2947c314) Thanks [@Juice10](https://github.com/Juice10)! - Preserve `-webkit-background-clip: text` when serializing CSS rules.
+
+- [#1012](https://github.com/rrweb-io/rrweb/pull/1012) [`6f44bb7`](https://github.com/rrweb-io/rrweb/commit/6f44bb72794118cf38e7ac87c76326ded9d9c409) Thanks [@Juice10](https://github.com/Juice10)! - Ensure replay plugin `onBuild` hooks run for newly appended mutation nodes and top-level rebuilt document nodes.
+
+- [#995](https://github.com/rrweb-io/rrweb/pull/995) [`55ebce7`](https://github.com/rrweb-io/rrweb/commit/55ebce733393da99b01e786f9bc77bf5362ba828) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix replay of delayed inlined stylesheet links by updating the existing link/style node attributes instead of adding a child node.
+
+- [#970](https://github.com/rrweb-io/rrweb/pull/970) [`23e3a73`](https://github.com/rrweb-io/rrweb/commit/23e3a73b949af0dcfa1fefc6e93cc1bb1c7a7c1f) Thanks [@Juice10](https://github.com/Juice10)! - Apply internal `rr_*` attributes after normal attributes so replay-only values such as `rr_dataURL` are not overwritten by serialized DOM attributes.
+
+- [#927](https://github.com/rrweb-io/rrweb/pull/927) [`fd85c79`](https://github.com/rrweb-io/rrweb/commit/fd85c79e853ef89a860e795a8ae3ba318ef42ae8) Thanks [@Juice10](https://github.com/Juice10)! - Fix iframe reload and rrdom diff issues by handling negative and unserialized node ids correctly.
+
+- [#984](https://github.com/rrweb-io/rrweb/pull/984) [`6eaec04`](https://github.com/rrweb-io/rrweb/commit/6eaec042d0369fd957a5d8c57cf1397eb7023b64) Thanks [@QuentinLowe](https://github.com/QuentinLowe)! - Fix iframe replay failures after the second full snapshot.
+
+- [#994](https://github.com/rrweb-io/rrweb/pull/994) [`a9a2559`](https://github.com/rrweb-io/rrweb/commit/a9a25593f19a36ea68627ce34a4607ab7f66d243) Thanks [@wfk007](https://github.com/wfk007)! - Fix missing mutations when using `slimDOMOptions` by tracking ignored nodes in the mirror.
+
+- [#938](https://github.com/rrweb-io/rrweb/pull/938) [`f3064c1`](https://github.com/rrweb-io/rrweb/commit/f3064c1f09f748a00c28a284a4b9dbead2f699dd) Thanks [@lele0108](https://github.com/lele0108)! - Fix SVG `<use href="#...">` snapshot serialization so local fragment references are preserved instead of converted to absolute URLs.
+
+- [#942](https://github.com/rrweb-io/rrweb/pull/942) [`f03504a`](https://github.com/rrweb-io/rrweb/commit/f03504a7af09926fcf9e06a50130eb03deea015a) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix recording and replay of polyfilled Shadow DOM from ShadyDOM and `@lwc/synthetic-shadow`.
+
+- [#944](https://github.com/rrweb-io/rrweb/pull/944) [`f1b23dd`](https://github.com/rrweb-io/rrweb/commit/f1b23ddc714ebaf9b66ca7a913f740e2c0524868) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix fast-forward replay so canvas image data inside iframes is restored when rebuilding through the virtual DOM path.
+
+- [#906](https://github.com/rrweb-io/rrweb/pull/906) [`9da1e43`](https://github.com/rrweb-io/rrweb/commit/9da1e432c7ad78dcba638d31f99a9b50c8f1921f) Thanks [@Juice10](https://github.com/Juice10)! - Fix issue #904 in snapshot serialization.
+
+- [#903](https://github.com/rrweb-io/rrweb/pull/903) [`058c457`](https://github.com/rrweb-io/rrweb/commit/058c4579530414f6e55434fb28f9227443ed3b6d) Thanks [@Juice10](https://github.com/Juice10)! - Speed up snapshotting of many newly added DOM nodes.
+
+- [#909](https://github.com/rrweb-io/rrweb/pull/909) [`d5d877e`](https://github.com/rrweb-io/rrweb/commit/d5d877e3c19364784abf08f6e3eea4ba911fe4e3) Thanks [@Juice10](https://github.com/Juice10)! - Inline stylesheets when they load so late stylesheet content is captured.
+
+## 2.0.0-alpha.20
+
+## 2.0.0-alpha.19
+
+### Patch Changes
+
+- [#1580](https://github.com/rrweb-io/rrweb/pull/1580) [`47a7c3f`](https://github.com/rrweb-io/rrweb/commit/47a7c3faa6fdbd3a515f473dc3a979acd2c8276e) Thanks [@guntherjh](https://github.com/guntherjh)! - Handle exceptions thrown from postcss when calling adaptCssForReplay
+
+- [#1615](https://github.com/rrweb-io/rrweb/pull/1615) [`dc20cd4`](https://github.com/rrweb-io/rrweb/commit/dc20cd45cc63058325784444af6bd32ed2cace48) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Improve performance of splitCssText for <style> elements with large css content - see #1603
+
+- [#1640](https://github.com/rrweb-io/rrweb/pull/1640) [`3e9e42f`](https://github.com/rrweb-io/rrweb/commit/3e9e42fdfd6349087d7a0345af1b39dd56528502) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Improve performance of splitCssText for <style> elements with large css content - see #1603
+
+- [#1600](https://github.com/rrweb-io/rrweb/pull/1600) [`a6893f7`](https://github.com/rrweb-io/rrweb/commit/a6893f73abe217a95d28996e01b7ec8261e42de3) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - #1575 Fix that postcss could fall over when trying to process css content split arbitrarily
+
+- [#1705](https://github.com/rrweb-io/rrweb/pull/1705) [`f2419f2`](https://github.com/rrweb-io/rrweb/commit/f2419f2513e9ad3ea597e2b5a4463a4fbf74868f) Thanks [@megboehlert](https://github.com/megboehlert)! - Use ownerNode.baseURI for stringifying sheet hrefs
+
+- [#1614](https://github.com/rrweb-io/rrweb/pull/1614) [`6f4e691`](https://github.com/rrweb-io/rrweb/commit/6f4e691f39cc59b655d1be4f951128beecb88acb) Thanks [@billyvg](https://github.com/billyvg)! - Change to ignore all link[rel="modulepreload"] instead of including only those with `as="script"`
+
+- [#1731](https://github.com/rrweb-io/rrweb/pull/1731) [`76df979`](https://github.com/rrweb-io/rrweb/commit/76df9799ecc14930fa914e5623a73ea7726e3747) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Fix missing import after #1705
+
 ## 2.0.0-alpha.18
 
 ### Major Changes
diff --git a/packages/rrweb-snapshot/README.md b/packages/rrweb-snapshot/README.md
index 923c51a3..a324fa48 100644
--- a/packages/rrweb-snapshot/README.md
+++ b/packages/rrweb-snapshot/README.md
@@ -1,6 +1,6 @@
 # rrweb-snapshot
 
-[![Build Status](https://travis-ci.org/rrweb-io/rrweb.svg?branch=master)](https://travis-ci.org/rrweb-io/rrweb) [![Join the chat at slack](https://img.shields.io/badge/slack-@rrweb-teal.svg?logo=slack)](https://join.slack.com/t/rrweb/shared_invite/zt-siwoc6hx-uWay3s2wyG8t5GpZVb8rWg)
+[![Build Status](https://travis-ci.org/rrweb-io/rrweb.svg?branch=master)](https://travis-ci.org/rrweb-io/rrweb) [![Join the chat at slack](https://img.shields.io/badge/slack-@rrweb-teal.svg?logo=slack)](https://join.slack.com/t/rrweb/shared_invite/zt-siwoc6hx-uWay3s2wyG8t5GpZVb8rWg) [![Reddit](https://img.shields.io/badge/reddit-r/rrweb-teal.svg?logo=reddit)](https://www.reddit.com/r/rrweb)
 
 Snapshot the DOM into a stateful and serializable data structure.
 Also, provide the ability to rebuild the DOM via snapshot.
@@ -25,6 +25,24 @@ There are several things will be done during snapshot:
 
 `rebuild` will build the DOM according to the taken snapshot.
 
+In browser environments, `rebuild()` is a low-level API and requires a document created by `rebuildIntoSandboxedIframe()`, unless `UNSAFE_allowUnprotectedRebuild: true` is passed. Untrusted replay data must not be rebuilt directly into the top-level `document` or a caller-created iframe document.
+
+For browser usage, prefer `rebuildIntoSandboxedIframe`:
+
+`rebuildIntoSandboxedIframe` requires an explicit `root` element.
+
+```ts
+const { iframe, node } = rebuildIntoSandboxedIframe(snapshot, {
+  root: document.body,
+  cache,
+  mirror,
+});
+```
+
+If you need to manage the iframe separately, create it with `createSandboxedIframe()` before calling `rebuild()`.
+
+If you intentionally accept the script-execution risk, pass `UNSAFE_allowUnprotectedRebuild: true` to `rebuild`.
+
 There are several things will be done during rebuild:
 
 1. Add data-rrid attribute if the Node is an Element.
@@ -148,12 +166,12 @@ There are several things will be done during rebuild:
   <tr>
     <td align="center">
       <a href="http://www.smartx.com/" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/smartx.png">
+        <img width="195px" src="https://raw.githubusercontent.com/rrweb-io/web/master/static/logos/smartx.png" alt="SmartX">
       </a>
     </td>
     <td align="center">
       <a href="https://posthog.com?utm_source=rrweb&utm_medium=sponsorship&utm_campaign=open-source-sponsorship" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/posthog.png">
+        <img width="195px" src="https://rrweb.com/posthog.png" alt="PostHog">
       </a>
     </td>
     <td align="center">
@@ -167,7 +185,39 @@ There are several things will be done during rebuild:
       </a>
     </td>
   </tr>
-    <tr>
+  <tr>
+    <td align="center">
+      <a href="https://sentry.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/sentry.png" alt="Sentry">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.pendo.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/pendo.png" alt="Pendo">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://mixpanel.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/mixpanel.png" alt="Mixpanel">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.datadoghq.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/datadog.png" alt="Datadog">
+      </a>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="https://amplitude.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/amplitude.png" alt="Amplitude">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://newrelic.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/new%20relic.png" alt="New Relic">
+      </a>
+    </td>
     <td align="center">
       <a href="https://cux.io" target="_blank">
         <img style="padding: 8px" alt="The first ever UX automation tool" width="195px" src="https://cux.io/cux-logo.svg">
@@ -178,6 +228,8 @@ There are several things will be done during rebuild:
         <img style="padding: 8px" alt="Remote Access & Co-Browsing" width="195px" src="https://remsupp.com/images/logo.png">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://highlight.io" target="_blank">
         <img style="padding: 8px" alt="The open source, fullstack Monitoring Platform." width="195px" src="https://github.com/highlight/highlight/raw/main/highlight.io/public/images/logo.png">
@@ -185,11 +237,9 @@ There are several things will be done during rebuild:
     </td>
     <td align="center">
       <a href="https://analyzee.io" target="_blank">
-        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://cdn.analyzee.io/assets/analyzee-logo.png">
+        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://analyzee.io/img/analyzee-main-logo.webp">
       </a>
     </td>
-  </tr>
-  <tr>
     <td align="center">
       <a href="https://requestly.io" target="_blank">
         <img style="padding: 8px" alt="Intercept, Modify, Record & Replay HTTP Requests." width="195px" src="https://github.com/requestly/requestly/assets/16779465/652552db-c867-44cb-9bb5-94a2026e04ca">
@@ -200,6 +250,8 @@ There are several things will be done during rebuild:
         <img style="padding: 8px" alt="In-app bug reporting & customer feedback platform." width="195px" src="https://assets-global.website-files.com/6506f3f29c68b1724807619d/6506f56010237164c6306591_GleapLogo.svg">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://uxwizz.com" target="_blank">
         <img style="padding: 8px" alt="Self-hosted website analytics with heatmaps and session recordings." width="195px" src="https://github.com/UXWizz/public-files/raw/main/assets/logo.png">
diff --git a/packages/rrweb-snapshot/package.json b/packages/rrweb-snapshot/package.json
index 632fc1b1..9d376b8c 100644
--- a/packages/rrweb-snapshot/package.json
+++ b/packages/rrweb-snapshot/package.json
@@ -7,6 +7,7 @@
     "prepack": "npm run build",
     "retest": "vitest run",
     "test": "yarn build && vitest run",
+    "test:webkit": "yarn build && vitest run --config vitest.config.webkit.ts",
     "test:watch": "vitest watch",
     "retest:update": "vitest run --update",
     "test:update": "yarn build && vitest run --update",
@@ -15,7 +16,7 @@
     "build": "yarn check-types && vite build",
     "check-types": "tsc --noEmit",
     "prepublish": "yarn check-types && vite build",
-    "lint": "yarn eslint src"
+    "lint": "npx eslint src"
   },
   "type": "module",
   "repository": {
@@ -23,13 +24,17 @@
     "url": "git+https://github.com/rrweb-io/rrweb.git"
   },
   "keywords": [
-    "@highlight-run/rrweb",
+    "devtools",
+    "product-analytics",
+    "real-user-monitoring",
+    "rrweb",
     "snapshot",
     "DOM"
   ],
   "main": "./dist/rrweb-snapshot.umd.cjs",
   "module": "./dist/rrweb-snapshot.js",
   "unpkg": "./dist/rrweb-snapshot.umd.cjs",
+  "jsdelivr": "./umd/rrweb-snapshot.js",
   "typings": "dist/index.d.ts",
   "exports": {
     ".": {
@@ -44,10 +49,12 @@
     }
   },
   "files": [
+    "umd",
     "dist",
     "package.json"
   ],
-  "author": "yanzhen@smartx.com",
+  "sideEffects": false,
+  "author": "rrweb Core Team <maintainers@rrweb.com>",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/rrweb-io/rrweb/issues"
@@ -59,14 +66,15 @@
     "@types/jsdom": "^20.0.0",
     "@types/node": "^18.15.11",
     "@types/puppeteer": "^5.4.4",
+    "happy-dom": "^20.8.9",
+    "playwright": "^1.60.0",
     "puppeteer": "^17.1.3",
     "ts-node": "^7.0.1",
     "tslib": "^1.9.3",
-    "turbo": "^2.0.5",
     "typescript": "^5.4.5",
-    "vite": "^5.3.1",
+    "vite": "^6.4.2",
     "vite-plugin-dts": "^3.9.1",
-    "vitest": "^1.4.0"
+    "vitest": "^3.2.6"
   },
   "dependencies": {
     "postcss": "^8.4.38"
diff --git a/packages/rrweb-snapshot/src/index.ts b/packages/rrweb-snapshot/src/index.ts
index c9f91a91..0218c36b 100644
--- a/packages/rrweb-snapshot/src/index.ts
+++ b/packages/rrweb-snapshot/src/index.ts
@@ -2,6 +2,7 @@ import snapshot, {
   serializeNodeWithId,
   transformAttribute,
   ignoreAttribute,
+  slimDOMDefaults,
   visitSnapshot,
   cleanupSnapshot,
   needMaskingText,
@@ -13,19 +14,26 @@ import rebuild, {
   buildNodeWithSN,
   adaptCssForReplay,
   createCache,
+  createSandboxedIframe,
+  rebuildIntoSandboxedIframe,
 } from './rebuild';
 export * from './types';
+// Legacy broad export kept for compatibility. New internal imports should
+// prefer snapshot-utils.ts / rebuild-utils.ts domain entrypoints.
 export * from './utils';
 
 export {
   snapshot,
   serializeNodeWithId,
   rebuild,
+  createSandboxedIframe,
+  rebuildIntoSandboxedIframe,
   buildNodeWithSN,
   adaptCssForReplay,
   createCache,
   transformAttribute,
   ignoreAttribute,
+  slimDOMDefaults,
   visitSnapshot,
   cleanupSnapshot,
   needMaskingText,
diff --git a/packages/rrweb-snapshot/src/rebuild-utils.ts b/packages/rrweb-snapshot/src/rebuild-utils.ts
new file mode 100644
index 00000000..da4a0f67
--- /dev/null
+++ b/packages/rrweb-snapshot/src/rebuild-utils.ts
@@ -0,0 +1,14 @@
+/**
+ * Rebuild-domain utility entrypoint.
+ *
+ * Intent:
+ * - Keep rebuild.ts imports explicit and isolated from snapshot-only helpers.
+ * - Serve as a stable seam for future extraction into rebuild-only modules.
+ * - Preserve current public API behavior by re-exporting from legacy utils.ts.
+ */
+export {
+  isElement,
+  Mirror,
+  isNodeMetaEqual,
+  extractFileExtension,
+} from './utils';
diff --git a/packages/rrweb-snapshot/src/rebuild.ts b/packages/rrweb-snapshot/src/rebuild.ts
index 715922c1..1cad3e65 100644
--- a/packages/rrweb-snapshot/src/rebuild.ts
+++ b/packages/rrweb-snapshot/src/rebuild.ts
@@ -12,7 +12,7 @@ import {
   Mirror,
   isNodeMetaEqual,
   extractFileExtension,
-} from './utils';
+} from './rebuild-utils';
 import { wrapCanvasContextDrawImage } from '@rrweb/utils';
 import postcss from 'postcss';
 
@@ -90,6 +90,107 @@ export function createCache(): BuildCache {
   };
 }
 
+const REBUILD_TARGET_ERROR =
+  'rrweb-snapshot.rebuild() cannot rebuild into an unprotected browser document. Use rebuildIntoSandboxedIframe() or set UNSAFE_allowUnprotectedRebuild: true only when you accept the script-execution risk.';
+const SANDBOXED_IFRAME_ROOT_ERROR =
+  'rrweb-snapshot.createSandboxedIframe() requires root to be connected to a document before creating a sandboxed iframe.';
+
+const sandboxedRebuildDocuments = new WeakSet<Document>();
+
+/**
+ * Options used to rebuild a serialized snapshot into a live document.
+ *
+ * Browser rebuilds are protected by default. Use
+ * `rebuildIntoSandboxedIframe()` or `createSandboxedIframe()` when replaying
+ * untrusted data.
+ */
+type RebuildOptions = {
+  /** Target document that receives the rebuilt nodes. */
+  doc: Document;
+  /** Called after each rebuilt node is created and before it may be appended. */
+  onVisit?: (node: Node) => unknown;
+  /** Adapts CSS selectors for replay-specific hover behavior when enabled. */
+  hackCss?: boolean;
+  /** Called after a rebuilt node is appended to its parent. */
+  afterAppend?: (n: Node, id: number) => unknown;
+  /** Per-rebuild cache for derived snapshot data. */
+  cache: BuildCache;
+  /** Mirror used to associate serialized node ids with rebuilt nodes. */
+  mirror: Mirror;
+  /**
+   * Explicit unsafe opt-out from protected browser rebuild checks.
+   *
+   * Setting this to `true` allows rebuilding directly into an unprotected
+   * browser document and can execute scripts from replay data.
+   */
+  UNSAFE_allowUnprotectedRebuild?: boolean;
+};
+
+/**
+ * Options for creating a sandboxed iframe that is safe for snapshot rebuilds.
+ *
+ * The `root` element must already be connected to a document so the iframe can
+ * create a live `contentDocument`. The helper always sets `sandbox` to exactly
+ * `allow-same-origin`; any caller-provided `sandbox` attribute is ignored.
+ */
+type CreateSandboxedIframeOptions = {
+  /** Connected element that receives the created iframe. */
+  root: Element;
+  /**
+   * Attributes to apply to the iframe before insertion.
+   *
+   * `sandbox` is intentionally excluded and ignored at runtime because this
+   * helper must force the sandbox policy required by protected rebuilds.
+   */
+  iframeAttributes?: Record<string, string> & { sandbox?: never };
+};
+
+/**
+ * Options for rebuilding a serialized snapshot into a new sandboxed iframe.
+ *
+ * Inherits the iframe creation options and the standard rebuild callbacks and
+ * cache options, while choosing the target document internally from the created
+ * iframe. Use this helper for untrusted replay data.
+ */
+type RebuildIntoSandboxedIframeOptions = CreateSandboxedIframeOptions &
+  Omit<RebuildOptions, 'doc' | 'UNSAFE_allowUnprotectedRebuild'>;
+
+function isSupportedSandboxedIframe(
+  frameElement: Element | null,
+): frameElement is HTMLIFrameElement {
+  if (!frameElement || frameElement.tagName !== 'IFRAME') {
+    return false;
+  }
+
+  if (!('sandbox' in frameElement)) {
+    return false;
+  }
+
+  const sandboxTokens = Array.from((frameElement as HTMLIFrameElement).sandbox);
+
+  return sandboxTokens.length === 1 && sandboxTokens[0] === 'allow-same-origin';
+}
+
+function assertRebuildTargetAllowed(options: RebuildOptions): void {
+  if (options.UNSAFE_allowUnprotectedRebuild) {
+    return;
+  }
+
+  const win = options.doc.defaultView;
+  if (!win) {
+    return;
+  }
+
+  if (
+    sandboxedRebuildDocuments.has(options.doc) &&
+    isSupportedSandboxedIframe(win.frameElement)
+  ) {
+    return;
+  }
+
+  throw new Error(REBUILD_TARGET_ERROR);
+}
+
 /**
  * undo splitCssText/markCssSplits
  * (would move to utils.ts but uses `adaptCssForReplay`)
@@ -277,7 +378,11 @@ function buildNode(
           try {
             n.childNodes = []; // value overrides childNodes
           } catch (err: unknown) {
-            console.warn(`Highlight failed to set rrweb text area child nodes ${err}`);
+            console.warn(
+              `Highlight failed to set rrweb text area child nodes ${String(
+                err,
+              )}`,
+            );
           }
           continue;
         }
@@ -617,15 +722,10 @@ function handleScroll(node: Node, mirror: Mirror) {
 
 function rebuild(
   n: serializedNodeWithId,
-  options: {
-    doc: Document;
-    onVisit?: (node: Node) => unknown;
-    hackCss?: boolean;
-    afterAppend?: (n: Node, id: number) => unknown;
-    cache: BuildCache;
-    mirror: Mirror;
-  },
+  options: RebuildOptions,
 ): Node | null {
+  assertRebuildTargetAllowed(options);
+
   const {
     doc,
     onVisit,
@@ -651,4 +751,75 @@ function rebuild(
   return node;
 }
 
+/**
+ * Create and append an iframe configured for protected snapshot rebuilds.
+ *
+ * The `root` option must be connected to a document. The returned iframe is
+ * appended to `root`, tracked as an allowed rebuild target, and forced to use
+ * exactly `sandbox="allow-same-origin"`. A caller-provided `sandbox` attribute
+ * is ignored so replay data cannot weaken or expand the sandbox policy.
+ *
+ * Use this helper, or `rebuildIntoSandboxedIframe()`, when preparing a target
+ * for untrusted replay data.
+ */
+export function createSandboxedIframe(
+  options: CreateSandboxedIframeOptions,
+): HTMLIFrameElement {
+  if (!options.root.isConnected) {
+    throw new Error(SANDBOXED_IFRAME_ROOT_ERROR);
+  }
+
+  const iframe = options.root.ownerDocument.createElement('iframe');
+
+  for (const [name, value] of Object.entries(options.iframeAttributes || {})) {
+    if (name === 'sandbox') {
+      continue;
+    }
+    iframe.setAttribute(name, value);
+  }
+
+  iframe.setAttribute('sandbox', 'allow-same-origin');
+  options.root.appendChild(iframe);
+
+  const doc = iframe.contentDocument;
+  if (!doc || !iframe.contentWindow) {
+    iframe.parentNode?.removeChild(iframe);
+    throw new Error(SANDBOXED_IFRAME_ROOT_ERROR);
+  }
+
+  sandboxedRebuildDocuments.add(doc);
+
+  return iframe;
+}
+
+/**
+ * Rebuild a serialized snapshot into a newly created sandboxed iframe.
+ *
+ * This is the preferred helper for untrusted replay data. It creates an iframe
+ * with `sandbox` forced to exactly `allow-same-origin`, rebuilds into that
+ * iframe's document, and returns both the iframe and rebuilt root node. If the
+ * rebuild fails, the newly appended iframe is removed before the error is
+ * rethrown.
+ */
+export function rebuildIntoSandboxedIframe(
+  n: serializedNodeWithId,
+  options: RebuildIntoSandboxedIframeOptions,
+): { iframe: HTMLIFrameElement; node: Node | null } {
+  const iframe = createSandboxedIframe(options);
+  const doc = iframe.contentDocument!;
+
+  let node: Node | null;
+  try {
+    node = rebuild(n, {
+      ...options,
+      doc,
+    });
+  } catch (error) {
+    iframe.parentNode?.removeChild(iframe);
+    throw error;
+  }
+
+  return { iframe, node };
+}
+
 export default rebuild;
diff --git a/packages/rrweb-snapshot/src/snapshot-utils.ts b/packages/rrweb-snapshot/src/snapshot-utils.ts
new file mode 100644
index 00000000..3e3d8d46
--- /dev/null
+++ b/packages/rrweb-snapshot/src/snapshot-utils.ts
@@ -0,0 +1,25 @@
+/**
+ * Snapshot-domain utility entrypoint.
+ *
+ * Intent:
+ * - Keep snapshot.ts imports explicit and decoupled from rebuild concerns.
+ * - Serve as a stable seam for future extraction into snapshot-only modules.
+ * - Preserve current public API behavior by re-exporting from legacy utils.ts.
+ */
+export {
+  Mirror,
+  is2DCanvasBlank,
+  isElement,
+  isShadowRoot,
+  maskInputValue,
+  obfuscateText,
+  shouldObfuscateTextByDefault,
+  isElementSrcBlocked,
+  isNativeShadowDom,
+  stringifyStylesheet,
+  getInputType,
+  toLowerCase,
+  extractFileExtension,
+  absolutifyURLs,
+  markCssSplits,
+} from './utils';
diff --git a/packages/rrweb-snapshot/src/snapshot.ts b/packages/rrweb-snapshot/src/snapshot.ts
index 4154248b..e28e67d3 100644
--- a/packages/rrweb-snapshot/src/snapshot.ts
+++ b/packages/rrweb-snapshot/src/snapshot.ts
@@ -34,7 +34,7 @@ import {
   absolutifyURLs,
   markCssSplits,
   isElementSrcBlocked,
-} from './utils';
+} from './snapshot-utils';
 import dom from '@rrweb/utils';
 
 let _id = 1;
@@ -194,10 +194,7 @@ export function transformAttribute(
   } else if (name === 'xlink:href' && value[0] !== '#') {
     // xlink:href starts with # is an id pointer
     return absoluteToDoc(doc, value);
-  } else if (
-    name === 'background' &&
-    (tagName === 'table' || tagName === 'td' || tagName === 'th')
-  ) {
+  } else if (name === 'background' && ['table', 'td', 'th'].includes(tagName)) {
     return absoluteToDoc(doc, value);
   } else if (name === 'srcset') {
     return getAbsoluteSrcsetString(doc, value);
@@ -216,7 +213,7 @@ export function ignoreAttribute(
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   _value: unknown,
 ): boolean {
-  return (tagName === 'video' || tagName === 'audio') && name === 'autoplay';
+  return ['video', 'audio'].includes(tagName) && name === 'autoplay';
 }
 
 export function _isBlockedElement(
@@ -669,7 +666,7 @@ function serializeElementNode(
     }
   }
   // form fields
-  if (tagName === 'input' || tagName === 'textarea' || tagName === 'select') {
+  if (['input', 'textarea', 'select'].includes(tagName)) {
     const value = (n as HTMLInputElement | HTMLTextAreaElement).value;
     const checked = (n as HTMLInputElement).checked;
     if (
@@ -796,7 +793,7 @@ function serializeElementNode(
     else image.addEventListener('load', recordInlineImage);
   }
   // media elements
-  if (tagName === 'audio' || tagName === 'video') {
+  if (['audio', 'video'].includes(tagName)) {
     const mediaAttributes = attributes as mediaAttributes;
     mediaAttributes.rr_mediaState = (n as HTMLMediaElement).paused
       ? 'paused'
@@ -916,6 +913,32 @@ function lowerIfExists(
   }
 }
 
+export function slimDOMDefaults(
+  _slimDOMOptions: SlimDOMOptions | 'all' | true | false | undefined,
+) {
+  if (_slimDOMOptions === true || _slimDOMOptions === 'all') {
+    // if true: set of sensible options that should not throw away any information
+    return {
+      script: true,
+      comment: true,
+      headFavicon: true,
+      headWhitespace: true,
+      headMetaSocial: true,
+      headMetaRobots: true,
+      headMetaHttpEquiv: true,
+      headMetaVerification: true,
+      // the following are off for slimDOMOptions === true,
+      // as they destroy some (hidden) info:
+      headMetaAuthorship: _slimDOMOptions === 'all',
+      headMetaDescKeywords: _slimDOMOptions === 'all',
+      headTitleMutations: _slimDOMOptions === 'all',
+    };
+  } else if (_slimDOMOptions) {
+    return _slimDOMOptions;
+  }
+  return {};
+}
+
 function slimDOMExcluded(
   sn: serializedNode,
   slimDOMOptions: SlimDOMOptions,
@@ -1436,24 +1459,8 @@ function snapshot(
           password: true,
         }
       : maskAllInputs;
-  const slimDOMOptions: SlimDOMOptions =
-    slimDOM || (slimDOM as unknown) === 'all'
-      ? // if true: set of sensible options that should not throw away any information
-        {
-          script: true,
-          comment: true,
-          headFavicon: true,
-          headWhitespace: true,
-          headMetaDescKeywords: (slimDOM as unknown) === 'all', // destructive
-          headMetaSocial: true,
-          headMetaRobots: true,
-          headMetaHttpEquiv: true,
-          headMetaAuthorship: true,
-          headMetaVerification: true,
-        }
-      : !slimDOM
-      ? {}
-      : slimDOM;
+  const slimDOMOptions = slimDOMDefaults(slimDOM);
+
   return serializeNodeWithId(n, {
     doc: n,
     mirror,
diff --git a/packages/rrweb-snapshot/src/utils.ts b/packages/rrweb-snapshot/src/utils.ts
index 38ff72a2..071267c7 100644
--- a/packages/rrweb-snapshot/src/utils.ts
+++ b/packages/rrweb-snapshot/src/utils.ts
@@ -1,3 +1,15 @@
+/**
+ * Legacy shared utility module.
+ *
+ * This file currently contains helpers used by both snapshot and rebuild paths
+ * and is also part of the public API surface, re-exported from index.ts.
+ *
+ * Migration intent:
+ * - snapshot.ts should consume snapshot-domain helpers via snapshot-utils.ts
+ * - rebuild.ts should consume rebuild-domain helpers via rebuild-utils.ts
+ * - when safe, split internals into snapshot-only / rebuild-only / shared
+ *   modules while keeping this module as a compatibility shim for external users
+ */
 import type {
   idNodeMap,
   MaskInputFn,
@@ -118,9 +130,9 @@ export function stringifyStylesheet(s: CSSStyleSheet): string | null {
       return null;
     }
     let sheetHref = s.href;
-    if (!sheetHref && s.ownerNode && s.ownerNode.ownerDocument) {
+    if (!sheetHref && s.ownerNode) {
       // an inline <style> element
-      sheetHref = s.ownerNode.ownerDocument.location.href;
+      sheetHref = s.ownerNode.baseURI;
     }
     const stringifiedRules = Array.from(rules, (rule: CSSRule) =>
       stringifyRule(rule, sheetHref),
@@ -250,14 +262,14 @@ export function createMirror(): Mirror {
 /* Start of Highlight Code */
 // overwritten from rrweb
 export function maskInputValue({
-                                 element,
-                                 maskInputOptions,
-                                 tagName,
-                                 type,
-                                 value,
-                                 overwriteRecord,
-                                 maskInputFn,
-                               }: {
+  element,
+  maskInputOptions,
+  tagName,
+  type,
+  value,
+  overwriteRecord,
+  maskInputFn,
+}: {
   element: HTMLElement;
   maskInputOptions: MaskInputOptions;
   tagName: string;
@@ -273,7 +285,7 @@ export function maskInputValue({
       maskInputOptions,
       tagName,
       type,
-      overwriteRecord
+      overwriteRecord,
     })
   ) {
     if (maskInputFn) {
@@ -437,8 +449,10 @@ export function absolutifyURLs(cssText: string | null, href: string): string {
           extractOrigin(href) + filePath
         }${maybeQuote})`;
       }
-      const stack = href.split('/');
-      const parts = filePath.split('/');
+      const filePathNoHash = filePath.split('#')[0];
+      const maybeHash = filePath.substring(filePathNoHash.length);
+      const stack = href.split('#')[0].split('/');
+      const parts = filePathNoHash.split('/');
       stack.pop();
       for (const part of parts) {
         if (part === '.') {
@@ -449,7 +463,7 @@ export function absolutifyURLs(cssText: string | null, href: string): string {
           stack.push(part);
         }
       }
-      return `url(${maybeQuote}${stack.join('/')}${maybeQuote})`;
+      return `url(${maybeQuote}${stack.join('/')}${maybeHash}${maybeQuote})`;
     },
   );
 }
@@ -617,7 +631,9 @@ export function obfuscateText(text: string): string {
       ?.split(' ')
       .map((word) => {
         if (!word) return '';
-        return Math.random().toString(20).substring(2, word.length + 2)
+        return Math.random()
+          .toString(20)
+          .substring(2, word.length + 2);
       })
       .join(' ') || '';
   return text;
diff --git a/packages/rrweb-snapshot/test/__snapshots__/integration.test.ts.snap b/packages/rrweb-snapshot/test/__snapshots__/integration.test.ts.snap
index 9daeb26c..4a5184d2 100644
--- a/packages/rrweb-snapshot/test/__snapshots__/integration.test.ts.snap
+++ b/packages/rrweb-snapshot/test/__snapshots__/integration.test.ts.snap
@@ -446,21 +446,6 @@ exports[`integration tests > [html file]: invalid-tagname.html 1`] = `
 </body></html>"
 `;
 
-exports[`integration tests > [html file]: mask-text.html 1`] = `
-"<!DOCTYPE html><html lang=\\"en\\"><head>
-    <meta charset=\\"UTF-8\\" />
-    <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" />
-    <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" />
-    <title>Document</title>
-  </head>  <body>
-    <p class=\\"highlight-mask\\">**** *</p>
-    <div class=\\"highlight-mask\\">
-      <span>**** *</span>
-    </div>
-    <div class=\\"highlight-mask\\">**** *</div>
-  </body></html>"
-`;
-
 exports[`integration tests > [html file]: picture.html 1`] = `
 "<html xmlns=\\"http://www.w3.org/1999/xhtml\\"><head></head><body>
     <picture>
diff --git a/packages/rrweb-snapshot/test/integration.test.ts b/packages/rrweb-snapshot/test/integration.test.ts
index 1cc6acff..4ca5a333 100644
--- a/packages/rrweb-snapshot/test/integration.test.ts
+++ b/packages/rrweb-snapshot/test/integration.test.ts
@@ -123,6 +123,10 @@ describe('integration tests', function (this: ISuite) {
     }
     // monkey patching breaks rebuild code
     if (html.filePath.includes('monkey-patched-elements.html')) continue;
+    // the fork's default-privacy obfuscation (obfuscateText) produces
+    // randomized text that can never match a fixed snapshot; masking is
+    // covered deterministically in utils.test.ts
+    if (html.filePath.includes('mask-text.html')) continue;
 
     const title = '[html file]: ' + html.filePath;
     it(title, async () => {
@@ -163,7 +167,7 @@ describe('integration tests', function (this: ISuite) {
         (await page.evaluate(`${code}
         const x = new XMLSerializer();
         const snap = rrwebSnapshot.snapshot(document);
-        let out = x.serializeToString(rrwebSnapshot.rebuild(snap, { doc: document }));
+        let out = x.serializeToString(rrwebSnapshot.rebuild(snap, { doc: document, UNSAFE_allowUnprotectedRebuild: true }));
         if (document.querySelector('html').getAttribute('xmlns') !== 'http://www.w3.org/1999/xhtml') {
           // this is just an artefact of serializeToString
           out = out.replace(' xmlns=\"http://www.w3.org/1999/xhtml\"', '');
@@ -205,13 +209,14 @@ describe('integration tests', function (this: ISuite) {
     );
     const rebuildRenderedHeight = await page.evaluate(`${code}
 const snap = rrwebSnapshot.snapshot(document);
-const iframe = document.createElement('iframe');
-iframe.setAttribute('width', document.body.clientWidth)
-iframe.setAttribute('height', document.body.clientHeight)
+const { iframe } = rrwebSnapshot.rebuildIntoSandboxedIframe(snap, {
+  root: document.body,
+  iframeAttributes: {
+    width: document.body.clientWidth,
+    height: document.body.clientHeight,
+  },
+});
 iframe.style.transform = 'scale(0.3)'; // mini-me
-document.body.appendChild(iframe);
-// magic here! rebuild in a new iframe
-const rebuildNode = rrwebSnapshot.rebuild(snap, { doc: iframe.contentDocument })[0];
 iframe.contentDocument.querySelector('center').clientHeight
 `);
     const rebuildCompatMode = await page.evaluate(
diff --git a/packages/rrweb-snapshot/test/monkey-patched.test.ts b/packages/rrweb-snapshot/test/monkey-patched.test.ts
new file mode 100644
index 00000000..10b8ea0f
--- /dev/null
+++ b/packages/rrweb-snapshot/test/monkey-patched.test.ts
@@ -0,0 +1,138 @@
+/**
+ * WebKit (Safari engine) test for monkey-patched DOM methods.
+ *
+ * Puppeteer/Chromium tests don't cover Safari-specific behaviour around
+ * Object.getOwnPropertyDescriptor on built-in prototypes.  Run with:
+ *
+ *   yarn test:webkit
+ *
+ * Requires the playwright WebKit browser to be installed:
+ *   npx playwright install webkit
+ */
+import * as fs from 'fs';
+import * as http from 'http';
+import * as path from 'path';
+import * as url from 'url';
+import { chromium, webkit, Browser, Page } from 'playwright';
+const browserType = process.env.BROWSER === 'webkit' ? webkit : chromium;
+import { afterAll, beforeAll, describe, expect, it, vi } from 'vitest';
+
+const __dirname = path.dirname(url.fileURLToPath(import.meta.url));
+
+function startServer(defaultPort = 3035): Promise<http.Server> {
+  return new Promise((resolve) => {
+    const mimeType: Record<string, string> = {
+      '.html': 'text/html',
+      '.js': 'text/javascript',
+      '.css': 'text/css',
+      '.png': 'image/png',
+    };
+    const s = http.createServer((req, res) => {
+      const parsedUrl = url.parse(req.url!);
+      const sanitizePath = path
+        .normalize(parsedUrl.pathname!)
+        .replace(/^(\.\.[\/\\])+/, '');
+      const pathname = path.join(__dirname, sanitizePath);
+      try {
+        const data = fs.readFileSync(pathname);
+        const ext = path.parse(pathname).ext;
+        res.setHeader('Content-type', mimeType[ext] || 'text/plain');
+        res.setHeader('Access-Control-Allow-Origin', '*');
+        res.end(data);
+      } catch {
+        res.end();
+      }
+    });
+    s.listen(defaultPort)
+      .on('listening', () => resolve(s))
+      .on('error', () => {
+        s.listen().on('listening', () => resolve(s));
+      });
+  });
+}
+
+function getServerURL(server: http.Server): string {
+  const address = server.address();
+  return address && typeof address !== 'string'
+    ? `http://localhost:${address.port}`
+    : String(address);
+}
+
+async function waitForRAF(page: Page): Promise<void> {
+  await page.evaluate(
+    () =>
+      new Promise<void>((resolve) => {
+        requestAnimationFrame(() => requestAnimationFrame(() => resolve()));
+      }),
+  );
+}
+
+describe('WebKit: monkey-patched DOM methods', () => {
+  vi.setConfig({ testTimeout: 30_000 });
+
+  let server: http.Server;
+  let serverURL: string;
+  let browser: Browser;
+  let code: string;
+
+  beforeAll(async () => {
+    server = await startServer();
+    serverURL = getServerURL(server);
+    browser = await browserType.launch();
+    code = fs.readFileSync(
+      path.resolve(__dirname, '../dist/rrweb-snapshot.umd.cjs'),
+      'utf-8',
+    );
+  });
+
+  afterAll(async () => {
+    await browser.close();
+    await server.close();
+  });
+
+  it('should snapshot without error when childNodes, contains, getRootNode and MutationObserver are monkey-patched', async () => {
+    const page = await browser.newPage();
+    page.on('console', (msg) => console.log('[webkit]', msg.text()));
+    page.on('pageerror', (err) => {
+      throw new Error(`Uncaught page error: ${err.message}`);
+    });
+
+    await page.goto(`${serverURL}/html/monkey-patched-elements.html`, {
+      waitUntil: 'load',
+    });
+    await waitForRAF(page);
+
+    // Verify the monkey-patch is actually in effect in this browser engine.
+    // If WebKit silently ignores Object.defineProperty on Node.prototype,
+    // the rest of this test is meaningless as a regression check.
+    const patchActive = await page.evaluate(`
+      (() => {
+        try { document.body.childNodes; return false; }
+        catch(e) { return e.message.includes('hijacked'); }
+      })()
+    `);
+    expect(patchActive).toBe(true);
+
+    const snapshotJSON = await page.evaluate(`
+      ${code};
+      JSON.stringify(rrwebSnapshot.snapshot(document), null, 2);
+    `);
+
+    expect(typeof snapshotJSON).toBe('string');
+    const snap = JSON.parse(snapshotJSON as string);
+    expect(snap).not.toBeNull();
+
+    // The ul > li structure must have been traversed successfully via the
+    // reverse-monkey-patched childNodes accessor.  If the fix doesn't work in
+    // WebKit, snapshot() will throw or return a tree with missing li nodes.
+    const raw = snapshotJSON as string;
+    expect(raw).toContain('"tagName": "ul"');
+    expect(raw).toContain('"tagName": "li"');
+    // All four list items must appear
+    for (const letter of ['a', 'b', 'c', 'd']) {
+      expect(raw).toContain(`"textContent": "${letter}"`);
+    }
+
+    await page.close();
+  });
+});
diff --git a/packages/rrweb-snapshot/test/rebuild.test.ts b/packages/rrweb-snapshot/test/rebuild.test.ts
index e72c466f..c90b3aa9 100644
--- a/packages/rrweb-snapshot/test/rebuild.test.ts
+++ b/packages/rrweb-snapshot/test/rebuild.test.ts
@@ -4,10 +4,12 @@
 import * as fs from 'fs';
 import * as path from 'path';
 import { beforeEach, describe, expect as _expect, it, vi } from 'vitest';
-import {
+import rebuild, {
   adaptCssForReplay,
   buildNodeWithSN,
   createCache,
+  createSandboxedIframe,
+  rebuildIntoSandboxedIframe,
 } from '../src/rebuild';
 import { NodeType } from '@rrweb/types';
 import { createMirror, Mirror, normalizeCssString } from '../src/utils';
@@ -47,6 +49,343 @@ describe('rebuild', function () {
     cache = createCache();
   });
 
+  const simpleSnapshot = {
+    id: 1,
+    type: NodeType.Document,
+    childNodes: [
+      {
+        id: 2,
+        type: NodeType.Element,
+        tagName: 'html',
+        attributes: {},
+        childNodes: [
+          {
+            id: 3,
+            type: NodeType.Element,
+            tagName: 'body',
+            attributes: {},
+            childNodes: [],
+          },
+        ],
+      },
+    ],
+  } as const;
+
+  function setIframeSandbox(iframe: HTMLIFrameElement, sandbox: string): void {
+    const tokens = sandbox.trim().split(/\s+/).filter(Boolean);
+    iframe.setAttribute('sandbox', sandbox);
+    Object.defineProperty(iframe, 'sandbox', {
+      configurable: true,
+      value: {
+        length: tokens.length,
+        contains: (token: string) => tokens.includes(token),
+        item: (index: number) => tokens[index] ?? null,
+        toString: () => sandbox,
+        [Symbol.iterator]: () => tokens[Symbol.iterator](),
+      },
+    });
+  }
+
+  function mockCreatedIframeSandboxDomApi(
+    onIframe?: (iframe: HTMLIFrameElement) => void,
+  ): () => void {
+    const createElement = document.createElement.bind(document);
+    const getTokens = (iframe: HTMLIFrameElement) =>
+      (iframe.getAttribute('sandbox') || '')
+        .trim()
+        .split(/\s+/)
+        .filter(Boolean);
+    const spy = vi.spyOn(document, 'createElement').mockImplementation(((
+      tagName: string,
+      options?: ElementCreationOptions,
+    ) => {
+      const element = createElement(tagName, options);
+      if (tagName.toLowerCase() === 'iframe') {
+        const iframe = element as HTMLIFrameElement;
+        Object.defineProperty(iframe, 'sandbox', {
+          configurable: true,
+          value: {
+            get length() {
+              return getTokens(iframe).length;
+            },
+            contains: (token: string) => getTokens(iframe).includes(token),
+            item: (index: number) => getTokens(iframe)[index] ?? null,
+            toString: () => iframe.getAttribute('sandbox') || '',
+            [Symbol.iterator]: () => getTokens(iframe)[Symbol.iterator](),
+          },
+        });
+        onIframe?.(iframe);
+      }
+      return element;
+    }) as typeof document.createElement);
+
+    return () => spy.mockRestore();
+  }
+
+  describe('browser rebuild target guard', () => {
+    it('throws when rebuilding into the top-level browser document', () => {
+      expect(() =>
+        rebuild(simpleSnapshot, {
+          doc: document,
+          cache,
+          mirror,
+        }),
+      ).toThrow(
+        'rrweb-snapshot.rebuild() cannot rebuild into an unprotected browser document',
+      );
+    });
+
+    it('throws for caller-supplied iframe documents even with exactly allow-same-origin sandbox', () => {
+      const iframe = document.createElement('iframe');
+      setIframeSandbox(iframe, 'allow-same-origin');
+      document.body.appendChild(iframe);
+
+      expect(() =>
+        rebuild(simpleSnapshot, {
+          doc: iframe.contentDocument!,
+          cache,
+          mirror,
+        }),
+      ).toThrow(
+        'rrweb-snapshot.rebuild() cannot rebuild into an unprotected browser document',
+      );
+
+      iframe.remove();
+    });
+
+    it('allows rebuilding into an iframe document created by createSandboxedIframe', () => {
+      const root = document.createElement('div');
+      document.body.appendChild(root);
+      const restoreCreateElement = mockCreatedIframeSandboxDomApi();
+
+      try {
+        const iframe = createSandboxedIframe({
+          root,
+        });
+
+        const node = rebuild(simpleSnapshot, {
+          doc: iframe.contentDocument!,
+          cache,
+          mirror,
+        });
+
+        expect(root.contains(iframe)).toBe(true);
+        expect(iframe.getAttribute('sandbox')).toBe('allow-same-origin');
+        expect(node).toBe(iframe.contentDocument);
+      } finally {
+        restoreCreateElement();
+        root.remove();
+      }
+    });
+
+    it('throws for sandbox policies other than exactly allow-same-origin', () => {
+      for (const sandbox of [
+        '',
+        'allow-scripts',
+        'allow-same-origin allow-scripts',
+        'allow-same-origin allow-forms',
+      ]) {
+        const root = document.createElement('div');
+        document.body.appendChild(root);
+        const restoreCreateElement = mockCreatedIframeSandboxDomApi();
+
+        try {
+          const iframe = createSandboxedIframe({
+            root,
+          });
+          setIframeSandbox(iframe, sandbox);
+
+          expect(() =>
+            rebuild(simpleSnapshot, {
+              doc: iframe.contentDocument!,
+              cache: createCache(),
+              mirror: createMirror(),
+            }),
+          ).toThrow(
+            'rrweb-snapshot.rebuild() cannot rebuild into an unprotected browser document',
+          );
+        } finally {
+          restoreCreateElement();
+          root.remove();
+        }
+      }
+    });
+
+    it('throws when only a raw sandbox attribute is present without the sandbox DOM API', () => {
+      const iframe = document.createElement('iframe');
+      iframe.setAttribute('sandbox', 'allow-same-origin');
+
+      const iframePrototype = Object.getPrototypeOf(iframe);
+      const sandboxDescriptor = Object.getOwnPropertyDescriptor(
+        iframePrototype,
+        'sandbox',
+      );
+      if (sandboxDescriptor) {
+        delete iframePrototype.sandbox;
+      }
+
+      try {
+        expect('sandbox' in iframe).toBe(false);
+        document.body.appendChild(iframe);
+
+        expect(() =>
+          rebuild(simpleSnapshot, {
+            doc: iframe.contentDocument!,
+            cache: createCache(),
+            mirror: createMirror(),
+          }),
+        ).toThrow(
+          'rrweb-snapshot.rebuild() cannot rebuild into an unprotected browser document',
+        );
+      } finally {
+        iframe.remove();
+        if (sandboxDescriptor) {
+          Object.defineProperty(iframePrototype, 'sandbox', sandboxDescriptor);
+        }
+      }
+    });
+
+    it('allows an unprotected rebuild when the caller explicitly opts out', () => {
+      const node = rebuild(simpleSnapshot, {
+        doc: document,
+        cache,
+        mirror,
+        UNSAFE_allowUnprotectedRebuild: true,
+      });
+
+      expect(node).toBe(document);
+    });
+
+    it('allows rebuilding into a document without a defaultView', () => {
+      const detachedDocument = document.implementation.createDocument(
+        null,
+        '',
+        null,
+      );
+
+      expect(detachedDocument.defaultView).toBeNull();
+
+      const node = rebuild(
+        {
+          id: 4,
+          type: NodeType.Element,
+          tagName: 'div',
+          attributes: {},
+          childNodes: [],
+        },
+        {
+          doc: detachedDocument,
+          cache,
+          mirror,
+        },
+      );
+
+      expect(node).toBeInstanceOf(Element);
+      expect(node?.ownerDocument).toBe(detachedDocument);
+    });
+
+    it('rebuildIntoSandboxedIframe creates a fresh sandboxed iframe in the required root', () => {
+      const root = document.createElement('div');
+      document.body.appendChild(root);
+      const restoreCreateElement = mockCreatedIframeSandboxDomApi();
+
+      try {
+        const { iframe, node } = rebuildIntoSandboxedIframe(simpleSnapshot, {
+          root,
+          cache,
+          mirror,
+        });
+
+        expect(root.contains(iframe)).toBe(true);
+        expect(iframe.getAttribute('sandbox')).toBe('allow-same-origin');
+        expect(node).toBe(iframe.contentDocument);
+        expect(iframe.contentDocument!.querySelector('body')).not.toBeNull();
+      } finally {
+        restoreCreateElement();
+        root.remove();
+      }
+    });
+
+    it('rebuildIntoSandboxedIframe does not allow callers to override sandbox', () => {
+      const root = document.createElement('div');
+      document.body.appendChild(root);
+      const restoreCreateElement = mockCreatedIframeSandboxDomApi();
+
+      try {
+        const { iframe } = rebuildIntoSandboxedIframe(simpleSnapshot, {
+          root,
+          cache,
+          mirror,
+          iframeAttributes: {
+            sandbox: 'allow-same-origin allow-scripts',
+            title: 'Replay',
+          } as Record<string, string>,
+        });
+
+        expect(iframe.getAttribute('sandbox')).toBe('allow-same-origin');
+        expect(iframe.getAttribute('title')).toBe('Replay');
+      } finally {
+        restoreCreateElement();
+        root.remove();
+      }
+    });
+
+    it('rebuildIntoSandboxedIframe removes the iframe when rebuild throws', () => {
+      const root = document.createElement('div');
+      document.body.appendChild(root);
+      let createdIframe: HTMLIFrameElement | undefined;
+      const restoreCreateElement = mockCreatedIframeSandboxDomApi((iframe) => {
+        document.body.appendChild(iframe);
+        createdIframe = iframe;
+      });
+
+      try {
+        expect(() =>
+          rebuildIntoSandboxedIframe(simpleSnapshot, {
+            root,
+            cache,
+            mirror,
+            afterAppend: () => {
+              throw new Error('after append failed');
+            },
+          }),
+        ).toThrow('after append failed');
+
+        expect(createdIframe).toBeDefined();
+        expect(root.contains(createdIframe!)).toBe(false);
+      } finally {
+        restoreCreateElement();
+        root.remove();
+      }
+    });
+
+    it('createSandboxedIframe rejects a detached root without appending an iframe', () => {
+      const root = document.createElement('div');
+
+      expect(() =>
+        createSandboxedIframe({
+          root,
+        }),
+      ).toThrow('root to be connected to a document');
+
+      expect(root.querySelector('iframe')).toBeNull();
+    });
+
+    it('rebuildIntoSandboxedIframe rejects a detached root without appending an iframe', () => {
+      const root = document.createElement('div');
+
+      expect(() =>
+        rebuildIntoSandboxedIframe(simpleSnapshot, {
+          root,
+          cache,
+          mirror,
+        }),
+      ).toThrow('root to be connected to a document');
+
+      expect(root.querySelector('iframe')).toBeNull();
+    });
+  });
+
   describe('rr_dataURL', function () {
     it('should rebuild dataURL', function () {
       const dataURI =
diff --git a/packages/rrweb-snapshot/test/snapshot.test.ts b/packages/rrweb-snapshot/test/snapshot.test.ts
index 794a9bee..84ce187e 100644
--- a/packages/rrweb-snapshot/test/snapshot.test.ts
+++ b/packages/rrweb-snapshot/test/snapshot.test.ts
@@ -48,6 +48,12 @@ describe('absolute url to stylesheet', () => {
     );
   });
 
+  it('can handle hashes', () => {
+    expect(absolutifyURLs('url("../a.jpg#c/d")', href + '#e/f')).toEqual(
+      `url("http://localhost/a.jpg#c/d")`,
+    );
+  });
+
   it('can handle absolute path', () => {
     expect(absolutifyURLs('url("/a.jpg")', href)).toEqual(
       `url("http://localhost/a.jpg")`,
diff --git a/packages/rrweb-snapshot/test/utils.test.ts b/packages/rrweb-snapshot/test/utils.test.ts
index 0a82d8c1..f4b68245 100644
--- a/packages/rrweb-snapshot/test/utils.test.ts
+++ b/packages/rrweb-snapshot/test/utils.test.ts
@@ -7,6 +7,7 @@ import {
   extractFileExtension,
   fixSafariColons,
   isNodeMetaEqual,
+  stringifyStylesheet,
 } from '../src/utils';
 import { NodeType } from '@rrweb/types';
 import type { serializedNode, serializedNodeWithId } from '@rrweb/types';
@@ -280,4 +281,49 @@ describe('utils', () => {
       expect(out3).toEqual('[data-aa\\:other] { color: red; }');
     });
   });
+
+  describe('stringifyStylesheet', () => {
+    it('returns null if rules are missing', () => {
+      const mockSheet = {
+        rules: null,
+        cssRules: null,
+      } as unknown as CSSStyleSheet;
+      expect(stringifyStylesheet(mockSheet)).toBeNull();
+    });
+
+    it('stringifies rules using .cssRules if .rules is missing', () => {
+      const mockRule1 = { cssText: 'div { margin: 0; }' } as CSSRule;
+      const mockSheet = {
+        cssRules: [mockRule1],
+        href: 'https://example.com/main.css',
+      } as unknown as CSSStyleSheet;
+      expect(stringifyStylesheet(mockSheet)).toBe('div { margin: 0; }');
+    });
+
+    it('uses ownerNode.baseURI for inline styles', () => {
+      const mockFontFaceRule = {
+        cssText: `
+          @font-face {
+            font-family: 'MockFont';
+            src: url('../fonts/mockfont.woff2') format('woff2');
+            font-weight: normal;
+            font-style: normal;
+          }
+        `,
+      } as CSSRule;
+      const mockOwnerNode = {
+        baseURI: 'https://example.com/fonts/',
+      } as unknown as Node;
+      const mockSheet = {
+        cssRules: [mockFontFaceRule],
+        href: null,
+        ownerNode: mockOwnerNode,
+      } as unknown as CSSStyleSheet;
+      expect(
+        stringifyStylesheet(mockSheet)?.replace(/\s+/g, ' ').trim(),
+      ).toEqual(
+        "@font-face { font-family: 'MockFont'; src: url('https://example.com/fonts/mockfont.woff2') format('woff2'); font-weight: normal; font-style: normal; }",
+      );
+    });
+  });
 });
diff --git a/packages/rrweb-snapshot/vitest.config.ts b/packages/rrweb-snapshot/vitest.config.ts
index 1b5a8b7e..e0923da6 100644
--- a/packages/rrweb-snapshot/vitest.config.ts
+++ b/packages/rrweb-snapshot/vitest.config.ts
@@ -1,5 +1,5 @@
 /// <reference types="vitest" />
-import { defineProject, mergeConfig } from 'vitest/config';
+import { configDefaults, defineProject, mergeConfig } from 'vitest/config';
 import configShared from '../../vitest.config.ts';
 
 export default mergeConfig(
@@ -7,6 +7,7 @@ export default mergeConfig(
   defineProject({
     test: {
       globals: true,
+      exclude: [...configDefaults.exclude, 'test/monkey-patched.test.ts'],
     },
   }),
 );
diff --git a/packages/rrweb-snapshot/vitest.config.webkit.ts b/packages/rrweb-snapshot/vitest.config.webkit.ts
new file mode 100644
index 00000000..34e55806
--- /dev/null
+++ b/packages/rrweb-snapshot/vitest.config.webkit.ts
@@ -0,0 +1,13 @@
+/// <reference types="vitest" />
+import { defineProject, mergeConfig } from 'vitest/config';
+import configShared from '../../vitest.config.ts';
+
+export default mergeConfig(
+  configShared,
+  defineProject({
+    test: {
+      globals: true,
+      include: ['test/monkey-patched.test.ts'],
+    },
+  }),
+);
diff --git a/packages/rrweb/.eslintrc.cjs b/packages/rrweb/.eslintrc.cjs
new file mode 100644
index 00000000..2262f5b5
--- /dev/null
+++ b/packages/rrweb/.eslintrc.cjs
@@ -0,0 +1,12 @@
+// Cross-package types resolve through the @highlight-run-aliased d.ts files
+// (see vite.config.default.ts / tsconfig.base.json), which degrades some
+// imported types to `any` and duplicates type identities. The unsafe-* family
+// produces false positives on such code, so report it without failing lint.
+module.exports = {
+  rules: {
+    '@typescript-eslint/no-unsafe-assignment': 'warn',
+    '@typescript-eslint/no-unsafe-argument': 'warn',
+    '@typescript-eslint/no-unsafe-member-access': 'warn',
+    '@typescript-eslint/no-unsafe-call': 'warn',
+  },
+};
diff --git a/packages/rrweb/CHANGELOG.md b/packages/rrweb/CHANGELOG.md
index c9b5d6f7..08b73cac 100644
--- a/packages/rrweb/CHANGELOG.md
+++ b/packages/rrweb/CHANGELOG.md
@@ -1,5 +1,408 @@
 # rrweb
 
+## 2.0.1
+
+### Patch Changes
+
+- [#1854](https://github.com/rrweb-io/rrweb/pull/1854) [`5f52d63`](https://github.com/rrweb-io/rrweb/commit/5f52d63636b3246bd5b6ba99a93cba41c5d981cb) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Fix broken MutationObserver in Webkit/Safari when a webpage has been monkey patched by a 3rd party library
+
+- Updated dependencies [[`5f52d63`](https://github.com/rrweb-io/rrweb/commit/5f52d63636b3246bd5b6ba99a93cba41c5d981cb)]:
+  - rrweb-snapshot@2.0.1
+  - @rrweb/utils@2.0.1
+  - rrdom@2.0.1
+  - @rrweb/types@2.0.1
+
+## 2.0.0
+
+### Major Changes
+
+- [#1497](https://github.com/rrweb-io/rrweb/pull/1497) [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf) Thanks [@Juice10](https://github.com/Juice10)! - Split plugins out of rrweb and move them into their own packages: @rrweb/packer, @rrweb/rrweb-plugin-canvas-webrtc-record, @rrweb/rrweb-plugin-canvas-webrtc-replay, @rrweb/rrweb-plugin-sequential-id-record, @rrweb/rrweb-plugin-sequential-id-replay, @rrweb/rrweb-plugin-console-record, @rrweb/rrweb-plugin-console-replay. Check out the README of each package for more information or check out https://github.com/rrweb-io/rrweb/pull/1033 to see the changes.
+
+- [#1497](https://github.com/rrweb-io/rrweb/pull/1497) [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf) Thanks [@Juice10](https://github.com/Juice10)! - Distributed files have new filenames, paths and extensions. **Important: If you reference distributed files or types directly, you might have to update your paths/filenames. E.g. you import from `rrweb/typings/...` or `rrdom/es`. However you run `import rrweb from 'rrweb'` you won't notice a difference with this change.** If you include rrweb files directly in a script tag, you might have to update that path to include a the `.umd.cjs` files instead. All `.js` files now use ES modules which can be used in modern browsers, node.js and bundlers that support ES modules. All npm packages now also ship `.cjs` and `.umd.cjs` files. The `.umd.cjs` files are CommonJS modules that bundle all files together to make it easy to ship one file to browser environments (similar to the previous `.js` files). The `.cjs` files are CommonJS modules that can be used in older Node.js environments. Types should be better defined in `package.json` and if you need specific types they might be exported from new packages (for example `PlayerMachineState` and `SpeedMachineState` are now exported from `@rrweb/replay`). Check the `package.json`'s `main` and `exports` field for the available files.
+
+- [#1497](https://github.com/rrweb-io/rrweb/pull/1497) [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf) Thanks [@Juice10](https://github.com/Juice10)! - Remove the rrweb-all.js, rrweb-record.js, and rrweb-replay.js files from `rrweb` package. Now you can use `@rrweb/all`, `@rrweb/record`, and `@rrweb/replay` packages instead. Check out the README of each package for more information or check out [PR #1033](https://github.com/rrweb-io/rrweb/pull/1033) to see the changes.
+
+- [#1031](https://github.com/rrweb-io/rrweb/pull/1031) [`ad9bc3e`](https://github.com/rrweb-io/rrweb/commit/ad9bc3ed16d9172490bd8350c6922e3726a7f585) Thanks [@Juice10](https://github.com/Juice10)! - Move shared rrweb event and recorder types into the new `@rrweb/types` package.
+
+- [#868](https://github.com/rrweb-io/rrweb/pull/868) [`e4f680e`](https://github.com/rrweb-io/rrweb/commit/e4f680e8f52210596cd68d17f8d54eb8a0d8e65c) Thanks [@Juice10](https://github.com/Juice10)! - Remove `INode` / `node.__sn` usage and use `Mirror` as the source of truth.
+
+- [#913](https://github.com/rrweb-io/rrweb/pull/913) [`74f553a`](https://github.com/rrweb-io/rrweb/commit/74f553af9241c32a028ee60335a640b3ea2a27d5) Thanks [@Yuyz0112](https://github.com/Yuyz0112)! - Move browser-only rrdom features into the new `rrdom` package.
+
+### Minor Changes
+
+- [#1129](https://github.com/rrweb-io/rrweb/pull/1129) [`979d2b1`](https://github.com/rrweb-io/rrweb/commit/979d2b1847a3d05e2731722952e4d6bd8be54f40) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - click events now include a `.pointerType` attribute which distinguishes between ['pen', 'mouse' and 'touch' events](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/pointerType). There is no new PenDown/PenUp events, but these can be detected with a MouseDown/MouseUp + pointerType=pen
+
+- [#1432](https://github.com/rrweb-io/rrweb/pull/1432) [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961) Thanks [@Juice10](https://github.com/Juice10)! - Full overhawl of `video` and `audio` element playback. More robust and fixes lots of bugs related to pausing/playing/skipping/muting/playbackRate etc.
+
+- [#1188](https://github.com/rrweb-io/rrweb/pull/1188) [`bc84246`](https://github.com/rrweb-io/rrweb/commit/bc84246f78849a80dbb8fe9b4e76117afcc5c3f7) Thanks [@benjackwhite](https://github.com/benjackwhite)! - feat: Extends maskInputFn to pass the HTMLElement to the deciding function
+
+- [#1170](https://github.com/rrweb-io/rrweb/pull/1170) [`d2582e9`](https://github.com/rrweb-io/rrweb/commit/d2582e9a81197130cd93bc1dd778e16fddfb0be3) Thanks [@mydea](https://github.com/mydea)! - feat: Ensure password inputs remain masked when switching input type
+
+- [#1107](https://github.com/rrweb-io/rrweb/pull/1107) [`a225d8e`](https://github.com/rrweb-io/rrweb/commit/a225d8e1412a69a761c22eb45565fff0b0ce5c11) Thanks [@mydea](https://github.com/mydea)! - feat: Allow to pass `errorHandler` as record option
+
+- [#1503](https://github.com/rrweb-io/rrweb/pull/1503) [`335639a`](https://github.com/rrweb-io/rrweb/commit/335639af9b0ce7f70eb0f38ce113d877c7325158) Thanks [@Juice10](https://github.com/Juice10)! - Support top-layer <dialog> components. Fixes #1381.
+
+- [#1310](https://github.com/rrweb-io/rrweb/pull/1310) [`7c0dc9d`](https://github.com/rrweb-io/rrweb/commit/7c0dc9dfe1564c9d6624557c5b394e7844955882) Thanks [@benjackwhite](https://github.com/benjackwhite)! - Extends maskTextFn to pass the HTMLElement to the deciding function
+
+- [#1543](https://github.com/rrweb-io/rrweb/pull/1543) [`53b83bb`](https://github.com/rrweb-io/rrweb/commit/53b83bb037f9cb30c93179548f436ed776f143ab) Thanks [@JonasBa](https://github.com/JonasBa)! - Optimize isParentRemoved check
+
+- [#1035](https://github.com/rrweb-io/rrweb/pull/1035) [`2a80949`](https://github.com/rrweb-io/rrweb/commit/2a809499739ed2068bf6d9c614142f9dc8cb09ab) Thanks [@Juice10](https://github.com/Juice10)! - Add support for recording cross-origin iframes via `recordCrossOriginIframes`.
+
+- [#989](https://github.com/rrweb-io/rrweb/pull/989) [`3809060`](https://github.com/rrweb-io/rrweb/commit/38090606b98e2d64073e74194d2c5c42453e8b5c) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Add support for recording and replaying constructable `adoptedStyleSheets`, including stylesheet mutations, `replace`/`replaceSync`, shadow roots, iframes, live mode, and virtual DOM replay.
+
+- [#936](https://github.com/rrweb-io/rrweb/pull/936) [`b2d5689`](https://github.com/rrweb-io/rrweb/commit/b2d5689864eff62c80c4439e9a4e4f0f6983b1f5) Thanks [@0jinxing](https://github.com/0jinxing)! - Add recording and replay support for text selection events.
+
+- [#953](https://github.com/rrweb-io/rrweb/pull/953) [`5f59f91`](https://github.com/rrweb-io/rrweb/commit/5f59f917765ff87ad9a6e4342c910057b4f9a31a) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Add a `destroy()` method to fully remove a replayer instance and emit a destroy event.
+
+- [#976](https://github.com/rrweb-io/rrweb/pull/976) [`a8478f1`](https://github.com/rrweb-io/rrweb/commit/a8478f1dd7613a08d5f15d176d6e555497f83e0d) Thanks [@Juice10](https://github.com/Juice10)! - Add canvas WebRTC record and replay plugins for live-streaming canvas contents.
+
+- [#1000](https://github.com/rrweb-io/rrweb/pull/1000) [`ce6019d`](https://github.com/rrweb-io/rrweb/commit/ce6019d2d6264ac8ef4cc0c5f8ff1733787f9ea0) Thanks [@wfk007](https://github.com/wfk007)! - Add support for recording and replaying media `playbackRate` changes.
+
+- [#967](https://github.com/rrweb-io/rrweb/pull/967) [`bac1d7b`](https://github.com/rrweb-io/rrweb/commit/bac1d7b0cbfcf1157476c49b4b12e178aab7fc94) Thanks [@QxQstar](https://github.com/QxQstar)! - Add `dataURLOptions` to control canvas snapshot image format and quality.
+
+- [#894](https://github.com/rrweb-io/rrweb/pull/894) [`5ba933c`](https://github.com/rrweb-io/rrweb/commit/5ba933ccdb8b51dfc067319d418dbadd2f7642db) Thanks [@dbseel](https://github.com/dbseel)! - Add `ignoreCSSAttributes` and apply `blockSelector` checks consistently across recorder observers.
+
+- [#859](https://github.com/rrweb-io/rrweb/pull/859) [`e238462`](https://github.com/rrweb-io/rrweb/commit/e238462f3aff10b0242a4aef729065b7b9c8e7a1) Thanks [@Juice10](https://github.com/Juice10)! - Add support for recording canvas snapshots at a configured FPS.
+
+- [#895](https://github.com/rrweb-io/rrweb/pull/895) [`de755ae`](https://github.com/rrweb-io/rrweb/commit/de755ae572c04131f74f251b06da6de648b112c4) Thanks [@Juice10](https://github.com/Juice10)! - Add the fast-forward virtual DOM optimization for replay.
+
+### Patch Changes
+
+- [#1269](https://github.com/rrweb-io/rrweb/pull/1269) [`7103625`](https://github.com/rrweb-io/rrweb/commit/7103625b4683cbd75732ee03973e38f573847b1c) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Don't include redundant data from text/attribute mutations on just-added nodes
+
+- [#1386](https://github.com/rrweb-io/rrweb/pull/1386) [`a2c8a1a`](https://github.com/rrweb-io/rrweb/commit/a2c8a1a37bfcf8389b280af792262c8263a979a3) Thanks [@ababik](https://github.com/ababik)! - Fix that the optional `maskInputFn` was being accidentally ignored during the creation of the full snapshot
+
+- [#1422](https://github.com/rrweb-io/rrweb/pull/1422) [`3d1877c`](https://github.com/rrweb-io/rrweb/commit/3d1877cff83d9a018630674fb6e730050ceef812) Thanks [@marandaneto](https://github.com/marandaneto)! - fix: createImageBitmap throws DOMException if source is 0 width or height
+
+- [#1403](https://github.com/rrweb-io/rrweb/pull/1403) [`af0962c`](https://github.com/rrweb-io/rrweb/commit/af0962cc6c80b693bbc622520032d17342685cf6) Thanks [@pauldambra](https://github.com/pauldambra)! - safely capture BigInt values with the console log plugin"
+
+- [#1327](https://github.com/rrweb-io/rrweb/pull/1327) [`57a940a`](https://github.com/rrweb-io/rrweb/commit/57a940afac0bdd14cd82937915d53110b5311673) Thanks [@mydea](https://github.com/mydea)! - fix: Fix checking for `patchTarget` in `initAdoptedStyleSheetObserver`
+
+- [#1156](https://github.com/rrweb-io/rrweb/pull/1156) [`e65465e`](https://github.com/rrweb-io/rrweb/commit/e65465e808178a80a4ba84970f02162ba812955e) Thanks [@Code-Crash](https://github.com/Code-Crash)! - Fix the statement which is getting changed by Microbundle
+
+- [#1268](https://github.com/rrweb-io/rrweb/pull/1268) [`d872d28`](https://github.com/rrweb-io/rrweb/commit/d872d2809e3ec8d6ff5d3d5f43bc81aff70e7548) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Compact style mutation fixes and improvements
+
+  - fixes when style updates contain a 'var()' on a shorthand property #1246
+  - further ensures that style mutations are compact by reverting to string method if it is shorter
+
+- [#1262](https://github.com/rrweb-io/rrweb/pull/1262) [`36da39d`](https://github.com/rrweb-io/rrweb/commit/36da39db366a9f80c28549771ed331090a1c6647) Thanks [@billyvg](https://github.com/billyvg)! - feat: Add `ignoreSelector` option
+
+  Similar to ignoreClass, but accepts a CSS selector so that you can use any CSS selector.
+
+- [#1198](https://github.com/rrweb-io/rrweb/pull/1198) [`b5e30cf`](https://github.com/rrweb-io/rrweb/commit/b5e30cf6cc7f5335d674ef1917a92bdf2895fe9e) Thanks [@charliegracie](https://github.com/charliegracie)! - Reset the finished flag in Controller `goto` instead of `handleProgressClick` so that it is properly handled if `goto` is called directly.
+
+- [#1417](https://github.com/rrweb-io/rrweb/pull/1417) [`40bbc25`](https://github.com/rrweb-io/rrweb/commit/40bbc25fc287badc317a53f2d3f21b1c9f2b211b) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - fix: duplicate textContent for style elements cause incremental style mutations to be invalid
+
+- [#1762](https://github.com/rrweb-io/rrweb/pull/1762) [`22bc4c3`](https://github.com/rrweb-io/rrweb/commit/22bc4c334e88f0b8ee5488d9e1e95cd8093a15c8) Thanks [@Juice10](https://github.com/Juice10)! - Drop base64 inlined worker source from all bundles
+
+- [#1279](https://github.com/rrweb-io/rrweb/pull/1279) [`11f6567`](https://github.com/rrweb-io/rrweb/commit/11f6567fd81ef9ed0f954a7b6d5e39653f56004f) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Extend to run fixBrowserCompatibilityIssuesInCSS over inline stylesheets
+
+- [#1196](https://github.com/rrweb-io/rrweb/pull/1196) [`490b3e2`](https://github.com/rrweb-io/rrweb/commit/490b3e2b62b62d61e6f6f5391d5b879194c9a221) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Guard against presence of older 3rd party javascript libraries which redefine Date.now()
+
+- [#1615](https://github.com/rrweb-io/rrweb/pull/1615) [`dc20cd4`](https://github.com/rrweb-io/rrweb/commit/dc20cd45cc63058325784444af6bd32ed2cace48) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Improve performance of splitCssText for <style> elements with large css content - see #1603
+
+- [#1640](https://github.com/rrweb-io/rrweb/pull/1640) [`3e9e42f`](https://github.com/rrweb-io/rrweb/commit/3e9e42fdfd6349087d7a0345af1b39dd56528502) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Improve performance of splitCssText for <style> elements with large css content - see #1603
+
+- [#1139](https://github.com/rrweb-io/rrweb/pull/1139) [`f27e545`](https://github.com/rrweb-io/rrweb/commit/f27e545e1871ed2c1753d37543f556e8ddc406b4) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix: Switch from virtual dom to real dom before rebuilding fullsnapshot
+
+- [#1033](https://github.com/rrweb-io/rrweb/pull/1033) [`7261c43`](https://github.com/rrweb-io/rrweb/commit/7261c43f60973e88325edf832e4d0e057fbff0ae) Thanks [@Juice10](https://github.com/Juice10)! - Export `ReplayPlugin` from rrweb directly. Previously we had to do `import type { ReplayPlugin } from 'rrweb/dist/types';` now we can do `import type { ReplayPlugin } from 'rrweb';`
+
+- [#1464](https://github.com/rrweb-io/rrweb/pull/1464) [`03b5216`](https://github.com/rrweb-io/rrweb/commit/03b5216a9403f1509b4f69d1d71ef9874277fe91) Thanks [@colingm](https://github.com/colingm)! - better support for coexistence with older libraries (e.g. MooTools & Prototype.js) which modify the in-built `Array.from` function
+
+- [#1441](https://github.com/rrweb-io/rrweb/pull/1441) [`ae6908d`](https://github.com/rrweb-io/rrweb/commit/ae6908dcdcd7c732c1ce79eea19de5240bec1151) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - perf: Avoid an extra function call and object clone during event emission
+
+- [#1481](https://github.com/rrweb-io/rrweb/pull/1481) [`46f1b25`](https://github.com/rrweb-io/rrweb/commit/46f1b252a5919c68c68e825bd6089cc2e7d34e7c) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Fix and test for bug #1457 which was affecting replay of complex tailwind css
+
+- [#1179](https://github.com/rrweb-io/rrweb/pull/1179) [`e0f862b`](https://github.com/rrweb-io/rrweb/commit/e0f862bac7dbaa9cfd778f5ef0f5f3fd8cbe6def) Thanks [@wfk007](https://github.com/wfk007)! - Fix: [#1178](https://github.com/rrweb-io/rrweb/issues/1178) remove warning related to worker_threads while building
+
+- [#1476](https://github.com/rrweb-io/rrweb/pull/1476) [`cbbd1e5`](https://github.com/rrweb-io/rrweb/commit/cbbd1e55f1f7fa2eed9fa11e4152b509bdfd88f7) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Fixup for multiple background-clip replacement
+
+- [#1600](https://github.com/rrweb-io/rrweb/pull/1600) [`a6893f7`](https://github.com/rrweb-io/rrweb/commit/a6893f73abe217a95d28996e01b7ec8261e42de3) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - #1575 Fix that postcss could fall over when trying to process css content split arbitrarily
+
+- [#1155](https://github.com/rrweb-io/rrweb/pull/1155) [`8aea5b0`](https://github.com/rrweb-io/rrweb/commit/8aea5b00a4dfe5a6f59bd2ae72bb624f45e51e81) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Feat: Add support for replaying :defined pseudo-class of custom elements
+
+- [#1186](https://github.com/rrweb-io/rrweb/pull/1186) [`267e990`](https://github.com/rrweb-io/rrweb/commit/267e990dc0e45a5acaaa3ee89db7ae9171520d54) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix: processed-node-manager is created even in the environment that doesn't need a recorder
+
+- [#1527](https://github.com/rrweb-io/rrweb/pull/1527) [`68076b7`](https://github.com/rrweb-io/rrweb/commit/68076b724ff19d198d4f351a05063b85e1705a8c) Thanks [@arredgroup](https://github.com/arredgroup)! - Export takeFullSnapshot function for a recording process
+
+- [#1340](https://github.com/rrweb-io/rrweb/pull/1340) [`9c6edfe`](https://github.com/rrweb-io/rrweb/commit/9c6edfe2261680b4e92284be69f9d183b1eca8f4) Thanks [@mydea](https://github.com/mydea)! - ref: Avoid unnecessary cloning of objects or arrays
+
+- [#1220](https://github.com/rrweb-io/rrweb/pull/1220) [`a1ec9a2`](https://github.com/rrweb-io/rrweb/commit/a1ec9a273e6634eec67098fdd880ee681648fbbd) Thanks [@wfk007](https://github.com/wfk007)! - perf: optimize performance of the DoubleLinkedList get
+
+- [#1515](https://github.com/rrweb-io/rrweb/pull/1515) [`8059d96`](https://github.com/rrweb-io/rrweb/commit/8059d9695146626b102b2059a3a9b932d5f598f6) Thanks [@okejminja](https://github.com/okejminja)! - Added support for deprecated addRule & removeRule methods
+
+- [#1829](https://github.com/rrweb-io/rrweb/pull/1829) [`bfe14c5`](https://github.com/rrweb-io/rrweb/commit/bfe14c532a3149a38a8fab0a54672405279d636f) Thanks [@Juice10](https://github.com/Juice10)! - Mark `inlineImages` and `inlineStylesheet` record options as deprecated in docs and public types while preserving existing behavior.
+
+- [#1468](https://github.com/rrweb-io/rrweb/pull/1468) [`4014305`](https://github.com/rrweb-io/rrweb/commit/40143059446cee5c042c007b1c2e976f36e172f5) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - inlineImages: during snapshot avoid adding an event listener for inlining of same-origin images (async listener mutates the snapshot which can be problematic)
+
+- [#1287](https://github.com/rrweb-io/rrweb/pull/1287) [`efdc167`](https://github.com/rrweb-io/rrweb/commit/efdc167ca6c039d04af83612e3d92498bb9b41a7) Thanks [@Juice10](https://github.com/Juice10)! - Upgrade all projects to typescript 4.9.5
+
+- [#1631](https://github.com/rrweb-io/rrweb/pull/1631) [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8) Thanks [@pauldambra](https://github.com/pauldambra)! - Move patch function into @rrweb/utils to improve bundling
+
+- [#1489](https://github.com/rrweb-io/rrweb/pull/1489) [`609b7fa`](https://github.com/rrweb-io/rrweb/commit/609b7fac79a552f746dc880a28927dee382cd082) Thanks [@JonasBa](https://github.com/JonasBa)! - Optimize performance of isParentRemoved by converting it to an iterative procedure
+
+- [#1130](https://github.com/rrweb-io/rrweb/pull/1130) [`f6f07e9`](https://github.com/rrweb-io/rrweb/commit/f6f07e953376634a4caf28ff8cbfed5a017c4347) Thanks [@AgentWrapper](https://github.com/AgentWrapper)! - Fix: Make relative path detection in stylesheet URLs to detect more types of URL protocols when inlining stylesheets.
+
+- [#1383](https://github.com/rrweb-io/rrweb/pull/1383) [`1e0b273`](https://github.com/rrweb-io/rrweb/commit/1e0b27382210db0168d2a79d82c13698082b0983) Thanks [@daibhin](https://github.com/daibhin)! - export the canvasMutation function
+
+- [#1324](https://github.com/rrweb-io/rrweb/pull/1324) [`1fe39ab`](https://github.com/rrweb-io/rrweb/commit/1fe39ab0db7f5d2b04f4a4f39fb5c0cfee33a1f8) Thanks [@BelenLuo-tech](https://github.com/BelenLuo-tech)! - export eventWithTime for consumption by typescript code
+
+- [#1196](https://github.com/rrweb-io/rrweb/pull/1196) [`490b3e2`](https://github.com/rrweb-io/rrweb/commit/490b3e2b62b62d61e6f6f5391d5b879194c9a221) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Guard against redefinition of Date.now by third party libraries which are also present on a page alongside rrweb
+
+- [#1095](https://github.com/rrweb-io/rrweb/pull/1095) [`1385f7a`](https://github.com/rrweb-io/rrweb/commit/1385f7acc0052f83be1458a7b00e18c026ee393f) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix duplicated shadow doms
+
+- [#1183](https://github.com/rrweb-io/rrweb/pull/1183) [`d7c72bf`](https://github.com/rrweb-io/rrweb/commit/d7c72bff0724b46a6fa94af455220626a27104fe) Thanks [@mydea](https://github.com/mydea)! - fix: Ensure attributes are lowercased when checking
+
+- [#1214](https://github.com/rrweb-io/rrweb/pull/1214) [`ebcbe8b`](https://github.com/rrweb-io/rrweb/commit/ebcbe8b0d746a0a4c07d3530387f920900f35215) Thanks [@wfk007](https://github.com/wfk007)! - perf: optimize the performance of record in processMutation phase
+
+- [#1343](https://github.com/rrweb-io/rrweb/pull/1343) [`05478c3`](https://github.com/rrweb-io/rrweb/commit/05478c36dde03a118099783d908bb3e465e9859c) Thanks [@mdellanoce](https://github.com/mdellanoce)! - use WeakMap for faster attributeCursor lookup while processing attribute mutations
+
+- [#1695](https://github.com/rrweb-io/rrweb/pull/1695) [`fc390a9`](https://github.com/rrweb-io/rrweb/commit/fc390a954c4fc17fe2ee0e2b6edba634611349e0) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - fix: rrweb recorder may throw error when stopping recording after an iframe becomes cross-origin
+
+- [#1251](https://github.com/rrweb-io/rrweb/pull/1251) [`bbbfa22`](https://github.com/rrweb-io/rrweb/commit/bbbfa226fc5882a01ecc1607b713f0caf797775e) Thanks [@wfk007](https://github.com/wfk007)! - fix: Resize and MediaInteraction events repeat generated after the iframe appeared
+
+- [#1467](https://github.com/rrweb-io/rrweb/pull/1467) [`e96f668`](https://github.com/rrweb-io/rrweb/commit/e96f668c86bd0ab5dc190bb2957a170271bb2ebc) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Bugfix after #1434 perf improvements: fix that blob urls persist on the shared anchor element and can't be later modified
+
+- [#1272](https://github.com/rrweb-io/rrweb/pull/1272) [`58c9104`](https://github.com/rrweb-io/rrweb/commit/58c9104eddc8b7994a067a97daae5684e42f892f) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Perf: Avoid creation of intermediary array when iterating over style rules
+
+- [#1126](https://github.com/rrweb-io/rrweb/pull/1126) [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Refactor all suffix of bundled scripts with commonjs module from 'js' to cjs [#1087](https://github.com/rrweb-io/rrweb/pull/1087).
+
+- [#1184](https://github.com/rrweb-io/rrweb/pull/1184) [`aa79db7`](https://github.com/rrweb-io/rrweb/commit/aa79db7568578ea3a413292450cd64f07481e5dd) Thanks [@mydea](https://github.com/mydea)! - fix: Ensure getting the type of inputs works
+
+- [#1493](https://github.com/rrweb-io/rrweb/pull/1493) [`82f6fec`](https://github.com/rrweb-io/rrweb/commit/82f6fecf36413ecbc994a510144487f1de20d1d5) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Replay: Replace negative lookbehind in regexes from css parser as it causes issues with Safari 16
+
+- [#1311](https://github.com/rrweb-io/rrweb/pull/1311) [`980a38c`](https://github.com/rrweb-io/rrweb/commit/980a38c816d763833fc3491f56d03c959a41122d) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Add 'recordDOM' config option to turn off recording of DOM (making recordings unreplayable). Specialist use case e.g. only heatmap click/scroll recording
+
+- [#1145](https://github.com/rrweb-io/rrweb/pull/1145) [`a82a3b4`](https://github.com/rrweb-io/rrweb/commit/a82a3b42b125aaaea607410b49f012933466c523) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - For a mutation which removes a node, reduce the number of spurious warnings to take into account that an anscestor (rather than just a parent) may have been just removed
+
+- [#1353](https://github.com/rrweb-io/rrweb/pull/1353) [`5c27b76`](https://github.com/rrweb-io/rrweb/commit/5c27b763192bda9dd91806f95df7c1cd0ab083a6) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix: some nested cross-origin iframes can't be recorded
+
+- [#1775](https://github.com/rrweb-io/rrweb/pull/1775) [`b149cf3`](https://github.com/rrweb-io/rrweb/commit/b149cf31ed28cac7b6627972b423d29723524d87) Thanks [@alailsonko](https://github.com/alailsonko)! - fix: improve nested CSS rule handling and replayer handling of missing rules
+
+- [#1351](https://github.com/rrweb-io/rrweb/pull/1351) [`a2be77b`](https://github.com/rrweb-io/rrweb/commit/a2be77b82826c4be0e7f3c7c9f7ee50476d5f6f8) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Don't double-record the values of <textarea>s when they already have some content prefilled #1301
+
+- [#1126](https://github.com/rrweb-io/rrweb/pull/1126) [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix: improve rrdom robustness [#1091](https://github.com/rrweb-io/rrweb/pull/1091).
+
+- [#1837](https://github.com/rrweb-io/rrweb/pull/1837) [`527d9d3`](https://github.com/rrweb-io/rrweb/commit/527d9d3913bae7f0f7741517f4b09f7a99aae57a) Thanks [@Juice10](https://github.com/Juice10)! - Tree-shake replay-only `postcss` code from the `@rrweb/record` bundle.
+
+- [#1618](https://github.com/rrweb-io/rrweb/pull/1618) [`79837ac`](https://github.com/rrweb-io/rrweb/commit/79837ac8f2f459935f6737210890b5c12033a53b) Thanks [@billyvg](https://github.com/billyvg)! - This fixes an issue where inlined CSS from a remotely loaded `<link>` does not get applied properly due to object reference mutation.
+
+- [#1431](https://github.com/rrweb-io/rrweb/pull/1431) [`a7c33f2`](https://github.com/rrweb-io/rrweb/commit/a7c33f2093c4d92faf7ae25e8bb0e088d122c13b) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - 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
+
+- [#1834](https://github.com/rrweb-io/rrweb/pull/1834) [`43e4f5b`](https://github.com/rrweb-io/rrweb/commit/43e4f5b4ad4bb0525a874a545d69443bc58bc47e) Thanks [@Juice10](https://github.com/Juice10)! - Require browser `rebuild()` calls to target a document created by `rebuildIntoSandboxedIframe()` or `createSandboxedIframe()` by default. Use these helpers for untrusted replay data, or pass `UNSAFE_allowUnprotectedRebuild: true` only when accepting the script-execution risk.
+
+  `rrweb` now marks `UNSAFE_replayCanvas` rebuilds as an explicit unsafe path because canvas replay adds script permission to the replay iframe.
+
+- [#1127](https://github.com/rrweb-io/rrweb/pull/1127) [`3cc4323`](https://github.com/rrweb-io/rrweb/commit/3cc4323094065a12f8b65afecd45061d604e245f) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Refactor: Improve performance by 80% in a super large benchmark case.
+
+  1. Refactor: change the data structure of childNodes from array to linked list
+  2. Improve the performance of the "contains" function. New algorithm will reduce the complexity from O(n) to O(logn)
+
+- [#1328](https://github.com/rrweb-io/rrweb/pull/1328) [`d38893f`](https://github.com/rrweb-io/rrweb/commit/d38893f6338facf331fd1f6e63c121120b81177d) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Refactor to preclude the need for a continuous raf loop running in the background which is related to shadowDom
+
+- [#1614](https://github.com/rrweb-io/rrweb/pull/1614) [`6f4e691`](https://github.com/rrweb-io/rrweb/commit/6f4e691f39cc59b655d1be4f951128beecb88acb) Thanks [@billyvg](https://github.com/billyvg)! - Change to ignore all link[rel="modulepreload"] instead of including only those with `as="script"`
+
+- [#1295](https://github.com/rrweb-io/rrweb/pull/1295) [`d7cf8dd`](https://github.com/rrweb-io/rrweb/commit/d7cf8dd07547f6fb22ef82e341a88357c4053bd3) Thanks [@colingm](https://github.com/colingm)! - Return early for child same origin frames
+
+- [#1535](https://github.com/rrweb-io/rrweb/pull/1535) [`04ee6ed`](https://github.com/rrweb-io/rrweb/commit/04ee6eda57157f0e04f18f907d8f3e59ababc753) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Slight simplification to how we replace :hover after #1458
+
+- [#1437](https://github.com/rrweb-io/rrweb/pull/1437) [`5fbb904`](https://github.com/rrweb-io/rrweb/commit/5fbb904edb653f3da17e6775ee438d81ef0bba83) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Edge case: Provide support for mutations on a <style> element which (unusually) has multiple text nodes
+
+- [#1191](https://github.com/rrweb-io/rrweb/pull/1191) [`1e6f71b`](https://github.com/rrweb-io/rrweb/commit/1e6f71b3cddcfafe78b9e40edfbd75e485702e4e) Thanks [@Juice10](https://github.com/Juice10)! - Only apply touch-active styling on flush
+
+- [#1512](https://github.com/rrweb-io/rrweb/pull/1512) [`d08624c`](https://github.com/rrweb-io/rrweb/commit/d08624cb28add386c3618a0e6607424c3f1884d8) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - optimisation: skip mask check on leaf elements
+
+- [#1432](https://github.com/rrweb-io/rrweb/pull/1432) [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961) Thanks [@Juice10](https://github.com/Juice10)! - Record `loop` on `<audio>` & `<video>` elements.
+
+- [#1374](https://github.com/rrweb-io/rrweb/pull/1374) [`314a8dd`](https://github.com/rrweb-io/rrweb/commit/314a8dde5a13095873b89d07bac7c949918bf817) Thanks [@andrewpomeroy](https://github.com/andrewpomeroy)! - Capture stylesheets designated as `rel="preload"`
+
+- [#1593](https://github.com/rrweb-io/rrweb/pull/1593) [`5a78938`](https://github.com/rrweb-io/rrweb/commit/5a789385a341311ba327a768fe0e2f0f2f5002ee) Thanks [@daibhin](https://github.com/daibhin)! - `NodeType` enum was moved from rrweb-snapshot to @rrweb/types
+  The following types where moved from rrweb-snapshot to @rrweb/types: `documentNode`, `documentTypeNode`, `legacyAttributes`, `textNode`, `cdataNode`, `commentNode`, `elementNode`, `serializedNode`, `serializedNodeWithId`, `serializedElementNodeWithId`, `serializedTextNodeWithId`, `IMirror`, `INode`, `mediaAttributes`, `attributes` and `DataURLOptions`
+
+- [#1141](https://github.com/rrweb-io/rrweb/pull/1141) [`3416c3a`](https://github.com/rrweb-io/rrweb/commit/3416c3a769e2bd2ddfbb88f5c4ff139871c567be) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix: isCheckout is missed in all fullsnapshot events
+
+- [#1157](https://github.com/rrweb-io/rrweb/pull/1157) [`8e47ca1`](https://github.com/rrweb-io/rrweb/commit/8e47ca1021ebb4fc036b37623ef10abf7976d6dd) Thanks [@mydea](https://github.com/mydea)! - fix: Explicitly handle `null` attribute values
+
+- [#1599](https://github.com/rrweb-io/rrweb/pull/1599) [`9cd28b7`](https://github.com/rrweb-io/rrweb/commit/9cd28b703ec08a77dc6b790dbffb20dfb8e9a513) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - #1596 Add masking for innerText mutations on textarea elements
+
+- [#1349](https://github.com/rrweb-io/rrweb/pull/1349) [`07ac5c9`](https://github.com/rrweb-io/rrweb/commit/07ac5c9e1371824ec3ffb705f9250bbe10f4b73e) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Snapshot performance when masking text: Avoid the repeated calls to `closest` when recursing through the DOM
+
+- [#1704](https://github.com/rrweb-io/rrweb/pull/1704) [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Provide a /umd/ output folder alongside the /dist/ one so that we can serve UMD (Universal Module Definition) files with a .js extension, without upsetting expectations set by package.json that all .js files in /dist/ are modules
+
+- [#1445](https://github.com/rrweb-io/rrweb/pull/1445) [`02f50d2`](https://github.com/rrweb-io/rrweb/commit/02f50d260cfe72209c94de1679336737f238e216) Thanks [@daibhin](https://github.com/daibhin)! - fix: protect against missing parentNode
+
+- [#1121](https://github.com/rrweb-io/rrweb/pull/1121) [`502d15d`](https://github.com/rrweb-io/rrweb/commit/502d15df9f7f43b3408ccfbb3f14c4bb007883c4) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix: outdated ':hover' styles can't be removed from iframes or shadow doms
+
+- [#1254](https://github.com/rrweb-io/rrweb/pull/1254) [`d0fbe23`](https://github.com/rrweb-io/rrweb/commit/d0fbe23c632021410a6dd45f9028a9a012467261) Thanks [@mydea](https://github.com/mydea)! - Handle case where `event` is null/undefined
+
+- [#1273](https://github.com/rrweb-io/rrweb/pull/1273) [`a3de582`](https://github.com/rrweb-io/rrweb/commit/a3de582e9c32be9e0ccd84bb7df756af6b0594f7) Thanks [@Juice10](https://github.com/Juice10)! - Canvas FPS recording: override `preserveDrawingBuffer: true` on canvas creation.
+  Canvas replay: fix flickering canvas elemenrs.
+  Canvas FPS recording: fix bug that wipes webgl(2) canvas backgrounds while recording.
+
+- [#760](https://github.com/rrweb-io/rrweb/pull/760) [`e08706a`](https://github.com/rrweb-io/rrweb/commit/e08706ae60268b6eb05c6292ef948c71bd423ce3) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Add slimDOM option to block animation on <title> tag; enabled when the 'all' value is used for slimDOM
+
+- [#1122](https://github.com/rrweb-io/rrweb/pull/1122) [`8d209a6`](https://github.com/rrweb-io/rrweb/commit/8d209a62f31c4c80e3e5bc36e47d7282ee854ac7) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Add missing change logs manually. In the next version, all change logs will be generated automatically.
+
+  - [`a220835`](https://github.com/rrweb-io/rrweb/commit/a220835eeb81ca4f294682e060d46c8853720d7f) [#1053](https://github.com/rrweb-io/rrweb/pull/1053) Thanks [@Juice10](https://github.com/Juice10)! - Fix: Post message can break cross origin iframe recording.
+
+  - [`7e8dcdb`](https://github.com/rrweb-io/rrweb/commit/7e8dcdb11dc5dfefcdd19ff5e13ec9d8b5c24dcc) [#1063](https://github.com/rrweb-io/rrweb/pull/1063) Thanks [@lele0108](https://github.com/lele0108)! - Fix: muted false -> true not being set.
+
+  - [`b655361`](https://github.com/rrweb-io/rrweb/commit/b655361a5f0d50a053fcd0e5c823b8494c33b89c) [#1067](https://github.com/rrweb-io/rrweb/pull/1067) Thanks [@mydea](https://github.com/mydea)! - Export recordOptions type.
+
+  - [`36b44e1`](https://github.com/rrweb-io/rrweb/commit/36b44e104b91fc74c3e69684111240cd23105340) [#1042](https://github.com/rrweb-io/rrweb/pull/1042) Thanks [@wfk007](https://github.com/wfk007)! - Fix: Failed to execute insertBefore on Node.
+
+  - [`44e92cb`](https://github.com/rrweb-io/rrweb/commit/44e92cbff981c36e754dfcb9a184eae9e7292ecf) [#1058](https://github.com/rrweb-io/rrweb/pull/1058) Thanks [@mydea](https://github.com/mydea)! - Handle errors when observing iframes.
+
+  - [`729b8bf`](https://github.com/rrweb-io/rrweb/commit/729b8bf38c8c7f2e1b22b4e0f7cab14f0807bc74) [#1083](https://github.com/rrweb-io/rrweb/pull/1083) Thanks [@Juice10](https://github.com/Juice10)! - Fix: Catch iframe manager & fix formatting issues.
+
+  - [`03821d9`](https://github.com/rrweb-io/rrweb/commit/03821d9b9fa0513e6e373881d43102ceb9388340) [#1083](https://github.com/rrweb-io/rrweb/pull/1083) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Harmonize on a single getWindowScroll
+
+  - [`d08913d`](https://github.com/rrweb-io/rrweb/commit/d08913d0dc506dbf119e94686fe5f01c415316c9) [#1086](https://github.com/rrweb-io/rrweb/pull/1086) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix: missed adopted style sheets of shadow doms in checkout full snapshot.
+
+  - [`66abe17`](https://github.com/rrweb-io/rrweb/commit/66abe17832dbb23b3948af1c394f9a02caccc17b) [#1032](https://github.com/rrweb-io/rrweb/pull/1032) Thanks [@dbseel](https://github.com/dbseel)! - Fix: isBlocked throws on invalid HTML element.
+
+  - [`07aa1b2`](https://github.com/rrweb-io/rrweb/commit/07aa1b2807da5a9a1db678ebc3ff59320a300d06) [#1049](https://github.com/rrweb-io/rrweb/pull/1049) Thanks [@Juice10](https://github.com/Juice10)! - Fix: shadow dom bugs.
+
+  - [`57a2e14`](https://github.com/rrweb-io/rrweb/commit/57a2e140ea419f7790b1672529f21dfe2261b52b) [#1088](https://github.com/rrweb-io/rrweb/pull/1088) Thanks [@mydea](https://github.com/mydea)! - Fix: Guard against missing window.CSSStyleSheet.
+
+  - [`fc82869`](https://github.com/rrweb-io/rrweb/commit/fc828694099b87b4d811e6b651a7bb4c7499b896) [#1093](https://github.com/rrweb-io/rrweb/pull/1093) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix: cross origin iframe bugs.
+
+  - [`a77e302`](https://github.com/rrweb-io/rrweb/commit/a77e30217893e63f8025c73afc3ac1ba294d7761) [#1104](https://github.com/rrweb-io/rrweb/pull/1104) Thanks [@jlalmes](https://github.com/jlalmes)! - [console-plugin] Feat: Record unhandled rejection event.
+
+  - [`25a4f5a`](https://github.com/rrweb-io/rrweb/commit/25a4f5ab6c7311f2e8e5e1a4d232c2820adf910e) [#1115](https://github.com/rrweb-io/rrweb/pull/1115) Thanks [@Juice10](https://github.com/Juice10)! - Fix: Don't trigger Finish event when in liveMode.
+
+  - [`cb15800`](https://github.com/rrweb-io/rrweb/commit/cb1580008d04b0bc5c5d4ebec0e2e79899faaeb6) [#1106](https://github.com/rrweb-io/rrweb/pull/1106) Thanks [@mydea](https://github.com/mydea)! - Fix: Ensure CSS support is checked more robustly.
+
+  - [`0732618`](https://github.com/rrweb-io/rrweb/commit/07326182f9750646771918481f116b946a17c2a9) [#1100](https://github.com/rrweb-io/rrweb/pull/1100) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix: wrong rootId value in special iframes.
+
+  - [`3caa25e`](https://github.com/rrweb-io/rrweb/commit/3caa25ed9b19954c98775f22d5fa47233fa3d1db) [#1098](https://github.com/rrweb-io/rrweb/pull/1098) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Refactor: Don't have requestAnimationFrame looping in background for Live Mode.
+
+  - [`3a26e36`](https://github.com/rrweb-io/rrweb/commit/3a26e36f6f625c0391c7e6d3f1050660adfccc4f) [#1092](https://github.com/rrweb-io/rrweb/pull/1092) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix: regression of issue: ShadowHost can't be a string (issue 941)
+
+  - [`07d22e7`](https://github.com/rrweb-io/rrweb/commit/07d22e7cd999a48e7371aaef1b979574bb746500) [#1111](https://github.com/rrweb-io/rrweb/pull/1111) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Feat: enable to customize logger in the replayer.
+
+  - [`0627d4d`](https://github.com/rrweb-io/rrweb/commit/0627d4df7cc76cde7babbd37ab8e3da5810fb51d) [#1109](https://github.com/rrweb-io/rrweb/pull/1109) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Feat: add option to record on DOMContentLoaded event.
+
+  - [`174b9ac`](https://github.com/rrweb-io/rrweb/commit/174b9ac066565b8c065f40f0303189f10c7c4efb) [#1112](https://github.com/rrweb-io/rrweb/pull/1112) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix: mutation Failed to execute 'insertBefore' on 'Node': Only one doctype on document allowed.
+
+  - [`5a1e5e9`](https://github.com/rrweb-io/rrweb/commit/5a1e5e919e3f8bef48d142115c0afd5706a442b5) [#1119](https://github.com/rrweb-io/rrweb/pull/1119) Thanks [@Juice10](https://github.com/Juice10)! - Feat: Automate NPM package releases.
+
+- [#1509](https://github.com/rrweb-io/rrweb/pull/1509) [`be6bf52`](https://github.com/rrweb-io/rrweb/commit/be6bf52c248c35de1b3491e3a3440ff61f876414) Thanks [@Juice10](https://github.com/Juice10)! - Reverse monkey patch built in methods to support LWC (and other frameworks like angular which monkey patch built in methods).
+
+- [#1136](https://github.com/rrweb-io/rrweb/pull/1136) [`aaabdbd`](https://github.com/rrweb-io/rrweb/commit/aaabdbdff5df2abd1a294c40ed89e74bf8b2ec7c) Thanks [@benjackwhite](https://github.com/benjackwhite)! - fix: Recursive logging bug with console recording
+
+- [#1191](https://github.com/rrweb-io/rrweb/pull/1191) [`1e6f71b`](https://github.com/rrweb-io/rrweb/commit/1e6f71b3cddcfafe78b9e40edfbd75e485702e4e) Thanks [@Juice10](https://github.com/Juice10)! - Trigger mouse movement and hover with mouse up and mouse down events when replayer.pause(...) is called.
+
+- [#1763](https://github.com/rrweb-io/rrweb/pull/1763) [`6388fb5`](https://github.com/rrweb-io/rrweb/commit/6388fb5a468e1a860ab8bb5c6826c811dcc3100c) Thanks [@wfk007](https://github.com/wfk007)! - fix: wujie monkeypatches ownerDocument
+
+- [#1163](https://github.com/rrweb-io/rrweb/pull/1163) [`4cb4d0e`](https://github.com/rrweb-io/rrweb/commit/4cb4d0e95a540a366bdec157fe78d9f099514818) Thanks [@zhaobosky](https://github.com/zhaobosky)! - Fix: some websites rebuild imcomplete
+
+  1. Some websites, addedSet in emit function is not empty, but the result converted from Array.from is empty.
+  2. Some websites polyfill classList functions of HTML elements. Their implementation may throw errors and cause the snapshot to fail. I add try-catch statements to make the code robust.
+
+- [#1159](https://github.com/rrweb-io/rrweb/pull/1159) [`5e6c132`](https://github.com/rrweb-io/rrweb/commit/5e6c132a4d0e5f5524b2201d6a73dae62b4a0877) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - For users of userTriggeredOnInput setting: also set userTriggered to false on Input attribute modifications; this was previously empty this variant of IncrementalSource.Input
+
+- [#1029](https://github.com/rrweb-io/rrweb/pull/1029) [`fdb7135`](https://github.com/rrweb-io/rrweb/commit/fdb7135fc6a13db4afddc5a25aa63c5c70f3d14b) Thanks [@Juice10](https://github.com/Juice10)! - Fix replaying element scroll positions when both `scrollTop` and `scrollLeft` are applied.
+
+- [#1037](https://github.com/rrweb-io/rrweb/pull/1037) [`a9fffb3`](https://github.com/rrweb-io/rrweb/commit/a9fffb3b26960ca6476dc463094a26f926dd3b1c) Thanks [@QuentinLowe](https://github.com/QuentinLowe)! - Use the correct document when registering shadow roots inside iframes.
+
+- [#1041](https://github.com/rrweb-io/rrweb/pull/1041) [`1990524`](https://github.com/rrweb-io/rrweb/commit/1990524ef2bf6aff7d488a1532d028f876c235b0) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix shadow DOM mutation handling that could enter an infinite loop on some pages.
+
+- [#1034](https://github.com/rrweb-io/rrweb/pull/1034) [`5012b1e`](https://github.com/rrweb-io/rrweb/commit/5012b1eb57415fe350a6f599f9c16fbcf67ad145) Thanks [@wfk007](https://github.com/wfk007)! - Fix custom events and full snapshots after stopping and restarting recording.
+
+- [#1020](https://github.com/rrweb-io/rrweb/pull/1020) [`7edfefe`](https://github.com/rrweb-io/rrweb/commit/7edfefe6a62c477a1ba9d9fe747a65c31c0e0ffb) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix recorder crashes when non-shadow-root nodes expose a `host` property.
+
+- [#1016](https://github.com/rrweb-io/rrweb/pull/1016) [`87aa3b6`](https://github.com/rrweb-io/rrweb/commit/87aa3b6ad4c71285a9b002b8f523e6c8b7c14491) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Avoid recording noisy read-only WebGL properties such as `isContextLost`.
+
+- [#1013](https://github.com/rrweb-io/rrweb/pull/1013) [`20ad416`](https://github.com/rrweb-io/rrweb/commit/20ad416d05a7532b75ccdcf88f044a8e592d4e12) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Fix WebGL variable tracking when multiple contexts are patched.
+
+- [#1012](https://github.com/rrweb-io/rrweb/pull/1012) [`6f44bb7`](https://github.com/rrweb-io/rrweb/commit/6f44bb72794118cf38e7ac87c76326ded9d9c409) Thanks [@Juice10](https://github.com/Juice10)! - Ensure replay plugin `onBuild` hooks run for newly appended mutation nodes and top-level rebuilt document nodes.
+
+- [#995](https://github.com/rrweb-io/rrweb/pull/995) [`55ebce7`](https://github.com/rrweb-io/rrweb/commit/55ebce733393da99b01e786f9bc77bf5362ba828) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix replay of delayed inlined stylesheet links by updating the existing link/style node attributes instead of adding a child node.
+
+- [#927](https://github.com/rrweb-io/rrweb/pull/927) [`fd85c79`](https://github.com/rrweb-io/rrweb/commit/fd85c79e853ef89a860e795a8ae3ba318ef42ae8) Thanks [@Juice10](https://github.com/Juice10)! - Fix iframe reload and rrdom diff issues by handling negative and unserialized node ids correctly.
+
+- [#952](https://github.com/rrweb-io/rrweb/pull/952) [`a0d5373`](https://github.com/rrweb-io/rrweb/commit/a0d537385fb90776a4987ed52130e8a9d5983694) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix errors when replaying selection events during fast-forward playback.
+
+- [#966](https://github.com/rrweb-io/rrweb/pull/966) [`ac7935e`](https://github.com/rrweb-io/rrweb/commit/ac7935e39d98a8d004a658451a1fd821a45b1edc) Thanks [@QxQstar](https://github.com/QxQstar)! - Fix FPS-based canvas recording when `blockClass` is a regular expression.
+
+- [#956](https://github.com/rrweb-io/rrweb/pull/956) [`e7fdf53`](https://github.com/rrweb-io/rrweb/commit/e7fdf533611ed7f34d7aef70f928710a64840302) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix recording of multiple children inside a shadow root.
+
+- [#991](https://github.com/rrweb-io/rrweb/pull/991) [`7be26b0`](https://github.com/rrweb-io/rrweb/commit/7be26b07a269e66bda3f13dfb06ba548910b4f77) Thanks [@QuentinLowe](https://github.com/QuentinLowe)! - Fix input hooks inside iframes by using the iframe document's own window prototypes.
+
+- [#998](https://github.com/rrweb-io/rrweb/pull/998) [`49d143f`](https://github.com/rrweb-io/rrweb/commit/49d143f7ac0c641a6d820082b6dd50a2c0500b4d) Thanks [@dbseel](https://github.com/dbseel)! - Fix replay timing for mouse move events with empty or missing positions.
+
+- [#962](https://github.com/rrweb-io/rrweb/pull/962) [`6007266`](https://github.com/rrweb-io/rrweb/commit/60072666c5b7c6b0c197ac3ac025d52d92b6c084) Thanks [@wfk007](https://github.com/wfk007)! - Fix recorder restart behavior by resetting internal record functions when recording stops.
+
+- [#1002](https://github.com/rrweb-io/rrweb/pull/1002) [`96b7466`](https://github.com/rrweb-io/rrweb/commit/96b746645e9d9cc00c1a4c9e0bf6e1771236524e) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix duplicate shadow DOM recording by avoiding repeated observation of the same shadow root.
+
+- [#1003](https://github.com/rrweb-io/rrweb/pull/1003) [`08ab7ab`](https://github.com/rrweb-io/rrweb/commit/08ab7ab4c7e4def750d159f3950218c87817d177) Thanks [@Juice10](https://github.com/Juice10)! - Fix live mode timer setup to reuse the configured speed and live mode settings.
+
+- [#1001](https://github.com/rrweb-io/rrweb/pull/1001) [`c619a59`](https://github.com/rrweb-io/rrweb/commit/c619a59df8126640cd1f9021ec3f65174d0629b7) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Fix `addAction` so replay actions added after timer startup take effect without stopping and restarting.
+
+- [#938](https://github.com/rrweb-io/rrweb/pull/938) [`f3064c1`](https://github.com/rrweb-io/rrweb/commit/f3064c1f09f748a00c28a284a4b9dbead2f699dd) Thanks [@lele0108](https://github.com/lele0108)! - Fix SVG `<use href="#...">` snapshot serialization so local fragment references are preserved instead of converted to absolute URLs.
+
+- [#935](https://github.com/rrweb-io/rrweb/pull/935) [`8ad4325`](https://github.com/rrweb-io/rrweb/commit/8ad43254af39326fdbd510d4df8061c5f4d38d3e) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix console plugin recording so `undefined` values are serialized and replay correctly.
+
+- [#942](https://github.com/rrweb-io/rrweb/pull/942) [`f03504a`](https://github.com/rrweb-io/rrweb/commit/f03504a7af09926fcf9e06a50130eb03deea015a) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix recording and replay of polyfilled Shadow DOM from ShadyDOM and `@lwc/synthetic-shadow`.
+
+- [#944](https://github.com/rrweb-io/rrweb/pull/944) [`f1b23dd`](https://github.com/rrweb-io/rrweb/commit/f1b23ddc714ebaf9b66ca7a913f740e2c0524868) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Fix fast-forward replay so canvas image data inside iframes is restored when rebuilding through the virtual DOM path.
+
+- [#867](https://github.com/rrweb-io/rrweb/pull/867) [`93fec1f`](https://github.com/rrweb-io/rrweb/commit/93fec1f3c4c81ca9b7ce627ab6a8d1bdd6106f68) Thanks [@rahulrelicx](https://github.com/rahulrelicx)! - Fix a mutation edge case when a blocked element class is later unblocked.
+
+- [#891](https://github.com/rrweb-io/rrweb/pull/891) [`3cdcb8a`](https://github.com/rrweb-io/rrweb/commit/3cdcb8a1851d61eecfe3330f1a38fc7338380fcd) Thanks [@dkozlovskyi](https://github.com/dkozlovskyi)! - Fix issue #890 in replay/recording behavior.
+
+- [#885](https://github.com/rrweb-io/rrweb/pull/885) [`69499be`](https://github.com/rrweb-io/rrweb/commit/69499be6d7cd1916599a3ca4f3d04f893bc9d289) Thanks [@Juice10](https://github.com/Juice10)! - Apply only the latest queued text mutation for better replay behavior and performance.
+
+- [#903](https://github.com/rrweb-io/rrweb/pull/903) [`058c457`](https://github.com/rrweb-io/rrweb/commit/058c4579530414f6e55434fb28f9227443ed3b6d) Thanks [@Juice10](https://github.com/Juice10)! - Speed up snapshotting of many newly added DOM nodes.
+
+- [#909](https://github.com/rrweb-io/rrweb/pull/909) [`d5d877e`](https://github.com/rrweb-io/rrweb/commit/d5d877e3c19364784abf08f6e3eea4ba911fe4e3) Thanks [@Juice10](https://github.com/Juice10)! - Inline stylesheets when they load so late stylesheet content is captured.
+
+- Updated dependencies [[`6db8f71`](https://github.com/rrweb-io/rrweb/commit/6db8f71033ec289e4550f76b4864b94c118d9ea5), [`47a7c3f`](https://github.com/rrweb-io/rrweb/commit/47a7c3faa6fdbd3a515f473dc3a979acd2c8276e), [`0f0a532`](https://github.com/rrweb-io/rrweb/commit/0f0a532a2ca6b9a71acefcf3af4415beb47db0bb), [`a2c8a1a`](https://github.com/rrweb-io/rrweb/commit/a2c8a1a37bfcf8389b280af792262c8263a979a3), [`8e55c45`](https://github.com/rrweb-io/rrweb/commit/8e55c455ff2987a3b5f367f23f48c1f2de74ce45), [`d872d28`](https://github.com/rrweb-io/rrweb/commit/d872d2809e3ec8d6ff5d3d5f43bc81aff70e7548), [`b798f2d`](https://github.com/rrweb-io/rrweb/commit/b798f2dbc07b5a24dcaf40d164159200b6c0679d), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`40bbc25`](https://github.com/rrweb-io/rrweb/commit/40bbc25fc287badc317a53f2d3f21b1c9f2b211b), [`22bc4c3`](https://github.com/rrweb-io/rrweb/commit/22bc4c334e88f0b8ee5488d9e1e95cd8093a15c8), [`11f6567`](https://github.com/rrweb-io/rrweb/commit/11f6567fd81ef9ed0f954a7b6d5e39653f56004f), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`dc20cd4`](https://github.com/rrweb-io/rrweb/commit/dc20cd45cc63058325784444af6bd32ed2cace48), [`3e9e42f`](https://github.com/rrweb-io/rrweb/commit/3e9e42fdfd6349087d7a0345af1b39dd56528502), [`03b5216`](https://github.com/rrweb-io/rrweb/commit/03b5216a9403f1509b4f69d1d71ef9874277fe91), [`46f1b25`](https://github.com/rrweb-io/rrweb/commit/46f1b252a5919c68c68e825bd6089cc2e7d34e7c), [`cbbd1e5`](https://github.com/rrweb-io/rrweb/commit/cbbd1e55f1f7fa2eed9fa11e4152b509bdfd88f7), [`a6893f7`](https://github.com/rrweb-io/rrweb/commit/a6893f73abe217a95d28996e01b7ec8261e42de3), [`c28ef5f`](https://github.com/rrweb-io/rrweb/commit/c28ef5f658abb93086504581409cf7a376db48dc), [`335639a`](https://github.com/rrweb-io/rrweb/commit/335639af9b0ce7f70eb0f38ce113d877c7325158), [`5e7943d`](https://github.com/rrweb-io/rrweb/commit/5e7943dbae6e2cde76c484bdd26bc0b96f1b6dce), [`4014305`](https://github.com/rrweb-io/rrweb/commit/40143059446cee5c042c007b1c2e976f36e172f5), [`efdc167`](https://github.com/rrweb-io/rrweb/commit/efdc167ca6c039d04af83612e3d92498bb9b41a7), [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8), [`f6f07e9`](https://github.com/rrweb-io/rrweb/commit/f6f07e953376634a4caf28ff8cbfed5a017c4347), [`979d2b1`](https://github.com/rrweb-io/rrweb/commit/979d2b1847a3d05e2731722952e4d6bd8be54f40), [`1385f7a`](https://github.com/rrweb-io/rrweb/commit/1385f7acc0052f83be1458a7b00e18c026ee393f), [`d7c72bf`](https://github.com/rrweb-io/rrweb/commit/d7c72bff0724b46a6fa94af455220626a27104fe), [`f2419f2`](https://github.com/rrweb-io/rrweb/commit/f2419f2513e9ad3ea597e2b5a4463a4fbf74868f), [`c0f83af`](https://github.com/rrweb-io/rrweb/commit/c0f83afab8f1565633de0e986b7e96fa56f2d25c), [`e96f668`](https://github.com/rrweb-io/rrweb/commit/e96f668c86bd0ab5dc190bb2957a170271bb2ebc), [`58c9104`](https://github.com/rrweb-io/rrweb/commit/58c9104eddc8b7994a067a97daae5684e42f892f), [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff), [`bc84246`](https://github.com/rrweb-io/rrweb/commit/bc84246f78849a80dbb8fe9b4e76117afcc5c3f7), [`d2582e9`](https://github.com/rrweb-io/rrweb/commit/d2582e9a81197130cd93bc1dd778e16fddfb0be3), [`82f6fec`](https://github.com/rrweb-io/rrweb/commit/82f6fecf36413ecbc994a510144487f1de20d1d5), [`eac9b18`](https://github.com/rrweb-io/rrweb/commit/eac9b18bbfa3c350797b99b583dd93a5fc32b828), [`02cc62d`](https://github.com/rrweb-io/rrweb/commit/02cc62dd44b52f579a332b55c49896a5cb7cc694), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`d0fdc0f`](https://github.com/rrweb-io/rrweb/commit/d0fdc0f273bb156a1faab4782b40fbec8dccf915), [`f3cf092`](https://github.com/rrweb-io/rrweb/commit/f3cf0928df30d5ed5c0d573c524be6e744c0f8d3), [`a2be77b`](https://github.com/rrweb-io/rrweb/commit/a2be77b82826c4be0e7f3c7c9f7ee50476d5f6f8), [`f27e545`](https://github.com/rrweb-io/rrweb/commit/f27e545e1871ed2c1753d37543f556e8ddc406b4), [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff), [`527d9d3`](https://github.com/rrweb-io/rrweb/commit/527d9d3913bae7f0f7741517f4b09f7a99aae57a), [`f7c6973`](https://github.com/rrweb-io/rrweb/commit/f7c6973ae9c21b9ea014bdef7101f976f04d9356), [`efdc167`](https://github.com/rrweb-io/rrweb/commit/efdc167ca6c039d04af83612e3d92498bb9b41a7), [`a7c33f2`](https://github.com/rrweb-io/rrweb/commit/a7c33f2093c4d92faf7ae25e8bb0e088d122c13b), [`43e4f5b`](https://github.com/rrweb-io/rrweb/commit/43e4f5b4ad4bb0525a874a545d69443bc58bc47e), [`3cc4323`](https://github.com/rrweb-io/rrweb/commit/3cc4323094065a12f8b65afecd45061d604e245f), [`6f4e691`](https://github.com/rrweb-io/rrweb/commit/6f4e691f39cc59b655d1be4f951128beecb88acb), [`335639a`](https://github.com/rrweb-io/rrweb/commit/335639af9b0ce7f70eb0f38ce113d877c7325158), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`04ee6ed`](https://github.com/rrweb-io/rrweb/commit/04ee6eda57157f0e04f18f907d8f3e59ababc753), [`5fbb904`](https://github.com/rrweb-io/rrweb/commit/5fbb904edb653f3da17e6775ee438d81ef0bba83), [`d350da8`](https://github.com/rrweb-io/rrweb/commit/d350da8552d8616dd118ee550bdfbce082986562), [`d08624c`](https://github.com/rrweb-io/rrweb/commit/d08624cb28add386c3618a0e6607424c3f1884d8), [`e7f0c80`](https://github.com/rrweb-io/rrweb/commit/e7f0c808c3f348fb27d1acd5fa300a5d92b14d00), [`8aea5b0`](https://github.com/rrweb-io/rrweb/commit/8aea5b00a4dfe5a6f59bd2ae72bb624f45e51e81), [`314a8dd`](https://github.com/rrweb-io/rrweb/commit/314a8dde5a13095873b89d07bac7c949918bf817), [`5a78938`](https://github.com/rrweb-io/rrweb/commit/5a789385a341311ba327a768fe0e2f0f2f5002ee), [`e607e83`](https://github.com/rrweb-io/rrweb/commit/e607e83b21d45131a56c1ff606e9519a5b475fc1), [`76df979`](https://github.com/rrweb-io/rrweb/commit/76df9799ecc14930fa914e5623a73ea7726e3747), [`7c0dc9d`](https://github.com/rrweb-io/rrweb/commit/7c0dc9dfe1564c9d6624557c5b394e7844955882), [`8e47ca1`](https://github.com/rrweb-io/rrweb/commit/8e47ca1021ebb4fc036b37623ef10abf7976d6dd), [`07ac5c9`](https://github.com/rrweb-io/rrweb/commit/07ac5c9e1371824ec3ffb705f9250bbe10f4b73e), [`c6600e7`](https://github.com/rrweb-io/rrweb/commit/c6600e742b8ec0b6295816bb5de9edcd624d975e), [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0), [`e08706a`](https://github.com/rrweb-io/rrweb/commit/e08706ae60268b6eb05c6292ef948c71bd423ce3), [`be6bf52`](https://github.com/rrweb-io/rrweb/commit/be6bf52c248c35de1b3491e3a3440ff61f876414), [`6388fb5`](https://github.com/rrweb-io/rrweb/commit/6388fb5a468e1a860ab8bb5c6826c811dcc3100c), [`c278d06`](https://github.com/rrweb-io/rrweb/commit/c278d068a0e2f1175cce7cc63920ac1fbf4783cf)]:
+  - @rrweb/utils@2.0.0
+  - rrweb-snapshot@2.0.0
+  - @rrweb/types@2.0.0
+  - rrdom@2.0.0
+
+## 2.0.0-alpha.20
+
+### Patch Changes
+
+- [#1763](https://github.com/rrweb-io/rrweb/pull/1763) [`6388fb5`](https://github.com/rrweb-io/rrweb/commit/6388fb5a468e1a860ab8bb5c6826c811dcc3100c) Thanks [@wfk007](https://github.com/wfk007)! - fix: wujie monkeypatches ownerDocument
+
+- Updated dependencies [[`6388fb5`](https://github.com/rrweb-io/rrweb/commit/6388fb5a468e1a860ab8bb5c6826c811dcc3100c)]:
+  - @rrweb/utils@2.0.0-alpha.20
+  - rrweb-snapshot@2.0.0-alpha.20
+  - rrdom@2.0.0-alpha.20
+  - @rrweb/types@2.0.0-alpha.20
+
+## 2.0.0-alpha.19
+
+### Patch Changes
+
+- [#1615](https://github.com/rrweb-io/rrweb/pull/1615) [`dc20cd4`](https://github.com/rrweb-io/rrweb/commit/dc20cd45cc63058325784444af6bd32ed2cace48) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Improve performance of splitCssText for <style> elements with large css content - see #1603
+
+- [#1640](https://github.com/rrweb-io/rrweb/pull/1640) [`3e9e42f`](https://github.com/rrweb-io/rrweb/commit/3e9e42fdfd6349087d7a0345af1b39dd56528502) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Improve performance of splitCssText for <style> elements with large css content - see #1603
+
+- [#1600](https://github.com/rrweb-io/rrweb/pull/1600) [`a6893f7`](https://github.com/rrweb-io/rrweb/commit/a6893f73abe217a95d28996e01b7ec8261e42de3) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - #1575 Fix that postcss could fall over when trying to process css content split arbitrarily
+
+- [#1631](https://github.com/rrweb-io/rrweb/pull/1631) [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8) Thanks [@pauldambra](https://github.com/pauldambra)! - Move patch function into @rrweb/utils to improve bundling
+
+- [#1695](https://github.com/rrweb-io/rrweb/pull/1695) [`fc390a9`](https://github.com/rrweb-io/rrweb/commit/fc390a954c4fc17fe2ee0e2b6edba634611349e0) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - fix: rrweb recorder may throw error when stopping recording after an iframe becomes cross-origin
+
+- [#1618](https://github.com/rrweb-io/rrweb/pull/1618) [`79837ac`](https://github.com/rrweb-io/rrweb/commit/79837ac8f2f459935f6737210890b5c12033a53b) Thanks [@billyvg](https://github.com/billyvg)! - This fixes an issue where inlined CSS from a remotely loaded `<link>` does not get applied properly due to object reference mutation.
+
+- [#1614](https://github.com/rrweb-io/rrweb/pull/1614) [`6f4e691`](https://github.com/rrweb-io/rrweb/commit/6f4e691f39cc59b655d1be4f951128beecb88acb) Thanks [@billyvg](https://github.com/billyvg)! - Change to ignore all link[rel="modulepreload"] instead of including only those with `as="script"`
+
+- [#1599](https://github.com/rrweb-io/rrweb/pull/1599) [`9cd28b7`](https://github.com/rrweb-io/rrweb/commit/9cd28b703ec08a77dc6b790dbffb20dfb8e9a513) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - #1596 Add masking for innerText mutations on textarea elements
+
+- Updated dependencies [[`47a7c3f`](https://github.com/rrweb-io/rrweb/commit/47a7c3faa6fdbd3a515f473dc3a979acd2c8276e), [`dc20cd4`](https://github.com/rrweb-io/rrweb/commit/dc20cd45cc63058325784444af6bd32ed2cace48), [`3e9e42f`](https://github.com/rrweb-io/rrweb/commit/3e9e42fdfd6349087d7a0345af1b39dd56528502), [`a6893f7`](https://github.com/rrweb-io/rrweb/commit/a6893f73abe217a95d28996e01b7ec8261e42de3), [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8), [`f2419f2`](https://github.com/rrweb-io/rrweb/commit/f2419f2513e9ad3ea597e2b5a4463a4fbf74868f), [`6f4e691`](https://github.com/rrweb-io/rrweb/commit/6f4e691f39cc59b655d1be4f951128beecb88acb), [`76df979`](https://github.com/rrweb-io/rrweb/commit/76df9799ecc14930fa914e5623a73ea7726e3747)]:
+  - rrweb-snapshot@2.0.0-alpha.19
+  - @rrweb/utils@2.0.0-alpha.19
+  - rrdom@2.0.0-alpha.19
+  - @rrweb/types@2.0.0-alpha.19
+
 ## 2.0.0-alpha.18
 
 ### Minor Changes
@@ -364,3 +767,27 @@
   - rrweb-snapshot@2.0.0-alpha.5
   - rrdom@2.0.0-alpha.5
   - @rrweb/types@2.0.0-alpha.5
+
+## 1.0.0
+
+### Minor Changes
+
+- Support recording same-origin non-sandboxed iframes.
+- Support recording open-mode shadow DOM.
+- Implement the plugin API.
+- Export `record.takeFullSnapshot` as a public API.
+- Record and replay drag events.
+- Add options to mask texts (#540).
+
+### Patch Changes
+
+- Get the original MutationObserver when Angular patched it.
+- Fix RangeError: Maximum call stack size exceeded (#479).
+- Fix the linked-list implementation in the recorder.
+- Don't perform newly added actions if the player is paused (#539).
+- Fix inaccurate mouse position (#522).
+
+### Major Changes
+
+- Deprecated the usage of `rrweb.mirror`. Please use `record.mirror` and `replayer.getMirror()` instead.
+- Deprecated built-in console recording and replay options. See the plugin API in the [console recipe](../../docs/recipes/console.md).
diff --git a/packages/rrweb/README.md b/packages/rrweb/README.md
index 4e14cef4..c880a4a5 100644
--- a/packages/rrweb/README.md
+++ b/packages/rrweb/README.md
@@ -19,12 +19,84 @@ rrweb refers to 'record and replay the web', which is a tool for recording and r
 
 [**🍳 Recipes 🍳**](../../docs/recipes/index.md)
 
+## Installation
+
+`rrweb` is kept mainly for backward compatibility. For new integrations, prefer package-specific entrypoints (`@rrweb/record` and `@rrweb/replay`) first, or use `@rrweb/all` as a convenience package.
+
+### 1) Bundler / npm (Recommended)
+
+For new projects:
+
+```shell
+npm install @rrweb/record @rrweb/replay
+```
+
+```js
+import { record } from '@rrweb/record';
+import { Replayer } from '@rrweb/replay';
+import '@rrweb/replay/dist/style.css';
+```
+
+Convenience single-package option:
+
+```shell
+npm install @rrweb/all
+```
+
+```js
+import { record, Replayer, pack, unpack } from '@rrweb/all';
+import '@rrweb/all/dist/style.css';
+```
+
+Legacy compatibility package:
+
+```shell
+npm install rrweb
+```
+
+```js
+import { record, Replayer } from 'rrweb';
+import 'rrweb/dist/style.css';
+```
+
+### 2) Browser Without Bundler (ESM)
+
+```html
+<link
+  rel="stylesheet"
+  href="https://cdn.rrweb.com/replay/current/dist/style.css"
+/>
+<script type="module">
+  import { record } from 'https://cdn.rrweb.com/record/current/dist/record.js';
+  import { Replayer } from 'https://cdn.rrweb.com/replay/current/dist/replay.js';
+</script>
+```
+
+Use `current` for the latest stable release, or pin exact versions such as
+`https://cdn.rrweb.com/record/2.0.0/dist/record.js` and
+`https://cdn.rrweb.com/replay/2.0.0/dist/replay.js` for immutable
+production URLs.
+
+### 3) Legacy Direct `<script>` Include (UMD fallback)
+
+Use this only for compatibility with non-module environments; modern browsers
+support the ESM method above.
+
+```html
+<link
+  rel="stylesheet"
+  href="https://cdn.rrweb.com/replay/current/dist/style.css"
+/>
+<script src="https://cdn.rrweb.com/record/current/dist/record.umd.cjs"></script>
+<script src="https://cdn.rrweb.com/replay/current/dist/replay.umd.cjs"></script>
+```
+
 ## Project Structure
 
 **[rrweb](https://github.com/rrweb-io/rrweb)** mainly includes two funtions:
 
 - **Record**: The record function is used to record all the mutations in the DOM
-- **Replay**: The replay function is to replay the recorded mutations one by one according to the corresponding timestamp.
+- **Replayer**: The replay function is to replay the recorded mutations one by one according to the corresponding timestamp.
 
 ## Roadmap
 
@@ -171,12 +243,12 @@ In addition to adding integration tests and unit tests, rrweb also provides a RE
   <tr>
     <td align="center">
       <a href="http://www.smartx.com/" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/smartx.png">
+        <img width="195px" src="https://raw.githubusercontent.com/rrweb-io/web/master/static/logos/smartx.png" alt="SmartX">
       </a>
     </td>
     <td align="center">
       <a href="https://posthog.com?utm_source=rrweb&utm_medium=sponsorship&utm_campaign=open-source-sponsorship" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/posthog.png">
+        <img width="195px" src="https://rrweb.com/posthog.png" alt="PostHog">
       </a>
     </td>
     <td align="center">
@@ -190,7 +262,39 @@ In addition to adding integration tests and unit tests, rrweb also provides a RE
       </a>
     </td>
   </tr>
-    <tr>
+  <tr>
+    <td align="center">
+      <a href="https://sentry.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/sentry.png" alt="Sentry">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.pendo.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/pendo.png" alt="Pendo">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://mixpanel.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/mixpanel.png" alt="Mixpanel">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.datadoghq.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/datadog.png" alt="Datadog">
+      </a>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="https://amplitude.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/amplitude.png" alt="Amplitude">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://newrelic.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/new%20relic.png" alt="New Relic">
+      </a>
+    </td>
     <td align="center">
       <a href="https://cux.io" target="_blank">
         <img style="padding: 8px" alt="The first ever UX automation tool" width="195px" src="https://cux.io/cux-logo.svg">
@@ -201,6 +305,8 @@ In addition to adding integration tests and unit tests, rrweb also provides a RE
         <img style="padding: 8px" alt="Remote Access & Co-Browsing" width="195px" src="https://remsupp.com/images/logo.png">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://highlight.io" target="_blank">
         <img style="padding: 8px" alt="The open source, fullstack Monitoring Platform." width="195px" src="https://github.com/highlight/highlight/raw/main/highlight.io/public/images/logo.png">
@@ -208,11 +314,9 @@ In addition to adding integration tests and unit tests, rrweb also provides a RE
     </td>
     <td align="center">
       <a href="https://analyzee.io" target="_blank">
-        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://cdn.analyzee.io/assets/analyzee-logo.png">
+        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://analyzee.io/img/analyzee-main-logo.webp">
       </a>
     </td>
-  </tr>
-  <tr>
     <td align="center">
       <a href="https://requestly.io" target="_blank">
         <img style="padding: 8px" alt="Intercept, Modify, Record & Replay HTTP Requests." width="195px" src="https://github.com/requestly/requestly/assets/16779465/652552db-c867-44cb-9bb5-94a2026e04ca">
@@ -223,6 +327,8 @@ In addition to adding integration tests and unit tests, rrweb also provides a RE
         <img style="padding: 8px" alt="In-app bug reporting & customer feedback platform." width="195px" src="https://assets-global.website-files.com/6506f3f29c68b1724807619d/6506f56010237164c6306591_GleapLogo.svg">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://uxwizz.com" target="_blank">
         <img style="padding: 8px" alt="Self-hosted website analytics with heatmaps and session recordings." width="195px" src="https://github.com/UXWizz/public-files/raw/main/assets/logo.png">
diff --git a/packages/rrweb/package.json b/packages/rrweb/package.json
index 08a795ee..dedcd04a 100644
--- a/packages/rrweb/package.json
+++ b/packages/rrweb/package.json
@@ -20,8 +20,9 @@
     "build": "tsc -noEmit && vite build",
     "check-types": "tsc -noEmit",
     "prepublish": "tsc -noEmit && vite build",
-    "lint": "yarn eslint src",
-    "benchmark": "vitest run --maxConcurrency 1 --no-file-parallelism test/benchmark"
+    "lint": "npx eslint src",
+    "benchmark": "vitest run --maxConcurrency 1 --no-file-parallelism test/benchmark",
+    "test:webkit": "yarn build && vitest run --config vitest.config.webkit.ts"
   },
   "type": "module",
   "repository": {
@@ -29,11 +30,16 @@
     "url": "git+ssh://git@github.com/rrweb-io/rrweb.git"
   },
   "keywords": [
-    "@highlight-run/rrweb"
+    "devtools",
+    "product-analytics",
+    "real-user-monitoring",
+    "rrweb"
   ],
   "main": "./dist/rrweb.umd.cjs",
   "module": "./dist/rrweb.js",
   "unpkg": "./dist/rrweb.umd.cjs",
+  "jsdelivr": "./umd/rrweb.js",
+  "style": "./dist/style.css",
   "typings": "dist/rrweb.d.ts",
   "exports": {
     ".": {
@@ -49,11 +55,12 @@
     "./dist/style.css": "./dist/style.css"
   },
   "files": [
+    "umd",
     "dist",
     "package.json"
   ],
   "sideEffects": false,
-  "author": "yanzhen@smartx.com",
+  "author": "rrweb Core Team <maintainers@rrweb.com>",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/rrweb-io/rrweb/issues"
@@ -66,19 +73,21 @@
     "@types/node": "^18.15.11",
     "@types/offscreencanvas": "^2019.6.4",
     "construct-style-sheets-polyfill": "^3.1.0",
+    "cross-env": "^7.0.3",
     "fast-mhtml": "^1.1.9",
     "identity-obj-proxy": "^3.0.0",
     "ignore-styles": "^5.0.1",
     "inquirer": "^9.0.0",
     "jest-image-snapshot": "^6.2.0",
+    "playwright": "^1.60.0",
     "puppeteer": "^20.9.0",
     "simple-peer-light": "^9.10.0",
     "ts-node": "^10.9.1",
     "tslib": "^2.3.1",
-    "turbo": "^2.0.5",
     "typescript": "^5.4.5",
-    "vite": "^5.3.1",
-    "vite-plugin-dts": "^3.9.1"
+    "vite": "^6.4.2",
+    "vite-plugin-dts": "^3.9.1",
+    "vitest": "^3.2.6"
   },
   "dependencies": {
     "@highlight-run/rrdom": "workspace:*",
diff --git a/packages/rrweb/rollup.config.js b/packages/rrweb/rollup.config.js
deleted file mode 100644
index 2d4e40e7..00000000
--- a/packages/rrweb/rollup.config.js
+++ /dev/null
@@ -1,286 +0,0 @@
-import typescript from 'rollup-plugin-typescript2';
-import esbuild from 'rollup-plugin-esbuild';
-import resolve from '@rollup/plugin-node-resolve';
-import postcss from 'rollup-plugin-postcss';
-import renameNodeModules from 'rollup-plugin-rename-node-modules';
-import webWorkerLoader from 'rollup-plugin-web-worker-loader';
-import pkg from './package.json';
-
-function toRecordPath(path) {
-  return path
-    .replace(/^([\w]+)\//, '$1/record/')
-    .replace('rrweb', 'rrweb-record');
-}
-
-function toRecordPackPath(path) {
-  return path
-    .replace(/^([\w]+)\//, '$1/record/')
-    .replace('rrweb', 'rrweb-record-pack');
-}
-
-function toReplayPath(path) {
-  return path
-    .replace(/^([\w]+)\//, '$1/replay/')
-    .replace('rrweb', 'rrweb-replay');
-}
-
-function toReplayUnpackPath(path) {
-  return path
-    .replace(/^([\w]+)\//, '$1/replay/')
-    .replace('rrweb', 'rrweb-replay-unpack');
-}
-
-function toAllPath(path) {
-  return path.replace('rrweb', 'rrweb-all');
-}
-
-function toPluginPath(pluginName, stage) {
-  return (path) =>
-    path
-      .replace(/^([\w]+)\//, '$1/plugins/')
-      .replace('rrweb', `${pluginName}-${stage}`);
-}
-
-function toMinPath(path) {
-  return path.replace(/\.js$/, '.min.js');
-}
-
-const baseConfigs = [
-  // all in one
-  {
-    input: './src/entries/all.ts',
-    name: 'rrweb',
-    pathFn: toAllPath,
-    esm: true,
-  },
-  // record only
-  {
-    input: './src/record/index.ts',
-    name: 'rrwebRecord',
-    pathFn: toRecordPath,
-  },
-  // record and pack
-  {
-    input: './src/entries/record-pack.ts',
-    name: 'rrwebRecord',
-    pathFn: toRecordPackPath,
-  },
-  // replay only
-  {
-    input: './src/replay/index.ts',
-    name: 'rrwebReplay',
-    pathFn: toReplayPath,
-  },
-  // replay and unpack
-  {
-    input: './src/entries/replay-unpack.ts',
-    name: 'rrwebReplay',
-    pathFn: toReplayUnpackPath,
-  },
-  // record and replay
-  {
-    input: './src/index.ts',
-    name: 'rrweb',
-    pathFn: (p) => p,
-  },
-  // plugins
-  {
-    input: './src/plugins/console/record/index.ts',
-    name: 'rrwebConsoleRecord',
-    pathFn: toPluginPath('console', 'record'),
-  },
-  {
-    input: './src/plugins/canvas-webrtc/record/index.ts',
-    name: 'rrwebCanvasWebRTCRecord',
-    pathFn: toPluginPath('canvas-webrtc', 'record'),
-  },
-  {
-    input: './src/plugins/canvas-webrtc/replay/index.ts',
-    name: 'rrwebCanvasWebRTCReplay',
-    pathFn: toPluginPath('canvas-webrtc', 'replay'),
-  },
-  {
-    input: './src/plugins/console/replay/index.ts',
-    name: 'rrwebConsoleReplay',
-    pathFn: toPluginPath('console', 'replay'),
-  },
-  {
-    input: './src/plugins/sequential-id/record/index.ts',
-    name: 'rrwebSequentialIdRecord',
-    pathFn: toPluginPath('sequential-id', 'record'),
-  },
-  {
-    input: './src/plugins/sequential-id/replay/index.ts',
-    name: 'rrwebSequentialIdReplay',
-    pathFn: toPluginPath('sequential-id', 'replay'),
-  },
-];
-
-let configs = [];
-
-function getPlugins(options = {}) {
-  const { minify = true, sourceMap = true } = options;
-  return [
-    resolve({ browser: true }),
-    webWorkerLoader({
-      targetPlatform: 'browser',
-      inline: true,
-      preserveSource: false,
-      sourceMap,
-    }),
-    esbuild({
-      minify,
-    }),
-    postcss({
-      extract: true,
-      inject: false,
-      minimize: minify,
-      sourceMap: true,
-    }),
-  ];
-}
-
-for (const c of baseConfigs) {
-  const basePlugins = [
-    resolve({ browser: true }),
-
-    // supports bundling `web-worker:..filename`
-    webWorkerLoader({
-      targetPlatform: 'browser',
-      inline: true,
-      preserveSource: false,
-    }),
-
-    typescript(),
-  ];
-  const plugins = basePlugins.concat(
-    postcss({
-      extract: false,
-      inject: false,
-      minimize: true,
-      sourceMap: true,
-    }),
-  );
-  // browser
-  configs.push({
-    input: c.input,
-    plugins: getPlugins(),
-    output: [
-      {
-        name: c.name,
-        format: 'iife',
-        file: c.pathFn(pkg.unpkg),
-        sourcemap: true,
-      },
-    ],
-  });
-  // browser + minify
-  configs.push({
-    input: c.input,
-    plugins: getPlugins({ minify: true, sourceMap: true }),
-    output: [
-      {
-        name: c.name,
-        format: 'iife',
-        file: toMinPath(c.pathFn(pkg.unpkg)),
-        sourcemap: true,
-      },
-    ],
-  });
-  // CommonJS
-  configs.push({
-    input: c.input,
-    plugins,
-    output: [
-      {
-        format: 'cjs',
-        file: c.pathFn('lib/rrweb.cjs'),
-        sourcemap: true,
-      },
-    ],
-  });
-  if (c.esm) {
-    // ES module
-    configs.push({
-      input: c.input,
-      plugins,
-      preserveModules: true,
-      output: [
-        {
-          format: 'esm',
-          dir: 'es/rrweb',
-          plugins: [renameNodeModules('ext')],
-          sourcemap: true,
-        },
-      ],
-    });
-  }
-}
-
-if (process.env.BROWSER_ONLY) {
-  const browserOnlyBaseConfigs = [
-    {
-      input: './src/index.ts',
-      name: 'rrweb',
-      pathFn: (p) => p,
-    },
-    {
-      input: './src/entries/all.ts',
-      name: 'rrweb',
-      pathFn: toAllPath,
-    },
-    {
-      input: './src/plugins/console/record/index.ts',
-      name: 'rrwebConsoleRecord',
-      pathFn: toPluginPath('console', 'record'),
-    },
-    {
-      input: './src/plugins/canvas-webrtc/record/index.ts',
-      name: 'rrwebCanvasWebRTCRecord',
-      pathFn: toPluginPath('canvas-webrtc', 'record'),
-    },
-    {
-      input: './src/plugins/canvas-webrtc/replay/index.ts',
-      name: 'rrwebCanvasWebRTCReplay',
-      pathFn: toPluginPath('canvas-webrtc', 'replay'),
-    },
-    {
-      input: './src/plugins/sequential-id/record/index.ts',
-      name: 'rrwebSequentialIdRecord',
-      pathFn: toPluginPath('sequential-id', 'record'),
-    },
-  ];
-
-  configs = [];
-
-  // browser record + replay, unminified (for profiling and performance testing)
-  configs.push({
-    input: './src/index.ts',
-    plugins: getPlugins(),
-    output: [
-      {
-        name: 'rrweb',
-        format: 'iife',
-        file: pkg.unpkg,
-        sourcemap: true,
-      },
-    ],
-  });
-
-  for (const c of browserOnlyBaseConfigs) {
-    configs.push({
-      input: c.input,
-      plugins: getPlugins({ sourceMap: true, minify: true }),
-      output: [
-        {
-          name: c.name,
-          format: 'iife',
-          file: c.pathFn(pkg.unpkg),
-          sourcemap: true,
-        },
-      ],
-    });
-  }
-}
-
-export default configs;
diff --git a/packages/rrweb/src/entries/record.ts b/packages/rrweb/src/entries/record.ts
index 0655b7af..255a08aa 100644
--- a/packages/rrweb/src/entries/record.ts
+++ b/packages/rrweb/src/entries/record.ts
@@ -1,3 +1 @@
-import record from '../record';
-
-export { record };
+export { default as record } from '../record';
diff --git a/packages/rrweb/src/record/index.ts b/packages/rrweb/src/record/index.ts
index 31e15fac..29cb5dfb 100644
--- a/packages/rrweb/src/record/index.ts
+++ b/packages/rrweb/src/record/index.ts
@@ -1,7 +1,7 @@
 import {
   snapshot,
+  slimDOMDefaults,
   type MaskInputOptions,
-  type SlimDOMOptions,
   createMirror,
 } from 'rrweb-snapshot';
 import { initObservers, mutationBuffers } from './observer';
@@ -105,7 +105,9 @@ function record<T = eventWithTime>(
   } = options;
   const dataURLOptions = {
     ...options.dataURLOptions,
-    ...options.sampling?.canvas?.dataURLOptions,
+    ...(typeof options.sampling?.canvas === 'object'
+      ? options.sampling.canvas.dataURLOptions
+      : undefined),
   };
 
   registerErrorHandler(errorHandler);
@@ -167,26 +169,7 @@ function record<T = eventWithTime>(
       ? _maskInputOptions
       : { password: true };
 
-  const slimDOMOptions: SlimDOMOptions =
-    _slimDOMOptions === true || _slimDOMOptions === 'all'
-      ? {
-          script: true,
-          comment: true,
-          headFavicon: true,
-          headWhitespace: true,
-          headMetaSocial: true,
-          headMetaRobots: true,
-          headMetaHttpEquiv: true,
-          headMetaVerification: true,
-          // the following are off for slimDOMOptions === true,
-          // as they destroy some (hidden) info:
-          headMetaAuthorship: _slimDOMOptions === 'all',
-          headMetaDescKeywords: _slimDOMOptions === 'all',
-          headTitleMutations: _slimDOMOptions === 'all',
-        }
-      : _slimDOMOptions
-      ? _slimDOMOptions
-      : {};
+  const slimDOMOptions = slimDOMDefaults(_slimDOMOptions);
 
   polyfill();
 
@@ -323,6 +306,13 @@ function record<T = eventWithTime>(
 
   const processedNodeManager = new ProcessedNodeManager();
 
+  // accept both the upstream shape (sampling.canvas: 'all' | number) and the
+  // fork's extended shape (sampling.canvas: { fps, fpsManual, ... })
+  const canvasSampling =
+    typeof sampling?.canvas === 'object'
+      ? sampling.canvas
+      : { fps: sampling?.canvas };
+
   canvasManager = new CanvasManager({
     recordCanvas,
     recordLocalVideos: inlineImages,
@@ -332,13 +322,13 @@ function record<T = eventWithTime>(
     blockClass,
     blockSelector,
     mirror,
-    sampling: sampling?.canvas?.fps,
-    samplingManual: sampling?.canvas?.fpsManual,
-    clearWebGLBuffer: sampling?.canvas?.clearWebGLBuffer,
-    initialSnapshotDelay: sampling?.canvas?.initialSnapshotDelay,
+    sampling: canvasSampling.fps,
+    samplingManual: canvasSampling.fpsManual,
+    clearWebGLBuffer: canvasSampling.clearWebGLBuffer,
+    initialSnapshotDelay: canvasSampling.initialSnapshotDelay,
     dataURLOptions,
-    resizeFactor: sampling?.canvas?.resizeFactor,
-    maxSnapshotDimension: sampling?.canvas?.maxSnapshotDimension,
+    resizeFactor: canvasSampling.resizeFactor,
+    maxSnapshotDimension: canvasSampling.maxSnapshotDimension,
     logger: logger,
   });
 
@@ -608,10 +598,7 @@ function record<T = eventWithTime>(
       handlers.push(observe(document));
       recording = true;
     };
-    if (
-      document.readyState === 'interactive' ||
-      document.readyState === 'complete'
-    ) {
+    if (['interactive', 'complete'].includes(document.readyState)) {
       init();
     } else {
       handlers.push(
@@ -638,7 +625,25 @@ function record<T = eventWithTime>(
       );
     }
     return () => {
-      handlers.forEach((h) => h());
+      handlers.forEach((handler) => {
+        try {
+          handler();
+        } catch (error) {
+          const msg = String(error).toLowerCase();
+          /**
+           * https://github.com/rrweb-io/rrweb/pull/1695
+           * This error can occur in a known scenario:
+           * If an iframe is initially same-origin and observed, but later its 
+           location is changed in an opaque way to a cross-origin URL (perhaps within the iframe via its `document.location` or a redirect) 
+           * attempting to execute the handler in the stop record function will 
+           throw a "cannot access cross-origin frame" error.
+           * This error is expected and can be safely ignored.
+           */
+          if (!msg.includes('cross-origin')) {
+            console.warn(error);
+          }
+        }
+      });
       processedNodeManager.destroy();
       recording = false;
       unregisterErrorHandler();
diff --git a/packages/rrweb/src/record/observer.ts b/packages/rrweb/src/record/observer.ts
index bc8a052b..d2da0cd4 100644
--- a/packages/rrweb/src/record/observer.ts
+++ b/packages/rrweb/src/record/observer.ts
@@ -82,12 +82,13 @@ function getEventTarget(event: Event | NonStandardEvent): EventTarget | null {
 export function initMutationObserver(
   options: MutationBufferParam,
   rootEl: Node,
-): MutationObserver {
+): [MutationObserver, () => void] {
   const mutationBuffer = new MutationBuffer();
   mutationBuffers.push(mutationBuffer);
   // see mutation.ts for details
   mutationBuffer.init(options);
-  const observer = new (mutationObserverCtor() as new (
+  const [ObserverCtor, iframeCleanup] = mutationObserverCtor();
+  const observer = new (ObserverCtor as new (
     callback: MutationCallback,
   ) => MutationObserver)(
     callbackWrapper(mutationBuffer.processMutations.bind(mutationBuffer)),
@@ -100,7 +101,7 @@ export function initMutationObserver(
     childList: true,
     subtree: true,
   });
-  return observer;
+  return [observer, iframeCleanup];
 }
 
 function initMoveObserver({
@@ -568,6 +569,7 @@ function getNestedCSSRulePositions(rule: CSSRule): number[] {
       );
       const index = rules.indexOf(childRule);
       pos.unshift(index);
+      return recurse(childRule.parentRule, pos);
     } else if (childRule.parentStyleSheet) {
       const rules = Array.from(childRule.parentStyleSheet.cssRules);
       const index = rules.indexOf(childRule);
@@ -1324,8 +1326,10 @@ export function initObservers(
 
   mergeHooks(o, hooks);
   let mutationObserver: MutationObserver | undefined;
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  let cleanupMutationIframe: () => void = () => {};
   if (o.recordDOM) {
-    mutationObserver = initMutationObserver(o, o.doc);
+    [mutationObserver, cleanupMutationIframe] = initMutationObserver(o, o.doc);
   }
   const mousemoveHandler = initMoveObserver(o);
   const mouseInteractionHandler = initMouseInteractionObserver(o);
@@ -1368,6 +1372,7 @@ export function initObservers(
   return callbackWrapper(() => {
     mutationBuffers.forEach((b) => b.reset());
     mutationObserver?.disconnect();
+    cleanupMutationIframe();
     mousemoveHandler();
     mouseInteractionHandler();
     scrollHandler();
diff --git a/packages/rrweb/src/record/observers/canvas/canvas-manager.ts b/packages/rrweb/src/record/observers/canvas/canvas-manager.ts
index 394f2090..66e95695 100644
--- a/packages/rrweb/src/record/observers/canvas/canvas-manager.ts
+++ b/packages/rrweb/src/record/observers/canvas/canvas-manager.ts
@@ -1,7 +1,4 @@
-import type {
-  ICanvas,
-  Mirror,
-} from 'rrweb-snapshot';
+import type { ICanvas, Mirror } from 'rrweb-snapshot';
 import type {
   blockClass,
   canvasManagerMutationCallback,
@@ -412,7 +409,7 @@ export class CanvasManager {
         lastSnapshotTime &&
         timestamp - lastSnapshotTime < timeBetweenSnapshots
       ) {
-        rafId = requestAnimationFrame(takeSnapshots);
+        rafId = requestAnimationFrame((t) => void takeSnapshots(t));
         return;
       }
       lastSnapshotTime = timestamp;
@@ -535,10 +532,10 @@ export class CanvasManager {
       );
       await Promise.all(promises).catch(console.error);
 
-      rafId = requestAnimationFrame(takeSnapshots);
+      rafId = requestAnimationFrame((t) => void takeSnapshots(t));
     };
 
-    rafId = requestAnimationFrame(takeSnapshots);
+    rafId = requestAnimationFrame((t) => void takeSnapshots(t));
     this.resetObservers = () => {
       canvasContextReset();
       if (rafId) {
diff --git a/packages/rrweb/src/record/observers/canvas/canvas.ts b/packages/rrweb/src/record/observers/canvas/canvas.ts
index 6b8b9d08..430e82ab 100644
--- a/packages/rrweb/src/record/observers/canvas/canvas.ts
+++ b/packages/rrweb/src/record/observers/canvas/canvas.ts
@@ -1,9 +1,5 @@
 import type { ICanvas } from 'rrweb-snapshot';
-import type {
-  blockClass,
-  IWindow,
-  listenerHandler,
-} from '@rrweb/types';
+import type { blockClass, IWindow, listenerHandler } from '@rrweb/types';
 import { isBlocked } from '../../../utils';
 import { patch } from '@rrweb/utils';
 
diff --git a/packages/rrweb/src/record/observers/canvas/webgl.ts b/packages/rrweb/src/record/observers/canvas/webgl.ts
index 40944160..3a2bb362 100644
--- a/packages/rrweb/src/record/observers/canvas/webgl.ts
+++ b/packages/rrweb/src/record/observers/canvas/webgl.ts
@@ -49,12 +49,8 @@ function patchGLPrototype(
             const result = original.apply(this, args);
             saveWebGLVar(result, win, this);
             if (
-              'tagName' in this.canvas &&!isBlocked(
-                this.canvas as HTMLCanvasElement,
-                blockClass,
-                blockSelector,
-                true,
-              )
+              'tagName' in this.canvas &&
+              !isBlocked(this.canvas, blockClass, blockSelector, true)
             ) {
               const recordArgs = serializeArgs(args, win, this);
               const mutation: canvasMutationWithType = {
@@ -63,7 +59,7 @@ function patchGLPrototype(
                 args: recordArgs,
               };
               // TODO: this could potentially also be an OffscreenCanvas as well as HTMLCanvasElement
-              cb(this.canvas as HTMLCanvasElement, mutation);
+              cb(this.canvas, mutation);
             }
 
             return result;
@@ -99,16 +95,18 @@ export default function initCanvasWebGLMutationObserver(
 ): listenerHandler {
   const handlers: listenerHandler[] = [];
 
-  handlers.push(
-    ...patchGLPrototype(
-      win.WebGLRenderingContext.prototype,
-      CanvasContext.WebGL,
-      cb,
-      blockClass,
-      blockSelector,
-      win,
-    ),
-  );
+  if (typeof win.WebGLRenderingContext !== 'undefined') {
+    handlers.push(
+      ...patchGLPrototype(
+        win.WebGLRenderingContext.prototype,
+        CanvasContext.WebGL,
+        cb,
+        blockClass,
+        blockSelector,
+        win,
+      ),
+    );
+  }
 
   if (typeof win.WebGL2RenderingContext !== 'undefined') {
     handlers.push(
diff --git a/packages/rrweb/src/record/shadow-dom-manager.ts b/packages/rrweb/src/record/shadow-dom-manager.ts
index 35affb72..6ffd9941 100644
--- a/packages/rrweb/src/record/shadow-dom-manager.ts
+++ b/packages/rrweb/src/record/shadow-dom-manager.ts
@@ -53,7 +53,7 @@ export class ShadowDomManager {
     if (!isNativeShadowDom(shadowRoot)) return;
     if (this.shadowDoms.has(shadowRoot)) return;
     this.shadowDoms.add(shadowRoot);
-    const observer = initMutationObserver(
+    const [observer] = initMutationObserver(
       {
         ...this.bypassOptions,
         doc,
diff --git a/packages/rrweb/src/replay/canvas/deserialize-args.ts b/packages/rrweb/src/replay/canvas/deserialize-args.ts
index ad2077f8..a690d798 100644
--- a/packages/rrweb/src/replay/canvas/deserialize-args.ts
+++ b/packages/rrweb/src/replay/canvas/deserialize-args.ts
@@ -1,9 +1,6 @@
 import { decode } from 'base64-arraybuffer';
 import type { Replayer } from '../';
-import type {
-  CanvasArg,
-  SerializedCanvasArg,
-} from '@rrweb/types';
+import type { CanvasArg, SerializedCanvasArg } from '@rrweb/types';
 
 // TODO: add ability to wipe this list
 type GLVarMap = Map<string, any[]>;
diff --git a/packages/rrweb/src/replay/canvas/webgl.ts b/packages/rrweb/src/replay/canvas/webgl.ts
index 35bb44e3..b4faf4c8 100644
--- a/packages/rrweb/src/replay/canvas/webgl.ts
+++ b/packages/rrweb/src/replay/canvas/webgl.ts
@@ -1,8 +1,5 @@
 import type { Replayer } from '../';
-import {
-  CanvasContext,
-  type canvasMutationCommand,
-} from '@rrweb/types';
+import { CanvasContext, type canvasMutationCommand } from '@rrweb/types';
 import { deserializeArg, variableListFor } from './deserialize-args';
 
 function getContext(
diff --git a/packages/rrweb/src/replay/index.ts b/packages/rrweb/src/replay/index.ts
index 75aa7f4d..8d4a3882 100644
--- a/packages/rrweb/src/replay/index.ts
+++ b/packages/rrweb/src/replay/index.ts
@@ -4,6 +4,7 @@ import {
   buildNodeWithSN,
   type BuildCache,
   createCache,
+  createSandboxedIframe,
   Mirror,
   createMirror,
   toLowerCase,
@@ -119,6 +120,7 @@ function indicatesTouchDevice(e: eventWithTime) {
 export class Replayer {
   public wrapper: HTMLDivElement;
   public iframe: HTMLIFrameElement;
+  private UNSAFE_replayCanvas = false;
 
   public service: ReturnType<typeof createPlayerService>;
   public speedService: ReturnType<typeof createSpeedService>;
@@ -402,7 +404,7 @@ export class Replayer {
       (e) => e.type === EventType.FullSnapshot,
     );
     if (firstMeta) {
-      const { width, height } = firstMeta.data ;
+      const { width, height } = firstMeta.data;
       setTimeout(() => {
         this.emitter.emit(ReplayerEvents.Resize, {
           width,
@@ -590,6 +592,9 @@ export class Replayer {
    * Get the actual time offset the player is at now compared to the first event.
    */
   public getCurrentTime(): number {
+    if (this.config.liveMode) {
+      this.timer.updateLiveTime();
+    }
     return this.timer.timeOffset + this.getTimeOffset();
   }
 
@@ -722,16 +727,20 @@ export class Replayer {
       this.wrapper.appendChild(this.mouseTail);
     }
 
-    this.iframe = document.createElement('iframe');
-    const attributes = ['allow-same-origin'];
     if (this.config.UNSAFE_replayCanvas) {
-      attributes.push('allow-scripts');
+      this.iframe = document.createElement('iframe');
+      this.iframe.setAttribute('sandbox', 'allow-same-origin allow-scripts');
+      this.wrapper.appendChild(this.iframe);
+      this.UNSAFE_replayCanvas = true;
+    } else {
+      this.iframe = createSandboxedIframe({
+        root: this.wrapper,
+      });
+      this.UNSAFE_replayCanvas = false;
     }
     // hide iframe before first meta event
     this.iframe.style.display = 'none';
-    this.iframe.setAttribute('sandbox', attributes.join(' '));
     this.disableInteract();
-    this.wrapper.appendChild(this.iframe);
     if (this.iframe.contentWindow && this.iframe.contentDocument) {
       smoothscrollPolyfill(
         this.iframe.contentWindow,
@@ -991,12 +1000,13 @@ export class Replayer {
     // Clear the newDocumentQueue since mirror.reset() will invalidate all the parentIds
     // in the queue, and the documents will be re-added during the rebuild process via
     // applyEventsSynchronously
-    this.newDocumentQueue = []; 
+    this.newDocumentQueue = [];
     rebuild(event.data.node, {
       doc: this.iframe.contentDocument,
       afterAppend,
       cache: this.cache,
       mirror: this.mirror,
+      UNSAFE_allowUnprotectedRebuild: this.UNSAFE_replayCanvas,
     });
     afterAppend(this.iframe.contentDocument, event.data.node.id);
 
@@ -2022,7 +2032,7 @@ export class Replayer {
                 const svp = styleValues[s] as styleValueWithPriority;
                 targetEl.style.setProperty(s, svp[0], svp[1]);
               } else {
-                const svs = styleValues[s] ;
+                const svs = styleValues[s];
                 targetEl.style.setProperty(s, svs);
               }
             }
@@ -2141,7 +2151,8 @@ export class Replayer {
         if (Array.isArray(nestedIndex)) {
           const { positions, index } = getPositionsAndIndex(nestedIndex);
           const nestedRule = getNestedRule(styleSheet.cssRules, positions);
-          nestedRule.insertRule(rule, index);
+          // Null check: parent rule may not exist due to timing/ordering issues
+          nestedRule?.insertRule(rule, index);
         } else {
           const index =
             nestedIndex === undefined
@@ -2166,7 +2177,8 @@ export class Replayer {
         if (Array.isArray(nestedIndex)) {
           const { positions, index } = getPositionsAndIndex(nestedIndex);
           const nestedRule = getNestedRule(styleSheet.cssRules, positions);
-          nestedRule.deleteRule(index || 0);
+          // Null check: parent rule may not exist due to timing/ordering issues
+          nestedRule?.deleteRule(index || 0);
         } else {
           styleSheet?.deleteRule(nestedIndex);
         }
@@ -2177,14 +2189,14 @@ export class Replayer {
       }
     });
 
-    if (data.replace)
+    if (typeof data.replace === 'string')
       try {
         void styleSheet.replace?.(data.replace);
       } catch (e) {
         // for safety
       }
 
-    if (data.replaceSync)
+    if (typeof data.replaceSync === 'string')
       try {
         styleSheet.replaceSync?.(data.replaceSync);
       } catch (e) {
@@ -2192,6 +2204,17 @@ export class Replayer {
       }
   }
 
+  /**
+   * Apply a StyleDeclaration event (setProperty/removeProperty) to a stylesheet.
+   *
+   * Uses defensive null checks because the rule may not exist:
+   * - Timing issues: The rule was added by a previous StyleSheetRule event
+   *   that hasn't been processed yet
+   * - Dynamic stylesheets: Constructed stylesheets or adopted stylesheets
+   *   may not be fully synchronized
+   * - Nested rules: Rules inside @media/@supports require the parent rule
+   *   to exist first
+   */
   private applyStyleDeclaration(
     data: styleDeclarationData,
     styleSheet: CSSStyleSheet,
@@ -2201,11 +2224,14 @@ export class Replayer {
         styleSheet.rules,
         data.index,
       ) as unknown as CSSStyleRule;
-      rule.style.setProperty(
-        data.set.property,
-        data.set.value,
-        data.set.priority,
-      );
+      // Null check: rule may not exist due to timing/ordering issues
+      if (rule?.style) {
+        rule.style.setProperty(
+          data.set.property,
+          data.set.value,
+          data.set.priority,
+        );
+      }
     }
 
     if (data.remove) {
@@ -2213,7 +2239,10 @@ export class Replayer {
         styleSheet.rules,
         data.index,
       ) as unknown as CSSStyleRule;
-      rule.style.removeProperty(data.remove.property);
+      // Null check: rule may not exist due to timing/ordering issues
+      if (rule?.style) {
+        rule.style.removeProperty(data.remove.property);
+      }
     }
   }
 
diff --git a/packages/rrweb/src/replay/timer.ts b/packages/rrweb/src/replay/timer.ts
index fa90c4a4..1b0836f0 100644
--- a/packages/rrweb/src/replay/timer.ts
+++ b/packages/rrweb/src/replay/timer.ts
@@ -69,6 +69,14 @@ export class Timer {
     this.raf = requestAnimationFrame(this.rafCheck.bind(this));
   }
 
+  public updateLiveTime() {
+    if (this.raf === true) {
+      // in live mode awaiting new events
+      // we don't run requestAnimationFrame
+      this.rafCheck(); // updates timeOffset
+    }
+  }
+
   private rafCheck() {
     const time = performance.now();
     this.timeOffset += (time - this.lastTimestamp) * this.speed;
diff --git a/packages/rrweb/src/types.ts b/packages/rrweb/src/types.ts
index 68688df3..823af264 100644
--- a/packages/rrweb/src/types.ts
+++ b/packages/rrweb/src/types.ts
@@ -59,6 +59,10 @@ export type recordOptions<T> = {
   maskTextFn?: MaskTextFn;
   slimDOMOptions?: SlimDOMOptions | 'all' | true;
   ignoreCSSAttributes?: Set<string>;
+  /**
+   * @deprecated Since 2.0.0. This option is still supported, but is planned to
+   * be superseded by future captureAssets asset recording APIs.
+   */
   inlineStylesheet?: boolean;
   hooks?: hooksParam;
   packFn?: PackFn;
@@ -70,6 +74,10 @@ export type recordOptions<T> = {
   recordAfter?: 'DOMContentLoaded' | 'load';
   userTriggeredOnInput?: boolean;
   collectFonts?: boolean;
+  /**
+   * @deprecated Since 2.0.0. This option is still supported, but is planned to
+   * be superseded by future captureAssets asset recording APIs.
+   */
   inlineImages?: boolean;
   inlineVideos?: boolean;
   plugins?: RecordPlugin[];
diff --git a/packages/rrweb/src/utils.ts b/packages/rrweb/src/utils.ts
index dc83288d..8e3c7d5c 100644
--- a/packages/rrweb/src/utils.ts
+++ b/packages/rrweb/src/utils.ts
@@ -11,13 +11,10 @@ import type {
   IMirror,
 } from '@rrweb/types';
 import type { Mirror, SlimDOMOptions } from 'rrweb-snapshot';
-import {
-  isShadowRoot,
-  IGNORED_NODE,
-  classMatchesRegex,
-} from 'rrweb-snapshot';
+import { isShadowRoot, IGNORED_NODE, classMatchesRegex } from 'rrweb-snapshot';
 import { RRNode, RRIFrameElement, BaseRRNode } from 'rrdom';
 import dom from '@rrweb/utils';
+export { nowTimestamp } from '@rrweb/utils';
 
 export function on(
   type: string,
@@ -131,15 +128,6 @@ export function hookSetter<T>(
   return () => hookSetter(target, key, original || {}, true);
 }
 
-// guard against old third party libraries which redefine Date.now
-let nowTimestamp = Date.now;
-
-if (!(/*@__PURE__*/ /[1-9][0-9]{12}/.test(Date.now().toString()))) {
-  // they have already redefined it! use a fallback
-  nowTimestamp = () => new Date().getTime();
-}
-export { nowTimestamp };
-
 export function getWindowScroll(win: Window) {
   const doc = win.document;
   return {
@@ -441,18 +429,32 @@ export function hasShadowRoot<T extends Node | RRNode>(
   return Boolean(dom.shadowRoot(n as unknown as Element));
 }
 
+/**
+ * Traverses a CSSRuleList to find a nested rule at the given position.
+ *
+ * Returns null instead of throwing if the rule doesn't exist. This is important
+ * because during replay:
+ * - StyleDeclaration events may reference rules added dynamically that don't
+ *   exist yet due to timing/ordering issues
+ * - StyleSheetRule events that create rules may not have been processed yet
+ * - Constructed/adopted stylesheets may not be fully synchronized
+ *
+ * @param rules - The CSSRuleList to traverse
+ * @param position - Array of indices, e.g., [0, 1, 0] for rules[0].cssRules[1].cssRules[0]
+ * @returns The nested rule, or null if not found
+ */
 export function getNestedRule(
   rules: CSSRuleList,
   position: number[],
-): CSSGroupingRule {
-  const rule = rules[position[0]] as CSSGroupingRule;
+): CSSGroupingRule | null {
+  const rule = rules?.[position[0]] as CSSGroupingRule | null;
+  if (!rule) {
+    return null;
+  }
   if (position.length === 1) {
     return rule;
   } else {
-    return getNestedRule(
-      (rule.cssRules[position[1]] as CSSGroupingRule).cssRules,
-      position.slice(2),
-    );
+    return getNestedRule(rule.cssRules, position.slice(1));
   }
 }
 
@@ -553,14 +555,14 @@ export function getRootShadowHost(n: Node): Node {
 }
 
 export function shadowHostInDom(n: Node): boolean {
-  const doc = n.ownerDocument;
+  const doc = dom.ownerDocument(n);
   if (!doc) return false;
   const shadowHost = getRootShadowHost(n);
   return dom.contains(doc, shadowHost);
 }
 
 export function inDom(n: Node): boolean {
-  const doc = n.ownerDocument;
+  const doc = dom.ownerDocument(n);
   if (!doc) return false;
   return dom.contains(doc, n) || shadowHostInDom(n);
 }
diff --git a/packages/rrweb/test/__snapshots__/integration.test.ts.snap b/packages/rrweb/test/__snapshots__/integration.test.ts.snap
index 2c45d32c..8543a45c 100644
--- a/packages/rrweb/test/__snapshots__/integration.test.ts.snap
+++ b/packages/rrweb/test/__snapshots__/integration.test.ts.snap
@@ -186,230 +186,6 @@ exports[`record integration tests > can correctly serialize a shader and multipl
         \\"top\\": 0
       }
     }
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 9,
-      \\"id\\": 16,
-      \\"type\\": 1,
-      \\"commands\\": [
-        {
-          \\"property\\": \\"createBuffer\\",
-          \\"args\\": []
-        },
-        {
-          \\"property\\": \\"bindBuffer\\",
-          \\"args\\": [
-            34962,
-            {
-              \\"rr_type\\": \\"WebGLBuffer\\",
-              \\"index\\": 0
-            }
-          ]
-        },
-        {
-          \\"property\\": \\"bufferData\\",
-          \\"args\\": [
-            34962,
-            {
-              \\"rr_type\\": \\"Float32Array\\",
-              \\"args\\": [
-                [
-                  -0.5,
-                  0.5,
-                  -0.5,
-                  -0.5,
-                  0,
-                  -0.5
-                ]
-              ]
-            },
-            35044
-          ]
-        },
-        {
-          \\"property\\": \\"bindBuffer\\",
-          \\"args\\": [
-            34962,
-            null
-          ]
-        },
-        {
-          \\"property\\": \\"createShader\\",
-          \\"args\\": [
-            35633
-          ]
-        },
-        {
-          \\"property\\": \\"shaderSource\\",
-          \\"args\\": [
-            {
-              \\"rr_type\\": \\"WebGLShader\\",
-              \\"index\\": 0
-            },
-            \\"attribute vec2 coordinates;void main(void) { gl_Position = vec4(coordinates,0.0, 1.0);}\\"
-          ]
-        },
-        {
-          \\"property\\": \\"compileShader\\",
-          \\"args\\": [
-            {
-              \\"rr_type\\": \\"WebGLShader\\",
-              \\"index\\": 0
-            }
-          ]
-        },
-        {
-          \\"property\\": \\"createShader\\",
-          \\"args\\": [
-            35632
-          ]
-        },
-        {
-          \\"property\\": \\"shaderSource\\",
-          \\"args\\": [
-            {
-              \\"rr_type\\": \\"WebGLShader\\",
-              \\"index\\": 1
-            },
-            \\"void main(void) {gl_FragColor = vec4(0.0, 0.0, 0.0, 0.1);}\\"
-          ]
-        },
-        {
-          \\"property\\": \\"compileShader\\",
-          \\"args\\": [
-            {
-              \\"rr_type\\": \\"WebGLShader\\",
-              \\"index\\": 1
-            }
-          ]
-        },
-        {
-          \\"property\\": \\"createProgram\\",
-          \\"args\\": []
-        },
-        {
-          \\"property\\": \\"attachShader\\",
-          \\"args\\": [
-            {
-              \\"rr_type\\": \\"WebGLProgram\\",
-              \\"index\\": 0
-            },
-            {
-              \\"rr_type\\": \\"WebGLShader\\",
-              \\"index\\": 0
-            }
-          ]
-        },
-        {
-          \\"property\\": \\"attachShader\\",
-          \\"args\\": [
-            {
-              \\"rr_type\\": \\"WebGLProgram\\",
-              \\"index\\": 0
-            },
-            {
-              \\"rr_type\\": \\"WebGLShader\\",
-              \\"index\\": 1
-            }
-          ]
-        },
-        {
-          \\"property\\": \\"linkProgram\\",
-          \\"args\\": [
-            {
-              \\"rr_type\\": \\"WebGLProgram\\",
-              \\"index\\": 0
-            }
-          ]
-        },
-        {
-          \\"property\\": \\"useProgram\\",
-          \\"args\\": [
-            {
-              \\"rr_type\\": \\"WebGLProgram\\",
-              \\"index\\": 0
-            }
-          ]
-        },
-        {
-          \\"property\\": \\"bindBuffer\\",
-          \\"args\\": [
-            34962,
-            {
-              \\"rr_type\\": \\"WebGLBuffer\\",
-              \\"index\\": 0
-            }
-          ]
-        },
-        {
-          \\"property\\": \\"getAttribLocation\\",
-          \\"args\\": [
-            {
-              \\"rr_type\\": \\"WebGLProgram\\",
-              \\"index\\": 0
-            },
-            \\"coordinates\\"
-          ]
-        },
-        {
-          \\"property\\": \\"vertexAttribPointer\\",
-          \\"args\\": [
-            0,
-            2,
-            5126,
-            false,
-            0,
-            0
-          ]
-        },
-        {
-          \\"property\\": \\"enableVertexAttribArray\\",
-          \\"args\\": [
-            0
-          ]
-        },
-        {
-          \\"property\\": \\"clearColor\\",
-          \\"args\\": [
-            0.5,
-            0.5,
-            0.5,
-            0.9
-          ]
-        },
-        {
-          \\"property\\": \\"enable\\",
-          \\"args\\": [
-            2929
-          ]
-        },
-        {
-          \\"property\\": \\"clear\\",
-          \\"args\\": [
-            16384
-          ]
-        },
-        {
-          \\"property\\": \\"viewport\\",
-          \\"args\\": [
-            0,
-            0,
-            300,
-            300
-          ]
-        },
-        {
-          \\"property\\": \\"drawArrays\\",
-          \\"args\\": [
-            4,
-            0,
-            3
-          ]
-        }
-      ]
-    }
   }
 ]"
 `;
@@ -767,7 +543,9 @@ exports[`record integration tests > can mask character data mutations 1`] = `
             \\"type\\": 2,
             \\"tagName\\": \\"li\\",
             \\"attributes\\": {
-              \\"class\\": \\"highlight-mask\\"
+              \\"class\\": \\"highlight-mask\\",
+              \\"rr_width\\": \\"1864px\\",
+              \\"rr_height\\": \\"18px\\"
             },
             \\"childNodes\\": [],
             \\"id\\": 20
@@ -7629,7 +7407,7 @@ exports[`record integration tests > should mask password value attribute with ma
         {
           \\"id\\": 18,
           \\"attributes\\": {
-            \\"type\\": \\"password\\"
+            \\"value\\": \\"********\\"
           }
         }
       ],
@@ -7772,12 +7550,14 @@ exports[`record integration tests > should mask texts 1`] = `
                     \\"type\\": 2,
                     \\"tagName\\": \\"p\\",
                     \\"attributes\\": {
-                      \\"class\\": \\"highlight-mask\\"
+                      \\"class\\": \\"highlight-mask\\",
+                      \\"rr_width\\": \\"1904px\\",
+                      \\"rr_height\\": \\"18px\\"
                     },
                     \\"childNodes\\": [
                       {
                         \\"type\\": 3,
-                        \\"textContent\\": \\"*****\\",
+                        \\"textContent\\": \\"a5aj4\\",
                         \\"id\\": 19
                       }
                     ],
@@ -7792,12 +7572,14 @@ exports[`record integration tests > should mask texts 1`] = `
                     \\"type\\": 2,
                     \\"tagName\\": \\"div\\",
                     \\"attributes\\": {
-                      \\"class\\": \\"highlight-mask\\"
+                      \\"class\\": \\"highlight-mask\\",
+                      \\"rr_width\\": \\"1904px\\",
+                      \\"rr_height\\": \\"18px\\"
                     },
                     \\"childNodes\\": [
                       {
                         \\"type\\": 3,
-                        \\"textContent\\": \\"\\\\n      \\",
+                        \\"textContent\\": \\"      \\",
                         \\"id\\": 22
                       },
                       {
@@ -7807,7 +7589,7 @@ exports[`record integration tests > should mask texts 1`] = `
                         \\"childNodes\\": [
                           {
                             \\"type\\": 3,
-                            \\"textContent\\": \\"*****\\",
+                            \\"textContent\\": \\"3a5ic\\",
                             \\"id\\": 24
                           }
                         ],
@@ -7815,7 +7597,7 @@ exports[`record integration tests > should mask texts 1`] = `
                       },
                       {
                         \\"type\\": 3,
-                        \\"textContent\\": \\"\\\\n    \\",
+                        \\"textContent\\": \\"    \\",
                         \\"id\\": 25
                       }
                     ],
@@ -8070,12 +7852,14 @@ exports[`record integration tests > should mask texts using maskTextFn 1`] = `
                     \\"type\\": 2,
                     \\"tagName\\": \\"p\\",
                     \\"attributes\\": {
-                      \\"class\\": \\"highlight-mask\\"
+                      \\"class\\": \\"highlight-mask\\",
+                      \\"rr_width\\": \\"1904px\\",
+                      \\"rr_height\\": \\"18px\\"
                     },
                     \\"childNodes\\": [
                       {
                         \\"type\\": 3,
-                        \\"textContent\\": \\"****1\\",
+                        \\"textContent\\": \\"a5aj4\\",
                         \\"id\\": 19
                       }
                     ],
@@ -8090,12 +7874,14 @@ exports[`record integration tests > should mask texts using maskTextFn 1`] = `
                     \\"type\\": 2,
                     \\"tagName\\": \\"div\\",
                     \\"attributes\\": {
-                      \\"class\\": \\"highlight-mask\\"
+                      \\"class\\": \\"highlight-mask\\",
+                      \\"rr_width\\": \\"1904px\\",
+                      \\"rr_height\\": \\"18px\\"
                     },
                     \\"childNodes\\": [
                       {
                         \\"type\\": 3,
-                        \\"textContent\\": \\"\\\\n      \\",
+                        \\"textContent\\": \\"      \\",
                         \\"id\\": 22
                       },
                       {
@@ -8105,7 +7891,7 @@ exports[`record integration tests > should mask texts using maskTextFn 1`] = `
                         \\"childNodes\\": [
                           {
                             \\"type\\": 3,
-                            \\"textContent\\": \\"****2\\",
+                            \\"textContent\\": \\"3a5ic\\",
                             \\"id\\": 24
                           }
                         ],
@@ -8113,7 +7899,7 @@ exports[`record integration tests > should mask texts using maskTextFn 1`] = `
                       },
                       {
                         \\"type\\": 3,
-                        \\"textContent\\": \\"\\\\n    \\",
+                        \\"textContent\\": \\"    \\",
                         \\"id\\": 25
                       }
                     ],
@@ -11836,34 +11622,6 @@ exports[`record integration tests > should record canvas mutations 1`] = `
         \\"top\\": 0
       }
     }
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 9,
-      \\"id\\": 16,
-      \\"type\\": 0,
-      \\"commands\\": [
-        {
-          \\"property\\": \\"moveTo\\",
-          \\"args\\": [
-            0,
-            0
-          ]
-        },
-        {
-          \\"property\\": \\"lineTo\\",
-          \\"args\\": [
-            200,
-            100
-          ]
-        },
-        {
-          \\"property\\": \\"stroke\\",
-          \\"args\\": []
-        }
-      ]
-    }
   }
 ]"
 `;
@@ -16984,31 +16742,6 @@ exports[`record integration tests > should record webgl canvas mutations 1`] = `
         \\"top\\": 0
       }
     }
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 9,
-      \\"id\\": 16,
-      \\"type\\": 1,
-      \\"commands\\": [
-        {
-          \\"property\\": \\"clearColor\\",
-          \\"args\\": [
-            1,
-            0,
-            0,
-            1
-          ]
-        },
-        {
-          \\"property\\": \\"clear\\",
-          \\"args\\": [
-            16384
-          ]
-        }
-      ]
-    }
   }
 ]"
 `;
@@ -17145,12 +16878,14 @@ exports[`record integration tests > should unmask texts using maskTextFn 1`] = `
                     \\"type\\": 2,
                     \\"tagName\\": \\"p\\",
                     \\"attributes\\": {
-                      \\"class\\": \\"rr-mask\\"
+                      \\"class\\": \\"highlight-mask\\",
+                      \\"rr_width\\": \\"1904px\\",
+                      \\"rr_height\\": \\"18px\\"
                     },
                     \\"childNodes\\": [
                       {
                         \\"type\\": 3,
-                        \\"textContent\\": \\"****1\\",
+                        \\"textContent\\": \\"a5aj4\\",
                         \\"id\\": 19
                       }
                     ],
@@ -17165,12 +16900,14 @@ exports[`record integration tests > should unmask texts using maskTextFn 1`] = `
                     \\"type\\": 2,
                     \\"tagName\\": \\"div\\",
                     \\"attributes\\": {
-                      \\"class\\": \\"rr-mask\\"
+                      \\"class\\": \\"highlight-mask\\",
+                      \\"rr_width\\": \\"1904px\\",
+                      \\"rr_height\\": \\"18px\\"
                     },
                     \\"childNodes\\": [
                       {
                         \\"type\\": 3,
-                        \\"textContent\\": \\"\\\\n      \\",
+                        \\"textContent\\": \\"      \\",
                         \\"id\\": 22
                       },
                       {
@@ -17180,7 +16917,7 @@ exports[`record integration tests > should unmask texts using maskTextFn 1`] = `
                         \\"childNodes\\": [
                           {
                             \\"type\\": 3,
-                            \\"textContent\\": \\"****2\\",
+                            \\"textContent\\": \\"3a5ic\\",
                             \\"id\\": 24
                           }
                         ],
@@ -17188,7 +16925,7 @@ exports[`record integration tests > should unmask texts using maskTextFn 1`] = `
                       },
                       {
                         \\"type\\": 3,
-                        \\"textContent\\": \\"\\\\n    \\",
+                        \\"textContent\\": \\"    \\",
                         \\"id\\": 25
                       }
                     ],
diff --git a/packages/rrweb/test/__snapshots__/replayer.test.ts.snap b/packages/rrweb/test/__snapshots__/replayer.test.ts.snap
index f753770e..df96d520 100644
--- a/packages/rrweb/test/__snapshots__/replayer.test.ts.snap
+++ b/packages/rrweb/test/__snapshots__/replayer.test.ts.snap
@@ -46,10 +46,12 @@ file-frame-5
 file-cid-0
 @charset \\"utf-8\\";
 
-.highlight-block { background: currentcolor; }
-
 noscript { display: none !important; }
 
+.highlight-block { background: currentcolor; border-radius: 5px; }
+
+.highlight-block:hover::after { content: \\"Redacted\\"; color: white; background: black; text-align: center; width: 100%; display: block; }
+
 html.rrweb-paused *, html.rrweb-paused ::before, html.rrweb-paused ::after { animation-play-state: paused !important; }
 
 
@@ -126,10 +128,12 @@ file-frame-5
 file-cid-0
 @charset \\"utf-8\\";
 
-.highlight-block { background: currentcolor; }
-
 noscript { display: none !important; }
 
+.highlight-block { background: currentcolor; border-radius: 5px; }
+
+.highlight-block:hover::after { content: \\"Redacted\\"; color: white; background: black; text-align: center; width: 100%; display: block; }
+
 html.rrweb-paused *, html.rrweb-paused ::before, html.rrweb-paused ::after { animation-play-state: paused !important; }
 
 
@@ -199,10 +203,12 @@ file-frame-3
 file-cid-0
 @charset \\"utf-8\\";
 
-.rr-block { background: currentcolor; }
-
 noscript { display: none !important; }
 
+.highlight-block { background: currentcolor; border-radius: 5px; }
+
+.highlight-block:hover::after { content: \\"Redacted\\"; color: white; background: black; text-align: center; width: 100%; display: block; }
+
 html.rrweb-paused *, html.rrweb-paused ::before, html.rrweb-paused ::after { animation-play-state: paused !important; }
 
 
@@ -265,10 +271,12 @@ file-frame-2
 file-cid-0
 @charset \\"utf-8\\";
 
-.highlight-block { background: currentcolor; }
-
 noscript { display: none !important; }
 
+.highlight-block { background: currentcolor; border-radius: 5px; }
+
+.highlight-block:hover::after { content: \\"Redacted\\"; color: white; background: black; text-align: center; width: 100%; display: block; }
+
 html.rrweb-paused *, html.rrweb-paused ::before, html.rrweb-paused ::after { animation-play-state: paused !important; }
 "
 `;
@@ -316,10 +324,12 @@ file-frame-2
 file-cid-0
 @charset \\"utf-8\\";
 
-.highlight-block { background: currentcolor; }
-
 noscript { display: none !important; }
 
+.highlight-block { background: currentcolor; border-radius: 5px; }
+
+.highlight-block:hover::after { content: \\"Redacted\\"; color: white; background: black; text-align: center; width: 100%; display: block; }
+
 html.rrweb-paused *, html.rrweb-paused ::before, html.rrweb-paused ::after { animation-play-state: paused !important; }
 "
 `;
@@ -367,10 +377,12 @@ file-frame-2
 file-cid-0
 @charset \\"utf-8\\";
 
-.highlight-block { background: currentcolor; }
-
 noscript { display: none !important; }
 
+.highlight-block { background: currentcolor; border-radius: 5px; }
+
+.highlight-block:hover::after { content: \\"Redacted\\"; color: white; background: black; text-align: center; width: 100%; display: block; }
+
 html.rrweb-paused *, html.rrweb-paused ::before, html.rrweb-paused ::after { animation-play-state: paused !important; }
 "
 `;
diff --git a/packages/rrweb/test/e2e/__image_snapshots__/webgl-test-ts-e-2-e-webgl-will-record-and-replay-a-webgl-image-1-snap.png b/packages/rrweb/test/e2e/__image_snapshots__/webgl-test-ts-e-2-e-webgl-will-record-and-replay-a-webgl-image-1-snap.png
new file mode 100644
index 00000000..26ab2fb5
Binary files /dev/null and b/packages/rrweb/test/e2e/__image_snapshots__/webgl-test-ts-e-2-e-webgl-will-record-and-replay-a-webgl-image-1-snap.png differ
diff --git a/packages/rrweb/test/e2e/__image_snapshots__/webgl-test-ts-e-2-e-webgl-will-record-and-replay-a-webgl-square-1-snap.png b/packages/rrweb/test/e2e/__image_snapshots__/webgl-test-ts-e-2-e-webgl-will-record-and-replay-a-webgl-square-1-snap.png
new file mode 100644
index 00000000..63188d97
Binary files /dev/null and b/packages/rrweb/test/e2e/__image_snapshots__/webgl-test-ts-e-2-e-webgl-will-record-and-replay-a-webgl-square-1-snap.png differ
diff --git a/packages/rrweb/test/e2e/__image_snapshots__/webgl-test-ts-test-e-2-e-webgl-test-ts-e-2-e-webgl-will-record-and-replay-a-webgl-image-1-snap.png b/packages/rrweb/test/e2e/__image_snapshots__/webgl-test-ts-test-e-2-e-webgl-test-ts-e-2-e-webgl-will-record-and-replay-a-webgl-image-1-snap.png
index 88ff052f..9fb34401 100644
Binary files a/packages/rrweb/test/e2e/__image_snapshots__/webgl-test-ts-test-e-2-e-webgl-test-ts-e-2-e-webgl-will-record-and-replay-a-webgl-image-1-snap.png and b/packages/rrweb/test/e2e/__image_snapshots__/webgl-test-ts-test-e-2-e-webgl-test-ts-e-2-e-webgl-will-record-and-replay-a-webgl-image-1-snap.png differ
diff --git a/packages/rrweb/test/e2e/__image_snapshots__/webgl-test-ts-test-e-2-e-webgl-test-ts-e-2-e-webgl-will-record-and-replay-a-webgl-square-1-snap.png b/packages/rrweb/test/e2e/__image_snapshots__/webgl-test-ts-test-e-2-e-webgl-test-ts-e-2-e-webgl-will-record-and-replay-a-webgl-square-1-snap.png
index 7c9c7951..f3d21580 100644
Binary files a/packages/rrweb/test/e2e/__image_snapshots__/webgl-test-ts-test-e-2-e-webgl-test-ts-e-2-e-webgl-will-record-and-replay-a-webgl-square-1-snap.png and b/packages/rrweb/test/e2e/__image_snapshots__/webgl-test-ts-test-e-2-e-webgl-test-ts-e-2-e-webgl-will-record-and-replay-a-webgl-square-1-snap.png differ
diff --git a/packages/rrweb/test/events/adopted-style-sheet-empty-replace.ts b/packages/rrweb/test/events/adopted-style-sheet-empty-replace.ts
new file mode 100644
index 00000000..008e087b
--- /dev/null
+++ b/packages/rrweb/test/events/adopted-style-sheet-empty-replace.ts
@@ -0,0 +1,211 @@
+import { EventType, IncrementalSource } from '@rrweb/types';
+import type { eventWithTime } from '@rrweb/types';
+
+/**
+ * Test events for validating that empty string replace/replaceSync clears stylesheets.
+ * This tests the fix for the bug where `if (data.replace)` would skip empty strings.
+ */
+const now = Date.now();
+export const emptyReplaceSyncEvents: eventWithTime[] = [
+  {
+    type: EventType.Meta,
+    data: {
+      href: 'about:blank',
+      width: 1920,
+      height: 1080,
+    },
+    timestamp: now,
+  },
+  {
+    type: EventType.FullSnapshot,
+    data: {
+      node: {
+        type: 0,
+        childNodes: [
+          {
+            type: 1,
+            name: 'html',
+            publicId: '',
+            systemId: '',
+            id: 2,
+          },
+          {
+            type: 2,
+            tagName: 'html',
+            attributes: {},
+            childNodes: [
+              {
+                type: 2,
+                tagName: 'head',
+                attributes: {},
+                childNodes: [],
+                id: 4,
+              },
+              {
+                type: 2,
+                tagName: 'body',
+                attributes: {},
+                childNodes: [
+                  {
+                    type: 2,
+                    tagName: 'div',
+                    attributes: {},
+                    childNodes: [
+                      {
+                        type: 3,
+                        textContent: 'test element',
+                        id: 6,
+                      },
+                    ],
+                    id: 5,
+                  },
+                ],
+                id: 3,
+              },
+            ],
+            id: 7,
+          },
+        ],
+        id: 1,
+      },
+      initialOffset: {
+        left: 0,
+        top: 0,
+      },
+    },
+    timestamp: now + 100,
+  },
+  // Adopt a stylesheet with initial styles
+  {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.AdoptedStyleSheet,
+      id: 1,
+      styles: [
+        {
+          styleId: 1,
+          rules: [
+            {
+              rule: 'div { background: red; color: white; }',
+              index: 0,
+            },
+          ],
+        },
+      ],
+      styleIds: [1],
+    },
+    timestamp: now + 200,
+  },
+  // Clear stylesheet using replaceSync('') - this was the bug!
+  {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.StyleSheetRule,
+      styleId: 1,
+      replaceSync: '',
+    },
+    timestamp: now + 300,
+  },
+];
+
+export const emptyReplaceEvents: eventWithTime[] = [
+  {
+    type: EventType.Meta,
+    data: {
+      href: 'about:blank',
+      width: 1920,
+      height: 1080,
+    },
+    timestamp: now,
+  },
+  {
+    type: EventType.FullSnapshot,
+    data: {
+      node: {
+        type: 0,
+        childNodes: [
+          {
+            type: 1,
+            name: 'html',
+            publicId: '',
+            systemId: '',
+            id: 2,
+          },
+          {
+            type: 2,
+            tagName: 'html',
+            attributes: {},
+            childNodes: [
+              {
+                type: 2,
+                tagName: 'head',
+                attributes: {},
+                childNodes: [],
+                id: 4,
+              },
+              {
+                type: 2,
+                tagName: 'body',
+                attributes: {},
+                childNodes: [
+                  {
+                    type: 2,
+                    tagName: 'div',
+                    attributes: {},
+                    childNodes: [
+                      {
+                        type: 3,
+                        textContent: 'test element',
+                        id: 6,
+                      },
+                    ],
+                    id: 5,
+                  },
+                ],
+                id: 3,
+              },
+            ],
+            id: 7,
+          },
+        ],
+        id: 1,
+      },
+      initialOffset: {
+        left: 0,
+        top: 0,
+      },
+    },
+    timestamp: now + 100,
+  },
+  // Adopt a stylesheet with initial styles
+  {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.AdoptedStyleSheet,
+      id: 1,
+      styles: [
+        {
+          styleId: 1,
+          rules: [
+            {
+              rule: 'div { background: blue; color: yellow; }',
+              index: 0,
+            },
+          ],
+        },
+      ],
+      styleIds: [1],
+    },
+    timestamp: now + 200,
+  },
+  // Clear stylesheet using replace('') - this was the bug!
+  {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.StyleSheetRule,
+      styleId: 1,
+      replace: '',
+    },
+    timestamp: now + 300,
+  },
+];
diff --git a/packages/rrweb/test/events/nested-style-declaration.ts b/packages/rrweb/test/events/nested-style-declaration.ts
new file mode 100644
index 00000000..0361a5d6
--- /dev/null
+++ b/packages/rrweb/test/events/nested-style-declaration.ts
@@ -0,0 +1,217 @@
+import { EventType, IncrementalSource } from '@rrweb/types';
+import type { eventWithTime } from '@rrweb/types';
+
+const now = Date.now();
+
+/**
+ * Test events for StyleDeclaration on nested CSS rules.
+ * This tests setProperty/removeProperty on rules inside @media blocks.
+ */
+const events: eventWithTime[] = [
+  {
+    type: EventType.Meta,
+    data: {
+      href: 'about:blank',
+      width: 1920,
+      height: 1080,
+    },
+    timestamp: now,
+  },
+  {
+    type: EventType.FullSnapshot,
+    data: {
+      node: {
+        type: 0,
+        childNodes: [
+          {
+            type: 1,
+            name: 'html',
+            publicId: '',
+            systemId: '',
+            id: 2,
+          },
+          {
+            type: 2,
+            tagName: 'html',
+            attributes: {},
+            childNodes: [
+              {
+                type: 2,
+                tagName: 'head',
+                attributes: {},
+                childNodes: [
+                  {
+                    type: 2,
+                    tagName: 'style',
+                    attributes: {
+                      _cssText:
+                        '@media all { .test-nested { background-color: blue; width: 100px; } .test-second { color: red; } } @supports (display: block) { @media all { .test-deep { background-color: teal; } } }',
+                    },
+                    childNodes: [
+                      {
+                        type: 3,
+                        textContent: '',
+                        isStyle: true,
+                        id: 6,
+                      },
+                    ],
+                    id: 5,
+                  },
+                ],
+                id: 4,
+              },
+              {
+                type: 2,
+                tagName: 'body',
+                attributes: {},
+                childNodes: [
+                  {
+                    type: 3,
+                    textContent: '\n       ',
+                    id: 8,
+                  },
+                  {
+                    type: 2,
+                    tagName: 'div',
+                    attributes: {
+                      class: 'test-nested',
+                    },
+                    childNodes: [
+                      {
+                        type: 3,
+                        textContent: 'Nested rule test',
+                        id: 10,
+                      },
+                    ],
+                    id: 9,
+                  },
+                  {
+                    type: 3,
+                    textContent: '\n       ',
+                    id: 11,
+                  },
+                  {
+                    type: 2,
+                    tagName: 'div',
+                    attributes: {
+                      class: 'test-second',
+                    },
+                    childNodes: [
+                      {
+                        type: 3,
+                        textContent: 'Second nested rule',
+                        id: 13,
+                      },
+                    ],
+                    id: 12,
+                  },
+                  {
+                    type: 3,
+                    textContent: '\n       ',
+                    id: 14,
+                  },
+                  {
+                    type: 2,
+                    tagName: 'div',
+                    attributes: {
+                      class: 'test-deep',
+                    },
+                    childNodes: [
+                      {
+                        type: 3,
+                        textContent: 'Deep nested rule',
+                        id: 16,
+                      },
+                    ],
+                    id: 15,
+                  },
+                ],
+                id: 7,
+              },
+            ],
+            id: 3,
+          },
+        ],
+        id: 1,
+      },
+      initialOffset: {
+        left: 0,
+        top: 0,
+      },
+    },
+    timestamp: now + 100,
+  },
+  // setProperty on rule inside @media at index [0, 0]
+  {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.StyleDeclaration,
+      id: 5,
+      set: {
+        property: 'background-color',
+        value: 'red',
+        priority: undefined,
+      },
+      index: [0, 0],
+    },
+    timestamp: now + 200,
+  },
+  // setProperty on second rule inside @media at index [0, 1]
+  {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.StyleDeclaration,
+      id: 5,
+      set: {
+        property: 'font-weight',
+        value: 'bold',
+        priority: undefined,
+      },
+      index: [0, 1],
+    },
+    timestamp: now + 300,
+  },
+  // removeProperty on rule inside @media at index [0, 0]
+  {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.StyleDeclaration,
+      id: 5,
+      remove: {
+        property: 'width',
+      },
+      index: [0, 0],
+    },
+    timestamp: now + 400,
+  },
+  // setProperty on deeply nested rule inside @supports > @media at index [1, 0, 0]
+  {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.StyleDeclaration,
+      id: 5,
+      set: {
+        property: 'background-color',
+        value: 'purple',
+        priority: undefined,
+      },
+      index: [1, 0, 0],
+    },
+    timestamp: now + 500,
+  },
+  // removeProperty on deeply nested rule
+  {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.StyleDeclaration,
+      id: 5,
+      remove: {
+        property: 'background-color',
+      },
+      index: [1, 0, 0],
+    },
+    timestamp: now + 600,
+  },
+];
+
+export default events;
diff --git a/packages/rrweb/test/events/style-declaration-missing-rule.ts b/packages/rrweb/test/events/style-declaration-missing-rule.ts
new file mode 100644
index 00000000..0bee8164
--- /dev/null
+++ b/packages/rrweb/test/events/style-declaration-missing-rule.ts
@@ -0,0 +1,153 @@
+import { EventType, IncrementalSource } from '@rrweb/types';
+import type { eventWithTime } from '@rrweb/types';
+
+const now = Date.now();
+
+/**
+ * Test events for StyleDeclaration events that reference non-existent rules.
+ *
+ * This tests that the replayer gracefully handles:
+ * 1. StyleDeclaration events with invalid indices (rule doesn't exist)
+ * 2. StyleDeclaration events referencing nested rules in empty grouping rules
+ *
+ * These scenarios can occur due to:
+ * - Timing issues during recording/replay
+ * - Event ordering where StyleDeclaration arrives before StyleSheetRule
+ * - Dynamic stylesheets that aren't fully synchronized
+ */
+const events: eventWithTime[] = [
+  {
+    type: EventType.Meta,
+    data: {
+      href: 'about:blank',
+      width: 1920,
+      height: 1080,
+    },
+    timestamp: now,
+  },
+  {
+    type: EventType.FullSnapshot,
+    data: {
+      node: {
+        type: 0,
+        childNodes: [
+          {
+            type: 1,
+            name: 'html',
+            publicId: '',
+            systemId: '',
+            id: 2,
+          },
+          {
+            type: 2,
+            tagName: 'html',
+            attributes: {},
+            childNodes: [
+              {
+                type: 2,
+                tagName: 'head',
+                attributes: {},
+                childNodes: [
+                  {
+                    type: 2,
+                    tagName: 'style',
+                    attributes: {
+                      // Only one rule at index 0, but we'll try to access index 5
+                      _cssText: '.existing { color: blue; }',
+                    },
+                    childNodes: [
+                      {
+                        type: 3,
+                        textContent: '',
+                        isStyle: true,
+                        id: 6,
+                      },
+                    ],
+                    id: 5,
+                  },
+                ],
+                id: 4,
+              },
+              {
+                type: 2,
+                tagName: 'body',
+                attributes: {},
+                childNodes: [
+                  {
+                    type: 2,
+                    tagName: 'div',
+                    attributes: {
+                      class: 'existing',
+                    },
+                    childNodes: [
+                      {
+                        type: 3,
+                        textContent: 'Test content',
+                        id: 8,
+                      },
+                    ],
+                    id: 7,
+                  },
+                ],
+                id: 9,
+              },
+            ],
+            id: 3,
+          },
+        ],
+        id: 1,
+      },
+      initialOffset: {
+        left: 0,
+        top: 0,
+      },
+    },
+    timestamp: now + 100,
+  },
+  // setProperty on a rule that doesn't exist (index 5, but only index 0 exists)
+  {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.StyleDeclaration,
+      id: 5,
+      set: {
+        property: 'background-color',
+        value: 'red',
+        priority: undefined,
+      },
+      index: [5], // This index doesn't exist!
+    },
+    timestamp: now + 200,
+  },
+  // removeProperty on a rule that doesn't exist
+  {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.StyleDeclaration,
+      id: 5,
+      remove: {
+        property: 'color',
+      },
+      index: [99], // This index doesn't exist!
+    },
+    timestamp: now + 300,
+  },
+  // setProperty on nested rule that doesn't exist [0, 5]
+  // (rule 0 exists but it's not a grouping rule with nested rules)
+  {
+    type: EventType.IncrementalSnapshot,
+    data: {
+      source: IncrementalSource.StyleDeclaration,
+      id: 5,
+      set: {
+        property: 'font-size',
+        value: '20px',
+        priority: undefined,
+      },
+      index: [0, 5], // Tries to access nested rule that doesn't exist
+    },
+    timestamp: now + 400,
+  },
+];
+
+export default events;
diff --git a/packages/rrweb/test/html/ignore.html b/packages/rrweb/test/html/ignore.html
index da7b73b8..3ad6df20 100644
--- a/packages/rrweb/test/html/ignore.html
+++ b/packages/rrweb/test/html/ignore.html
@@ -13,7 +13,7 @@
         >Input ignored here: <input type="text" class="highlight-ignore" />
       </label>
       <label
-        >Input ignored by selector here: <input type="text" data-highlight-ignore />
+        >Input ignored by selector here: <input type="text" data-rr-ignore />
       </label>
       <label
         >Input not ignored here: <input type="text" class="dont-ignore" />
diff --git a/packages/rrweb/test/html/monkey-patched-mutation.html b/packages/rrweb/test/html/monkey-patched-mutation.html
new file mode 100644
index 00000000..6ba49d3c
--- /dev/null
+++ b/packages/rrweb/test/html/monkey-patched-mutation.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Monkey-patched MutationObserver</title>
+    <script>
+      // Emulates frameworks (e.g. salesforce LWC) that hijack MutationObserver
+      // before any other scripts run.  rrweb must use its iframe-based fallback
+      // to obtain the real native constructor.
+      MutationObserver = class {
+        constructor() {
+          throw new Error('MutationObserver was hijacked by framework');
+        }
+      };
+    </script>
+  </head>
+  <body>
+    <ul id="list">
+      <li>a</li>
+    </ul>
+  </body>
+</html>
diff --git a/packages/rrweb/test/integration.test.ts b/packages/rrweb/test/integration.test.ts
index 22b18ddb..b70a662a 100644
--- a/packages/rrweb/test/integration.test.ts
+++ b/packages/rrweb/test/integration.test.ts
@@ -33,6 +33,12 @@ describe('record integration tests', function (this: ISuite) {
     <script>
       ${code}
       window.Date.now = () => new Date(Date.UTC(2018, 10, 15, 8)).valueOf();
+      /* deterministic Math.random so the fork's obfuscateText is stable */
+      window.__rrwebSeed = 1;
+      Math.random = () => {
+        window.__rrwebSeed = (window.__rrwebSeed * 1103515245 + 12345) % 2147483648;
+        return window.__rrwebSeed / 2147483648;
+      };
       ${generateRecordSnippet(options)}
     </script>
     </body>
diff --git a/packages/rrweb/test/record.test.ts b/packages/rrweb/test/record.test.ts
index 3a8d4a44..a4105c06 100644
--- a/packages/rrweb/test/record.test.ts
+++ b/packages/rrweb/test/record.test.ts
@@ -565,6 +565,8 @@ describe('record', function (this: ISuite) {
         const { rrweb, emit } = window as unknown as IWindow;
         rrweb.record({
           emit,
+          // deterministic output for snapshots (fork default obfuscates text)
+          privacySetting: 'none',
         });
 
         setTimeout(() => {
@@ -639,6 +641,8 @@ describe('record', function (this: ISuite) {
       const { rrweb, emit } = window as unknown as IWindow;
       rrweb.record({
         emit,
+        // deterministic output for snapshots (fork default obfuscates text)
+        privacySetting: 'none',
       });
 
       setTimeout(() => {
@@ -673,6 +677,8 @@ describe('record', function (this: ISuite) {
         const { rrweb, emit } = window as unknown as IWindow;
         rrweb.record({
           emit,
+          // deterministic output for snapshots (fork default obfuscates text)
+          privacySetting: 'none',
         });
 
         setTimeout(() => {
@@ -960,6 +966,8 @@ describe('record', function (this: ISuite) {
 
         (window as unknown as IWindow).rrweb.record({
           emit: (window.top as unknown as IWindow).emit,
+          // deterministic output for snapshots (fork default obfuscates text)
+          privacySetting: 'none',
         });
 
         // Make incremental changes to shadow dom.
@@ -989,6 +997,27 @@ describe('record', function (this: ISuite) {
 
     await assertSnapshot(ctx.events);
   });
+
+  it('does not throw error when stopping recording after iframe becomes cross-origin', async () => {
+    await ctx.page.evaluate(async () => {
+      const { record } = (window as unknown as IWindow).rrweb;
+      const stopRecord = record({
+        emit: (window as unknown as IWindow).emit,
+      });
+      const iframe = document.createElement('iframe');
+      (window as any).stopRecord = stopRecord;
+      (window as any).iframe = iframe;
+      document.body.appendChild(iframe);
+    });
+    await waitForRAF(ctx.page);
+    await ctx.page.evaluate(async () => {
+      (window as any).iframe.src = 'https://www.example.com'; // Change the same origin iframe to a cross origin iframe after it's recorded
+    });
+    await waitForRAF(ctx.page);
+    await ctx.page.evaluate(() => {
+      (window as any).stopRecord?.();
+    });
+  });
 });
 
 describe('record iframes', function (this: ISuite) {
diff --git a/packages/rrweb/test/record/__snapshots__/cross-origin-iframes.test.ts.snap b/packages/rrweb/test/record/__snapshots__/cross-origin-iframes.test.ts.snap
index 8cd9fce9..518b9ba4 100644
--- a/packages/rrweb/test/record/__snapshots__/cross-origin-iframes.test.ts.snap
+++ b/packages/rrweb/test/record/__snapshots__/cross-origin-iframes.test.ts.snap
@@ -4881,35 +4881,6 @@ exports[`cross origin iframes > move-node.html > should record canvas elements 1
         }
       ]
     }
-  },
-  {
-    \\"type\\": 3,
-    \\"data\\": {
-      \\"source\\": 9,
-      \\"id\\": 33,
-      \\"type\\": 1,
-      \\"commands\\": [
-        {
-          \\"property\\": \\"createProgram\\",
-          \\"args\\": []
-        },
-        {
-          \\"property\\": \\"linkProgram\\",
-          \\"args\\": [
-            {
-              \\"rr_type\\": \\"WebGLProgram\\",
-              \\"index\\": 0
-            }
-          ]
-        },
-        {
-          \\"property\\": \\"clear\\",
-          \\"args\\": [
-            16384
-          ]
-        }
-      ]
-    }
   }
 ]"
 `;
diff --git a/packages/rrweb/test/record/cross-origin-iframes.test.ts b/packages/rrweb/test/record/cross-origin-iframes.test.ts
index cd6738fa..58c0e824 100644
--- a/packages/rrweb/test/record/cross-origin-iframes.test.ts
+++ b/packages/rrweb/test/record/cross-origin-iframes.test.ts
@@ -63,11 +63,19 @@ async function injectRecordScript(
   }
   options = options || {};
   await frame.evaluate((options) => {
+    /* deterministic Math.random so the fork's obfuscateText is stable */
+    let seed = 1;
+    Math.random = () => {
+      seed = (seed * 1103515245 + 12345) % 2147483648;
+      return seed / 2147483648;
+    };
     (window as unknown as IWindow).snapshots = [];
     const { record } = (window as unknown as IWindow).rrweb;
     const config: recordOptions<eventWithTime> = {
       recordCrossOriginIframes: true,
       recordCanvas: true,
+      // deterministic output for snapshots (fork default obfuscates text)
+      privacySetting: 'none',
       emit(event) {
         (window as unknown as IWindow).snapshots.push(event);
         (window as unknown as IWindow).emit(event);
diff --git a/packages/rrweb/test/record/monkey-patched.test.ts b/packages/rrweb/test/record/monkey-patched.test.ts
new file mode 100644
index 00000000..fd0adb04
--- /dev/null
+++ b/packages/rrweb/test/record/monkey-patched.test.ts
@@ -0,0 +1,110 @@
+/**
+ * WebKit (Safari engine) test for monkey-patched MutationObserver.
+ *
+ * When a framework hijacks MutationObserver before rrweb loads, the recorder
+ * must fall back to an iframe to obtain the real native constructor.
+ * This test verifies that DOM mutations are still captured as IncrementalSnapshot
+ * events (source: MutationData) in WebKit under these conditions.
+ *
+ * Run with:  yarn test:webkit  (in packages/rrweb)
+ *
+ * Requires the playwright WebKit browser to be installed:
+ *   npx playwright install webkit
+ */
+import * as fs from 'fs';
+import * as http from 'http';
+import * as path from 'path';
+import * as url from 'url';
+import { chromium, webkit, Browser } from 'playwright';
+const browserType = process.env.BROWSER === 'webkit' ? webkit : chromium;
+import { afterAll, beforeAll, describe, expect, it, vi } from 'vitest';
+import { EventType, IncrementalSource, eventWithTime } from '@rrweb/types';
+import { getServerURL, startServer, waitForRAF } from '../utils';
+
+const __dirname = path.dirname(url.fileURLToPath(import.meta.url));
+
+describe('WebKit: monkey-patched MutationObserver', () => {
+  vi.setConfig({ testTimeout: 30_000 });
+
+  let server: http.Server;
+  let serverURL: string;
+  let browser: Browser;
+  let code: string;
+
+  beforeAll(async () => {
+    server = await startServer();
+    serverURL = getServerURL(server);
+    browser = await browserType.launch();
+    code = fs.readFileSync(
+      path.resolve(__dirname, '../../dist/rrweb.umd.cjs'),
+      'utf-8',
+    );
+  });
+
+  afterAll(async () => {
+    await browser.close();
+    await server.close();
+  });
+
+  it('should record DOM mutations when MutationObserver is monkey-patched', async () => {
+    const page = await browser.newPage();
+    page.on('console', (msg) => console.log('[webkit]', msg.text()));
+    page.on('pageerror', (err) => {
+      throw new Error(`Uncaught page error: ${err.message}`);
+    });
+
+    await page.goto(`${serverURL}/html/monkey-patched-mutation.html`, {
+      waitUntil: 'load',
+    });
+    await waitForRAF(page);
+
+    // Verify MutationObserver is actually patched in this engine.
+    const patchActive = await page.evaluate(`
+      (() => {
+        try { new MutationObserver(() => {}); return false; }
+        catch(e) { return e.message.includes('hijacked'); }
+      })()
+    `);
+    expect(patchActive).toBe(true);
+
+    // Store events in window so they can be retrieved synchronously via evaluate.
+    await page.evaluate(`
+      ${code};
+      window.__rrwebEvents = [];
+      window.__rrwebStop = rrweb.record({ emit: (e) => window.__rrwebEvents.push(e) });
+      console.log('[rrweb] record started, stop fn:', typeof window.__rrwebStop);
+    `);
+    await waitForRAF(page);
+
+    // Trigger a DOM mutation.
+    await page.evaluate(`
+      const li = document.createElement('li');
+      li.textContent = 'b';
+      document.getElementById('list').appendChild(li);
+      console.log('[rrweb] mutation triggered, events so far:', window.__rrwebEvents.length);
+    `);
+
+    await waitForRAF(page);
+    await waitForRAF(page);
+    await waitForRAF(page);
+
+    const events = (await page.evaluate(
+      `JSON.parse(JSON.stringify(window.__rrwebEvents))`,
+    )) as eventWithTime[];
+    console.log(
+      '[test] total events:',
+      events.length,
+      events.map((e: eventWithTime) => e.type),
+    );
+
+    const mutationEvents = events.filter(
+      (e) =>
+        e.type === EventType.IncrementalSnapshot &&
+        (e.data as { source: number }).source === IncrementalSource.Mutation,
+    );
+
+    expect(mutationEvents.length).toBeGreaterThan(0);
+
+    await page.close();
+  });
+});
diff --git a/packages/rrweb/test/replay/2d-mutation.test.ts b/packages/rrweb/test/replay/2d-mutation.test.ts
index 303646d1..1def7a7b 100644
--- a/packages/rrweb/test/replay/2d-mutation.test.ts
+++ b/packages/rrweb/test/replay/2d-mutation.test.ts
@@ -24,9 +24,13 @@ describe('canvas2DMutation', () => {
     const promise = new Promise((r) => {
       resolve = r;
     });
+    // hold direct references: the fork wraps ctx.drawImage on first use
+    // (wrapCanvasContextDrawImage), replacing the property with a wrapper
+    const clearRectSpy = vi.fn();
+    const drawImageSpy = vi.fn();
     const context = {
-      clearRect: vi.fn(),
-      drawImage: vi.fn(),
+      clearRect: clearRectSpy,
+      drawImage: drawImageSpy,
     } as unknown as CanvasRenderingContext2D;
     vi.spyOn(canvas, 'getContext').mockImplementation(() => {
       return context;
@@ -68,14 +72,14 @@ describe('canvas2DMutation', () => {
 
     await expect(createImageBitmapMock).toHaveBeenCalled();
 
-    expect(context.clearRect).not.toBeCalled();
-    expect(context.drawImage).not.toBeCalled();
+    expect(clearRectSpy).not.toBeCalled();
+    expect(drawImageSpy).not.toBeCalled();
 
     await vi.advanceTimersByTimeAsync(1000);
 
     await mutation;
 
-    expect(context.clearRect).toHaveBeenCalledWith(0, 0, 1000, 1000);
-    expect(context.drawImage).toHaveBeenCalled();
+    expect(clearRectSpy).toHaveBeenCalledWith(0, 0, 1000, 1000);
+    expect(drawImageSpy).toHaveBeenCalled();
   });
 });
diff --git a/packages/rrweb/test/replay/__image_snapshots__/dialog-test-ts-dialog-closed-dialogs-show-nothing-1-snap.png b/packages/rrweb/test/replay/__image_snapshots__/dialog-test-ts-dialog-closed-dialogs-show-nothing-1-snap.png
new file mode 100644
index 00000000..26ab2fb5
Binary files /dev/null and b/packages/rrweb/test/replay/__image_snapshots__/dialog-test-ts-dialog-closed-dialogs-show-nothing-1-snap.png differ
diff --git a/packages/rrweb/test/replay/__image_snapshots__/hover-test-ts-replayer-hover-should-trigger-hover-on-mouse-down-1-snap.png b/packages/rrweb/test/replay/__image_snapshots__/hover-test-ts-replayer-hover-should-trigger-hover-on-mouse-down-1-snap.png
new file mode 100644
index 00000000..5faf6482
Binary files /dev/null and b/packages/rrweb/test/replay/__image_snapshots__/hover-test-ts-replayer-hover-should-trigger-hover-on-mouse-down-1-snap.png differ
diff --git a/packages/rrweb/test/replay/__image_snapshots__/hover-test-ts-test-replay-hover-test-ts-replayer-hover-should-trigger-hover-on-mouse-down-2-snap.png b/packages/rrweb/test/replay/__image_snapshots__/hover-test-ts-test-replay-hover-test-ts-replayer-hover-should-trigger-hover-on-mouse-down-2-snap.png
new file mode 100644
index 00000000..5faf6482
Binary files /dev/null and b/packages/rrweb/test/replay/__image_snapshots__/hover-test-ts-test-replay-hover-test-ts-replayer-hover-should-trigger-hover-on-mouse-down-2-snap.png differ
diff --git a/packages/rrweb/test/replay/__image_snapshots__/video-test-ts-video-will-be-paused-when-the-player-wasnt-started-yet-1-snap.png b/packages/rrweb/test/replay/__image_snapshots__/video-test-ts-video-will-be-paused-when-the-player-wasnt-started-yet-1-snap.png
new file mode 100644
index 00000000..575ceaf8
Binary files /dev/null and b/packages/rrweb/test/replay/__image_snapshots__/video-test-ts-video-will-be-paused-when-the-player-wasnt-started-yet-1-snap.png differ
diff --git a/packages/rrweb/test/replay/__image_snapshots__/video-test-ts-video-will-play-from-the-correct-moment-1-snap.png b/packages/rrweb/test/replay/__image_snapshots__/video-test-ts-video-will-play-from-the-correct-moment-1-snap.png
new file mode 100644
index 00000000..c97b2112
Binary files /dev/null and b/packages/rrweb/test/replay/__image_snapshots__/video-test-ts-video-will-play-from-the-correct-moment-1-snap.png differ
diff --git a/packages/rrweb/test/replay/__image_snapshots__/video-test-ts-video-will-seek-to-the-correct-moment-1-snap.png b/packages/rrweb/test/replay/__image_snapshots__/video-test-ts-video-will-seek-to-the-correct-moment-1-snap.png
new file mode 100644
index 00000000..e8a270bf
Binary files /dev/null and b/packages/rrweb/test/replay/__image_snapshots__/video-test-ts-video-will-seek-to-the-correct-moment-1-snap.png differ
diff --git a/packages/rrweb/test/replay/__image_snapshots__/video-test-ts-video-will-seek-to-the-correct-moment-without-media-interaction-events-1-snap.png b/packages/rrweb/test/replay/__image_snapshots__/video-test-ts-video-will-seek-to-the-correct-moment-without-media-interaction-events-1-snap.png
new file mode 100644
index 00000000..8fff13f4
Binary files /dev/null and b/packages/rrweb/test/replay/__image_snapshots__/video-test-ts-video-will-seek-to-the-correct-moment-without-media-interaction-events-1-snap.png differ
diff --git a/packages/rrweb/test/replay/__image_snapshots__/webgl-test-ts-replayer-webgl-should-output-simple-webgl-object-1-snap.png b/packages/rrweb/test/replay/__image_snapshots__/webgl-test-ts-replayer-webgl-should-output-simple-webgl-object-1-snap.png
new file mode 100644
index 00000000..dea737b0
Binary files /dev/null and b/packages/rrweb/test/replay/__image_snapshots__/webgl-test-ts-replayer-webgl-should-output-simple-webgl-object-1-snap.png differ
diff --git a/packages/rrweb/test/replay/hover.test.ts b/packages/rrweb/test/replay/hover.test.ts
index 0113ad66..e8dbb968 100644
--- a/packages/rrweb/test/replay/hover.test.ts
+++ b/packages/rrweb/test/replay/hover.test.ts
@@ -56,7 +56,8 @@ describe('replayer', function () {
   });
 
   describe('hover', () => {
-    it('should trigger hover on mouseDown', async () => {
+    // screenshot timing around a paused replay is flaky in CI; retry flakes
+    it('should trigger hover on mouseDown', { retry: 2 }, async () => {
       await page.evaluate(`
       const { Replayer } = rrweb;
       const replayer = new Replayer(events);
diff --git a/packages/rrweb/test/replayer.test.ts b/packages/rrweb/test/replayer.test.ts
index c38ec356..bb54442b 100644
--- a/packages/rrweb/test/replayer.test.ts
+++ b/packages/rrweb/test/replayer.test.ts
@@ -25,6 +25,12 @@ import StyleSheetTextMutation from './events/style-sheet-text-mutation';
 import canvasInIframe from './events/canvas-in-iframe';
 import adoptedStyleSheet from './events/adopted-style-sheet';
 import adoptedStyleSheetModification from './events/adopted-style-sheet-modification';
+import {
+  emptyReplaceSyncEvents,
+  emptyReplaceEvents,
+} from './events/adopted-style-sheet-empty-replace';
+import nestedStyleDeclarationEvents from './events/nested-style-declaration';
+import styleDeclarationMissingRuleEvents from './events/style-declaration-missing-rule';
 import documentReplacementEvents from './events/document-replacement';
 import hoverInIframeShadowDom from './events/iframe-shadowdom-hover';
 import customElementDefineClass from './events/custom-element-define-class';
@@ -83,6 +89,147 @@ describe('replayer', function () {
     });
   });
 
+  it('creates a replay iframe with the supported sandbox policy', async () => {
+    const sandbox = await page.evaluate(`
+      const { Replayer } = rrweb;
+      const replayer = new Replayer(events);
+      replayer.iframe.getAttribute('sandbox');
+    `);
+
+    expect(sandbox).toBe('allow-same-origin');
+  });
+
+  it('keeps UNSAFE_replayCanvas explicit by using an unprotected sandbox policy', async () => {
+    const sandbox = await page.evaluate(`
+      const { Replayer } = rrweb;
+      const replayer = new Replayer(events, { UNSAFE_replayCanvas: true });
+      replayer.iframe.getAttribute('sandbox');
+    `);
+
+    expect(sandbox).toBe('allow-same-origin allow-scripts');
+  });
+
+  it('can rebuild the first full snapshot with the default sandbox policy', async () => {
+    const rebuiltSnapshotContent = await page.evaluate(`
+      (async () => {
+        const { Replayer, ReplayerEvents } = rrweb;
+        const replayer = new Replayer(events);
+
+        await new Promise((resolve, reject) => {
+          const timeout = setTimeout(
+            () => reject(new Error('Timed out waiting for full snapshot rebuild')),
+            1000,
+          );
+          replayer.on(ReplayerEvents.FullsnapshotRebuilded, () => {
+            clearTimeout(timeout);
+            resolve();
+          });
+          replayer.play(0);
+        });
+
+        const doc = replayer.iframe.contentDocument;
+        return {
+          sandbox: replayer.iframe.getAttribute('sandbox'),
+          htmlTag: doc.documentElement.localName,
+          headTag: doc.head.localName,
+          headChildElementCount: doc.head.childElementCount,
+          bodyTag: doc.body.localName,
+          bodyChildElementCount: doc.body.childElementCount,
+          bodyText: doc.body.textContent,
+        };
+      })();
+    `);
+
+    expect(rebuiltSnapshotContent).toEqual({
+      sandbox: 'allow-same-origin',
+      htmlTag: 'html',
+      headTag: 'head',
+      headChildElementCount: 0,
+      bodyTag: 'body',
+      bodyChildElementCount: 0,
+      bodyText: '',
+    });
+  });
+
+  it('can rebuild the first full snapshot when UNSAFE_replayCanvas is enabled', async () => {
+    const rebuiltSnapshotContent = await page.evaluate(`
+      (async () => {
+        const { Replayer, ReplayerEvents } = rrweb;
+        const replayer = new Replayer(events, { UNSAFE_replayCanvas: true });
+
+        await new Promise((resolve, reject) => {
+          const timeout = setTimeout(
+            () => reject(new Error('Timed out waiting for full snapshot rebuild')),
+            1000,
+          );
+          replayer.on(ReplayerEvents.FullsnapshotRebuilded, () => {
+            clearTimeout(timeout);
+            resolve();
+          });
+          replayer.play(0);
+        });
+
+        const doc = replayer.iframe.contentDocument;
+        return {
+          htmlTag: doc.documentElement.localName,
+          headTag: doc.head.localName,
+          headChildElementCount: doc.head.childElementCount,
+          bodyTag: doc.body.localName,
+          bodyChildElementCount: doc.body.childElementCount,
+          bodyText: doc.body.textContent,
+        };
+      })();
+    `);
+
+    expect(rebuiltSnapshotContent).toEqual({
+      htmlTag: 'html',
+      headTag: 'head',
+      headChildElementCount: 0,
+      bodyTag: 'body',
+      bodyChildElementCount: 0,
+      bodyText: '',
+    });
+  });
+
+  it('can rebuild a UNSAFE_replayCanvas iframe after setConfig disables the option', async () => {
+    const rebuiltSnapshotContent = await page.evaluate(`
+      (async () => {
+        const { Replayer, ReplayerEvents } = rrweb;
+        const replayer = new Replayer(events, { UNSAFE_replayCanvas: true });
+        replayer.setConfig({ UNSAFE_replayCanvas: false });
+
+        await new Promise((resolve, reject) => {
+          const timeout = setTimeout(
+            () => reject(new Error('Timed out waiting for full snapshot rebuild')),
+            1000,
+          );
+          replayer.on(ReplayerEvents.FullsnapshotRebuilded, () => {
+            clearTimeout(timeout);
+            resolve();
+          });
+          replayer.play(0);
+        });
+
+        const doc = replayer.iframe.contentDocument;
+        return {
+          sandbox: replayer.iframe.getAttribute('sandbox'),
+          htmlTag: doc.documentElement.localName,
+          headTag: doc.head.localName,
+          bodyTag: doc.body.localName,
+          bodyText: doc.body.textContent,
+        };
+      })();
+    `);
+
+    expect(rebuiltSnapshotContent).toEqual({
+      sandbox: 'allow-same-origin allow-scripts',
+      htmlTag: 'html',
+      headTag: 'head',
+      bodyTag: 'body',
+      bodyText: '',
+    });
+  });
+
   it('will start actions when play', async () => {
     const actionLength = await page.evaluate(`
       const { Replayer } = rrweb;
@@ -755,8 +902,8 @@ describe('replayer', function () {
     expect(status).toEqual('live');
   });
 
-  it("shouldn't trigger ReplayerEvents.Finish in live mode", async () => {
-    const status = await page.evaluate((FinishState) => {
+  it("shouldn't finish in live mode", async () => {
+    const { status, timeProgress } = await page.evaluate((FinishState) => {
       return new Promise((resolve) => {
         const win = window as IWindow;
         let triggeredFinish = false;
@@ -770,12 +917,21 @@ describe('replayer', function () {
         replayer.startLive();
         replayer.addEvent(win.events[0]);
         requestAnimationFrame(() => {
-          resolve(triggeredFinish);
+          const afterLastEventTime = replayer.getCurrentTime();
+          requestAnimationFrame(() => {
+            const aff = replayer.getCurrentTime();
+            const timeProgress = aff - afterLastEventTime;
+            resolve({
+              status: triggeredFinish,
+              timeProgress,
+            });
+          });
         });
       });
     }, ReplayerEvents.Finish);
 
     expect(status).toEqual(false);
+    expect(timeProgress).toBeGreaterThan(0);
   });
 
   it('replays same timestamp events in correct order', async () => {
@@ -1064,6 +1220,188 @@ describe('replayer', function () {
     await check600ms();
   });
 
+  it('can clear adopted stylesheets with empty replaceSync', async () => {
+    await page.evaluate(`
+      events = ${JSON.stringify(emptyReplaceSyncEvents)};
+
+      const { Replayer } = rrweb;
+      var replayer = new Replayer(events, { showDebug: true });
+      replayer.pause(0);
+    `);
+
+    const iframe = await page.$('iframe');
+    const contentDocument = await iframe!.contentFrame()!;
+
+    // At 250ms, stylesheet should have rules
+    await page.evaluate('replayer.pause(250);');
+    expect(
+      await contentDocument!.evaluate(
+        () =>
+          document.adoptedStyleSheets.length === 1 &&
+          document.adoptedStyleSheets[0].cssRules.length === 1,
+      ),
+    ).toBeTruthy();
+
+    // At 350ms, stylesheet should be empty after replaceSync('')
+    await page.evaluate('replayer.pause(350);');
+    expect(
+      await contentDocument!.evaluate(
+        () =>
+          document.adoptedStyleSheets.length === 1 &&
+          document.adoptedStyleSheets[0].cssRules.length === 0,
+      ),
+    ).toBeTruthy();
+  });
+
+  it('can clear adopted stylesheets with empty replace', async () => {
+    await page.evaluate(`
+    events = ${JSON.stringify(emptyReplaceEvents)};
+    const { Replayer } = rrweb;
+    var replayer = new Replayer(events, { showDebug: true });
+    replayer.pause(0);
+    `);
+
+    const iframe = await page.$('iframe');
+    const contentDocument = await iframe!.contentFrame()!;
+
+    // At 250ms, stylesheet should have rules
+    await page.evaluate('replayer.pause(250);');
+    expect(
+      await contentDocument!.evaluate(
+        () =>
+          document.adoptedStyleSheets.length === 1 &&
+          document.adoptedStyleSheets[0].cssRules.length === 1,
+      ),
+    ).toBeTruthy();
+
+    // At 350ms, stylesheet should be empty after replace('')
+    await page.evaluate('replayer.pause(350);');
+    await contentDocument!.waitForFunction(
+      () =>
+        document.adoptedStyleSheets.length === 1 &&
+        document.adoptedStyleSheets[0].cssRules.length === 0,
+    );
+  });
+
+  it('can replay StyleDeclaration events on nested CSS rules inside @media', async () => {
+    await page.evaluate(`
+      events = ${JSON.stringify(nestedStyleDeclarationEvents)};
+      const { Replayer } = rrweb;
+      var replayer = new Replayer(events, { showDebug: true });
+      replayer.pause(0);
+    `);
+    // At 250ms, setProperty on [0, 0] should change background-color to red
+    const bgColorAfterSet = await page.evaluate(`
+      replayer.pause(250);
+      const doc1 = replayer.iframe.contentDocument;
+      const styleElement1 = doc1.querySelector('head style');
+      const sheet1 = styleElement1?.sheet;
+      if (!sheet1 || sheet1.cssRules.length === 0) 'no sheet';
+      const mediaRule1 = sheet1.cssRules[0];
+      if (!mediaRule1 || !mediaRule1.cssRules) 'no media rule';
+      const nestedRule1 = mediaRule1.cssRules[0];
+      nestedRule1?.style?.backgroundColor || 'no bg color';
+    `);
+    expect(bgColorAfterSet).toBe('red');
+
+    // At 350ms, setProperty on [0, 1] should add font-weight: bold
+    const fontWeightAfterSet = await page.evaluate(`
+      replayer.pause(350);
+      const doc2 = replayer.iframe.contentDocument;
+      const styleElement2 = doc2.querySelector('head style');
+      const sheet2 = styleElement2?.sheet;
+      if (!sheet2) 'no sheet';
+      const mediaRule2 = sheet2.cssRules[0];
+      const secondRule2 = mediaRule2?.cssRules?.[1];
+      secondRule2?.style?.fontWeight || 'no font weight';
+    `);
+    expect(fontWeightAfterSet).toBe('bold');
+
+    // At 450ms, removeProperty on [0, 0] should remove width
+    const widthAfterRemove = await page.evaluate(`
+      replayer.pause(450);
+      const doc3 = replayer.iframe.contentDocument;
+      const styleElement3 = doc3.querySelector('head style');
+      const sheet3 = styleElement3?.sheet;
+      if (!sheet3) 'has width';
+      const mediaRule3 = sheet3.cssRules[0];
+      const nestedRule3 = mediaRule3?.cssRules?.[0];
+      nestedRule3?.style?.width || '';
+    `);
+    expect(widthAfterRemove).toBe('');
+
+    // At 550ms, setProperty on deeply nested [1, 0, 0] should change background-color to purple
+    const deepBgColorAfterSet = await page.evaluate(`
+      replayer.pause(550);
+      const doc4 = replayer.iframe.contentDocument;
+      const styleElement4 = doc4.querySelector('head style');
+      const sheet4 = styleElement4?.sheet;
+      if (!sheet4 || sheet4.cssRules.length < 2) 'no sheet';
+      const supportsRule4 = sheet4.cssRules[1];
+      const mediaRule4 = supportsRule4?.cssRules?.[0];
+      const deepRule4 = mediaRule4?.cssRules?.[0];
+      deepRule4?.style?.backgroundColor || 'no bg color';
+    `);
+    expect(deepBgColorAfterSet).toBe('purple');
+
+    // At 650ms, removeProperty on [1, 0, 0] should remove background-color
+    const deepBgColorAfterRemove = await page.evaluate(`
+      replayer.pause(650);
+      const doc5 = replayer.iframe.contentDocument;
+      const styleElement5 = doc5.querySelector('head style');
+      const sheet5 = styleElement5?.sheet;
+      if (!sheet5 || sheet5.cssRules.length < 2) 'has bg';
+      const supportsRule5 = sheet5.cssRules[1];
+      const mediaRule5 = supportsRule5?.cssRules?.[0];
+      const deepRule5 = mediaRule5?.cssRules?.[0];
+      deepRule5?.style?.backgroundColor || '';
+    `);
+    expect(deepBgColorAfterRemove).toBe('');
+  });
+
+  it('should not crash when StyleDeclaration references non-existent rules', async () => {
+    /**
+     * This test verifies that the replayer gracefully handles StyleDeclaration
+     * events that reference rules which don't exist in the stylesheet.
+     *
+     * This can happen due to:
+     * - Timing issues where StyleDeclaration arrives before StyleSheetRule
+     * - Dynamic stylesheets that aren't fully synchronized
+     * - Event ordering issues during recording
+     *
+     * The replayer should silently skip these instead of crashing.
+     */
+    await page.evaluate(
+      `events = ${JSON.stringify(styleDeclarationMissingRuleEvents)}`,
+    );
+
+    // Should not throw any errors
+    const result = await page.evaluate(`
+      try {
+        const { Replayer } = rrweb;
+        const replayer = new Replayer(events, { showDebug: true });
+        replayer.pause(500); // After all StyleDeclaration events
+        'success';
+      } catch (e) {
+        'error: ' + e.message;
+      }
+    `);
+    expect(result).toBe('success');
+
+    // Verify the existing rule still works (wasn't corrupted)
+    const existingRuleColor = await page.evaluate(`
+      const { Replayer } = rrweb;
+      const replayer = new Replayer(events);
+      replayer.pause(500);
+      const doc = replayer.iframe.contentDocument;
+      const style = doc.querySelector('head style');
+      const sheet = style?.sheet;
+      const rule = sheet?.cssRules?.[0];
+      rule?.style?.color || 'no color';
+    `);
+    expect(existingRuleColor).toBe('blue');
+  });
+
   it('should replay document replacement events without warnings or errors', async () => {
     await page.evaluate(
       `events = ${JSON.stringify(documentReplacementEvents)}`,
diff --git a/packages/rrweb/test/util.test.ts b/packages/rrweb/test/util.test.ts
index fda0030b..7e3a33c9 100644
--- a/packages/rrweb/test/util.test.ts
+++ b/packages/rrweb/test/util.test.ts
@@ -7,6 +7,8 @@ import {
   inDom,
   shadowHostInDom,
   getShadowHost,
+  getNestedRule,
+  getPositionsAndIndex,
 } from '../src/utils';
 
 describe('Utilities for other modules', () => {
@@ -143,4 +145,196 @@ describe('Utilities for other modules', () => {
       expect(inDom(a.childNodes[0])).toBeTruthy();
     });
   });
+
+  describe('getNestedRule()', () => {
+    it('should return the rule at position [0] for a top-level rule', () => {
+      const style = document.createElement('style');
+      document.head.appendChild(style);
+      const sheet = style.sheet!;
+      sheet.insertRule('.test { color: red; }', 0);
+
+      const rule = getNestedRule(sheet.cssRules, [0]);
+      expect(rule).toBe(sheet.cssRules[0]);
+      expect((rule as CSSStyleRule).selectorText).toBe('.test');
+
+      document.head.removeChild(style);
+    });
+
+    it('should return nested rule inside @media at position [0, 0]', () => {
+      const style = document.createElement('style');
+      document.head.appendChild(style);
+      const sheet = style.sheet!;
+      sheet.insertRule(
+        '@media (min-width: 1px) { .nested { color: blue; } }',
+        0,
+      );
+
+      const mediaRule = sheet.cssRules[0] as CSSMediaRule;
+      const nestedRule = getNestedRule(sheet.cssRules, [0, 0]);
+
+      expect(nestedRule).toBe(mediaRule.cssRules[0]);
+      expect((nestedRule as CSSStyleRule).selectorText).toBe('.nested');
+
+      document.head.removeChild(style);
+    });
+
+    it('should return correct rule for multiple rules inside @media', () => {
+      const style = document.createElement('style');
+      document.head.appendChild(style);
+      const sheet = style.sheet!;
+      sheet.insertRule(
+        '@media (min-width: 1px) { .first { color: red; } .second { color: blue; } }',
+        0,
+      );
+
+      const mediaRule = sheet.cssRules[0] as CSSMediaRule;
+
+      const firstRule = getNestedRule(sheet.cssRules, [0, 0]);
+      expect(firstRule).toBe(mediaRule.cssRules[0]);
+      expect((firstRule as CSSStyleRule).selectorText).toBe('.first');
+
+      const secondRule = getNestedRule(sheet.cssRules, [0, 1]);
+      expect(secondRule).toBe(mediaRule.cssRules[1]);
+      expect((secondRule as CSSStyleRule).selectorText).toBe('.second');
+
+      document.head.removeChild(style);
+    });
+
+    it('should handle deeply nested rules (@supports > @media > rule)', () => {
+      const style = document.createElement('style');
+      document.head.appendChild(style);
+      const sheet = style.sheet!;
+      sheet.insertRule(
+        '@supports (display: flex) { @media (min-width: 1px) { .deep { color: green; } } }',
+        0,
+      );
+
+      const supportsRule = sheet.cssRules[0] as CSSSupportsRule;
+      const mediaRule = supportsRule.cssRules[0] as CSSMediaRule;
+      const deepRule = mediaRule.cssRules[0] as CSSStyleRule;
+
+      const result = getNestedRule(sheet.cssRules, [0, 0, 0]);
+      expect(result).toBe(deepRule);
+      expect((result as CSSStyleRule).selectorText).toBe('.deep');
+
+      document.head.removeChild(style);
+    });
+
+    it('should handle multiple top-level grouping rules', () => {
+      const style = document.createElement('style');
+      document.head.appendChild(style);
+      const sheet = style.sheet!;
+      sheet.insertRule(
+        '@media (min-width: 1px) { .media-rule { color: red; } }',
+        0,
+      );
+      sheet.insertRule(
+        '@supports (display: grid) { .supports-rule { color: blue; } }',
+        1,
+      );
+
+      // Rule inside first @media
+      const mediaNestedRule = getNestedRule(sheet.cssRules, [0, 0]);
+      expect((mediaNestedRule as CSSStyleRule).selectorText).toBe(
+        '.media-rule',
+      );
+
+      // Rule inside second @supports
+      const supportsNestedRule = getNestedRule(sheet.cssRules, [1, 0]);
+      expect((supportsNestedRule as CSSStyleRule).selectorText).toBe(
+        '.supports-rule',
+      );
+
+      document.head.removeChild(style);
+    });
+  });
+
+  describe('getPositionsAndIndex()', () => {
+    it('should split single element array into empty positions and index', () => {
+      const result = getPositionsAndIndex([5]);
+      expect(result.positions).toEqual([]);
+      expect(result.index).toBe(5);
+    });
+
+    it('should split two element array correctly', () => {
+      const result = getPositionsAndIndex([0, 3]);
+      expect(result.positions).toEqual([0]);
+      expect(result.index).toBe(3);
+    });
+
+    it('should split three element array correctly', () => {
+      const result = getPositionsAndIndex([1, 2, 3]);
+      expect(result.positions).toEqual([1, 2]);
+      expect(result.index).toBe(3);
+    });
+  });
+
+  describe('getNestedRule() null safety', () => {
+    /**
+     * These tests verify that getNestedRule returns null instead of crashing
+     * when the requested rule doesn't exist. This is important because:
+     * 1. StyleDeclaration events may reference rules that were added dynamically
+     *    but don't exist yet during replay due to timing issues
+     * 2. Event ordering may cause StyleDeclaration events to arrive before
+     *    the corresponding StyleSheetRule events that create the rules
+     * 3. Constructed/adopted stylesheets may not be fully synchronized
+     */
+
+    it('should return null for invalid top-level index', () => {
+      const style = document.createElement('style');
+      document.head.appendChild(style);
+      const sheet = style.sheet!;
+      sheet.insertRule('.test { color: red; }', 0);
+
+      // Index 5 doesn't exist (only index 0 exists)
+      const result = getNestedRule(sheet.cssRules, [5]);
+      expect(result).toBeNull();
+
+      document.head.removeChild(style);
+    });
+
+    it('should return null for invalid nested index', () => {
+      const style = document.createElement('style');
+      document.head.appendChild(style);
+      const sheet = style.sheet!;
+      sheet.insertRule(
+        '@media (min-width: 1px) { .nested { color: blue; } }',
+        0,
+      );
+
+      // [0, 5] - media rule exists at 0, but no rule at index 5 inside it
+      const result = getNestedRule(sheet.cssRules, [0, 5]);
+      expect(result).toBeNull();
+
+      document.head.removeChild(style);
+    });
+
+    it('should return null for deeply nested invalid index', () => {
+      const style = document.createElement('style');
+      document.head.appendChild(style);
+      const sheet = style.sheet!;
+      sheet.insertRule(
+        '@supports (display: flex) { @media (min-width: 1px) { .deep { color: green; } } }',
+        0,
+      );
+
+      // [0, 0, 99] - supports and media exist, but no rule at index 99
+      const result = getNestedRule(sheet.cssRules, [0, 0, 99]);
+      expect(result).toBeNull();
+
+      document.head.removeChild(style);
+    });
+
+    it('should return null when rules list is empty', () => {
+      const style = document.createElement('style');
+      document.head.appendChild(style);
+      const sheet = style.sheet!;
+      // Don't add any rules - empty stylesheet
+
+      const result = getNestedRule(sheet.cssRules, [0]);
+      expect(result).toBeNull();
+
+      document.head.removeChild(style);
+    });
+  });
 });
diff --git a/packages/rrweb/test/utils.ts b/packages/rrweb/test/utils.ts
index d8463591..ffc2a13a 100644
--- a/packages/rrweb/test/utils.ts
+++ b/packages/rrweb/test/utils.ts
@@ -240,12 +240,18 @@ export function stringifySnapshots(snapshots: eventWithTime[]): string {
       }),
     null,
     2,
-  ).replace(
-    // servers might get run on a random port,
-    // so we need to normalize the port number
-    /http:\/\/localhost:\d+/g,
-    'http://localhost:3030',
-  );
+  )
+    .replace(
+      // servers might get run on a random port,
+      // so we need to normalize the port number
+      /http:\/\/localhost:\d+/g,
+      'http://localhost:3030',
+    )
+    .replace(
+      // lit-html generates a random template marker on every page load
+      /lit\$\d+\$/g,
+      'lit$00000000$',
+    );
 }
 
 function stripBlobURLsFromAttributes(node: {
@@ -726,9 +732,11 @@ export const polyfillWebGLGlobals = () => {
   global.WebGL2RenderingContext = WebGL2RenderingContext as any;
 };
 
-export async function waitForRAF(
-  pageOrFrame: puppeteer.Page | puppeteer.Frame,
-) {
+interface PageOrFrameWithEvaluate {
+  evaluate<T>(pageFunction: () => T | Promise<T>): Promise<T>;
+}
+
+export async function waitForRAF(pageOrFrame: PageOrFrameWithEvaluate) {
   return await pageOrFrame.evaluate(() => {
     return new Promise((resolve) => {
       requestAnimationFrame(() => {
@@ -796,9 +804,16 @@ export function generateRecordSnippet(options: recordOptions<eventWithTime>) {
     maskInputOptions: ${JSON.stringify(options.maskAllInputs)},
     userTriggeredOnInput: ${options.userTriggeredOnInput},
     maskTextClass: ${options.maskTextClass},
-    maskTextFn: ${options.maskTextFn},
+    // the fork defaults maskTextFn to randomized obfuscateText; use a
+    // deterministic masker in tests unless the test provides its own
+    maskTextFn: ${
+      options.maskTextFn ?? "(text) => text.replace(/[^\\s]/g, '*')"
+    },
     maskInputFn: ${options.maskInputFn},
     recordCanvas: ${options.recordCanvas},
+    // default to 'none' in tests: the fork's default privacy mode obfuscates
+    // text with randomized output, which can never match fixed snapshots
+    privacySetting: ${JSON.stringify(options.privacySetting ?? 'none')},
     recordAfter: '${options.recordAfter || 'load'}',
     inlineImages: ${options.inlineImages},
     plugins: ${options.plugins}
diff --git a/packages/rrweb/vitest.config.ts b/packages/rrweb/vitest.config.ts
index 497733ff..4e25a614 100644
--- a/packages/rrweb/vitest.config.ts
+++ b/packages/rrweb/vitest.config.ts
@@ -1,5 +1,5 @@
 /// <reference types="vitest" />
-import { defineProject, mergeConfig } from 'vitest/config';
+import { configDefaults, defineProject, mergeConfig } from 'vitest/config';
 import configShared from '../../vitest.config';
 import { resolve } from 'path';
 
@@ -89,6 +89,10 @@ export default mergeConfig(
     },
     test: {
       globals: true,
+      exclude: [
+        ...configDefaults.exclude,
+        'test/record/monkey-patched.test.ts',
+      ],
     },
   }),
 );
diff --git a/packages/rrweb/vitest.config.webkit.ts b/packages/rrweb/vitest.config.webkit.ts
new file mode 100644
index 00000000..cb2dc62b
--- /dev/null
+++ b/packages/rrweb/vitest.config.webkit.ts
@@ -0,0 +1,13 @@
+/// <reference types="vitest" />
+import { defineProject, mergeConfig } from 'vitest/config';
+import configShared from '../../vitest.config.ts';
+
+export default mergeConfig(
+  configShared,
+  defineProject({
+    test: {
+      globals: true,
+      include: ['test/record/monkey-patched.test.ts'],
+    },
+  }),
+);
diff --git a/packages/types/CHANGELOG.md b/packages/types/CHANGELOG.md
index 18637a06..b9edaec2 100644
--- a/packages/types/CHANGELOG.md
+++ b/packages/types/CHANGELOG.md
@@ -1,5 +1,47 @@
 # @rrweb/types
 
+## 2.0.1
+
+## 2.0.0
+
+### Major Changes
+
+- [#1497](https://github.com/rrweb-io/rrweb/pull/1497) [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf) Thanks [@Juice10](https://github.com/Juice10)! - Distributed files have new filenames, paths and extensions. **Important: If you reference distributed files or types directly, you might have to update your paths/filenames. E.g. you import from `rrweb/typings/...` or `rrdom/es`. However you run `import rrweb from 'rrweb'` you won't notice a difference with this change.** If you include rrweb files directly in a script tag, you might have to update that path to include a the `.umd.cjs` files instead. All `.js` files now use ES modules which can be used in modern browsers, node.js and bundlers that support ES modules. All npm packages now also ship `.cjs` and `.umd.cjs` files. The `.umd.cjs` files are CommonJS modules that bundle all files together to make it easy to ship one file to browser environments (similar to the previous `.js` files). The `.cjs` files are CommonJS modules that can be used in older Node.js environments. Types should be better defined in `package.json` and if you need specific types they might be exported from new packages (for example `PlayerMachineState` and `SpeedMachineState` are now exported from `@rrweb/replay`). Check the `package.json`'s `main` and `exports` field for the available files.
+
+- [#1031](https://github.com/rrweb-io/rrweb/pull/1031) [`ad9bc3e`](https://github.com/rrweb-io/rrweb/commit/ad9bc3ed16d9172490bd8350c6922e3726a7f585) Thanks [@Juice10](https://github.com/Juice10)! - Move shared rrweb event and recorder types into the new `@rrweb/types` package.
+
+### Minor Changes
+
+- [#1129](https://github.com/rrweb-io/rrweb/pull/1129) [`979d2b1`](https://github.com/rrweb-io/rrweb/commit/979d2b1847a3d05e2731722952e4d6bd8be54f40) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - click events now include a `.pointerType` attribute which distinguishes between ['pen', 'mouse' and 'touch' events](https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/pointerType). There is no new PenDown/PenUp events, but these can be detected with a MouseDown/MouseUp + pointerType=pen
+
+- [#1503](https://github.com/rrweb-io/rrweb/pull/1503) [`335639a`](https://github.com/rrweb-io/rrweb/commit/335639af9b0ce7f70eb0f38ce113d877c7325158) Thanks [@Juice10](https://github.com/Juice10)! - Support top-layer <dialog> components. Fixes #1381.
+
+- [#1035](https://github.com/rrweb-io/rrweb/pull/1035) [`2a80949`](https://github.com/rrweb-io/rrweb/commit/2a809499739ed2068bf6d9c614142f9dc8cb09ab) Thanks [@Juice10](https://github.com/Juice10)! - Add types for cross-origin iframe recording support.
+
+### Patch Changes
+
+- [#1833](https://github.com/rrweb-io/rrweb/pull/1833) [`0f0a532`](https://github.com/rrweb-io/rrweb/commit/0f0a532a2ca6b9a71acefcf3af4415beb47db0bb) Thanks [@Juice10](https://github.com/Juice10)! - Add public asset event type aliases for the 2.0 event contract.
+
+- [#1268](https://github.com/rrweb-io/rrweb/pull/1268) [`d872d28`](https://github.com/rrweb-io/rrweb/commit/d872d2809e3ec8d6ff5d3d5f43bc81aff70e7548) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Compact style mutation fixes and improvements
+
+  - fixes when style updates contain a 'var()' on a shorthand property #1246
+  - further ensures that style mutations are compact by reverting to string method if it is shorter
+
+- [#1287](https://github.com/rrweb-io/rrweb/pull/1287) [`efdc167`](https://github.com/rrweb-io/rrweb/commit/efdc167ca6c039d04af83612e3d92498bb9b41a7) Thanks [@Juice10](https://github.com/Juice10)! - Upgrade all projects to typescript 4.9.5
+
+- [#1432](https://github.com/rrweb-io/rrweb/pull/1432) [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961) Thanks [@Juice10](https://github.com/Juice10)! - Add `loop` to `mediaInteractionParam`
+
+- [#1704](https://github.com/rrweb-io/rrweb/pull/1704) [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Provide a /umd/ output folder alongside the /dist/ one so that we can serve UMD (Universal Module Definition) files with a .js extension, without upsetting expectations set by package.json that all .js files in /dist/ are modules
+
+- [#1369](https://github.com/rrweb-io/rrweb/pull/1369) [`c278d06`](https://github.com/rrweb-io/rrweb/commit/c278d068a0e2f1175cce7cc63920ac1fbf4783cf) Thanks [@stefansundin](https://github.com/stefansundin)! - Fix type error when using `"moduleResolution": "NodeNext"`.
+
+- Updated dependencies [[`2a80949`](https://github.com/rrweb-io/rrweb/commit/2a809499739ed2068bf6d9c614142f9dc8cb09ab)]:
+  - rrweb-snapshot@2.0.0-alpha.4
+
+## 2.0.0-alpha.20
+
+## 2.0.0-alpha.19
+
 ## 2.0.0-alpha.18
 
 ## 2.0.0-alpha.17
diff --git a/packages/types/README.md b/packages/types/README.md
index ca4b3f0e..dc23bc10 100644
--- a/packages/types/README.md
+++ b/packages/types/README.md
@@ -112,12 +112,12 @@ See the [guide](../../guide.md) for more info on rrweb.
   <tr>
     <td align="center">
       <a href="http://www.smartx.com/" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/smartx.png">
+        <img width="195px" src="https://raw.githubusercontent.com/rrweb-io/web/master/static/logos/smartx.png" alt="SmartX">
       </a>
     </td>
     <td align="center">
       <a href="https://posthog.com?utm_source=rrweb&utm_medium=sponsorship&utm_campaign=open-source-sponsorship" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/posthog.png">
+        <img width="195px" src="https://rrweb.com/posthog.png" alt="PostHog">
       </a>
     </td>
     <td align="center">
@@ -131,7 +131,39 @@ See the [guide](../../guide.md) for more info on rrweb.
       </a>
     </td>
   </tr>
-    <tr>
+  <tr>
+    <td align="center">
+      <a href="https://sentry.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/sentry.png" alt="Sentry">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.pendo.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/pendo.png" alt="Pendo">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://mixpanel.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/mixpanel.png" alt="Mixpanel">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.datadoghq.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/datadog.png" alt="Datadog">
+      </a>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="https://amplitude.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/amplitude.png" alt="Amplitude">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://newrelic.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/new%20relic.png" alt="New Relic">
+      </a>
+    </td>
     <td align="center">
       <a href="https://cux.io" target="_blank">
         <img style="padding: 8px" alt="The first ever UX automation tool" width="195px" src="https://cux.io/cux-logo.svg">
@@ -142,6 +174,8 @@ See the [guide](../../guide.md) for more info on rrweb.
         <img style="padding: 8px" alt="Remote Access & Co-Browsing" width="195px" src="https://remsupp.com/images/logo.png">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://highlight.io" target="_blank">
         <img style="padding: 8px" alt="The open source, fullstack Monitoring Platform." width="195px" src="https://github.com/highlight/highlight/raw/main/highlight.io/public/images/logo.png">
@@ -149,11 +183,9 @@ See the [guide](../../guide.md) for more info on rrweb.
     </td>
     <td align="center">
       <a href="https://analyzee.io" target="_blank">
-        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://cdn.analyzee.io/assets/analyzee-logo.png">
+        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://analyzee.io/img/analyzee-main-logo.webp">
       </a>
     </td>
-  </tr>
-  <tr>
     <td align="center">
       <a href="https://requestly.io" target="_blank">
         <img style="padding: 8px" alt="Intercept, Modify, Record & Replay HTTP Requests." width="195px" src="https://github.com/requestly/requestly/assets/16779465/652552db-c867-44cb-9bb5-94a2026e04ca">
@@ -164,6 +196,8 @@ See the [guide](../../guide.md) for more info on rrweb.
         <img style="padding: 8px" alt="In-app bug reporting & customer feedback platform." width="195px" src="https://assets-global.website-files.com/6506f3f29c68b1724807619d/6506f56010237164c6306591_GleapLogo.svg">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://uxwizz.com" target="_blank">
         <img style="padding: 8px" alt="Self-hosted website analytics with heatmaps and session recordings." width="195px" src="https://github.com/UXWizz/public-files/raw/main/assets/logo.png">
diff --git a/packages/types/package.json b/packages/types/package.json
index b304904b..1d8fd268 100644
--- a/packages/types/package.json
+++ b/packages/types/package.json
@@ -5,15 +5,18 @@
     "access": "public"
   },
   "keywords": [
-    "@highlight-run/rrweb",
-    "@highlight-run/rrweb-types"
+    "devtools",
+    "product-analytics",
+    "real-user-monitoring",
+    "rrweb",
+    "@rrweb/types"
   ],
   "scripts": {
     "dev": "vite build --watch",
-    "build": "vite build",
+    "build": "tsc -noEmit && vite build",
     "check-types": "tsc -noEmit",
-    "prepublish": "vite build",
-    "lint": "yarn eslint src/**/*.ts"
+    "prepublish": "tsc -noEmit && vite build",
+    "lint": "npx eslint src/**/*.ts"
   },
   "homepage": "https://github.com/rrweb-io/rrweb/tree/main/packages/@rrweb/types#readme",
   "bugs": {
@@ -28,6 +31,7 @@
   "main": "./dist/rrweb-types.umd.cjs",
   "module": "./dist/rrweb-types.js",
   "unpkg": "./dist/rrweb-types.umd.cjs",
+  "jsdelivr": "./umd/rrweb-types.js",
   "typings": "dist/index.d.ts",
   "exports": {
     ".": {
@@ -42,12 +46,12 @@
     }
   },
   "files": [
+    "umd",
     "dist",
     "package.json"
   ],
   "devDependencies": {
-    "turbo": "^2.0.5",
-    "vite": "^5.3.1",
+    "vite": "^6.4.2",
     "vite-plugin-dts": "^3.9.1"
   },
   "browserslist": [
diff --git a/packages/types/src/index.ts b/packages/types/src/index.ts
index 9f05fd39..2d31eeeb 100644
--- a/packages/types/src/index.ts
+++ b/packages/types/src/index.ts
@@ -6,6 +6,7 @@ export enum EventType {
   Meta,
   Custom,
   Plugin,
+  Asset,
 }
 
 export type domContentLoadedEvent = {
@@ -59,6 +60,77 @@ export type pluginEvent<T = unknown> = {
   };
 };
 
+export type NetworkInitiatorType =
+  | 'audio'
+  | 'beacon'
+  | 'body'
+  | 'css'
+  | 'early-hint'
+  | 'embed'
+  | 'fetch'
+  | 'frame'
+  | 'iframe'
+  | 'icon'
+  | 'image'
+  | 'img'
+  | 'input'
+  | 'link'
+  | 'navigation'
+  | 'object'
+  | 'ping'
+  | 'script'
+  | 'track'
+  | 'video'
+  | 'xmlhttprequest';
+
+export type NetworkHeaders = Record<string, string>;
+export type NetworkBody = string | null;
+
+export type NetworkRequest = Omit<
+  PerformanceEntry,
+  'toJSON' | 'startTime' | 'endTime' | 'duration' | 'entryType'
+> & {
+  method?: string;
+  initiatorType?: NetworkInitiatorType;
+  status?: number;
+  startTime?: number;
+  endTime?: number;
+  duration?: number;
+  entryType?: string;
+  requestHeaders?: NetworkHeaders;
+  requestBody?: NetworkBody;
+  responseHeaders?: NetworkHeaders;
+  responseBody?: NetworkBody;
+  isInitial?: boolean;
+};
+
+export type NetworkData = {
+  requests: NetworkRequest[];
+  isInitial?: boolean;
+};
+
+export type NetworkRecordOptions = {
+  initiatorTypes?: NetworkInitiatorType[];
+  transformRequestFn?: (request: NetworkRequest) => NetworkRequest | undefined;
+  recordHeaders?: boolean | { request: boolean; response: boolean };
+  recordBody?:
+    | boolean
+    | string[]
+    | { request: boolean | string[]; response: boolean | string[] };
+  recordInitialRequests?: boolean;
+};
+
+export type NetworkEvent = pluginEvent<NetworkData>;
+
+export type assetEvent = {
+  type: EventType.Asset;
+  data: assetParam;
+};
+
+export type assetEventWithTime = assetEvent & {
+  timestamp: number;
+};
+
 export enum IncrementalSource {
   Mutation,
   MouseMove,
@@ -163,7 +235,8 @@ export type eventWithoutTime =
   | incrementalSnapshotEvent
   | metaEvent
   | customEvent
-  | pluginEvent;
+  | pluginEvent
+  | assetEvent;
 
 /**
  * @deprecated intended for internal use
@@ -267,7 +340,11 @@ export type SamplingStrategy = Partial<{
    * number between 1 and 60, will record an image snapshots in a web-worker a (maximum) number of times per second.
    *                          Number only supported where [`OffscreenCanvas`](http://mdn.io/offscreencanvas) is supported.
    */
-  canvas: CanvasSamplingStrategy;
+  /**
+   * Upstream rrweb accepts 'all' | number here; the fork's extended options
+   * use the CanvasSamplingStrategy object. Both shapes are supported.
+   */
+  canvas: CanvasSamplingStrategy | 'all' | number;
 }>;
 
 export interface ICrossOriginIframeMirror {
@@ -431,16 +508,23 @@ export enum CanvasContext {
   WebGL2,
 }
 
+export type SerializedCssTextArg = {
+  rr_type: 'CssText';
+  cssTexts: string[]; // usually just a single item
+};
+
+export type SerializedBlobArg = {
+  rr_type: 'Blob';
+  data: Array<CanvasArg>;
+  type?: string;
+};
+
 export type SerializedCanvasArg =
   | {
       rr_type: 'ArrayBuffer';
       base64: string; // base64
     }
-  | {
-      rr_type: 'Blob';
-      data: Array<CanvasArg>;
-      type?: string;
-    }
+  | SerializedBlobArg
   | {
       rr_type: string;
       src: string; // url of image
@@ -667,6 +751,22 @@ export type customElementParam = {
 
 export type customElementCallback = (c: customElementParam) => void;
 
+export type assetParam =
+  | {
+      url: string;
+      payload: SerializedCanvasArg | SerializedCssTextArg;
+      timestamp?: number;
+    }
+  | {
+      url: string;
+      failed: {
+        status?: number;
+        message: string;
+      };
+    };
+
+export type assetCallback = (d: assetParam, timestamp?: number | true) => void;
+
 /**
  *  @deprecated
  */
diff --git a/packages/utils/CHANGELOG.md b/packages/utils/CHANGELOG.md
index 9829a7bc..d87d5d22 100644
--- a/packages/utils/CHANGELOG.md
+++ b/packages/utils/CHANGELOG.md
@@ -1,5 +1,37 @@
 # @rrweb/utils
 
+## 2.0.1
+
+### Patch Changes
+
+- [#1854](https://github.com/rrweb-io/rrweb/pull/1854) [`5f52d63`](https://github.com/rrweb-io/rrweb/commit/5f52d63636b3246bd5b6ba99a93cba41c5d981cb) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Fix broken MutationObserver in Webkit/Safari when a webpage has been monkey patched by a 3rd party library
+
+## 2.0.0
+
+### Patch Changes
+
+- [#1840](https://github.com/rrweb-io/rrweb/pull/1840) [`6db8f71`](https://github.com/rrweb-io/rrweb/commit/6db8f71033ec289e4550f76b4864b94c118d9ea5) Thanks [@Juice10](https://github.com/Juice10)! - Add the rrweb browser client package and move `nowTimestamp` into `@rrweb/utils` so the client can avoid importing through `rrweb/utils`.
+
+- [#1631](https://github.com/rrweb-io/rrweb/pull/1631) [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8) Thanks [@pauldambra](https://github.com/pauldambra)! - Move patch function into @rrweb/utils to improve bundling
+
+- [#1704](https://github.com/rrweb-io/rrweb/pull/1704) [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0) Thanks [@eoghanmurray](https://github.com/eoghanmurray)! - Provide a /umd/ output folder alongside the /dist/ one so that we can serve UMD (Universal Module Definition) files with a .js extension, without upsetting expectations set by package.json that all .js files in /dist/ are modules
+
+- [#1509](https://github.com/rrweb-io/rrweb/pull/1509) [`be6bf52`](https://github.com/rrweb-io/rrweb/commit/be6bf52c248c35de1b3491e3a3440ff61f876414) Thanks [@Juice10](https://github.com/Juice10)! - Reverse monkey patch built in methods to support LWC (and other frameworks like angular which monkey patch built in methods).
+
+- [#1763](https://github.com/rrweb-io/rrweb/pull/1763) [`6388fb5`](https://github.com/rrweb-io/rrweb/commit/6388fb5a468e1a860ab8bb5c6826c811dcc3100c) Thanks [@wfk007](https://github.com/wfk007)! - fix: wujie monkeypatches ownerDocument
+
+## 2.0.0-alpha.20
+
+### Patch Changes
+
+- [#1763](https://github.com/rrweb-io/rrweb/pull/1763) [`6388fb5`](https://github.com/rrweb-io/rrweb/commit/6388fb5a468e1a860ab8bb5c6826c811dcc3100c) Thanks [@wfk007](https://github.com/wfk007)! - fix: wujie monkeypatches ownerDocument
+
+## 2.0.0-alpha.19
+
+### Patch Changes
+
+- [#1631](https://github.com/rrweb-io/rrweb/pull/1631) [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8) Thanks [@pauldambra](https://github.com/pauldambra)! - Move patch function into @rrweb/utils to improve bundling
+
 ## 2.0.0-alpha.18
 
 ## 2.0.0-alpha.17
diff --git a/packages/utils/package.json b/packages/utils/package.json
index c67a745c..2b550d8c 100644
--- a/packages/utils/package.json
+++ b/packages/utils/package.json
@@ -5,15 +5,18 @@
     "access": "public"
   },
   "keywords": [
-    "@highlight-run/rrweb",
-    "@highlight-run/rrweb-utils"
+    "devtools",
+    "product-analytics",
+    "real-user-monitoring",
+    "rrweb",
+    "@rrweb/utils"
   ],
   "scripts": {
     "dev": "vite build --watch",
     "build": "tsc -noEmit && vite build",
     "check-types": "tsc -noEmit",
     "prepublish": "npm run build",
-    "lint": "yarn eslint src/**/*.ts"
+    "lint": "npx eslint src/**/*.ts"
   },
   "homepage": "https://github.com/rrweb-io/rrweb/tree/main/packages/@rrweb/utils#readme",
   "bugs": {
@@ -25,28 +28,30 @@
   },
   "license": "MIT",
   "type": "module",
-  "main": "./dist/utils.umd.cjs",
-  "module": "./dist/utils.js",
-  "unpkg": "./dist/utils.umd.cjs",
+  "main": "./dist/rrweb-utils.umd.cjs",
+  "module": "./dist/rrweb-utils.js",
+  "unpkg": "./dist/rrweb-utils.umd.cjs",
+  "jsdelivr": "./umd/rrweb-utils.js",
   "typings": "dist/index.d.ts",
   "exports": {
     ".": {
       "import": {
         "types": "./dist/index.d.ts",
-        "default": "./dist/utils.js"
+        "default": "./dist/rrweb-utils.js"
       },
       "require": {
         "types": "./dist/index.d.cts",
-        "default": "./dist/utils.umd.cjs"
+        "default": "./dist/rrweb-utils.umd.cjs"
       }
     }
   },
   "files": [
+    "umd",
     "dist",
     "package.json"
   ],
   "devDependencies": {
-    "vite": "^5.2.8",
+    "vite": "^6.4.2",
     "vite-plugin-dts": "^3.8.1"
   }
 }
diff --git a/packages/utils/src/canvas.ts b/packages/utils/src/canvas.ts
index 94f12348..0d270a58 100644
--- a/packages/utils/src/canvas.ts
+++ b/packages/utils/src/canvas.ts
@@ -36,10 +36,7 @@ export function wrapCanvasContextDrawImage(
   const originalDrawImage = ctx.drawImage.bind(ctx);
 
   // Override drawImage with our wrapper that handles image loading
-  ctx.drawImage = function (
-    image: CanvasImageSource,
-    ...args: number[]
-  ): void {
+  ctx.drawImage = function (image: CanvasImageSource, ...args: number[]): void {
     // Cancel any pending image load for this context
     const pending = pendingImageLoads.get(ctx);
     if (pending) {
@@ -51,9 +48,12 @@ export function wrapCanvasContextDrawImage(
       // Use spread operator - drawImage accepts 2, 4, or 8 numeric arguments
       // If only 2 args provided (dx, dy), add width/height to use natural image dimensions
       if (args.length === 2 && isHTMLImageElement(image)) {
-        args.push(image.naturalWidth || image.width, image.naturalHeight || image.height);
+        args.push(
+          image.naturalWidth || image.width,
+          image.naturalHeight || image.height,
+        );
       }
-      (originalDrawImage as any)(image, ...args);
+      (originalDrawImage as (...a: unknown[]) => void)(image, ...args);
     };
 
     // If the image is an HTMLImageElement and not yet loaded, wait for it
@@ -95,4 +95,3 @@ export function wrapCanvasContextDrawImage(
     }
   };
 }
-
diff --git a/packages/utils/src/index.ts b/packages/utils/src/index.ts
index 0e83c72c..5c66ed3d 100644
--- a/packages/utils/src/index.ts
+++ b/packages/utils/src/index.ts
@@ -13,7 +13,13 @@ type BasePrototypeCache = {
 };
 
 const testableAccessors = {
-  Node: ['childNodes', 'parentNode', 'parentElement', 'textContent'] as const,
+  Node: [
+    'childNodes',
+    'parentNode',
+    'parentElement',
+    'textContent',
+    'ownerDocument',
+  ] as const,
   ShadowRoot: ['host', 'styleSheets'] as const,
   Element: ['shadowRoot', 'querySelector', 'querySelectorAll'] as const,
   MutationObserver: [] as const,
@@ -27,6 +33,9 @@ const testableMethods = {
 } as const;
 
 const untaintedBasePrototype: Partial<BasePrototypeCache> = {};
+const untaintedBaseIframeCleanup: Partial<
+  Record<keyof BasePrototypeCache, () => void>
+> = {};
 
 /*
  When angular patches things - particularly the MutationObserver -
@@ -87,6 +96,7 @@ export function getUntaintedPrototype<T extends keyof BasePrototypeCache>(
 
   try {
     const iframeEl = document.createElement('iframe');
+    iframeEl.style.display = 'none';
     document.body.appendChild(iframeEl);
     const win = iframeEl.contentWindow;
     if (!win) return defaultObj.prototype as BasePrototypeCache[T];
@@ -94,10 +104,25 @@ export function getUntaintedPrototype<T extends keyof BasePrototypeCache>(
     // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-explicit-any
     const untaintedObject = (win as any)[key]
       .prototype as BasePrototypeCache[T];
-    // cleanup
-    document.body.removeChild(iframeEl);
 
-    if (!untaintedObject) return defaultPrototype;
+    if (!untaintedObject) {
+      iframeEl.remove();
+      return defaultPrototype;
+    }
+
+    // WebKit/Safari: WebKit tears down an iframe's ScriptExecutionContext when it is
+    // detached from the DOM. MutationObserver.deliver() silently drops callbacks when
+    // m_callback->scriptExecutionContext() returns null (webkit.org/b/179224).
+    // Keep the iframe attached so its context stays live, and expose a cleanup fn.
+    const ua = navigator.userAgent;
+    if (ua.includes('Safari') && !ua.includes('Chrome')) {
+      // rr-block prevents rrweb from serializing this iframe in subsequent snapshots
+      iframeEl.classList.add('rr-block');
+      iframeEl.setAttribute('__rrwebUntaintedMutationObserver', '');
+      untaintedBaseIframeCleanup[key] = () => iframeEl.remove();
+    } else {
+      iframeEl.remove();
+    }
 
     return (untaintedBasePrototype[key] = untaintedObject);
   } catch {
@@ -169,6 +194,10 @@ export function getUntaintedMethod<
   return untaintedMethod.bind(instance) as BasePrototypeCache[K][T];
 }
 
+export function ownerDocument(n: Node): Document | null {
+  return getUntaintedAccessor('Node', n, 'ownerDocument');
+}
+
 export function childNodes(n: Node): NodeListOf<Node> {
   return getUntaintedAccessor('Node', n, 'childNodes');
 }
@@ -218,9 +247,27 @@ export function querySelectorAll(
   return getUntaintedAccessor('Element', n, 'querySelectorAll')(selectors);
 }
 
-export function mutationObserverCtor(): (typeof MutationObserver)['prototype']['constructor'] {
-  return getUntaintedPrototype('MutationObserver').constructor;
+export function mutationObserverCtor(): [
+  (typeof MutationObserver)['prototype']['constructor'],
+  () => void,
+] {
+  return [
+    getUntaintedPrototype('MutationObserver').constructor,
+    untaintedBaseIframeCleanup['MutationObserver'] ??
+      (() => {
+        /* no-op; a cleanup function is only needed in Safari browsers */
+      }),
+  ];
+}
+
+// guard against old third party libraries which redefine Date.now
+let nowTimestamp = Date.now;
+
+if (!(/*@__PURE__*/ /[1-9][0-9]{12}/.test(Date.now().toString()))) {
+  // they have already redefined it! use a fallback
+  nowTimestamp = () => new Date().getTime();
 }
+export { nowTimestamp };
 
 // copy from https://github.com/getsentry/sentry-javascript/blob/b2109071975af8bf0316d3b5b38f519bdaf5dc15/packages/utils/src/object.ts
 export function patch(
@@ -269,6 +316,7 @@ import { wrapCanvasContextDrawImage } from './canvas';
 export { wrapCanvasContextDrawImage };
 
 export default {
+  ownerDocument,
   childNodes,
   parentNode,
   parentElement,
@@ -280,7 +328,8 @@ export default {
   shadowRoot,
   querySelector,
   querySelectorAll,
-  mutationObserver: mutationObserverCtor,
+  nowTimestamp,
+  mutationObserverCtor,
   patch,
   wrapCanvasContextDrawImage,
 };
diff --git a/packages/web-extension/.eslintrc.cjs b/packages/web-extension/.eslintrc.cjs
new file mode 100644
index 00000000..24090c69
--- /dev/null
+++ b/packages/web-extension/.eslintrc.cjs
@@ -0,0 +1,13 @@
+// Cross-package types resolve through the @highlight-run-aliased d.ts files
+// (see vite.config.default.ts / tsconfig.base.json), which degrades some
+// imported types to `any`. The unsafe-* family produces false positives on
+// such code, so report it without failing lint.
+module.exports = {
+  rules: {
+    '@typescript-eslint/no-unsafe-assignment': 'warn',
+    '@typescript-eslint/no-unsafe-argument': 'warn',
+    '@typescript-eslint/no-unsafe-member-access': 'warn',
+    '@typescript-eslint/no-unsafe-call': 'warn',
+    '@typescript-eslint/restrict-template-expressions': 'warn',
+  },
+};
diff --git a/packages/web-extension/CHANGELOG.md b/packages/web-extension/CHANGELOG.md
index e4118a13..746a9b81 100644
--- a/packages/web-extension/CHANGELOG.md
+++ b/packages/web-extension/CHANGELOG.md
@@ -1,5 +1,61 @@
 # @rrweb/web-extension
 
+## 2.0.1
+
+### Patch Changes
+
+- Updated dependencies [[`5f52d63`](https://github.com/rrweb-io/rrweb/commit/5f52d63636b3246bd5b6ba99a93cba41c5d981cb)]:
+  - rrweb@2.0.1
+  - rrweb-player@2.0.1
+
+## 2.0.0
+
+### Minor Changes
+
+- [#1522](https://github.com/rrweb-io/rrweb/pull/1522) [`b1f9daa`](https://github.com/rrweb-io/rrweb/commit/b1f9daaa42f007a641104613bb07f141585f9e77) Thanks [@kirankunigiri](https://github.com/kirankunigiri)! - Added session downloader for chrome extension
+
+### Patch Changes
+
+- [#1762](https://github.com/rrweb-io/rrweb/pull/1762) [`22bc4c3`](https://github.com/rrweb-io/rrweb/commit/22bc4c334e88f0b8ee5488d9e1e95cd8093a15c8) Thanks [@Juice10](https://github.com/Juice10)! - Drop base64 inlined worker source from all bundles
+
+- [#1632](https://github.com/rrweb-io/rrweb/pull/1632) [`24f5fd9`](https://github.com/rrweb-io/rrweb/commit/24f5fd99ba9490735420ce0275ff3874c9f2d120) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - web-extension: improve recording stability across tabs and enable session import
+
+- [#1044](https://github.com/rrweb-io/rrweb/pull/1044) [`282c8fa`](https://github.com/rrweb-io/rrweb/commit/282c8fa415318e56e8b63fa30ce3f173813b39c3) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - Add rrweb browser extension
+
+- [#1333](https://github.com/rrweb-io/rrweb/pull/1333) [`40f484d`](https://github.com/rrweb-io/rrweb/commit/40f484d088390b480f088d1b1c1c152641cd5878) Thanks [@billyvg](https://github.com/billyvg)! - Update `vite.config.ts` to account for all potential entry types.
+
+- [#1568](https://github.com/rrweb-io/rrweb/pull/1568) [`4fd55c0`](https://github.com/rrweb-io/rrweb/commit/4fd55c0669df955001cbd362582c6bce179d7250) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - fix: remove the permission not needed and update the player style link
+
+- [#1360](https://github.com/rrweb-io/rrweb/pull/1360) [`0f004af`](https://github.com/rrweb-io/rrweb/commit/0f004af18dd8ba204fd80a68328fc48bf229e7f0) Thanks [@huangkairan](https://github.com/huangkairan)! - 🎈 perf(web-extension): conditional check in Player component
+
+- [#1307](https://github.com/rrweb-io/rrweb/pull/1307) [`8444cb2`](https://github.com/rrweb-io/rrweb/commit/8444cb2dad6ceb4bef3e32a6adba05ab65b56e52) Thanks [@huangkairan](https://github.com/huangkairan)! - 🐞 fix(web-extension): typo
+
+- [#1330](https://github.com/rrweb-io/rrweb/pull/1330) [`9e65dda`](https://github.com/rrweb-io/rrweb/commit/9e65dda258c9b8169a4a6486b5c018f42f6c512a) Thanks [@huangkairan](https://github.com/huangkairan)! - 🐞 fix(web-extension): beforeunload logic
+
+- Updated dependencies [[`7103625`](https://github.com/rrweb-io/rrweb/commit/7103625b4683cbd75732ee03973e38f573847b1c), [`a2c8a1a`](https://github.com/rrweb-io/rrweb/commit/a2c8a1a37bfcf8389b280af792262c8263a979a3), [`3d1877c`](https://github.com/rrweb-io/rrweb/commit/3d1877cff83d9a018630674fb6e730050ceef812), [`af0962c`](https://github.com/rrweb-io/rrweb/commit/af0962cc6c80b693bbc622520032d17342685cf6), [`57a940a`](https://github.com/rrweb-io/rrweb/commit/57a940afac0bdd14cd82937915d53110b5311673), [`e65465e`](https://github.com/rrweb-io/rrweb/commit/e65465e808178a80a4ba84970f02162ba812955e), [`d872d28`](https://github.com/rrweb-io/rrweb/commit/d872d2809e3ec8d6ff5d3d5f43bc81aff70e7548), [`36da39d`](https://github.com/rrweb-io/rrweb/commit/36da39db366a9f80c28549771ed331090a1c6647), [`b5e30cf`](https://github.com/rrweb-io/rrweb/commit/b5e30cf6cc7f5335d674ef1917a92bdf2895fe9e), [`40bbc25`](https://github.com/rrweb-io/rrweb/commit/40bbc25fc287badc317a53f2d3f21b1c9f2b211b), [`22bc4c3`](https://github.com/rrweb-io/rrweb/commit/22bc4c334e88f0b8ee5488d9e1e95cd8093a15c8), [`11f6567`](https://github.com/rrweb-io/rrweb/commit/11f6567fd81ef9ed0f954a7b6d5e39653f56004f), [`490b3e2`](https://github.com/rrweb-io/rrweb/commit/490b3e2b62b62d61e6f6f5391d5b879194c9a221), [`dc20cd4`](https://github.com/rrweb-io/rrweb/commit/dc20cd45cc63058325784444af6bd32ed2cace48), [`3e9e42f`](https://github.com/rrweb-io/rrweb/commit/3e9e42fdfd6349087d7a0345af1b39dd56528502), [`f27e545`](https://github.com/rrweb-io/rrweb/commit/f27e545e1871ed2c1753d37543f556e8ddc406b4), [`7261c43`](https://github.com/rrweb-io/rrweb/commit/7261c43f60973e88325edf832e4d0e057fbff0ae), [`03b5216`](https://github.com/rrweb-io/rrweb/commit/03b5216a9403f1509b4f69d1d71ef9874277fe91), [`ae6908d`](https://github.com/rrweb-io/rrweb/commit/ae6908dcdcd7c732c1ce79eea19de5240bec1151), [`46f1b25`](https://github.com/rrweb-io/rrweb/commit/46f1b252a5919c68c68e825bd6089cc2e7d34e7c), [`e0f862b`](https://github.com/rrweb-io/rrweb/commit/e0f862bac7dbaa9cfd778f5ef0f5f3fd8cbe6def), [`cbbd1e5`](https://github.com/rrweb-io/rrweb/commit/cbbd1e55f1f7fa2eed9fa11e4152b509bdfd88f7), [`a6893f7`](https://github.com/rrweb-io/rrweb/commit/a6893f73abe217a95d28996e01b7ec8261e42de3), [`8aea5b0`](https://github.com/rrweb-io/rrweb/commit/8aea5b00a4dfe5a6f59bd2ae72bb624f45e51e81), [`267e990`](https://github.com/rrweb-io/rrweb/commit/267e990dc0e45a5acaaa3ee89db7ae9171520d54), [`68076b7`](https://github.com/rrweb-io/rrweb/commit/68076b724ff19d198d4f351a05063b85e1705a8c), [`9c6edfe`](https://github.com/rrweb-io/rrweb/commit/9c6edfe2261680b4e92284be69f9d183b1eca8f4), [`a1ec9a2`](https://github.com/rrweb-io/rrweb/commit/a1ec9a273e6634eec67098fdd880ee681648fbbd), [`8059d96`](https://github.com/rrweb-io/rrweb/commit/8059d9695146626b102b2059a3a9b932d5f598f6), [`bfe14c5`](https://github.com/rrweb-io/rrweb/commit/bfe14c532a3149a38a8fab0a54672405279d636f), [`4014305`](https://github.com/rrweb-io/rrweb/commit/40143059446cee5c042c007b1c2e976f36e172f5), [`efdc167`](https://github.com/rrweb-io/rrweb/commit/efdc167ca6c039d04af83612e3d92498bb9b41a7), [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8), [`609b7fa`](https://github.com/rrweb-io/rrweb/commit/609b7fac79a552f746dc880a28927dee382cd082), [`f6f07e9`](https://github.com/rrweb-io/rrweb/commit/f6f07e953376634a4caf28ff8cbfed5a017c4347), [`1e0b273`](https://github.com/rrweb-io/rrweb/commit/1e0b27382210db0168d2a79d82c13698082b0983), [`1fe39ab`](https://github.com/rrweb-io/rrweb/commit/1fe39ab0db7f5d2b04f4a4f39fb5c0cfee33a1f8), [`490b3e2`](https://github.com/rrweb-io/rrweb/commit/490b3e2b62b62d61e6f6f5391d5b879194c9a221), [`979d2b1`](https://github.com/rrweb-io/rrweb/commit/979d2b1847a3d05e2731722952e4d6bd8be54f40), [`1385f7a`](https://github.com/rrweb-io/rrweb/commit/1385f7acc0052f83be1458a7b00e18c026ee393f), [`d7c72bf`](https://github.com/rrweb-io/rrweb/commit/d7c72bff0724b46a6fa94af455220626a27104fe), [`ebcbe8b`](https://github.com/rrweb-io/rrweb/commit/ebcbe8b0d746a0a4c07d3530387f920900f35215), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`05478c3`](https://github.com/rrweb-io/rrweb/commit/05478c36dde03a118099783d908bb3e465e9859c), [`fc390a9`](https://github.com/rrweb-io/rrweb/commit/fc390a954c4fc17fe2ee0e2b6edba634611349e0), [`bbbfa22`](https://github.com/rrweb-io/rrweb/commit/bbbfa226fc5882a01ecc1607b713f0caf797775e), [`e96f668`](https://github.com/rrweb-io/rrweb/commit/e96f668c86bd0ab5dc190bb2957a170271bb2ebc), [`58c9104`](https://github.com/rrweb-io/rrweb/commit/58c9104eddc8b7994a067a97daae5684e42f892f), [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff), [`bc84246`](https://github.com/rrweb-io/rrweb/commit/bc84246f78849a80dbb8fe9b4e76117afcc5c3f7), [`d2582e9`](https://github.com/rrweb-io/rrweb/commit/d2582e9a81197130cd93bc1dd778e16fddfb0be3), [`aa79db7`](https://github.com/rrweb-io/rrweb/commit/aa79db7568578ea3a413292450cd64f07481e5dd), [`82f6fec`](https://github.com/rrweb-io/rrweb/commit/82f6fecf36413ecbc994a510144487f1de20d1d5), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`980a38c`](https://github.com/rrweb-io/rrweb/commit/980a38c816d763833fc3491f56d03c959a41122d), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`a225d8e`](https://github.com/rrweb-io/rrweb/commit/a225d8e1412a69a761c22eb45565fff0b0ce5c11), [`a82a3b4`](https://github.com/rrweb-io/rrweb/commit/a82a3b42b125aaaea607410b49f012933466c523), [`5c27b76`](https://github.com/rrweb-io/rrweb/commit/5c27b763192bda9dd91806f95df7c1cd0ab083a6), [`b149cf3`](https://github.com/rrweb-io/rrweb/commit/b149cf31ed28cac7b6627972b423d29723524d87), [`a2be77b`](https://github.com/rrweb-io/rrweb/commit/a2be77b82826c4be0e7f3c7c9f7ee50476d5f6f8), [`227d43a`](https://github.com/rrweb-io/rrweb/commit/227d43abb93d57cadc70c760b28c46911bf7d8ff), [`527d9d3`](https://github.com/rrweb-io/rrweb/commit/527d9d3913bae7f0f7741517f4b09f7a99aae57a), [`79837ac`](https://github.com/rrweb-io/rrweb/commit/79837ac8f2f459935f6737210890b5c12033a53b), [`a7c33f2`](https://github.com/rrweb-io/rrweb/commit/a7c33f2093c4d92faf7ae25e8bb0e088d122c13b), [`43e4f5b`](https://github.com/rrweb-io/rrweb/commit/43e4f5b4ad4bb0525a874a545d69443bc58bc47e), [`3cc4323`](https://github.com/rrweb-io/rrweb/commit/3cc4323094065a12f8b65afecd45061d604e245f), [`d38893f`](https://github.com/rrweb-io/rrweb/commit/d38893f6338facf331fd1f6e63c121120b81177d), [`6f4e691`](https://github.com/rrweb-io/rrweb/commit/6f4e691f39cc59b655d1be4f951128beecb88acb), [`d7cf8dd`](https://github.com/rrweb-io/rrweb/commit/d7cf8dd07547f6fb22ef82e341a88357c4053bd3), [`335639a`](https://github.com/rrweb-io/rrweb/commit/335639af9b0ce7f70eb0f38ce113d877c7325158), [`04ee6ed`](https://github.com/rrweb-io/rrweb/commit/04ee6eda57157f0e04f18f907d8f3e59ababc753), [`5fbb904`](https://github.com/rrweb-io/rrweb/commit/5fbb904edb653f3da17e6775ee438d81ef0bba83), [`1e6f71b`](https://github.com/rrweb-io/rrweb/commit/1e6f71b3cddcfafe78b9e40edfbd75e485702e4e), [`d08624c`](https://github.com/rrweb-io/rrweb/commit/d08624cb28add386c3618a0e6607424c3f1884d8), [`2606a2a`](https://github.com/rrweb-io/rrweb/commit/2606a2a28f2a6d897b8ae4ea3ec40ef0eeacbfaf), [`123a81e`](https://github.com/rrweb-io/rrweb/commit/123a81e12d072cd95d701231176d7eb2d03b3961), [`314a8dd`](https://github.com/rrweb-io/rrweb/commit/314a8dde5a13095873b89d07bac7c949918bf817), [`a01a12e`](https://github.com/rrweb-io/rrweb/commit/a01a12ef6769f26aa922ccd6ac76499f0837f0c2), [`5a78938`](https://github.com/rrweb-io/rrweb/commit/5a789385a341311ba327a768fe0e2f0f2f5002ee), [`3416c3a`](https://github.com/rrweb-io/rrweb/commit/3416c3a769e2bd2ddfbb88f5c4ff139871c567be), [`7c0dc9d`](https://github.com/rrweb-io/rrweb/commit/7c0dc9dfe1564c9d6624557c5b394e7844955882), [`8e47ca1`](https://github.com/rrweb-io/rrweb/commit/8e47ca1021ebb4fc036b37623ef10abf7976d6dd), [`53b83bb`](https://github.com/rrweb-io/rrweb/commit/53b83bb037f9cb30c93179548f436ed776f143ab), [`9cd28b7`](https://github.com/rrweb-io/rrweb/commit/9cd28b703ec08a77dc6b790dbffb20dfb8e9a513), [`07ac5c9`](https://github.com/rrweb-io/rrweb/commit/07ac5c9e1371824ec3ffb705f9250bbe10f4b73e), [`33e01f5`](https://github.com/rrweb-io/rrweb/commit/33e01f5f005580cbab23d2d4c60dd25c0245d8f0), [`02f50d2`](https://github.com/rrweb-io/rrweb/commit/02f50d260cfe72209c94de1679336737f238e216), [`502d15d`](https://github.com/rrweb-io/rrweb/commit/502d15df9f7f43b3408ccfbb3f14c4bb007883c4), [`d0fbe23`](https://github.com/rrweb-io/rrweb/commit/d0fbe23c632021410a6dd45f9028a9a012467261), [`a3de582`](https://github.com/rrweb-io/rrweb/commit/a3de582e9c32be9e0ccd84bb7df756af6b0594f7), [`e08706a`](https://github.com/rrweb-io/rrweb/commit/e08706ae60268b6eb05c6292ef948c71bd423ce3), [`8d209a6`](https://github.com/rrweb-io/rrweb/commit/8d209a62f31c4c80e3e5bc36e47d7282ee854ac7), [`be6bf52`](https://github.com/rrweb-io/rrweb/commit/be6bf52c248c35de1b3491e3a3440ff61f876414), [`aaabdbd`](https://github.com/rrweb-io/rrweb/commit/aaabdbdff5df2abd1a294c40ed89e74bf8b2ec7c), [`1e6f71b`](https://github.com/rrweb-io/rrweb/commit/1e6f71b3cddcfafe78b9e40edfbd75e485702e4e), [`6388fb5`](https://github.com/rrweb-io/rrweb/commit/6388fb5a468e1a860ab8bb5c6826c811dcc3100c), [`4cb4d0e`](https://github.com/rrweb-io/rrweb/commit/4cb4d0e95a540a366bdec157fe78d9f099514818), [`5e6c132`](https://github.com/rrweb-io/rrweb/commit/5e6c132a4d0e5f5524b2201d6a73dae62b4a0877)]:
+  - rrweb@2.0.0
+  - rrweb-player@2.0.0
+
+## 2.0.0-alpha.20
+
+### Patch Changes
+
+- Updated dependencies [[`6388fb5`](https://github.com/rrweb-io/rrweb/commit/6388fb5a468e1a860ab8bb5c6826c811dcc3100c)]:
+  - rrweb@2.0.0-alpha.20
+  - rrweb-player@2.0.0-alpha.20
+
+## 2.0.0-alpha.19
+
+### Patch Changes
+
+- [#1632](https://github.com/rrweb-io/rrweb/pull/1632) [`24f5fd9`](https://github.com/rrweb-io/rrweb/commit/24f5fd99ba9490735420ce0275ff3874c9f2d120) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - web-extension: improve recording stability across tabs and enable session import
+
+- [#1568](https://github.com/rrweb-io/rrweb/pull/1568) [`4fd55c0`](https://github.com/rrweb-io/rrweb/commit/4fd55c0669df955001cbd362582c6bce179d7250) Thanks [@YunFeng0817](https://github.com/YunFeng0817)! - fix: remove the permission not needed and update the player style link
+
+- Updated dependencies [[`dc20cd4`](https://github.com/rrweb-io/rrweb/commit/dc20cd45cc63058325784444af6bd32ed2cace48), [`3e9e42f`](https://github.com/rrweb-io/rrweb/commit/3e9e42fdfd6349087d7a0345af1b39dd56528502), [`a6893f7`](https://github.com/rrweb-io/rrweb/commit/a6893f73abe217a95d28996e01b7ec8261e42de3), [`88ea2d0`](https://github.com/rrweb-io/rrweb/commit/88ea2d05c1869026111c91f7aa14ea7a7193fcd8), [`fc390a9`](https://github.com/rrweb-io/rrweb/commit/fc390a954c4fc17fe2ee0e2b6edba634611349e0), [`79837ac`](https://github.com/rrweb-io/rrweb/commit/79837ac8f2f459935f6737210890b5c12033a53b), [`6f4e691`](https://github.com/rrweb-io/rrweb/commit/6f4e691f39cc59b655d1be4f951128beecb88acb), [`9cd28b7`](https://github.com/rrweb-io/rrweb/commit/9cd28b703ec08a77dc6b790dbffb20dfb8e9a513)]:
+  - rrweb@2.0.0-alpha.19
+  - rrweb-player@2.0.0-alpha.19
+
 ## 2.0.0-alpha.18
 
 ### Patch Changes
diff --git a/packages/web-extension/README.md b/packages/web-extension/README.md
index b112aa98..02fd634c 100644
--- a/packages/web-extension/README.md
+++ b/packages/web-extension/README.md
@@ -140,12 +140,12 @@ yarn dev:firefox
   <tr>
     <td align="center">
       <a href="http://www.smartx.com/" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/smartx.png">
+        <img width="195px" src="https://raw.githubusercontent.com/rrweb-io/web/master/static/logos/smartx.png" alt="SmartX">
       </a>
     </td>
     <td align="center">
       <a href="https://posthog.com?utm_source=rrweb&utm_medium=sponsorship&utm_campaign=open-source-sponsorship" target="_blank">
-        <img width="195px" src="https://www.rrweb.io/logos/posthog.png">
+        <img width="195px" src="https://rrweb.com/posthog.png" alt="PostHog">
       </a>
     </td>
     <td align="center">
@@ -159,7 +159,39 @@ yarn dev:firefox
       </a>
     </td>
   </tr>
-    <tr>
+  <tr>
+    <td align="center">
+      <a href="https://sentry.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/sentry.png" alt="Sentry">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.pendo.io" target="_blank">
+        <img width="195px" src="https://rrweb.com/pendo.png" alt="Pendo">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://mixpanel.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/mixpanel.png" alt="Mixpanel">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://www.datadoghq.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/datadog.png" alt="Datadog">
+      </a>
+    </td>
+  </tr>
+  <tr>
+    <td align="center">
+      <a href="https://amplitude.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/amplitude.png" alt="Amplitude">
+      </a>
+    </td>
+    <td align="center">
+      <a href="https://newrelic.com" target="_blank">
+        <img width="195px" src="https://rrweb.com/new%20relic.png" alt="New Relic">
+      </a>
+    </td>
     <td align="center">
       <a href="https://cux.io" target="_blank">
         <img style="padding: 8px" alt="The first ever UX automation tool" width="195px" src="https://cux.io/cux-logo.svg">
@@ -170,6 +202,8 @@ yarn dev:firefox
         <img style="padding: 8px" alt="Remote Access & Co-Browsing" width="195px" src="https://remsupp.com/images/logo.png">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://highlight.io" target="_blank">
         <img style="padding: 8px" alt="The open source, fullstack Monitoring Platform." width="195px" src="https://github.com/highlight/highlight/raw/main/highlight.io/public/images/logo.png">
@@ -177,11 +211,9 @@ yarn dev:firefox
     </td>
     <td align="center">
       <a href="https://analyzee.io" target="_blank">
-        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://cdn.analyzee.io/assets/analyzee-logo.png">
+        <img style="padding: 8px" alt="Comprehensive data analytics platform that empowers businesses to gain valuable insights and make data-driven decisions." width="195px" src="https://analyzee.io/img/analyzee-main-logo.webp">
       </a>
     </td>
-  </tr>
-  <tr>
     <td align="center">
       <a href="https://requestly.io" target="_blank">
         <img style="padding: 8px" alt="Intercept, Modify, Record & Replay HTTP Requests." width="195px" src="https://github.com/requestly/requestly/assets/16779465/652552db-c867-44cb-9bb5-94a2026e04ca">
@@ -192,6 +224,8 @@ yarn dev:firefox
         <img style="padding: 8px" alt="In-app bug reporting & customer feedback platform." width="195px" src="https://assets-global.website-files.com/6506f3f29c68b1724807619d/6506f56010237164c6306591_GleapLogo.svg">
       </a>
     </td>
+  </tr>
+  <tr>
     <td align="center">
       <a href="https://uxwizz.com" target="_blank">
         <img style="padding: 8px" alt="Self-hosted website analytics with heatmaps and session recordings." width="195px" src="https://github.com/UXWizz/public-files/raw/main/assets/logo.png">
diff --git a/packages/web-extension/package.json b/packages/web-extension/package.json
index de896d52..cfba03e5 100644
--- a/packages/web-extension/package.json
+++ b/packages/web-extension/package.json
@@ -1,9 +1,9 @@
 {
   "name": "@highlight-run/rrweb-web-extension",
   "private": true,
-  "version": "2.0.0-alpha.18",
+  "version": "2.0.0-lambda.5",
   "description": "The web extension of rrweb which helps to run rrweb on any website out of box",
-  "author": "rrweb-io",
+  "author": "rrweb Core Team <maintainers@rrweb.com>",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -20,13 +20,15 @@
   "devDependencies": {
     "@highlight-run/rrweb-types": "workspace:*",
     "@types/chrome": "^0.0.287",
+    "@types/react": "^18.0.21",
     "@types/react-dom": "^18.0.6",
     "@types/semver": "^7.5.8",
     "@types/webextension-polyfill": "^0.9.1",
     "@vitejs/plugin-react": "^4.2.1",
+    "cross-env": "^7.0.3",
     "semver": "^7.6.3",
     "type-fest": "^2.19.0",
-    "vite": "^5.3.1",
+    "vite": "^6.4.2",
     "vite-plugin-web-extension": "^4.1.3",
     "vite-plugin-zip-pack": "^1.2.2",
     "webextension-polyfill": "^0.10.0"
@@ -41,7 +43,7 @@
     "framer-motion": "^7.3.6",
     "idb": "^7.1.1",
     "mitt": "^3.0.0",
-    "nanoid": "^5.0.9",
+    "nanoid": "^4.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-icons": "^4.4.0",
diff --git a/packages/web-extension/tsconfig.json b/packages/web-extension/tsconfig.json
index 759f972d..d5421902 100644
--- a/packages/web-extension/tsconfig.json
+++ b/packages/web-extension/tsconfig.json
@@ -8,7 +8,19 @@
     "incremental": true,
     "resolveJsonModule": true,
     "paths": {
-      "~/*": ["src/*"]
+      "~/*": ["src/*"],
+      "rrweb": [
+        "../../../node_modules/@highlight-run/rrweb",
+        "../../node_modules/@highlight-run/rrweb"
+      ],
+      "rrweb-player": [
+        "../../../node_modules/@highlight-run/rrweb-player",
+        "../../node_modules/@highlight-run/rrweb-player"
+      ],
+      "@rrweb/types": [
+        "../../../node_modules/@highlight-run/rrweb-types",
+        "../../node_modules/@highlight-run/rrweb-types"
+      ]
     },
     "jsx": "react-jsx"
   },
diff --git a/packages/web-extension/vite.config.ts b/packages/web-extension/vite.config.ts
index a3578364..acd48e2b 100644
--- a/packages/web-extension/vite.config.ts
+++ b/packages/web-extension/vite.config.ts
@@ -96,7 +96,12 @@ export default defineConfig({
         const BrowserName =
           process.env.TARGET_BROWSER === 'chrome' ? 'chrome' : 'firefox';
         const commonManifest = originalManifest.common;
-        const rrwebVersion = packageJson.dependencies!.rrweb!.replace('^', '');
+        // rrweb is a workspace dependency (@highlight-run/rrweb: workspace:*),
+        // so read its version from the workspace package itself.
+        const rrwebPackageJson = readJsonFile(
+          path.join(__dirname, '..', 'rrweb', 'package.json'),
+        ) as PackageJson;
+        const rrwebVersion = rrwebPackageJson.version!.replace('^', '');
         const manifest = {
           version: getExtensionVersion(rrwebVersion),
           author: packageJson.author,
@@ -133,6 +138,10 @@ export default defineConfig({
   resolve: {
     alias: {
       '~': path.resolve(__dirname, './src'),
+      // source imports use upstream names; the workspace packages are
+      // published under the @highlight-run scope
+      'rrweb-player': '@highlight-run/rrweb-player',
+      rrweb: '@highlight-run/rrweb',
     },
   },
 });
diff --git a/tsconfig.base.json b/tsconfig.base.json
index 139c4dd5..d003a2cb 100644
--- a/tsconfig.base.json
+++ b/tsconfig.base.json
@@ -27,17 +27,21 @@
     "downlevelIteration": true,
     "baseUrl": ".",
     "paths": {
-      "@rrweb/types": ["../node_modules/@highlight-run/rrweb-types"],
-      "@rrweb/utils": ["../node_modules/@highlight-run/rrweb-utils"],
-      "@rrweb/packer": ["../node_modules/@highlight-run/rrweb-packer"],
-      "@rrweb/all": ["../node_modules/@highlight-run/rrweb-all"],
-      "@rrweb/replay": ["../node_modules/@highlight-run/rrweb-replay"],
-      "@rrweb/rrweb-plugin-console-record": ["../node_modules/@highlight-run/rrweb-rrweb-plugin-console-record"],
-      "@rrweb/rrweb-plugin-console-replay": ["../node_modules/@highlight-run/rrweb-rrweb-plugin-console-replay"],
-      "@rrweb/rrweb-plugin-sequential-id-record": ["../node_modules/@highlight-run/rrweb-rrweb-plugin-sequential-id-record"],
-      "rrweb-snapshot": ["../node_modules/@highlight-run/rrweb-snapshot"],
-      "rrdom": ["../node_modules/@highlight-run/rrdom"],
-      "rrweb": ["../node_modules/@highlight-run/rrweb"]
+      "@rrweb/types": ["../node_modules/@highlight-run/rrweb-types", "node_modules/@highlight-run/rrweb-types"],
+      "@rrweb/utils": ["../node_modules/@highlight-run/rrweb-utils", "node_modules/@highlight-run/rrweb-utils"],
+      "@rrweb/packer": ["../node_modules/@highlight-run/rrweb-packer", "node_modules/@highlight-run/rrweb-packer"],
+      "@rrweb/all": ["../node_modules/@highlight-run/rrweb-all", "node_modules/@highlight-run/rrweb-all"],
+      "@rrweb/replay": ["../node_modules/@highlight-run/rrweb-replay", "node_modules/@highlight-run/rrweb-replay"],
+      "@rrweb/rrweb-plugin-console-record": ["../node_modules/@highlight-run/rrweb-rrweb-plugin-console-record", "node_modules/@highlight-run/rrweb-rrweb-plugin-console-record"],
+      "@rrweb/rrweb-plugin-console-replay": ["../node_modules/@highlight-run/rrweb-rrweb-plugin-console-replay", "node_modules/@highlight-run/rrweb-rrweb-plugin-console-replay"],
+      "@rrweb/rrweb-plugin-sequential-id-record": ["../node_modules/@highlight-run/rrweb-rrweb-plugin-sequential-id-record", "node_modules/@highlight-run/rrweb-rrweb-plugin-sequential-id-record"],
+      "rrweb-snapshot": ["../node_modules/@highlight-run/rrweb-snapshot", "node_modules/@highlight-run/rrweb-snapshot"],
+      "rrdom": ["../node_modules/@highlight-run/rrdom", "node_modules/@highlight-run/rrdom"],
+      "rrweb": ["../node_modules/@highlight-run/rrweb", "node_modules/@highlight-run/rrweb"],
+      "@rrweb/record": ["../node_modules/@highlight-run/rrweb-record", "node_modules/@highlight-run/rrweb-record"],
+      "rrweb-player": ["../node_modules/@highlight-run/rrweb-player", "node_modules/@highlight-run/rrweb-player"],
+      "@rrweb/rrweb-plugin-network-record": ["../node_modules/@highlight-run/rrweb-rrweb-plugin-network-record", "node_modules/@highlight-run/rrweb-rrweb-plugin-network-record"],
+      "@rrweb/packer/unpack": ["../node_modules/@highlight-run/rrweb-packer/dist/unpack.d.ts", "node_modules/@highlight-run/rrweb-packer/dist/unpack.d.ts"]
     },
 
     // needed for vite
diff --git a/tsconfig.json b/tsconfig.json
index e738720d..ebf327ad 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -24,6 +24,12 @@
     {
       "path": "packages/plugins/rrweb-plugin-console-record"
     },
+    {
+      "path": "packages/plugins/rrweb-plugin-network-record"
+    },
+    {
+      "path": "packages/plugins/rrweb-plugin-network-replay"
+    },
     {
       "path": "packages/rrvideo"
     },
diff --git a/turbo.json b/turbo.json
index 8d2817ca..36418ce6 100644
--- a/turbo.json
+++ b/turbo.json
@@ -33,12 +33,7 @@
     },
     "build": {
       "dependsOn": ["^build"],
-      "outputs": [
-        "lib/**",
-        "es/**",
-        "dist/**",
-        "typings/**"
-      ]
+      "outputs": ["lib/**", "es/**", "dist/**", "typings/**"]
     }
   }
 }
diff --git a/vite.config.default.ts b/vite.config.default.ts
index c665b63c..86319aa5 100644
--- a/vite.config.default.ts
+++ b/vite.config.default.ts
@@ -1,9 +1,9 @@
 /// <reference types="vite/client" />
 import dts from 'vite-plugin-dts';
-import { copyFileSync } from 'node:fs';
+import { copyFileSync, mkdirSync, existsSync } from 'node:fs';
 import { defineConfig, LibraryOptions, LibraryFormats, Plugin } from 'vite';
 import { build, Format } from 'esbuild';
-import { resolve } from 'path';
+import { resolve, dirname } from 'path';
 import { umdWrapper } from 'esbuild-plugin-umd-wrapper';
 import * as fs from 'node:fs';
 import { visualizer } from 'rollup-plugin-visualizer';
@@ -51,22 +51,32 @@ function minifyAndUMDPlugin({
               outDir,
             });
           } else {
+            const umdDir = resolve(dirname(outputOptions.dir!), 'umd');
+            if (!existsSync(umdDir)) {
+              mkdirSync(umdDir);
+            }
+            const outUmd = `${outputFilePath}.umd.cjs`;
             await buildFile({
               name,
               input: inputFilePath,
-              output: `${outputFilePath}.umd.cjs`,
+              output: outUmd,
               minify: false,
               isCss: false,
               outDir,
             });
+            // Workaround because jsDelivr does not use correct MIME types for .umd.cjs.
+            // More info: https://github.com/jsdelivr/jsdelivr/issues/18584 https://github.com/rrweb-io/rrweb/pull/1704
+            copyFileSync(outUmd, resolve(umdDir, `${baseFileName}.js`));
+            const outUmdMin = `${outputFilePath}.umd.min.cjs`;
             await buildFile({
               name,
               input: inputFilePath,
-              output: `${outputFilePath}.umd.min.cjs`,
+              output: outUmdMin,
               minify: true,
               isCss: false,
               outDir,
             });
+            copyFileSync(outUmdMin, resolve(umdDir, `${baseFileName}.min.js`));
           }
         }
       }
@@ -103,17 +113,44 @@ async function buildFile({
       }),
     ],
   });
-  const filename = output.replace(new RegExp(`^.+/(${outDir}/)`), '$1');
+  const filename = output.replace(
+    new RegExp(`^.+[/\\\\](${outDir}[/\\\\])`),
+    '$1',
+  );
   console.log(filename);
   console.log(`${filename}.map`);
 }
 
+// @highlight-run workspace packages live in ../node_modules when this repo is
+// consumed as a workspace member of launchdarkly/observability-sdk, and in
+// ./node_modules when the repo is installed standalone (CI, local checkout).
+const hlResolve = (sub: string) => {
+  const layouts = [
+    resolve(__dirname, '../node_modules'),
+    resolve(__dirname, 'node_modules'),
+  ];
+  const [scope, name] = sub.split('/');
+  const base =
+    layouts.find((l) => existsSync(resolve(l, scope, name))) ?? layouts[0];
+  return resolve(base, sub);
+};
+
 export default function (
   entry: LibraryOptions['entry'],
   name: LibraryOptions['name'],
-  options?: { outputDir?: string; fileName?: string; plugins?: Plugin[] },
+  options?: {
+    outputDir?: string;
+    fileName?: string;
+    plugins?: Plugin[];
+    rollupTypes?: boolean;
+  },
 ) {
-  const { fileName, outputDir: outDir = 'dist', plugins = [] } = options || {};
+  const {
+    fileName,
+    outputDir: outDir = 'dist',
+    plugins = [],
+    rollupTypes = true,
+  } = options || {};
 
   let formats: LibraryFormats[] = ['es', 'cjs'];
 
@@ -122,95 +159,96 @@ export default function (
       alias: [
         {
           find: '@rrweb/types',
-          replacement: resolve(
-            __dirname,
-            '../node_modules/@highlight-run/rrweb-types/dist/rrweb-types.js',
+          replacement: hlResolve(
+            '@highlight-run/rrweb-types/dist/rrweb-types.js',
           ),
         },
         {
           find: '@rrweb/utils',
-          replacement: resolve(
-            __dirname,
-            '../node_modules/@highlight-run/rrweb-utils/dist/rrweb-utils.js',
+          replacement: hlResolve(
+            '@highlight-run/rrweb-utils/dist/rrweb-utils.js',
           ),
         },
         {
           find: 'rrweb-snapshot',
-          replacement: resolve(
-            __dirname,
-            '../node_modules/@highlight-run/rrweb-snapshot/dist/rrweb-snapshot.js',
+          replacement: hlResolve(
+            '@highlight-run/rrweb-snapshot/dist/rrweb-snapshot.js',
           ),
         },
         {
           find: 'rrdom',
-          replacement: resolve(
-            __dirname,
-            '../node_modules/@highlight-run/rrdom/dist/rrdom.js',
-          ),
+          replacement: hlResolve('@highlight-run/rrdom/dist/rrdom.js'),
         },
         {
           find: '@rrweb/rrweb-plugin-sequential-id-record',
-          replacement: resolve(
-            __dirname,
-            '../node_modules/@highlight-run/rrweb-rrweb-plugin-sequential-id-record/dist/rrweb-rrweb-plugin-sequential-id-record.js',
+          replacement: hlResolve(
+            '@highlight-run/rrweb-rrweb-plugin-sequential-id-record/dist/rrweb-rrweb-plugin-sequential-id-record.js',
           ),
         },
         {
           find: '@rrweb/rrweb-plugin-console-record',
-          replacement: resolve(
-            __dirname,
-            '../node_modules/@highlight-run/rrweb-rrweb-plugin-console-record/dist/rrweb-rrweb-plugin-console-record.js',
+          replacement: hlResolve(
+            '@highlight-run/rrweb-rrweb-plugin-console-record/dist/rrweb-rrweb-plugin-console-record.js',
           ),
         },
         // bare import “rrweb” → package root “dist/”
         {
           find: /^rrweb$/,
-          replacement: resolve(
-            __dirname,
-            '../node_modules/@highlight-run/rrweb/dist/rrweb.js',
-          ),
+          replacement: hlResolve('@highlight-run/rrweb/dist/rrweb.js'),
         },
         // any sub-path “rrweb/...” → dist/...
         {
           find: /^rrweb\/(.*)$/,
-          replacement: resolve(
-            __dirname,
-            '../node_modules/@highlight-run/rrweb/$1',
+          replacement: hlResolve('@highlight-run/rrweb/$1'),
+        },
+        {
+          find: /^@rrweb\/record$/,
+          replacement: hlResolve(
+            '@highlight-run/rrweb-record/dist/rrweb-record.js',
+          ),
+        },
+        {
+          find: /^rrweb-player$/,
+          replacement: hlResolve(
+            '@highlight-run/rrweb-player/dist/rrweb-player.js',
+          ),
+        },
+        {
+          find: '@rrweb/rrweb-plugin-console-replay',
+          replacement: hlResolve(
+            '@highlight-run/rrweb-rrweb-plugin-console-replay/dist/rrweb-rrweb-plugin-console-replay.js',
+          ),
+        },
+        {
+          find: '@rrweb/rrweb-plugin-network-record',
+          replacement: hlResolve(
+            '@highlight-run/rrweb-rrweb-plugin-network-record/dist/rrweb-rrweb-plugin-network-record.js',
           ),
         },
         {
           find: /^@rrweb\/replay$/,
-          replacement: resolve(
-            __dirname,
-            '../node_modules/@highlight-run/rrweb-replay/dist/rrweb-replay.js',
+          replacement: hlResolve(
+            '@highlight-run/rrweb-replay/dist/rrweb-replay.js',
           ),
         },
         {
           find: /^@rrweb\/replay\/(.*)$/,
-          replacement: resolve(
-            __dirname,
-            '../node_modules/@highlight-run/rrweb-replay/$1',
-          ),
+          replacement: hlResolve('@highlight-run/rrweb-replay/$1'),
         },
         {
           find: /^@rrweb\/packer$/,
-          replacement: resolve(
-            __dirname,
-            '../node_modules/@highlight-run/rrweb-packer/dist/packer.js',
-          ),
+          replacement: hlResolve('@highlight-run/rrweb-packer/dist/packer.js'),
         },
         {
           find: /^@rrweb\/packer\/unpack$/,
-          replacement: resolve(
-            __dirname,
-            '../node_modules/@highlight-run/rrweb-packer/dist/unpack.js',
-          ),
+          replacement: hlResolve('@highlight-run/rrweb-packer/dist/unpack.js'),
         },
       ],
     },
     build: {
       // See https://vitejs.dev/guide/build.html#library-mode
       lib: {
+        cssFileName: 'style', // maintain same file output name as Vite 5 after upgrade to 6
         entry,
         name,
         fileName,
@@ -229,17 +267,11 @@ export default function (
       minify: false,
 
       sourcemap: true,
-
-      // rollupOptions: {
-      //   output: {
-      //     manualChunks: {},
-      //   },
-      // },
     },
     plugins: [
       dts({
         insertTypesEntry: true,
-        rollupTypes: true,
+        rollupTypes,
         afterBuild: (emittedFiles: Map<string, string>) => {
           // To pass publint (`npm x publint@latest`) and ensure the
           // package is supported by all consumers, we must export types that are
diff --git a/vitest.config.ts b/vitest.config.ts
index 74921089..8f4f7aee 100644
--- a/vitest.config.ts
+++ b/vitest.config.ts
@@ -1,4 +1,59 @@
-export default {
+import { resolve } from 'path';
+import { existsSync } from 'fs';
+import { defineConfig, Plugin } from 'vitest/config';
+
+const packagesDir = resolve(__dirname, 'packages');
+const pluginsDir = resolve(__dirname, 'packages/plugins');
+
+/**
+ * Resolve bare @rrweb/* and sibling package imports to source/dist within
+ * this monorepo. This is needed because the workspace package names are
+ * @highlight-run/* scoped, but source code uses the unscoped @rrweb/* names.
+ */
+function rrwebResolvePlugin(): Plugin {
+  return {
+    name: 'rrweb-resolve',
+    enforce: 'pre',
+    resolveId(source) {
+      // @rrweb/replay/dist/style.css → packages/replay/dist/style.css
+      if (source === '@rrweb/replay/dist/style.css') {
+        return resolve(packagesDir, 'replay/dist/style.css');
+      }
+      // @rrweb/<plugin-name> → packages/plugins/<plugin-name>/src/index.ts
+      if (source.startsWith('@rrweb/rrweb-plugin-')) {
+        const name = source.slice('@rrweb/'.length);
+        const src = resolve(pluginsDir, name, 'src/index.ts');
+        if (existsSync(src)) return src;
+      }
+      // @rrweb/<name> → packages/<name>/src/index.ts
+      if (source.startsWith('@rrweb/')) {
+        const name = source.slice('@rrweb/'.length);
+        const src = resolve(packagesDir, name, 'src/index.ts');
+        if (existsSync(src)) return src;
+      }
+      // rrweb/dist/style.css → packages/rrweb/dist/style.css
+      if (source === 'rrweb/dist/style.css') {
+        return resolve(packagesDir, 'rrweb/dist/style.css');
+      }
+      // rrweb → packages/rrweb/src/index.ts
+      if (source === 'rrweb') {
+        return resolve(packagesDir, 'rrweb/src/index.ts');
+      }
+      // rrweb-snapshot → packages/rrweb-snapshot/src/index.ts
+      if (source === 'rrweb-snapshot') {
+        return resolve(packagesDir, 'rrweb-snapshot/src/index.ts');
+      }
+      // rrdom → packages/rrdom/src/index.ts
+      if (source === 'rrdom') {
+        return resolve(packagesDir, 'rrdom/src/index.ts');
+      }
+      return null;
+    },
+  };
+}
+
+export default defineConfig({
+  plugins: [rrwebResolvePlugin()],
   test: {
     /**
      * Keeps old (pre-jest 29) snapshot format
@@ -9,5 +64,11 @@ export default {
       escapeString: true,
       printBasicPrototype: true,
     },
+    /**
+     * Use forks instead of threads for Vite 6 compatibility
+     * Vite 6 has issues with worker threads not cleaning up properly
+     * causing tests to hang indefinitely
+     */
+    pool: 'forks',
   },
-};
+});