feat(core): Add support for accessible locales with `@openkit/languag…

…e-codes`

.changeset/gold-squids-allow.md

@@ -0,0 +1,5 @@
+---
+'x-boilerplate': minor
+---
+
+add support for accessible locales with `@openkit/language-codes`

env.ts

@@ -1,3 +1,4 @@
+import localeCulture from '@openkit/language-codes';
 import * as z from 'zod';
 
 const zodEnv = z.object({
@@ -32,7 +33,7 @@ const zodEnv = z.object({
   /*
    * LANGUAGE CONFIG - PUBLIC
    */
-  NEXT_PUBLIC_DEFAULT_LANGUAGE_KEY: z.enum(['en', 'es_mx']).optional(),
+  NEXT_PUBLIC_DEFAULT_LANGUAGE_KEY: z.enum([localeCulture.EN.folderName, localeCulture.ES_MX.folderName]).optional(),
 });
 
 declare global {

libs/i18n/constants.ts

@@ -1,24 +1,27 @@
+import type { En, EsMX } from '@openkit/language-codes';
+import localeCulture from '@openkit/language-codes';
+
 import locales from '@/libs/i18n/locales';
 
 export type Language = {
   key: keyof typeof locales;
   dir?: 'ltr' | 'rtl';
   fontScale?: number;
-  // https://gist.github.com/JamieMason/3748498
-  specCulture?: 'en-US' | 'es-MX';
+  specCulture?: En['culture'] | EsMX['culture'];
 };
 
 export const DEFAULT_NAMESPACE = 'common';
 
-export const DEFAULT_LANGUAGE_KEY: Language['key'] = process.env.NEXT_PUBLIC_DEFAULT_LANGUAGE_KEY ?? 'en';
+export const DEFAULT_LANGUAGE_KEY: Language['key'] =
+  process.env.NEXT_PUBLIC_DEFAULT_LANGUAGE_KEY ?? localeCulture.EN.folderName;
 
 export const AVAILABLE_LANGUAGES: Language[] = [
   {
-    key: 'en',
-    specCulture: 'en-US',
+    key: localeCulture.EN.folderName,
+    specCulture: localeCulture.EN.culture,
   },
   {
-    key: 'es_mx',
-    specCulture: 'es-MX',
+    key: localeCulture.ES_MX.folderName,
+    specCulture: localeCulture.ES_MX.culture,
   },
 ];

package.json

@@ -23,6 +23,7 @@
     "@hookform/resolvers": "3.1.1",
     "@icons-pack/react-simple-icons": "8.0.1",
     "@lukemorales/query-key-factory": "1.3.2",
+    "@openkit/language-codes": "0.1.0-beta.6",
     "@react-email/components": "0.0.7",
     "@react-email/html": "0.0.4",
     "@tanstack/react-query": "4.32.0",