@betterbugs/rrweb 2.0.0-alpha.19

package/dist/style.css

@@ -0,0 +1,79 @@
+.replayer-wrapper {
+  position: relative;
+}
+.replayer-mouse {
+  position: absolute;
+  width: 20px;
+  height: 20px;
+  transition: left 0.05s linear, top 0.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;  /* otherwise we transition from black when .touch-device class is added */
+}
+.replayer-mouse::after {
+  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;
+}
+.replayer-mouse.touch-device {
+  background-image: none;  /* there's no passive cursor on touch-only screens */
+  width: 70px;
+  height: 70px;
+  border-width: 4px;
+  border-style: solid;
+  border-radius: 100%;
+  margin-left: -37px;
+  margin-top: -37px;
+  border-color: rgba(73, 80, 246, 0);
+  transition: left 0s linear, top 0s linear, border-color 0.2s ease-in-out;
+}
+.replayer-mouse.touch-device.touch-active {
+  border-color: rgba(73, 80, 246, 1);
+  transition: left 0.25s linear, top 0.25s linear, border-color 0.2s ease-in-out;
+}
+.replayer-mouse.touch-device::after {
+  opacity: 0;  /* there's no passive cursor on touch-only screens */
+}
+.replayer-mouse.touch-device.active::after {
+  animation: touch-click 0.2s ease-in-out 1;
+}
+.replayer-mouse-tail {
+  position: absolute;
+  pointer-events: none;
+}
+
+@keyframes click {
+  0% {
+    opacity: 0.3;
+    width: 20px;
+    height: 20px;
+  }
+  50% {
+    opacity: 0.5;
+    width: 10px;
+    height: 10px;
+  }
+}
+
+@keyframes touch-click {
+  0% {
+    opacity: 0;
+    width: 20px;
+    height: 20px;
+  }
+  50% {
+    opacity: 0.5;
+    width: 10px;
+    height: 10px;
+  }
+}

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}}
+/*# 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"],
+  "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",
+  "names": []
+}

package/package.json

@@ -0,0 +1,96 @@
+{
+  "name": "@betterbugs/rrweb",
+  "version": "2.0.0-alpha.19",
+  "publishConfig": {
+    "access": "public"
+  },
+  "description": "record and replay the web",
+  "scripts": {
+    "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/BetterBugs-Team/rrweb.git"
+  },
+  "keywords": [
+    "rrweb",
+    "betterbugs"
+  ],
+  "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",
+    "package.json"
+  ],
+  "sideEffects": false,
+  "author": "BetterBugs-Team",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/BetterBugs-Team/rrweb/issues"
+  },
+  "homepage": "https://github.com/BetterBugs-Team/rrweb#readme",
+  "devDependencies": {
+    "@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": "^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",
+    "typescript": "^5.4.5",
+    "vite": "^5.3.1",
+    "vite-plugin-dts": "^3.9.1"
+  },
+  "dependencies": {
+    "@betterbugs/types": "^2.0.0-alpha.19",
+    "@betterbugs/utils": "^2.0.0-alpha.19",
+    "@types/css-font-loading-module": "0.0.7",
+    "@xstate/fsm": "^1.4.0",
+    "base64-arraybuffer": "^1.0.1",
+    "mitt": "^3.0.0",
+    "@betterbugs/rrdom": "^2.0.0-alpha.19",
+    "@betterbugs/rrweb-snapshot": "^2.0.0-alpha.19"
+  }
+}