limit max scale to 1

src/Player.svelte

@@ -55,7 +55,8 @@
     const widthScale = width / frameDimension.width;
     const heightScale = height / frameDimension.height;
     el.style.transform =
-      `scale(${Math.min(widthScale, heightScale)})` + 'translate(-50%, -50%)';
+      `scale(${Math.min(widthScale, heightScale, 1)})` +
+      'translate(-50%, -50%)';
   };
 
   export const triggerResize = () => {

typings/index.d.ts

@@ -2,20 +2,22 @@ import { eventWithTime, playerConfig } from 'rrweb/typings/types';
 import { Replayer, mirror } from 'rrweb';
 import { SvelteComponent } from 'svelte';
 
+export type RRwebPlayerOptions = {
+  target: HTMLElement;
+  props: {
+    events: eventWithTime[];
+    width?: number;
+    height?: number;
+    autoPlay?: boolean;
+    speed?: number;
+    speedOption?: number[];
+    showController?: boolean;
+    tags?: Record<string, string>;
+  } & Partial<playerConfig>;
+};
+
 export default class rrwebPlayer extends SvelteComponent {
-  constructor(options: {
+  constructor(options: RRwebPlayerOptions);
-    target: HTMLElement;
-    props: {
-      events: eventWithTime[];
-      width?: number;
-      height?: number;
-      autoPlay?: boolean;
-      speed?: number;
-      speedOption?: number[];
-      showController?: boolean;
-      tags?: Record<string, string>;
-    } & Partial<playerConfig>;
-  });
 
   addEventListener(event: string, handler: (params: any) => unknown): void;