@highlight-run/rrweb 1.2.1 → 2.0.0-lambda.1

package/dist/{index.css → style.css}

@@ -9,14 +9,19 @@
   background-size: contain;
   background-position: center center;
   background-repeat: no-repeat;
-  background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iNyA1IDE4IDE4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOCAyOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgaGVpZ2h0PSIzMDBweCIgd2lkdGg9IjMwMHB4Ij4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iOC4yLDIwLjkgOC4yLDQuOSAxOS44LDE2LjUgMTMsMTYuNSAxMi42LDE2LjYgIi8+DQo8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjE3LjMsMjEuNiAxMy43LDIzLjEgOSwxMiAxMi43LDEwLjUgIi8+DQo8cmVjdCB4PSIxMi41IiB5PSIxMy42IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjkyMjEgLTAuMzg3MSAwLjM4NzEgMC45MjIxIC01Ljc2MDUgNi41OTA5KSIgd2lkdGg9IjIiIGhlaWdodD0iOCIvPg0KPHBvbHlnb24gcG9pbnRzPSI5LjIsNy4zIDkuMiwxOC41IDEyLjIsMTUuNiAxMi42LDE1LjUgMTcuNCwxNS41ICIvPg0KPC9zdmc+DQo=');
+  background-image: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDUwIDUwIiB4PSIwcHgiIHk9IjBweCI+PHRpdGxlPkRlc2lnbl90bnA8L3RpdGxlPjxwYXRoIGQ9Ik00OC43MSw0Mi45MUwzNC4wOCwyOC4yOSw0NC4zMywxOEExLDEsMCwwLDAsNDQsMTYuMzlMMi4zNSwxLjA2QTEsMSwwLDAsMCwxLjA2LDIuMzVMMTYuMzksNDRhMSwxLDAsMCwwLDEuNjUuMzZMMjguMjksMzQuMDgsNDIuOTEsNDguNzFhMSwxLDAsMCwwLDEuNDEsMGw0LjM4LTQuMzhBMSwxLDAsMCwwLDQ4LjcxLDQyLjkxWm0tNS4wOSwzLjY3TDI5LDMyYTEsMSwwLDAsMC0xLjQxLDBsLTkuODUsOS44NUwzLjY5LDMuNjlsMzguMTIsMTRMMzIsMjcuNThBMSwxLDAsMCwwLDMyLDI5TDQ2LjU5LDQzLjYyWiI+PC9wYXRoPjwvc3ZnPg==');
   border-color: transparent; /* otherwise we transition from black when .touch-device class is added */
 }
-
 .replayer-mouse::after {
-  background: transparent;
+  content: '';
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  background: rgb(73, 80, 246);
+  border-radius: 100%;
+  transform: translate(-50%, -50%);
+  opacity: 0.3;
 }
-
 .replayer-mouse.active::after {
   animation: click 0.2s ease-in-out 1;
 }
@@ -52,16 +57,11 @@
     opacity: 0.3;
     width: 20px;
     height: 20px;
-    background: transparent;
-  }
-  75% {
-    width: 24px;
-    height: 24px;
-    opacity: 0.8;
-    background: #dc2626;
   }
-  100% {
-    background: transparent;
+  50% {
+    opacity: 0.5;
+    width: 10px;
+    height: 10px;
   }
 }
 
@@ -78,5 +78,14 @@
   }
 }
 
+.rr-player {
+  position: relative;
+  background: white;
+  float: left;
+  border-radius: 5px;
+  box-shadow: 0 24px 48px rgba(17, 16, 62, 0.12);
+}
 
-/*# sourceMappingURL=index.css.map*/
+.rr-player__frame {
+  overflow: hidden;
+}

package/dist/style.min.css

