xuguopeng/rrweb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

return id node map when rebuild

Browse Source
This commit is contained in:
Yanzhen Yu
2018-10-12 12:43:16 +08:00
parent b3fdc44fc7
commit 1ddb0a3343
5 changed files with 23 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.d.ts vendored
View File

@@ -2,7 +2,7 @@ import { serializedNodeWithId, idNodeMap } from './src/types';
export * from './src/types';
export function snapshot(n: Document): [serializedNodeWithId | null, idNodeMap];
export function rebuild(n: serializedNodeWithId): Node | null;
export function rebuild(n: serializedNodeWithId): [Node | null, idNodeMap];
export function serializeNodeWithId(
n: Node,
doc: Document,

20
src/rebuild.ts
View File

@@ -1,4 +1,11 @@
import { serializedNodeWithId, NodeType, tagMap, elementNode } from './types';
import {
serializedNodeWithId,
NodeType,
tagMap,
elementNode,
idNodeMap,
INode,
} from './types';
const tagMap: tagMap = {
script: 'noscript',
@@ -54,14 +61,16 @@ function buildNode(n: serializedNodeWithId): Node | null {
}
}
function rebuild(n: serializedNodeWithId): Node | null {
function _rebuild(n: serializedNodeWithId, map: idNodeMap): Node | null {
const root = buildNode(n);
if (!root) {
return null;
}
(root as INode).__sn = n;
map[n.id] = root as INode;
if (n.type === NodeType.Document || n.type === NodeType.Element) {
for (const childN of n.childNodes) {
const childNode = rebuild(childN);
const childNode = _rebuild(childN, map);
if (!childNode) {
console.warn('Failed to rebuild', childN);
} else {
@@ -72,4 +81,9 @@ function rebuild(n: serializedNodeWithId): Node | null {
return root;
}
function rebuild(n: serializedNodeWithId): [Node | null, idNodeMap] {
const idNodeMap: idNodeMap = {};
return [_rebuild(n, idNodeMap), idNodeMap];
}
export default rebuild;

3
test/css/style.css
View File

@@ -4,3 +4,6 @@ body {
p {
color: red;
}
body > p {
color: yellow;
}

2
test/html/with-style-sheet.html
View File

@@ -25,7 +25,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>with style sheet</title>
<style>body { margin: 0px; }p { color: red; }</style>
<style>body { margin: 0px; }p { color: red; }body > p { color: yellow; }</style>
</head>
<body>

2
test/integration.ts
View File

@@ -99,7 +99,7 @@ describe('integration tests', () => {
const rebuildHtml = (await page.evaluate(`${this.code}
const x = new XMLSerializer();
const [snap] = rrweb.snapshot(document);
x.serializeToString(rrweb.rebuild(snap));
x.serializeToString(rrweb.rebuild(snap)[0]);
`)).replace(/\n\n/g, '');
await page.goto(`http://localhost:3030/html`);
await page.setContent(html.dest);