From 71f142b9f499f14fe1182100e54f5ee0f79d2837 Mon Sep 17 00:00:00 2001
From: Kurdistan Tech Ministry <info@pezkuwichain.io>
Date: Sat, 14 Feb 2026 11:53:06 +0300
Subject: [PATCH] feat(i18n): auto-detect language from Telegram user settings

- Detect language from URL path first, then Telegram WebApp language_code
- Map Telegram language codes (ku, tr, en, fa, ar, ckb) to app languages
- Auto-redirect to language-prefixed URL on first load
---
 package.json       |  2 +-
 src/i18n/index.tsx | 47 +++++++++++++++++++++++++++++++++++++++++-----
 src/version.json   |  6 +++---
 3 files changed, 46 insertions(+), 9 deletions(-)

diff --git a/package.json b/package.json
index cf3e793..6312665 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "pezkuwi-telegram-miniapp",
-  "version": "1.0.188",
+  "version": "1.0.189",
   "type": "module",
   "description": "Pezkuwichain Telegram Mini App - Forum, Announcements, Rewards",
   "author": "Pezkuwichain Team",
diff --git a/src/i18n/index.tsx b/src/i18n/index.tsx
index c933712..52fed41 100644
--- a/src/i18n/index.tsx
+++ b/src/i18n/index.tsx
@@ -21,15 +21,46 @@ const VALID_LANGS: LanguageCode[] = ['krd', 'en', 'tr', 'ckb', 'fa', 'ar'];
 const DEFAULT_LANG: LanguageCode = 'krd';
 
 /**
- * Detect language from URL path.
- * e.g. /krd/... -> krd, /en/... -> en, / -> krd (default)
+ * Map Telegram language codes to our supported languages.
+ * Telegram uses IETF codes like "en", "tr", "fa", "ar", "ku".
  */
-function detectLanguageFromURL(): LanguageCode {
+const TG_LANG_MAP: Record<string, LanguageCode> = {
+  ku: 'krd',
+  kmr: 'krd',
+  ckb: 'ckb',
+  tr: 'tr',
+  en: 'en',
+  fa: 'fa',
+  ar: 'ar',
+};
+
+/**
+ * Detect language: URL path first, then Telegram user language, then default.
+ */
+function detectLanguage(): LanguageCode {
+  // 1. Check URL path
   const path = window.location.pathname;
   const firstSegment = path.split('/').filter(Boolean)[0];
   if (firstSegment && VALID_LANGS.includes(firstSegment as LanguageCode)) {
     return firstSegment as LanguageCode;
   }
+
+  // 2. Check Telegram WebApp user language
+  try {
+    const tg = (
+      window as unknown as {
+        Telegram?: { WebApp?: { initDataUnsafe?: { user?: { language_code?: string } } } };
+      }
+    ).Telegram;
+    const tgLang = tg?.WebApp?.initDataUnsafe?.user?.language_code;
+    if (tgLang) {
+      const mapped = TG_LANG_MAP[tgLang];
+      if (mapped) return mapped;
+    }
+  } catch {
+    // Telegram WebApp not available
+  }
+
   return DEFAULT_LANG;
 }
 
@@ -61,14 +92,20 @@ interface LanguageProviderProps {
 }
 
 export function LanguageProvider({ children }: LanguageProviderProps) {
-  const [lang, setLangState] = useState<LanguageCode>(detectLanguageFromURL);
+  const [lang, setLangState] = useState<LanguageCode>(detectLanguage);
 
   const isRTL = RTL_LANGUAGES.includes(lang);
 
-  // Update document direction and lang attribute when language changes
+  // Update document direction, lang attribute, and URL when language changes
   useEffect(() => {
     document.documentElement.lang = lang === 'krd' ? 'ku' : lang;
     document.documentElement.dir = isRTL ? 'rtl' : 'ltr';
+
+    // Ensure URL has language prefix
+    const firstSegment = window.location.pathname.split('/').filter(Boolean)[0];
+    if (!firstSegment || !VALID_LANGS.includes(firstSegment as LanguageCode)) {
+      window.history.replaceState(null, '', `/${lang}`);
+    }
   }, [lang, isRTL]);
 
   const setLang = useCallback((newLang: LanguageCode) => {
diff --git a/src/version.json b/src/version.json
index 92ff1de..dbd6b40 100644
--- a/src/version.json
+++ b/src/version.json
@@ -1,5 +1,5 @@
 {
-  "version": "1.0.188",
-  "buildTime": "2026-02-14T08:09:14.764Z",
-  "buildNumber": 1771056554765
+  "version": "1.0.189",
+  "buildTime": "2026-02-14T08:53:06.213Z",
+  "buildNumber": 1771059186214
 }