@@ -0,0 +1,2 @@
+.replayer-wrapper{position:relative}.replayer-mouse{position:absolute;width:20px;height:20px;transition:left .05s linear,top .05s linear;background-size:contain;background-position:center center;background-repeat:no-repeat;background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDUwIDUwIiB4PSIwcHgiIHk9IjBweCI+PHRpdGxlPkRlc2lnbl90bnA8L3RpdGxlPjxwYXRoIGQ9Ik00OC43MSw0Mi45MUwzNC4wOCwyOC4yOSw0NC4zMywxOEExLDEsMCwwLDAsNDQsMTYuMzlMMi4zNSwxLjA2QTEsMSwwLDAsMCwxLjA2LDIuMzVMMTYuMzksNDRhMSwxLDAsMCwwLDEuNjUuMzZMMjguMjksMzQuMDgsNDIuOTEsNDguNzFhMSwxLDAsMCwwLDEuNDEsMGw0LjM4LTQuMzhBMSwxLDAsMCwwLDQ4LjcxLDQyLjkxWm0tNS4wOSwzLjY3TDI5LDMyYTEsMSwwLDAsMC0xLjQxLDBsLTkuODUsOS44NUwzLjY5LDMuNjlsMzguMTIsMTRMMzIsMjcuNThBMSwxLDAsMCwwLDMyLDI5TDQ2LjU5LDQzLjYyWiI+PC9wYXRoPjwvc3ZnPg==);border-color:transparent}.replayer-mouse:after{content:"";display:inline-block;width:20px;height:20px;background:#4950f6;border-radius:100%;transform:translate(-50%,-50%);opacity:.3}.replayer-mouse.active:after{animation:click .2s ease-in-out 1}.replayer-mouse.touch-device{background-image:none;width:70px;height:70px;border-width:4px;border-style:solid;border-radius:100%;margin-left:-37px;margin-top:-37px;border-color:#4950f600;transition:left 0s linear,top 0s linear,border-color .2s ease-in-out}.replayer-mouse.touch-device.touch-active{border-color:#4950f6;transition:left .25s linear,top .25s linear,border-color .2s ease-in-out}.replayer-mouse.touch-device:after{opacity:0}.replayer-mouse.touch-device.active:after{animation:touch-click .2s ease-in-out 1}.replayer-mouse-tail{position:absolute;pointer-events:none}@keyframes click{0%{opacity:.3;width:20px;height:20px}50%{opacity:.5;width:10px;height:10px}}@keyframes touch-click{0%{opacity:0;width:20px;height:20px}50%{opacity:.5;width:10px;height:10px}}.rr-player{position:relative;background:#fff;float:left;border-radius:5px;box-shadow:0 24px 48px #11103e1f}.rr-player__frame{overflow:hidden}
+/*# sourceMappingURL=style.min.css.map */

package/dist/style.min.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["style.css"],
+  "sourcesContent": [".replayer-wrapper {\n  position: relative;\n}\n.replayer-mouse {\n  position: absolute;\n  width: 20px;\n  height: 20px;\n  transition: left 0.05s linear, top 0.05s linear;\n  background-size: contain;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDUwIDUwIiB4PSIwcHgiIHk9IjBweCI+PHRpdGxlPkRlc2lnbl90bnA8L3RpdGxlPjxwYXRoIGQ9Ik00OC43MSw0Mi45MUwzNC4wOCwyOC4yOSw0NC4zMywxOEExLDEsMCwwLDAsNDQsMTYuMzlMMi4zNSwxLjA2QTEsMSwwLDAsMCwxLjA2LDIuMzVMMTYuMzksNDRhMSwxLDAsMCwwLDEuNjUuMzZMMjguMjksMzQuMDgsNDIuOTEsNDguNzFhMSwxLDAsMCwwLDEuNDEsMGw0LjM4LTQuMzhBMSwxLDAsMCwwLDQ4LjcxLDQyLjkxWm0tNS4wOSwzLjY3TDI5LDMyYTEsMSwwLDAsMC0xLjQxLDBsLTkuODUsOS44NUwzLjY5LDMuNjlsMzguMTIsMTRMMzIsMjcuNThBMSwxLDAsMCwwLDMyLDI5TDQ2LjU5LDQzLjYyWiI+PC9wYXRoPjwvc3ZnPg==');\n  border-color: transparent; /* otherwise we transition from black when .touch-device class is added */\n}\n.replayer-mouse::after {\n  content: '';\n  display: inline-block;\n  width: 20px;\n  height: 20px;\n  background: rgb(73, 80, 246);\n  border-radius: 100%;\n  transform: translate(-50%, -50%);\n  opacity: 0.3;\n}\n.replayer-mouse.active::after {\n  animation: click 0.2s ease-in-out 1;\n}\n.replayer-mouse.touch-device {\n  background-image: none; /* there's no passive cursor on touch-only screens */\n  width: 70px;\n  height: 70px;\n  border-width: 4px;\n  border-style: solid;\n  border-radius: 100%;\n  margin-left: -37px;\n  margin-top: -37px;\n  border-color: rgba(73, 80, 246, 0);\n  transition: left 0s linear, top 0s linear, border-color 0.2s ease-in-out;\n}\n.replayer-mouse.touch-device.touch-active {\n  border-color: rgba(73, 80, 246, 1);\n  transition: left 0.25s linear, top 0.25s linear, border-color 0.2s ease-in-out;\n}\n.replayer-mouse.touch-device::after {\n  opacity: 0; /* there's no passive cursor on touch-only screens */\n}\n.replayer-mouse.touch-device.active::after {\n  animation: touch-click 0.2s ease-in-out 1;\n}\n.replayer-mouse-tail {\n  position: absolute;\n  pointer-events: none;\n}\n\n@keyframes click {\n  0% {\n    opacity: 0.3;\n    width: 20px;\n    height: 20px;\n  }\n  50% {\n    opacity: 0.5;\n    width: 10px;\n    height: 10px;\n  }\n}\n\n@keyframes touch-click {\n  0% {\n    opacity: 0;\n    width: 20px;\n    height: 20px;\n  }\n  50% {\n    opacity: 0.5;\n    width: 10px;\n    height: 10px;\n  }\n}\n\n.rr-player {\n  position: relative;\n  background: white;\n  float: left;\n  border-radius: 5px;\n  box-shadow: 0 24px 48px rgba(17, 16, 62, 0.12);\n}\n\n.rr-player__frame {\n  overflow: hidden;\n}\n"],
+  "mappings": "AAAA,CAAC,iBACC,SAAU,QACZ,CACA,CAAC,eACC,SAAU,SACV,MAAO,KACP,OAAQ,KACR,WAAY,KAAK,KAAM,MAAM,CAAE,IAAI,KAAM,OACzC,gBAAiB,QACjB,oBAAqB,OAAO,OAC5B,kBAAmB,UACnB,iBAAkB,4pBAClB,aAAc,WAChB,CACA,CAXC,cAWc,OACb,QAAS,GACT,QAAS,aACT,MAAO,KACP,OAAQ,KACR,WAAY,QAnBd,cAoBiB,KACf,UAAW,UAAU,IAAI,CAAE,MAC3B,QAAS,EACX,CACA,CArBC,cAqBc,CAAC,MAAM,OACpB,UAAW,MAAM,IAAK,YAAY,CACpC,CACA,CAxBC,cAwBc,CAAC,aACd,iBAAkB,KAClB,MAAO,KACP,OAAQ,KACR,aAAc,IACd,aAAc,MAhChB,cAiCiB,KACf,YAAa,MACb,WAAY,MACZ,aAAc,UACd,WAAY,KAAK,GAAG,MAAM,CAAE,IAAI,GAAG,MAAM,CAAE,aAAa,IAAK,WAC/D,CACA,CApCC,cAoCc,CAZC,YAYY,CAAC,aAC3B,aAAc,QACd,WAAY,KAAK,KAAM,MAAM,CAAE,IAAI,KAAM,MAAM,CAAE,aAAa,IAAK,WACrE,CACA,CAxCC,cAwCc,CAhBC,YAgBY,OAC1B,QAAS,CACX,CACA,CA3CC,cA2Cc,CAnBC,YAmBY,CAtBZ,MAsBmB,OACjC,UAAW,YAAY,IAAK,YAAY,CAC1C,CACA,CAAC,oBACC,SAAU,SACV,eAAgB,IAClB,CAEA,WA7Ba,MA8BX,GACE,QAAS,GACT,MAAO,KACP,OAAQ,IACV,CACA,IACE,QAAS,GACT,MAAO,KACP,OAAQ,IACV,CACF,CAEA,WApBa,YAqBX,GACE,QAAS,EACT,MAAO,KACP,OAAQ,IACV,CACA,IACE,QAAS,GACT,MAAO,KACP,OAAQ,IACV,CACF,CAEA,CAAC,UACC,SAAU,SACV,WAAY,KACZ,MAAO,KAnFT,cAoFiB,IACf,WAAY,EAAE,KAAK,KAAK,SAC1B,CAEA,CAAC,iBACC,SAAU,MACZ",
+  "names": []
+}

