@chunkify/player-react 1.0.2 → 1.2.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.
package/dist/index.d.ts CHANGED
@@ -54,11 +54,13 @@ export type ChunkifyPlayerProps = HostProps & MediaCallbacks & {
54
54
  children?: ReactNode | undefined;
55
55
  ref?: Ref<ChunkifyPlayerRef> | undefined;
56
56
  src?: string | null | undefined;
57
+ type?: string | null | undefined;
57
58
  poster?: string | null | undefined;
58
59
  thumbnails?: string | null | undefined;
59
60
  preload?: string | null | undefined;
60
61
  crossOrigin?: string | null | undefined;
61
62
  credentials?: PlayerCredentials | null | undefined;
63
+ capRenditionToPlayerSize?: boolean | undefined;
62
64
  theme?: string | null | undefined;
63
65
  aspectRatio?: PlayerAspectRatio | null | undefined;
64
66
  primaryColor?: string | null | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
package/dist/index.js CHANGED
@@ -88,6 +88,7 @@ export function ChunkifyPlayer(props) {
88
88
  playsInline: props.playsInline ?? false,
89
89
  controls: props.controls ?? false,
90
90
  autoSeekToLive: props.autoSeekToLive ?? false,
91
+ capRenditionToPlayerSize: props.capRenditionToPlayerSize ?? true,
91
92
  };
92
93
  for (const name of callbackNames)
93
94
  delete elementProps[name];
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport {\n createElement,\n useCallback,\n useEffect,\n useLayoutEffect,\n useRef,\n useState,\n type CSSProperties,\n type DOMAttributes,\n type HTMLAttributes,\n type ReactElement,\n type ReactNode,\n type Ref,\n} from \"react\";\nimport type {\n ChunkifyPlayer as PlayerElement,\n PlaybackErrorDetail,\n PlayerAspectRatio,\n PlayerCredentials,\n} from \"@chunkify/player\";\n\nconst mediaEvents = {\n onAbort: \"abort\",\n onCanPlay: \"canplay\",\n onCanPlayThrough: \"canplaythrough\",\n onDurationChange: \"durationchange\",\n onEmptied: \"emptied\",\n onEnded: \"ended\",\n onError: \"error\",\n onLoadedData: \"loadeddata\",\n onLoadedMetadata: \"loadedmetadata\",\n onLoadStart: \"loadstart\",\n onPause: \"pause\",\n onPlay: \"play\",\n onPlaying: \"playing\",\n onProgress: \"progress\",\n onRateChange: \"ratechange\",\n onResize: \"resize\",\n onSeeked: \"seeked\",\n onSeeking: \"seeking\",\n onStalled: \"stalled\",\n onSuspend: \"suspend\",\n onTimeUpdate: \"timeupdate\",\n onVolumeChange: \"volumechange\",\n onWaiting: \"waiting\",\n onPlaybackError: \"playback-error\",\n} as const;\n\nconst callbackNames = Object.keys(mediaEvents) as Array<keyof typeof mediaEvents>;\n\nexport type ChunkifyPlayerRef = PlayerElement;\nexport type PlayerMediaEvent = Event & { readonly currentTarget: PlayerElement };\nexport type PlayerPlaybackErrorEvent = CustomEvent<PlaybackErrorDetail> & {\n readonly currentTarget: PlayerElement;\n};\ntype MediaCallbacks = {\n [K in keyof typeof mediaEvents]?: ((event: K extends \"onPlaybackError\"\n ? PlayerPlaybackErrorEvent\n : PlayerMediaEvent) => void) | undefined;\n};\n\nexport type ChunkifyPlayerStyle = CSSProperties & {\n \"--media-object-fit\"?: CSSProperties[\"objectFit\"] | undefined;\n \"--media-object-position\"?: CSSProperties[\"objectPosition\"] | undefined;\n \"--play-button\"?: CSSProperties[\"display\"] | undefined;\n \"--mute-button\"?: CSSProperties[\"display\"] | undefined;\n \"--captions-button\"?: CSSProperties[\"display\"] | undefined;\n \"--pip-button\"?: CSSProperties[\"display\"] | undefined;\n \"--fullscreen-button\"?: CSSProperties[\"display\"] | undefined;\n \"--airplay-button\"?: CSSProperties[\"display\"] | undefined;\n \"--cast-button\"?: CSSProperties[\"display\"] | undefined;\n};\ntype HostProps = Omit<\n HTMLAttributes<PlayerElement>,\n keyof DOMAttributes<PlayerElement> | \"style\"\n> & { style?: ChunkifyPlayerStyle | undefined };\n\nexport type ChunkifyPlayerProps = HostProps & MediaCallbacks & {\n children?: ReactNode | undefined;\n ref?: Ref<ChunkifyPlayerRef> | undefined;\n src?: string | null | undefined;\n poster?: string | null | undefined;\n thumbnails?: string | null | undefined;\n preload?: string | null | undefined;\n crossOrigin?: string | null | undefined;\n credentials?: PlayerCredentials | null | undefined;\n theme?: string | null | undefined;\n aspectRatio?: PlayerAspectRatio | null | undefined;\n primaryColor?: string | null | undefined;\n secondaryColor?: string | null | undefined;\n accentColor?: string | null | undefined;\n autoPlay?: boolean | undefined;\n loop?: boolean | undefined;\n muted?: boolean | undefined;\n autoSeekToLive?: boolean | undefined;\n controls?: boolean | undefined;\n playsInline?: boolean | undefined;\n};\n\nexport function ChunkifyPlayer(props: ChunkifyPlayerProps): ReactElement | null {\n const { ref, ...hostProps } = props;\n const elementRef = useRef<PlayerElement | null>(null);\n const attachRef = useCallback((element: PlayerElement | null) => {\n elementRef.current = element;\n const cleanup = typeof ref === \"function\" ? ref(element) : undefined;\n if (ref && typeof ref !== \"function\") ref.current = element;\n return () => {\n elementRef.current = null;\n if (typeof cleanup === \"function\") cleanup();\n else if (typeof ref === \"function\") ref(null);\n else if (ref) ref.current = null;\n };\n }, [ref]);\n const [registered, setRegistered] = useState(false);\n const [failure, setFailure] = useState<{ error: unknown } | null>(null);\n\n useEffect(() => {\n let active = true;\n void import(\"@chunkify/player\").then(\n () => { if (active) setRegistered(true); },\n (error: unknown) => { if (active) setFailure({ error }); },\n );\n return () => { active = false; };\n }, []);\n\n useLayoutEffect(() => {\n const element = elementRef.current;\n if (!element) return;\n const removeListeners: Array<() => void> = [];\n for (const name of callbackNames) {\n const callback = props[name];\n if (!callback) continue;\n const listener = (event: Event) => {\n if (name === \"onPlaybackError\") props[name]?.(event as PlayerPlaybackErrorEvent);\n else props[name]?.(event as PlayerMediaEvent);\n };\n element.addEventListener(mediaEvents[name], listener);\n removeListeners.push(() => element.removeEventListener(mediaEvents[name], listener));\n }\n return () => { for (const remove of removeListeners) remove(); };\n }, [registered, props]);\n\n if (failure) throw failure.error;\n if (!registered) return null;\n\n const elementProps: Record<string, unknown> = {\n ...hostProps,\n ref: attachRef,\n autoPlay: props.autoPlay ?? false,\n muted: props.muted ?? false,\n loop: props.loop ?? false,\n playsInline: props.playsInline ?? false,\n controls: props.controls ?? false,\n autoSeekToLive: props.autoSeekToLive ?? false,\n };\n for (const name of callbackNames) delete elementProps[name];\n return createElement(\"chunkify-player\", elementProps);\n}\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport {\n createElement,\n useCallback,\n useEffect,\n useLayoutEffect,\n useRef,\n useState,\n type CSSProperties,\n type DOMAttributes,\n type HTMLAttributes,\n type ReactElement,\n type ReactNode,\n type Ref,\n} from \"react\";\nimport type {\n ChunkifyPlayer as PlayerElement,\n PlaybackErrorDetail,\n PlayerAspectRatio,\n PlayerCredentials,\n} from \"@chunkify/player\";\n\nconst mediaEvents = {\n onAbort: \"abort\",\n onCanPlay: \"canplay\",\n onCanPlayThrough: \"canplaythrough\",\n onDurationChange: \"durationchange\",\n onEmptied: \"emptied\",\n onEnded: \"ended\",\n onError: \"error\",\n onLoadedData: \"loadeddata\",\n onLoadedMetadata: \"loadedmetadata\",\n onLoadStart: \"loadstart\",\n onPause: \"pause\",\n onPlay: \"play\",\n onPlaying: \"playing\",\n onProgress: \"progress\",\n onRateChange: \"ratechange\",\n onResize: \"resize\",\n onSeeked: \"seeked\",\n onSeeking: \"seeking\",\n onStalled: \"stalled\",\n onSuspend: \"suspend\",\n onTimeUpdate: \"timeupdate\",\n onVolumeChange: \"volumechange\",\n onWaiting: \"waiting\",\n onPlaybackError: \"playback-error\",\n} as const;\n\nconst callbackNames = Object.keys(mediaEvents) as Array<keyof typeof mediaEvents>;\n\nexport type ChunkifyPlayerRef = PlayerElement;\nexport type PlayerMediaEvent = Event & { readonly currentTarget: PlayerElement };\nexport type PlayerPlaybackErrorEvent = CustomEvent<PlaybackErrorDetail> & {\n readonly currentTarget: PlayerElement;\n};\ntype MediaCallbacks = {\n [K in keyof typeof mediaEvents]?: ((event: K extends \"onPlaybackError\"\n ? PlayerPlaybackErrorEvent\n : PlayerMediaEvent) => void) | undefined;\n};\n\nexport type ChunkifyPlayerStyle = CSSProperties & {\n \"--media-object-fit\"?: CSSProperties[\"objectFit\"] | undefined;\n \"--media-object-position\"?: CSSProperties[\"objectPosition\"] | undefined;\n \"--play-button\"?: CSSProperties[\"display\"] | undefined;\n \"--mute-button\"?: CSSProperties[\"display\"] | undefined;\n \"--captions-button\"?: CSSProperties[\"display\"] | undefined;\n \"--pip-button\"?: CSSProperties[\"display\"] | undefined;\n \"--fullscreen-button\"?: CSSProperties[\"display\"] | undefined;\n \"--airplay-button\"?: CSSProperties[\"display\"] | undefined;\n \"--cast-button\"?: CSSProperties[\"display\"] | undefined;\n};\ntype HostProps = Omit<\n HTMLAttributes<PlayerElement>,\n keyof DOMAttributes<PlayerElement> | \"style\"\n> & { style?: ChunkifyPlayerStyle | undefined };\n\nexport type ChunkifyPlayerProps = HostProps & MediaCallbacks & {\n children?: ReactNode | undefined;\n ref?: Ref<ChunkifyPlayerRef> | undefined;\n src?: string | null | undefined;\n type?: string | null | undefined;\n poster?: string | null | undefined;\n thumbnails?: string | null | undefined;\n preload?: string | null | undefined;\n crossOrigin?: string | null | undefined;\n credentials?: PlayerCredentials | null | undefined;\n capRenditionToPlayerSize?: boolean | undefined;\n theme?: string | null | undefined;\n aspectRatio?: PlayerAspectRatio | null | undefined;\n primaryColor?: string | null | undefined;\n secondaryColor?: string | null | undefined;\n accentColor?: string | null | undefined;\n autoPlay?: boolean | undefined;\n loop?: boolean | undefined;\n muted?: boolean | undefined;\n autoSeekToLive?: boolean | undefined;\n controls?: boolean | undefined;\n playsInline?: boolean | undefined;\n};\n\nexport function ChunkifyPlayer(props: ChunkifyPlayerProps): ReactElement | null {\n const { ref, ...hostProps } = props;\n const elementRef = useRef<PlayerElement | null>(null);\n const attachRef = useCallback((element: PlayerElement | null) => {\n elementRef.current = element;\n const cleanup = typeof ref === \"function\" ? ref(element) : undefined;\n if (ref && typeof ref !== \"function\") ref.current = element;\n return () => {\n elementRef.current = null;\n if (typeof cleanup === \"function\") cleanup();\n else if (typeof ref === \"function\") ref(null);\n else if (ref) ref.current = null;\n };\n }, [ref]);\n const [registered, setRegistered] = useState(false);\n const [failure, setFailure] = useState<{ error: unknown } | null>(null);\n\n useEffect(() => {\n let active = true;\n void import(\"@chunkify/player\").then(\n () => { if (active) setRegistered(true); },\n (error: unknown) => { if (active) setFailure({ error }); },\n );\n return () => { active = false; };\n }, []);\n\n useLayoutEffect(() => {\n const element = elementRef.current;\n if (!element) return;\n const removeListeners: Array<() => void> = [];\n for (const name of callbackNames) {\n const callback = props[name];\n if (!callback) continue;\n const listener = (event: Event) => {\n if (name === \"onPlaybackError\") props[name]?.(event as PlayerPlaybackErrorEvent);\n else props[name]?.(event as PlayerMediaEvent);\n };\n element.addEventListener(mediaEvents[name], listener);\n removeListeners.push(() => element.removeEventListener(mediaEvents[name], listener));\n }\n return () => { for (const remove of removeListeners) remove(); };\n }, [registered, props]);\n\n if (failure) throw failure.error;\n if (!registered) return null;\n\n const elementProps: Record<string, unknown> = {\n ...hostProps,\n ref: attachRef,\n autoPlay: props.autoPlay ?? false,\n muted: props.muted ?? false,\n loop: props.loop ?? false,\n playsInline: props.playsInline ?? false,\n controls: props.controls ?? false,\n autoSeekToLive: props.autoSeekToLive ?? false,\n capRenditionToPlayerSize: props.capRenditionToPlayerSize ?? true,\n };\n for (const name of callbackNames) delete elementProps[name];\n return createElement(\"chunkify-player\", elementProps);\n}\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@chunkify/player-react",
3
- "version": "1.0.2",
3
+ "version": "1.2.0",
4
4
  "description": "Typed React wrapper for the Chunkify player Web Component",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -34,7 +34,7 @@
34
34
  "prepack": "npm run build"
35
35
  },
