xuguopeng/rrweb

Files

History

Yun Feng f1f5865dcf move rrvideo to monorepo (#1181 )

* first commit

* rrvideo v0.1.0

First version of rrvideo.

1. Use as a Node.JS lib.
2. Use as a CLI.

Features are implemented via puppeteer, ffmpeg and rrweb-player.

* add readme

* update publish script

* add node env in cli file and change package.json bin to same like README (#4)

Co-authored-by: Xu Yinjie <xuyinjie@xiaobangtouzi.com>

* release 0.2.0

* fix #6 avoid assign undefined to config

* Fix: Solve the inconsistency between rrvideo and the real recorded page rendering when rendering the page with a headless browser (https://github.com/rrweb-io/rrvideo/pull/26)

Author: xujiujiu <906784584@qq.com>

---------

Co-authored-by: xujiujiu <906784584@qq.com>

* refactor rrvideo

1. refactor code
2. change monorepo config
3. remove separate TS dependencies

* add changeset

* fix: eslint errors

---------

Co-authored-by: Yanzhen Yu <yanzhen@smartx.com>
Co-authored-by: xyj <593500664@qq.com>
Co-authored-by: Xu Yinjie <xuyinjie@xiaobangtouzi.com>
Co-authored-by: xujiujiu <906784584@qq.com>

2023-03-28 19:02:22 +02:00

..

feat: Ensure password inputs are masked when switching type (#1170 )

2023-03-20 20:13:23 +08:00

fix: inline images onload (#1174 )

2023-03-13 13:56:09 +08:00

.gitignore

chore: remove all typings, add them all to .gitignore file and update turbo.json (#949 )

2022-07-31 08:38:22 +08:00

.release-it.json

moved rrweb-snapshot into packages/rrweb-snapshot

2021-07-22 17:54:51 +08:00

CHANGELOG.md

Version Packages (alpha) (#1138 )

2023-03-08 16:06:25 +08:00

jest.config.js

fix: module error (#1087 )

2023-01-10 17:20:03 +08:00

package.json

move rrvideo to monorepo (#1181 )

2023-03-28 19:02:22 +02:00

README.md

Remove INode (node.__sn) and use Mirror as source of truth (#868 )

2022-04-06 23:56:39 +08:00

rollup.config.js

unify typescript version and rollup plugins (#921 )

2022-06-25 21:08:06 +08:00

tsconfig.json

[Plugin] Live stream canvas via webrtc (#976 )

2022-09-15 11:24:05 +08:00

README.md

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