@videojs/react 10.0.0-beta.3 → 10.0.0-beta.30

package/dist/dev/media/cloudflare-video/media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","names":[],"sources":["../../../../src/media/cloudflare-video/media.tsx"],"sourcesContent":["'use client';\n\nimport type { CloudflareMediaProps } from '@videojs/media/dom/cloudflare';\nimport { buildCloudflareIframeSrc, CloudflareMedia, cloudflareMediaDefaultProps } from '@videojs/media/dom/cloudflare';\nimport type { ReactNode } from 'react';\nimport { forwardRef, useState } from 'react';\nimport { useAttachIframe } from '../../utils/use-attach-iframe';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface CloudflareVideoProps extends Partial<CloudflareMediaProps> {\n  children?: ReactNode;\n}\n\nexport const CloudflareVideo = forwardRef<HTMLIFrameElement, CloudflareVideoProps>(function CloudflareVideo(\n  { children, ...rawProps },\n  ref\n) {\n  const media = useMediaInstance(CloudflareMedia);\n  const props: Partial<CloudflareMediaProps> & Record<string, unknown> = { ...rawProps };\n  const attachRef = useAttachIframe(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const [initialSrc] = useState(() =>\n    // `source.src` is the only other way to name a video, so honor it when `src` is absent.\n    buildCloudflareIframeSrc(props.src || props.source?.src || '', {\n      ...cloudflareMediaDefaultProps,\n      ...props,\n      // The embed reads mute once, out of the URL it is rendered with, and either\n      // prop says to start muted. Leaving `muted` out of the URL would leave a\n      // muted autoplay blocked by the browser, since the embed comes up audible.\n      defaultMuted: !!(props.defaultMuted || props.muted),\n    })\n  );\n  const iframeProps = useSyncProps<CloudflareMediaProps, Record<string, unknown>>(\n    media,\n    props,\n    cloudflareMediaDefaultProps\n  );\n\n  return (\n    <iframe\n      title=\"Cloudflare Stream video player\"\n      // Empty means there is no embed to point at yet; React warns about `src=\"\"`,\n      // and the media builds the URL itself once a source resolves.\n      src={initialSrc || undefined}\n      data-cross-origin-frame\n      allow=\"accelerometer; fullscreen; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n      allowFullScreen\n      frameBorder={0}\n      width=\"100%\"\n      height=\"100%\"\n      referrerPolicy={props.source?.engine?.cloudflare?.referrerPolicy}\n      {...iframeProps}\n      ref={composedRef}\n    >\n      {children}\n    </iframe>\n  );\n});\n\nexport namespace CloudflareVideo {\n  export type Props = CloudflareVideoProps;\n}\n"],"mappings":";;;;;;;;;AAeA,MAAa,kBAAkB,WAAoD,SAAS,gBAC1F,EAAE,UAAU,GAAG,YACf,KACA;CACA,MAAM,QAAQ,iBAAiB,eAAe;CAC9C,MAAM,QAAiE,EAAE,GAAG,SAAS;CAErF,MAAM,cAAc,gBADF,gBAAgB,KACU,GAAG,GAAG;CAClD,MAAM,CAAC,cAAc,eAEnB,yBAAyB,MAAM,OAAO,MAAM,QAAQ,OAAO,IAAI;EAC7D,GAAG;EACH,GAAG;EAIH,cAAc,CAAC,EAAE,MAAM,gBAAgB,MAAM;CAC/C,CAAC,CACH;CACA,MAAM,cAAc,aAClB,OACA,OACA,2BACF;CAEA,OACE,oBAAC,UAAD;EACE,OAAM;EAGN,KAAK,cAAc,KAAA;EACnB,2BAAA;EACA,OAAM;EACN,iBAAA;EACA,aAAa;EACb,OAAM;EACN,QAAO;EACP,gBAAgB,MAAM,QAAQ,QAAQ,YAAY;EAClD,GAAI;EACJ,KAAK;EAEJ;CACK,CAAA;AAEZ,CAAC"}

package/dist/dev/media/dash-video/index.d.ts

@@ -0,0 +1,2 @@
+import { DashVideo, DashVideoProps } from "./media.js";
+export { DashVideo, DashVideoProps };

package/dist/dev/media/dash-video/index.js

@@ -0,0 +1,2 @@
+import { DashVideo } from "./media.js";
+export { DashVideo };

package/dist/dev/media/dash-video/media.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode, VideoHTMLAttributes } from "react";
+import { DashMediaProps } from "@videojs/media/dom/dash";
+//#region src/media/dash-video/media.d.ts
+interface DashVideoProps extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof DashMediaProps>, Partial<DashMediaProps> {
+  children?: ReactNode;
+}
+declare const DashVideo: import("react").ForwardRefExoticComponent<DashVideoProps & import("react").RefAttributes<HTMLVideoElement>>;
+declare namespace DashVideo {
+  type Props = DashVideoProps;
+}
+//#endregion
+export { DashVideo, DashVideoProps };
+//# sourceMappingURL=media.d.ts.map

package/dist/dev/media/dash-video/media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","names":[],"sources":["../../../../src/media/dash-video/media.tsx"],"mappings":";;;UAWiB,uBACP,KAAK,oBAAoB,yBAAyB,iBACxD,QAAQ;EACV,WAAW;;cAGA,2BAAS,0BAAA,iCAAA,cAAA;kBAaL;OACH,QAAQ"}

package/dist/dev/media/dash-video/media.js

@@ -0,0 +1,21 @@
+"use client";
+import { useComposedRefs } from "../../utils/use-composed-refs.js";
+import { useAttachMedia } from "../../utils/use-attach-media.js";
+import { useMediaInstance } from "../../utils/use-media-instance.js";
+import { useSyncProps } from "../../utils/use-sync-props.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { DashMedia, dashMediaDefaultProps } from "@videojs/media/dom/dash";
+//#region src/media/dash-video/media.tsx
+const DashVideo = forwardRef(function DashVideo({ children, ...props }, ref) {
+	const media = useMediaInstance(DashMedia);
+	return /* @__PURE__ */ jsx("video", {
+		ref: useComposedRefs(useAttachMedia(media), ref),
+		...useSyncProps(media, props, dashMediaDefaultProps),
+		children
+	});
+});
+//#endregion
+export { DashVideo };
+
+//# sourceMappingURL=media.js.map

package/dist/dev/media/dash-video/media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","names":[],"sources":["../../../../src/media/dash-video/media.tsx"],"sourcesContent":["'use client';\n\nimport type { DashMediaProps } from '@videojs/media/dom/dash';\nimport { DashMedia, dashMediaDefaultProps } from '@videojs/media/dom/dash';\nimport type { ReactNode, VideoHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface DashVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof DashMediaProps>,\n    Partial<DashMediaProps> {\n  children?: ReactNode;\n}\n\nexport const DashVideo = forwardRef<HTMLVideoElement, DashVideoProps>(function DashVideo({ children, ...props }, ref) {\n  const media = useMediaInstance(DashMedia);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, dashMediaDefaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace DashVideo {\n  export type Props = DashVideoProps;\n}\n"],"mappings":";;;;;;;;;AAiBA,MAAa,YAAY,WAA6C,SAAS,UAAU,EAAE,UAAU,GAAG,SAAS,KAAK;CACpH,MAAM,QAAQ,iBAAiB,SAAS;CAKxC,OACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,KACW,GAAG,GAIvB;EAAG,GAHT,aAAa,OAAO,OAAO,qBAGN;EAClC;CACI,CAAA;AAEX,CAAC"}

package/dist/dev/media/google-cast/google-cast.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from "react";
+import { GoogleCastProps } from "@videojs/media/dom/google-cast";
+//#region src/media/google-cast/google-cast.d.ts
+type GoogleCastProps$1 = Partial<GoogleCastProps>;
+/**
+ * Adds Google Cast support to the surrounding player's media.
+ *
+ * Renders nothing — place it inside the Player as a sibling of the
+ * media component (e.g. `<HlsJsVideo />`) and it registers a `GoogleCast`
+ * media component with the active media.
+ *
+ * @example
+ * ```tsx
+ * <Player>
+ *   <HlsJsVideo src="https://example.com/stream.m3u8" />
+ *   <GoogleCast receiver="YOUR_APP_ID" />
+ * </Player>
+ * ```
+ */
+declare function GoogleCast$1(props: GoogleCastProps$1): ReactNode;
+declare namespace GoogleCast$1 {
+  type Props = GoogleCastProps$1;
+}
+//#endregion
+export { GoogleCast$1 as GoogleCast, GoogleCastProps$1 as GoogleCastProps };
+//# sourceMappingURL=google-cast.d.ts.map

package/dist/dev/media/google-cast/google-cast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"google-cast.d.ts","names":[],"sources":["../../../../src/media/google-cast/google-cast.tsx"],"mappings":";;;KASY,oBAAkB,QAAQ;;;;;;;;;;;;;;;;iBAiBtB,aAAW,OAAO,oBAAkB;kBAQnC;OACH,QAAQ"}

package/dist/dev/media/google-cast/google-cast.js

@@ -0,0 +1,28 @@
+"use client";
+import { useMediaComponent } from "../../utils/use-media-component.js";
+import { useSyncProps } from "../../utils/use-sync-props.js";
+import { GoogleCast, googleCastDefaultProps } from "@videojs/media/dom/google-cast";
+//#region src/media/google-cast/google-cast.tsx
+/**
+* Adds Google Cast support to the surrounding player's media.
+*
+* Renders nothing — place it inside the Player as a sibling of the
+* media component (e.g. `<HlsJsVideo />`) and it registers a `GoogleCast`
+* media component with the active media.
+*
+* @example
+* ```tsx
+* <Player>
+*   <HlsJsVideo src="https://example.com/stream.m3u8" />
+*   <GoogleCast receiver="YOUR_APP_ID" />
+* </Player>
+* ```
+*/
+function GoogleCast$1(props) {
+	useSyncProps(useMediaComponent(GoogleCast), props, googleCastDefaultProps);
+	return null;
+}
+//#endregion
+export { GoogleCast$1 as GoogleCast };
+
+//# sourceMappingURL=google-cast.js.map

package/dist/dev/media/google-cast/google-cast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"google-cast.js","names":["GoogleCast","GoogleCastComponent"],"sources":["../../../../src/media/google-cast/google-cast.tsx"],"sourcesContent":["'use client';\n\nimport type { GoogleCastProps as GoogleCastComponentProps } from '@videojs/media/dom/google-cast';\nimport { GoogleCast as GoogleCastComponent, googleCastDefaultProps } from '@videojs/media/dom/google-cast';\nimport type { ReactNode } from 'react';\n\nimport { useMediaComponent } from '../../utils/use-media-component';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport type GoogleCastProps = Partial<GoogleCastComponentProps>;\n\n/**\n * Adds Google Cast support to the surrounding player's media.\n *\n * Renders nothing — place it inside the Player as a sibling of the\n * media component (e.g. `<HlsJsVideo />`) and it registers a `GoogleCast`\n * media component with the active media.\n *\n * @example\n * ```tsx\n * <Player>\n *   <HlsJsVideo src=\"https://example.com/stream.m3u8\" />\n *   <GoogleCast receiver=\"YOUR_APP_ID\" />\n * </Player>\n * ```\n */\nexport function GoogleCast(props: GoogleCastProps): ReactNode {\n  const component = useMediaComponent(GoogleCastComponent);\n\n  useSyncProps(component, props, googleCastDefaultProps);\n\n  return null;\n}\n\nexport namespace GoogleCast {\n  export type Props = GoogleCastProps;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0BA,SAAgBA,aAAW,OAAmC;CAG5D,aAFkB,kBAAkBC,UAEf,GAAG,OAAO,sBAAsB;CAErD,OAAO;AACT"}

package/dist/dev/media/google-cast/index.d.ts

@@ -0,0 +1,2 @@
+import { GoogleCast, GoogleCastProps } from "./google-cast.js";
+export { GoogleCast, GoogleCastProps };

package/dist/dev/media/google-cast/index.js

@@ -0,0 +1,2 @@
+import { GoogleCast } from "./google-cast.js";
+export { GoogleCast };

package/dist/dev/media/hls-audio/index.d.ts

@@ -0,0 +1,2 @@
+import { HlsAudio, HlsAudioProps } from "./media.js";
+export { HlsAudio, HlsAudioProps };

package/dist/dev/media/hls-audio/index.js

@@ -0,0 +1,2 @@
+import { HlsAudio } from "./media.js";
+export { HlsAudio };

package/dist/dev/media/hls-audio/media.d.ts

@@ -0,0 +1,13 @@
+import { AudioHTMLAttributes, ReactNode } from "react";
+import { HlsAudioMediaProps } from "@videojs/spf/hls-audio";
+//#region src/media/hls-audio/media.d.ts
+interface HlsAudioProps extends Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof HlsAudioMediaProps>, Partial<HlsAudioMediaProps> {
+  children?: ReactNode;
+}
+declare const HlsAudio: import("react").ForwardRefExoticComponent<HlsAudioProps & import("react").RefAttributes<HTMLAudioElement>>;
+declare namespace HlsAudio {
+  type Props = HlsAudioProps;
+}
+//#endregion
+export { HlsAudio, HlsAudioProps };
+//# sourceMappingURL=media.d.ts.map

package/dist/dev/media/hls-audio/media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","names":[],"sources":["../../../../src/media/hls-audio/media.tsx"],"mappings":";;;UAWiB,sBACP,KAAK,oBAAoB,yBAAyB,qBACxD,QAAQ;EACV,WAAW;;cAGA,0BAAQ,0BAAA,gCAAA,cAAA;kBAaJ;OACH,QAAQ"}

package/dist/dev/media/hls-audio/media.js

@@ -0,0 +1,21 @@
+"use client";
+import { useComposedRefs } from "../../utils/use-composed-refs.js";
+import { useAttachMedia } from "../../utils/use-attach-media.js";
+import { useMediaInstance } from "../../utils/use-media-instance.js";
+import { useSyncProps } from "../../utils/use-sync-props.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { HlsAudioMedia, hlsAudioMediaDefaultProps } from "@videojs/spf/hls-audio";
+//#region src/media/hls-audio/media.tsx
+const HlsAudio = forwardRef(function HlsAudio({ children, ...props }, ref) {
+	const media = useMediaInstance(HlsAudioMedia);
+	return /* @__PURE__ */ jsx("audio", {
+		ref: useComposedRefs(useAttachMedia(media), ref),
+		...useSyncProps(media, props, hlsAudioMediaDefaultProps),
+		children
+	});
+});
+//#endregion
+export { HlsAudio };
+
+//# sourceMappingURL=media.js.map

package/dist/dev/media/hls-audio/media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","names":[],"sources":["../../../../src/media/hls-audio/media.tsx"],"sourcesContent":["'use client';\n\nimport type { HlsAudioMediaProps } from '@videojs/spf/hls-audio';\nimport { HlsAudioMedia, hlsAudioMediaDefaultProps } from '@videojs/spf/hls-audio';\nimport type { AudioHTMLAttributes, ReactNode } from 'react';\nimport { forwardRef } from 'react';\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface HlsAudioProps\n  extends Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof HlsAudioMediaProps>,\n    Partial<HlsAudioMediaProps> {\n  children?: ReactNode;\n}\n\nexport const HlsAudio = forwardRef<HTMLAudioElement, HlsAudioProps>(function HlsAudio({ children, ...props }, ref) {\n  const media = useMediaInstance(HlsAudioMedia);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, hlsAudioMediaDefaultProps);\n\n  return (\n    <audio ref={composedRef} {...htmlProps}>\n      {children}\n    </audio>\n  );\n});\n\nexport namespace HlsAudio {\n  export type Props = HlsAudioProps;\n}\n"],"mappings":";;;;;;;;;AAiBA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,QAAQ,iBAAiB,aAAa;CAK5C,OACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,KACW,GAAG,GAIvB;EAAG,GAHT,aAAa,OAAO,OAAO,yBAGN;EAClC;CACI,CAAA;AAEX,CAAC"}

package/dist/dev/media/hls-background-video/index.d.ts

@@ -0,0 +1,2 @@
+import { HlsBackgroundVideo, HlsBackgroundVideoProps } from "./media.js";
+export { HlsBackgroundVideo, HlsBackgroundVideoProps };

package/dist/dev/media/hls-background-video/index.js

@@ -0,0 +1,2 @@
+import { HlsBackgroundVideo } from "./media.js";
+export { HlsBackgroundVideo };

package/dist/dev/media/hls-background-video/media.d.ts

@@ -0,0 +1,36 @@
+import { VideoHTMLAttributes } from "react";
+import { HlsBackgroundVideoMediaProps } from "@videojs/spf/hls-background-video";
+//#region src/media/hls-background-video/media.d.ts
+interface HlsBackgroundVideoProps extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsBackgroundVideoMediaProps>, Partial<HlsBackgroundVideoMediaProps> {}
+/**
+ * A muted, looping, chrome-less video over the SPF background-video engine — the
+ * React counterpart to `<hls-background-video>`, and the replacement for the
+ * standalone `mux-background-video` package's component.
+ *
+ * `src` is an HLS URL and the whole surface. Capping which rendition is fetched
+ * is a param on that URL (`?max_resolution=720p` on a Mux stream, for one) rather
+ * than a prop, which keeps the renditions it excludes out of the manifest instead
+ * of merely unpicked.
+ *
+ * There is no structured Mux `source`: playback-ID identity, poster, and
+ * storyboard belong to `MuxVideo`, since none of them mean anything without
+ * controls to hang them on.
+ *
+ * `onError` fires for an unplayable source, which it could not do on its own:
+ * nothing about one reaches the media element, so the `<video>`'s own `error`
+ * stays null at `readyState 0`. The engine reports the condition, the Media
+ * promotes the fatal one, and this component re-fires it on the `<video>` — where
+ * a handler already listening for a failed source receives it. Which condition it
+ * was is on the console and `engine.state.errors`; the handler gets "this source
+ * won't play", which is the decision a background video actually has to make.
+ *
+ * `MuxBackgroundVideo` is this same component under the name the package it
+ * replaces used — an alias, not a variant.
+ */
+declare const HlsBackgroundVideo: import("react").ForwardRefExoticComponent<HlsBackgroundVideoProps & import("react").RefAttributes<HTMLVideoElement>>;
+declare namespace HlsBackgroundVideo {
+  type Props = HlsBackgroundVideoProps;
+}
+//#endregion
+export { HlsBackgroundVideo, HlsBackgroundVideoProps };
+//# sourceMappingURL=media.d.ts.map

package/dist/dev/media/hls-background-video/media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","names":[],"sources":["../../../../src/media/hls-background-video/media.tsx"],"mappings":";;;UAgBiB,gCACP,KAAK,oBAAoB,yBAAyB,+BACxD,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;cA2BC,oCAAkB,0BAAA,0CAAA,cAAA;kBA6Cd;OACH,QAAQ"}

package/dist/dev/media/hls-background-video/media.js

@@ -0,0 +1,60 @@
+"use client";
+import { useComposedRefs } from "../../utils/use-composed-refs.js";
+import { useAttachMedia } from "../../utils/use-attach-media.js";
+import { useMediaInstance } from "../../utils/use-media-instance.js";
+import { useSyncProps } from "../../utils/use-sync-props.js";
+import { forwardRef, useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { HlsBackgroundVideoMedia, hlsBackgroundVideoMediaDefaultProps } from "@videojs/spf/hls-background-video";
+//#region src/media/hls-background-video/media.tsx
+/**
+* A muted, looping, chrome-less video over the SPF background-video engine — the
+* React counterpart to `<hls-background-video>`, and the replacement for the
+* standalone `mux-background-video` package's component.
+*
+* `src` is an HLS URL and the whole surface. Capping which rendition is fetched
+* is a param on that URL (`?max_resolution=720p` on a Mux stream, for one) rather
+* than a prop, which keeps the renditions it excludes out of the manifest instead
+* of merely unpicked.
+*
+* There is no structured Mux `source`: playback-ID identity, poster, and
+* storyboard belong to `MuxVideo`, since none of them mean anything without
+* controls to hang them on.
+*
+* `onError` fires for an unplayable source, which it could not do on its own:
+* nothing about one reaches the media element, so the `<video>`'s own `error`
+* stays null at `readyState 0`. The engine reports the condition, the Media
+* promotes the fatal one, and this component re-fires it on the `<video>` — where
+* a handler already listening for a failed source receives it. Which condition it
+* was is on the console and `engine.state.errors`; the handler gets "this source
+* won't play", which is the decision a background video actually has to make.
+*
+* `MuxBackgroundVideo` is this same component under the name the package it
+* replaces used — an alias, not a variant.
+*/
+const HlsBackgroundVideo = forwardRef(function HlsBackgroundVideo({ children, ...props }, ref) {
+	const media = useMediaInstance(HlsBackgroundVideoMedia);
+	const videoRef = useRef(null);
+	const composedRef = useComposedRefs(useAttachMedia(media), videoRef, ref);
+	const htmlProps = useSyncProps(media, props, hlsBackgroundVideoMediaDefaultProps);
+	useEffect(() => {
+		const forward = () => videoRef.current?.dispatchEvent(new Event("error"));
+		media.addEventListener("error", forward);
+		return () => media.removeEventListener("error", forward);
+	}, [media]);
+	return /* @__PURE__ */ jsx("video", {
+		...htmlProps,
+		ref: composedRef,
+		muted: true,
+		autoPlay: true,
+		loop: true,
+		playsInline: true,
+		disableRemotePlayback: true,
+		disablePictureInPicture: true,
+		children
+	});
+});
+//#endregion
+export { HlsBackgroundVideo };
+
+//# sourceMappingURL=media.js.map

package/dist/dev/media/hls-background-video/media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","names":[],"sources":["../../../../src/media/hls-background-video/media.tsx"],"sourcesContent":["'use client';\n\nimport {\n  HlsBackgroundVideoMedia,\n  type HlsBackgroundVideoMediaProps,\n  hlsBackgroundVideoMediaDefaultProps,\n} from '@videojs/spf/hls-background-video';\nimport type { VideoHTMLAttributes } from 'react';\nimport { forwardRef, useEffect, useRef } from 'react';\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\n// `src` is the only prop the Media owns, taken from the adapter rather than\n// restated here so the two can't disagree about what the surface is.\nexport interface HlsBackgroundVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsBackgroundVideoMediaProps>,\n    Partial<HlsBackgroundVideoMediaProps> {}\n\n/**\n * A muted, looping, chrome-less video over the SPF background-video engine — the\n * React counterpart to `<hls-background-video>`, and the replacement for the\n * standalone `mux-background-video` package's component.\n *\n * `src` is an HLS URL and the whole surface. Capping which rendition is fetched\n * is a param on that URL (`?max_resolution=720p` on a Mux stream, for one) rather\n * than a prop, which keeps the renditions it excludes out of the manifest instead\n * of merely unpicked.\n *\n * There is no structured Mux `source`: playback-ID identity, poster, and\n * storyboard belong to `MuxVideo`, since none of them mean anything without\n * controls to hang them on.\n *\n * `onError` fires for an unplayable source, which it could not do on its own:\n * nothing about one reaches the media element, so the `<video>`'s own `error`\n * stays null at `readyState 0`. The engine reports the condition, the Media\n * promotes the fatal one, and this component re-fires it on the `<video>` — where\n * a handler already listening for a failed source receives it. Which condition it\n * was is on the console and `engine.state.errors`; the handler gets \"this source\n * won't play\", which is the decision a background video actually has to make.\n *\n * `MuxBackgroundVideo` is this same component under the name the package it\n * replaces used — an alias, not a variant.\n */\nexport const HlsBackgroundVideo = forwardRef<HTMLVideoElement, HlsBackgroundVideoProps>(function HlsBackgroundVideo(\n  { children, ...props },\n  ref\n) {\n  const media = useMediaInstance(HlsBackgroundVideoMedia);\n  const videoRef = useRef<HTMLVideoElement>(null);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, videoRef, ref);\n  const htmlProps = useSyncProps(media, props, hlsBackgroundVideoMediaDefaultProps);\n\n  // Re-fired on the element rather than handed to `onError` directly, so React's\n  // own event plumbing delivers it: the handler gets the synthetic event it is\n  // typed for, and anything else listening on the node — the consumer's own\n  // `addEventListener`, a testing-library assertion — sees the same failure.\n  useEffect(() => {\n    const forward = () => videoRef.current?.dispatchEvent(new Event('error'));\n    media.addEventListener('error', forward);\n    return () => media.removeEventListener('error', forward);\n  }, [media]);\n\n  return (\n    // The same set `<hls-background-video>` forces onto its inner video, so the\n    // two platforms present the same surface: silent looping playback with no\n    // affordance a UA could hang chrome on — AirPlay, Cast, and picture-in-picture\n    // all being things a background video has nowhere to put.\n    //\n    // Applied after the spread rather than before it, unlike the generic\n    // `BackgroundVideo`: they're what the component is for, and attaching the\n    // Media re-applies its own anyway, so honoring `muted={false}` would only\n    // look like it worked.\n    <video\n      {...htmlProps}\n      ref={composedRef}\n      muted\n      autoPlay\n      loop\n      playsInline\n      disableRemotePlayback\n      disablePictureInPicture\n    >\n      {children}\n    </video>\n  );\n});\n\nexport namespace HlsBackgroundVideo {\n  export type Props = HlsBackgroundVideoProps;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,MAAa,qBAAqB,WAAsD,SAAS,mBAC/F,EAAE,UAAU,GAAG,SACf,KACA;CACA,MAAM,QAAQ,iBAAiB,uBAAuB;CACtD,MAAM,WAAW,OAAyB,IAAI;CAE9C,MAAM,cAAc,gBADF,eAAe,KACW,GAAG,UAAU,GAAG;CAC5D,MAAM,YAAY,aAAa,OAAO,OAAO,mCAAmC;CAMhF,gBAAgB;EACd,MAAM,gBAAgB,SAAS,SAAS,cAAc,IAAI,MAAM,OAAO,CAAC;EACxE,MAAM,iBAAiB,SAAS,OAAO;EACvC,aAAa,MAAM,oBAAoB,SAAS,OAAO;CACzD,GAAG,CAAC,KAAK,CAAC;CAEV,OAUE,oBAAC,SAAD;EACE,GAAI;EACJ,KAAK;EACL,OAAA;EACA,UAAA;EACA,MAAA;EACA,aAAA;EACA,uBAAA;EACA,yBAAA;EAEC;CACI,CAAA;AAEX,CAAC"}

package/dist/dev/media/hls-video/index.d.ts

@@ -1,11 +1,2 @@
-import * as react from "react";
-import { PropsWithChildren, VideoHTMLAttributes } from "react";
-
-//#region src/media/hls-video/index.d.ts
-type HlsVideoProps = PropsWithChildren<VideoHTMLAttributes<HTMLVideoElement>>;
-declare const HlsVideo: react.ForwardRefExoticComponent<VideoHTMLAttributes<HTMLVideoElement> & {
-  children?: react.ReactNode | undefined;
-} & react.RefAttributes<HTMLVideoElement>>;
-//#endregion
-export { HlsVideo, HlsVideo as default, HlsVideoProps };
-//# sourceMappingURL=index.d.ts.map
+import { HlsVideo, HlsVideoProps } from "./media.js";
+export { HlsVideo, HlsVideoProps };

package/dist/dev/media/hls-video/index.js

@@ -1,26 +1,2 @@
-import { useComposedRefs } from "../../utils/use-composed-refs.js";
-import { useMediaRegistration } from "../../player/context.js";
-import { useDestroy } from "../../utils/use-destroy.js";
-import { attachMediaElement } from "../../utils/attach-media-element.js";
-import { mediaProps } from "../../utils/media-props.js";
-import { forwardRef, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-import { HlsMedia } from "@videojs/core/dom/media/hls";
-
-//#region src/media/hls-video/index.tsx
-const HlsVideo = forwardRef(({ children, ...props }, ref) => {
-	const mediaApi = useMemo(() => new HlsMedia(), []);
-	const setMedia = useMediaRegistration();
-	useDestroy(mediaApi, () => {
-		setMedia?.(mediaApi);
-	});
-	return /* @__PURE__ */ jsx("video", {
-		ref: useComposedRefs(attachMediaElement(mediaApi), ref),
-		...mediaProps(mediaApi, props),
-		children
-	});
-});
-
-//#endregion
-export { HlsVideo, HlsVideo as default };
-//# sourceMappingURL=index.js.map
+import { HlsVideo } from "./media.js";
+export { HlsVideo };

package/dist/dev/media/hls-video/media.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode, VideoHTMLAttributes } from "react";
+import { HlsVideoMediaProps } from "@videojs/spf/hls-video";
+//#region src/media/hls-video/media.d.ts
+interface HlsVideoProps extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsVideoMediaProps>, Partial<HlsVideoMediaProps> {
+  children?: ReactNode;
+}
+declare const HlsVideo: import("react").ForwardRefExoticComponent<HlsVideoProps & import("react").RefAttributes<HTMLVideoElement>>;
+declare namespace HlsVideo {
+  type Props = HlsVideoProps;
+}
+//#endregion
+export { HlsVideo, HlsVideoProps };
+//# sourceMappingURL=media.d.ts.map

package/dist/dev/media/hls-video/media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","names":[],"sources":["../../../../src/media/hls-video/media.tsx"],"mappings":";;;UAWiB,sBACP,KAAK,oBAAoB,yBAAyB,qBACxD,QAAQ;EACV,WAAW;;cAGA,0BAAQ,0BAAA,gCAAA,cAAA;kBAaJ;OACH,QAAQ"}

package/dist/dev/media/hls-video/media.js

@@ -0,0 +1,21 @@
+"use client";
+import { useComposedRefs } from "../../utils/use-composed-refs.js";
+import { useAttachMedia } from "../../utils/use-attach-media.js";
+import { useMediaInstance } from "../../utils/use-media-instance.js";
+import { useSyncProps } from "../../utils/use-sync-props.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { HlsVideoMedia, hlsVideoMediaDefaultProps } from "@videojs/spf/hls-video";
+//#region src/media/hls-video/media.tsx
+const HlsVideo = forwardRef(function HlsVideo({ children, ...props }, ref) {
+	const media = useMediaInstance(HlsVideoMedia);
+	return /* @__PURE__ */ jsx("video", {
+		ref: useComposedRefs(useAttachMedia(media), ref),
+		...useSyncProps(media, props, hlsVideoMediaDefaultProps),
+		children
+	});
+});
+//#endregion
+export { HlsVideo };
+
+//# sourceMappingURL=media.js.map

package/dist/dev/media/hls-video/media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","names":[],"sources":["../../../../src/media/hls-video/media.tsx"],"sourcesContent":["'use client';\n\nimport type { HlsVideoMediaProps } from '@videojs/spf/hls-video';\nimport { HlsVideoMedia, hlsVideoMediaDefaultProps } from '@videojs/spf/hls-video';\nimport type { ReactNode, VideoHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface HlsVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsVideoMediaProps>,\n    Partial<HlsVideoMediaProps> {\n  children?: ReactNode;\n}\n\nexport const HlsVideo = forwardRef<HTMLVideoElement, HlsVideoProps>(function HlsVideo({ children, ...props }, ref) {\n  const media = useMediaInstance(HlsVideoMedia);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, hlsVideoMediaDefaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace HlsVideo {\n  export type Props = HlsVideoProps;\n}\n"],"mappings":";;;;;;;;;AAiBA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,QAAQ,iBAAiB,aAAa;CAK5C,OACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,KACW,GAAG,GAIvB;EAAG,GAHT,aAAa,OAAO,OAAO,yBAGN;EAClC;CACI,CAAA;AAEX,CAAC"}

package/dist/dev/media/hlsjs-video/index.d.ts

@@ -0,0 +1,2 @@
+import { HlsJsVideo, HlsJsVideoProps } from "./media.js";
+export { HlsJsVideo, HlsJsVideoProps };

package/dist/dev/media/hlsjs-video/index.js

@@ -0,0 +1,2 @@
+import { HlsJsVideo } from "./media.js";
+export { HlsJsVideo };

package/dist/dev/media/hlsjs-video/media.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode, VideoHTMLAttributes } from "react";
+import { HlsMediaProps } from "@videojs/media/dom/hls-js";
+//#region src/media/hlsjs-video/media.d.ts
+interface HlsJsVideoProps extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsMediaProps>, Partial<HlsMediaProps> {
+  children?: ReactNode;
+}
+declare const HlsJsVideo: import("react").ForwardRefExoticComponent<HlsJsVideoProps & import("react").RefAttributes<HTMLVideoElement>>;
+declare namespace HlsJsVideo {
+  type Props = HlsJsVideoProps;
+}
+//#endregion
+export { HlsJsVideo, HlsJsVideoProps };
+//# sourceMappingURL=media.d.ts.map

package/dist/dev/media/hlsjs-video/media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","names":[],"sources":["../../../../src/media/hlsjs-video/media.tsx"],"mappings":";;;UAWiB,wBACP,KAAK,oBAAoB,yBAAyB,gBACxD,QAAQ;EACV,WAAW;;cAGA,4BAAU,0BAAA,kCAAA,cAAA;kBAgBN;OACH,QAAQ"}

package/dist/dev/media/hlsjs-video/media.js

@@ -0,0 +1,21 @@
+"use client";
+import { useComposedRefs } from "../../utils/use-composed-refs.js";
+import { useAttachMedia } from "../../utils/use-attach-media.js";
+import { useMediaInstance } from "../../utils/use-media-instance.js";
+import { useSyncProps } from "../../utils/use-sync-props.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { HlsJsMedia, hlsMediaDefaultProps } from "@videojs/media/dom/hls-js";
+//#region src/media/hlsjs-video/media.tsx
+const HlsJsVideo = forwardRef(function HlsJsVideo({ children, ...props }, ref) {
+	const media = useMediaInstance(HlsJsMedia);
+	return /* @__PURE__ */ jsx("video", {
+		ref: useComposedRefs(useAttachMedia(media), ref),
+		...useSyncProps(media, props, hlsMediaDefaultProps),
+		children
+	});
+});
+//#endregion
+export { HlsJsVideo };
+
+//# sourceMappingURL=media.js.map

package/dist/dev/media/hlsjs-video/media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","names":[],"sources":["../../../../src/media/hlsjs-video/media.tsx"],"sourcesContent":["'use client';\n\nimport type { HlsMediaProps } from '@videojs/media/dom/hls-js';\nimport { HlsJsMedia, hlsMediaDefaultProps } from '@videojs/media/dom/hls-js';\nimport type { ReactNode, VideoHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface HlsJsVideoProps\n  extends Omit<VideoHTMLAttributes<HTMLVideoElement>, keyof HlsMediaProps>,\n    Partial<HlsMediaProps> {\n  children?: ReactNode;\n}\n\nexport const HlsJsVideo = forwardRef<HTMLVideoElement, HlsJsVideoProps>(function HlsJsVideo(\n  { children, ...props },\n  ref\n) {\n  const media = useMediaInstance(HlsJsMedia);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, hlsMediaDefaultProps);\n\n  return (\n    <video ref={composedRef} {...htmlProps}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace HlsJsVideo {\n  export type Props = HlsJsVideoProps;\n}\n"],"mappings":";;;;;;;;;AAiBA,MAAa,aAAa,WAA8C,SAAS,WAC/E,EAAE,UAAU,GAAG,SACf,KACA;CACA,MAAM,QAAQ,iBAAiB,UAAU;CAKzC,OACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,KACW,GAAG,GAIvB;EAAG,GAHT,aAAa,OAAO,OAAO,oBAGN;EAClC;CACI,CAAA;AAEX,CAAC"}

package/dist/dev/media/mux-audio/hls-js.d.ts

@@ -0,0 +1,14 @@
+import { AudioHTMLAttributes, ReactNode } from "react";
+import { HlsMediaProps } from "@videojs/media/dom/hls-js";
+import { MuxMediaProps } from "@videojs/media/dom/mux";
+//#region src/media/mux-audio/hls-js.d.ts
+interface MuxAudioProps extends Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof HlsMediaProps | keyof MuxMediaProps>, Partial<Omit<HlsMediaProps, 'source'>>, Partial<MuxMediaProps> {
+  children?: ReactNode;
+}
+declare const MuxAudio: import("react").ForwardRefExoticComponent<MuxAudioProps & import("react").RefAttributes<HTMLAudioElement>>;
+declare namespace MuxAudio {
+  type Props = MuxAudioProps;
+}
+//#endregion
+export { MuxAudio, MuxAudioProps };
+//# sourceMappingURL=hls-js.d.ts.map

package/dist/dev/media/mux-audio/hls-js.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hls-js.d.ts","names":[],"sources":["../../../../src/media/mux-audio/hls-js.tsx"],"mappings":";;;;UAeiB,sBACP,KAAK,oBAAoB,yBAAyB,sBAAsB,gBAC9E,QAAQ,KAAK,2BACb,QAAQ;EACV,WAAW;;cAQA,0BAAQ,0BAAA,gCAAA,cAAA;kBAaJ;OACH,QAAQ"}

package/dist/dev/media/mux-audio/hls-js.js

@@ -0,0 +1,26 @@
+"use client";
+import { useComposedRefs } from "../../utils/use-composed-refs.js";
+import { useAttachMedia } from "../../utils/use-attach-media.js";
+import { useMediaInstance } from "../../utils/use-media-instance.js";
+import { useSyncProps } from "../../utils/use-sync-props.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { hlsMediaDefaultProps } from "@videojs/media/dom/hls-js";
+import { MuxMedia, muxMediaDefaultProps } from "@videojs/media/dom/mux";
+//#region src/media/mux-audio/hls-js.tsx
+const muxAudioDefaultProps = {
+	...hlsMediaDefaultProps,
+	...muxMediaDefaultProps
+};
+const MuxAudio = forwardRef(function MuxAudio({ children, ...props }, ref) {
+	const media = useMediaInstance(MuxMedia);
+	return /* @__PURE__ */ jsx("audio", {
+		ref: useComposedRefs(useAttachMedia(media), ref),
+		...useSyncProps(media, props, muxAudioDefaultProps),
+		children
+	});
+});
+//#endregion
+export { MuxAudio };
+
+//# sourceMappingURL=hls-js.js.map

package/dist/dev/media/mux-audio/hls-js.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hls-js.js","names":[],"sources":["../../../../src/media/mux-audio/hls-js.tsx"],"sourcesContent":["'use client';\n\nimport type { HlsMediaProps } from '@videojs/media/dom/hls-js';\nimport { hlsMediaDefaultProps } from '@videojs/media/dom/hls-js';\nimport type { MuxMediaProps } from '@videojs/media/dom/mux';\nimport { MuxMedia, muxMediaDefaultProps } from '@videojs/media/dom/mux';\nimport type { AudioHTMLAttributes, ReactNode } from 'react';\nimport { forwardRef } from 'react';\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\n// `source` comes from `MuxMediaProps` only: `MuxSource` extends `HlsSource` with\n// Mux identity fields, so the narrower type has to win.\nexport interface MuxAudioProps\n  extends Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof HlsMediaProps | keyof MuxMediaProps>,\n    Partial<Omit<HlsMediaProps, 'source'>>,\n    Partial<MuxMediaProps> {\n  children?: ReactNode;\n}\n\nconst muxAudioDefaultProps: Omit<HlsMediaProps, 'source'> & MuxMediaProps = {\n  ...hlsMediaDefaultProps,\n  ...muxMediaDefaultProps,\n};\n\nexport const MuxAudio = forwardRef<HTMLAudioElement, MuxAudioProps>(function MuxAudio({ children, ...props }, ref) {\n  const media = useMediaInstance(MuxMedia);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, muxAudioDefaultProps);\n\n  return (\n    <audio ref={composedRef} {...htmlProps}>\n      {children}\n    </audio>\n  );\n});\n\nexport namespace MuxAudio {\n  export type Props = MuxAudioProps;\n}\n"],"mappings":";;;;;;;;;;AAsBA,MAAM,uBAAsE;CAC1E,GAAG;CACH,GAAG;AACL;AAEA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,QAAQ,iBAAiB,QAAQ;CAKvC,OACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,KACW,GAAG,GAIvB;EAAG,GAHT,aAAa,OAAO,OAAO,oBAGN;EAClC;CACI,CAAA;AAEX,CAAC"}

package/dist/dev/media/mux-audio/index.d.ts

@@ -0,0 +1,2 @@
+import { MuxAudio, MuxAudioProps } from "./hls-js.js";
+export { MuxAudio, MuxAudioProps };

package/dist/dev/media/mux-audio/index.js

@@ -0,0 +1,2 @@
+import { MuxAudio } from "./hls-js.js";
+export { MuxAudio };

package/dist/dev/media/mux-audio/spf.d.ts

@@ -0,0 +1,14 @@
+import { AudioHTMLAttributes, ReactNode } from "react";
+import { HlsAudioMediaProps } from "@videojs/spf/hls-audio";
+import { MuxMediaProps } from "@videojs/spf/mux-audio";
+//#region src/media/mux-audio/spf.d.ts
+interface MuxAudioProps extends Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof HlsAudioMediaProps | keyof MuxMediaProps>, Partial<Omit<HlsAudioMediaProps, 'src'>>, Partial<MuxMediaProps> {
+  children?: ReactNode;
+}
+declare const MuxAudio: import("react").ForwardRefExoticComponent<MuxAudioProps & import("react").RefAttributes<HTMLAudioElement>>;
+declare namespace MuxAudio {
+  type Props = MuxAudioProps;
+}
+//#endregion
+export { MuxAudio, MuxAudioProps };
+//# sourceMappingURL=spf.d.ts.map

package/dist/dev/media/mux-audio/spf.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spf.d.ts","names":[],"sources":["../../../../src/media/mux-audio/spf.tsx"],"mappings":";;;;UAeiB,sBACP,KAAK,oBAAoB,yBAAyB,2BAA2B,gBACnF,QAAQ,KAAK,6BACb,QAAQ;EACV,WAAW;;cAQA,0BAAQ,0BAAA,gCAAA,cAAA;kBAaJ;OACH,QAAQ"}

package/dist/dev/media/mux-audio/spf.js

@@ -0,0 +1,26 @@
+"use client";
+import { useComposedRefs } from "../../utils/use-composed-refs.js";
+import { useAttachMedia } from "../../utils/use-attach-media.js";
+import { useMediaInstance } from "../../utils/use-media-instance.js";
+import { useSyncProps } from "../../utils/use-sync-props.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { hlsAudioMediaDefaultProps } from "@videojs/spf/hls-audio";
+import { MuxAudioMedia, muxMediaDefaultProps } from "@videojs/spf/mux-audio";
+//#region src/media/mux-audio/spf.tsx
+const muxAudioDefaultProps = {
+	...hlsAudioMediaDefaultProps,
+	...muxMediaDefaultProps
+};
+const MuxAudio = forwardRef(function MuxAudio({ children, ...props }, ref) {
+	const media = useMediaInstance(MuxAudioMedia);
+	return /* @__PURE__ */ jsx("audio", {
+		ref: useComposedRefs(useAttachMedia(media), ref),
+		...useSyncProps(media, props, muxAudioDefaultProps),
+		children
+	});
+});
+//#endregion
+export { MuxAudio };
+
+//# sourceMappingURL=spf.js.map

package/dist/dev/media/mux-audio/spf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spf.js","names":[],"sources":["../../../../src/media/mux-audio/spf.tsx"],"sourcesContent":["'use client';\n\nimport type { HlsAudioMediaProps } from '@videojs/spf/hls-audio';\nimport { hlsAudioMediaDefaultProps } from '@videojs/spf/hls-audio';\nimport type { MuxMediaProps } from '@videojs/spf/mux-audio';\nimport { MuxAudioMedia, muxMediaDefaultProps } from '@videojs/spf/mux-audio';\nimport type { AudioHTMLAttributes, ReactNode } from 'react';\nimport { forwardRef } from 'react';\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\n// `src` and `source` come from `MuxMediaProps`: the Mux Media owns both, and its\n// `source` is the structured Mux one rather than the generic engine's.\nexport interface MuxAudioProps\n  extends Omit<AudioHTMLAttributes<HTMLAudioElement>, keyof HlsAudioMediaProps | keyof MuxMediaProps>,\n    Partial<Omit<HlsAudioMediaProps, 'src'>>,\n    Partial<MuxMediaProps> {\n  children?: ReactNode;\n}\n\nconst muxAudioDefaultProps: Omit<HlsAudioMediaProps, 'src'> & MuxMediaProps = {\n  ...hlsAudioMediaDefaultProps,\n  ...muxMediaDefaultProps,\n};\n\nexport const MuxAudio = forwardRef<HTMLAudioElement, MuxAudioProps>(function MuxAudio({ children, ...props }, ref) {\n  const media = useMediaInstance(MuxAudioMedia);\n  const attachRef = useAttachMedia(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const htmlProps = useSyncProps(media, props, muxAudioDefaultProps);\n\n  return (\n    <audio ref={composedRef} {...htmlProps}>\n      {children}\n    </audio>\n  );\n});\n\nexport namespace MuxAudio {\n  export type Props = MuxAudioProps;\n}\n"],"mappings":";;;;;;;;;;AAsBA,MAAM,uBAAwE;CAC5E,GAAG;CACH,GAAG;AACL;AAEA,MAAa,WAAW,WAA4C,SAAS,SAAS,EAAE,UAAU,GAAG,SAAS,KAAK;CACjH,MAAM,QAAQ,iBAAiB,aAAa;CAK5C,OACE,oBAAC,SAAD;EAAO,KAJW,gBADF,eAAe,KACW,GAAG,GAIvB;EAAG,GAHT,aAAa,OAAO,OAAO,oBAGN;EAClC;CACI,CAAA;AAEX,CAAC"}

package/dist/dev/media/mux-background-video/index.d.ts

@@ -0,0 +1,3 @@
+import { HlsBackgroundVideo, HlsBackgroundVideoProps } from "../hls-background-video/media.js";
+import "../hls-background-video/index.js";
+export { HlsBackgroundVideo as MuxBackgroundVideo, type HlsBackgroundVideoProps as MuxBackgroundVideoProps };

package/dist/dev/media/mux-background-video/index.js

@@ -0,0 +1,2 @@
+import { HlsBackgroundVideo } from "../hls-background-video/media.js";
+export { HlsBackgroundVideo as MuxBackgroundVideo };

package/dist/dev/media/mux-data/index.d.ts

@@ -0,0 +1,2 @@
+import { MuxData, MuxDataProps } from "./mux-data.js";
+export { MuxData, MuxDataProps };

package/dist/dev/media/mux-data/index.js

@@ -0,0 +1,2 @@
+import { MuxData } from "./mux-data.js";
+export { MuxData };