npmpackage.info

@saola.ai/rrweb-snapshot

record and replay the web

2.0.19

17,114

MIT

TypeScript

25.06 kB

3,517 4.4

Installations

npm install @saola.ai/rrweb-snapshot

Developer Guide

BETA

Typescript

No

Module System

ESM

Node Version

18.19.0

NPM Version

10.2.3 Score

77.4

Supply Chain

99.5

Quality

96.8

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

72

Total

738

Closed

141

Merged

525

Issues

Open

242

Total

904

Closed

662

Releases

135

@rrweb/utils@2.0.0-alpha.18

Published on 06 Dec 2024

@rrweb/types@2.0.0-alpha.18

Published on 06 Dec 2024

rrweb-player@2.0.0-alpha.18

Published on 06 Dec 2024

rrweb-snapshot@2.0.0-alpha.18

Published on 06 Dec 2024

rrweb@2.0.0-alpha.18

Published on 06 Dec 2024

rrvideo@2.0.0-alpha.18

Published on 06 Dec 2024

View all 135 releases

Contributors

127

View all 127 contributors

Languages

TypeScript

JavaScript

HTML

Svelte

CSS

Shell

TypeScript (87.88%)

JavaScript (5.56%)

HTML (4.61%)

Svelte (1.67%)

CSS (0.25%)

Shell (0.03%)

Developer

rrweb-io

Download Statistics

Total Downloads

3,517

Last Day

Last Week

Last Month

595

Last Year

3,517

GitHub Statistics

17,114 Stars

1,279 Commits

1,461 Forks

194 Watching

30 Branches

127 Contributors

Bundle Size

77.89 kB

Minified

25.06 kB

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

2.0.19

Package Id

@saola.ai/rrweb-snapshot@2.0.19

Unpacked Size

1.77 MB

Size

433.85 kB

File Count

NPM Version

10.2.3

Node Version

18.19.0

Publised On

29 Jan 2025

Total Downloads

Cumulative downloads

Total Downloads

3,517

Last day

485.7%

Compared to previous day

Last week

48.1%

Compared to previous week

Last month

109.5%

595

Compared to previous month

Last year

3,517

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

postcss

Dev Dependencies

@saola.ai/rrweb-types @saola.ai/rrweb-utils @types/jsdom @types/node @types/puppeteer puppeteer ts-node tslib typescript vite vite-plugin-dts vitest

Versions

rrweb-snapshot

Snapshot the DOM into a stateful and serializable data structure. Also, provide the ability to rebuild the DOM via snapshot.

API

This module export following methods:

snapshot

snapshot will traverse the DOM and return a stateful and serializable data structure which can represent the current DOM view.

There are several things will be done during snapshot:

Inline some DOM states into HTML attributes, e.g, HTMLInputElement's value.
Turn script tags into noscript tags to avoid scripts being executed.
Try to inline stylesheets to make sure local stylesheets can be used.
Make relative paths in href, src, CSS to be absolute paths.
Give an id to each Node, and return the id node map when snapshot finished.

rebuild

rebuild will build the DOM according to the taken snapshot.

There are several things will be done during rebuild:

Add data-rrid attribute if the Node is an Element.
Create some extra DOM node like text node to place inline CSS and some states.
Add data-extra-child-index attribute if Node has some extra child DOM.

serializeNodeWithId

serializeNodeWithId can serialize a node into snapshot format with id.

buildNodeWithSN

buildNodeWithSN will build DOM from serialized node and store serialized information in the mirror.getMeta(node).

Core Team Members

_Yuyz0112

_{Yun Feng}

_eoghanmurray

_Juice10
_{open for rrweb consulting}

Who's using rrweb?

No vulnerabilities found.

10

License

Determines if the project has defined a license.

10

Binary-Artifacts

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

10

Dangerous-Workflow

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

9

Code-Review

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

7

Maintained

Determines if the project is "actively maintained".

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

Token-Permissions

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

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: third-party GitHubAction not pinned by hash: .github/workflows/release.yml:41: 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: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
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
Info: 0 out of 13 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 4 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.4

/10

Last Scanned on 2025-01-27

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

@saola.ai/rrweb-snapshot

Installations

Developer Guide

No

ESM

18.19.0

10.2.3

Score

Pull Requests

72

738

141

525

Issues

242

904

662

Releases

Contributors

Languages

Developer

Download Statistics

GitHub Statistics

Bundle Size

77.89 kB

25.06 kB

Maintainers

Package Meta Information

Total Downloads

3,517

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Dev Dependencies

rrweb-snapshot

API

snapshot

rebuild

serializeNodeWithId

buildNodeWithSN

Sponsors

Gold Sponsors 🥇

Silver Sponsors 🥈

Bronze Sponsors 🥉

Backers

Core Team Members

Who's using rrweb?

10

10

10

9

7

0

0

0

0

0

0

0

4.4

/10