93 lines
2.3 KiB
TypeScript
93 lines
2.3 KiB
TypeScript
const safeTags = new Map<string, string>();
|
|
|
|
function safeTagFor(locale: string) {
|
|
let safeTag = safeTags.get(locale);
|
|
if (safeTag == null) {
|
|
safeTag = new Intl.Locale(locale).baseName;
|
|
safeTags.set(locale, safeTag);
|
|
}
|
|
return safeTag;
|
|
}
|
|
|
|
type DisplayNamesWrapper = Intl.DisplayNames & {
|
|
of(tag: string): string | undefined;
|
|
};
|
|
|
|
const displayNamesDicts = new Map<string, DisplayNamesWrapper>();
|
|
|
|
function getWrapperKey(locale: string, options: Intl.DisplayNamesOptions) {
|
|
return JSON.stringify({ ...options, locale });
|
|
}
|
|
|
|
export function createDisplayNames(
|
|
locale: string,
|
|
options: Intl.DisplayNamesOptions = { type: "language" },
|
|
) {
|
|
const wrapperKey = getWrapperKey(locale, options);
|
|
let wrapper = displayNamesDicts.get(wrapperKey);
|
|
|
|
if (wrapper == null) {
|
|
const dict = new Intl.DisplayNames(locale, options);
|
|
|
|
const badTags: string[] = [];
|
|
|
|
wrapper = {
|
|
resolvedOptions() {
|
|
return dict.resolvedOptions();
|
|
},
|
|
of(tag: string) {
|
|
let attempt = 0;
|
|
|
|
// eslint-disable-next-line no-labels
|
|
lookupLoop: do {
|
|
let lookup: string;
|
|
switch (attempt) {
|
|
case 0:
|
|
lookup = tag;
|
|
break;
|
|
case 1:
|
|
lookup = safeTagFor(tag);
|
|
break;
|
|
default:
|
|
// eslint-disable-next-line no-labels
|
|
break lookupLoop;
|
|
}
|
|
|
|
if (badTags.includes(lookup)) continue;
|
|
|
|
try {
|
|
return dict.of(lookup);
|
|
} catch {
|
|
console.warn(
|
|
`Failed to get display name for ${lookup} using dictionary for ${
|
|
this.resolvedOptions().locale
|
|
}`,
|
|
);
|
|
badTags.push(lookup);
|
|
continue;
|
|
}
|
|
} while (++attempt < 5);
|
|
|
|
return undefined;
|
|
},
|
|
};
|
|
|
|
displayNamesDicts.set(wrapperKey, wrapper);
|
|
}
|
|
|
|
return wrapper;
|
|
}
|
|
|
|
export function useDisplayNames(
|
|
locale: string | (() => string) | Ref<string>,
|
|
options?:
|
|
| (Intl.DisplayNamesOptions | undefined)
|
|
| (() => Intl.DisplayNamesOptions | undefined)
|
|
| Ref<Intl.DisplayNamesOptions | undefined>,
|
|
) {
|
|
const $locale = toRef(locale);
|
|
const $options = toRef(options);
|
|
|
|
return computed(() => createDisplayNames($locale.value, $options.value));
|
|
}
|