package/package.json

@@ -1,33 +1,58 @@
 {
   "name": "@highlight-run/rrweb",
-  "version": "1.2.1",
+  "version": "2.0.0-lambda.1",
   "description": "record and replay the web",
   "scripts": {
-    "test": "npm run bundle:browser && cross-env TS_NODE_CACHE=false TS_NODE_FILES=true mocha -r ts-node/register -r ignore-styles -r jsdom-global/register test/**.test.ts",
-    "test:headless": "npm run bundle:browser && cross-env TS_NODE_CACHE=false TS_NODE_FILES=true PUPPETEER_HEADLESS=true mocha -r ts-node/register -r ignore-styles -r jsdom-global/register test/**.test.ts",
-    "test:watch": "PUPPETEER_HEADLESS=true npm run test -- --watch --watch-extensions js,ts",
-    "repl": "npm run bundle:browser && cross-env TS_NODE_CACHE=false TS_NODE_FILES=true ts-node scripts/repl.ts",
-    "bundle:browser": "cross-env BROWSER_ONLY=true rollup --config",
-    "bundle": "rollup --config",
-    "bundle:dev": "rollup --config --watch",
-    "typings": "tsc -d --declarationDir typings",
-    "dev": "webpack --watch",
-    "bundle:highlight": "webpack --mode=production",
-    "analyze": "mkdir -p dist && webpack --mode=production --profile --json > dist/stats.json && yarn webpack-bundle-analyzer dist/stats.json"
+    "prepare": "npm run prepack",
+    "prepack": "npm run build",
+    "retest": "cross-env PUPPETEER_HEADLESS=true yarn retest:headful",
+    "retest:headful": "vitest run --exclude test/benchmark",
+    "build-and-test": "yarn build && yarn retest",
+    "test:headless": "cross-env PUPPETEER_HEADLESS=true yarn build-and-test",
+    "test:headful": "cross-env PUPPETEER_HEADLESS=false yarn build-and-test",
+    "test": "yarn test:headless",
+    "test:watch": "yarn build && cross-env PUPPETEER_HEADLESS=true yarn vitest --exclude test/benchmark",
+    "test:update": "yarn test:headless --update",
+    "retest:update": "cross-env PUPPETEER_HEADLESS=true yarn retest --update",
+    "repl": "yarn build && node scripts/repl.js",
+    "live-stream": "yarn build && node scripts/stream.js",
+    "dev": "vite build --watch",
+    "build": "yarn turbo run prepublish",
+    "check-types": "tsc -noEmit",
+    "prepublish": "tsc -noEmit && vite build",
+    "lint": "yarn eslint src",
+    "benchmark": "vitest run --maxConcurrency 1 --no-file-parallelism test/benchmark"
   },
+  "type": "module",
   "repository": {
     "type": "git",
-    "url": "git+ssh://git@github.com/highlight-run/rrweb.git"
+    "url": "git+ssh://git@github.com/rrweb-io/rrweb.git"
   },
   "keywords": [
-    "rrweb"
+    "@highlight-run/rrweb"
   ],
-  "main": "dist/index.js",
-  "unpkg": "dist/rrweb.js",
-  "sideEffects": false,
+  "main": "./dist/rrweb.umd.cjs",
+  "module": "./dist/rrweb.js",
+  "unpkg": "./dist/rrweb.umd.cjs",
+  "typings": "dist/rrweb.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/rrweb.d.ts",
+        "default": "./dist/rrweb.js"
+      },
+      "require": {
+        "types": "./dist/rrweb.d.cts",
+        "default": "./dist/rrweb.cjs"
+      }
+    },
+    "./dist/style.css": "./dist/style.css"
+  },
   "files": [
-    "dist"
+    "dist",
+    "package.json"
   ],
