From 1226a093a15a0e0a46f1bab039e3d766e876d6fc Mon Sep 17 00:00:00 2001
From: Justin Halsall <Juice10@users.noreply.github.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH] rrweb 1.0 use new getMirror api (#70)

* Fixes #69

* update rrweb to 1.0.0-beta.0
---
 package.json      |  2 +-
 src/Player.svelte |  7 ++++---
 yarn.lock         | 18 +++++++++---------
 3 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/package.json b/package.json
index 33e1f2e5..a797193b 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
   },
   "dependencies": {
     "@tsconfig/svelte": "^1.0.0",
-    "rrweb": "^0.9.14"
+    "rrweb": "^1.0.0-beta.0"
   },
   "scripts": {
     "build": "rollup -c",
diff --git a/src/Player.svelte b/src/Player.svelte
index 04dcd59b..2801a53f 100644
--- a/src/Player.svelte
+++ b/src/Player.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { onMount, onDestroy } from 'svelte';
-  import { Replayer, unpack, mirror } from 'rrweb';
+  import { Replayer, unpack } from 'rrweb';
   import type { eventWithTime, playerConfig } from 'rrweb/typings/types';
   import {
     inlineCss,
@@ -22,12 +22,13 @@
   export let showController: boolean = true;
   export let tags: Record<string, string> = {};
 
-  export const getMirror = () => mirror;
+  let replayer: Replayer;
+  
+  export const getMirror = () => replayer.getMirror();
 
   const controllerHeight = 80;
   let player: HTMLElement;
   let frame: HTMLElement;
-  let replayer: Replayer;
   let fullscreenListener: undefined | (() => void);
   let _width: number = width;
   let _height: number = height;
diff --git a/yarn.lock b/yarn.lock
index 9c0f1655..9043da09 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1222,21 +1222,21 @@ rollup@^1.20.0:
     "@types/node" "*"
     acorn "^7.1.0"
 
-rrweb-snapshot@^1.0.3:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/rrweb-snapshot/-/rrweb-snapshot-1.0.7.tgz#9d334590089af4a857970ef4e9e978d986a122d1"
-  integrity sha512-6fu9+KiQlFPkFk2SdahIDsV+yu1juiAR/o+kOiwKPbXur1TiFGMPAfaQNCkqLc8Nvyx3ItkJmrIldyxnAalEag==
+rrweb-snapshot@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/rrweb-snapshot/-/rrweb-snapshot-1.1.4.tgz#a71d812004c340aaa5313d313a7bd343eb8c260d"
+  integrity sha512-0iVRbsWSVOVEjgE8MA0+zYwlLMSwkVsUA7KhmvVaBK+viYcbx79SKRB8PkeFz1/1Jnn9fnkzPHlh42F+xFuwbQ==
 
-rrweb@^0.9.14:
-  version "0.9.14"
-  resolved "https://registry.yarnpkg.com/rrweb/-/rrweb-0.9.14.tgz#09bec604fc44c74801e4fe910606e5a6cde008ec"
-  integrity sha512-nm2rrVNoyWFPrbGQmcvTTlA7XjbbgPIgO7qsW0Zyr5iOURIFJDGPHFmOVLRyLpWiriVtEoXh6a+x+D1sj+qwWg==
+rrweb@^1.0.0-beta.0:
+  version "1.0.0-beta.0"
+  resolved "https://registry.yarnpkg.com/rrweb/-/rrweb-1.0.0-beta.0.tgz#c781794ac4cf80e55e4c240090f246891b8bf704"
+  integrity sha512-mCDDCEEJpIDNsmL9kNMl0FYMtoMlza8/wpjcK1uWOVk09jGANyxRVc0+jjUl1D83k9KlFXx0kj1TTSTYHdanMw==
   dependencies:
     "@types/css-font-loading-module" "0.0.4"
     "@xstate/fsm" "^1.4.0"
     fflate "^0.4.4"
     mitt "^1.1.3"
-    rrweb-snapshot "^1.0.3"
+    rrweb-snapshot "^1.1.4"
 
 sade@^1.4.0:
   version "1.7.3"