@betterbugs/rrweb-player 2.0.0-alpha.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +314 -0
- package/dist/events.js +3 -0
- package/dist/global.css +12 -0
- package/dist/rrweb-player.cjs +15013 -0
- package/dist/rrweb-player.cjs.map +1 -0
- package/dist/rrweb-player.d.cts +109 -0
- package/dist/rrweb-player.d.ts +109 -0
- package/dist/rrweb-player.js +15013 -0
- package/dist/rrweb-player.js.map +1 -0
- package/dist/rrweb-player.umd.cjs +15067 -0
- package/dist/rrweb-player.umd.cjs.map +7 -0
- package/dist/rrweb-player.umd.min.cjs +126 -0
- package/dist/rrweb-player.umd.min.cjs.map +7 -0
- package/dist/style.css +81 -0
- package/dist/style.min.css +2 -0
- package/dist/style.min.css.map +7 -0
- package/package.json +75 -0
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
import { eventWithTime } from '@betterbugs/types';
|
|
2
|
+
import { Mirror } from '@betterbugs/rrweb-snapshot';
|
|
3
|
+
import { playerConfig } from '@betterbugs/replay';
|
|
4
|
+
import { playerMetaData } from '@betterbugs/types';
|
|
5
|
+
import { Replayer } from '@betterbugs/replay';
|
|
6
|
+
import { SvelteComponent } from 'svelte';
|
|
7
|
+
|
|
8
|
+
declare const __propDef: {
|
|
9
|
+
props: {
|
|
10
|
+
[x: string]: any;
|
|
11
|
+
width?: number | undefined;
|
|
12
|
+
height?: number | undefined;
|
|
13
|
+
maxScale?: number | undefined;
|
|
14
|
+
events: RRwebPlayerOptions['props']['events'];
|
|
15
|
+
skipInactive?: NonNullable<boolean | undefined> | undefined;
|
|
16
|
+
autoPlay?: NonNullable<boolean | undefined> | undefined;
|
|
17
|
+
speedOption?: number[] | undefined;
|
|
18
|
+
speed?: number | undefined;
|
|
19
|
+
showController?: NonNullable<boolean | undefined> | undefined;
|
|
20
|
+
tags?: Record<string, string> | undefined;
|
|
21
|
+
inactiveColor?: string | undefined;
|
|
22
|
+
getMirror?: (() => Mirror) | undefined;
|
|
23
|
+
triggerResize?: (() => void) | undefined;
|
|
24
|
+
toggleFullscreen?: (() => void) | undefined;
|
|
25
|
+
addEventListener?: ((event: string, handler: (params: unknown) => unknown) => void) | undefined;
|
|
26
|
+
addEvent?: ((event: eventWithTime) => void) | undefined;
|
|
27
|
+
getMetaData?: (() => playerMetaData) | undefined;
|
|
28
|
+
getReplayer?: (() => Replayer) | undefined;
|
|
29
|
+
toggle?: (() => void) | undefined;
|
|
30
|
+
setSpeed?: ((speed: number) => void) | undefined;
|
|
31
|
+
toggleSkipInactive?: (() => void) | undefined;
|
|
32
|
+
play?: (() => void) | undefined;
|
|
33
|
+
pause?: (() => void) | undefined;
|
|
34
|
+
goto?: ((timeOffset: number, play?: boolean | undefined) => void) | undefined;
|
|
35
|
+
playRange?: ((timeOffset: number, endTimeOffset: number, startLooping?: boolean | undefined, afterHook?: (() => void) | undefined) => void) | undefined;
|
|
36
|
+
};
|
|
37
|
+
events: {
|
|
38
|
+
[evt: string]: CustomEvent<any>;
|
|
39
|
+
};
|
|
40
|
+
slots: {};
|
|
41
|
+
exports?: undefined;
|
|
42
|
+
bindings?: undefined;
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
declare class Player extends Player_2 {
|
|
46
|
+
constructor(options: {
|
|
47
|
+
data?: RRwebPlayerOptions['props'];
|
|
48
|
+
} & RRwebPlayerOptions);
|
|
49
|
+
}
|
|
50
|
+
export { Player }
|
|
51
|
+
export default Player;
|
|
52
|
+
|
|
53
|
+
declare class Player_2 extends SvelteComponent<PlayerProps, PlayerEvents, PlayerSlots> {
|
|
54
|
+
get getMirror(): () => Mirror;
|
|
55
|
+
get triggerResize(): () => void;
|
|
56
|
+
get toggleFullscreen(): () => void;
|
|
57
|
+
get addEventListener(): (event: string, handler: (params: unknown) => unknown) => void;
|
|
58
|
+
get addEvent(): (event: eventWithTime) => void;
|
|
59
|
+
get getMetaData(): () => playerMetaData;
|
|
60
|
+
get getReplayer(): () => Replayer;
|
|
61
|
+
get toggle(): () => void;
|
|
62
|
+
get setSpeed(): (speed: number) => void;
|
|
63
|
+
get toggleSkipInactive(): () => void;
|
|
64
|
+
get play(): () => void;
|
|
65
|
+
get pause(): () => void;
|
|
66
|
+
get goto(): (timeOffset: number, play?: boolean | undefined) => void;
|
|
67
|
+
get playRange(): (timeOffset: number, endTimeOffset: number, startLooping?: boolean | undefined, afterHook?: (() => void) | undefined) => void;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
declare type PlayerEvents = typeof __propDef.events;
|
|
71
|
+
|
|
72
|
+
declare type PlayerProps = typeof __propDef.props;
|
|
73
|
+
|
|
74
|
+
declare type PlayerSlots = typeof __propDef.slots;
|
|
75
|
+
|
|
76
|
+
declare type RRwebPlayerOptions = {
|
|
77
|
+
target: HTMLElement;
|
|
78
|
+
props: {
|
|
79
|
+
events: eventWithTime[];
|
|
80
|
+
width?: number;
|
|
81
|
+
height?: number;
|
|
82
|
+
maxScale?: number;
|
|
83
|
+
autoPlay?: boolean;
|
|
84
|
+
speed?: number;
|
|
85
|
+
speedOption?: number[];
|
|
86
|
+
showController?: boolean;
|
|
87
|
+
tags?: Record<string, string>;
|
|
88
|
+
inactiveColor?: string;
|
|
89
|
+
} & Partial<playerConfig>;
|
|
90
|
+
};
|
|
91
|
+
|
|
92
|
+
export { }
|
|
93
|
+
|
|
94
|
+
declare global {
|
|
95
|
+
interface Document {
|
|
96
|
+
mozExitFullscreen: Document['exitFullscreen'];
|
|
97
|
+
webkitExitFullscreen: Document['exitFullscreen'];
|
|
98
|
+
msExitFullscreen: Document['exitFullscreen'];
|
|
99
|
+
webkitIsFullScreen: Document['fullscreen'];
|
|
100
|
+
mozFullScreen: Document['fullscreen'];
|
|
101
|
+
msFullscreenElement: Document['fullscreen'];
|
|
102
|
+
}
|
|
103
|
+
interface HTMLElement {
|
|
104
|
+
mozRequestFullScreen: Element['requestFullscreen'];
|
|
105
|
+
webkitRequestFullscreen: Element['requestFullscreen'];
|
|
106
|
+
msRequestFullscreen: Element['requestFullscreen'];
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
import { eventWithTime } from '@betterbugs/types';
|
|
2
|
+
import { Mirror } from '@betterbugs/rrweb-snapshot';
|
|
3
|
+
import { playerConfig } from '@betterbugs/replay';
|
|
4
|
+
import { playerMetaData } from '@betterbugs/types';
|
|
5
|
+
import { Replayer } from '@betterbugs/replay';
|
|
6
|
+
import { SvelteComponent } from 'svelte';
|
|
7
|
+
|
|
8
|
+
declare const __propDef: {
|
|
9
|
+
props: {
|
|
10
|
+
[x: string]: any;
|
|
11
|
+
width?: number | undefined;
|
|
12
|
+
height?: number | undefined;
|
|
13
|
+
maxScale?: number | undefined;
|
|
14
|
+
events: RRwebPlayerOptions['props']['events'];
|
|
15
|
+
skipInactive?: NonNullable<boolean | undefined> | undefined;
|
|
16
|
+
autoPlay?: NonNullable<boolean | undefined> | undefined;
|
|
17
|
+
speedOption?: number[] | undefined;
|
|
18
|
+
speed?: number | undefined;
|
|
19
|
+
showController?: NonNullable<boolean | undefined> | undefined;
|
|
20
|
+
tags?: Record<string, string> | undefined;
|
|
21
|
+
inactiveColor?: string | undefined;
|
|
22
|
+
getMirror?: (() => Mirror) | undefined;
|
|
23
|
+
triggerResize?: (() => void) | undefined;
|
|
24
|
+
toggleFullscreen?: (() => void) | undefined;
|
|
25
|
+
addEventListener?: ((event: string, handler: (params: unknown) => unknown) => void) | undefined;
|
|
26
|
+
addEvent?: ((event: eventWithTime) => void) | undefined;
|
|
27
|
+
getMetaData?: (() => playerMetaData) | undefined;
|
|
28
|
+
getReplayer?: (() => Replayer) | undefined;
|
|
29
|
+
toggle?: (() => void) | undefined;
|
|
30
|
+
setSpeed?: ((speed: number) => void) | undefined;
|
|
31
|
+
toggleSkipInactive?: (() => void) | undefined;
|
|
32
|
+
play?: (() => void) | undefined;
|
|
33
|
+
pause?: (() => void) | undefined;
|
|
34
|
+
goto?: ((timeOffset: number, play?: boolean | undefined) => void) | undefined;
|
|
35
|
+
playRange?: ((timeOffset: number, endTimeOffset: number, startLooping?: boolean | undefined, afterHook?: (() => void) | undefined) => void) | undefined;
|
|
36
|
+
};
|
|
37
|
+
events: {
|
|
38
|
+
[evt: string]: CustomEvent<any>;
|
|
39
|
+
};
|
|
40
|
+
slots: {};
|
|
41
|
+
exports?: undefined;
|
|
42
|
+
bindings?: undefined;
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
declare class Player extends Player_2 {
|
|
46
|
+
constructor(options: {
|
|
47
|
+
data?: RRwebPlayerOptions['props'];
|
|
48
|
+
} & RRwebPlayerOptions);
|
|
49
|
+
}
|
|
50
|
+
export { Player }
|
|
51
|
+
export default Player;
|
|
52
|
+
|
|
53
|
+
declare class Player_2 extends SvelteComponent<PlayerProps, PlayerEvents, PlayerSlots> {
|
|
54
|
+
get getMirror(): () => Mirror;
|
|
55
|
+
get triggerResize(): () => void;
|
|
56
|
+
get toggleFullscreen(): () => void;
|
|
57
|
+
get addEventListener(): (event: string, handler: (params: unknown) => unknown) => void;
|
|
58
|
+
get addEvent(): (event: eventWithTime) => void;
|
|
59
|
+
get getMetaData(): () => playerMetaData;
|
|
60
|
+
get getReplayer(): () => Replayer;
|
|
61
|
+
get toggle(): () => void;
|
|
62
|
+
get setSpeed(): (speed: number) => void;
|
|
63
|
+
get toggleSkipInactive(): () => void;
|
|
64
|
+
get play(): () => void;
|
|
65
|
+
get pause(): () => void;
|
|
66
|
+
get goto(): (timeOffset: number, play?: boolean | undefined) => void;
|
|
67
|
+
get playRange(): (timeOffset: number, endTimeOffset: number, startLooping?: boolean | undefined, afterHook?: (() => void) | undefined) => void;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
declare type PlayerEvents = typeof __propDef.events;
|
|
71
|
+
|
|
72
|
+
declare type PlayerProps = typeof __propDef.props;
|
|
73
|
+
|
|
74
|
+
declare type PlayerSlots = typeof __propDef.slots;
|
|
75
|
+
|
|
76
|
+
declare type RRwebPlayerOptions = {
|
|
77
|
+
target: HTMLElement;
|
|
78
|
+
props: {
|
|
79
|
+
events: eventWithTime[];
|
|
80
|
+
width?: number;
|
|
81
|
+
height?: number;
|
|
82
|
+
maxScale?: number;
|
|
83
|
+
autoPlay?: boolean;
|
|
84
|
+
speed?: number;
|
|
85
|
+
speedOption?: number[];
|
|
86
|
+
showController?: boolean;
|
|
87
|
+
tags?: Record<string, string>;
|
|
88
|
+
inactiveColor?: string;
|
|
89
|
+
} & Partial<playerConfig>;
|
|
90
|
+
};
|
|
91
|
+
|
|
92
|
+
export { }
|
|
93
|
+
|
|
94
|
+
declare global {
|
|
95
|
+
interface Document {
|
|
96
|
+
mozExitFullscreen: Document['exitFullscreen'];
|
|
97
|
+
webkitExitFullscreen: Document['exitFullscreen'];
|
|
98
|
+
msExitFullscreen: Document['exitFullscreen'];
|
|
99
|
+
webkitIsFullScreen: Document['fullscreen'];
|
|
100
|
+
mozFullScreen: Document['fullscreen'];
|
|
101
|
+
msFullscreenElement: Document['fullscreen'];
|
|
102
|
+
}
|
|
103
|
+
interface HTMLElement {
|
|
104
|
+
mozRequestFullScreen: Element['requestFullscreen'];
|
|
105
|
+
webkitRequestFullscreen: Element['requestFullscreen'];
|
|
106
|
+
msRequestFullscreen: Element['requestFullscreen'];
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
|