+  "sideEffects": false,
   "author": "yanzhen@smartx.com",
   "license": "MIT",
   "bugs": {
@@ -35,53 +60,34 @@
   },
   "homepage": "https://github.com/rrweb-io/rrweb#readme",
   "devDependencies": {
-    "@rollup/plugin-node-resolve": "^13.1.3",
-    "@types/chai": "^4.1.6",
-    "@types/inquirer": "0.0.43",
-    "@types/jsdom": "^16.2.12",
-    "@types/mocha": "^5.2.5",
-    "@types/node": "^10.11.7",
-    "@types/puppeteer": "^5.4.3",
-    "chai": "^4.2.0",
-    "cross-env": "^5.2.0",
-    "css-loader": "^5.0.1",
+    "@types/dom-mediacapture-transform": "0.1.4",
+    "@types/inquirer": "^8.2.1",
+    "@types/jest-image-snapshot": "^6.1.0",
+    "@types/node": "^18.15.11",
+    "@types/offscreencanvas": "^2019.6.4",
+    "construct-style-sheets-polyfill": "^3.1.0",
     "fast-mhtml": "^1.1.9",
+    "identity-obj-proxy": "^3.0.0",
     "ignore-styles": "^5.0.1",
-    "inquirer": "^6.2.1",
-    "jest-snapshot": "^23.6.0",
-    "jsdom": "^16.6.0",
-    "jsdom-global": "^3.0.2",
-    "mini-css-extract-plugin": "^1.3.8",
-    "mocha": "^5.2.0",
-    "node-libtidy": "^0.4.0",
-    "prettier": "2.2.1",
-    "puppeteer": "^9.1.1",
-    "rollup": "^2.3.3",
-    "rollup-plugin-commonjs": "^9.2.0",
-    "rollup-plugin-node-resolve": "^3.4.0",
-    "rollup-plugin-postcss": "^3.1.1",
-    "rollup-plugin-rename-node-modules": "^1.1.0",
-    "rollup-plugin-terser": "^5.3.0",
-    "rollup-plugin-typescript2": "^0.31.2",
-    "rollup-plugin-web-worker-loader": "^1.6.1",
-    "style-loader": "^2.0.0",
-    "ts-loader": "^8.0.14",
-    "ts-node": "^7.0.1",
-    "tslib": "^1.9.3",
-    "tslint": "^4.5.1",
-    "typescript": "^3.9.5",
-    "webpack": "^5.10.1",
-    "webpack-bundle-analyzer": "^4.4.2",
-    "webpack-cli": "^4.2.0",
-    "webpack-dev-server": "^3.11.0",
-    "webpack-merge": "^5.7.0"
+    "inquirer": "^9.0.0",
+    "jest-image-snapshot": "^6.2.0",
+    "puppeteer": "^20.9.0",
+    "simple-peer-light": "^9.10.0",
+    "ts-node": "^10.9.1",
+    "tslib": "^2.3.1",
+    "turbo": "^2.0.5",
+    "typescript": "^5.4.5",
+    "vite": "^5.3.1",
+    "vite-plugin-dts": "^3.9.1"
   },
   "dependencies": {
-    "@types/css-font-loading-module": "0.0.4",
+    "@highlight-run/rrdom": "2.0.0-lambda.1",
+    "@highlight-run/rrweb-snapshot": "2.0.0-lambda.1",
+    "@highlight-run/rrweb-types": "2.0.0-lambda.1",
+    "@highlight-run/rrweb-utils": "2.0.0-lambda.1",
+    "@types/css-font-loading-module": "0.0.7",
     "@xstate/fsm": "^1.4.0",
     "base64-arraybuffer": "^1.0.1",
-    "fflate": "^0.4.4",
-    "identity-obj-proxy": "^3.0.0",
-    "mitt": "^1.1.3"
+    "mitt": "^3.0.0"
   }
