expo-font
Version:
Load fonts at runtime and use them in React Native components.
72 lines • 2.62 kB
JavaScript
import { Asset } from 'expo-asset';
import { CodedError } from 'expo-modules-core';
import ExpoFontLoader from './ExpoFontLoader';
import { FontDisplay } from './Font.types';
function uriFromFontSource(asset) {
if (typeof asset === 'string') {
return asset || null;
}
else if (typeof asset === 'number') {
return uriFromFontSource(Asset.fromModule(asset));
}
else if (typeof asset === 'object' && typeof asset.uri === 'number') {
return uriFromFontSource(asset.uri);
}
else if (typeof asset === 'object') {
return asset.uri || asset.localUri || asset.default || null;
}
return null;
}
function displayFromFontSource(asset) {
if (typeof asset === 'object' && 'display' in asset) {
return asset.display || FontDisplay.AUTO;
}
return FontDisplay.AUTO;
}
function testStringFromFontSource(asset) {
if (typeof asset === 'object' && 'testString' in asset) {
return asset.testString ?? undefined;
}
return undefined;
}
export function getAssetForSource(source) {
const uri = uriFromFontSource(source);
const display = displayFromFontSource(source);
const testString = testStringFromFontSource(source);
if (!uri || typeof uri !== 'string') {
throwInvalidSourceError(uri);
}
return {
uri,
display,
testString,
};
}
function throwInvalidSourceError(source) {
let type = typeof source;
if (type === 'object')
type = JSON.stringify(source, null, 2);
throw new CodedError(`ERR_FONT_SOURCE`, `Expected font asset of type \`string | FontResource | Asset\` instead got: ${type}`);
}
// NOTE(EvanBacon): No async keyword!
export function loadSingleFontAsync(name, input) {
if (typeof input !== 'object' || typeof input.uri !== 'string' || input.downloadAsync) {
throwInvalidSourceError(input);
}
// On the server, scope-misuse throws must propagate; a silent missing font is worse.
if (typeof window === 'undefined') {
return ExpoFontLoader.loadAsync(name, input);
}
// NOTE(@hassankhan): This seems broken for async calls; we should investigate removing
// `fontfaceobserver` altogether
try {
return ExpoFontLoader.loadAsync(name, input);
}
catch {
// `FontObserver` rejects on unsupported browsers/network timeouts (see #22954). The font
// still renders via the injected stylesheet; swallow the verification failure rather than
// surface it as an unhandled promise rejection.
}
return Promise.resolve();
}
//# sourceMappingURL=FontLoader.web.js.map