@frameset/plex-player 1.0.6 → 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,257 +0,0 @@
1
- /*!
2
- * @frameset/plex-player v1.0.6
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 { useContext, forwardRef, useRef, useState, useEffect, useImperativeHandle, createContext } from 'react';
9
- import PlexPlayer from '../plex-player.esm.js';
10
- export { default as PlexPlayer } from '../plex-player.esm.js';
11
- import { jsx } from 'react/jsx-runtime';
12
-
13
- /**
14
- * @frameset/plex-player - React Component
15
- * Professional Video Player by FRAMESET Studio
16
- * https://frameset.dev
17
- */
18
-
19
- const PlexPlayerContext = /*#__PURE__*/createContext(null);
20
-
21
- /**
22
- * Hook to access player instance from child components
23
- */
24
- const usePlexPlayer = () => {
25
- const player = useContext(PlexPlayerContext);
26
- return player;
27
- };
28
-
29
- /**
30
- * PlexPlayer React Component
31
- */
32
- const PlexPlayerReact = /*#__PURE__*/forwardRef(function PlexPlayerReact(props, ref) {
33
- const {
34
- src,
35
- playlist,
36
- className = '',
37
- style = {},
38
- autoplay = false,
39
- muted = false,
40
- loop = false,
41
- volume = 1,
42
- poster,
43
- preload = 'metadata',
44
- keyboard = true,
45
- touch = true,
46
- pip = true,
47
- cast = true,
48
- fullscreen = true,
49
- controlsHideDelay = 3000,
50
- theme,
51
- subtitles,
52
- ads,
53
- i18n,
54
- // Event callbacks
55
- onPlay,
56
- onPause,
57
- onEnded,
58
- onTimeUpdate,
59
- onProgress,
60
- onVolumeChange,
61
- onFullscreenChange,
62
- onError,
63
- onReady,
64
- // Children for custom overlays
65
- children,
66
- ...restProps
67
- } = props;
68
- const containerRef = useRef(null);
69
- const playerRef = useRef(null);
70
- const [isReady, setIsReady] = useState(false);
71
-
72
- // Initialize player
73
- useEffect(() => {
74
- if (!containerRef.current) return;
75
-
76
- // Create player instance
77
- const player = new PlexPlayer({
78
- container: containerRef.current,
79
- autoplay,
80
- muted,
81
- loop,
82
- volume,
83
- poster,
84
- preload,
85
- keyboard,
86
- touch,
87
- pip,
88
- cast,
89
- fullscreen,
90
- controlsHideDelay,
91
- theme,
92
- subtitles,
93
- ads,
94
- i18n
95
- });
96
- playerRef.current = player;
97
-
98
- // Bind events
99
- if (onPlay) player.on('play', onPlay);
100
- if (onPause) player.on('pause', onPause);
101
- if (onEnded) player.on('ended', onEnded);
102
- if (onTimeUpdate) {
103
- player.on('timeupdate', data => onTimeUpdate(data.currentTime));
104
- }
105
- if (onProgress) {
106
- player.on('progress', data => onProgress(data.buffered));
107
- }
108
- if (onVolumeChange) {
109
- player.on('volumechange', data => onVolumeChange(data.volume, data.muted));
110
- }
111
- if (onFullscreenChange) {
112
- player.on('fullscreenchange', data => onFullscreenChange(data.isFullscreen));
113
- }
114
- if (onError) {
115
- player.on('error', onError);
116
- }
117
- setIsReady(true);
118
- if (onReady) {
119
- onReady(player);
120
- }
121
-
122
- // Cleanup
123
- return () => {
124
- player.destroy();
125
- playerRef.current = null;
126
- };
127
- }, []);
128
-
129
- // Load source when src changes
130
- useEffect(() => {
131
- if (!playerRef.current || !isReady) return;
132
- if (src) {
133
- playerRef.current.load(src);
134
- }
135
- }, [src, isReady]);
136
-
137
- // Load playlist when playlist changes
138
- useEffect(() => {
139
- if (!playerRef.current || !isReady || !playlist) return;
140
- playerRef.current.loadPlaylist(playlist);
141
- }, [playlist, isReady]);
142
-
143
- // Update volume
144
- useEffect(() => {
145
- if (playerRef.current && isReady) {
146
- playerRef.current.setVolume(volume);
147
- }
148
- }, [volume, isReady]);
149
-
150
- // Update muted
151
- useEffect(() => {
152
- if (playerRef.current && isReady) {
153
- if (muted) {
154
- playerRef.current.mute();
155
- } else {
156
- playerRef.current.unmute();
157
- }
158
- }
159
- }, [muted, isReady]);
160
-
161
- // Expose player methods via ref
162
- useImperativeHandle(ref, () => ({
163
- play: () => playerRef.current?.play(),
164
- pause: () => playerRef.current?.pause(),
165
- togglePlay: () => playerRef.current?.togglePlay(),
166
- seek: time => playerRef.current?.seek(time),
167
- seekPercent: percent => playerRef.current?.seekPercent(percent),
168
- setVolume: vol => playerRef.current?.setVolume(vol),
169
- getVolume: () => playerRef.current?.getVolume(),
170
- mute: () => playerRef.current?.mute(),
171
- unmute: () => playerRef.current?.unmute(),
172
- toggleMute: () => playerRef.current?.toggleMute(),
173
- isMuted: () => playerRef.current?.isMuted(),
174
- setPlaybackRate: rate => playerRef.current?.setPlaybackRate(rate),
175
- enterFullscreen: () => playerRef.current?.enterFullscreen(),
176
- exitFullscreen: () => playerRef.current?.exitFullscreen(),
177
- toggleFullscreen: () => playerRef.current?.toggleFullscreen(),
178
- enterPiP: () => playerRef.current?.enterPiP(),
179
- exitPiP: () => playerRef.current?.exitPiP(),
180
- togglePiP: () => playerRef.current?.togglePiP(),
181
- cast: () => playerRef.current?.cast(),
182
- getState: () => playerRef.current?.getState(),
183
- getPlayer: () => playerRef.current,
184
- next: () => playerRef.current?.next(),
185
- previous: () => playerRef.current?.previous(),
186
- playAt: index => playerRef.current?.playAt(index)
187
- }));
188
- return /*#__PURE__*/jsx(PlexPlayerContext.Provider, {
189
- value: playerRef.current,
190
- children: /*#__PURE__*/jsx("div", {
191
- ref: containerRef,
192
- className: `plex-player-container ${className}`,
193
- style: {
194
- width: '100%',
195
- aspectRatio: '16 / 9',
196
- position: 'relative',
197
- ...style
198
- },
199
- ...restProps,
200
- children: children
201
- })
202
- });
203
- });
204
-
205
- // Additional hooks for convenience
206
- const usePlexPlayerState = () => {
207
- const player = usePlexPlayer();
208
- const [state, setState] = useState(null);
209
- useEffect(() => {
210
- if (!player) return;
211
- const updateState = () => {
212
- setState(player.getState());
213
- };
214
-
215
- // Update on every timeupdate
216
- player.on('timeupdate', updateState);
217
- player.on('play', updateState);
218
- player.on('pause', updateState);
219
- player.on('volumechange', updateState);
220
- player.on('fullscreenchange', updateState);
221
-
222
- // Initial state
223
- updateState();
224
- return () => {
225
- player.off('timeupdate', updateState);
226
- player.off('play', updateState);
227
- player.off('pause', updateState);
228
- player.off('volumechange', updateState);
229
- player.off('fullscreenchange', updateState);
230
- };
231
- }, [player]);
232
- return state;
233
- };
234
- const usePlexPlayerTime = () => {
235
- const player = usePlexPlayer();
236
- const [time, setTime] = useState({
237
- current: 0,
238
- duration: 0
239
- });
240
- useEffect(() => {
241
- if (!player) return;
242
- const updateTime = data => {
243
- setTime({
244
- current: data.currentTime,
245
- duration: data.duration
246
- });
247
- };
248
- player.on('timeupdate', updateTime);
249
- return () => {
250
- player.off('timeupdate', updateTime);
251
- };
252
- }, [player]);
253
- return time;
254
- };
255
-
256
- export { PlexPlayerReact, PlexPlayerReact as default, usePlexPlayer, usePlexPlayerState, usePlexPlayerTime };
257
- //# sourceMappingURL=index.esm.js.map
@@ -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.6
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
-