-}
+}

package/rrweb-record/package.json

@@ -0,0 +1,4 @@
+{
+  "main": "../dist/rrweb-record.cjs",
+  "types": "../dist/rrweb-record.d.ts"
+}

package/rrweb-replay/package.json

@@ -0,0 +1,4 @@
+{
+  "main": "../dist/rrweb-replay.cjs",
+  "types": "../dist/rrweb-replay.d.ts"
+}

package/README.zh_CN.md

@@ -1,122 +0,0 @@
-<p align="center">
-  <img width="100px" height="100px" src="https://www.rrweb.io/favicon.png">
-</p>
-<p align="center">
-  <a href="https://www.rrweb.io/" style="font-weight: bold">Try rrweb</a>
-</p>
-
-# rrweb
-
-**[rrweb 社区新的征程](http://www.myriptide.com/rrweb-community-cn/)**
-
-[![Join the chat at slack](https://img.shields.io/badge/slack-@rrweb-teal.svg?logo=slack)](https://join.slack.com/t/rrweb/shared_invite/zt-siwoc6hx-uWay3s2wyG8t5GpZVb8rWg)
-![total gzip size](https://img.badgesize.io/https://cdn.jsdelivr.net/npm/rrweb@latest/dist/rrweb.min.js?compression=gzip&label=total%20gzip%20size)
-![recorder gzip size](https://img.badgesize.io/https://cdn.jsdelivr.net/npm/rrweb@latest/dist/record/rrweb-record.min.js?compression=gzip&label=recorder%20gzip%20size)
-[![](https://data.jsdelivr.com/v1/package/npm/rrweb/badge)](https://www.jsdelivr.com/package/npm/rrweb)
-
-> 我已开通 Github Sponsor， 您可以通过赞助的形式帮助 rrweb 的开发。
-
-rrweb 是 'record and replay the web' 的简写，旨在利用现代浏览器所提供的强大 API 录制并回放任意 web 界面中的用户操作。
-
-## 指南
-
-[**📚 rrweb 使用指南 📚**](./guide.zh_CN.md)
-
-[**🍳 场景示例 🍳**](./docs/recipes/index.zh_CN.md)
-
-## 项目结构
-
-rrweb 主要由 3 部分组成：
-
-- **[rrweb-snapshot](https://github.com/rrweb-io/rrweb-snapshot)**，包含 snapshot 和 rebuild 两个功能。snapshot 用于将 DOM 及其状态转化为可序列化的数据结构并添加唯一标识；rebuild 则是将 snapshot 记录的数据结构重建为对应的 DOM。
-- **[rrweb](https://github.com/rrweb-io/rrweb)**，包含 record 和 replay 两个功能。record 用于记录 DOM 中的所有变更（mutation）；replay 则是将记录的变更按照对应的时间一一重放。
-- **[rrweb-player](https://github.com/rrweb-io/rrweb-player)**，为 rrweb 提供一套 UI 控件，提供基于 GUI 的暂停、快进、拖拽至任意时间点播放等功能。
-
-## Roadmap
-
-- rrdom: rrweb 数据专用的 DOM 实现 [#419](https://github.com/rrweb-io/rrweb/issues/419)
-- storage engine: 对大规模 rrweb 数据进行去重
-- 更多的 E2E 测试
-- 在常见场景下对 mutation 数据进行压缩
-- 基于新的插件 API 提供更多插件，包括:
-  - XHR 插件
-  - fetch 插件
-  - GraphQL 插件
-  - ...
-
-## Internal Design
-
-- [序列化](./docs/serialization.zh_CN.md)
-- [增量快照](./docs/observer.zh_CN.md)
-- [回放](./docs/replay.zh_CN.md)
-- [沙盒](./docs/sandbox.zh_CN.md)
-
-## Contribute Guide
-
-为了保证录制和回放时可以对应到一致的数据结构，rrweb 采用 typescript 开发以提供更强的类型支持。
-
-[Typescript 手册](https://www.typescriptlang.org/docs/handbook/declaration-files/introduction.html)
-
-1. Fork 需要修改的 rrweb 组件仓库
-2. `npm install` 安装所需依赖
-3. 修改代码并通过测试
-4. 提交代码，创建 pull request
-
-除了添加集成测试和单元测试之外，rrweb 还提供了交互式的测试工具。
-
-[使用 REPL 工具](./guide.zh_CN.md#REPL-工具)
-
-## Core Team Members
-
-<table>
-  <tr>
-    <td align="center">
-      <a href="https://github.com/Yuyz0112">
-        <img
-          src="https://avatars.githubusercontent.com/u/13651389?s=100"
-          width="100px;"
-          alt=""
-        />
-        <br /><sub><b>Yuyz0112</b></sub>
-      </a>
-    </td>
-    <td align="center">
-      <a href="https://github.com/Mark-Fenng">
-        <img
-          src="https://avatars.githubusercontent.com/u/27533910?s=100"
-          width="100px;"
-          alt=""
-        />
-        <br /><sub><b>Mark-Fenng</b></sub>
-      </a>
-    </td>
-    <td align="center">
-      <a href="https://github.com/eoghanmurray">
-        <img
-          src="https://avatars.githubusercontent.com/u/156780?s=100"
-          width="100px;"
-          alt=""
-        />
-        <br /><sub><b>eoghanmurray</b></sub>
-      </a>
-    </td>
-    <td align="center">
-      <a href="https://github.com/Juice10">
-        <img
-          src="https://avatars.githubusercontent.com/u/4106?s=100"
-          width="100px;"
-          alt=""
-        />
-        <br /><sub><b>Juice10</b></sub>
-      </a>
-    </td>
-  </tr>
-</table>
-
-## Who's using rrweb
-
-<p align="center">
-  <a href="http://www.smartx.com/" target="_blank">
-    <img width="260px" src="https://www.rrweb.io/logos/smartx.png">
-  </a>
-</p>

package/dist/entries/all.d.ts

@@ -1,4 +0,0 @@
-export * from '../index';
-export * from '../packer';
-export * from '../plugins/console/record';
-export * from '../plugins/console/replay';

package/dist/entries/record-pack.d.ts

@@ -1,2 +0,0 @@
-export * from '../record/index';
-export * from '../packer/pack';

package/dist/entries/replay-unpack.d.ts

@@ -1,2 +0,0 @@
-export * from '../replay';
-export * from '../packer/unpack';

package/dist/index.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["webpack://highlightLib/./src/replay/styles/style.css"],"names":[],"mappings":"AAAA;EACE,kBAAkB;AACpB;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,+CAA+C;EAC/C,wBAAwB;EACxB,kCAAkC;EAClC,4BAA4B;EAC5B,uzBAAuzB;EACvzB,yBAAyB,EAAE,yEAAyE;AACtG;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,mCAAmC;AACrC;AACA;EACE,sBAAsB,EAAE,oDAAoD;EAC5E,WAAW;EACX,YAAY;EACZ,iBAAiB;EACjB,mBAAmB;EACnB,mBAAmB;EACnB,kBAAkB;EAClB,iBAAiB;EACjB,kCAAkC;EAClC,wEAAwE;AAC1E;AACA;EACE,kCAAkC;EAClC,8EAA8E;AAChF;AACA;EACE,UAAU,EAAE,oDAAoD;AAClE;AACA;EACE,yCAAyC;AAC3C;AACA;EACE,kBAAkB;EAClB,oBAAoB;AACtB;;AAEA;EACE;IACE,YAAY;IACZ,WAAW;IACX,YAAY;IACZ,uBAAuB;EACzB;EACA;IACE,WAAW;IACX,YAAY;IACZ,YAAY;IACZ,mBAAmB;EACrB;EACA;IACE,uBAAuB;EACzB;AACF;;AAEA;EACE;IACE,UAAU;IACV,WAAW;IACX,YAAY;EACd;EACA;IACE,YAAY;IACZ,WAAW;IACX,YAAY;EACd;AACF","file":"index.css","sourcesContent":[".replayer-wrapper {\n  position: relative;\n}\n.replayer-mouse {\n  position: absolute;\n  width: 20px;\n  height: 20px;\n  transition: left 0.05s linear, top 0.05s linear;\n  background-size: contain;\n  background-position: center center;\n  background-repeat: no-repeat;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iNyA1IDE4IDE4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOCAyOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgaGVpZ2h0PSIzMDBweCIgd2lkdGg9IjMwMHB4Ij4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iOC4yLDIwLjkgOC4yLDQuOSAxOS44LDE2LjUgMTMsMTYuNSAxMi42LDE2LjYgIi8+DQo8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjE3LjMsMjEuNiAxMy43LDIzLjEgOSwxMiAxMi43LDEwLjUgIi8+DQo8cmVjdCB4PSIxMi41IiB5PSIxMy42IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjkyMjEgLTAuMzg3MSAwLjM4NzEgMC45MjIxIC01Ljc2MDUgNi41OTA5KSIgd2lkdGg9IjIiIGhlaWdodD0iOCIvPg0KPHBvbHlnb24gcG9pbnRzPSI5LjIsNy4zIDkuMiwxOC41IDEyLjIsMTUuNiAxMi42LDE1LjUgMTcuNCwxNS41ICIvPg0KPC9zdmc+DQo=');\n  border-color: transparent; /* otherwise we transition from black when .touch-device class is added */\n}\n\n.replayer-mouse::after {\n  background: transparent;\n}\n\n.replayer-mouse.active::after {\n  animation: click 0.2s ease-in-out 1;\n}\n.replayer-mouse.touch-device {\n  background-image: none; /* there's no passive cursor on touch-only screens */\n  width: 70px;\n  height: 70px;\n  border-width: 4px;\n  border-style: solid;\n  border-radius: 100%;\n  margin-left: -37px;\n  margin-top: -37px;\n  border-color: rgba(73, 80, 246, 0);\n  transition: left 0s linear, top 0s linear, border-color 0.2s ease-in-out;\n}\n.replayer-mouse.touch-device.touch-active {\n  border-color: rgba(73, 80, 246, 1);\n  transition: left 0.25s linear, top 0.25s linear, border-color 0.2s ease-in-out;\n}\n.replayer-mouse.touch-device::after {\n  opacity: 0; /* there's no passive cursor on touch-only screens */\n}\n.replayer-mouse.touch-device.active::after {\n  animation: touch-click 0.2s ease-in-out 1;\n}\n.replayer-mouse-tail {\n  position: absolute;\n  pointer-events: none;\n}\n\n@keyframes click {\n  0% {\n    opacity: 0.3;\n    width: 20px;\n    height: 20px;\n    background: transparent;\n  }\n  75% {\n    width: 24px;\n    height: 24px;\n    opacity: 0.8;\n    background: #dc2626;\n  }\n  100% {\n    background: transparent;\n  }\n}\n\n@keyframes touch-click {\n  0% {\n    opacity: 0;\n    width: 20px;\n    height: 20px;\n  }\n  50% {\n    opacity: 0.5;\n    width: 10px;\n    height: 10px;\n  }\n}\n"],"sourceRoot":""}

package/dist/index.d.ts

@@ -1,9 +0,0 @@
-import record from './record';
-import { Replayer } from './replay';
-import { _mirror } from './utils';
-import * as utils from './utils';
-export { EventType, IncrementalSource, MouseInteractions, ReplayerEvents, HighlightConfiguration, } from './types';
-declare const addCustomEvent: <T>(tag: string, payload: T) => void;
-declare const freezePage: () => void;
-export { record, addCustomEvent, freezePage, Replayer, _mirror as mirror, utils, };
-export { getRecordSequentialIdPlugin } from './plugins/sequential-id/record';