From 1f16bd750f6fbfdcb928b56974ba43f6332e2437 Mon Sep 17 00:00:00 2001
From: Yanzhen Yu <yanzhen@smartx.com>
Date: Mon, 7 Sep 2020 22:07:17 +0800
Subject: [PATCH] upgrade to rrweb 0.9.2

---
 package.json       |  2 +-
 public/index.html  |  5 ++++-
 src/Player.svelte  |  8 ++++++--
 typings/index.d.ts |  6 ++++--
 yarn.lock          | 30 +++++++++---------------------
 5 files changed, 24 insertions(+), 27 deletions(-)

diff --git a/package.json b/package.json
index 1f072264..c398c1b3 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
     "typescript": "^3.9.7"
   },
   "dependencies": {
-    "rrweb": "^0.9.0"
+    "rrweb": "^0.9.2"
   },
   "scripts": {
     "build": "rollup -c",
diff --git a/public/index.html b/public/index.html
index 6cedf6c4..032a9068 100644
--- a/public/index.html
+++ b/public/index.html
@@ -23,7 +23,10 @@
         skipInactive: true,
         showDebug: false,
         showWarning: false,
-        autoPlay: false,
+        autoPlay: true,
+        mouseTail: {
+          strokeStyle: 'yellow',
+        },
       },
     });
     window.$c = component;
