@videojs/react 10.0.0-rc.2 → 10.0.0-rc.3

package/dist/dev/media/twitch-video/adapter.js

@@ -1,37 +1,75 @@
 "use client";
 import { useComposedRefs } from "../../utils/use-composed-refs.js";
+import { useAttachMedia } from "../../utils/use-attach-media.js";
+import { useMediaEvents } from "../../utils/use-media-events.js";
 import { useMediaInstance } from "../../utils/use-media-instance.js";
 import { useSyncProps } from "../../utils/use-sync-props.js";
-import { useAttachIframe } from "../../utils/use-attach-iframe.js";
+import { c } from "react-compiler-runtime";
 import { forwardRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { TwitchAdapter, buildTwitchIframeSrc } from "@videojs/twitch-video";
 //#region src/media/twitch-video/adapter.tsx
-const TwitchVideo = forwardRef(function TwitchVideo({ children, ...rawProps }, ref) {
+const TwitchVideo = forwardRef(function TwitchVideo(t0, ref) {
+	const $ = c(13);
+	let children;
+	let rawProps;
+	if ($[0] !== t0) {
+		({children, ...rawProps} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = rawProps;
+	} else {
+		children = $[1];
+		rawProps = $[2];
+	}
 	const media = useMediaInstance(TwitchAdapter);
-	const props = { ...rawProps };
-	const attachRef = useAttachIframe(media);
-	const composedRef = useComposedRefs(attachRef, ref);
-	const [initialSrc] = useState(() => globalThis.location ? buildTwitchIframeSrc(props.src || props.source?.src || "", {
-		...TwitchAdapter.defaultProps,
-		...props
-	}) : "");
-	const iframeProps = useSyncProps(media, props, TwitchAdapter.defaultProps);
-	return /* @__PURE__ */ jsx("iframe", {
-		title: "Twitch video player",
-		src: initialSrc || void 0,
-		"data-cross-origin-frame": true,
-		allow: "accelerometer; fullscreen; autoplay; encrypted-media; picture-in-picture;",
-		sandbox: "allow-modals allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox",
-		scrolling: "no",
-		frameBorder: 0,
-		width: "100%",
-		height: "100%",
-		referrerPolicy: props.source?.engine?.twitch?.referrerPolicy,
-		...iframeProps,
-		ref: composedRef,
-		children
-	});
+	let t1;
+	if ($[3] !== rawProps) {
+		t1 = { ...rawProps };
+		$[3] = rawProps;
+		$[4] = t1;
+	} else t1 = $[4];
+	const props = t1;
+	let t2;
+	if ($[5] !== props) {
+		t2 = () => globalThis.location ? buildTwitchIframeSrc(props.src || props.source?.src || "", {
+			...TwitchAdapter.defaultProps,
+			...props
+		}) : "";
+		$[5] = props;
+		$[6] = t2;
+	} else t2 = $[6];
+	const [initialSrc] = useState(t2);
+	const { ref: eventsRef, props: iframeProps } = useMediaEvents(useSyncProps(media, props, TwitchAdapter.defaultProps), media);
+	const attachRef = useAttachMedia(media);
+	const composedRef = useComposedRefs(eventsRef, attachRef, ref);
+	const t3 = initialSrc || void 0;
+	const t4 = props.source?.engine?.twitch?.referrerPolicy;
+	let t5;
+	if ($[7] !== children || $[8] !== composedRef || $[9] !== iframeProps || $[10] !== t3 || $[11] !== t4) {
+		t5 = /* @__PURE__ */ jsx("iframe", {
+			title: "Twitch video player",
+			src: t3,
+			"data-cross-origin-frame": true,
+			allow: "accelerometer; fullscreen; autoplay; encrypted-media; picture-in-picture;",
+			sandbox: "allow-modals allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox",
+			scrolling: "no",
+			frameBorder: 0,
+			width: "100%",
+			height: "100%",
+			referrerPolicy: t4,
+			...iframeProps,
+			ref: composedRef,
+			children
+		});
+		$[7] = children;
+		$[8] = composedRef;
+		$[9] = iframeProps;
+		$[10] = t3;
+		$[11] = t4;
+		$[12] = t5;
+	} else t5 = $[12];
+	return t5;
 });
 //#endregion
 export { TwitchVideo };

package/dist/dev/media/twitch-video/adapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/twitch-video/adapter.tsx"],"sourcesContent":["'use client';\n\nimport { buildTwitchIframeSrc, TwitchAdapter, type TwitchAdapterProps } from '@videojs/twitch-video';\nimport { forwardRef, type ReactNode, useState } from 'react';\n\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 TwitchVideoProps extends Partial<TwitchAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const TwitchVideo = forwardRef<HTMLIFrameElement, TwitchVideoProps>(function TwitchVideo(\n  { children, ...rawProps },\n  ref\n) {\n  const media = useMediaInstance(TwitchAdapter);\n  const props: Partial<TwitchAdapterProps> & Record<string, unknown> = { ...rawProps };\n  const attachRef = useAttachIframe(media);\n  const composedRef = useComposedRefs(attachRef, ref);\n  const [initialSrc] = useState(() =>\n    // Server rendering has no `location` to name as the embed's parent, and Twitch\n    // refuses to play in a page its URL never named. Rendering no `src` leaves the\n    // URL to `attach()`, which builds it where there is a hostname to name.\n    globalThis.location\n      ? // `source.src` is the only other way to name a video, so honor it when `src` is absent.\n        buildTwitchIframeSrc(props.src || props.source?.src || '', { ...TwitchAdapter.defaultProps, ...props })\n      : ''\n  );\n  const iframeProps = useSyncProps<TwitchAdapterProps, Record<string, unknown>>(\n    media,\n    props,\n    TwitchAdapter.defaultProps\n  );\n\n  return (\n    <iframe\n      title=\"Twitch 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; picture-in-picture;\"\n      sandbox=\"allow-modals allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox\"\n      scrolling=\"no\"\n      frameBorder={0}\n      width=\"100%\"\n      height=\"100%\"\n      referrerPolicy={props.source?.engine?.twitch?.referrerPolicy}\n      {...iframeProps}\n      ref={composedRef}\n    >\n      {children}\n    </iframe>\n  );\n});\n\nexport namespace TwitchVideo {\n  export type Props = TwitchVideoProps;\n}\n"],"mappings":";;;;;;;;;AAcA,MAAa,cAAc,WAAgD,SAAS,YAClF,EAAE,UAAU,GAAG,YACf,KACA;CACA,MAAM,QAAQ,iBAAiB,aAAa;CAC5C,MAAM,QAA+D,EAAE,GAAG,SAAS;CACnF,MAAM,YAAY,gBAAgB,KAAK;CACvC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,CAAC,cAAc,eAInB,WAAW,WAEP,qBAAqB,MAAM,OAAO,MAAM,QAAQ,OAAO,IAAI;EAAE,GAAG,cAAc;EAAc,GAAG;CAAM,CAAC,IACtG,EACN;CACA,MAAM,cAAc,aAClB,OACA,OACA,cAAc,YAChB;CAEA,OACE,oBAAC,UAAD;EACE,OAAM;EAGN,KAAK,cAAc,KAAA;EACnB,2BAAA;EACA,OAAM;EACN,SAAQ;EACR,WAAU;EACV,aAAa;EACb,OAAM;EACN,QAAO;EACP,gBAAgB,MAAM,QAAQ,QAAQ,QAAQ;EAC9C,GAAI;EACJ,KAAK;EAEJ;CACK,CAAA;AAEZ,CAAC"}
+{"version":3,"file":"adapter.js","names":["{ children, ...rawProps }","{ ...rawProps }","() =>\n    // Server rendering has no `location` to name as the embed's parent, and Twitch\n    // refuses to play in a page its URL never named. Rendering no `src` leaves the\n    // URL to `attach()`, which builds it where there is a hostname to name.\n    globalThis.location\n      ? // `source.src` is the only other way to name a video, so honor it when `src` is absent.\n        buildTwitchIframeSrc(props.src || props.source?.src || '', { ...TwitchAdapter.defaultProps, ...props })\n      : ''","props.src","<iframe\n      title=\"Twitch 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; picture-in-picture;\"\n      sandbox=\"allow-modals allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox\"\n      scrolling=\"no\"\n      frameBorder={0}\n      width=\"100%\"\n      height=\"100%\"\n      referrerPolicy={props.source?.engine?.twitch?.referrerPolicy}\n      {...iframeProps}\n      ref={composedRef}\n    >\n      {children}\n    </iframe>","initialSrc || undefined","props.source?.engine?.twitch?.referrerPolicy"],"sources":["../../../../src/media/twitch-video/adapter.tsx"],"sourcesContent":["'use client';\n\nimport { buildTwitchIframeSrc, TwitchAdapter, type TwitchAdapterProps } from '@videojs/twitch-video';\nimport { forwardRef, type ReactNode, useState } from 'react';\n\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { type MediaEventProps, useMediaEvents } from '../../utils/use-media-events';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface TwitchVideoProps extends Partial<TwitchAdapterProps>, MediaEventProps<TwitchAdapter> {\n  children?: ReactNode;\n}\n\nexport const TwitchVideo = forwardRef<HTMLIFrameElement, TwitchVideoProps>(function TwitchVideo(\n  { children, ...rawProps },\n  ref\n) {\n  const media = useMediaInstance(TwitchAdapter);\n  const props: Partial<TwitchAdapterProps> & Record<string, unknown> = { ...rawProps };\n  const [initialSrc] = useState(() =>\n    // Server rendering has no `location` to name as the embed's parent, and Twitch\n    // refuses to play in a page its URL never named. Rendering no `src` leaves the\n    // URL to `attach()`, which builds it where there is a hostname to name.\n    globalThis.location\n      ? // `source.src` is the only other way to name a video, so honor it when `src` is absent.\n        buildTwitchIframeSrc(props.src || props.source?.src || '', { ...TwitchAdapter.defaultProps, ...props })\n      : ''\n  );\n  const { ref: eventsRef, props: iframeProps } = useMediaEvents(\n    useSyncProps<TwitchAdapterProps, Record<string, unknown>>(media, props, TwitchAdapter.defaultProps),\n    media\n  );\n  const attachRef = useAttachMedia(media);\n  // Listeners first: `attach()` dispatches `loadstart` synchronously.\n  const composedRef = useComposedRefs(eventsRef, attachRef, ref);\n\n  return (\n    <iframe\n      title=\"Twitch 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; picture-in-picture;\"\n      sandbox=\"allow-modals allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox\"\n      scrolling=\"no\"\n      frameBorder={0}\n      width=\"100%\"\n      height=\"100%\"\n      referrerPolicy={props.source?.engine?.twitch?.referrerPolicy}\n      {...iframeProps}\n      ref={composedRef}\n    >\n      {children}\n    </iframe>\n  );\n});\n\nexport namespace TwitchVideo {\n  export type Props = TwitchVideoProps;\n}\n"],"mappings":";;;;;;;;;;;AAeA,MAAa,cAAc,WAAgD,SAAS,YAAA,IAElF,KACA;;CAFE,IAAA;CAAa,IAAA;CAAfA,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,aAAU,YAAZA;;;;;;;;CAGA,MAAM,QAAQ,iBAAiB,aAAa;CACyBC,IAAAA;CAAK,IAAA,EAAA,OAAA,UAAA;EAAL,KAAA,EAAE,GAAG,SAAS;EAAT,EAAA,KAAA;;;CAA1E,MAAM,QAA+DA;CACvCC,IAAAA;CAMHC,IAAAA,EAAAA,OAAAA,OAAAA;EANG,WAI5B,WAAW,WAEP,qBAAqB,MAAM,OAAO,MAAM,QAAQ,OAAO,IAAI;GAAE,GAAG,cAAc;GAAc,GAAG;EAAM,CAAC,IACtG;EADqBA,EAAAA,KAAAA;;;CAN3B,MAAM,CAAC,cAAc,SAASD,EAQ9B;CACA,MAAM,EAAE,KAAK,WAAW,OAAO,gBAAgB,eAC7C,aAA0D,OAAO,OAAO,cAAc,YAAY,GAClG,KACF;CACA,MAAM,YAAY,eAAe,KAAK;CAEtC,MAAM,cAAc,gBAAgB,WAAW,WAAW,GAAG;CAOpD,MAAA,KAAA,cAAc,KAAA;CAQH,MAAA,KAAA,MAAM,QAAQ,QAAQ,QAAQ;CAZhDE,IAAAA;CAgBG,IAAA,EAAA,OAAA,YAAA,EAAA,OAFI,eAAA,EAAA,OADD,eAAA,EAAA,QATCC,MAAAA,EAAAA,QAQWC,IAAAA;EAZlB,KAAA,oBAAC,UAAD;GACE,OAAM;GAGN,KAAKD;GACL,2BAAA;GACA,OAAM;GACN,SAAQ;GACR,WAAU;GACV,aAAa;GACb,OAAM;GACN,QAAO;GACP,gBAAgBC;GAChB,GAAI;GACJ,KAAK;GAEJ;EACK,CAAA;EADL,EAAA,KAAA;EAFI,EAAA,KAAA;EADD,EAAA,KAAA;EATCD,EAAAA,MAAAA;EAQWC,EAAAA,MAAAA;;;CAbpB,OACEF;AAmBJ,CAAC"}

package/dist/dev/media/video.js

@@ -1,5 +1,6 @@
 import { useComposedRefs } from "../utils/use-composed-refs.js";
 import { useMediaAttach } from "../player/context.js";
+import { c } from "react-compiler-runtime";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/media/video.tsx
@@ -9,14 +10,34 @@ import { jsx } from "react/jsx-runtime";
 * Inside a Player, the element is registered as the player's current media on mount and detached on unmount. It can
 * also render independently when no Player context is present.
 */
-const Video = forwardRef(function Video({ children, ...props }, ref) {
+const Video = forwardRef(function Video(t0, ref) {
+	const $ = c(7);
+	let children;
+	let props;
+	if ($[0] !== t0) {
+		({children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = props;
+	} else {
+		children = $[1];
+		props = $[2];
+	}
 	const setMedia = useMediaAttach();
 	const composedRef = useComposedRefs(ref, setMedia);
-	return /* @__PURE__ */ jsx("video", {
-		ref: composedRef,
-		...props,
-		children
-	});
+	let t1;
+	if ($[3] !== children || $[4] !== composedRef || $[5] !== props) {
+		t1 = /* @__PURE__ */ jsx("video", {
+			ref: composedRef,
+			...props,
+			children
+		});
+		$[3] = children;
+		$[4] = composedRef;
+		$[5] = props;
+		$[6] = t1;
+	} else t1 = $[6];
+	return t1;
 });
 //#endregion
 export { Video };

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

@@ -1 +1 @@
-{"version":3,"file":"video.js","names":[],"sources":["../../../src/media/video.tsx"],"sourcesContent":["import type { VideoHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\n\nimport { useMediaAttach } from '../player/context';\nimport { useComposedRefs } from '../utils/use-composed-refs';\n\n/** Native `<video>` attributes and children forwarded to the rendered media element. */\nexport interface VideoProps extends VideoHTMLAttributes<HTMLVideoElement> {}\n\n/**\n * Renders a native `<video>` element and forwards its element ref.\n *\n * Inside a Player, the element is registered as the player's current media on mount and detached on unmount. It can\n * also render independently when no Player context is present.\n */\nexport const Video = forwardRef<HTMLVideoElement, VideoProps>(function Video({ children, ...props }, ref) {\n  const setMedia = useMediaAttach();\n  const composedRef = useComposedRefs(ref, setMedia);\n\n  return (\n    <video ref={composedRef} {...props}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace Video {\n  export type Props = VideoProps;\n}\n"],"mappings":";;;;;;;;;;;AAeA,MAAa,QAAQ,WAAyC,SAAS,MAAM,EAAE,UAAU,GAAG,SAAS,KAAK;CACxG,MAAM,WAAW,eAAe;CAChC,MAAM,cAAc,gBAAgB,KAAK,QAAQ;CAEjD,OACE,oBAAC,SAAD;EAAO,KAAK;EAAa,GAAI;EAC1B;CACI,CAAA;AAEX,CAAC"}
+{"version":3,"file":"video.js","names":["{ children, ...props }","<video ref={composedRef} {...props}>\n      {children}\n    </video>"],"sources":["../../../src/media/video.tsx"],"sourcesContent":["import type { VideoHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\n\nimport { useMediaAttach } from '../player/context';\nimport { useComposedRefs } from '../utils/use-composed-refs';\n\n/** Native `<video>` attributes and children forwarded to the rendered media element. */\nexport interface VideoProps extends VideoHTMLAttributes<HTMLVideoElement> {}\n\n/**\n * Renders a native `<video>` element and forwards its element ref.\n *\n * Inside a Player, the element is registered as the player's current media on mount and detached on unmount. It can\n * also render independently when no Player context is present.\n */\nexport const Video = forwardRef<HTMLVideoElement, VideoProps>(function Video({ children, ...props }, ref) {\n  const setMedia = useMediaAttach();\n  const composedRef = useComposedRefs(ref, setMedia);\n\n  return (\n    <video ref={composedRef} {...props}>\n      {children}\n    </video>\n  );\n});\n\nexport namespace Video {\n  export type Props = VideoProps;\n}\n"],"mappings":";;;;;;;;;;;;AAeA,MAAa,QAAQ,WAAyC,SAAS,MAAA,IAA8B,KAAK;;CAA3B,IAAA;CAAa,IAAA;CAAfA,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,aAAU,SAAZA;;;;;;;;CAC3E,MAAM,WAAW,eAAe;CAChC,MAAM,cAAc,gBAAgB,KAAK,QAAQ;CAG/CC,IAAAA;CACG,IAAA,EAAA,OAAA,YAAA,EAAA,OADS,eAAA,EAAA,OAAiB,OAAA;EAA7B,KAAA,oBAAC,SAAD;GAAO,KAAK;GAAa,GAAI;GAC1B;EACI,CAAA;EADJ,EAAA,KAAA;EADS,EAAA,KAAA;EAAiB,EAAA,KAAA;;;CAD/B,OACEA;AAIJ,CAAC"}

package/dist/dev/media/vimeo-video/adapter.d.ts

@@ -1,7 +1,8 @@
+import { MediaEventProps } from "../../utils/use-media-events.js";
 import { ReactNode } from "react";
-import { VimeoAdapterProps } from "@videojs/vimeo-video";
+import { VimeoAdapter, VimeoAdapterProps } from "@videojs/vimeo-video";
 //#region src/media/vimeo-video/adapter.d.ts
-interface VimeoVideoProps extends Partial<VimeoAdapterProps> {
+interface VimeoVideoProps extends Partial<VimeoAdapterProps>, MediaEventProps<VimeoAdapter> {
   children?: ReactNode;
 }
 declare const VimeoVideo: import("react").ForwardRefExoticComponent<VimeoVideoProps & import("react").RefAttributes<HTMLIFrameElement>>;

package/dist/dev/media/vimeo-video/adapter.js

@@ -1,36 +1,74 @@
 "use client";
 import { useComposedRefs } from "../../utils/use-composed-refs.js";
+import { useAttachMedia } from "../../utils/use-attach-media.js";
+import { useMediaEvents } from "../../utils/use-media-events.js";
 import { useMediaInstance } from "../../utils/use-media-instance.js";
 import { useSyncProps } from "../../utils/use-sync-props.js";
-import { useAttachIframe } from "../../utils/use-attach-iframe.js";
+import { c } from "react-compiler-runtime";
 import { forwardRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { VimeoAdapter, buildVimeoIframeSrc } from "@videojs/vimeo-video";
 //#region src/media/vimeo-video/adapter.tsx
-const VimeoVideo = forwardRef(function VimeoVideo({ children, ...rawProps }, ref) {
+const VimeoVideo = forwardRef(function VimeoVideo(t0, ref) {
+	const $ = c(13);
+	let children;
+	let rawProps;
+	if ($[0] !== t0) {
+		({children, ...rawProps} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = rawProps;
+	} else {
+		children = $[1];
+		rawProps = $[2];
+	}
 	const media = useMediaInstance(VimeoAdapter);
-	const props = { ...rawProps };
-	const attachRef = useAttachIframe(media);
-	const composedRef = useComposedRefs(attachRef, ref);
-	const [initialSrc] = useState(() => buildVimeoIframeSrc(props.src || props.source?.src || "", {
-		...VimeoAdapter.defaultProps,
-		...props
-	}));
-	const iframeProps = useSyncProps(media, props, VimeoAdapter.defaultProps);
-	return /* @__PURE__ */ jsx("iframe", {
-		title: "Vimeo video player",
-		src: initialSrc || void 0,
-		"data-cross-origin-frame": true,
-		allow: "accelerometer; fullscreen; autoplay; encrypted-media; gyroscope; picture-in-picture",
-		allowFullScreen: true,
-		frameBorder: 0,
-		width: "100%",
-		height: "100%",
-		referrerPolicy: props.source?.engine?.vimeo?.referrerPolicy,
-		...iframeProps,
-		ref: composedRef,
-		children
-	});
+	let t1;
+	if ($[3] !== rawProps) {
+		t1 = { ...rawProps };
+		$[3] = rawProps;
+		$[4] = t1;
+	} else t1 = $[4];
+	const props = t1;
+	let t2;
+	if ($[5] !== props) {
+		t2 = () => buildVimeoIframeSrc(props.src || props.source?.src || "", {
+			...VimeoAdapter.defaultProps,
+			...props
+		});
+		$[5] = props;
+		$[6] = t2;
+	} else t2 = $[6];
+	const [initialSrc] = useState(t2);
+	const { ref: eventsRef, props: iframeProps } = useMediaEvents(useSyncProps(media, props, VimeoAdapter.defaultProps), media);
+	const attachRef = useAttachMedia(media);
+	const composedRef = useComposedRefs(eventsRef, attachRef, ref);
+	const t3 = initialSrc || void 0;
+	const t4 = props.source?.engine?.vimeo?.referrerPolicy;
+	let t5;
+	if ($[7] !== children || $[8] !== composedRef || $[9] !== iframeProps || $[10] !== t3 || $[11] !== t4) {
+		t5 = /* @__PURE__ */ jsx("iframe", {
+			title: "Vimeo video player",
+			src: t3,
+			"data-cross-origin-frame": true,
+			allow: "accelerometer; fullscreen; autoplay; encrypted-media; gyroscope; picture-in-picture",
+			allowFullScreen: true,
+			frameBorder: 0,
+			width: "100%",
+			height: "100%",
+			referrerPolicy: t4,
+			...iframeProps,
+			ref: composedRef,
+			children
+		});
+		$[7] = children;
+		$[8] = composedRef;
+		$[9] = iframeProps;
+		$[10] = t3;
+		$[11] = t4;
+		$[12] = t5;
+	} else t5 = $[12];
+	return t5;
 });
 //#endregion
 export { VimeoVideo };

package/dist/dev/media/vimeo-video/adapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/vimeo-video/adapter.tsx"],"sourcesContent":["'use client';\n\nimport { buildVimeoIframeSrc, VimeoAdapter, type VimeoAdapterProps } from '@videojs/vimeo-video';\nimport { forwardRef, type ReactNode, useState } from 'react';\n\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 VimeoVideoProps extends Partial<VimeoAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const VimeoVideo = forwardRef<HTMLIFrameElement, VimeoVideoProps>(function VimeoVideo(\n  { children, ...rawProps },\n  ref\n) {\n  const media = useMediaInstance(VimeoAdapter);\n  const props: Partial<VimeoAdapterProps> & 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    buildVimeoIframeSrc(props.src || props.source?.src || '', { ...VimeoAdapter.defaultProps, ...props })\n  );\n  const iframeProps = useSyncProps<VimeoAdapterProps, Record<string, unknown>>(media, props, VimeoAdapter.defaultProps);\n\n  return (\n    <iframe\n      title=\"Vimeo 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?.vimeo?.referrerPolicy}\n      {...iframeProps}\n      ref={composedRef}\n    >\n      {children}\n    </iframe>\n  );\n});\n\nexport namespace VimeoVideo {\n  export type Props = VimeoVideoProps;\n}\n"],"mappings":";;;;;;;;;AAcA,MAAa,aAAa,WAA+C,SAAS,WAChF,EAAE,UAAU,GAAG,YACf,KACA;CACA,MAAM,QAAQ,iBAAiB,YAAY;CAC3C,MAAM,QAA8D,EAAE,GAAG,SAAS;CAClF,MAAM,YAAY,gBAAgB,KAAK;CACvC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,CAAC,cAAc,eAEnB,oBAAoB,MAAM,OAAO,MAAM,QAAQ,OAAO,IAAI;EAAE,GAAG,aAAa;EAAc,GAAG;CAAM,CAAC,CACtG;CACA,MAAM,cAAc,aAAyD,OAAO,OAAO,aAAa,YAAY;CAEpH,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,OAAO;EAC7C,GAAI;EACJ,KAAK;EAEJ;CACK,CAAA;AAEZ,CAAC"}
+{"version":3,"file":"adapter.js","names":["{ children, ...rawProps }","{ ...rawProps }","() =>\n    // `source.src` is the only other way to name a video, so honor it when `src` is absent.\n    buildVimeoIframeSrc(props.src || props.source?.src || '', { ...VimeoAdapter.defaultProps, ...props })","props.src","<iframe\n      title=\"Vimeo 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?.vimeo?.referrerPolicy}\n      {...iframeProps}\n      ref={composedRef}\n    >\n      {children}\n    </iframe>","initialSrc || undefined","props.source?.engine?.vimeo?.referrerPolicy"],"sources":["../../../../src/media/vimeo-video/adapter.tsx"],"sourcesContent":["'use client';\n\nimport { buildVimeoIframeSrc, VimeoAdapter, type VimeoAdapterProps } from '@videojs/vimeo-video';\nimport { forwardRef, type ReactNode, useState } from 'react';\n\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { type MediaEventProps, useMediaEvents } from '../../utils/use-media-events';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface VimeoVideoProps extends Partial<VimeoAdapterProps>, MediaEventProps<VimeoAdapter> {\n  children?: ReactNode;\n}\n\nexport const VimeoVideo = forwardRef<HTMLIFrameElement, VimeoVideoProps>(function VimeoVideo(\n  { children, ...rawProps },\n  ref\n) {\n  const media = useMediaInstance(VimeoAdapter);\n  const props: Partial<VimeoAdapterProps> & Record<string, unknown> = { ...rawProps };\n  const [initialSrc] = useState(() =>\n    // `source.src` is the only other way to name a video, so honor it when `src` is absent.\n    buildVimeoIframeSrc(props.src || props.source?.src || '', { ...VimeoAdapter.defaultProps, ...props })\n  );\n  const { ref: eventsRef, props: iframeProps } = useMediaEvents(\n    useSyncProps<VimeoAdapterProps, Record<string, unknown>>(media, props, VimeoAdapter.defaultProps),\n    media\n  );\n  const attachRef = useAttachMedia(media);\n  // Listeners first: `attach()` dispatches `loadstart` synchronously.\n  const composedRef = useComposedRefs(eventsRef, attachRef, ref);\n\n  return (\n    <iframe\n      title=\"Vimeo 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?.vimeo?.referrerPolicy}\n      {...iframeProps}\n      ref={composedRef}\n    >\n      {children}\n    </iframe>\n  );\n});\n\nexport namespace VimeoVideo {\n  export type Props = VimeoVideoProps;\n}\n"],"mappings":";;;;;;;;;;;AAeA,MAAa,aAAa,WAA+C,SAAS,WAAA,IAEhF,KACA;;CAFE,IAAA;CAAa,IAAA;CAAfA,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,aAAU,YAAZA;;;;;;;;CAGA,MAAM,QAAQ,iBAAiB,YAAY;CACyBC,IAAAA;CAAK,IAAA,EAAA,OAAA,UAAA;EAAL,KAAA,EAAE,GAAG,SAAS;EAAT,EAAA,KAAA;;;CAAzE,MAAM,QAA8DA;CACtCC,IAAAA;CAERC,IAAAA,EAAAA,OAAAA,OAAAA;EAFQ,WAE5B,oBAAoB,MAAM,OAAO,MAAM,QAAQ,OAAO,IAAI;GAAE,GAAG,aAAa;GAAc,GAAG;EAAM,CAAC;EAAhFA,EAAAA,KAAAA;;;CAFtB,MAAM,CAAC,cAAc,SAASD,EAG9B;CACA,MAAM,EAAE,KAAK,WAAW,OAAO,gBAAgB,eAC7C,aAAyD,OAAO,OAAO,aAAa,YAAY,GAChG,KACF;CACA,MAAM,YAAY,eAAe,KAAK;CAEtC,MAAM,cAAc,gBAAgB,WAAW,WAAW,GAAG;CAOpD,MAAA,KAAA,cAAc,KAAA;CAOH,MAAA,KAAA,MAAM,QAAQ,QAAQ,OAAO;CAX/CE,IAAAA;CAeG,IAAA,EAAA,OAAA,YAAA,EAAA,OAFI,eAAA,EAAA,OADD,eAAA,EAAA,QARCC,MAAAA,EAAAA,QAOWC,IAAAA;EAXlB,KAAA,oBAAC,UAAD;GACE,OAAM;GAGN,KAAKD;GACL,2BAAA;GACA,OAAM;GACN,iBAAA;GACA,aAAa;GACb,OAAM;GACN,QAAO;GACP,gBAAgBC;GAChB,GAAI;GACJ,KAAK;GAEJ;EACK,CAAA;EADL,EAAA,KAAA;EAFI,EAAA,KAAA;EADD,EAAA,KAAA;EARCD,EAAAA,MAAAA;EAOWC,EAAAA,MAAAA;;;CAZpB,OACEF;AAkBJ,CAAC"}

package/dist/dev/media/wistia-video/adapter.d.ts

@@ -1,7 +1,8 @@
+import { MediaEventPropName, MediaEventProps } from "../../utils/use-media-events.js";
 import { ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from "react";
 import { WistiaAdapterProps, WistiaPlayer, WistiaSource } from "@videojs/wistia-video";
 //#region src/media/wistia-video/adapter.d.ts
-interface WistiaVideoProps extends Partial<Omit<WistiaAdapterProps, 'source'>>, HTMLAttributes<WistiaPlayer> {
+interface WistiaVideoProps extends Partial<Omit<WistiaAdapterProps, 'source'>>, Omit<HTMLAttributes<WistiaPlayer>, MediaEventPropName>, MediaEventProps<WistiaPlayer> {
   /** Wistia's own options, `mediaId` among them: everything the player understands that a media does not. */
   source?: WistiaSource | null;
 }

package/dist/dev/media/wistia-video/adapter.js

@@ -1,7 +1,9 @@
 "use client";
 import { useComposedRefs } from "../../utils/use-composed-refs.js";
 import { useMediaAttach } from "../../player/context.js";
-import { createElement, forwardRef, useCallback, useState } from "react";
+import { useMediaEvents } from "../../utils/use-media-events.js";
+import { c } from "react-compiler-runtime";
+import { createElement, forwardRef, useState } from "react";
 import { WISTIA_PLAYER_TAG, normalizeWistiaPlayer, parseWistiaMediaId, parseWistiaStartTime, wistiaAttributes, wistiaMediaOptions, wistiaPlayerStyle } from "@videojs/wistia-video";
 //#region src/media/wistia-video/adapter.tsx
 /**
@@ -15,17 +17,99 @@ import { WISTIA_PLAYER_TAG, normalizeWistiaPlayer, parseWistiaMediaId, parseWist
 * rest is the handful a media names differently. The element itself is what the store attaches to, normalized in place,
 * so the ref hands back one object that is both.
 */
-const WistiaVideo = forwardRef(function WistiaVideo({ autoplay, children, controls = false, defaultMuted, loop, muted, playsInline: _playsInline, poster, preload, source, src, style, ...rest }, ref) {
+const WistiaVideo = forwardRef(function WistiaVideo(t0, ref) {
+	const $ = c(23);
+	let autoplay;
+	let children;
+	let defaultMuted;
+	let loop;
+	let muted;
+	let poster;
+	let preload;
+	let rest;
+	let source;
+	let src;
+	let style;
+	let t1;
+	if ($[0] !== t0) {
+		const { autoplay: t2, children: t3, controls: t4, defaultMuted: t5, loop: t6, muted: t7, playsInline: _playsInline, poster: t8, preload: t9, source: t10, src: t11, style: t12, ...t13 } = t0;
+		autoplay = t2;
+		children = t3;
+		t1 = t4;
+		defaultMuted = t5;
+		loop = t6;
+		muted = t7;
+		poster = t8;
+		preload = t9;
+		source = t10;
+		src = t11;
+		style = t12;
+		rest = t13;
+		$[0] = t0;
+		$[1] = autoplay;
+		$[2] = children;
+		$[3] = defaultMuted;
+		$[4] = loop;
+		$[5] = muted;
+		$[6] = poster;
+		$[7] = preload;
+		$[8] = rest;
+		$[9] = source;
+		$[10] = src;
+		$[11] = style;
+		$[12] = t1;
+	} else {
+		autoplay = $[1];
+		children = $[2];
+		defaultMuted = $[3];
+		loop = $[4];
+		muted = $[5];
+		poster = $[6];
+		preload = $[7];
+		rest = $[8];
+		source = $[9];
+		src = $[10];
+		style = $[11];
+		t1 = $[12];
+	}
+	const controls = t1 === void 0 ? false : t1;
 	const setMedia = useMediaAttach();
-	const attachRef = useCallback((element) => {
-		if (element) normalizeWistiaPlayer(element);
-		setMedia?.(element);
-	}, [setMedia]);
-	const composedRef = useComposedRefs(attachRef, ref);
-	const { mediaId, ...options } = source ?? {};
-	const resolved = mediaId ?? (src ? parseWistiaMediaId(src) : null);
+	let t2;
+	if ($[13] !== setMedia) {
+		t2 = (element) => {
+			if (element) normalizeWistiaPlayer(element);
+			setMedia?.(element);
+		};
+		$[13] = setMedia;
+		$[14] = t2;
+	} else t2 = $[14];
+	const attachRef = t2;
+	const { ref: eventsRef, props: elementProps } = useMediaEvents(rest);
+	const composedRef = useComposedRefs(eventsRef, attachRef, ref);
+	let t3;
+	if ($[15] !== source) {
+		t3 = source ?? {};
+		$[15] = source;
+		$[16] = t3;
+	} else t3 = $[16];
+	const { mediaId, ...options } = t3;
+	let t4;
+	if ($[17] !== mediaId || $[18] !== src) {
+		t4 = mediaId ?? (src ? parseWistiaMediaId(src) : null);
+		$[17] = mediaId;
+		$[18] = src;
+		$[19] = t4;
+	} else t4 = $[19];
+	const resolved = t4;
 	const startTime = src ? parseWistiaStartTime(src) : null;
-	const [initialMuted] = useState(() => defaultMuted ?? muted);
+	let t5;
+	if ($[20] !== defaultMuted || $[21] !== muted) {
+		t5 = () => defaultMuted ?? muted;
+		$[20] = defaultMuted;
+		$[21] = muted;
+		$[22] = t5;
+	} else t5 = $[22];
+	const [initialMuted] = useState(t5);
 	return createElement(WISTIA_PLAYER_TAG, {
 		key: resolved,
 		...wistiaAttributes({
@@ -41,7 +125,7 @@ const WistiaVideo = forwardRef(function WistiaVideo({ autoplay, children, contro
 			currentTime: startTime,
 			...options
 		}),
-		...rest,
+		...elementProps,
 		style: {
 			...wistiaPlayerStyle(controls),
 			...style

package/dist/dev/media/wistia-video/adapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/wistia-video/adapter.tsx"],"sourcesContent":["'use client';\n\nimport {\n  normalizeWistiaPlayer,\n  parseWistiaMediaId,\n  parseWistiaStartTime,\n  WISTIA_PLAYER_TAG,\n  type WistiaAdapterProps,\n  wistiaAttributes,\n  wistiaMediaOptions,\n  type WistiaPlayer,\n  wistiaPlayerStyle,\n  type WistiaSource,\n} from '@videojs/wistia-video';\n// In a browser this entry is where `@wistia/wistia-player` is imported, so the tag below cannot outrun its\n// definition. Off one it resolves to the server bundle, which reaches for none of it and leaves the tag to\n// render as the plain markup a client then hydrates.\nimport {\n  createElement,\n  forwardRef,\n  type ForwardRefExoticComponent,\n  type HTMLAttributes,\n  type RefAttributes,\n  type RefCallback,\n  useCallback,\n  useState,\n} from 'react';\n\nimport { useMediaAttach } from '../../player/context';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\n\nexport interface WistiaVideoProps extends Partial<Omit<WistiaAdapterProps, 'source'>>, HTMLAttributes<WistiaPlayer> {\n  /** Wistia's own options, `mediaId` among them: everything the player understands that a media does not. */\n  source?: WistiaSource | null;\n}\n\n/**\n * Wistia is the one media here that ships a web component of its own, so this renders that component rather than a\n * player of its own making, and `@videojs/wistia-video` registers it statically — the element the ref hands back is\n * already a Wistia player. Wistia's own React wrapper defines it from an effect, a tick too late: the store reads a\n * media once, as it attaches, and a bare `HTMLElement` is a media that cannot seek, buffer, or name a source.\n *\n * The translation is one layer thin. `source` carries Wistia's own options — `mediaId`, `playerColor`, `qualityMin` —\n * straight through, so anything the player understands stays reachable without this component knowing about it; the\n * rest is the handful a media names differently. The element itself is what the store attaches to, normalized in place,\n * so the ref hands back one object that is both.\n */\nexport const WistiaVideo: ForwardRefExoticComponent<WistiaVideoProps & RefAttributes<WistiaPlayer>> = forwardRef<\n  WistiaPlayer,\n  WistiaVideoProps\n>(function WistiaVideo(\n  {\n    autoplay,\n    children,\n    controls = false,\n    defaultMuted,\n    loop,\n    muted,\n    // Wistia has no inline-playback knob and plays inline, so this is accepted and goes no further.\n    playsInline: _playsInline,\n    poster,\n    preload,\n    source,\n    src,\n    style,\n    ...rest\n  },\n  ref\n) {\n  const setMedia = useMediaAttach();\n\n  const attachRef = useCallback<RefCallback<WistiaPlayer>>(\n    (element) => {\n      // No cast: this is where Wistia's real class is held to the contract the normalizer describes.\n      if (element) normalizeWistiaPlayer(element);\n\n      setMedia?.(element as never);\n    },\n    [setMedia]\n  );\n  const composedRef = useComposedRefs(attachRef, ref);\n\n  // A Wistia URL is accepted where a media id is expected, the way every other media here accepts a `src`.\n  const { mediaId, ...options } = source ?? {};\n  const resolved = mediaId ?? (src ? parseWistiaMediaId(src) : null);\n  // A `wtime` is a start position rather than a live playhead, and it belongs to the source it was written\n  // on — read again for each one, since this component outlives them. Not frozen: an unchanged `src` renders\n  // an unchanged attribute, which React leaves alone, so a playing media is never sent back to its start.\n  const startTime = src ? parseWistiaStartTime(src) : null;\n  // The muted state the player *starts* in, which is this component's to decide rather than the source's.\n  const [initialMuted] = useState(() => defaultMuted ?? muted);\n\n  return createElement(WISTIA_PLAYER_TAG, {\n    // A new media is a new element. Writing an attribute goes around the normalizer's `source` setter, which\n    // is what announces a source change, so the store would hold the last media's duration and title;\n    // remounting says it as a detach and an attach. A source that only recolors keeps this id and the player.\n    key: resolved,\n    ...wistiaAttributes({\n      mediaId: resolved ?? '',\n      ...wistiaMediaOptions({ autoplay, controls, loop, poster, preload }),\n      muted: initialMuted,\n      currentTime: startTime,\n      // Wistia's own options last, so a source reaches anything the props above do not name.\n      ...options,\n    }),\n    ...rest,\n    style: { ...wistiaPlayerStyle(controls), ...style },\n    ref: composedRef,\n    children,\n  });\n});\n\nexport namespace WistiaVideo {\n  export type Props = WistiaVideoProps;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA+CA,MAAa,cAAyF,WAGpG,SAAS,YACT,EACE,UACA,UACA,WAAW,OACX,cACA,MACA,OAEA,aAAa,cACb,QACA,SACA,QACA,KACA,OACA,GAAG,QAEL,KACA;CACA,MAAM,WAAW,eAAe;CAEhC,MAAM,YAAY,aACf,YAAY;EAEX,IAAI,SAAS,sBAAsB,OAAO;EAE1C,WAAW,OAAgB;CAC7B,GACA,CAAC,QAAQ,CACX;CACA,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAGlD,MAAM,EAAE,SAAS,GAAG,YAAY,UAAU,CAAC;CAC3C,MAAM,WAAW,YAAY,MAAM,mBAAmB,GAAG,IAAI;CAI7D,MAAM,YAAY,MAAM,qBAAqB,GAAG,IAAI;CAEpD,MAAM,CAAC,gBAAgB,eAAe,gBAAgB,KAAK;CAE3D,OAAO,cAAc,mBAAmB;EAItC,KAAK;EACL,GAAG,iBAAiB;GAClB,SAAS,YAAY;GACrB,GAAG,mBAAmB;IAAE;IAAU;IAAU;IAAM;IAAQ;GAAQ,CAAC;GACnE,OAAO;GACP,aAAa;GAEb,GAAG;EACL,CAAC;EACD,GAAG;EACH,OAAO;GAAE,GAAG,kBAAkB,QAAQ;GAAG,GAAG;EAAM;EAClD,KAAK;EACL;CACF,CAAC;AACH,CAAC"}
+{"version":3,"file":"adapter.js","names":["controls = false","{\n    autoplay,\n    children,\n    controls = false,\n    defaultMuted,\n    loop,\n    muted,\n    // Wistia has no inline-playback knob and plays inline, so this is accepted and goes no further.\n    playsInline: _playsInline,\n    poster,\n    preload,\n    source,\n    src,\n    style,\n    ...rest\n  }","...rest","(element) => {\n      // No cast: this is where Wistia's real class is held to the contract the normalizer describes.\n      if (element) normalizeWistiaPlayer(element);\n\n      setMedia?.(element as never);\n    }","useCallback<RefCallback<WistiaPlayer>>(\n    (element) => {\n      // No cast: this is where Wistia's real class is held to the contract the normalizer describes.\n      if (element) normalizeWistiaPlayer(element);\n\n      setMedia?.(element as never);\n    },\n    [setMedia]\n  )","source ?? {}","mediaId ?? (src ? parseWistiaMediaId(src) : null)","() => defaultMuted ?? muted"],"sources":["../../../../src/media/wistia-video/adapter.tsx"],"sourcesContent":["'use client';\n\nimport {\n  normalizeWistiaPlayer,\n  parseWistiaMediaId,\n  parseWistiaStartTime,\n  WISTIA_PLAYER_TAG,\n  type WistiaAdapterProps,\n  wistiaAttributes,\n  wistiaMediaOptions,\n  type WistiaPlayer,\n  wistiaPlayerStyle,\n  type WistiaSource,\n} from '@videojs/wistia-video';\n// In a browser this entry is where `@wistia/wistia-player` is imported, so the tag below cannot outrun its\n// definition. Off one it resolves to the server bundle, which reaches for none of it and leaves the tag to\n// render as the plain markup a client then hydrates.\nimport {\n  createElement,\n  forwardRef,\n  type ForwardRefExoticComponent,\n  type HTMLAttributes,\n  type RefAttributes,\n  type RefCallback,\n  useCallback,\n  useState,\n} from 'react';\n\nimport { useMediaAttach } from '../../player/context';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { type MediaEventPropName, type MediaEventProps, useMediaEvents } from '../../utils/use-media-events';\n\n// React only wires `onPlay` and friends to `<video>` and `<audio>`, so on a custom element they are routed by hand and\n// carry the element's own `Event` rather than a synthetic one.\nexport interface WistiaVideoProps\n  extends\n    Partial<Omit<WistiaAdapterProps, 'source'>>,\n    Omit<HTMLAttributes<WistiaPlayer>, MediaEventPropName>,\n    MediaEventProps<WistiaPlayer> {\n  /** Wistia's own options, `mediaId` among them: everything the player understands that a media does not. */\n  source?: WistiaSource | null;\n}\n\n/**\n * Wistia is the one media here that ships a web component of its own, so this renders that component rather than a\n * player of its own making, and `@videojs/wistia-video` registers it statically — the element the ref hands back is\n * already a Wistia player. Wistia's own React wrapper defines it from an effect, a tick too late: the store reads a\n * media once, as it attaches, and a bare `HTMLElement` is a media that cannot seek, buffer, or name a source.\n *\n * The translation is one layer thin. `source` carries Wistia's own options — `mediaId`, `playerColor`, `qualityMin` —\n * straight through, so anything the player understands stays reachable without this component knowing about it; the\n * rest is the handful a media names differently. The element itself is what the store attaches to, normalized in place,\n * so the ref hands back one object that is both.\n */\nexport const WistiaVideo: ForwardRefExoticComponent<WistiaVideoProps & RefAttributes<WistiaPlayer>> = forwardRef<\n  WistiaPlayer,\n  WistiaVideoProps\n>(function WistiaVideo(\n  {\n    autoplay,\n    children,\n    controls = false,\n    defaultMuted,\n    loop,\n    muted,\n    // Wistia has no inline-playback knob and plays inline, so this is accepted and goes no further.\n    playsInline: _playsInline,\n    poster,\n    preload,\n    source,\n    src,\n    style,\n    ...rest\n  },\n  ref\n) {\n  const setMedia = useMediaAttach();\n\n  const attachRef = useCallback<RefCallback<WistiaPlayer>>(\n    (element) => {\n      // No cast: this is where Wistia's real class is held to the contract the normalizer describes.\n      if (element) normalizeWistiaPlayer(element);\n\n      setMedia?.(element as never);\n    },\n    [setMedia]\n  );\n  // The element is the media, so it is what the event props listen to.\n  const { ref: eventsRef, props: elementProps } = useMediaEvents(rest);\n  const composedRef = useComposedRefs(eventsRef, attachRef, ref);\n\n  // A Wistia URL is accepted where a media id is expected, the way every other media here accepts a `src`.\n  const { mediaId, ...options } = source ?? {};\n  const resolved = mediaId ?? (src ? parseWistiaMediaId(src) : null);\n  // A `wtime` is a start position rather than a live playhead, and it belongs to the source it was written\n  // on — read again for each one, since this component outlives them. Not frozen: an unchanged `src` renders\n  // an unchanged attribute, which React leaves alone, so a playing media is never sent back to its start.\n  const startTime = src ? parseWistiaStartTime(src) : null;\n  // The muted state the player *starts* in, which is this component's to decide rather than the source's.\n  const [initialMuted] = useState(() => defaultMuted ?? muted);\n\n  return createElement(WISTIA_PLAYER_TAG, {\n    // A new media is a new element. Writing an attribute goes around the normalizer's `source` setter, which\n    // is what announces a source change, so the store would hold the last media's duration and title;\n    // remounting says it as a detach and an attach. A source that only recolors keeps this id and the player.\n    key: resolved,\n    ...wistiaAttributes({\n      mediaId: resolved ?? '',\n      ...wistiaMediaOptions({ autoplay, controls, loop, poster, preload }),\n      muted: initialMuted,\n      currentTime: startTime,\n      // Wistia's own options last, so a source reaches anything the props above do not name.\n      ...options,\n    }),\n    ...elementProps,\n    style: { ...wistiaPlayerStyle(controls), ...style },\n    ref: composedRef,\n    children,\n  });\n});\n\nexport namespace WistiaVideo {\n  export type Props = WistiaVideoProps;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAsDA,MAAa,cAAyF,WAGpG,SAAS,YAAA,IAiBT,KACA;;CAhBE,IAAA;CACA,IAAA;CAEA,IAAA;CACA,IAAA;CACA,IAAA;CAGA,IAAA;CACA,IAAA;CAIG,IAAA;CAHH,IAAA;CACA,IAAA;CACA,IAAA;CAVAA,IAAAA;CAHFC,IAAAA,EAAAA,OAAAA,IAAAA;EACE,MAAA,EAAA,UAAA,IACA,UAAA,IACA,UAAA,IACA,cAAA,IACA,MAAA,IACA,OAAA,IAEA,aAAa,cACb,QAAA,IACA,SAAA,IACA,QAAA,KACA,KAAA,KACA,OAAA,KACA,GAAA,QAdFA;EACE,WAAA;EADF,WAEE;EAFF,KAGED;EAHF,eAIE;EAJF,OAKE;EALF,QAME;EANF,SASE;EATF,UAUE;EAVF,SAWE;EAXF,MAYE;EAZF,QAaE;EAbF,OAcEE;EAdFD,EAAAA,KAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGE,MAAA,WAAA,OAAA,KAAA,IAAW,QAAXD;CAeF,MAAM,WAAW,eAAe;CAG9BG,IAAAA;CAIE,IAAA,EAAA,QAAA,UAAA;EAJF,MAAC,YAAY;GAEX,IAAI,SAAS,sBAAsB,OAAO;GAE1C,WAAW,OAAgB;EAC7B;EADE,EAAA,MAAA;;;CALJ,MAAM,YAAYC;CAUlB,MAAM,EAAE,KAAK,WAAW,OAAO,iBAAiB,eAAe,IAAI;CACnE,MAAM,cAAc,gBAAgB,WAAW,WAAW,GAAG;CAG7BC,IAAAA;;EAAU,KAAA,UAAA,CAAC;EAAX,EAAA,MAAA;;;CAAhC,MAAM,EAAE,SAAS,GAAG,YAAYA;CACfC,IAAAA;CAAY,IAAA,EAAA,QAAA,WAAA,EAAA,QAAA,KAAA;EAAZ,KAAA,YAAY,MAAM,mBAAmB,GAAG,IAAI;EAA5C,EAAA,MAAA;EAAY,EAAA,MAAA;;;CAA7B,MAAM,WAAWA;CAIjB,MAAM,YAAY,MAAM,qBAAqB,GAAG,IAAI;CAEpBC,IAAAA;CAAM,IAAA,EAAA,QAAA,gBAAA,EAAA,QAAgB,OAAA;EAAtB,WAAM,gBAAgB;EAAhB,EAAA,MAAA;EAAgB,EAAA,MAAA;;;CAAtD,MAAM,CAAC,gBAAgB,SAASA,EAA2B;CAE3D,OAAO,cAAc,mBAAmB;EAItC,KAAK;EACL,GAAG,iBAAiB;GAClB,SAAS,YAAY;GACrB,GAAG,mBAAmB;IAAE;IAAU;IAAU;IAAM;IAAQ;GAAQ,CAAC;GACnE,OAAO;GACP,aAAa;GAEb,GAAG;EACL,CAAC;EACD,GAAG;EACH,OAAO;GAAE,GAAG,kBAAkB,QAAQ;GAAG,GAAG;EAAM;EAClD,KAAK;EACL;CACF,CAAC;AACH,CAAC"}

package/dist/dev/media/youtube-video/adapter.d.ts

@@ -1,7 +1,8 @@
+import { MediaEventProps } from "../../utils/use-media-events.js";
 import { ReactNode } from "react";
-import { YouTubeAdapterProps } from "@videojs/youtube-video";
+import { YouTubeAdapter, YouTubeAdapterProps } from "@videojs/youtube-video";
 //#region src/media/youtube-video/adapter.d.ts
-interface YouTubeVideoProps extends Partial<YouTubeAdapterProps> {
+interface YouTubeVideoProps extends Partial<YouTubeAdapterProps>, MediaEventProps<YouTubeAdapter> {
   children?: ReactNode;
 }
 declare const YouTubeVideo: import("react").ForwardRefExoticComponent<YouTubeVideoProps & import("react").RefAttributes<HTMLIFrameElement>>;

package/dist/dev/media/youtube-video/adapter.js

@@ -1,36 +1,74 @@
 "use client";
 import { useComposedRefs } from "../../utils/use-composed-refs.js";
+import { useAttachMedia } from "../../utils/use-attach-media.js";
+import { useMediaEvents } from "../../utils/use-media-events.js";
 import { useMediaInstance } from "../../utils/use-media-instance.js";
 import { useSyncProps } from "../../utils/use-sync-props.js";
-import { useAttachIframe } from "../../utils/use-attach-iframe.js";
+import { c } from "react-compiler-runtime";
 import { forwardRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { YouTubeAdapter, buildYouTubeIframeSrc } from "@videojs/youtube-video";
 //#region src/media/youtube-video/adapter.tsx
-const YouTubeVideo = forwardRef(function YouTubeVideo({ children, ...rawProps }, ref) {
+const YouTubeVideo = forwardRef(function YouTubeVideo(t0, ref) {
+	const $ = c(13);
+	let children;
+	let rawProps;
+	if ($[0] !== t0) {
+		({children, ...rawProps} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = rawProps;
+	} else {
+		children = $[1];
+		rawProps = $[2];
+	}
 	const media = useMediaInstance(YouTubeAdapter);
-	const props = { ...rawProps };
-	const attachRef = useAttachIframe(media);
-	const composedRef = useComposedRefs(attachRef, ref);
-	const [initialSrc] = useState(() => buildYouTubeIframeSrc(props.src || props.source?.src || "", {
-		...YouTubeAdapter.defaultProps,
-		...props
-	}));
-	const iframeProps = useSyncProps(media, props, YouTubeAdapter.defaultProps);
-	return /* @__PURE__ */ jsx("iframe", {
-		title: "YouTube video player",
-		src: initialSrc || void 0,
-		"data-cross-origin-frame": true,
-		allow: "accelerometer; fullscreen; autoplay; encrypted-media; gyroscope; picture-in-picture",
-		allowFullScreen: true,
-		frameBorder: 0,
-		width: "100%",
-		height: "100%",
-		referrerPolicy: props.source?.engine?.youtube?.referrerPolicy,
-		...iframeProps,
-		ref: composedRef,
-		children
-	});
+	let t1;
+	if ($[3] !== rawProps) {
+		t1 = { ...rawProps };
+		$[3] = rawProps;
+		$[4] = t1;
+	} else t1 = $[4];
+	const props = t1;
+	let t2;
+	if ($[5] !== props) {
+		t2 = () => buildYouTubeIframeSrc(props.src || props.source?.src || "", {
+			...YouTubeAdapter.defaultProps,
+			...props
+		});
+		$[5] = props;
+		$[6] = t2;
+	} else t2 = $[6];
+	const [initialSrc] = useState(t2);
+	const { ref: eventsRef, props: iframeProps } = useMediaEvents(useSyncProps(media, props, YouTubeAdapter.defaultProps), media);
+	const attachRef = useAttachMedia(media);
+	const composedRef = useComposedRefs(eventsRef, attachRef, ref);
+	const t3 = initialSrc || void 0;
+	const t4 = props.source?.engine?.youtube?.referrerPolicy;
+	let t5;
+	if ($[7] !== children || $[8] !== composedRef || $[9] !== iframeProps || $[10] !== t3 || $[11] !== t4) {
+		t5 = /* @__PURE__ */ jsx("iframe", {
+			title: "YouTube video player",
+			src: t3,
+			"data-cross-origin-frame": true,
+			allow: "accelerometer; fullscreen; autoplay; encrypted-media; gyroscope; picture-in-picture",
+			allowFullScreen: true,
+			frameBorder: 0,
+			width: "100%",
+			height: "100%",
+			referrerPolicy: t4,
+			...iframeProps,
+			ref: composedRef,
+			children
+		});
+		$[7] = children;
+		$[8] = composedRef;
+		$[9] = iframeProps;
+		$[10] = t3;
+		$[11] = t4;
+		$[12] = t5;
+	} else t5 = $[12];
+	return t5;
 });
 //#endregion
 export { YouTubeVideo };

package/dist/dev/media/youtube-video/adapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"adapter.js","names":[],"sources":["../../../../src/media/youtube-video/adapter.tsx"],"sourcesContent":["'use client';\n\nimport { buildYouTubeIframeSrc, YouTubeAdapter, type YouTubeAdapterProps } from '@videojs/youtube-video';\nimport { forwardRef, type ReactNode, useState } from 'react';\n\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 YouTubeVideoProps extends Partial<YouTubeAdapterProps> {\n  children?: ReactNode;\n}\n\nexport const YouTubeVideo = forwardRef<HTMLIFrameElement, YouTubeVideoProps>(function YouTubeVideo(\n  { children, ...rawProps },\n  ref\n) {\n  const media = useMediaInstance(YouTubeAdapter);\n  const props: Partial<YouTubeAdapterProps> & 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    buildYouTubeIframeSrc(props.src || props.source?.src || '', { ...YouTubeAdapter.defaultProps, ...props })\n  );\n  const iframeProps = useSyncProps<YouTubeAdapterProps, Record<string, unknown>>(\n    media,\n    props,\n    YouTubeAdapter.defaultProps\n  );\n\n  return (\n    <iframe\n      title=\"YouTube 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?.youtube?.referrerPolicy}\n      {...iframeProps}\n      ref={composedRef}\n    >\n      {children}\n    </iframe>\n  );\n});\n\nexport namespace YouTubeVideo {\n  export type Props = YouTubeVideoProps;\n}\n"],"mappings":";;;;;;;;;AAcA,MAAa,eAAe,WAAiD,SAAS,aACpF,EAAE,UAAU,GAAG,YACf,KACA;CACA,MAAM,QAAQ,iBAAiB,cAAc;CAC7C,MAAM,QAAgE,EAAE,GAAG,SAAS;CACpF,MAAM,YAAY,gBAAgB,KAAK;CACvC,MAAM,cAAc,gBAAgB,WAAW,GAAG;CAClD,MAAM,CAAC,cAAc,eAEnB,sBAAsB,MAAM,OAAO,MAAM,QAAQ,OAAO,IAAI;EAAE,GAAG,eAAe;EAAc,GAAG;CAAM,CAAC,CAC1G;CACA,MAAM,cAAc,aAClB,OACA,OACA,eAAe,YACjB;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,SAAS;EAC/C,GAAI;EACJ,KAAK;EAEJ;CACK,CAAA;AAEZ,CAAC"}
+{"version":3,"file":"adapter.js","names":["{ children, ...rawProps }","{ ...rawProps }","() =>\n    // `source.src` is the only other way to name a video, so honor it when `src` is absent.\n    buildYouTubeIframeSrc(props.src || props.source?.src || '', { ...YouTubeAdapter.defaultProps, ...props })","props.src","<iframe\n      title=\"YouTube 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?.youtube?.referrerPolicy}\n      {...iframeProps}\n      ref={composedRef}\n    >\n      {children}\n    </iframe>","initialSrc || undefined","props.source?.engine?.youtube?.referrerPolicy"],"sources":["../../../../src/media/youtube-video/adapter.tsx"],"sourcesContent":["'use client';\n\nimport { buildYouTubeIframeSrc, YouTubeAdapter, type YouTubeAdapterProps } from '@videojs/youtube-video';\nimport { forwardRef, type ReactNode, useState } from 'react';\n\nimport { useAttachMedia } from '../../utils/use-attach-media';\nimport { useComposedRefs } from '../../utils/use-composed-refs';\nimport { type MediaEventProps, useMediaEvents } from '../../utils/use-media-events';\nimport { useMediaInstance } from '../../utils/use-media-instance';\nimport { useSyncProps } from '../../utils/use-sync-props';\n\nexport interface YouTubeVideoProps extends Partial<YouTubeAdapterProps>, MediaEventProps<YouTubeAdapter> {\n  children?: ReactNode;\n}\n\nexport const YouTubeVideo = forwardRef<HTMLIFrameElement, YouTubeVideoProps>(function YouTubeVideo(\n  { children, ...rawProps },\n  ref\n) {\n  const media = useMediaInstance(YouTubeAdapter);\n  const props: Partial<YouTubeAdapterProps> & Record<string, unknown> = { ...rawProps };\n  const [initialSrc] = useState(() =>\n    // `source.src` is the only other way to name a video, so honor it when `src` is absent.\n    buildYouTubeIframeSrc(props.src || props.source?.src || '', { ...YouTubeAdapter.defaultProps, ...props })\n  );\n  const { ref: eventsRef, props: iframeProps } = useMediaEvents(\n    useSyncProps<YouTubeAdapterProps, Record<string, unknown>>(media, props, YouTubeAdapter.defaultProps),\n    media\n  );\n  const attachRef = useAttachMedia(media);\n  // Listeners first: `attach()` dispatches `loadstart` synchronously.\n  const composedRef = useComposedRefs(eventsRef, attachRef, ref);\n\n  return (\n    <iframe\n      title=\"YouTube 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?.youtube?.referrerPolicy}\n      {...iframeProps}\n      ref={composedRef}\n    >\n      {children}\n    </iframe>\n  );\n});\n\nexport namespace YouTubeVideo {\n  export type Props = YouTubeVideoProps;\n}\n"],"mappings":";;;;;;;;;;;AAeA,MAAa,eAAe,WAAiD,SAAS,aAAA,IAEpF,KACA;;CAFE,IAAA;CAAa,IAAA;CAAfA,IAAAA,EAAAA,OAAAA,IAAAA;EAAE,CAAA,CAAA,aAAU,YAAZA;;;;;;;;CAGA,MAAM,QAAQ,iBAAiB,cAAc;CACyBC,IAAAA;CAAK,IAAA,EAAA,OAAA,UAAA;EAAL,KAAA,EAAE,GAAG,SAAS;EAAT,EAAA,KAAA;;;CAA3E,MAAM,QAAgEA;CACxCC,IAAAA;CAENC,IAAAA,EAAAA,OAAAA,OAAAA;EAFM,WAE5B,sBAAsB,MAAM,OAAO,MAAM,QAAQ,OAAO,IAAI;GAAE,GAAG,eAAe;GAAc,GAAG;EAAM,CAAC;EAAlFA,EAAAA,KAAAA;;;CAFxB,MAAM,CAAC,cAAc,SAASD,EAG9B;CACA,MAAM,EAAE,KAAK,WAAW,OAAO,gBAAgB,eAC7C,aAA2D,OAAO,OAAO,eAAe,YAAY,GACpG,KACF;CACA,MAAM,YAAY,eAAe,KAAK;CAEtC,MAAM,cAAc,gBAAgB,WAAW,WAAW,GAAG;CAOpD,MAAA,KAAA,cAAc,KAAA;CAOH,MAAA,KAAA,MAAM,QAAQ,QAAQ,SAAS;CAXjDE,IAAAA;CAeG,IAAA,EAAA,OAAA,YAAA,EAAA,OAFI,eAAA,EAAA,OADD,eAAA,EAAA,QARCC,MAAAA,EAAAA,QAOWC,IAAAA;EAXlB,KAAA,oBAAC,UAAD;GACE,OAAM;GAGN,KAAKD;GACL,2BAAA;GACA,OAAM;GACN,iBAAA;GACA,aAAa;GACb,OAAM;GACN,QAAO;GACP,gBAAgBC;GAChB,GAAI;GACJ,KAAK;GAEJ;EACK,CAAA;EADL,EAAA,KAAA;EAFI,EAAA,KAAA;EADD,EAAA,KAAA;EARCD,EAAAA,MAAAA;EAOWC,EAAAA,MAAAA;;;CAZpB,OACEF;AAkBJ,CAAC"}