@frameset/plex-player 1.0.5 → 2.0.0

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.
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.esm.js","sources":["../../src/react/index.jsx"],"sourcesContent":["/**\r\n * @frameset/plex-player - React Component\r\n * Professional Video Player by FRAMESET Studio\r\n * https://frameset.dev\r\n */\r\n\r\nimport React, {\r\n useEffect,\r\n useRef,\r\n useImperativeHandle,\r\n forwardRef,\r\n useState,\r\n useCallback,\r\n createContext,\r\n useContext,\r\n} from 'react';\r\n\r\n// Import core player\r\nimport PlexPlayer from '../core/index.js';\r\n\r\n// Context for nested components\r\nconst PlexPlayerContext = createContext(null);\r\n\r\n/**\r\n * Hook to access player instance from child components\r\n */\r\nexport const usePlexPlayer = () => {\r\n const player = useContext(PlexPlayerContext);\r\n return player;\r\n};\r\n\r\n/**\r\n * PlexPlayer React Component\r\n */\r\nexport const PlexPlayerReact = forwardRef(function PlexPlayerReact(props, ref) {\r\n const {\r\n src,\r\n playlist,\r\n className = '',\r\n style = {},\r\n autoplay = false,\r\n muted = false,\r\n loop = false,\r\n volume = 1,\r\n poster,\r\n preload = 'metadata',\r\n keyboard = true,\r\n touch = true,\r\n pip = true,\r\n cast = true,\r\n fullscreen = true,\r\n controlsHideDelay = 3000,\r\n theme,\r\n subtitles,\r\n ads,\r\n i18n,\r\n // Event callbacks\r\n onPlay,\r\n onPause,\r\n onEnded,\r\n onTimeUpdate,\r\n onProgress,\r\n onVolumeChange,\r\n onFullscreenChange,\r\n onError,\r\n onReady,\r\n // Children for custom overlays\r\n children,\r\n ...restProps\r\n } = props;\r\n\r\n const containerRef = useRef(null);\r\n const playerRef = useRef(null);\r\n const [isReady, setIsReady] = useState(false);\r\n\r\n // Initialize player\r\n useEffect(() => {\r\n if (!containerRef.current) return;\r\n\r\n // Create player instance\r\n const player = new PlexPlayer({\r\n container: containerRef.current,\r\n autoplay,\r\n muted,\r\n loop,\r\n volume,\r\n poster,\r\n preload,\r\n keyboard,\r\n touch,\r\n pip,\r\n cast,\r\n fullscreen,\r\n controlsHideDelay,\r\n theme,\r\n subtitles,\r\n ads,\r\n i18n,\r\n });\r\n\r\n playerRef.current = player;\r\n\r\n // Bind events\r\n if (onPlay) player.on('play', onPlay);\r\n if (onPause) player.on('pause', onPause);\r\n if (onEnded) player.on('ended', onEnded);\r\n if (onTimeUpdate) {\r\n player.on('timeupdate', (data) => onTimeUpdate(data.currentTime));\r\n }\r\n if (onProgress) {\r\n player.on('progress', (data) => onProgress(data.buffered));\r\n }\r\n if (onVolumeChange) {\r\n player.on('volumechange', (data) => onVolumeChange(data.volume, data.muted));\r\n }\r\n if (onFullscreenChange) {\r\n player.on('fullscreenchange', (data) => onFullscreenChange(data.isFullscreen));\r\n }\r\n if (onError) {\r\n player.on('error', onError);\r\n }\r\n\r\n setIsReady(true);\r\n\r\n if (onReady) {\r\n onReady(player);\r\n }\r\n\r\n // Cleanup\r\n return () => {\r\n player.destroy();\r\n playerRef.current = null;\r\n };\r\n }, []);\r\n\r\n // Load source when src changes\r\n useEffect(() => {\r\n if (!playerRef.current || !isReady) return;\r\n\r\n if (src) {\r\n playerRef.current.load(src);\r\n }\r\n }, [src, isReady]);\r\n\r\n // Load playlist when playlist changes\r\n useEffect(() => {\r\n if (!playerRef.current || !isReady || !playlist) return;\r\n\r\n playerRef.current.loadPlaylist(playlist);\r\n }, [playlist, isReady]);\r\n\r\n // Update volume\r\n useEffect(() => {\r\n if (playerRef.current && isReady) {\r\n playerRef.current.setVolume(volume);\r\n }\r\n }, [volume, isReady]);\r\n\r\n // Update muted\r\n useEffect(() => {\r\n if (playerRef.current && isReady) {\r\n if (muted) {\r\n playerRef.current.mute();\r\n } else {\r\n playerRef.current.unmute();\r\n }\r\n }\r\n }, [muted, isReady]);\r\n\r\n // Expose player methods via ref\r\n useImperativeHandle(ref, () => ({\r\n play: () => playerRef.current?.play(),\r\n pause: () => playerRef.current?.pause(),\r\n togglePlay: () => playerRef.current?.togglePlay(),\r\n seek: (time) => playerRef.current?.seek(time),\r\n seekPercent: (percent) => playerRef.current?.seekPercent(percent),\r\n setVolume: (vol) => playerRef.current?.setVolume(vol),\r\n getVolume: () => playerRef.current?.getVolume(),\r\n mute: () => playerRef.current?.mute(),\r\n unmute: () => playerRef.current?.unmute(),\r\n toggleMute: () => playerRef.current?.toggleMute(),\r\n isMuted: () => playerRef.current?.isMuted(),\r\n setPlaybackRate: (rate) => playerRef.current?.setPlaybackRate(rate),\r\n enterFullscreen: () => playerRef.current?.enterFullscreen(),\r\n exitFullscreen: () => playerRef.current?.exitFullscreen(),\r\n toggleFullscreen: () => playerRef.current?.toggleFullscreen(),\r\n enterPiP: () => playerRef.current?.enterPiP(),\r\n exitPiP: () => playerRef.current?.exitPiP(),\r\n togglePiP: () => playerRef.current?.togglePiP(),\r\n cast: () => playerRef.current?.cast(),\r\n getState: () => playerRef.current?.getState(),\r\n getPlayer: () => playerRef.current,\r\n next: () => playerRef.current?.next(),\r\n previous: () => playerRef.current?.previous(),\r\n playAt: (index) => playerRef.current?.playAt(index),\r\n }));\r\n\r\n return (\r\n <PlexPlayerContext.Provider value={playerRef.current}>\r\n <div\r\n ref={containerRef}\r\n className={`plex-player-container ${className}`}\r\n style={{\r\n width: '100%',\r\n aspectRatio: '16 / 9',\r\n position: 'relative',\r\n ...style,\r\n }}\r\n {...restProps}\r\n >\r\n {children}\r\n </div>\r\n </PlexPlayerContext.Provider>\r\n );\r\n});\r\n\r\n// Additional hooks for convenience\r\nexport const usePlexPlayerState = () => {\r\n const player = usePlexPlayer();\r\n const [state, setState] = useState(null);\r\n\r\n useEffect(() => {\r\n if (!player) return;\r\n\r\n const updateState = () => {\r\n setState(player.getState());\r\n };\r\n\r\n // Update on every timeupdate\r\n player.on('timeupdate', updateState);\r\n player.on('play', updateState);\r\n player.on('pause', updateState);\r\n player.on('volumechange', updateState);\r\n player.on('fullscreenchange', updateState);\r\n\r\n // Initial state\r\n updateState();\r\n\r\n return () => {\r\n player.off('timeupdate', updateState);\r\n player.off('play', updateState);\r\n player.off('pause', updateState);\r\n player.off('volumechange', updateState);\r\n player.off('fullscreenchange', updateState);\r\n };\r\n }, [player]);\r\n\r\n return state;\r\n};\r\n\r\nexport const usePlexPlayerTime = () => {\r\n const player = usePlexPlayer();\r\n const [time, setTime] = useState({ current: 0, duration: 0 });\r\n\r\n useEffect(() => {\r\n if (!player) return;\r\n\r\n const updateTime = (data) => {\r\n setTime({\r\n current: data.currentTime,\r\n duration: data.duration,\r\n });\r\n };\r\n\r\n player.on('timeupdate', updateTime);\r\n\r\n return () => {\r\n player.off('timeupdate', updateTime);\r\n };\r\n }, [player]);\r\n\r\n return time;\r\n};\r\n\r\n// Named exports\r\nexport { PlexPlayer };\r\nexport default PlexPlayerReact;\r\n"],"names":["PlexPlayerContext","createContext","usePlexPlayer","player","useContext","PlexPlayerReact","forwardRef","props","ref","src","playlist","className","style","autoplay","muted","loop","volume","poster","preload","keyboard","touch","pip","cast","fullscreen","controlsHideDelay","theme","subtitles","ads","i18n","onPlay","onPause","onEnded","onTimeUpdate","onProgress","onVolumeChange","onFullscreenChange","onError","onReady","children","restProps","containerRef","useRef","playerRef","isReady","setIsReady","useState","useEffect","current","PlexPlayer","container","on","data","currentTime","buffered","isFullscreen","destroy","load","loadPlaylist","setVolume","mute","unmute","useImperativeHandle","play","pause","togglePlay","seek","time","seekPercent","percent","vol","getVolume","toggleMute","isMuted","setPlaybackRate","rate","enterFullscreen","exitFullscreen","toggleFullscreen","enterPiP","exitPiP","togglePiP","getState","getPlayer","next","previous","playAt","index","_jsx","Provider","value","width","aspectRatio","position","usePlexPlayerState","state","setState","updateState","off","usePlexPlayerTime","setTime","duration","updateTime"],"mappings":"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"}
@@ -1,265 +0,0 @@
1
- /*!
2
- * @frameset/plex-player v1.0.5
3
- * Professional video player with VAST ads, Chromecast, PiP, subtitles, playlists and more. Built by FRAMESET Studio.
4
- * (c) 2026 FRAMESET Studio
5
- * Released under the MIT License
6
- * https://frameset.dev/plex-player
7
- */
8
- 'use strict';
9
-
10
- Object.defineProperty(exports, '__esModule', { value: true });
11
-
12
- var react = require('react');
13
- var PlexPlayer = require('../plex-player.cjs.js');
14
- var jsxRuntime = require('react/jsx-runtime');
15
-
16
- /**
17
- * @frameset/plex-player - React Component
18
- * Professional Video Player by FRAMESET Studio
19
- * https://frameset.dev
20
- */
21
-
22
- const PlexPlayerContext = /*#__PURE__*/react.createContext(null);
23
-
24
- /**
25
- * Hook to access player instance from child components
26
- */
27
- const usePlexPlayer = () => {
28
- const player = react.useContext(PlexPlayerContext);
29
- return player;
30
- };
31
-
32
- /**
33
- * PlexPlayer React Component
34
- */
35
- const PlexPlayerReact = /*#__PURE__*/react.forwardRef(function PlexPlayerReact(props, ref) {
36
- const {
37
- src,
38
- playlist,
39
- className = '',
40
- style = {},
41
- autoplay = false,
42
- muted = false,
43
- loop = false,
44
- volume = 1,
45
- poster,
46
- preload = 'metadata',
47
- keyboard = true,
48
- touch = true,
49
- pip = true,
50
- cast = true,
51
- fullscreen = true,
52
- controlsHideDelay = 3000,
53
- theme,
54
- subtitles,
55
- ads,
56
- i18n,
57
- // Event callbacks
58
- onPlay,
59
- onPause,
60
- onEnded,
61
- onTimeUpdate,
62
- onProgress,
63
- onVolumeChange,
64
- onFullscreenChange,
65
- onError,
66
- onReady,
67
- // Children for custom overlays
68
- children,
69
- ...restProps
70
- } = props;
71
- const containerRef = react.useRef(null);
72
- const playerRef = react.useRef(null);
73
- const [isReady, setIsReady] = react.useState(false);
74
-
75
- // Initialize player
76
- react.useEffect(() => {
77
- if (!containerRef.current) return;
78
-
79
- // Create player instance
80
- const player = new PlexPlayer({
81
- container: containerRef.current,
82
- autoplay,
83
- muted,
84
- loop,
85
- volume,
86
- poster,
87
- preload,
88
- keyboard,
89
- touch,
90
- pip,
91
- cast,
92
- fullscreen,
93
- controlsHideDelay,
94
- theme,
95
- subtitles,
96
- ads,
97
- i18n
98
- });
99
- playerRef.current = player;
100
-
101
- // Bind events
102
- if (onPlay) player.on('play', onPlay);
103
- if (onPause) player.on('pause', onPause);
104
- if (onEnded) player.on('ended', onEnded);
105
- if (onTimeUpdate) {
106
- player.on('timeupdate', data => onTimeUpdate(data.currentTime));
107
- }
108
- if (onProgress) {
109
- player.on('progress', data => onProgress(data.buffered));
110
- }
111
- if (onVolumeChange) {
112
- player.on('volumechange', data => onVolumeChange(data.volume, data.muted));
113
- }
114
- if (onFullscreenChange) {
115
- player.on('fullscreenchange', data => onFullscreenChange(data.isFullscreen));
116
- }
117
- if (onError) {
118
- player.on('error', onError);
119
- }
120
- setIsReady(true);
121
- if (onReady) {
122
- onReady(player);
123
- }
124
-
125
- // Cleanup
126
- return () => {
127
- player.destroy();
128
- playerRef.current = null;
129
- };
130
- }, []);
131
-
132
- // Load source when src changes
133
- react.useEffect(() => {
134
- if (!playerRef.current || !isReady) return;
135
- if (src) {
136
- playerRef.current.load(src);
137
- }
138
- }, [src, isReady]);
139
-
140
- // Load playlist when playlist changes
141
- react.useEffect(() => {
142
- if (!playerRef.current || !isReady || !playlist) return;
143
- playerRef.current.loadPlaylist(playlist);
144
- }, [playlist, isReady]);
145
-
146
- // Update volume
147
- react.useEffect(() => {
148
- if (playerRef.current && isReady) {
149
- playerRef.current.setVolume(volume);
150
- }
151
- }, [volume, isReady]);
152
-
153
- // Update muted
154
- react.useEffect(() => {
155
- if (playerRef.current && isReady) {
156
- if (muted) {
157
- playerRef.current.mute();
158
- } else {
159
- playerRef.current.unmute();
160
- }
161
- }
162
- }, [muted, isReady]);
163
-
164
- // Expose player methods via ref
165
- react.useImperativeHandle(ref, () => ({
166
- play: () => playerRef.current?.play(),
167
- pause: () => playerRef.current?.pause(),
168
- togglePlay: () => playerRef.current?.togglePlay(),
169
- seek: time => playerRef.current?.seek(time),
170
- seekPercent: percent => playerRef.current?.seekPercent(percent),
171
- setVolume: vol => playerRef.current?.setVolume(vol),
172
- getVolume: () => playerRef.current?.getVolume(),
173
- mute: () => playerRef.current?.mute(),
174
- unmute: () => playerRef.current?.unmute(),
175
- toggleMute: () => playerRef.current?.toggleMute(),
176
- isMuted: () => playerRef.current?.isMuted(),
177
- setPlaybackRate: rate => playerRef.current?.setPlaybackRate(rate),
178
- enterFullscreen: () => playerRef.current?.enterFullscreen(),
179
- exitFullscreen: () => playerRef.current?.exitFullscreen(),
180
- toggleFullscreen: () => playerRef.current?.toggleFullscreen(),
181
- enterPiP: () => playerRef.current?.enterPiP(),
182
- exitPiP: () => playerRef.current?.exitPiP(),
183
- togglePiP: () => playerRef.current?.togglePiP(),
184
- cast: () => playerRef.current?.cast(),
185
- getState: () => playerRef.current?.getState(),
186
- getPlayer: () => playerRef.current,
187
- next: () => playerRef.current?.next(),
188
- previous: () => playerRef.current?.previous(),
189
- playAt: index => playerRef.current?.playAt(index)
190
- }));
191
- return /*#__PURE__*/jsxRuntime.jsx(PlexPlayerContext.Provider, {
192
- value: playerRef.current,
193
- children: /*#__PURE__*/jsxRuntime.jsx("div", {
194
- ref: containerRef,
195
- className: `plex-player-container ${className}`,
196
- style: {
197
- width: '100%',
198
- aspectRatio: '16 / 9',
199
- position: 'relative',
200
- ...style
201
- },
202
- ...restProps,
203
- children: children
204
- })
205
- });
206
- });
207
-
208
- // Additional hooks for convenience
209
- const usePlexPlayerState = () => {
210
- const player = usePlexPlayer();
211
- const [state, setState] = react.useState(null);
212
- react.useEffect(() => {
213
- if (!player) return;
214
- const updateState = () => {
215
- setState(player.getState());
216
- };
217
-
218
- // Update on every timeupdate
219
- player.on('timeupdate', updateState);
220
- player.on('play', updateState);
221
- player.on('pause', updateState);
222
- player.on('volumechange', updateState);
223
- player.on('fullscreenchange', updateState);
224
-
225
- // Initial state
226
- updateState();
227
- return () => {
228
- player.off('timeupdate', updateState);
229
- player.off('play', updateState);
230
- player.off('pause', updateState);
231
- player.off('volumechange', updateState);
232
- player.off('fullscreenchange', updateState);
233
- };
234
- }, [player]);
235
- return state;
236
- };
237
- const usePlexPlayerTime = () => {
238
- const player = usePlexPlayer();
239
- const [time, setTime] = react.useState({
240
- current: 0,
241
- duration: 0
242
- });
243
- react.useEffect(() => {
244
- if (!player) return;
245
- const updateTime = data => {
246
- setTime({
247
- current: data.currentTime,
248
- duration: data.duration
249
- });
250
- };
251
- player.on('timeupdate', updateTime);
252
- return () => {
253
- player.off('timeupdate', updateTime);
254
- };
255
- }, [player]);
256
- return time;
257
- };
258
-
259
- exports.PlexPlayer = PlexPlayer;
260
- exports.PlexPlayerReact = PlexPlayerReact;
261
- exports.default = PlexPlayerReact;
262
- exports.usePlexPlayer = usePlexPlayer;
263
- exports.usePlexPlayerState = usePlexPlayerState;
264
- exports.usePlexPlayerTime = usePlexPlayerTime;
265
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../src/react/index.jsx"],"sourcesContent":["/**\r\n * @frameset/plex-player - React Component\r\n * Professional Video Player by FRAMESET Studio\r\n * https://frameset.dev\r\n */\r\n\r\nimport React, {\r\n useEffect,\r\n useRef,\r\n useImperativeHandle,\r\n forwardRef,\r\n useState,\r\n useCallback,\r\n createContext,\r\n useContext,\r\n} from 'react';\r\n\r\n// Import core player\r\nimport PlexPlayer from '../core/index.js';\r\n\r\n// Context for nested components\r\nconst PlexPlayerContext = createContext(null);\r\n\r\n/**\r\n * Hook to access player instance from child components\r\n */\r\nexport const usePlexPlayer = () => {\r\n const player = useContext(PlexPlayerContext);\r\n return player;\r\n};\r\n\r\n/**\r\n * PlexPlayer React Component\r\n */\r\nexport const PlexPlayerReact = forwardRef(function PlexPlayerReact(props, ref) {\r\n const {\r\n src,\r\n playlist,\r\n className = '',\r\n style = {},\r\n autoplay = false,\r\n muted = false,\r\n loop = false,\r\n volume = 1,\r\n poster,\r\n preload = 'metadata',\r\n keyboard = true,\r\n touch = true,\r\n pip = true,\r\n cast = true,\r\n fullscreen = true,\r\n controlsHideDelay = 3000,\r\n theme,\r\n subtitles,\r\n ads,\r\n i18n,\r\n // Event callbacks\r\n onPlay,\r\n onPause,\r\n onEnded,\r\n onTimeUpdate,\r\n onProgress,\r\n onVolumeChange,\r\n onFullscreenChange,\r\n onError,\r\n onReady,\r\n // Children for custom overlays\r\n children,\r\n ...restProps\r\n } = props;\r\n\r\n const containerRef = useRef(null);\r\n const playerRef = useRef(null);\r\n const [isReady, setIsReady] = useState(false);\r\n\r\n // Initialize player\r\n useEffect(() => {\r\n if (!containerRef.current) return;\r\n\r\n // Create player instance\r\n const player = new PlexPlayer({\r\n container: containerRef.current,\r\n autoplay,\r\n muted,\r\n loop,\r\n volume,\r\n poster,\r\n preload,\r\n keyboard,\r\n touch,\r\n pip,\r\n cast,\r\n fullscreen,\r\n controlsHideDelay,\r\n theme,\r\n subtitles,\r\n ads,\r\n i18n,\r\n });\r\n\r\n playerRef.current = player;\r\n\r\n // Bind events\r\n if (onPlay) player.on('play', onPlay);\r\n if (onPause) player.on('pause', onPause);\r\n if (onEnded) player.on('ended', onEnded);\r\n if (onTimeUpdate) {\r\n player.on('timeupdate', (data) => onTimeUpdate(data.currentTime));\r\n }\r\n if (onProgress) {\r\n player.on('progress', (data) => onProgress(data.buffered));\r\n }\r\n if (onVolumeChange) {\r\n player.on('volumechange', (data) => onVolumeChange(data.volume, data.muted));\r\n }\r\n if (onFullscreenChange) {\r\n player.on('fullscreenchange', (data) => onFullscreenChange(data.isFullscreen));\r\n }\r\n if (onError) {\r\n player.on('error', onError);\r\n }\r\n\r\n setIsReady(true);\r\n\r\n if (onReady) {\r\n onReady(player);\r\n }\r\n\r\n // Cleanup\r\n return () => {\r\n player.destroy();\r\n playerRef.current = null;\r\n };\r\n }, []);\r\n\r\n // Load source when src changes\r\n useEffect(() => {\r\n if (!playerRef.current || !isReady) return;\r\n\r\n if (src) {\r\n playerRef.current.load(src);\r\n }\r\n }, [src, isReady]);\r\n\r\n // Load playlist when playlist changes\r\n useEffect(() => {\r\n if (!playerRef.current || !isReady || !playlist) return;\r\n\r\n playerRef.current.loadPlaylist(playlist);\r\n }, [playlist, isReady]);\r\n\r\n // Update volume\r\n useEffect(() => {\r\n if (playerRef.current && isReady) {\r\n playerRef.current.setVolume(volume);\r\n }\r\n }, [volume, isReady]);\r\n\r\n // Update muted\r\n useEffect(() => {\r\n if (playerRef.current && isReady) {\r\n if (muted) {\r\n playerRef.current.mute();\r\n } else {\r\n playerRef.current.unmute();\r\n }\r\n }\r\n }, [muted, isReady]);\r\n\r\n // Expose player methods via ref\r\n useImperativeHandle(ref, () => ({\r\n play: () => playerRef.current?.play(),\r\n pause: () => playerRef.current?.pause(),\r\n togglePlay: () => playerRef.current?.togglePlay(),\r\n seek: (time) => playerRef.current?.seek(time),\r\n seekPercent: (percent) => playerRef.current?.seekPercent(percent),\r\n setVolume: (vol) => playerRef.current?.setVolume(vol),\r\n getVolume: () => playerRef.current?.getVolume(),\r\n mute: () => playerRef.current?.mute(),\r\n unmute: () => playerRef.current?.unmute(),\r\n toggleMute: () => playerRef.current?.toggleMute(),\r\n isMuted: () => playerRef.current?.isMuted(),\r\n setPlaybackRate: (rate) => playerRef.current?.setPlaybackRate(rate),\r\n enterFullscreen: () => playerRef.current?.enterFullscreen(),\r\n exitFullscreen: () => playerRef.current?.exitFullscreen(),\r\n toggleFullscreen: () => playerRef.current?.toggleFullscreen(),\r\n enterPiP: () => playerRef.current?.enterPiP(),\r\n exitPiP: () => playerRef.current?.exitPiP(),\r\n togglePiP: () => playerRef.current?.togglePiP(),\r\n cast: () => playerRef.current?.cast(),\r\n getState: () => playerRef.current?.getState(),\r\n getPlayer: () => playerRef.current,\r\n next: () => playerRef.current?.next(),\r\n previous: () => playerRef.current?.previous(),\r\n playAt: (index) => playerRef.current?.playAt(index),\r\n }));\r\n\r\n return (\r\n <PlexPlayerContext.Provider value={playerRef.current}>\r\n <div\r\n ref={containerRef}\r\n className={`plex-player-container ${className}`}\r\n style={{\r\n width: '100%',\r\n aspectRatio: '16 / 9',\r\n position: 'relative',\r\n ...style,\r\n }}\r\n {...restProps}\r\n >\r\n {children}\r\n </div>\r\n </PlexPlayerContext.Provider>\r\n );\r\n});\r\n\r\n// Additional hooks for convenience\r\nexport const usePlexPlayerState = () => {\r\n const player = usePlexPlayer();\r\n const [state, setState] = useState(null);\r\n\r\n useEffect(() => {\r\n if (!player) return;\r\n\r\n const updateState = () => {\r\n setState(player.getState());\r\n };\r\n\r\n // Update on every timeupdate\r\n player.on('timeupdate', updateState);\r\n player.on('play', updateState);\r\n player.on('pause', updateState);\r\n player.on('volumechange', updateState);\r\n player.on('fullscreenchange', updateState);\r\n\r\n // Initial state\r\n updateState();\r\n\r\n return () => {\r\n player.off('timeupdate', updateState);\r\n player.off('play', updateState);\r\n player.off('pause', updateState);\r\n player.off('volumechange', updateState);\r\n player.off('fullscreenchange', updateState);\r\n };\r\n }, [player]);\r\n\r\n return state;\r\n};\r\n\r\nexport const usePlexPlayerTime = () => {\r\n const player = usePlexPlayer();\r\n const [time, setTime] = useState({ current: 0, duration: 0 });\r\n\r\n useEffect(() => {\r\n if (!player) return;\r\n\r\n const updateTime = (data) => {\r\n setTime({\r\n current: data.currentTime,\r\n duration: data.duration,\r\n });\r\n };\r\n\r\n player.on('timeupdate', updateTime);\r\n\r\n return () => {\r\n player.off('timeupdate', updateTime);\r\n };\r\n }, [player]);\r\n\r\n return time;\r\n};\r\n\r\n// Named exports\r\nexport { PlexPlayer };\r\nexport default PlexPlayerReact;\r\n"],"names":["PlexPlayerContext","createContext","usePlexPlayer","player","useContext","PlexPlayerReact","forwardRef","props","ref","src","playlist","className","style","autoplay","muted","loop","volume","poster","preload","keyboard","touch","pip","cast","fullscreen","controlsHideDelay","theme","subtitles","ads","i18n","onPlay","onPause","onEnded","onTimeUpdate","onProgress","onVolumeChange","onFullscreenChange","onError","onReady","children","restProps","containerRef","useRef","playerRef","isReady","setIsReady","useState","useEffect","current","PlexPlayer","container","on","data","currentTime","buffered","isFullscreen","destroy","load","loadPlaylist","setVolume","mute","unmute","useImperativeHandle","play","pause","togglePlay","seek","time","seekPercent","percent","vol","getVolume","toggleMute","isMuted","setPlaybackRate","rate","enterFullscreen","exitFullscreen","toggleFullscreen","enterPiP","exitPiP","togglePiP","getState","getPlayer","next","previous","playAt","index","_jsx","Provider","value","width","aspectRatio","position","usePlexPlayerState","state","setState","updateState","off","usePlexPlayerTime","setTime","duration","updateTime"],"mappings":"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"}
@@ -1 +0,0 @@
1
-
@@ -1,283 +0,0 @@
1
- /*!
2
- * @frameset/plex-player v1.0.5
3
- * Professional video player with VAST ads, Chromecast, PiP, subtitles, playlists and more. Built by FRAMESET Studio.
4
- * (c) 2026 FRAMESET Studio
5
- * Released under the MIT License
6
- * https://frameset.dev/plex-player
7
- */
8
- import { defineComponent, ref, provide, onMounted, onBeforeUnmount, watch, h, inject } from 'vue';
9
- import PlexPlayer from '../plex-player.esm.js';
10
- export { default as PlexPlayer } from '../plex-player.esm.js';
11
-
12
- /**
13
- * @frameset/plex-player - Vue Component
14
- * Professional Video Player by FRAMESET Studio
15
- * https://frameset.dev
16
- */
17
-
18
-
19
- // Provide/inject key
20
- const PlexPlayerKey = Symbol('PlexPlayer');
21
-
22
- /**
23
- * Composable to access player instance
24
- */
25
- function usePlexPlayer() {
26
- return inject(PlexPlayerKey, ref(null));
27
- }
28
-
29
- /**
30
- * PlexPlayer Vue Component
31
- */
32
- const PlexPlayerVue = defineComponent({
33
- name: 'PlexPlayer',
34
- props: {
35
- src: {
36
- type: String,
37
- default: ''
38
- },
39
- playlist: {
40
- type: Array,
41
- default: () => []
42
- },
43
- autoplay: {
44
- type: Boolean,
45
- default: false
46
- },
47
- muted: {
48
- type: Boolean,
49
- default: false
50
- },
51
- loop: {
52
- type: Boolean,
53
- default: false
54
- },
55
- volume: {
56
- type: Number,
57
- default: 1
58
- },
59
- poster: {
60
- type: String,
61
- default: ''
62
- },
63
- preload: {
64
- type: String,
65
- default: 'metadata'
66
- },
67
- keyboard: {
68
- type: Boolean,
69
- default: true
70
- },
71
- touch: {
72
- type: Boolean,
73
- default: true
74
- },
75
- pip: {
76
- type: Boolean,
77
- default: true
78
- },
79
- cast: {
80
- type: Boolean,
81
- default: true
82
- },
83
- fullscreen: {
84
- type: Boolean,
85
- default: true
86
- },
87
- controlsHideDelay: {
88
- type: Number,
89
- default: 3000
90
- },
91
- theme: {
92
- type: Object,
93
- default: () => ({})
94
- },
95
- subtitles: {
96
- type: Object,
97
- default: () => ({})
98
- },
99
- ads: {
100
- type: Object,
101
- default: () => ({})
102
- },
103
- i18n: {
104
- type: Object,
105
- default: () => ({})
106
- }
107
- },
108
- emits: ['play', 'pause', 'ended', 'timeupdate', 'progress', 'volumechange', 'fullscreenchange', 'error', 'ready'],
109
- setup(props, {
110
- emit,
111
- slots,
112
- expose
113
- }) {
114
- const containerRef = ref(null);
115
- const playerRef = ref(null);
116
- const isReady = ref(false);
117
-
118
- // Provide player to child components
119
- provide(PlexPlayerKey, playerRef);
120
- onMounted(() => {
121
- if (!containerRef.value) return;
122
-
123
- // Create player instance
124
- const player = new PlexPlayer({
125
- container: containerRef.value,
126
- autoplay: props.autoplay,
127
- muted: props.muted,
128
- loop: props.loop,
129
- volume: props.volume,
130
- poster: props.poster,
131
- preload: props.preload,
132
- keyboard: props.keyboard,
133
- touch: props.touch,
134
- pip: props.pip,
135
- cast: props.cast,
136
- fullscreen: props.fullscreen,
137
- controlsHideDelay: props.controlsHideDelay,
138
- theme: props.theme,
139
- subtitles: props.subtitles,
140
- ads: props.ads,
141
- i18n: props.i18n
142
- });
143
- playerRef.value = player;
144
-
145
- // Bind events
146
- player.on('play', () => emit('play'));
147
- player.on('pause', () => emit('pause'));
148
- player.on('ended', () => emit('ended'));
149
- player.on('timeupdate', data => emit('timeupdate', data.currentTime));
150
- player.on('progress', data => emit('progress', data.buffered));
151
- player.on('volumechange', data => emit('volumechange', data));
152
- player.on('fullscreenchange', data => emit('fullscreenchange', data.isFullscreen));
153
- player.on('error', error => emit('error', error));
154
- isReady.value = true;
155
- emit('ready', player);
156
-
157
- // Load initial source
158
- if (props.src) {
159
- player.load(props.src);
160
- } else if (props.playlist.length > 0) {
161
- player.loadPlaylist(props.playlist);
162
- }
163
- });
164
- onBeforeUnmount(() => {
165
- if (playerRef.value) {
166
- playerRef.value.destroy();
167
- playerRef.value = null;
168
- }
169
- });
170
-
171
- // Watch for src changes
172
- watch(() => props.src, newSrc => {
173
- if (playerRef.value && newSrc) {
174
- playerRef.value.load(newSrc);
175
- }
176
- });
177
-
178
- // Watch for playlist changes
179
- watch(() => props.playlist, newPlaylist => {
180
- if (playerRef.value && newPlaylist?.length > 0) {
181
- playerRef.value.loadPlaylist(newPlaylist);
182
- }
183
- }, {
184
- deep: true
185
- });
186
-
187
- // Watch for volume changes
188
- watch(() => props.volume, newVolume => {
189
- if (playerRef.value) {
190
- playerRef.value.setVolume(newVolume);
191
- }
192
- });
193
-
194
- // Watch for muted changes
195
- watch(() => props.muted, newMuted => {
196
- if (playerRef.value) {
197
- if (newMuted) {
198
- playerRef.value.mute();
199
- } else {
200
- playerRef.value.unmute();
201
- }
202
- }
203
- });
204
-
205
- // Expose methods
206
- expose({
207
- play: () => playerRef.value?.play(),
208
- pause: () => playerRef.value?.pause(),
209
- togglePlay: () => playerRef.value?.togglePlay(),
210
- seek: time => playerRef.value?.seek(time),
211
- seekPercent: percent => playerRef.value?.seekPercent(percent),
212
- setVolume: vol => playerRef.value?.setVolume(vol),
213
- getVolume: () => playerRef.value?.getVolume(),
214
- mute: () => playerRef.value?.mute(),
215
- unmute: () => playerRef.value?.unmute(),
216
- toggleMute: () => playerRef.value?.toggleMute(),
217
- setPlaybackRate: rate => playerRef.value?.setPlaybackRate(rate),
218
- enterFullscreen: () => playerRef.value?.enterFullscreen(),
219
- exitFullscreen: () => playerRef.value?.exitFullscreen(),
220
- toggleFullscreen: () => playerRef.value?.toggleFullscreen(),
221
- enterPiP: () => playerRef.value?.enterPiP(),
222
- exitPiP: () => playerRef.value?.exitPiP(),
223
- togglePiP: () => playerRef.value?.togglePiP(),
224
- cast: () => playerRef.value?.cast(),
225
- getState: () => playerRef.value?.getState(),
226
- getPlayer: () => playerRef.value,
227
- next: () => playerRef.value?.next(),
228
- previous: () => playerRef.value?.previous(),
229
- playAt: index => playerRef.value?.playAt(index)
230
- });
231
- return () => h('div', {
232
- ref: containerRef,
233
- class: 'plex-player-container',
234
- style: {
235
- width: '100%',
236
- aspectRatio: '16 / 9',
237
- position: 'relative'
238
- }
239
- }, slots.default?.());
240
- }
241
- });
242
-
243
- // Composables
244
- function usePlexPlayerState() {
245
- const player = usePlexPlayer();
246
- const state = ref(null);
247
- watch(player, p => {
248
- if (!p) return;
249
- const updateState = () => {
250
- state.value = p.getState();
251
- };
252
- p.on('timeupdate', updateState);
253
- p.on('play', updateState);
254
- p.on('pause', updateState);
255
- p.on('volumechange', updateState);
256
- updateState();
257
- }, {
258
- immediate: true
259
- });
260
- return state;
261
- }
262
- function usePlexPlayerTime() {
263
- const player = usePlexPlayer();
264
- const time = ref({
265
- current: 0,
266
- duration: 0
267
- });
268
- watch(player, p => {
269
- if (!p) return;
270
- p.on('timeupdate', data => {
271
- time.value = {
272
- current: data.currentTime,
273
- duration: data.duration
274
- };
275
- });
276
- }, {
277
- immediate: true
278
- });
279
- return time;
280
- }
281
-
282
- export { PlexPlayerVue, PlexPlayerVue as default, usePlexPlayer, usePlexPlayerState, usePlexPlayerTime };
283
- //# sourceMappingURL=index.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.esm.js","sources":["../../src/vue/index.js"],"sourcesContent":["/**\r\n * @frameset/plex-player - Vue Component\r\n * Professional Video Player by FRAMESET Studio\r\n * https://frameset.dev\r\n */\r\n\r\nimport { \r\n defineComponent, \r\n ref, \r\n onMounted, \r\n onBeforeUnmount, \r\n watch,\r\n provide,\r\n inject,\r\n h\r\n} from 'vue';\r\n\r\n// Import core player\r\nimport PlexPlayer from '../core/index.js';\r\n\r\n// Provide/inject key\r\nconst PlexPlayerKey = Symbol('PlexPlayer');\r\n\r\n/**\r\n * Composable to access player instance\r\n */\r\nexport function usePlexPlayer() {\r\n return inject(PlexPlayerKey, ref(null));\r\n}\r\n\r\n/**\r\n * PlexPlayer Vue Component\r\n */\r\nexport const PlexPlayerVue = defineComponent({\r\n name: 'PlexPlayer',\r\n\r\n props: {\r\n src: {\r\n type: String,\r\n default: '',\r\n },\r\n playlist: {\r\n type: Array,\r\n default: () => [],\r\n },\r\n autoplay: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n muted: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n loop: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n volume: {\r\n type: Number,\r\n default: 1,\r\n },\r\n poster: {\r\n type: String,\r\n default: '',\r\n },\r\n preload: {\r\n type: String,\r\n default: 'metadata',\r\n },\r\n keyboard: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n touch: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n pip: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n cast: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n fullscreen: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n controlsHideDelay: {\r\n type: Number,\r\n default: 3000,\r\n },\r\n theme: {\r\n type: Object,\r\n default: () => ({}),\r\n },\r\n subtitles: {\r\n type: Object,\r\n default: () => ({}),\r\n },\r\n ads: {\r\n type: Object,\r\n default: () => ({}),\r\n },\r\n i18n: {\r\n type: Object,\r\n default: () => ({}),\r\n },\r\n },\r\n\r\n emits: [\r\n 'play',\r\n 'pause',\r\n 'ended',\r\n 'timeupdate',\r\n 'progress',\r\n 'volumechange',\r\n 'fullscreenchange',\r\n 'error',\r\n 'ready',\r\n ],\r\n\r\n setup(props, { emit, slots, expose }) {\r\n const containerRef = ref(null);\r\n const playerRef = ref(null);\r\n const isReady = ref(false);\r\n\r\n // Provide player to child components\r\n provide(PlexPlayerKey, playerRef);\r\n\r\n onMounted(() => {\r\n if (!containerRef.value) return;\r\n\r\n // Create player instance\r\n const player = new PlexPlayer({\r\n container: containerRef.value,\r\n autoplay: props.autoplay,\r\n muted: props.muted,\r\n loop: props.loop,\r\n volume: props.volume,\r\n poster: props.poster,\r\n preload: props.preload,\r\n keyboard: props.keyboard,\r\n touch: props.touch,\r\n pip: props.pip,\r\n cast: props.cast,\r\n fullscreen: props.fullscreen,\r\n controlsHideDelay: props.controlsHideDelay,\r\n theme: props.theme,\r\n subtitles: props.subtitles,\r\n ads: props.ads,\r\n i18n: props.i18n,\r\n });\r\n\r\n playerRef.value = player;\r\n\r\n // Bind events\r\n player.on('play', () => emit('play'));\r\n player.on('pause', () => emit('pause'));\r\n player.on('ended', () => emit('ended'));\r\n player.on('timeupdate', (data) => emit('timeupdate', data.currentTime));\r\n player.on('progress', (data) => emit('progress', data.buffered));\r\n player.on('volumechange', (data) => emit('volumechange', data));\r\n player.on('fullscreenchange', (data) => emit('fullscreenchange', data.isFullscreen));\r\n player.on('error', (error) => emit('error', error));\r\n\r\n isReady.value = true;\r\n emit('ready', player);\r\n\r\n // Load initial source\r\n if (props.src) {\r\n player.load(props.src);\r\n } else if (props.playlist.length > 0) {\r\n player.loadPlaylist(props.playlist);\r\n }\r\n });\r\n\r\n onBeforeUnmount(() => {\r\n if (playerRef.value) {\r\n playerRef.value.destroy();\r\n playerRef.value = null;\r\n }\r\n });\r\n\r\n // Watch for src changes\r\n watch(() => props.src, (newSrc) => {\r\n if (playerRef.value && newSrc) {\r\n playerRef.value.load(newSrc);\r\n }\r\n });\r\n\r\n // Watch for playlist changes\r\n watch(() => props.playlist, (newPlaylist) => {\r\n if (playerRef.value && newPlaylist?.length > 0) {\r\n playerRef.value.loadPlaylist(newPlaylist);\r\n }\r\n }, { deep: true });\r\n\r\n // Watch for volume changes\r\n watch(() => props.volume, (newVolume) => {\r\n if (playerRef.value) {\r\n playerRef.value.setVolume(newVolume);\r\n }\r\n });\r\n\r\n // Watch for muted changes\r\n watch(() => props.muted, (newMuted) => {\r\n if (playerRef.value) {\r\n if (newMuted) {\r\n playerRef.value.mute();\r\n } else {\r\n playerRef.value.unmute();\r\n }\r\n }\r\n });\r\n\r\n // Expose methods\r\n expose({\r\n play: () => playerRef.value?.play(),\r\n pause: () => playerRef.value?.pause(),\r\n togglePlay: () => playerRef.value?.togglePlay(),\r\n seek: (time) => playerRef.value?.seek(time),\r\n seekPercent: (percent) => playerRef.value?.seekPercent(percent),\r\n setVolume: (vol) => playerRef.value?.setVolume(vol),\r\n getVolume: () => playerRef.value?.getVolume(),\r\n mute: () => playerRef.value?.mute(),\r\n unmute: () => playerRef.value?.unmute(),\r\n toggleMute: () => playerRef.value?.toggleMute(),\r\n setPlaybackRate: (rate) => playerRef.value?.setPlaybackRate(rate),\r\n enterFullscreen: () => playerRef.value?.enterFullscreen(),\r\n exitFullscreen: () => playerRef.value?.exitFullscreen(),\r\n toggleFullscreen: () => playerRef.value?.toggleFullscreen(),\r\n enterPiP: () => playerRef.value?.enterPiP(),\r\n exitPiP: () => playerRef.value?.exitPiP(),\r\n togglePiP: () => playerRef.value?.togglePiP(),\r\n cast: () => playerRef.value?.cast(),\r\n getState: () => playerRef.value?.getState(),\r\n getPlayer: () => playerRef.value,\r\n next: () => playerRef.value?.next(),\r\n previous: () => playerRef.value?.previous(),\r\n playAt: (index) => playerRef.value?.playAt(index),\r\n });\r\n\r\n return () => h(\r\n 'div',\r\n {\r\n ref: containerRef,\r\n class: 'plex-player-container',\r\n style: {\r\n width: '100%',\r\n aspectRatio: '16 / 9',\r\n position: 'relative',\r\n },\r\n },\r\n slots.default?.()\r\n );\r\n },\r\n});\r\n\r\n// Composables\r\nexport function usePlexPlayerState() {\r\n const player = usePlexPlayer();\r\n const state = ref(null);\r\n\r\n watch(player, (p) => {\r\n if (!p) return;\r\n\r\n const updateState = () => {\r\n state.value = p.getState();\r\n };\r\n\r\n p.on('timeupdate', updateState);\r\n p.on('play', updateState);\r\n p.on('pause', updateState);\r\n p.on('volumechange', updateState);\r\n\r\n updateState();\r\n }, { immediate: true });\r\n\r\n return state;\r\n}\r\n\r\nexport function usePlexPlayerTime() {\r\n const player = usePlexPlayer();\r\n const time = ref({ current: 0, duration: 0 });\r\n\r\n watch(player, (p) => {\r\n if (!p) return;\r\n\r\n p.on('timeupdate', (data) => {\r\n time.value = {\r\n current: data.currentTime,\r\n duration: data.duration,\r\n };\r\n });\r\n }, { immediate: true });\r\n\r\n return time;\r\n}\r\n\r\n// Named exports\r\nexport { PlexPlayer };\r\nexport default PlexPlayerVue;\r\n"],"names":["PlexPlayerKey","Symbol","usePlexPlayer","inject","ref","PlexPlayerVue","defineComponent","name","props","src","type","String","default","playlist","Array","autoplay","Boolean","muted","loop","volume","Number","poster","preload","keyboard","touch","pip","cast","fullscreen","controlsHideDelay","theme","Object","subtitles","ads","i18n","emits","setup","emit","slots","expose","containerRef","playerRef","isReady","provide","onMounted","value","player","PlexPlayer","container","on","data","currentTime","buffered","isFullscreen","error","load","length","loadPlaylist","onBeforeUnmount","destroy","watch","newSrc","newPlaylist","deep","newVolume","setVolume","newMuted","mute","unmute","play","pause","togglePlay","seek","time","seekPercent","percent","vol","getVolume","toggleMute","setPlaybackRate","rate","enterFullscreen","exitFullscreen","toggleFullscreen","enterPiP","exitPiP","togglePiP","getState","getPlayer","next","previous","playAt","index","h","class","style","width","aspectRatio","position","usePlexPlayerState","state","p","updateState","immediate","usePlexPlayerTime","current","duration"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;;;AAgBA;AACA,MAAMA,aAAa,GAAGC,MAAM,CAAC,YAAY,CAAC;;AAE1C;AACA;AACA;AACO,SAASC,aAAaA,GAAG;EAC9B,OAAOC,MAAM,CAACH,aAAa,EAAEI,GAAG,CAAC,IAAI,CAAC,CAAC;AACzC;;AAEA;AACA;AACA;AACO,MAAMC,aAAa,GAAGC,eAAe,CAAC;AAC3CC,EAAAA,IAAI,EAAE,YAAY;AAElBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,GAAG,EAAE;AACHC,MAAAA,IAAI,EAAEC,MAAM;AACZC,MAAAA,OAAO,EAAE;KACV;AACDC,IAAAA,QAAQ,EAAE;AACRH,MAAAA,IAAI,EAAEI,KAAK;MACXF,OAAO,EAAEA,MAAM;KAChB;AACDG,IAAAA,QAAQ,EAAE;AACRL,MAAAA,IAAI,EAAEM,OAAO;AACbJ,MAAAA,OAAO,EAAE;KACV;AACDK,IAAAA,KAAK,EAAE;AACLP,MAAAA,IAAI,EAAEM,OAAO;AACbJ,MAAAA,OAAO,EAAE;KACV;AACDM,IAAAA,IAAI,EAAE;AACJR,MAAAA,IAAI,EAAEM,OAAO;AACbJ,MAAAA,OAAO,EAAE;KACV;AACDO,IAAAA,MAAM,EAAE;AACNT,MAAAA,IAAI,EAAEU,MAAM;AACZR,MAAAA,OAAO,EAAE;KACV;AACDS,IAAAA,MAAM,EAAE;AACNX,MAAAA,IAAI,EAAEC,MAAM;AACZC,MAAAA,OAAO,EAAE;KACV;AACDU,IAAAA,OAAO,EAAE;AACPZ,MAAAA,IAAI,EAAEC,MAAM;AACZC,MAAAA,OAAO,EAAE;KACV;AACDW,IAAAA,QAAQ,EAAE;AACRb,MAAAA,IAAI,EAAEM,OAAO;AACbJ,MAAAA,OAAO,EAAE;KACV;AACDY,IAAAA,KAAK,EAAE;AACLd,MAAAA,IAAI,EAAEM,OAAO;AACbJ,MAAAA,OAAO,EAAE;KACV;AACDa,IAAAA,GAAG,EAAE;AACHf,MAAAA,IAAI,EAAEM,OAAO;AACbJ,MAAAA,OAAO,EAAE;KACV;AACDc,IAAAA,IAAI,EAAE;AACJhB,MAAAA,IAAI,EAAEM,OAAO;AACbJ,MAAAA,OAAO,EAAE;KACV;AACDe,IAAAA,UAAU,EAAE;AACVjB,MAAAA,IAAI,EAAEM,OAAO;AACbJ,MAAAA,OAAO,EAAE;KACV;AACDgB,IAAAA,iBAAiB,EAAE;AACjBlB,MAAAA,IAAI,EAAEU,MAAM;AACZR,MAAAA,OAAO,EAAE;KACV;AACDiB,IAAAA,KAAK,EAAE;AACLnB,MAAAA,IAAI,EAAEoB,MAAM;AACZlB,MAAAA,OAAO,EAAEA,OAAO,EAAE;KACnB;AACDmB,IAAAA,SAAS,EAAE;AACTrB,MAAAA,IAAI,EAAEoB,MAAM;AACZlB,MAAAA,OAAO,EAAEA,OAAO,EAAE;KACnB;AACDoB,IAAAA,GAAG,EAAE;AACHtB,MAAAA,IAAI,EAAEoB,MAAM;AACZlB,MAAAA,OAAO,EAAEA,OAAO,EAAE;KACnB;AACDqB,IAAAA,IAAI,EAAE;AACJvB,MAAAA,IAAI,EAAEoB,MAAM;AACZlB,MAAAA,OAAO,EAAEA,OAAO,EAAE;AACpB;GACD;AAEDsB,EAAAA,KAAK,EAAE,CACL,MAAM,EACN,OAAO,EACP,OAAO,EACP,YAAY,EACZ,UAAU,EACV,cAAc,EACd,kBAAkB,EAClB,OAAO,EACP,OAAO,CACR;EAEDC,KAAKA,CAAC3B,KAAK,EAAE;IAAE4B,IAAI;IAAEC,KAAK;AAAEC,IAAAA;AAAO,GAAC,EAAE;AACpC,IAAA,MAAMC,YAAY,GAAGnC,GAAG,CAAC,IAAI,CAAC;AAC9B,IAAA,MAAMoC,SAAS,GAAGpC,GAAG,CAAC,IAAI,CAAC;AAC3B,IAAA,MAAMqC,OAAO,GAAGrC,GAAG,CAAC,KAAK,CAAC;;AAE1B;AACAsC,IAAAA,OAAO,CAAC1C,aAAa,EAAEwC,SAAS,CAAC;AAEjCG,IAAAA,SAAS,CAAC,MAAM;AACd,MAAA,IAAI,CAACJ,YAAY,CAACK,KAAK,EAAE;;AAEzB;AACA,MAAA,MAAMC,MAAM,GAAG,IAAIC,UAAU,CAAC;QAC5BC,SAAS,EAAER,YAAY,CAACK,KAAK;QAC7B7B,QAAQ,EAAEP,KAAK,CAACO,QAAQ;QACxBE,KAAK,EAAET,KAAK,CAACS,KAAK;QAClBC,IAAI,EAAEV,KAAK,CAACU,IAAI;QAChBC,MAAM,EAAEX,KAAK,CAACW,MAAM;QACpBE,MAAM,EAAEb,KAAK,CAACa,MAAM;QACpBC,OAAO,EAAEd,KAAK,CAACc,OAAO;QACtBC,QAAQ,EAAEf,KAAK,CAACe,QAAQ;QACxBC,KAAK,EAAEhB,KAAK,CAACgB,KAAK;QAClBC,GAAG,EAAEjB,KAAK,CAACiB,GAAG;QACdC,IAAI,EAAElB,KAAK,CAACkB,IAAI;QAChBC,UAAU,EAAEnB,KAAK,CAACmB,UAAU;QAC5BC,iBAAiB,EAAEpB,KAAK,CAACoB,iBAAiB;QAC1CC,KAAK,EAAErB,KAAK,CAACqB,KAAK;QAClBE,SAAS,EAAEvB,KAAK,CAACuB,SAAS;QAC1BC,GAAG,EAAExB,KAAK,CAACwB,GAAG;QACdC,IAAI,EAAEzB,KAAK,CAACyB;AACd,OAAC,CAAC;MAEFO,SAAS,CAACI,KAAK,GAAGC,MAAM;;AAExB;MACAA,MAAM,CAACG,EAAE,CAAC,MAAM,EAAE,MAAMZ,IAAI,CAAC,MAAM,CAAC,CAAC;MACrCS,MAAM,CAACG,EAAE,CAAC,OAAO,EAAE,MAAMZ,IAAI,CAAC,OAAO,CAAC,CAAC;MACvCS,MAAM,CAACG,EAAE,CAAC,OAAO,EAAE,MAAMZ,IAAI,CAAC,OAAO,CAAC,CAAC;AACvCS,MAAAA,MAAM,CAACG,EAAE,CAAC,YAAY,EAAGC,IAAI,IAAKb,IAAI,CAAC,YAAY,EAAEa,IAAI,CAACC,WAAW,CAAC,CAAC;AACvEL,MAAAA,MAAM,CAACG,EAAE,CAAC,UAAU,EAAGC,IAAI,IAAKb,IAAI,CAAC,UAAU,EAAEa,IAAI,CAACE,QAAQ,CAAC,CAAC;AAChEN,MAAAA,MAAM,CAACG,EAAE,CAAC,cAAc,EAAGC,IAAI,IAAKb,IAAI,CAAC,cAAc,EAAEa,IAAI,CAAC,CAAC;AAC/DJ,MAAAA,MAAM,CAACG,EAAE,CAAC,kBAAkB,EAAGC,IAAI,IAAKb,IAAI,CAAC,kBAAkB,EAAEa,IAAI,CAACG,YAAY,CAAC,CAAC;AACpFP,MAAAA,MAAM,CAACG,EAAE,CAAC,OAAO,EAAGK,KAAK,IAAKjB,IAAI,CAAC,OAAO,EAAEiB,KAAK,CAAC,CAAC;MAEnDZ,OAAO,CAACG,KAAK,GAAG,IAAI;AACpBR,MAAAA,IAAI,CAAC,OAAO,EAAES,MAAM,CAAC;;AAErB;MACA,IAAIrC,KAAK,CAACC,GAAG,EAAE;AACboC,QAAAA,MAAM,CAACS,IAAI,CAAC9C,KAAK,CAACC,GAAG,CAAC;MACxB,CAAC,MAAM,IAAID,KAAK,CAACK,QAAQ,CAAC0C,MAAM,GAAG,CAAC,EAAE;AACpCV,QAAAA,MAAM,CAACW,YAAY,CAAChD,KAAK,CAACK,QAAQ,CAAC;AACrC,MAAA;AACF,IAAA,CAAC,CAAC;AAEF4C,IAAAA,eAAe,CAAC,MAAM;MACpB,IAAIjB,SAAS,CAACI,KAAK,EAAE;AACnBJ,QAAAA,SAAS,CAACI,KAAK,CAACc,OAAO,EAAE;QACzBlB,SAAS,CAACI,KAAK,GAAG,IAAI;AACxB,MAAA;AACF,IAAA,CAAC,CAAC;;AAEF;AACAe,IAAAA,KAAK,CAAC,MAAMnD,KAAK,CAACC,GAAG,EAAGmD,MAAM,IAAK;AACjC,MAAA,IAAIpB,SAAS,CAACI,KAAK,IAAIgB,MAAM,EAAE;AAC7BpB,QAAAA,SAAS,CAACI,KAAK,CAACU,IAAI,CAACM,MAAM,CAAC;AAC9B,MAAA;AACF,IAAA,CAAC,CAAC;;AAEF;AACAD,IAAAA,KAAK,CAAC,MAAMnD,KAAK,CAACK,QAAQ,EAAGgD,WAAW,IAAK;MAC3C,IAAIrB,SAAS,CAACI,KAAK,IAAIiB,WAAW,EAAEN,MAAM,GAAG,CAAC,EAAE;AAC9Cf,QAAAA,SAAS,CAACI,KAAK,CAACY,YAAY,CAACK,WAAW,CAAC;AAC3C,MAAA;AACF,IAAA,CAAC,EAAE;AAAEC,MAAAA,IAAI,EAAE;AAAK,KAAC,CAAC;;AAElB;AACAH,IAAAA,KAAK,CAAC,MAAMnD,KAAK,CAACW,MAAM,EAAG4C,SAAS,IAAK;MACvC,IAAIvB,SAAS,CAACI,KAAK,EAAE;AACnBJ,QAAAA,SAAS,CAACI,KAAK,CAACoB,SAAS,CAACD,SAAS,CAAC;AACtC,MAAA;AACF,IAAA,CAAC,CAAC;;AAEF;AACAJ,IAAAA,KAAK,CAAC,MAAMnD,KAAK,CAACS,KAAK,EAAGgD,QAAQ,IAAK;MACrC,IAAIzB,SAAS,CAACI,KAAK,EAAE;AACnB,QAAA,IAAIqB,QAAQ,EAAE;AACZzB,UAAAA,SAAS,CAACI,KAAK,CAACsB,IAAI,EAAE;AACxB,QAAA,CAAC,MAAM;AACL1B,UAAAA,SAAS,CAACI,KAAK,CAACuB,MAAM,EAAE;AAC1B,QAAA;AACF,MAAA;AACF,IAAA,CAAC,CAAC;;AAEF;AACA7B,IAAAA,MAAM,CAAC;MACL8B,IAAI,EAAEA,MAAM5B,SAAS,CAACI,KAAK,EAAEwB,IAAI,EAAE;MACnCC,KAAK,EAAEA,MAAM7B,SAAS,CAACI,KAAK,EAAEyB,KAAK,EAAE;MACrCC,UAAU,EAAEA,MAAM9B,SAAS,CAACI,KAAK,EAAE0B,UAAU,EAAE;MAC/CC,IAAI,EAAGC,IAAI,IAAKhC,SAAS,CAACI,KAAK,EAAE2B,IAAI,CAACC,IAAI,CAAC;MAC3CC,WAAW,EAAGC,OAAO,IAAKlC,SAAS,CAACI,KAAK,EAAE6B,WAAW,CAACC,OAAO,CAAC;MAC/DV,SAAS,EAAGW,GAAG,IAAKnC,SAAS,CAACI,KAAK,EAAEoB,SAAS,CAACW,GAAG,CAAC;MACnDC,SAAS,EAAEA,MAAMpC,SAAS,CAACI,KAAK,EAAEgC,SAAS,EAAE;MAC7CV,IAAI,EAAEA,MAAM1B,SAAS,CAACI,KAAK,EAAEsB,IAAI,EAAE;MACnCC,MAAM,EAAEA,MAAM3B,SAAS,CAACI,KAAK,EAAEuB,MAAM,EAAE;MACvCU,UAAU,EAAEA,MAAMrC,SAAS,CAACI,KAAK,EAAEiC,UAAU,EAAE;MAC/CC,eAAe,EAAGC,IAAI,IAAKvC,SAAS,CAACI,KAAK,EAAEkC,eAAe,CAACC,IAAI,CAAC;MACjEC,eAAe,EAAEA,MAAMxC,SAAS,CAACI,KAAK,EAAEoC,eAAe,EAAE;MACzDC,cAAc,EAAEA,MAAMzC,SAAS,CAACI,KAAK,EAAEqC,cAAc,EAAE;MACvDC,gBAAgB,EAAEA,MAAM1C,SAAS,CAACI,KAAK,EAAEsC,gBAAgB,EAAE;MAC3DC,QAAQ,EAAEA,MAAM3C,SAAS,CAACI,KAAK,EAAEuC,QAAQ,EAAE;MAC3CC,OAAO,EAAEA,MAAM5C,SAAS,CAACI,KAAK,EAAEwC,OAAO,EAAE;MACzCC,SAAS,EAAEA,MAAM7C,SAAS,CAACI,KAAK,EAAEyC,SAAS,EAAE;MAC7C3D,IAAI,EAAEA,MAAMc,SAAS,CAACI,KAAK,EAAElB,IAAI,EAAE;MACnC4D,QAAQ,EAAEA,MAAM9C,SAAS,CAACI,KAAK,EAAE0C,QAAQ,EAAE;AAC3CC,MAAAA,SAAS,EAAEA,MAAM/C,SAAS,CAACI,KAAK;MAChC4C,IAAI,EAAEA,MAAMhD,SAAS,CAACI,KAAK,EAAE4C,IAAI,EAAE;MACnCC,QAAQ,EAAEA,MAAMjD,SAAS,CAACI,KAAK,EAAE6C,QAAQ,EAAE;MAC3CC,MAAM,EAAGC,KAAK,IAAKnD,SAAS,CAACI,KAAK,EAAE8C,MAAM,CAACC,KAAK;AAClD,KAAC,CAAC;AAEF,IAAA,OAAO,MAAMC,CAAC,CACZ,KAAK,EACL;AACExF,MAAAA,GAAG,EAAEmC,YAAY;AACjBsD,MAAAA,KAAK,EAAE,uBAAuB;AAC9BC,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE,MAAM;AACbC,QAAAA,WAAW,EAAE,QAAQ;AACrBC,QAAAA,QAAQ,EAAE;AACZ;AACF,KAAC,EACD5D,KAAK,CAACzB,OAAO,IACf,CAAC;AACH,EAAA;AACF,CAAC;;AAED;AACO,SAASsF,kBAAkBA,GAAG;AACnC,EAAA,MAAMrD,MAAM,GAAG3C,aAAa,EAAE;AAC9B,EAAA,MAAMiG,KAAK,GAAG/F,GAAG,CAAC,IAAI,CAAC;AAEvBuD,EAAAA,KAAK,CAACd,MAAM,EAAGuD,CAAC,IAAK;IACnB,IAAI,CAACA,CAAC,EAAE;IAER,MAAMC,WAAW,GAAGA,MAAM;AACxBF,MAAAA,KAAK,CAACvD,KAAK,GAAGwD,CAAC,CAACd,QAAQ,EAAE;IAC5B,CAAC;AAEDc,IAAAA,CAAC,CAACpD,EAAE,CAAC,YAAY,EAAEqD,WAAW,CAAC;AAC/BD,IAAAA,CAAC,CAACpD,EAAE,CAAC,MAAM,EAAEqD,WAAW,CAAC;AACzBD,IAAAA,CAAC,CAACpD,EAAE,CAAC,OAAO,EAAEqD,WAAW,CAAC;AAC1BD,IAAAA,CAAC,CAACpD,EAAE,CAAC,cAAc,EAAEqD,WAAW,CAAC;AAEjCA,IAAAA,WAAW,EAAE;AACf,EAAA,CAAC,EAAE;AAAEC,IAAAA,SAAS,EAAE;AAAK,GAAC,CAAC;AAEvB,EAAA,OAAOH,KAAK;AACd;AAEO,SAASI,iBAAiBA,GAAG;AAClC,EAAA,MAAM1D,MAAM,GAAG3C,aAAa,EAAE;EAC9B,MAAMsE,IAAI,GAAGpE,GAAG,CAAC;AAAEoG,IAAAA,OAAO,EAAE,CAAC;AAAEC,IAAAA,QAAQ,EAAE;AAAE,GAAC,CAAC;AAE7C9C,EAAAA,KAAK,CAACd,MAAM,EAAGuD,CAAC,IAAK;IACnB,IAAI,CAACA,CAAC,EAAE;AAERA,IAAAA,CAAC,CAACpD,EAAE,CAAC,YAAY,EAAGC,IAAI,IAAK;MAC3BuB,IAAI,CAAC5B,KAAK,GAAG;QACX4D,OAAO,EAAEvD,IAAI,CAACC,WAAW;QACzBuD,QAAQ,EAAExD,IAAI,CAACwD;OAChB;AACH,IAAA,CAAC,CAAC;AACJ,EAAA,CAAC,EAAE;AAAEH,IAAAA,SAAS,EAAE;AAAK,GAAC,CAAC;AAEvB,EAAA,OAAO9B,IAAI;AACb;;;;"}