diff --git a/src/Player.svelte b/src/Player.svelte
index 9067c7e2..70bca1ed 100644
--- a/src/Player.svelte
+++ b/src/Player.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { onMount, onDestroy } from 'svelte';
-  import { Replayer, unpack } from 'rrweb';
-  import type { eventWithTime } from 'rrweb/typings/types';
+  import { Replayer, unpack, mirror } from 'rrweb';
+  import type { eventWithTime, playerConfig } from 'rrweb/typings/types';
   import {
     inlineCss,
     openFullscreen,
@@ -23,6 +23,9 @@
   export let showWarning: boolean = true;
   export let showDebug: boolean = true;
   export let tags: Record<string, string> = {};
+  export let mouseTail: playerConfig['mouseTail'] = true;
+
+  export const getMirror = () => mirror;
 
   const controllerHeight = 80;
   let speed = 1;
@@ -127,6 +130,7 @@
       showDebug,
       triggerFocus,
       unpackFn: unpack,
+      mouseTail,
     });
 
     replayer.on('resize', (dimension) => {
diff --git a/typings/index.d.ts b/typings/index.d.ts
index ca0c7bdc..67625dc5 100644
--- a/typings/index.d.ts
+++ b/typings/index.d.ts
@@ -1,5 +1,5 @@
-import { eventWithTime } from 'rrweb/typings/types';
-import { Replayer } from 'rrweb';
+import { eventWithTime, playerConfig } from 'rrweb/typings/types';
+import { Replayer, mirror } from 'rrweb';
 
 export default class rrwebPlayer {
   constructor(options: {
@@ -15,6 +15,7 @@ export default class rrwebPlayer {
       showWarning?: boolean;
       showDebug?: boolean;
       tags?: Record<string, string>;
+      mouseTail?: playerConfig['mouseTail'];
     };
   });
 
@@ -23,6 +24,7 @@ export default class rrwebPlayer {
   addEvent(event: eventWithTime): void;
   getMetaData: Replayer['getMetaData'];
   getReplayer: () => Replayer;
+  getMirror: () => typeof mirror;
 
   toggle: () => void;
   setSpeed: (speed: number) => void;
diff --git a/yarn.lock b/yarn.lock
index 43d7e6c6..e09373f5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -133,11 +133,6 @@
   dependencies:
     "@types/node" "*"
 
-"@types/smoothscroll-polyfill@^0.3.0":
-  version "0.3.1"
-  resolved "https://registry.npmjs.org/@types/smoothscroll-polyfill/-/smoothscroll-polyfill-0.3.1.tgz#77fb3a6e116bdab4a5959122e3b8e201224dcd49"
-  integrity sha512-+KkHw4y+EyeCtVXET7woHUhIbfWFCflc0E0mZnSV+ZdjPQeHt/9KPEuT7gSW/kFQ8O3EG30PLO++YhChDt8+Ag==
-
 "@typescript-eslint/eslint-plugin@^3.7.0":
   version "3.7.0"
   resolved "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-3.7.0.tgz#0f91aa3c83d019591719e597fbdb73a59595a263"
@@ -1222,22 +1217,20 @@ rollup@^1.20.0:
     "@types/node" "*"
     acorn "^7.1.0"
 
-rrweb-snapshot@^0.8.0:
-  version "0.8.0"
-  resolved "https://registry.npmjs.org/rrweb-snapshot/-/rrweb-snapshot-0.8.0.tgz#43f119407cb7ec0fdbb30056d6149b1a2c76b79b"
-  integrity sha512-rPQmgragMixTOGQNtMDI31XzpbtaXt2aIB98LNqkeOjaCeo46+B1rxAMLsT3FDFFgmq8vo/cS101H6wiiyuwew==
+rrweb-snapshot@^0.8.2:
+  version "0.8.2"
+  resolved "https://registry.yarnpkg.com/rrweb-snapshot/-/rrweb-snapshot-0.8.2.tgz#1e87c0369e37c8af484de5a82301a9b09883081c"
+  integrity sha512-KwD5NJeiPMgA+qRPf/0YIk0dKevOpj/2redYX+9Ker6FpyUlUBKaopEc9M3VbFnUqwgU9v109c9220PwhKEQcQ==
 
-rrweb@^0.9.0:
-  version "0.9.0"
-  resolved "https://registry.yarnpkg.com/rrweb/-/rrweb-0.9.0.tgz#94e5370b931fcbad61280845a540f39a3e8eb13a"
-  integrity sha512-sfLu1Wu7rE85mZu0kSvdVoM3VwDNo1SPqnz7wl96sIC0RchcthxifhMLrldmI9/btdGCi8jJrpcEnuW09vpdWw==
+rrweb@^0.9.2:
+  version "0.9.2"
+  resolved "https://registry.yarnpkg.com/rrweb/-/rrweb-0.9.2.tgz#cc2a5b8072fcd652a039d3602759479624b4b026"
+  integrity sha512-4Yy4LEKHM4bFn8DlBn1hM9mjxlfyv7iMdO7VAJixCgg+Jy+RiE2dY7fDqU6LHyjMFTwF7G11knGHg0Dz2AOhkA==
   dependencies:
-    "@types/smoothscroll-polyfill" "^0.3.0"
     "@xstate/fsm" "^1.4.0"
     mitt "^1.1.3"
     pako "^1.0.11"
-    rrweb-snapshot "^0.8.0"
-    smoothscroll-polyfill "^0.4.3"
+    rrweb-snapshot "^0.8.2"
 
 sade@^1.4.0:
   version "1.7.3"
@@ -1298,11 +1291,6 @@ slice-ansi@^2.1.0:
     astral-regex "^1.0.0"
     is-fullwidth-code-point "^2.0.0"
 
-smoothscroll-polyfill@^0.4.3:
-  version "0.4.4"
-  resolved "https://registry.npmjs.org/smoothscroll-polyfill/-/smoothscroll-polyfill-0.4.4.tgz#3a259131dc6930e6ca80003e1cb03b603b69abf8"
-  integrity sha512-TK5ZA9U5RqCwMpfoMq/l1mrH0JAR7y7KRvOBx0n2869aLxch+gT9GhN3yUfjiw+d/DiF1mKo14+hd62JyMmoBg==
-
 source-map-support@~0.5.12:
   version "0.5.19"
   resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.19.tgz#a98b62f86dcaf4f67399648c085291ab9e8fed61"