@rrweb/rrweb-plugin-sequential-id-replay
将此插件与 @rrweb/rrweb-plugin-sequential-id-record 插件结合使用，可录制并回放带有顺序 ID 的事件。 有关 rrweb 的更多信息，请参阅指南。
安装
npm install @rrweb/rrweb-plugin-sequential-id-replay用法
import { Replayer } from '@rrweb/replay';
import { getReplaySequentialIdPlugin } from '@rrweb/rrweb-plugin-sequential-id-replay';
const replayer = new Replayer(events, {
plugins: [
getReplaySequentialIdPlugin({
// make sure this is the same as the record side
key: '_id', // default value
warnOnMissingId: true, // default value
}),
],
});
replayer.play(); // ERROR: [sequential-id-plugin]: expect to get an id with value "42", but got "666"`@rrweb/rrweb-plugin-sequential-id-replay 发布说明
2.1.0—2.1.1
这些版本中本包无变更，仅为与其他包保持版本同步而提升版本号
2.0.1
补丁变更
- 更新依赖 [
5f52d63]：- rrweb@2.0.1
2.0.0
重大变更
#1497
2606a2a感谢 @Juice10！ - 将插件从 rrweb 中拆分出来，移入各自的独立包：@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。查看各包的 README 了解更多信息，或查看 https://github.com/rrweb-io/rrweb/pull/1033 了解具体变更。#1497
2606a2a感谢 @Juice10！ - 分发文件采用了新的文件名、路径和扩展名。重要提示：如果你直接引用分发文件或类型，可能需要更新你的路径/文件名，例如你从rrweb/typings/...或rrdom/es导入。但如果你是通过import rrweb from 'rrweb'使用，则不会察觉到此变更带来的差异。 如果你直接在 script 标签中引入 rrweb 文件，可能需要将路径更新为对应的.umd.cjs文件。所有.js文件现在都使用 ES 模块，可在现代浏览器、node.js 以及支持 ES 模块的打包器中使用。所有 npm 包现在还同时提供.cjs和.umd.cjs文件。.umd.cjs文件是将所有文件打包在一起的 CommonJS 模块，便于向浏览器环境分发单个文件（类似于之前的.js文件）。.cjs文件是可在旧版 Node.js 环境中使用的 CommonJS 模块。类型在package.json中有了更完善的定义，如果你需要特定类型，它们可能从新的包中导出（例如PlayerMachineState和SpeedMachineState现在从@rrweb/replay导出）。请查看package.json的main和exports字段了解可用文件。
补丁变更
#1033
7261c43感谢 @Juice10！ - 直接从 rrweb 导出ReplayPlugin。此前必须写成import type { ReplayPlugin } from 'rrweb/dist/types';，现在可以写成import type { ReplayPlugin } from 'rrweb';#1704
33e01f5感谢 @eoghanmurray！ - 在 /dist/ 之外提供 /umd/ 输出目录，以便提供带 .js 扩展名的 UMD（Universal Module Definition）文件，同时不违背 package.json 中 /dist/ 下所有 .js 文件均为模块的约定更新依赖 [
7103625,a2c8a1a,3d1877c,af0962c,57a940a,e65465e,d872d28,36da39d,b5e30cf,40bbc25,22bc4c3,11f6567,490b3e2,dc20cd4,3e9e42f,f27e545,7261c43,03b5216,ae6908d,46f1b25,e0f862b,cbbd1e5,a6893f7,8aea5b0,267e990,68076b7,9c6edfe,a1ec9a2,8059d96,bfe14c5,4014305,efdc167,88ea2d0,609b7fa,f6f07e9,1e0b273,1fe39ab,490b3e2,979d2b1,1385f7a,d7c72bf,ebcbe8b,123a81e,05478c3,fc390a9,bbbfa22,e96f668,58c9104,227d43a,bc84246,d2582e9,aa79db7,82f6fec,2606a2a,980a38c,2606a2a,a225d8e,a82a3b4,5c27b76,b149cf3,a2be77b,227d43a,527d9d3,79837ac,a7c33f2,43e4f5b,3cc4323,d38893f,6f4e691,d7cf8dd,335639a,04ee6ed,5fbb904,1e6f71b,d08624c,2606a2a,123a81e,314a8dd,5a78938,3416c3a,7c0dc9d,8e47ca1,53b83bb,9cd28b7,07ac5c9,33e01f5,02f50d2,502d15d,d0fbe23,a3de582,e08706a,8d209a6,be6bf52,aaabdbd,1e6f71b,6388fb5,4cb4d0e,5e6c132]：- rrweb@2.0.0
2.0.0-alpha.20
补丁变更
- 更新依赖 [
6388fb5]：- rrweb@2.0.0-alpha.20
2.0.0-alpha.19
补丁变更
2.0.0-alpha.18
补丁变更
2.0.0-alpha.17
补丁变更
2.0.0-alpha.15
重大变更
#1497
2606a2a感谢 @Juice10！ - 将插件从 rrweb 中拆分出来，移入各自的独立包：@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。查看各包的 README 了解更多信息，或查看 https://github.com/rrweb-io/rrweb/pull/1033 了解具体变更。#1497
2606a2a感谢 @Juice10！ - 分发文件采用了新的文件名、路径和扩展名。重要提示：如果你直接引用分发文件或类型，可能需要更新你的路径/文件名，例如你从rrweb/typings/...或rrdom/es导入。但如果你是通过import rrweb from 'rrweb'使用，则不会察觉到此变更带来的差异。 如果你直接在 script 标签中引入 rrweb 文件，可能需要将路径更新为对应的.umd.cjs文件。所有.js文件现在都使用 ES 模块，可在现代浏览器、node.js 以及支持 ES 模块的打包器中使用。所有 npm 包现在还同时提供.cjs和.umd.cjs文件。.umd.cjs文件是将所有文件打包在一起的 CommonJS 模块，便于向浏览器环境分发单个文件（类似于之前的.js文件）。.cjs文件是可在旧版 Node.js 环境中使用的 CommonJS 模块。类型在package.json中有了更完善的定义，如果你需要特定类型，它们可能从新的包中导出（例如PlayerMachineState和SpeedMachineState现在从@rrweb/replay导出）。请查看package.json的main和exports字段了解可用文件。