feat(app): add rrweb recording and replay functionality

- Integrate rrweb library for session recording capabilities
- Add RecordeReplayPage component with start/stop recording buttons
- Implement useRecorder hook to manage recording state and events
- Create bridge service for extension communication
- Add storage service with Chrome extension and web compatibility
- Implement downloadHtml utility for replay file generation
- Update manifest permissions for activeTab, scripting, and tabs
- Add Chrome extension type definitions as development dependencies
This commit is contained in:
雨霖铃
2026-01-25 12:36:52 +08:00
parent 49aaab6e2c
commit a53b58a007
11 changed files with 449 additions and 9 deletions
+8
View File
@@ -3,6 +3,7 @@
"version": "0.1.0",
"private": true,
"dependencies": {
"@rrweb/all": "^2.0.0-alpha.18",
"@testing-library/dom": "^10.4.1",
"@testing-library/jest-dom": "^6.9.1",
"@testing-library/react": "^16.3.1",
@@ -16,6 +17,8 @@
"react-router-dom": "^6.30.2",
"react-scripts": "5.0.1",
"remark-gfm": "^1.0.0",
"rrweb": "^2.0.0-alpha.4",
"rrweb-player": "^1.0.0-alpha.4",
"web-vitals": "^2.1.4"
},
"scripts": {
@@ -41,5 +44,10 @@
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"@types/chrome": "^0.1.36",
"@types/react": "^19.2.9",
"@types/react-dom": "^19.2.3"
}
}