0.0.1-alpha.17 • Published 5 years ago
@waynecz/ui-recorder v0.0.1-alpha.17
UI Recorder
Note this repo is still processing. Besides, happy to see PR / issue
See also Session-Player(developing) for consume Recorder's data
Record list:
- DOM mutation
- Network
- Error
- Mouse click / move, Scroll
- Console
Output like:
{
"ui": [
{ "t": 1, "type": "node", "add": [{ "html": "<div id=\"__tr__\"></div>" }], "target": 6 },
{ "t": 2, "type": "form", "target": 16, "k": "value", "v": "2312" },
{ "t": 3, "type": "attr", "target": 14, "attr": { "k": "class", "v": "a" } },
{ "t": 4, "type": "scroll", "x": 0, "y": 10 },
{ "t": 5, "type": "form", "target": 19, "k": "checked", "v": true },
{ "t": 6, "type": "jserr", "msg": "Type Error: ...", "url": "...", "err": "..." },
{ "t": 7, "type": "xhr", "url": "...", "method": "GET", "id": "21asdcxz" },
{ "t": 8, "type": "xhrend", "status": 503, "id": "21asdcxz" },
{ "t": 9, "type": "console", "l": "warn", "msg": "..." }
],
"mouse": [{ "t": 1, "type": "move", "x": 38, "y": 510 }, { "t": 2, "type": "click", "x": 71, "y": 13 }]
}
Code intergration:
import Recorder from '@wayne/ui-recorder'
const myReocrder = new Recorder()
myReocrder.start() // start record
myReocrder.end() // stop record
Build Setup
# serve file with hot reload at http://localhost:8000/index.js
npm run dev
# build with tsc, complie into ESModule
npm run build
Document (constructing)
0.0.1-alpha.17
5 years ago
0.0.1-alpha.16
5 years ago
0.0.1-alpha.15
5 years ago
0.0.1-alpha.14
5 years ago
0.0.1-alpha.13
5 years ago
0.0.1-alpha.12
5 years ago
0.0.1-alpha.11
5 years ago
0.0.1-alpha.10
5 years ago
0.0.1-alpha.9
5 years ago
0.0.1-alpha.8
5 years ago
0.0.1-alpha.7
5 years ago
0.0.1-alpha.6
6 years ago
0.0.1-alpha.5
6 years ago
0.0.1-alpha.4
6 years ago
0.0.1-alpha.3
6 years ago
0.0.1-alpha.2
6 years ago
0.0.1-alpha.1
6 years ago
0.0.1-alpha.0
6 years ago