Merge branch 'master' into jb/perf/get-valid-tagname

.changeset/chilled-penguins-sin.md

@@ -0,0 +1,5 @@
+---
+"rrdom": patch
+---
+
+Ignore invalid DOM attributes when diffing

.changeset/config.json

@@ -14,6 +14,7 @@
       "@rrweb/record",
       "@rrweb/types",
       "@rrweb/packer",
+      "@rrweb/utils",
       "@rrweb/web-extension",
       "rrvideo",
       "@rrweb/rrweb-plugin-console-record",

.changeset/great-cows-camp.md

@@ -0,0 +1,6 @@
+---
+"@rrweb/record": patch
+"rrweb": patch
+---
+
+Added support for deprecated addRule & removeRule methods

.changeset/happy-carrots-hide.md

@@ -0,0 +1,5 @@
+---
+"rrweb-snapshot": minor
+---
+
+Record dialog's modal status for replay in rrweb. (Currently triggering `dialog.showModal()` is not supported in rrweb-snapshot's rebuild)

.changeset/metal-mugs-mate.md

@@ -0,0 +1,2 @@
+---
+---

.changeset/pre.json

@@ -19,7 +19,8 @@
     "@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/replay": "2.0.0-alpha.14",
+    "@rrweb/utils": "2.0.0-alpha.16"
   },
   "changesets": [
     "attribute-text-reductions",
@@ -37,6 +38,8 @@
     "cold-hounds-teach",
     "controller-finish-flag",
     "cool-grapes-hug",
+    "cool-horses-bow",
+    "cuddly-bikes-fail",
     "cuddly-readers-warn",
     "curvy-apples-lay",
     "curvy-balloons-brake",
@@ -61,9 +64,13 @@
     "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",
@@ -117,8 +124,10 @@
     "serious-eggs-greet",
     "shadow-dom-unbusify",
     "silent-plants-perform",
+    "silly-knives-chew",
     "silver-pots-sit",
     "silver-windows-float",
+    "six-llamas-brush",
     "sixty-impalas-laugh",
     "skip-mask-check-on-leaf-elements",
     "slimy-eagles-grow",
@@ -145,8 +154,11 @@
     "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",

.changeset/silly-knives-chew.md

@@ -0,0 +1,7 @@
+---
+"rrdom": minor
+"rrweb": minor
+"@rrweb/types": minor
+---
+
+Support top-layer <dialog> components. Fixes #1381.

.changeset/simplifify-hover-replacement.md

@@ -0,0 +1,6 @@
+---
+"rrweb-snapshot": patch
+"rrweb": patch
+---
+
+Slight simplification to how we replace :hover after #1458

.changeset/single-style-capture.md

@@ -0,0 +1,6 @@
+---
+"rrweb-snapshot": patch
+"rrweb": patch
+---
+
+Edge case: Provide support for mutations on a <style> element which (unusually) has multiple text nodes

.changeset/six-llamas-brush.md

@@ -0,0 +1,5 @@
+---
+"rrweb-snapshot": patch
+---
+
+Fix `url()` rewrite for nested stylesheets by rewriting during stringification instead of after

.changeset/unlucky-mirrors-invite.md

@@ -0,0 +1,7 @@
+---
+"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).

.changeset/wicked-dolphins-tie.md

@@ -0,0 +1,5 @@
+---
+"@rrweb/web-extension": minor
+---
+
+Added session downloader for chrome extension

.github/workflows/ci-cd.yml

@@ -38,5 +38,5 @@ jobs:
         if: failure()
         with:
           name: image-diff
-          path: packages/rrweb/test/*/__image_snapshots__/__diff_output__/*.png
+          path: packages/**/__image_snapshots__/__diff_output__/*.png
           if-no-files-found: ignore

.vscode/rrweb-monorepo.code-workspace

@@ -40,6 +40,10 @@
       "name": "@rrweb/types",
       "path": "../packages/types"
     },
+    {
+      "name": "@rrweb/utils",
+      "path": "../packages/utils"
+    },
     {
       "name": "@rrweb/packer",
       "path": "../packages/packer"
@@ -88,6 +92,7 @@
       "@rrweb/record",
       "@rrweb/replay",
       "@rrweb/types",
+      "@rrweb/utils",
       "@rrweb/packer",
       "@rrweb/rrweb-plugin-console-record",
       "@rrweb/rrweb-plugin-console-replay",

README.md

@@ -62,7 +62,7 @@ Since we want the record and replay sides to share a strongly typed data structu
 
 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 dev` in the root to get auto-building for all the sub-packages whenever you modify anything.
+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.

docs/recipes/optimize-storage.md

@@ -49,7 +49,7 @@ rrweb.record({
 rrweb.record({
   emit(event) {},
   sampling: {
-    // Configure which kins of mouse interaction should be recorded
+    // Configure which kinds of mouse interaction should be recorded
     mouseInteraction: {
       MouseUp: false,
       MouseDown: false,
@@ -78,7 +78,7 @@ import { pack } from '@rrweb/packer';
 
 rrweb.record({
   emit(event) {},
-  packFn: rrweb.pack,
+  packFn: pack,
 });
 ```
 
@@ -88,7 +88,7 @@ And you need to pass packer.unpack as the `unpackFn` in replaying.
 import { unpack } from '@rrweb/packer';
 
 const replayer = new rrweb.Replayer(events, {
-  unpackFn: rrweb.unpack,
+  unpackFn: unpack,
 });
 ```
 

guide.md

@@ -47,6 +47,7 @@ Besides the `rrweb` and `@rrweb/record` packages, rrweb also provides other pack
 - [@rrweb/replay](packages/replay): A package for replaying rrweb sessions.
 - [@rrweb/packer](packages/packer): A package for packing and unpacking rrweb data.
 - [@rrweb/types](packages/types): Contains types shared across rrweb packages.
+- [@rrweb/utils](packages/utils): Contains utility functions shared across rrweb packages.
 - [web-extension](packages/web-extension): A web extension for rrweb.
 - [rrvideo](packages/rrvideo): A package for handling video operations in rrweb.
 - [@rrweb/rrweb-plugin-console-record](packages/plugins/rrweb-plugin-console-record): A plugin for recording console logs.

guide.zh_CN.md

@@ -43,7 +43,8 @@ rrweb 代码分为录制和回放两部分，大多数时候用户在被录制
 - [@rrweb/record](packages/record)：一个用于录制 rrweb 会话的包。
 - [@rrweb/replay](packages/replay)：一个用于回放 rrweb 会话的包。
 - [@rrweb/packer](packages/packer)：一个用于打包和解包 rrweb 数据的包。
-- [@rrweb/types](packages/types)：包含 rrweb 中使用的类型定义。
+- [@rrweb/types](packages/types)：包含 rrweb 包中共享的类型定义。
+- [@rrweb/utils](packages/utils)：包含 rrweb 包中共享的工具函数。
 - [web-extension](packages/web-extension)：rrweb 的网页扩展。
 - [rrvideo](packages/rrvideo)：一个用于处理 rrweb 中视频操作的包。
 - [@rrweb/rrweb-plugin-console-record](packages/plugins/rrweb-plugin-console-record)：一个用于记录控制台日志的插件。

package.json

@@ -31,9 +31,10 @@
     "cross-env": "^7.0.3",
     "esbuild-plugin-umd-wrapper": "^2.0.0",
     "eslint": "^8.53.0",
-    "eslint-plugin-compat": "^4.2.0",
+    "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",
@@ -49,7 +50,7 @@
     "check-types": "yarn turbo run 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=17",
+    "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' 'yarn eslint packages/*/src --ext .ts,.tsx,.js,.jsx,.svelte'",

packages/all/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @rrweb/all
 
+## 2.0.0-alpha.17
+
+### 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
+
+- Updated dependencies [[`db20184`](https://github.com/rrweb-io/rrweb/commit/db201841accd2b5df3cd7c88779aa62ab158501c), [`40bbc25`](https://github.com/rrweb-io/rrweb/commit/40bbc25fc287badc317a53f2d3f21b1c9f2b211b), [`68076b7`](https://github.com/rrweb-io/rrweb/commit/68076b724ff19d198d4f351a05063b85e1705a8c), [`8059d96`](https://github.com/rrweb-io/rrweb/commit/8059d9695146626b102b2059a3a9b932d5f598f6), [`335639a`](https://github.com/rrweb-io/rrweb/commit/335639af9b0ce7f70eb0f38ce113d877c7325158), [`be6bf52`](https://github.com/rrweb-io/rrweb/commit/be6bf52c248c35de1b3491e3a3440ff61f876414)]:
+  - @rrweb/packer@2.0.0-alpha.17
+  - rrweb@2.0.0-alpha.17
+  - @rrweb/types@2.0.0-alpha.17
+
 ## 2.0.0-alpha.15
 
 ### Major Changes

packages/all/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rrweb/all",
-  "version": "2.0.0-alpha.16",
+  "version": "2.0.0-alpha.17",
   "publishConfig": {
     "access": "public"
   },
@@ -56,9 +56,9 @@
     "typescript": "^5.4.5"
   },
   "dependencies": {
-    "@rrweb/types": "^2.0.0-alpha.16",
-    "@rrweb/packer": "^2.0.0-alpha.16",
-    "rrweb": "^2.0.0-alpha.16"
+    "@rrweb/types": "^2.0.0-alpha.17",
+    "@rrweb/packer": "^2.0.0-alpha.17",
+    "rrweb": "^2.0.0-alpha.17"
   },
   "browserslist": [
     "supports es6-class"

packages/packer/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @rrweb/packer
 
+## 2.0.0-alpha.17
+
+### 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
+
+- Updated dependencies [[`335639a`](https://github.com/rrweb-io/rrweb/commit/335639af9b0ce7f70eb0f38ce113d877c7325158)]:
+  - @rrweb/types@2.0.0-alpha.17
+
 ## 2.0.0-alpha.15
 
 ### Major Changes

packages/packer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rrweb/packer",
-  "version": "2.0.0-alpha.16",
+  "version": "2.0.0-alpha.17",
   "publishConfig": {
     "access": "public"
   },
@@ -78,7 +78,7 @@
   },
   "dependencies": {
     "fflate": "^0.4.4",
-    "@rrweb/types": "^2.0.0-alpha.16"
+    "@rrweb/types": "^2.0.0-alpha.17"
   },
   "browserslist": [
     "supports es6-class"

packages/plugins/rrweb-plugin-canvas-webrtc-record/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @rrweb/rrweb-plugin-canvas-webrtc-record
 
+## 2.0.0-alpha.17
+
+### 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
+
+- Updated dependencies [[`40bbc25`](https://github.com/rrweb-io/rrweb/commit/40bbc25fc287badc317a53f2d3f21b1c9f2b211b), [`68076b7`](https://github.com/rrweb-io/rrweb/commit/68076b724ff19d198d4f351a05063b85e1705a8c), [`8059d96`](https://github.com/rrweb-io/rrweb/commit/8059d9695146626b102b2059a3a9b932d5f598f6), [`335639a`](https://github.com/rrweb-io/rrweb/commit/335639af9b0ce7f70eb0f38ce113d877c7325158), [`be6bf52`](https://github.com/rrweb-io/rrweb/commit/be6bf52c248c35de1b3491e3a3440ff61f876414)]:
+  - rrweb@2.0.0-alpha.17
+
 ## 2.0.0-alpha.15
 
 ### Major Changes

packages/plugins/rrweb-plugin-canvas-webrtc-record/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rrweb/rrweb-plugin-canvas-webrtc-record",
-  "version": "2.0.0-alpha.16",
+  "version": "2.0.0-alpha.17",
   "description": "",
   "type": "module",
   "main": "./dist/rrweb-plugin-canvas-webrtc-record.umd.cjs",
@@ -43,12 +43,12 @@
   },
   "homepage": "https://github.com/rrweb-io/rrweb#readme",
   "devDependencies": {
-    "rrweb": "^2.0.0-alpha.16",
+    "rrweb": "^2.0.0-alpha.17",
     "typescript": "^5.4.5",
     "vite": "^5.3.1",
     "vite-plugin-dts": "^3.9.1"
   },
   "peerDependencies": {
-    "rrweb": "^2.0.0-alpha.16"
+    "rrweb": "^2.0.0-alpha.17"
   }
 }

packages/plugins/rrweb-plugin-canvas-webrtc-replay/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @rrweb/rrweb-plugin-canvas-webrtc-replay
 
+## 2.0.0-alpha.17
+
+### 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
+
+- Updated dependencies [[`40bbc25`](https://github.com/rrweb-io/rrweb/commit/40bbc25fc287badc317a53f2d3f21b1c9f2b211b), [`68076b7`](https://github.com/rrweb-io/rrweb/commit/68076b724ff19d198d4f351a05063b85e1705a8c), [`8059d96`](https://github.com/rrweb-io/rrweb/commit/8059d9695146626b102b2059a3a9b932d5f598f6), [`335639a`](https://github.com/rrweb-io/rrweb/commit/335639af9b0ce7f70eb0f38ce113d877c7325158), [`be6bf52`](https://github.com/rrweb-io/rrweb/commit/be6bf52c248c35de1b3491e3a3440ff61f876414)]:
+  - rrweb@2.0.0-alpha.17
+
 ## 2.0.0-alpha.15
 
 ### Major Changes

packages/plugins/rrweb-plugin-canvas-webrtc-replay/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rrweb/rrweb-plugin-canvas-webrtc-replay",
-  "version": "2.0.0-alpha.16",
+  "version": "2.0.0-alpha.17",
   "description": "",
   "type": "module",
   "main": "./dist/rrweb-plugin-canvas-webrtc-replay.umd.cjs",
@@ -43,12 +43,12 @@
   },
   "homepage": "https://github.com/rrweb-io/rrweb#readme",
   "devDependencies": {
-    "rrweb": "^2.0.0-alpha.16",
+    "rrweb": "^2.0.0-alpha.17",
     "typescript": "^5.4.5",
     "vite": "^5.3.1",
     "vite-plugin-dts": "^3.9.1"
   },
   "peerDependencies": {
-    "rrweb": "^2.0.0-alpha.16"
+    "rrweb": "^2.0.0-alpha.17"
   }
 }

packages/plugins/rrweb-plugin-console-record/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @rrweb/rrweb-plugin-console-record
 
+## 2.0.0-alpha.17
+
+### 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
+
+- Updated dependencies [[`40bbc25`](https://github.com/rrweb-io/rrweb/commit/40bbc25fc287badc317a53f2d3f21b1c9f2b211b), [`68076b7`](https://github.com/rrweb-io/rrweb/commit/68076b724ff19d198d4f351a05063b85e1705a8c), [`8059d96`](https://github.com/rrweb-io/rrweb/commit/8059d9695146626b102b2059a3a9b932d5f598f6), [`335639a`](https://github.com/rrweb-io/rrweb/commit/335639af9b0ce7f70eb0f38ce113d877c7325158), [`be6bf52`](https://github.com/rrweb-io/rrweb/commit/be6bf52c248c35de1b3491e3a3440ff61f876414)]:
+  - rrweb@2.0.0-alpha.17
+
 ## 2.0.0-alpha.15
 
 ### Major Changes