zaid.marzguioui/myeasycms-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve i18n resource loading mechanism

Browse Source 
Updated i18n client to track not only loaded languages but also namespaces. The component will now remain suspended until all languages and namespaces are loaded. This improvement ensures that all necessary localisation resources are fully ready before rendering components.
This commit is contained in:
giancarlo
2024-04-20 00:46:45 +08:00
parent b71b580331
commit 08fc8e6d01
1 changed files with 18 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
packages/i18n/src/i18n.client.ts
View File

@@ -19,13 +19,20 @@ export async function initializeI18nClient(
} }
const loadedLanguages: string[] = []; const loadedLanguages: string[] = [];
const loadedNamespaces: string[] = [];
await i18next await i18next
.use( .use(
resourcesToBackend(async (language, namespace, callback) => { resourcesToBackend(async (language, namespace, callback) => {
const data = await resolver(language, namespace); const data = await resolver(language, namespace);
loadedLanguages.push(language); if (!loadedLanguages.includes(language)) {
loadedLanguages.push(language);
}
if (!loadedNamespaces.includes(namespace)) {
loadedNamespaces.push(namespace);
}
return callback(null, data); return callback(null, data);
}), }),
@@ -51,8 +58,16 @@ export async function initializeI18nClient(
}, },
); );
// keep component suspended until all languages are loaded // keep component suspended until all languages and namespaces are loaded
if (loadedLanguages.length !== settings.ns?.length) {
if (loadedNamespaces.length !== settings.ns?.length) {
throw new Error();
}
if (
loadedLanguages.length !==
((settings.supportedLngs as string[]) ?? [])?.length
) {
throw new Error(); throw new Error();
} }