one/dist/esm/platform/fonts/index.mjs

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

import { useEffect, useState } from "react";

async function load(fonts) {
	if (typeof document === "undefined") {
		return;
	}
	const entries = Object.entries(fonts).map(([name, source]) => {
		if (typeof source !== "string") {
			throw new Error(`Fonts.load: "${name}" is not a font asset`);
		}
		return {
			name,
			uri: source
		};
	});
	await Promise.all(entries.map(async ({ name, uri }) => {
		try {
			const face = new FontFace(name, `url(${uri})`);
			await face.load();
			document.fonts.add(face);
		} catch (cause) {
			throw new Error(`Fonts.load: "${name}" could not be loaded`, { cause });
		}
	}));
}
function isLoaded(name) {
	if (typeof document === "undefined") {
		return false;
	}
	let found = false;
	document.fonts.forEach((face) => {
		if (face.family === name && face.status === "loaded") {
			found = true;
		}
	});
	return found;
}
const Fonts = {
	load,
	isLoaded
};
function useFonts(fonts) {
	const [loaded, setLoaded] = useState(() => Object.keys(fonts).every(isLoaded));
	const [error, setError] = useState(null);
	useEffect(() => {
		if (loaded) {
			return;
		}
		let cancelled = false;
		setError(null);
		load(fonts).then(() => {
			if (!cancelled) {
				setLoaded(true);
			}
		}, (reason) => {
			if (!cancelled) {
				setError(reason instanceof Error ? reason : new Error(String(reason)));
			}
		});
		return () => {
			cancelled = true;
		};
	}, []);
	return [loaded, error];
}

export { Fonts, useFonts };
//# sourceMappingURL=index.mjs.map