one/dist/cjs/platform/fonts/index.cjs

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

var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
	for (var name in all) __defProp(target, name, {
		get: all[name],
		enumerable: true
	});
};
var __copyProps = (to, from, except, desc) => {
	if (from && typeof from === "object" || typeof from === "function") {
		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
			get: () => from[key],
			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
		});
	}
	return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var fonts_exports = {};
__export(fonts_exports, {
	Fonts: () => Fonts,
	useFonts: () => useFonts
});
module.exports = __toCommonJS(fonts_exports);
var import_react = require("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] = (0, import_react.useState)(() => Object.keys(fonts).every(isLoaded));
	const [error, setError] = (0, import_react.useState)(null);
	(0, import_react.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];
}