npmpackage.info

Gathering detailed insights and metrics for rrweb

Other packages similar to rrweb

@rrweb/types

2.0.0-alpha.17

This package contains the shared types used across rrweb packages. See the [guide](../../guide.md) for more info on rrweb.

@amplitude/rrweb-packer

2.0.0-alpha.26

`@rrweb/packer` is a tool to compress rrweb events into a smaller size.

@amplitude/rrweb-types

2.0.0-alpha.26

This package contains the shared types used across rrweb packages. See the [guide](../../guide.md) for more info on rrweb.

@amplitude/rrweb-utils

2.0.0-alpha.26

This package contains the shared utility functions used across rrweb packages. See the [guide](../../guide.md) for more info on rrweb.

Gathering detailed insights and metrics for rrweb

rrweb

record and replay the web

2.0.0-alpha.4

16,853

MIT

TypeScript

49.44 kB

19,571,945 4.1

Installations

npm install rrweb

Score

95.6

Supply Chain

97.6

Quality

80.5

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

66

Total

705

Closed

129

Merged

510

Issues

Open

232

Total

887

Closed

655

Releases

117

@rrweb/utils@2.0.0-alpha.17

Published on 02 Aug 2024

@rrweb/types@2.0.0-alpha.17

Published on 02 Aug 2024

rrweb-snapshot@2.0.0-alpha.17

Published on 02 Aug 2024

rrweb-player@2.0.0-alpha.17

Published on 02 Aug 2024

rrweb@2.0.0-alpha.17

Published on 02 Aug 2024

rrvideo@2.0.0-alpha.17

Published on 02 Aug 2024

View all 117 releases

Developer

rrweb-io

Developer Guide

BETA

Module System

ESM

Min. Node Version

Typescript Support

No

Node Version

16.14.0

NPM Version

8.3.1 Statistics

16,853 Stars

1,265 Commits

1,436 Forks

195 Watching

27 Branches

126 Contributors

Updated on 27 Nov 2024

Bundle Size

157.83 kB

Minified

49.44 kB

Minified + Gzipped

Bundlephobia

Languages

TypeScript (87.79%)

JavaScript (5.6%)

HTML (4.64%)

Svelte (1.69%)

CSS (0.26%)

Shell (0.03%)

Total Downloads

Cumulative downloads

Total Downloads

19,571,945

Last day

-2%

104,799

Compared to previous day

Last week

3.7%

522,385

Compared to previous week

Last month

14.7%

2,116,694

Compared to previous month

Last year

330.7%

12,616,500

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Versions

Try rrweb

rrweb

The rrweb documentary (in Chinese, with English subtitles)

total gzip size recorder gzip size

中文文档

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. 📚

🍳 Recipes 🍳

📺 Presentation: Hacking the browser to digital twin your users 📺

Project Structure

rrweb is mainly composed of 3 parts:

rrweb-snapshot, including both snapshot and rebuilding features. The snapshot is used to convert the DOM and its state into a serializable data structure with a unique identifier; the rebuilding feature is to rebuild the snapshot into corresponding DOM.
rrweb, including two functions, record and replay. The record function is used to record all the mutations in the DOM; the replay is to replay the recorded mutations one by one according to the corresponding timestamp.
rrweb-player, is a player UI for rrweb, providing GUI-based functions like pause, fast-forward, drag and drop to play at any time.

Roadmap

storage engine: do deduplication on a large number of rrweb sessions
compact mutation data in common patterns
provide plugins via the new plugin API, including:
- XHR plugin
- fetch plugin
- GraphQL plugin
- ...

Internal Design

Contribute Guide

Since we want the record and replay sides to share a strongly typed data structure, rrweb is developed with typescript which provides stronger type support.

Typescript handbook

Fork this repository.
Run yarn install in the root to install required dependencies for all sub-packages (note: npm install is not recommended).
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.
Navigate to one of the sub-packages (in the packages folder) where you'd like to make a change.
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.
If tests are failing, but the change in output is desirable, run yarn test:update and carefully commit the changes in test output.
Push the code and create a pull request.

Protip: You can run yarn test in the root folder to run all the tests.

In addition to adding integration tests and unit tests, rrweb also provides a REPL testing tool.

Using the REPL tool

Core Team Members

_Yuyz0112

_{Yun Feng}

_eoghanmurray

_Juice10
_{open for rrweb consulting}

Who's using rrweb?

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

9

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

4

Maintained

Determines if the project is "actively maintained".

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

Reason

dependency not pinned by hash detected -- score normalized to 0

Details

Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci-cd.yml:13: update your workflow using https://app.stepsecurity.io/secureworkflow/rrweb-io/rrweb/ci-cd.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci-cd.yml:19: update your workflow using https://app.stepsecurity.io/secureworkflow/rrweb-io/rrweb/ci-cd.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci-cd.yml:37: update your workflow using https://app.stepsecurity.io/secureworkflow/rrweb-io/rrweb/ci-cd.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/rrweb-io/rrweb/release.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:19: update your workflow using https://app.stepsecurity.io/secureworkflow/rrweb-io/rrweb/release.yml/master?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/release.yml:28: update your workflow using https://app.stepsecurity.io/secureworkflow/rrweb-io/rrweb/release.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/style-check.yml:43: update your workflow using https://app.stepsecurity.io/secureworkflow/rrweb-io/rrweb/style-check.yml/master?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/style-check.yml:47: update your workflow using https://app.stepsecurity.io/secureworkflow/rrweb-io/rrweb/style-check.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/style-check.yml:58: update your workflow using https://app.stepsecurity.io/secureworkflow/rrweb-io/rrweb/style-check.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/style-check.yml:63: update your workflow using https://app.stepsecurity.io/secureworkflow/rrweb-io/rrweb/style-check.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/style-check.yml:78: update your workflow using https://app.stepsecurity.io/secureworkflow/rrweb-io/rrweb/style-check.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/style-check.yml:83: update your workflow using https://app.stepsecurity.io/secureworkflow/rrweb-io/rrweb/style-check.yml/master?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/style-check.yml:92: update your workflow using https://app.stepsecurity.io/secureworkflow/rrweb-io/rrweb/style-check.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/style-check.yml:11: update your workflow using https://app.stepsecurity.io/secureworkflow/rrweb-io/rrweb/style-check.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/style-check.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/rrweb-io/rrweb/style-check.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/style-check.yml:31: update your workflow using https://app.stepsecurity.io/secureworkflow/rrweb-io/rrweb/style-check.yml/master?enable=pin
Info: 0 out of 13 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 3 third-party GitHubAction dependencies pinned

0

Fuzzing

Determines if the project uses fuzzing.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

4.1

/10

Last Scanned on 2024-11-18

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to rrweb

Other packages similar to rrweb

rrweb

Installations

Score

Pull Requests

66

705

129

510

Issues

232

887

655

Releases

Developer

Developer Guide

ESM

No

16.14.0

8.3.1

Statistics

Bundle Size

157.83 kB

49.44 kB

Languages

Total Downloads

19,571,945

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Dev Dependencies

rrweb

Guide

Project Structure

Roadmap

Internal Design

Contribute Guide

Sponsors

Gold Sponsors 🥇

Silver Sponsors 🥈

Bronze Sponsors 🥉

Backers

Core Team Members

Who's using rrweb?

10

10

10

9

4

0

0

0

0

0

0

0

4.1

/10