@incodetech/web 2.3.0-rc.0 → 2.3.0-rc.10

package/dist/useCoverMedia-VLw3OYN_.js

@@ -1,149 +0,0 @@
-import { _ as y, h as q } from "./vendor-preact-C0jX1Cbq.js";
-//#region src/hooks/useCoverMedia.ts
-var CONVERGENCE_TIMEOUT_MS = 1e4;
-var CONVERGENCE_INTERVAL_MS = 100;
-var PENDING_CLASS = "IncodeMediaCoverPending";
-/**
-* Returns the explicit box that produces `object-fit: cover` geometry.
-* Kept pure so the visual calculation is independently testable.
-*/
-function calculateCoverMediaGeometry(sourceWidth, sourceHeight, containerWidth, containerHeight) {
-	if (!Number.isFinite(sourceWidth) || !Number.isFinite(sourceHeight) || !Number.isFinite(containerWidth) || !Number.isFinite(containerHeight) || sourceWidth <= 0 || sourceHeight <= 0 || containerWidth <= 0 || containerHeight <= 0) return;
-	const scale = Math.max(containerWidth / sourceWidth, containerHeight / sourceHeight);
-	const width = sourceWidth * scale;
-	const height = sourceHeight * scale;
-	return {
-		width: `${width.toFixed(2)}px`,
-		height: `${height.toFixed(2)}px`,
-		left: `${((containerWidth - width) / 2).toFixed(2)}px`,
-		top: `${((containerHeight - height) / 2).toFixed(2)}px`
-	};
-}
-/**
-* Safari reports `object-fit` support even when its MediaStream paint is
-* incorrect, so CSS.supports cannot detect this bug. Keep the workaround
-* narrowly scoped to the affected iOS/iPadOS 27 WebKit builds instead.
-*/
-function needsExplicitMediaCover(userAgent, platform, maxTouchPoints) {
-	const iosDevice = /\b(?:iPhone|iPad|iPod)\b/.test(userAgent);
-	const iosVersion = userAgent.match(/CPU (?:iPhone )?OS (\d+)[_.]/)?.[1];
-	if (iosDevice && iosVersion === "27") return true;
-	const desktopModeIPad = platform === "MacIntel" && maxTouchPoints > 1;
-	const safariVersion = userAgent.match(/Version\/(\d+)[._]/)?.[1];
-	return desktopModeIPad && safariVersion === "27";
-}
-function isExplicitMediaCoverNeeded() {
-	if (typeof navigator === "undefined") return false;
-	return needsExplicitMediaCover(navigator.userAgent, navigator.platform, navigator.maxTouchPoints);
-}
-/**
-* Applies explicit `cover` geometry only to iOS/iPadOS 27 MediaStream media.
-* Compliant browsers retain native `object-fit: cover`, with no observers,
-* event listeners, polling, or inline geometry.
-*
-* `reattachKey` restarts the workaround when the media source changes. Pass a
-* MediaStream for video and the canvas instance for imperative avatar canvases.
-*/
-function useCoverMedia(mediaRef, reattachKey) {
-	const explicitCoverNeeded = isExplicitMediaCoverNeeded();
-	const applyCover = q(() => {
-		const media = mediaRef.current;
-		const container = media?.parentElement;
-		if (!media || !container) return false;
-		const sourceWidth = media instanceof HTMLVideoElement ? media.videoWidth : media.width;
-		const sourceHeight = media instanceof HTMLVideoElement ? media.videoHeight : media.height;
-		const { width: containerWidth, height: containerHeight } = container.getBoundingClientRect();
-		const geometry = calculateCoverMediaGeometry(sourceWidth, sourceHeight, containerWidth, containerHeight);
-		if (!geometry) return false;
-		if (media.style.width === geometry.width && media.style.height === geometry.height && media.style.left === geometry.left && media.style.top === geometry.top) return true;
-		media.style.maxWidth = "none";
-		media.style.maxHeight = "none";
-		media.style.right = "auto";
-		media.style.bottom = "auto";
-		media.style.width = geometry.width;
-		media.style.height = geometry.height;
-		media.style.left = geometry.left;
-		media.style.top = geometry.top;
-		return true;
-	}, [mediaRef]);
-	y(() => {
-		if (!explicitCoverNeeded) return;
-		const media = mediaRef.current;
-		if (!media) return;
-		const cleanups = [];
-		media.classList.add(PENDING_CLASS);
-		cleanups.push(() => media.classList.remove(PENDING_CLASS));
-		const reveal = () => media.classList.remove(PENDING_CLASS);
-		let pollId;
-		let timeoutId;
-		const stopPolling = () => {
-			if (pollId !== void 0) {
-				clearInterval(pollId);
-				pollId = void 0;
-			}
-			if (timeoutId !== void 0) {
-				clearTimeout(timeoutId);
-				timeoutId = void 0;
-			}
-		};
-		cleanups.push(stopPolling);
-		const tryApply = () => {
-			const applied = applyCover();
-			if (applied) {
-				reveal();
-				stopPolling();
-			}
-			return applied;
-		};
-		let frame1 = 0;
-		let frame2 = 0;
-		const applyCoverSettled = () => {
-			tryApply();
-			cancelAnimationFrame(frame1);
-			cancelAnimationFrame(frame2);
-			frame1 = requestAnimationFrame(() => {
-				tryApply();
-				frame2 = requestAnimationFrame(tryApply);
-			});
-		};
-		if (media instanceof HTMLVideoElement) for (const event of ["loadedmetadata", "resize"]) {
-			media.addEventListener(event, applyCoverSettled);
-			cleanups.push(() => media.removeEventListener(event, applyCoverSettled));
-		}
-		if (typeof ResizeObserver !== "undefined") {
-			const observer = new ResizeObserver(() => tryApply());
-			const container = media.parentElement;
-			if (container) observer.observe(container);
-			observer.observe(media);
-			cleanups.push(() => observer.disconnect());
-		}
-		window.addEventListener("resize", applyCoverSettled);
-		window.addEventListener("orientationchange", applyCoverSettled);
-		cleanups.push(() => {
-			window.removeEventListener("resize", applyCoverSettled);
-			window.removeEventListener("orientationchange", applyCoverSettled);
-		});
-		const startPolling = () => {
-			pollId = setInterval(tryApply, CONVERGENCE_INTERVAL_MS);
-			timeoutId = setTimeout(() => {
-				stopPolling();
-				reveal();
-			}, CONVERGENCE_TIMEOUT_MS);
-		};
-		if (!tryApply()) startPolling();
-		applyCoverSettled();
-		return () => {
-			cancelAnimationFrame(frame1);
-			cancelAnimationFrame(frame2);
-			for (const cleanup of cleanups) cleanup();
-		};
-	}, [
-		applyCover,
-		explicitCoverNeeded,
-		mediaRef,
-		reattachKey
-	]);
-	return applyCover;
-}
-//#endregion
-export { useCoverMedia as t };