feat(shared): add new getBestMatchingLocaleName function

1024pix · Oct 2, 2024 · 0d7f35a · 0d7f35a
1 parent f09455c
commit 0d7f35a
Show file tree

Hide file tree

Showing 2 changed files with 61 additions and 0 deletions.
diff --git a/shared/composables/useLocaleCookie.ts b/shared/composables/useLocaleCookie.ts
@@ -3,9 +3,12 @@ const LOCALE_COOKIE_NAME = 'locale';
 export default function useLocaleCookie() {
   const appConfig = useAppConfig();
   const runtimeConfig = useRuntimeConfig();
+
   const domainFrUrl = new URL(appConfig.domainFr);
   const domainOrgUrl = new URL(appConfig.domainOrg);
 
+  const availableLocaleNames = runtimeConfig.public.availableLocaleNames as Array<string>;
+
   const previousLocaleCookieToDelete = useCookie(LOCALE_COOKIE_NAME, {
     maxAge: 31536000, // 1 year
     sameSite: 'strict',
@@ -29,8 +32,22 @@ export default function useLocaleCookie() {
     if (callback) callback();
   }
 
+  function getBestMatchingLocaleName(localeName: string) {
+    if (availableLocaleNames.includes(localeName)) {
+      return localeName;
+    }
+
+    const languageLocaleName = new Intl.Locale(localeName).language;
+    if (availableLocaleNames.includes(languageLocaleName)) {
+      return languageLocaleName;
+    }
+
+    return availableLocaleNames[0];
+  }
+
   return {
     localeCookie,
     setLocaleCookie,
+    getBestMatchingLocaleName,
   };
 }
diff --git a/shared/tests/composables/useLocaleCookie.test.ts b/shared/tests/composables/useLocaleCookie.test.ts
@@ -3,6 +3,8 @@ import { mockNuxtImport } from '@nuxt/test-utils/runtime';
 
 import useLocaleCookie from '../../composables/useLocaleCookie';
 
+const availableLocaleNames = ['en', 'fr', 'fr-fr'];
+
 mockNuxtImport('useCookie', () => {
   return () => ({
     value: '',
@@ -18,6 +20,7 @@ mockNuxtImport('useRuntimeConfig', () => {
   return () => ({
     public: {
       siteDomain: 'ORG',
+      availableLocaleNames,
     },
   });
 });
@@ -74,4 +77,45 @@ describe('#useLocaleCookie', () => {
       });
     });
   });
+
+  describe('getBestMatchingLocaleName', () => {
+    describe('when wanted locale is available', () => {
+      test('returns the same locale name', () => {
+        // given
+        const { getBestMatchingLocaleName } = useLocaleCookie();
+
+        // when
+        const matchingLocaleName = getBestMatchingLocaleName('fr-fr');
+
+        // then
+        expect(matchingLocaleName).toEqual('fr-fr');
+      });
+    });
+
+    describe('when wanted locale is unavailable but an available locale with same language is', () => {
+      test('returns the same locale name', () => {
+        // given
+        const { getBestMatchingLocaleName } = useLocaleCookie();
+
+        // when
+        const matchingLocaleName = getBestMatchingLocaleName('fr-be');
+
+        // then
+        expect(matchingLocaleName).toEqual('fr');
+      });
+    });
+
+    describe('when wanted locale is unavailable and no available locale with same language is', () => {
+      test('returns the first available locale name', () => {
+        // given
+        const { getBestMatchingLocaleName } = useLocaleCookie();
+
+        // when
+        const matchingLocaleName = getBestMatchingLocaleName('nl-be');
+
+        // then
+        expect(matchingLocaleName).toEqual('en');
+      });
+    });
+  });
 });