@saola.ai/rrweb-all
v2.0.28
Published
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.
Downloads
151
Readme
@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:
Installation
1) Bundler / npm
npm install @rrweb/allimport { record, Replayer, pack, unpack } from '@rrweb/all';
import '@rrweb/all/dist/style.css';For API details and examples, see the guide.
2) Browser Without Bundler (ESM + import maps)
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@rrweb/all@latest/dist/style.css"
/>
<script type="importmap">
{
"imports": {
"@rrweb/all": "https://cdn.jsdelivr.net/npm/@rrweb/all@latest/+esm"
}
}
</script>
<script type="module">
import { record, Replayer, pack, unpack } from '@rrweb/all';
</script>3) Legacy Direct <script> Include (UMD fallback)
Use this only for compatibility with non-module environments.
<script src="https://cdn.jsdelivr.net/npm/@rrweb/all@latest/umd/all.min.js"></script>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
Become a sponsor and get your logo on our README on Github with a link to your site.
Gold Sponsors 🥇
Silver Sponsors 🥈
Bronze Sponsors 🥉