36
36
  "dependencies": {
37
- "@chunkify/player": "1.1.0"
37
+ "@chunkify/player": "1.3.0"
38
38
  },
39
39
  "peerDependencies": {
40
40
  "react": "^19.0.0"
package/src/index.ts CHANGED
@@ -81,11 +81,13 @@ export type ChunkifyPlayerProps = HostProps & MediaCallbacks & {
81
81
  children?: ReactNode | undefined;
82
82
  ref?: Ref<ChunkifyPlayerRef> | undefined;
83
83
  src?: string | null | undefined;
84
+ type?: string | null | undefined;
84
85
  poster?: string | null | undefined;
85
86
  thumbnails?: string | null | undefined;
86
87
  preload?: string | null | undefined;
87
88
  crossOrigin?: string | null | undefined;
88
89
  credentials?: PlayerCredentials | null | undefined;
90
+ capRenditionToPlayerSize?: boolean | undefined;
89
91
  theme?: string | null | undefined;
90
92
  aspectRatio?: PlayerAspectRatio | null | undefined;
91
93
  primaryColor?: string | null | undefined;
@@ -154,6 +156,7 @@ export function ChunkifyPlayer(props: ChunkifyPlayerProps): ReactElement | null
154
156
  playsInline: props.playsInline ?? false,
155
157
  controls: props.controls ?? false,
156
158
  autoSeekToLive: props.autoSeekToLive ?? false,
159
+ capRenditionToPlayerSize: props.capRenditionToPlayerSize ?? true,
157
160
  };
158
161
  for (const name of callbackNames) delete elementProps[name];
159
162
  return createElement("chunkify-player", elementProps);