@proyecto-viviana/solidaria 0.2.8 → 0.3.0

package/src/i18n/locale.tsx

@@ -16,15 +16,11 @@ import {
   createSignal,
   onCleanup,
   useContext,
-} from 'solid-js';
-import { isRTL } from './utils';
-
-// ============================================
-// TYPES
-// ============================================
+} from "solid-js";
+import { isRTL } from "./utils";
 
 /** Text direction: left-to-right or right-to-left. */
-export type Direction = 'ltr' | 'rtl';
+export type Direction = "ltr" | "rtl";
 
 /** Locale information including language code and text direction. */
 export interface Locale {
@@ -39,12 +35,8 @@ export interface I18nProviderProps extends ParentProps {
   locale?: string;
 }
 
-// ============================================
-// GLOBAL STATE
-// ============================================
-
 // Symbol for server-provided locale
-const localeSymbol = Symbol.for('solidaria.i18n.locale');
+const localeSymbol = Symbol.for("solidaria.i18n.locale");
 
 let currentLocale: Locale | null = null;
 const listeners = new Set<(locale: Locale) => void>();
@@ -54,23 +46,22 @@ const listeners = new Set<(locale: Locale) => void>();
  */
 export function getDefaultLocale(): Locale {
   let locale =
-    (typeof window !== 'undefined' &&
+    (typeof window !== "undefined" &&
       (window as unknown as Record<symbol, string>)[localeSymbol]) ||
-    (typeof navigator !== 'undefined' &&
-      (navigator.language ||
-        (navigator as unknown as { userLanguage?: string }).userLanguage)) ||
-    'en-US';
+    (typeof navigator !== "undefined" &&
+      (navigator.language || (navigator as unknown as { userLanguage?: string }).userLanguage)) ||
+    "en-US";
 
   // Validate the locale is supported
   try {
     Intl.DateTimeFormat.supportedLocalesOf([locale]);
   } catch {
-    locale = 'en-US';
+    locale = "en-US";
   }
 
   return {
     locale,
-    direction: isRTL(locale) ? 'rtl' : 'ltr',
+    direction: isRTL(locale) ? "rtl" : "ltr",
   };
 }
 
@@ -81,16 +72,8 @@ function updateLocale(): void {
   }
 }
 
-// ============================================
-// CONTEXT
-// ============================================
-
 const I18nContext = createContext<Accessor<Locale> | null>(null);
 
-// ============================================
-// HOOKS
-// ============================================
-
 /**
  * Returns the current browser/system locale, and updates when it changes.
  *
@@ -109,12 +92,12 @@ export function createDefaultLocale(): Accessor<Locale> {
   const [locale, setLocale] = createSignal<Locale>(currentLocale);
 
   createEffect(() => {
-    if (typeof window === 'undefined') {
+    if (typeof window === "undefined") {
       return;
     }
 
     if (listeners.size === 0) {
-      window.addEventListener('languagechange', updateLocale);
+      window.addEventListener("languagechange", updateLocale);
     }
 
     listeners.add(setLocale);
@@ -122,7 +105,7 @@ export function createDefaultLocale(): Accessor<Locale> {
     onCleanup(() => {
       listeners.delete(setLocale);
       if (listeners.size === 0) {
-        window.removeEventListener('languagechange', updateLocale);
+        window.removeEventListener("languagechange", updateLocale);
       }
     });
   });
@@ -147,10 +130,6 @@ export function useLocale(): Accessor<Locale> {
   return context || defaultLocale;
 }
 
-// ============================================
-// PROVIDER
-// ============================================
-
 /**
  * Provides the locale for the application to all child components.
  *
@@ -174,15 +153,11 @@ export function I18nProvider(props: I18nProviderProps): JSX.Element {
     if (props.locale) {
       return {
         locale: props.locale,
-        direction: isRTL(props.locale) ? 'rtl' : 'ltr',
+        direction: isRTL(props.locale) ? "rtl" : "ltr",
       };
     }
     return defaultLocale();
   });
 
-  return (
-    <I18nContext.Provider value={locale}>
-      {props.children}
-    </I18nContext.Provider>
-  );
+  return <I18nContext.Provider value={locale}>{props.children}</I18nContext.Provider>;
 }

package/src/i18n/utils.ts

@@ -8,38 +8,38 @@
 
 // https://en.wikipedia.org/wiki/Right-to-left
 const RTL_SCRIPTS = new Set([
-  'Arab',
-  'Syrc',
-  'Samr',
-  'Mand',
-  'Thaa',
-  'Mend',
-  'Nkoo',
-  'Adlm',
-  'Rohg',
-  'Hebr',
+  "Arab",
+  "Syrc",
+  "Samr",
+  "Mand",
+  "Thaa",
+  "Mend",
+  "Nkoo",
+  "Adlm",
+  "Rohg",
+  "Hebr",
 ]);
 
 const RTL_LANGS = new Set([
-  'ae',
-  'ar',
-  'arc',
-  'bcc',
-  'bqi',
-  'ckb',
-  'dv',
-  'fa',
-  'glk',
-  'he',
-  'ku',
-  'mzn',
-  'nqo',
-  'pnb',
-  'ps',
-  'sd',
-  'ug',
-  'ur',
-  'yi',
+  "ae",
+  "ar",
+  "arc",
+  "bcc",
+  "bqi",
+  "ckb",
+  "dv",
+  "fa",
+  "glk",
+  "he",
+  "ku",
+  "mzn",
+  "nqo",
+  "pnb",
+  "ps",
+  "sd",
+  "ug",
+  "ur",
+  "yi",
 ]);
 
 /**
@@ -48,7 +48,7 @@ const RTL_LANGS = new Set([
  */
 export function isRTL(localeString: string): boolean {
   // If the Intl.Locale API is available, use it to get the locale's text direction.
-  if (typeof Intl !== 'undefined' && Intl.Locale) {
+  if (typeof Intl !== "undefined" && Intl.Locale) {
     try {
       const locale = new Intl.Locale(localeString).maximize();
 
@@ -58,12 +58,11 @@ export function isRTL(localeString: string): boolean {
         getTextInfo?: () => { direction: string };
         textInfo?: { direction: string };
       };
-      const textInfo = typeof localeAny.getTextInfo === 'function'
-        ? localeAny.getTextInfo()
-        : localeAny.textInfo;
+      const textInfo =
+        typeof localeAny.getTextInfo === "function" ? localeAny.getTextInfo() : localeAny.textInfo;
 
       if (textInfo) {
-        return textInfo.direction === 'rtl';
+        return textInfo.direction === "rtl";
       }
 
       // Fallback: guess using the script.
@@ -76,17 +75,14 @@ export function isRTL(localeString: string): boolean {
   }
 
   // If not, just guess by the language (first part of the locale)
-  const lang = localeString.split('-')[0];
+  const lang = localeString.split("-")[0];
   return RTL_LANGS.has(lang);
 }
 
 /**
  * Creates a cache key for formatter options.
  */
-export function createCacheKey(
-  locale: string,
-  options?: Record<string, unknown>
-): string {
+export function createCacheKey(locale: string, options?: Record<string, unknown>): string {
   if (!options) {
     return locale;
   }