@arc-js/intl 0.0.4 → 0.0.5

package/hooks/useTranslation.jsx

@@ -0,0 +1,18 @@
+
+import React from "react"
+import { useEffect } from 'react';
+import { useArcIntl } from '../providers/IntlProvider';
+export const useTranslation = moduleName => {
+  const arcIntl = useArcIntl();
+  useEffect(() => {
+    if (moduleName) {
+      arcIntl.loadModuleTranslations(moduleName);
+    }
+  }, [moduleName]);
+  return {
+    t: arcIntl.t,
+    changeLocale: arcIntl.changeLocale,
+    currentLocale: arcIntl.currentLocale,
+    isLoading: arcIntl.isLoading
+  };
+};

package/hooks/useTranslation.tsx

@@ -0,0 +1,20 @@
+// arcIntl/hooks/useTranslation.ts
+import { useEffect } from 'react';
+import { useArcIntl } from '../providers/IntlProvider';
+
+export const useTranslation = (moduleName?: string) => {
+    const arcIntl = useArcIntl();
+
+    useEffect(() => {
+        if (moduleName) {
+            arcIntl.loadModuleTranslations(moduleName);
+        }
+    }, [moduleName]);
+
+    return {
+        t: arcIntl.t,
+        changeLocale: arcIntl.changeLocale,
+        currentLocale: arcIntl.currentLocale,
+        isLoading: arcIntl.isLoading,
+    };
+};

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "INTL est un système de gestion d'internationalisation (i18n) modulaire et performant pour les applications React avec TypeScript/JavaScript. Il fournit une gestion avancée des traductions, un chargement dynamique des modules, et une intégration transparente avec l'écosystème Arc.",
   "main": "index.js",
   "keywords": [],

package/hooks/useTranslation.d.ts

@@ -1,11 +0,0 @@
-declare const SUPPORTED_LOCALES: string[];
-type Locale = typeof SUPPORTED_LOCALES[number];
-
-declare const useTranslation: (moduleName?: string) => {
-    t: any;
-    changeLocale: (locale: Locale) => Promise<void>;
-    currentLocale: string;
-    isLoading: boolean;
-};
-
-export { useTranslation };