ae10f7b142
This update separates the creation of i18n settings into its own function (@kit/i18n) and enhances the handling of language and namespace loading in i18n.client. It tracks loaded languages and namespaces, and prevents rendering if none are loaded or after a maximum number of iterations. The usage of Suspense has also been modified in root-providers to employ a null fallback.
48 lines
1006 B
TypeScript
48 lines
1006 B
TypeScript
'use client';
|
|
|
|
import type { InitOptions, i18n } from 'i18next';
|
|
|
|
import { initializeI18nClient } from './i18n.client';
|
|
|
|
let i18nInstance: i18n;
|
|
|
|
type Resolver = (
|
|
lang: string,
|
|
namespace: string,
|
|
) => Promise<Record<string, string>>;
|
|
|
|
export function I18nProvider({
|
|
settings,
|
|
children,
|
|
resolver,
|
|
}: React.PropsWithChildren<{
|
|
settings: InitOptions;
|
|
resolver: Resolver;
|
|
}>) {
|
|
useI18nClient(settings, resolver);
|
|
|
|
return children;
|
|
}
|
|
|
|
/**
|
|
* @name useI18nClient
|
|
* @description A hook that initializes the i18n client.
|
|
* @param settings
|
|
* @param resolver
|
|
*/
|
|
function useI18nClient(settings: InitOptions, resolver: Resolver) {
|
|
if (
|
|
!i18nInstance ||
|
|
i18nInstance.language !== settings.lng ||
|
|
i18nInstance.options.ns?.length !== settings.ns?.length
|
|
) {
|
|
throw loadI18nInstance(settings, resolver);
|
|
}
|
|
|
|
return i18nInstance;
|
|
}
|
|
|
|
async function loadI18nInstance(settings: InitOptions, resolver: Resolver) {
|
|
i18nInstance = await initializeI18nClient(settings, resolver);
|
|
}
|