one/dist/esm/views/PreloadLinks.mjs

One is a React framework for web, iOS, and Android apps.

import { useEffect, useRef } from "react";
import { getURL } from "../getURL.mjs";
import { preloadRoute } from "../router/router.mjs";
import { shouldPreloadRoute } from "../utils/url.mjs";

const PREFETCH_MODE = process.env.ONE_LINK_PREFETCH || "intent";
function getPrefetchableHref(anchor, url) {
	if (anchor.target && anchor.target !== "_self") return null;
	if (anchor.hasAttribute("download")) return null;
	if (anchor.getAttribute("rel")?.includes("external")) return null;
	const href = anchor.getAttribute("href");
	if (!href) return null;
	if (href[0] === "/" || href.startsWith(url)) {
		const cleanHref = href.replace(url, "");
		if (!shouldPreloadRoute(cleanHref)) return null;
		return cleanHref;
	}
	return null;
}
function getHrefFromTarget(url, target) {
	if (!(target instanceof HTMLElement)) return null;
	const anchor = target instanceof HTMLAnchorElement ? target : target.closest("a");
	if (!(anchor instanceof HTMLAnchorElement)) return null;
	return getPrefetchableHref(anchor, url);
}
function PreloadLinks() {
	if (typeof window === "undefined") {
		return null;
	}
	if (!import.meta.env.PROD) {
		useEffect(() => {
			const url = getURL();
			const controller = new AbortController();
			document.addEventListener("mouseover", (e) => {
				const href = getHrefFromTarget(url, e.target);
				if (href) preloadRoute(href);
			}, {
				passive: true,
				signal: controller.signal
			});
			return () => controller.abort();
		}, []);
		return null;
	}
	if (PREFETCH_MODE === "false") {
		return null;
	}
	const cleanupRef = useRef(null);
	useEffect(() => {
		const url = getURL();
		if (PREFETCH_MODE === "hover") {
			const controller = new AbortController();
			document.addEventListener("mouseover", (e) => {
				const href = getHrefFromTarget(url, e.target);
				if (href) preloadRoute(href);
			}, {
				passive: true,
				signal: controller.signal
			});
			return () => controller.abort();
		}
		if (PREFETCH_MODE === "viewport") {
			import("../link/prefetchViewport.mjs").then(({ startPrefetchViewport, observePrefetchViewport }) => {
				startPrefetchViewport(preloadRoute);
				const cleanups = [];
				const seen = /* @__PURE__ */ new WeakSet();
				const observeLinks = () => {
					const links = document.querySelectorAll("a[href^=\"/\"], a[href^=\"" + url + "\"]");
					links.forEach((link) => {
						if (seen.has(link)) return;
						seen.add(link);
						const href = getPrefetchableHref(link, url);
						if (href) {
							cleanups.push(observePrefetchViewport(link, href));
						}
					});
				};
				observeLinks();
				let timeout;
				const observer = new MutationObserver(() => {
					clearTimeout(timeout);
					timeout = setTimeout(observeLinks, 100);
				});
				observer.observe(document.body, {
					childList: true,
					subtree: true
				});
				cleanupRef.current = () => {
					clearTimeout(timeout);
					cleanups.forEach((c) => c());
					observer.disconnect();
				};
			});
			return () => cleanupRef.current?.();
		}
		if (PREFETCH_MODE === "intent") {
			const controller = new AbortController();
			import("../link/prefetchIntent.mjs").then(({ startPrefetchIntent, observePrefetchIntent }) => {
				startPrefetchIntent(preloadRoute);
				const cleanups = [];
				const seen = /* @__PURE__ */ new WeakSet();
				const observeLinks = () => {
					const links = document.querySelectorAll("a[href^=\"/\"], a[href^=\"" + url + "\"]");
					links.forEach((link) => {
						if (seen.has(link)) return;
						seen.add(link);
						const href = getPrefetchableHref(link, url);
						if (href) {
							cleanups.push(observePrefetchIntent(link, href));
						}
					});
				};
				observeLinks();
				let timeout;
				const observer = new MutationObserver(() => {
					clearTimeout(timeout);
					timeout = setTimeout(observeLinks, 100);
				});
				observer.observe(document.body, {
					childList: true,
					subtree: true
				});
				cleanupRef.current = () => {
					clearTimeout(timeout);
					cleanups.forEach((c) => c());
					observer.disconnect();
				};
				document.addEventListener("mouseover", (e) => {
					const href = getHrefFromTarget(url, e.target);
					if (href) preloadRoute(href);
				}, {
					passive: true,
					signal: controller.signal
				});
			});
			return () => {
				controller.abort();
				cleanupRef.current?.();
			};
		}
	}, []);
	return null;
}

export { PreloadLinks, getPrefetchableHref };
//# sourceMappingURL=PreloadLinks.mjs.map