a004cbae63
The update changes the way locales are checked against the list of accepted languages. Now, instead the full locale, only the language segment is considered when determining if the locale is accepted. Additionally, a check in 'getPreferredLanguageFromBrowser' was added to ensure 'acceptLanguage' is not undefined before attempting to parse it.
90 lines
2.5 KiB
TypeScript
90 lines
2.5 KiB
TypeScript
import { type InitOptions, createInstance } from 'i18next';
|
|
import resourcesToBackend from 'i18next-resources-to-backend';
|
|
import { initReactI18next } from 'react-i18next/initReactI18next';
|
|
|
|
/**
|
|
* Initialize the i18n instance on the server.
|
|
* This is useful for RSC and SSR.
|
|
* @param settings - the i18n settings
|
|
* @param resolver - a function that resolves the i18n resources
|
|
*/
|
|
export async function initializeServerI18n(
|
|
settings: InitOptions,
|
|
resolver: (language: string, namespace: string) => Promise<object>,
|
|
) {
|
|
const i18nInstance = createInstance();
|
|
|
|
await i18nInstance
|
|
.use(
|
|
resourcesToBackend(async (language, namespace, callback) => {
|
|
try {
|
|
const data = await resolver(language, namespace);
|
|
|
|
return callback(null, data);
|
|
} catch (error) {
|
|
console.log(
|
|
`Error loading i18n file: locales/${language}/${namespace}.json`,
|
|
error,
|
|
);
|
|
|
|
return {};
|
|
}
|
|
}),
|
|
)
|
|
.use(initReactI18next)
|
|
.init(settings, (error) => {
|
|
if (error) {
|
|
console.error('Error initializing i18n server', error);
|
|
}
|
|
});
|
|
|
|
return i18nInstance;
|
|
}
|
|
|
|
/**
|
|
* Parse the accept-language header value and return the languages that are included in the accepted languages.
|
|
* @param languageHeaderValue
|
|
* @param acceptedLanguages
|
|
*/
|
|
export function parseAcceptLanguageHeader(
|
|
languageHeaderValue: string | null | undefined,
|
|
acceptedLanguages: string[],
|
|
): string[] {
|
|
// Return an empty array if the header value is not provided
|
|
if (!languageHeaderValue) return [];
|
|
|
|
const ignoreWildcard = true;
|
|
|
|
// Split the header value by comma and map each language to its quality value
|
|
return languageHeaderValue
|
|
.split(',')
|
|
.map((lang): [number, string] => {
|
|
const [locale, q = 'q=1'] = lang.split(';');
|
|
|
|
if (!locale) return [0, ''];
|
|
|
|
const trimmedLocale = locale.trim();
|
|
const numQ = Number(q.replace(/q ?=/, ''));
|
|
|
|
return [isNaN(numQ) ? 0 : numQ, trimmedLocale];
|
|
})
|
|
.sort(([q1], [q2]) => q2 - q1) // Sort by quality value in descending order
|
|
.flatMap(([_, locale]) => {
|
|
// Ignore wildcard '*' if 'ignoreWildcard' is true
|
|
if (locale === '*' && ignoreWildcard) return [];
|
|
|
|
const languageSegment = locale.split('-')[0];
|
|
|
|
if (!languageSegment) return [];
|
|
|
|
// Return the locale if it's included in the accepted languages
|
|
try {
|
|
return acceptedLanguages.includes(languageSegment)
|
|
? [languageSegment]
|
|
: [];
|
|
} catch {
|
|
return [];
|
|
}
|
|
});
|
|
}
|