🔧 सर्वर अपग्रेड चल रहा है — साइट थोड़ी धीमी हो सकती है। असुविधा के लिए क्षमा करें।
जल्द ही सब कुछ तेज़ होगा! 🚀
✕
NAMASTERUSSIAN
लॉगिन
रजिस्टर
👤 खिलाड़ी ☁️
🚪
💬 चैट
⬇️ ऑफ़लाइन ऐप
🌐
अनुवाद / Traduire le site
Traduire en Français ou autre langue
💡 Vous pouvez aussi faire un clic droit n'importe où > « Traduire en français » dans Chrome / Safari.
🇮🇳 100% मुफ़्त हमेशा के लिए
रूसी, फ़्रेंच, अंग्रेज़ी और जर्मन सीखेंशुरुआत से शून्य तक 🇷🇺 🇫🇷 🇬🇧 🇩🇪 💻
2240 मुफ़्त इंटरैक्टिव पाठ्यक्रम A1 स्तर तक पहुंचने के लिए (शब्दावली, व्याकरण, वाक्य, संस्कृति, देशी वोकल ऑडियो और 24/7 AI शिक्षक गुरुजी) — सब कुछ हिंदी में।
📝 मेरा मुफ्त खाता बनाएं
🔐 लॉगिन करें
✓ बिना क्रेडिट कार्ड · ✓ बिना विज्ञापन · ✓ स्वचालित क्लाउड बैकअप
🌍 एक ही ऐप में 4 भाषाएँ
अपनी पसंदीदा भाषा चुनें!
सभी भाषाओं के लिए 100% मुफ़्त, हिंदी में संपूर्ण पाठ्यक्रम और अलग-अलग स्कोर ट्रैकिंग।
🇷🇺
रूसी भाषा
472 A1 + A2 पाठ्यक्रम
✓ 180 शब्दावली और व्याकरण पाठ✓ 100 संस्कृति और परंपरा पाठ✓ 70 दैनिक वाक्य अभ्यास पाठ✓ सिरिलिक वर्णमाला (33 अक्षर)✓ 🤖 AI गुरुजी (रूसी शिक्षक)
🇷🇺 सीखना शुरू करें
🇫🇷
फ़्रेंच भाषा
402 A1 + A2 पाठ्यक्रम
✓ 150 शब्दावली और व्याकरण पाठ✓ 106 संस्कृति और पेरिस परंपरा पाठ✓ 100 दैनिक उपयोगी वाक्य पाठ✓ 🔊 देशी फ़्रेंच वोकल ऑडियो✓ 🤖 AI गुरुजी (फ़्रेंच शिक्षक)
🇫🇷 सीखना शुरू करें
🇬🇧
अंग्रेज़ी भाषा
402 A1 + A2 पाठ्यक्रम
✓ 150 शब्दावली और व्याकरण पाठ✓ 106 संस्कृति पाठ✓ 100 दैनिक उपयोगी वाक्य पाठ✓ 🔊 देशी अंग्रेज़ी वोकल ऑडियो✓ 🤖 AI गुरुजी (अंग्रेज़ी शिक्षक)
🇬🇧 सीखना शुरू करें
🇩🇪
जर्मन भाषा
402 A1 + A2 पाठ्यक्रम
✓ 150 शब्दावली और व्याकरण पाठ✓ 106 संस्कृति पाठ✓ 100 दैनिक उपयोगी वाक्य पाठ✓ 🔊 देशी जर्मन वोकल ऑडियो✓ 🤖 AI गुरुजी (जर्मन शिक्षक)
🇩🇪 सीखना शुरू करें
💻
वेब डेवलपमेंट + सुरक्षा
362 IT पाठ्यक्रम
✓ 100 HTML5 और फॉर्म पाठ✓ 100 CSS3 और Flexbox पाठ✓ 100 JavaScript ES6+ पाठ 🆕✓ 50 वेब सुरक्षा पाठ (SQL Injection, XSS...) 🆕✓ इंटरैक्टिव कोड एडिटर + लाइव रेंडरिंग✓ 🤖 AI गुरुजी (कोडिंग मेंटर)
💻 कोड करना सीखें
पूरा पाठ्यक्रम: 2240 A1 + A2 पाठ्यक्रम
एक ही मुफ़्त ऐप में 5 संपूर्ण पाठ्यक्रम: रूसी 🇷🇺, फ़्रेंच 🇫🇷, अंग्रेज़ी 🇬🇧, जर्मन 🇩🇪 और वेब डेव 💻 — हिंदी भाषियों के लिए विशेष रूप से तैयार।
🇷🇺
रूसी A1 + A2 पाठ्यक्रम (Namaste Languages)
बुनियादी बातें सीखें (अभिवादन, परिवार, भोजन, यात्रा...) विस्तृत व्याकरण व्याख्या और इंटरैक्टिव क्विज़ के साथ।
यात्रा, रेस्तरां में ऑर्डर, खरीदारी और रास्ता पूछने के लिए मूल ऑडियो के साथ प्रमुख अभिव्यक्तियाँ।
वास्तविक बातचीत (होटल में, बाज़ार में, डॉक्टर के पास) पंक्ति-दर-पंक्ति अनुवाद और सुनने की क्विज़ के साथ।
मूलभूत नियम सीखें: लघु स्वर, कोमल/कठोर व्यंजन, बलाघात और मूक अक्षर।
🏛️
रूसी संस्कृति और परंपराएँ
मास्लेनित्सा, रूसी नव वर्ष, ट्रांस-साइबेरियन, भोजन, साहित्य और रूसी सांस्कृतिक इतिहास के बारे में जानें।
वाटरमार्क मॉडल के साथ एक इंटरैक्टिव टच स्लेट पर सिरिलिक वर्णमाला के 33 अक्षरों को ट्रेस करें।
🇫🇷
फ़्रेंच A1 + A2 पाठ्यक्रम (NamasteFrench)
📖
फ़्रेंच शब्दावली और व्याकरण
बुनियादी से व्यावहारिक स्तर: 1,500+ शब्द, हिंदी में स्पष्ट नियम और इंटरैक्टिव क्विज़ के साथ।
🏛️
फ़्रेंच संस्कृति और जीवन
पेरिस की जीवनशैली, स्मारक (एफिल टॉवर, लौवर), फ्रांसीसी शिष्टाचार, गैस्ट्रोनॉमी और सांस्कृतिक तथ्य।
होटल, यात्रा, खरीदारी और मदद मांगने के लिए तुरंत बोलने योग्य वाक्य देवनागरी उच्चारण सहायता के साथ।
✍️
वर्तनी और उच्चारण नियम
फ़्रेंच मात्राएं (é, è, ê, ç), मूक अक्षर, नासिका ध्वनियां और शब्द जोड़ (Liaisons) के नियम।
🔊
देशी फ़्रेंच ऑडियो (fr-FR)
हर शब्द और वाक्य के लिए पेरिसियन उच्चारण सुनें, धीमी गति प्लेबैक और उच्चारण रिकॉर्डर के साथ।
🤖
24/7 AI गुरुजी (फ़्रेंच)
Google Gemini AI द्वारा संचालित निजी शिक्षक। कभी भी हिंदी में फ़्रेंच भाषा से जुड़ा कोई भी सवाल पूछें।
🇬🇧
अंग्रेज़ी A1 + A2 पाठ्यक्रम (NamasteEnglish)
📖
अंग्रेज़ी शब्दावली और व्याकरण
बुनियादी से व्यावहारिक स्तर: 2,500+ शब्द, हिंदी में स्पष्ट नियम और इंटरैक्टिव क्विज़ के साथ।
हर शब्द और वाक्य के लिए स्पष्ट उच्चारण सुनें, धीमी गति प्लेबैक और उच्चारण अभ्यास के साथ।
🤖
24/7 AI गुरुजी (अंग्रेज़ी)
Google Gemini AI द्वारा संचालित निजी शिक्षक। कभी भी हिंदी में अंग्रेज़ी भाषा से जुड़ा कोई भी सवाल पूछें।
🇩🇪
जर्मन A1 + A2 पाठ्यक्रम (NamasteGerman)
📖
जर्मन शब्दावली और व्याकरण
बुनियादी से व्यावहारिक स्तर: 2,500+ शब्द, हिंदी में स्पष्ट नियम (Der, Die, Das) और इंटरैक्टिव क्विज़ के साथ।
हर शब्द और वाक्य के लिए स्पष्ट जर्मन उच्चारण सुनें, धीमी गति प्लेबैक और उच्चारण अभ्यास के साथ।
Google Gemini AI द्वारा संचालित निजी शिक्षक। कभी भी हिंदी में जर्मन भाषा से जुड़ा कोई भी सवाल पूछें।
🟨
JavaScript ES6+ पाठ्यक्रम (NamasteJS)
var, let, const, strings, numbers, booleans, arrays और objects — हिंदी व्याख्या के साथ।
if/else, loops, arrow functions, callback, promises और async/await — स्पष्ट हिंदी उदाहरणों के साथ।
getElementById, querySelector, addEventListener, fetch API और JSON — वेब इंटरैक्टिविटी सीखें।
🚀
मॉडर्न JavaScript (ES6+)
destructuring, spread/rest, modules, localStorage और Web APIs — प्रोफेशनल JS कौशल।
🔐
वेब सुरक्षा पाठ्यक्रम (NamasteSecurity)
SQL Injection, XSS, CSRF, IDOR, Command Injection — सबसे खतरनाक वेब हमलों को समझें और रोकें।
🔑
क्रिप्टोग्राफी और प्रमाणीकरण
Hashing (bcrypt, SHA), JWT, HTTPS/TLS, सुरक्षित पासवर्ड नीतियां और 2FA — सुरक्षित ऐप्स बनाएं।
Burp Suite, OWASP ZAP, nmap, Wireshark — सुरक्षा परीक्षण के उपकरण जिम्मेदारी से सीखें।
Namaste Languages को क्यों चुनें?7 कारण जिनकी वजह से हजारों हिंदी भाषी हम पर भरोसा करते हैं।
💰
100% मुफ़्त
कोई सदस्यता नहीं, कोई विज्ञापन नहीं, कोई इन-ऐप खरीदारी नहीं। सब कुछ मुफ़्त है, हमेशा के लिए।
🇮🇳
हिंदी भाषियों के लिए
सभी नियम, स्पष्टीकरण और कार्ड सरल हिंदी में लिखे गए हैं।
📱
मल्टी-डिवाइस
आपके स्मार्टफोन, टैबलेट या कंप्यूटर पर स्वचालित क्लाउड सिंक्रनाइज़ेशन।
🔊
ऑडियो उच्चारण
हर शब्द और हर वाक्य पर देशी स्टूडियो उच्चारण सुनें।
🎮
गेमिफाइड लर्निंग
XP पॉइंट अर्जित करें, अपनी जान (lives) बचाएं और 4 प्रकार के मिनी-गेम के साथ रिवीजन करें।
🔒
गोपनीयता और डेटा सुरक्षा
मालिक Thomas Haubitz। bcrypt एन्क्रिप्टेड पासवर्ड, कोई डेटा बेचा नहीं जाता।
💬
लाइव समुदाय चैट
अन्य भारतीय छात्रों से जुड़ें और AI-मॉडरेटेड चैट में रूसी का अभ्यास करें। 🛡️ सुरक्षित।
सिरिलिक वर्णमाला (33 अक्षर)रूसी में पढ़ने और लिखने के मूल सिद्धांतों की खोज करें।
10
स्वर
А, Е, Ё, И, О, У, Ы, Э, Ю, Я
21
व्यंजन
Б, В, Г, Д, Ж, З, К, Л, М, Н, П, Р, С, Т, Ф, Х, Ц, Ч, Ш, Щ, Й
2
चिह्न
Ъ (कठोर चिह्न) और Ь (कोमल चिह्न)
अक्सर पूछे जाने वाले प्रश्न
हाँ! पंजीकरण मुफ़्त है, किसी क्रेडिट कार्ड की आवश्यकता नहीं है। कोई भी सशुल्क सदस्यता या विज्ञापन आपके सीखने में बाधा नहीं डालेगा।
प्रतिदिन 15 से 20 मिनट अध्ययन करके, आप 472 पाठ्यक्रम पूरे कर सकते हैं और लगभग 3 से 4 महीनों में A1 स्तर तक पहुँच सकते हैं।
आपका मुफ़्त खाता आपको अपने सभी उपकरणों पर उन्हें खोजने के लिए क्लाउड में अपने XP पॉइंट, अनलॉक किए गए पाठ्यक्रम और स्कोर इतिहास को सहेजने की अनुमति देता है।
हाँ! JavaScript ES6+ (100 पाठ) और वेब सुरक्षा (50 पाठ — SQL Injection, XSS, CSRF, bcrypt...) दोनों पाठ्यक्रम पूरी तरह मुफ़्त हैं। इंटरैक्टिव कोड एडिटर और AI गुरुजी (50 प्रश्न/दिन) के साथ उपलब्ध।
बिल्कुल नहीं! HTML, CSS, JavaScript और सुरक्षा पाठ्यक्रम शून्य से शुरू होते हैं। हर पाठ हिंदी में समझाया गया है, लाइव कोड एडिटर में तुरंत टेस्ट करें और AI गुरुजी से कोई भी सवाल पूछें।
रूसी या फ़्रेंच बोलने के लिए तैयार हैं? 🚀
अभी Namaste Languages से जुड़ें। 2240 इंटरेक्टिव पाठ्यक्रम (भाषाएँ + JavaScript + वेब सुरक्षा) आपका इंतजार कर रहे हैं — 100% मुफ़्त और बिना किसी बाध्यता के।
📝 मैं अपना मुफ़्त खाता बनाता हूँ
Thomas Haubitz द्वारा निर्मित — webmaster@namaste-languages.asia
⭐ हॉल ऑफ फेम
इस बेहतरीन ऐप को बनाने के लिए @Thomas को धन्यवाद! 🎉
चैट के लिए शानदार सुझाव देने पर @Rahul को बधाई! 💡
30 दिनों की लगातार पढ़ाई के लिए @Priya को बधाई! 🔥
चैट में नए छात्रों की मदद करने के लिए @Amit का धन्यवाद! 💬
आप सभी के बिना Namaste Languages अधूरा है, हमारी शानदार कम्युनिटी को धन्यवाद! 🙏
इस बेहतरीन ऐप को बनाने के लिए @Thomas को धन्यवाद! 🎉
चैट के लिए शानदार सुझाव देने पर @Rahul को बधाई! 💡
30 दिनों की लगातार पढ़ाई के लिए @Priya को बधाई! 🔥
चैट में नए छात्रों की मदद करने के लिए @Amit का धन्यवाद! 💬
आप सभी के बिना Namaste Languages अधूरा है, हमारी शानदार कम्युनिटी को धन्यवाद! 🙏
आधिकारिक A1 कार्यक्रम
संस्करण 3.1.0 (472 A1 + फ़्रेंच)
Я
रूसी
É
फ़्रेंच
A
अंग्रेज़ी
Ö
जर्मन
</>
वेब देव
मेरा Namaste Languages सफ़र 🇷🇺
472 इमर्सिव पाठ्यक्रम (शब्दावली, व्याकरण, वाक्य, संवाद, वर्तनी, संस्कृति, कर्सिव और 20 मिनी-गेम्स)!
✍️ लेखन और कर्सिव
🎮 4 मिनी-गेम्स
💬 70 वाक्य पाठ्यक्रम
🏛️ 100 संस्कृति पाठ्यक्रम
🔤 सिरिलिक वर्णमाला
🧩 क्रॉसवर्ड
🎙️ ऑडियो रिवीजन
📥 ट्रैकिंग और स्कोर
▶ अगला पाठ शुरू करें
🙈
क्लासमेंट में दिखें / छुपें
💬
लाइव छात्र समुदाय चैट (Community Chat)
🎯
आपके सीखने के सफ़र में 1 / 472 पाठ्यक्रम अनलॉक किए गए
🏆 180 Namaste Languages पाठ्यक्रम
🎮 4 मज़ेदार मिनी-गेम्स
💬 70 वाक्य पाठ्यक्रम
🏛️ 100 संस्कृति पाठ्यक्रम
✓ व्याकरण कार्ड
🔊 देशी वोकल ऑडियो
वॉयस ट्रेनिंग (4 भाषाएँ)
🎙️ ऑडियो रिवीजन और उच्चारण
देशी आवाज़ सुनें, उच्चारण सीखें, अपनी आवाज़ रिकॉर्ड करें और तुलना करें!
← पाठ्यक्रमों पर वापस जाएं
अभ्यास के लिए भाषा चुनें
🇷🇺 रूसी (RU)
🇫🇷 फ़्रेंच (FR)
🇬🇧 अंग्रेज़ी (EN)
🇩🇪 जर्मन (DE)
अभ्यास के लिए वाक्य चुनें (15 उपयोगी वाक्य):
1 / 15
🇷🇺
रूसी उच्चारण
उच्चारण :
🔊 सामान्य आवाज़
🐢 धीमी आवाज़ (0.6x)
🎵 ऑडियो चल रहा है...
🎤 अपनी आवाज़ रिकॉर्ड करें और तुलना करें
🎤 बोलने के लिए दबाए रखें
बटन दबाकर रखें, स्पष्ट बोलें, फिर छोड़ दें।
आपकी आवाज़:
✅ मेरे उच्चारण की पुष्टि करें (+15 XP)
🎉 बहुत बढ़िया! इस रिवीजन के लिए +15 XP मिले!
कैलीग्राफी और कीबोर्ड कार्यशाला
✍️ रूसी में लिखना सीखें
कर्सिव लिखावट (रूसी скоропись) में महारत हासिल करें, स्लेट पर अभ्यास करें और सिरिलिक कीबोर्ड पर टाइप करें!
← पाठ्यक्रमों पर वापस जाएं
📝 कर्सिव ट्रेसिंग स्लेट
🔤 33 कर्सिव अक्षरों की मार्गदर्शिका
⌨️ कीबोर्ड और टाइपिंग कार्यशाला
1. ट्रेस करने के लिए एक अक्षर या शब्द चुनें:
वर्णमाला (33)
सामान्य शब्द (10)
कैलीग्राफी मॉडल
🔊 सुनें
मुद्रित बनाम कर्सिव
[ A ] — जैसे Арбуз (तरबूज)
💡 ट्रेसिंग टिप:
ऊपरी लूप से शुरू करें और फिर एक लचीले स्ट्रोक के साथ नीचे आएं।
⬅️ पिछला
अगला ➡️
🖌️
मैजिक प्रैक्टिस स्लेट
पतली रेखा
मध्यम रेखा
मोटी रेखा
👁️ मॉडल
🗑️ मिटाएं
अपने माउस या उंगली से ट्रेस करें ✍️
💡 क्षैतिज रेखाएं रूसी अभ्यास पुस्तिकाओं (आधार रेखा, मध्य रेखा और आरोही/अवरोही सीमाओं) को दर्शाती हैं।
रूसी वर्णमाला का कैलीग्राफी चार्ट (33 अक्षर)
मुद्रित अक्षरों और रूसी कर्सिव लिखावट (скоропись) की तुलना करें
33 अक्षर
मुद्रित
हस्तलिखित (कर्सिव)
ध्वनि और मॉडल
ट्रेसिंग टिप / जाल
कार्रवाई
टाइपिंग का अभ्यास
सिरिलिक कीबोर्ड प्रशिक्षण
कुंजियों पर क्लिक करके या कीबोर्ड पर टाइप करके पूछा गया शब्द लिखें!
सिरिलिक में लिखने के लिए शब्द:
"नमस्ते (अनौपचारिक)"
ध्वन्यात्मक: [ Privet ]
✓ शब्द की पुष्टि करें (+15 XP)
अगला शब्द ➔
डिस्कवरी मॉड्यूल
🏛️ 100 रूसी संस्कृति और परंपरा पाठ्यक्रम
रूस के रीति-रिवाजों, किंवदंतियों, पाक विशिष्टताओं और उत्कृष्ट कृतियों में गोता लगाएँ
← 20 पाठों पर वापस जाएं
व्यावहारिक मार्गदर्शिका और बातचीत
💬 70 उपयोगी वाक्य और शब्दावली पाठ्यक्रम
रोजमर्रा के प्रमुख भाव, ध्वन्यात्मक उच्चारण, हर स्थिति के लिए टिप्स और ऑडियो
← 20 पाठों पर वापस जाएं
सिरिलिक वर्णमाला (33 अक्षर)
प्रत्येक ध्वनि सुनें और पाठों से पहले मॉडल शब्द सीखें
← पाठों पर वापस जाएं
सभी (33)
स्वर (10)
व्यंजन (21)
पाठ 1 पर जाएं ➔
पाठ 1
💻 कोड सैंडबॉक्स — यहाँ कोड लिखकर प्रयोग करें
📝 HTML / CSS
0 लाइन
🔄 रीसेट
मज़ेदार सीखना और प्रेरणा
🎮 गेम और प्रेरक चुनौतियों का हब
शब्दावली याद करने, अपनी सजगता का परीक्षण करने और अपने रूसी सुनने के कौशल को तेज करने के लिए 4 मनोरंजक मिनी-गेम्स!
← 50 पाठों पर वापस जाएं
✨ आज का उद्धरण
« Дорогу осилит идущий. »
« जो चलता है वह रास्ता पार कर लेता है। » — स्लाव कहावत
🔊 उद्धरण सुनें
🧩
मेमोरी और जोड़े
1. शब्दावली मेमोरी
कार्ड पलटें और प्रत्येक शब्द को उसके सही अर्थ के साथ कम से कम चालों में मिलाएं!
🚀 मेमोरी खेलें (+30 XP)
⚡
60s टाइम ट्रायल
2. एक्सप्रेस शब्दावली स्प्रिंट
कॉम्बो बनाने और अपने रिकॉर्ड को तोड़ने के लिए 60 सेकंड में अधिकतम प्रश्नों के उत्तर दें!
⚡ स्प्रिंट शुरू करें (+XP)
🎧
सुनने की समझ
3. वोकल मास्टर लिसनिंग
पाठ देखे बिना देशी आवाज़ सुनें और बोले गए शब्द या वाक्य का अनुमान लगाएं!
🔊 मौखिक चुनौती शुरू करें (+25 XP)
🧩
सोच-विचार और कीबोर्ड
4. सिरिलिक क्रॉसवर्ड
संकेतों के आधार पर वर्चुअल सिरिलिक कीबोर्ड का उपयोग करके 5x5 ग्रिड भरें।
✏️ ग्रिड हल करें (+30 XP)
चुनौती: सिरिलिक क्रॉसवर्ड
सीखी गई शब्दावली के साथ 5x5 ग्रिड भरें
← वापस
क्षैतिज (Across):
1. "पानी" (ВОДА - 4 अक्षर)
3. "सर्दी" (ЗИМА - 4 अक्षर)
4. "हाँ" (ДА - 2 अक्षर)
5. "बिल्ली" (КОТ - 3 अक्षर)
ग्रिड की पुष्टि करें
💔
उफ़! कोई जान नहीं बची!
हर गलती सीखने का एक अवसर है। रिवीजन करने के लिए व्याकरण या संस्कृति कार्ड देखें और फिर से प्रयास करें!
मेरे 5 💖 फिर से लोड करें
पाठों पर वापस जाएं
🎉
पाठ पूरा हुआ!
शाबाश! आपने यह पाठ पूरा कर लिया है।
जारी रखें ➔
📊 मेरे स्कोर देखें
© 2026 Namaste Languages v2.8.0 - रूसी शिक्षण मंच। सर्वाधिकार सुरक्षित।
✕
🎤 उच्चारण जांच
AI उच्चारण शिक्षक
इस शब्द को पढ़ें:
🔊 सही उच्चारण सुनें
🎤
🔴 रिकॉर्डिंग जारी है... (छोड़ें जब हो जाए)
बोलने के लिए दबाकर रखें
💻 अपना कोड लिखें और टेस्ट करें
🔄 रीसेट
👁️ लाइव प्रीव्यू (Live Preview)
💡 कोड लिखें और तुरंत परिणाम देखें! Tab key = 2 स्पेस
✅ व्याकरण पढ़ने की पुष्टि करें (+15 XP)
🎯 प्रश्नोत्तरी शुरू करें (+50 XP)
बंद करें
🪆
रूसी संस्कृति
पाठ का शीर्षक
🌐 HI
✕
क्या आप जानते हैं? (सांस्कृतिक उपाख्यान):
🔊 सब कुछ सुनें
याद रखने के लिए मुख्य शब्द:
मिनी-सांस्कृतिक चुनौती (+20 XP)
🔊 उच्चारण
...
✅ इस कार्ड की पुष्टि करें (+20 XP)
बंद करें और प्रगति देखें ➔
💬
Cours उपयोगी वाक्य
Titre du cours
Titre en russe
✕
🔊 Tout écouter
📌
Astuce pratique
Phrases clés à maîtriser :
Cliquez sur 🔊 pour écouter la prononciation
शब्दावली के शब्द महत्वपूर्ण :
🎯 Mini-Défi उपयोगी वाक्य +20 XP
🔊 सुनें
...
✅ पुष्टि करें ces phrases (+20 XP)
बंद करें और प्रगति देखें ➔
🗣️
Dialogue A1 en Situation
Titre du cours
Titre en russe
✕
🔊 Tout écouter
📌
Astuce pratique
Répliques et échanges du dialogue :
Cliquez sur 🔊 pour écouter la prononciation
🎯 Défi Compréhension A1 +20 XP
🔊 सुनें
...
✅ पुष्टि करें ce dialogue (+20 XP)
बंद करें और प्रगति देखें ➔
📝
वर्तनी नियम
नियम का शीर्षक
मूल शीर्षक
✕
Indispensable A1
⚠️
बचने योग्य जाल
Exemples concrets d'application :
Cliquez sur 🔊 pour écouter la prononciation
🎯 वर्तनी और जाल चुनौती +20 XP
🔊 सुनें
...
✅ पुष्टि करें यह नियम (+20 XP)
बंद करें और प्रगति देखें ➔
📊
स्कोर ट्रैकिंग
अपनी प्रगति देखें और खाता प्रबंधित करें
✕
पूरे किए गए पाठ्यक्रम
0 / 472
सहेजे गए सत्रों का इतिहास:
इतिहास रीसेट करें
🗑️ इतिहास साफ़ करें
🔄 प्रगति रीसेट करें
❌ खाता हटाएं
🏆 क्लासमेंट
✕
🌍 सभी
🇷🇺
🇫🇷
🇬🇧
🇩🇪
💻 वेब (IT)
🔒
पंजीकरण आवश्यक
तुरंत सभी इंटरैक्टिव पाठ्यक्रमों तक पहुंचें!
सीखना शुरू करने और अपने XP बिंदुओं को बचाने के लिए, 10 सेकंड में अपना निःशुल्क खाता बनाएं।
📝 मैं अपना निःशुल्क खाता बनाता हूँ
मेरा पहले से ही एक खाता है → लॉगिन करें
100% मुफ़्त · कोई क्रेडिट कार्ड नहीं · स्वचालित बैकअप
✕
🔐
मेरा Namaste Languages खाता
अपने सभी उपकरणों पर अपनी प्रगति सहेजें ☁️
🔐 लॉगिन
📝 पंजीकरण
🔒 एन्क्रिप्टेड पासवर्ड (bcrypt) · कोई डेटा नहीं बेचा गया · GDPR के अनुरूप
🏆
क्लासमेंट में दिखें
बंद करें तो आपका नाम छुपा रहेगा
🗑️ मेरा खाता स्थायी रूप से हटा दें
अपरिवर्तनीय कार्रवाई। आपका सारा डेटा हटा दिया जाएगा।
🔄 अपनी स्थानीय प्रगति को अपने खाते में मर्ज करें
", "sound": "XSS हमलों को समझना", "fr": "XSS हमलों को समझना", "tts": ""}], "questions": [{"prompt": "XSS का पूरा नाम क्या है?", "options": ["Cross-Site Scripting", "XML Site Styling", "Extra Secure System", "Cross-Server Script"], "answer": 0}]}, {"id": 320, "title": "रिफ्लेक्टेड XSS (Reflected XSS)", "icon": "💻", "category": "5. वेब सुरक्षा और डिबगिंग (Security & Bugs)", "grammar": {"title": "रिफ्लेक्टेड XSS (Reflected XSS)", "rule": "जब उपयोगकर्ता का इनपुट बिना सुरक्षित किए तुरंत पेज पर वापस दिखाया जाता है, तो उसे रिफ्लेक्टेड XSS कहते हैं।", "examples": []}, "vocab": [{"ru": "echo 'Hello, ' . $_GET['name']; // Unsafe", "sound": "रिफ्लेक्टेड XSS की रोकथाम", "fr": "रिफ्लेक्टेड XSS की रोकथाम", "tts": ""}], "questions": [{"prompt": "बिना एंकोड किए URL पैरामीटर को सीधे पेज पर प्रिंट करना कौन सा हमला है?", "options": ["SQL Injection", "Reflected XSS", "CSRF", "DDoS"], "answer": 1}]}, {"id": 321, "title": "स्टोर्ड XSS (Stored XSS)", "icon": "💻", "category": "5. वेब सुरक्षा और डिबगिंग (Security & Bugs)", "grammar": {"title": "स्टोर्ड XSS (Stored XSS)", "rule": "स्टोर्ड XSS सबसे खतरनाक है क्योंकि दुर्भावनापूर्ण कोड डेटाबेस में सेव हो जाता है और हर उपयोगकर्ता को दिखता है।", "examples": []}, "vocab": [{"ru": "", "sound": "डेटाबेस में स्टोर हुए स्क्रिप्ट से बचाव", "fr": "डेटाबेस में स्टोर हुए स्क्रिप्ट से बचाव", "tts": ""}], "questions": [{"prompt": "डेटाबेस में सेव होने वाला XSS क्या कहलाता है?", "options": ["Stored XSS", "Reflected XSS", "DOM XSS", "Safe XSS"], "answer": 0}]}, {"id": 322, "title": "डोम आधारित XSS (DOM-based XSS)", "icon": "💻", "category": "5. वेब सुरक्षा और डिबगिंग (Security & Bugs)", "grammar": {"title": "डोम आधारित XSS (DOM-based XSS)", "rule": "DOM XSS क्लाइंट-साइड (ब्राउज़र) में होता है, जब जावास्क्रिप्ट असुरक्षित तरीके से DOM में डेटा डालता है।", "examples": []}, "vocab": [{"ru": "document.body.innerHTML = location.hash;", "sound": "क्लाइंट साइड XSS से बचाव", "fr": "क्लाइंट साइड XSS से बचाव", "tts": ""}], "questions": [{"prompt": "कौन सा XSS सर्वर के बजाय सीधे ब्राउज़र में होता है?", "options": ["Stored XSS", "DOM-based XSS", "SQLi", "CSRF"], "answer": 1}]}, {"id": 323, "title": "XSS से बचाव (Preventing XSS)", "icon": "💻", "category": "5. वेब सुरक्षा और डिबगिंग (Security & Bugs)", "grammar": {"title": "XSS से बचाव (Preventing XSS)", "rule": "XSS से बचने के लिए विशेष वर्णों (special characters) को HTML एंटिटी (entity) में बदल दें।", "examples": []}, "vocab": [{"ru": "<script>alert(1)</script>", "sound": "HTML एंकोडिंग का उपयोग", "fr": "HTML एंकोडिंग का उपयोग", "tts": ""}], "questions": [{"prompt": "XSS से बचने का सबसे अच्छा तरीका क्या है?", "options": ["डेटा को डिलीट करना", "HTML Encoding", "जावास्क्रिप्ट बंद करना", "पासवर्ड बदलना"], "answer": 1}]}, {"id": 324, "title": "PHP में XSS सुरक्षा (htmlspecialchars)", "icon": "💻", "category": "5. वेब सुरक्षा और डिबगिंग (Security & Bugs)", "grammar": {"title": "PHP में XSS सुरक्षा (htmlspecialchars)", "rule": "PHP में आउटपुट दिखाने से पहले हमेशा htmlspecialchars() का उपयोग करें ताकि स्क्रिप्ट रन न हो सके।", "examples": []}, "vocab": [{"ru": "echo htmlspecialchars($user_input, ENT_QUOTES, 'UTF-8');", "sound": "htmlspecialchars का उपयोग", "fr": "htmlspecialchars का उपयोग", "tts": ""}], "questions": [{"prompt": "PHP में XSS रोकने के लिए कौन सा फंक्शन इस्तेमाल होता है?", "options": ["md5()", "htmlspecialchars()", "strpos()", "isset()"], "answer": 1}]}, {"id": 325, "title": "जावास्क्रिप्ट में सुरक्षा (JS Security)", "icon": "💻", "category": "5. वेब सुरक्षा और डिबगिंग (Security & Bugs)", "grammar": {"title": "जावास्क्रिप्ट में सुरक्षा (JS Security)", "rule": "जावास्क्रिप्ट में innerHTML के बजाय textContent का उपयोग करना अधिक सुरक्षित है।", "examples": []}, "vocab": [{"ru": "element.textContent = userInput; // Safe", "sound": "textContent बनाम innerHTML", "fr": "textContent बनाम innerHTML", "tts": ""}], "questions": [{"prompt": "सुरक्षित रूप से टेक्स्ट डालने के लिए जावास्क्रिप्ट में क्या उपयोग करें?", "options": ["innerHTML", "textContent", "document.write", "outerHTML"], "answer": 1}]}, {"id": 326, "title": "CSRF (क्रॉस-साइट रिक्वेस्ट फोर्जरी)", "icon": "💻", "category": "5. वेब सुरक्षा और डिबगिंग (Security & Bugs)", "grammar": {"title": "CSRF (क्रॉस-साइट रिक्वेस्ट फोर्जरी)", "rule": "CSRF एक हमला है जिसमें उपयोगकर्ता से बिना उसकी जानकारी के कोई अवांछित कार्य करवाया जाता है।", "examples": []}, "vocab": [{"ru": "", "sound": "CSRF हमलों को समझना", "fr": "CSRF हमलों को समझना", "tts": ""}], "questions": [{"prompt": "कौन सा हमला उपयोगकर्ता के ब्राउज़र से अनधिकृत अनुरोध भेजता है?", "options": ["XSS", "SQLi", "CSRF", "Phishing"], "answer": 2}]}, {"id": 327, "title": "CSRF टोकन (CSRF Tokens)", "icon": "💻", "category": "5. वेब सुरक्षा और डिबगिंग (Security & Bugs)", "grammar": {"title": "CSRF टोकन (CSRF Tokens)", "rule": "CSRF से बचने के लिए हर फॉर्म में एक अद्वितीय (unique) और गुप्त (secret) टोकन शामिल करें।", "examples": []}, "vocab": [{"ru": "💬 100 वाक्य पाठ्यक्रम'; btnPhrases.style.display = ''; }
else if (lang === 'ru') { btnPhrases.innerHTML = '💬 70 वाक्य पाठ्यक्रम'; btnPhrases.style.display = ''; }
else btnPhrases.style.display = 'none';
}
const btnCulture = document.getElementById('btn-culture');
if (btnCulture) {
if (lang === 'fr') { btnCulture.innerHTML = '🏛️ 106 संस्कृति पाठ्यक्रम'; btnCulture.style.display = ''; }
else if (lang === 'ru') { btnCulture.innerHTML = '🏛️ 100 संस्कृति पाठ्यक्रम'; btnCulture.style.display = ''; }
else btnCulture.style.display = 'none';
}
// 8. Mettre à jour le badge de version
const vBadge = document.getElementById('dashboard-version-badge');
if (vBadge) {
if (lang === 'fr') vBadge.textContent = 'संस्करण 3.2.0 (402 फ़्रेंच)';
else if (lang === 'en') vBadge.textContent = 'संस्करण 3.2.0 (अंग्रेज़ी)';
else if (lang === 'de') vBadge.textContent = 'संस्करण 3.2.0 (जर्मन)';
else if (lang === 'web') vBadge.textContent = 'संस्करण 3.2.0 (200 HTML/CSS)';
else vBadge.textContent = 'संस्करण 3.2.0 (472 रूसी)';
}
// 9. Mettre à jour les badges de progression
const statBadges = document.getElementById('dashboard-stat-badges');
if (statBadges) {
let badgesHtml = '';
if (lang === 'fr') {
badgesHtml = `🏆 150 NamasteFrench पाठ्यक्रम
🎮 3 मज़ेदार मिनी-गेम्स
💬 100 वाक्य पाठ्यक्रम
🏛️ 90 संस्कृति पाठ्यक्रम
✓ व्याकरण कार्ड
🔊 देशी फ़्रेंच ऑडियो `;
} else if (lang === 'en') {
badgesHtml = `🏆 NamasteEnglish पाठ्यक्रम
🎮 3 मज़ेदार मिनी-गेम्स
✓ व्याकरण कार्ड
🔊 अंग्रेज़ी ऑडियो `;
} else if (lang === 'de') {
badgesHtml = `🏆 NamasteGerman पाठ्यक्रम
🎮 3 मज़ेदार मिनी-गेम्स
✓ व्याकरण कार्ड
🔊 जर्मन ऑडियो `;
} else if (lang === 'web') {
badgesHtml = `💻 200 HTML/CSS पाठ्यक्रम
🤖 AI कोड ट्यूटर (50/दिन)
🖥️ लाइव प्रीव्यू
🏗️ HTML5 + CSS3 `;
} else {
badgesHtml = `🏆 180 Namaste Languages पाठ्यक्रम
🎮 4 मज़ेदार मिनी-गेम्स
💬 70 वाक्य पाठ्यक्रम
🏛️ 100 संस्कृति पाठ्यक्रम
✓ व्याकरण कार्ड
🔊 देशी वोकल ऑडियो `;
}
statBadges.innerHTML = badgesHtml;
}
// 10. Masquer/afficher les modules spécifiques (Uniquement en Russe)
const isRu = lang === 'ru';
const writingBtn = document.getElementById('btn-writing');
const alphabetBtn = document.getElementById('btn-alphabet');
const crosswordBtn = document.getElementById('btn-crossword');
const cardCrossword = document.getElementById('card-crossword-game');
const mobileAlphabetBtn = document.getElementById('mobile-btn-alphabet');
const mobileWritingBtn = document.getElementById('mobile-btn-writing');
if (writingBtn) writingBtn.style.display = isRu ? '' : 'none';
if (alphabetBtn) alphabetBtn.style.display = isRu ? '' : 'none';
if (crosswordBtn) crosswordBtn.style.display = isRu ? '' : 'none';
if (cardCrossword) cardCrossword.style.display = isRu ? '' : 'none';
if (mobileAlphabetBtn) mobileAlphabetBtn.style.display = isRu ? '' : 'none';
if (mobileWritingBtn) mobileWritingBtn.style.display = isRu ? '' : 'none';
// Update quiz grammar button label for web courses
const quizGrammarBtn = document.getElementById('quiz-grammar-btn');
if (quizGrammarBtn) {
quizGrammarBtn.innerHTML = (lang === 'web') ? '💻 कोड पत्रक' : '📖 व्याकरण कार्ड';
}
// 11. Mettre à jour l'assistant IA Guruji pour la langue active
const aiInput = document.getElementById('ai-input');
const aiTutorBtn = document.getElementById('ai-tutor-btn');
const aiMessages = document.getElementById('ai-messages');
const langNames = { 'fr': 'फ़्रेंच', 'en': 'अंग्रेज़ी', 'de': 'जर्मन', 'ru': 'रूसी', 'web': 'वेब डेवलपमेंट' };
const currentLangName = langNames[lang] || 'रूसी';
// 11. Configurer le tuteur IA pour la langue active (Russe, Français, Anglais, Allemand ou Code Web)
configureAITutorForCurrentLang();
// Mettre à jour les citations et la révision
if (typeof updateDailyQuote === 'function') updateDailyQuote();
const memTitle = document.getElementById('game-title-memory');
if (memTitle) memTitle.innerText = `1. ${currentLangName} शब्दावली मेमोरी`;
if (typeof initRevisionModule === 'function') initRevisionModule(lang);
// 12. Re-render de tous les modules pour la langue active
updateStats();
updateGlobalProgress();
renderLessonsList();
showScreen('home-screen');
}
function markCourseCompleted(globalId) {
if (!globalId && globalId !== 0) return;
globalId = parseInt(globalId, 10);
if (isNaN(globalId) || globalId < 1 || globalId > TOTAL_COURSES_COUNT) return;
const p = langPrefix();
if (!state.completedCourses.includes(globalId)) {
state.completedCourses.push(globalId);
safeSetItem(p + '_completedCourses', JSON.stringify(state.completedCourses));
}
if (globalId >= state.unlockedLevel) {
state.unlockedLevel = Math.min(TOTAL_COURSES_COUNT, globalId + 1);
safeSetItem(p + '_unlockedLevel', state.unlockedLevel);
}
if (state.isLoggedIn) { apiSyncProgress(); }
updateStats();
updateGlobalProgress();
renderLessonsList();
}
/* ========================================================
2B. AUTHENTIFICATION & SYNCHRONISATION CLOUD
======================================================== */
const API_BASE = 'api';
function openAuthTab(tab) {
openModal('auth-modal');
const loginForm = document.getElementById('auth-login-form');
const registerForm = document.getElementById('auth-register-form');
const tabLogin = document.getElementById('tab-login');
const tabRegister = document.getElementById('tab-register');
if (tab === 'register') {
loginForm.classList.add('hidden');
registerForm.classList.remove('hidden');
tabLogin.classList.remove('bg-white', 'text-green-700', 'shadow-sm');
tabLogin.classList.add('text-gray-500');
tabRegister.classList.add('bg-white', 'text-green-700', 'shadow-sm');
tabRegister.classList.remove('text-gray-500');
} else {
registerForm.classList.add('hidden');
loginForm.classList.remove('hidden');
tabRegister.classList.remove('bg-white', 'text-green-700', 'shadow-sm');
tabRegister.classList.add('text-gray-500');
tabLogin.classList.add('bg-white', 'text-green-700', 'shadow-sm');
tabLogin.classList.remove('text-gray-500');
}
}
function showAuthError(formId, msg) {
const el = document.getElementById(formId);
if (el) { el.textContent = msg; el.classList.remove('hidden'); }
}
function hideAuthErrors() {
['login-error', 'register-error'].forEach(id => {
const el = document.getElementById(id);
if (el) el.classList.add('hidden');
});
}
function updateAuthUI() {
const desktopBtns = document.getElementById('auth-buttons-desktop');
const desktopProfile = document.getElementById('auth-profile-desktop');
const mobileBtns = document.getElementById('auth-buttons-mobile');
const mobileProfile = document.getElementById('auth-profile-mobile');
const deleteSection = document.getElementById('auth-delete-section');
const mergeSection = document.getElementById('auth-merge-section');
const ctaHome = document.getElementById('cta-register-home');
const presentationSection = document.getElementById('presentation-landing-section');
const appDashboardContainer = document.getElementById('app-dashboard-container');
const progressContainer = document.getElementById('header-progress-container');
const xpLivesContainer = document.getElementById('xp-lives-container');
const aiTutorBtn = document.getElementById('ai-tutor-btn');
const aiChatPanel = document.getElementById('ai-chat-panel');
const navChatBtn = document.getElementById('nav-chat-btn');
const mobileNavChatBtn = document.getElementById('mobile-nav-chat-btn');
if (state.isLoggedIn) {
if (desktopBtns) { desktopBtns.classList.add('hidden'); desktopBtns.classList.remove('md:flex', 'sm:flex', 'lg:flex'); desktopBtns.style.display = 'none'; }
if (desktopProfile) { desktopProfile.classList.remove('hidden'); desktopProfile.classList.add('md:flex'); desktopProfile.style.display = ''; }
if (mobileBtns) { mobileBtns.classList.add('hidden'); mobileBtns.style.display = 'none'; }
if (mobileProfile) { mobileProfile.classList.remove('hidden'); mobileProfile.style.display = ''; }
if (deleteSection) deleteSection.classList.remove('hidden');
if (mergeSection) mergeSection.classList.remove('hidden');
const lbToggle = document.getElementById('auth-leaderboard-toggle');
if (lbToggle) lbToggle.classList.remove('hidden');
const dashLbToggle = document.getElementById('dashboard-leaderboard-toggle');
if (dashLbToggle) dashLbToggle.classList.remove('hidden');
if (typeof updateLeaderboardToggleUI === 'function') {
updateLeaderboardToggleUI(state.hideFromLeaderboard);
}
if (ctaHome) ctaHome.classList.add('hidden');
if (presentationSection) presentationSection.classList.add('hidden');
if (appDashboardContainer) appDashboardContainer.classList.remove('hidden');
if (progressContainer) progressContainer.classList.remove('hidden');
if (xpLivesContainer) { xpLivesContainer.classList.remove('hidden'); xpLivesContainer.style.display = ''; }
configureAITutorForCurrentLang();
if (navChatBtn) { navChatBtn.classList.remove('!hidden'); navChatBtn.style.display = ''; }
if (mobileNavChatBtn) mobileNavChatBtn.style.display = 'flex';
closePaywall();
const uDesktop = document.getElementById('profile-username-desktop');
const uMobile = document.getElementById('profile-username-mobile');
if (uDesktop) uDesktop.textContent = state.playerName;
if (uMobile) uMobile.textContent = state.playerName;
} else {
if (desktopBtns) { desktopBtns.classList.remove('hidden'); desktopBtns.classList.add('md:flex'); desktopBtns.style.display = ''; }
if (desktopProfile) { desktopProfile.classList.add('hidden'); desktopProfile.classList.remove('md:flex', 'sm:flex', 'lg:flex'); desktopProfile.style.display = 'none'; }
if (mobileBtns) { mobileBtns.classList.remove('hidden'); mobileBtns.classList.add('flex'); mobileBtns.style.display = ''; }
if (mobileProfile) { mobileProfile.classList.add('hidden'); mobileProfile.style.display = 'none'; }
if (deleteSection) deleteSection.classList.add('hidden');
if (mergeSection) mergeSection.classList.add('hidden');
const lbToggleOut = document.getElementById('auth-leaderboard-toggle');
if (lbToggleOut) lbToggleOut.classList.add('hidden');
const dashLbToggleOut = document.getElementById('dashboard-leaderboard-toggle');
if (dashLbToggleOut) dashLbToggleOut.classList.add('hidden');
if (ctaHome) ctaHome.classList.remove('hidden');
if (presentationSection) presentationSection.classList.remove('hidden');
if (appDashboardContainer) appDashboardContainer.classList.add('hidden');
if (progressContainer) progressContainer.classList.add('hidden');
if (xpLivesContainer) { xpLivesContainer.classList.add('hidden'); xpLivesContainer.style.display = 'none'; }
if (aiTutorBtn) aiTutorBtn.style.display = 'none';
if (aiChatPanel) aiChatPanel.style.display = 'none';
if (navChatBtn) navChatBtn.classList.add('!hidden');
if (navChatBtn) navChatBtn.style.display = 'none';
if (mobileNavChatBtn) mobileNavChatBtn.style.display = 'none';
}
if (typeof updateChatAuthUI === 'function') updateChatAuthUI();
}
async function apiRegister() {
hideAuthErrors();
const username = document.getElementById('register-username').value.trim();
const email = document.getElementById('register-email').value.trim();
const password = document.getElementById('register-password').value;
const passwordConfirm = document.getElementById('register-password-confirm').value;
const cguChecked = document.getElementById('register-cgu').checked;
if (!username || username.length < 2 || username.length > 30) {
return showAuthError('register-error', 'उपनाम 2 से 30 अक्षरों के बीच होना चाहिए।');
}
if (!email || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
return showAuthError('register-error', 'कृपया एक मान्य ईमेल दर्ज करें।');
}
if (password.length < 6) {
return showAuthError('register-error', 'पासवर्ड कम से कम 6 अक्षरों का होना चाहिए।');
}
if (password !== passwordConfirm) {
return showAuthError('register-error', 'पासवर्ड मेल नहीं खाते।');
}
if (!cguChecked) {
return showAuthError('register-error', 'कृपया सामान्य शर्तों (CGU) को स्वीकार करें।');
}
try {
const res = await fetch(`${API_BASE}/register.php`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
credentials: 'include',
body: JSON.stringify({ email, username, password })
});
const data = await res.json();
if (!res.ok) {
return showAuthError('register-error', data.error || "पंजीकरण के दौरान त्रुटि।");
}
state.isLoggedIn = true;
state.loggedUserId = data.user.id;
state.playerName = data.user.username;
safeSetItem('namasterussian_playerName', state.playerName);
updateAuthUI();
closeModal('auth-modal');
apiSyncProgress();
alert(`✅ स्वागत है ${state.playerName}! आपका खाता सफलतापूर्वक बन गया है। आपकी प्रगति अब क्लाउड में सहेजी जाएगी ☁️`);
} catch (e) {
showAuthError('register-error', 'नेटवर्क त्रुटि। अपना कनेक्शन जांचें।');
}
}
async function apiLogin() {
hideAuthErrors();
const email = document.getElementById('login-email').value.trim();
const password = document.getElementById('login-password').value;
if (!email || !password) {
return showAuthError('login-error', 'कृपया सभी फ़ील्ड भरें।');
}
try {
const currentLang = state.currentLang || 'ru';
const res = await fetch(`${API_BASE}/login.php`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
credentials: 'include',
body: JSON.stringify({ email, password, lang: currentLang })
});
const data = await res.json();
if (!res.ok) {
return showAuthError('login-error', data.error || 'ईमेल या पासवर्ड गलत है।');
}
state.isLoggedIn = true;
state.loggedUserId = data.user.id;
state.playerName = data.user.username;
safeSetItem('namasterussian_playerName', state.playerName);
if (data.user && data.user.hide_from_leaderboard !== undefined) {
state.hideFromLeaderboard = !!data.user.hide_from_leaderboard;
safeSetItem('namasterussian_hideFromLeaderboard', state.hideFromLeaderboard ? '1' : '0');
if (typeof updateLeaderboardToggleUI === 'function') {
updateLeaderboardToggleUI(state.hideFromLeaderboard);
}
}
aiHistory = []; // Reset chat history for new login session
aiChatOpen = false;
document.getElementById('ai-messages').innerHTML = '';
const p = langPrefix();
if (data.progress) {
state.xp = Math.max(state.xp || 0, data.progress.xp || 0);
state.unlockedLevel = Math.max(state.unlockedLevel || 1, data.progress.unlocked_level || 1);
state.completedCultureCount = Math.max(state.completedCultureCount || 0, data.progress.completed_culture_count || 0);
state.completedPhrasesCount = Math.max(state.completedPhrasesCount || 0, data.progress.completed_phrases_count || 0);
state.lives = Math.max(state.lives || 5, data.progress.lives || 5);
safeSetItem(p + '_xp', state.xp);
safeSetItem(p + '_unlockedLevel', state.unlockedLevel);
safeSetItem(p + '_completedCultureCount', state.completedCultureCount);
safeSetItem(p + '_completedPhrasesCount', state.completedPhrasesCount);
if (data.progress.ai_remaining !== undefined) {
const remainingEl = document.getElementById('ai-remaining');
if (remainingEl) remainingEl.textContent = data.progress.ai_remaining + ' प्रश्न शेष';
}
}
if (data.completedCourses && Array.isArray(data.completedCourses)) {
const merged = Array.from(new Set([...state.completedCourses, ...data.completedCourses.map(Number)]));
state.completedCourses = merged;
safeSetItem(p + '_completedCourses', JSON.stringify(state.completedCourses));
}
apiSyncProgress();
updateAuthUI();
updateStats();
updateGlobalProgress();
renderLessonsList();
closeModal('auth-modal');
alert(`✅ वापसी पर स्वागत है ${state.playerName}! आपकी प्रगति क्लाउड से पुनर्स्थापित कर दी गई है ☁️`);
} catch (e) {
showAuthError('login-error', 'नेटवर्क त्रुटि। अपना कनेक्शन जांचें।');
}
}
async function apiLogout() {
try {
await fetch(`${API_BASE}/logout.php`, {
method: 'POST',
credentials: 'include'
});
} catch (e) {
console.warn('Logout request failed', e);
}
state.isLoggedIn = false;
state.loggedUserId = null;
const keepKeys = ['namasterussian_currentLang'];
const keysToRemove = [];
for (let i = 0; i < localStorage.length; i++) {
const k = localStorage.key(i);
if (k && k.startsWith('namaste') && !keepKeys.includes(k)) {
keysToRemove.push(k);
}
}
keysToRemove.forEach(k => localStorage.removeItem(k));
aiHistory = []; // Clear AI chat history on logout
aiChatOpen = false; // Reset AI panel state
document.getElementById('ai-messages').innerHTML = ''; // Clear UI chat
updateAuthUI();
alert('👋 आप लॉगआउट हो गए हैं। आपकी प्रगति सुरक्षित है — अगली बार लॉगिन करें!');
}
async function apiSyncProgress() {
if (!state.isLoggedIn) return;
try {
await fetch(`${API_BASE}/save_progress.php`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
credentials: 'include',
body: JSON.stringify({
xp: state.xp,
unlocked_level: state.unlockedLevel,
completed_culture_count: state.completedCultureCount,
completed_phrases_count: state.completedPhrasesCount,
lives: state.lives,
completedCourses: state.completedCourses,
lang: state.currentLang || 'ru'
})
});
} catch (e) {
console.warn('Sync cloud échouée:', e);
}
}
async function apiSaveScore(lessonId, lessonTitle, xpEarned, status) {
if (!state.isLoggedIn) return;
try {
await fetch(`${API_BASE}/save_score.php`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
credentials: 'include',
body: JSON.stringify({
lesson_id: String(lessonId),
lesson_title: lessonTitle,
xp_earned: xpEarned,
lives_remaining: state.lives,
status: status,
lang: state.currentLang || 'ru'
})
});
} catch (e) {
console.warn('Score save cloud échouée:', e);
}
}
/* Retourne le mot de passe tapé ou null */
async function getPassword(message) {
const dlg = document.getElementById('pwd-modal');
const msg = document.getElementById('pwd-msg');
const input = document.getElementById('pwd-input');
msg.textContent = message;
input.value = '';
dlg.showModal();
return new Promise(resolve => {
dlg.addEventListener('close', () => {
resolve(dlg.returnValue === 'default' ? input.value.trim() || null : null);
}, {once:true});
});
}
async function apiDeleteAccount() {
if (!state.isLoggedIn) return;
if (!confirm('⚠️ ATTENTION : Cette action est IRRÉVERSIBLE.\n\nToutes vos données (progression, scores, compte) seront définitivement supprimées.\n\nÊtes-vous absolument sûr(e) ?')) return;
if (!confirm('🔴 अंतिम पुष्टि\n\nक्या आप वाकई अपना Namaste Languages खाता स्थायी रूप से हटाना चाहते हैं?')) return;
const password = await getPassword('🔒 सुरक्षा: कृपया पुष्टि करने के लिए अपना पासवर्ड दर्ज करें:');
if (!password) return;
try {
const res = await fetch(`${API_BASE}/delete_account.php`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
credentials: 'include',
body: JSON.stringify({ confirm: true, password: password })
});
const data = await res.json();
if (res.ok) {
state.isLoggedIn = false;
state.loggedUserId = null;
updateAuthUI();
closeModal('auth-modal');
alert('✅ आपका खाता और आपका सभी डेटा स्थायी रूप से हटा दिया गया है। आपकी स्थानीय प्रगति सुरक्षित है।');
} else {
alert(data.error || 'हटाने के दौरान त्रुटि।');
}
} catch (e) {
alert('नेटवर्क त्रुटि। कृपया पुनः प्रयास करें।');
}
}
async function mergeLocalProgress() {
if (!state.isLoggedIn) return;
if (!confirm('🔄 अपनी स्थानीय प्रगति को अपने क्लाउड खाते के साथ विलय करें?\n\nयह आपका XP, आपके पूर्ण पाठ्यक्रम और आपके स्थानीय इतिहास को सर्वर पर भेज देगा।')) return;
await apiSyncProgress();
alert('✅ स्थानीय प्रगति आपके क्लाउड खाते के साथ विलय हो गई!');
}
async function checkExistingSession() {
try {
const currentLang = state.currentLang || 'ru';
const res = await fetch(`${API_BASE}/load_progress.php?lang=${encodeURIComponent(currentLang)}`, {
method: 'GET',
credentials: 'include'
});
if (res.ok) {
const data = await res.json();
state.isLoggedIn = true;
state.loggedUserId = true;
if (data.username) {
state.playerName = data.username;
safeSetItem('namasterussian_playerName', state.playerName);
}
if (data.hide_from_leaderboard !== undefined) {
state.hideFromLeaderboard = !!data.hide_from_leaderboard;
safeSetItem('namasterussian_hideFromLeaderboard', state.hideFromLeaderboard ? '1' : '0');
if (typeof updateLeaderboardToggleUI === 'function') {
updateLeaderboardToggleUI(state.hideFromLeaderboard);
}
}
const p = langPrefix();
if (data.progress) {
state.xp = Math.max(state.xp || 0, data.progress.xp || 0);
state.unlockedLevel = Math.max(state.unlockedLevel || 1, data.progress.unlocked_level || 1);
state.completedCultureCount = Math.max(state.completedCultureCount || 0, data.progress.completed_culture_count || 0);
state.completedPhrasesCount = Math.max(state.completedPhrasesCount || 0, data.progress.completed_phrases_count || 0);
state.lives = Math.max(state.lives || 5, data.progress.lives || 5);
safeSetItem(p + '_xp', state.xp);
safeSetItem(p + '_unlockedLevel', state.unlockedLevel);
safeSetItem(p + '_completedCultureCount', state.completedCultureCount);
safeSetItem(p + '_completedPhrasesCount', state.completedPhrasesCount);
if (data.progress.ai_remaining !== undefined) {
const remainingEl = document.getElementById('ai-remaining');
if (remainingEl) remainingEl.textContent = data.progress.ai_remaining + ' प्रश्न शेष';
}
}
if (data.completedCourses && Array.isArray(data.completedCourses)) {
const merged = Array.from(new Set([...state.completedCourses, ...data.completedCourses.map(Number)]));
state.completedCourses = merged;
safeSetItem(p + '_completedCourses', JSON.stringify(state.completedCourses));
if (merged.length > data.completedCourses.length) {
apiSyncProgress();
}
}
updateAuthUI();
updateStats();
updateGlobalProgress();
renderLessonsList();
}
} catch (e) {
/* Pas de session active ou pas de serveur : mode invité silencieux */
}
}
/* ========================================================
3. SYNTHÈSE VOCALE MULTILINGUE PERFECTIONNÉE (ru, fr, en, de)
======================================================== */
let _cachedVoices = [];
function _refreshVoices() {
if ('speechSynthesis' in window) {
const v = window.speechSynthesis.getVoices();
if (v && v.length > 0) _cachedVoices = v;
}
}
_refreshVoices();
if ('speechSynthesis' in window && window.speechSynthesis.onvoiceschanged !== undefined) {
window.speechSynthesis.onvoiceschanged = _refreshVoices;
}
// Détection de la langue du texte si non fournie (garantit qu'un texte anglais/allemand n'est jamais lu en russe)
function detectTextLanguage(text, fallbackLang) {
if (!text) return fallbackLang || 'ru';
// Alphabet cyrillique -> Russe
if (/[а-яёА-ЯЁ]/i.test(text)) return 'ru';
// Caractères allemands spécifiques
if (/[äöüßÄÖÜ]/i.test(text)) return 'de';
// Caractères français spécifiques
if (/[éèêëàâçîïôûùœæ]/i.test(text)) return 'fr';
return fallbackLang || state.currentLang || 'ru';
}
function getBestVoiceForLang(lang) {
if (!('speechSynthesis' in window)) return null;
let voices = window.speechSynthesis.getVoices();
if (!voices || voices.length === 0) voices = _cachedVoices;
if (!voices || voices.length === 0) return null;
const l = (lang || 'ru').toLowerCase();
// Filtrer les voix qui correspondent à la langue
var langVoices = [];
var namedVoices = [];
if (l === 'en') {
langVoices = voices.filter(function(v) { return v.lang && (v.lang.toLowerCase().startsWith('en-') || v.lang.toLowerCase().startsWith('en_') || v.lang.toLowerCase() === 'en'); });
namedVoices = voices.filter(function(v) { return v.name && /english|samantha|alex|daniel|karen|moira|tessa|google us|google uk/i.test(v.name); });
} else if (l === 'de') {
langVoices = voices.filter(function(v) { return v.lang && (v.lang.toLowerCase().startsWith('de-') || v.lang.toLowerCase().startsWith('de_') || v.lang.toLowerCase() === 'de'); });
namedVoices = voices.filter(function(v) { return v.name && /deutsch|german|anna|eddy|flo|markus|petra|google deutsch/i.test(v.name); });
} else if (l === 'fr') {
langVoices = voices.filter(function(v) { return v.lang && (v.lang.toLowerCase().startsWith('fr-') || v.lang.toLowerCase().startsWith('fr_') || v.lang.toLowerCase() === 'fr'); });
namedVoices = voices.filter(function(v) { return v.name && /french|français|thomas|amélie|audrey|aurélie|google français/i.test(v.name); });
} else if (l === 'ru') {
langVoices = voices.filter(function(v) { return v.lang && (v.lang.toLowerCase().startsWith('ru-') || v.lang.toLowerCase().startsWith('ru_') || v.lang.toLowerCase() === 'ru'); });
namedVoices = voices.filter(function(v) { return v.name && /russian|русский|milena|yuri|katya|google русский/i.test(v.name); });
}
var allCandidates = langVoices.concat(namedVoices);
if (allCandidates.length === 0) return null;
// Priorité 1 : Voix Google (meilleure qualité, disponible sur Chrome)
var google = allCandidates.find(function(v) { return v.name && /google/i.test(v.name); });
if (google) return google;
// Priorité 2 : Voix Premium / Enhanced (macOS/iOS)
var premium = allCandidates.find(function(v) { return v.name && /premium|enhanced/i.test(v.name); });
if (premium) return premium;
// Priorité 3 : Voix connues de haute qualité par nom
var knownGood = allCandidates.find(function(v) {
return v.name && /samantha|daniel|karen|moira|tessa|alex|amélie|thomas|milena|yuri|martha|zuzana/i.test(v.name);
});
if (knownGood) return knownGood;
// Priorité 4 : Voix non-compacte (éviter les voix "compact" de mauvaise qualité)
var nonCompact = allCandidates.find(function(v) { return v.name && !/compact/i.test(v.name); });
if (nonCompact) return nonCompact;
// Dernier recours : n'importe quelle voix dans la bonne langue
return allCandidates[0];
}
// Mapping langue → BCP47 tag
const _langToBCP47 = { fr: 'fr-FR', en: 'en-US', de: 'de-DE', ru: 'ru-RU' };
function speakText(text, forceLang, speed) {
if (!('speechSynthesis' in window) || !text) return;
window.speechSynthesis.cancel();
const cleanText = String(text).replace(/\([^)]*\)/g, '').trim();
if (!cleanText) return;
const targetLang = forceLang || detectTextLanguage(cleanText, state.currentLang);
const bcp47 = _langToBCP47[targetLang] || 'ru-RU';
function _doSpeak() {
const utterance = new SpeechSynthesisUtterance(cleanText);
utterance.lang = bcp47;
utterance.volume = 1.0; // Volume maximum
utterance.rate = speed || (targetLang === 'ru' ? 0.85 : (targetLang === 'en' ? 1.0 : 0.9));
utterance.pitch = 1.0;
// Forcer la voix correspondant à la langue cible
let voice = getBestVoiceForLang(targetLang);
// Si aucune voix trouvée, rafraîchir le cache et réessayer
if (!voice) {
_refreshVoices();
voice = getBestVoiceForLang(targetLang);
}
if (voice) {
utterance.voice = voice;
}
// Indicateur visuel sonore animé pendant la lecture
const indicator = document.getElementById('rev-audio-indicator');
if (indicator) {
indicator.classList.remove('hidden');
utterance.onend = () => { indicator.classList.add('hidden'); };
utterance.onerror = () => { indicator.classList.add('hidden'); };
}
window.speechSynthesis.speak(utterance);
}
// Sur certains navigateurs, les voix ne sont pas chargées immédiatement
const voices = window.speechSynthesis.getVoices();
if (!voices || voices.length === 0) {
// Attendre que les voix soient chargées
window.speechSynthesis.onvoiceschanged = function() {
_refreshVoices();
_doSpeak();
window.speechSynthesis.onvoiceschanged = _refreshVoices;
};
// Timeout de sécurité : parler quand même après 300ms
setTimeout(_doSpeak, 300);
} else {
_doSpeak();
}
}
function playSound(type) {
if (typeof isMuted !== 'undefined' && isMuted) return;
try {
const ctx = new (window.AudioContext || window.webkitAudioContext)();
const now = ctx.currentTime;
const playTone = (freq, waveType, startTime, duration, vol) => {
const osc = ctx.createOscillator();
const gain = ctx.createGain();
osc.type = waveType;
osc.frequency.setValueAtTime(freq, startTime);
osc.connect(gain);
gain.connect(ctx.destination);
gain.gain.setValueAtTime(0, startTime);
gain.gain.linearRampToValueAtTime(vol, startTime + 0.05);
gain.gain.exponentialRampToValueAtTime(0.01, startTime + duration);
osc.start(startTime);
osc.stop(startTime + duration);
};
if (type === 'success') {
playTone(523.25, 'sine', now, 0.3, 0.15); // C5
playTone(659.25, 'sine', now + 0.1, 0.3, 0.15); // E5
playTone(783.99, 'sine', now + 0.2, 0.4, 0.15); // G5
playTone(1046.50, 'sine', now + 0.3, 0.6, 0.2); // C6
} else if (type === 'error') {
playTone(300, 'sawtooth', now, 0.3, 0.1);
playTone(250, 'sawtooth', now + 0.15, 0.4, 0.1);
} else if (type === 'victory') {
playTone(440, 'square', now, 0.2, 0.1);
playTone(440, 'square', now + 0.15, 0.2, 0.1);
playTone(440, 'square', now + 0.3, 0.2, 0.1);
playTone(554.37, 'square', now + 0.45, 0.4, 0.15);
playTone(659.25, 'square', now + 0.6, 0.6, 0.15);
}
} catch (e) {
console.log('AudioContext error', e);
}
}
/* ========================================================
4. GESTION DES ÉCRANS & NAVIGATION
======================================================== */
function toggleMobileमेनू() {
const menu = document.getElementById('mobile-menu');
const iconOpen = document.getElementById('hamburger-icon-open');
const iconClose = document.getElementById('hamburger-icon-close');
if (menu.classList.contains('hidden')) {
menu.classList.remove('hidden');
if (iconOpen) iconOpen.classList.add('hidden');
if (iconClose) iconClose.classList.remove('hidden');
} else {
menu.classList.add('hidden');
if (iconOpen) iconOpen.classList.remove('hidden');
if (iconClose) iconClose.classList.add('hidden');
}
}
function showScreen(screenId) {
if (screenId !== 'home-screen' && !state.isLoggedIn) {
openPaywall();
return;
}
const screens = ['home-screen', 'writing-screen', 'revision-screen', 'culture-screen', 'phrases-screen', 'games-screen', 'alphabet-screen', 'lesson-screen', 'crossword-screen', 'game-over-screen', 'victory-screen'];
screens.forEach(id => {
const el = document.getElementById(id);
if (el) el.style.display = 'none';
});
const target = document.getElementById(screenId);
if (target) target.style.display = 'block';
// Fermer le menu mobile si ouvert
const mobileमेनू = document.getElementById('mobile-menu');
if (mobileमेनू && !mobileमेनू.classList.contains('hidden')) {
mobileमेनू.classList.add('hidden');
const btn = document.getElementById('hamburger-btn');
if (btn) btn.innerHTML = '☰ मेनू ';
}
// Cacher l'IA tutor pendant les quiz sur mobile pour ne pas gêner
const aiTutorBtn = document.getElementById('ai-tutor-btn');
const bottomNav = document.getElementById('bottom-nav-bar');
if (aiTutorBtn) {
if (screenId === 'lesson-screen' && window.innerWidth <= 768) {
aiTutorBtn.style.display = 'none';
if (bottomNav) bottomNav.style.display = 'none';
} else if (state.isLoggedIn) {
aiTutorBtn.style.display = 'flex';
if (bottomNav && window.innerWidth < 768) bottomNav.style.display = 'flex';
}
}
updateGlobalProgress();
hideFeedback();
updateBottomNav(screenId);
if (screenId === 'writing-screen') {
initWritingModule();
} else if (screenId === 'revision-screen') {
initRevisionModule();
} else if (screenId === 'home-screen') {
renderLessonsList();
updateContinueButton();
} else if (screenId === 'culture-screen') {
renderCultureGrid();
} else if (screenId === 'phrases-screen') {
renderPhrasesGrid();
}
}
/* ========= BOTTOM NAV BAR HELPERS ========= */
function updateBottomNav(screenId) {
const items = document.querySelectorAll('.bottom-nav-item');
if (!items.length) return;
items.forEach(item => item.classList.remove('active'));
if (screenId === 'home-screen') {
const el = document.getElementById('bnav-home');
if (el) el.classList.add('active');
}
// Les autres onglets ne changent pas d'écran, ils restent contextuels
}
function getNextLesson() {
const fullPath = getUnifiedPath();
for (let i = 0; i < fullPath.length; i++) {
if (!state.completedCourses.includes(fullPath[i].globalId)) {
return fullPath[i];
}
}
return null; // Tous les cours sont terminés
}
function startNextLesson() {
const next = getNextLesson();
if (!next) {
showToast('🎉 सभी पाठ पूरे हो गए! शानदार!');
return;
}
if (next.type === 'vocab') {
handleStartप्रश्नोत्तरीClick(next.data.id, next.globalId);
} else if (next.type === 'game') {
startIntegratedGameLevel(next.data.type, next.data.id, next.globalId);
} else if (next.type === 'writing') {
startWritingLesson(next.globalId);
} else if (next.type === 'phrases') {
openPhrasesModal(next.data.id, next.globalId);
} else if (next.type === 'culture') {
openCultureModal(next.data.id, next.globalId);
} else if (next.type === 'dialogue') {
openDialogueModal(next.data.id, next.globalId);
} else if (next.type === 'orthographe') {
openOrthographeModal(next.data.id, next.globalId);
} else {
// Fallback : aller à la page d'accueil
showScreen('home-screen');
}
}
function updateContinueButton() {
const btn = document.getElementById('continue-next-lesson');
if (!btn) return;
const next = getNextLesson();
if (next && state.isLoggedIn) {
btn.classList.remove('hidden');
} else {
btn.classList.add('hidden');
}
}
function scrollToLessons() {
showScreen('home-screen');
setTimeout(() => {
const el = document.getElementById('lessons-list-container');
if (el) el.scrollIntoView({ behavior: 'smooth', block: 'start' });
}, 100);
}
function handleProfileTab() {
if (state.isLoggedIn) {
openScoreModal();
} else {
openAuthTab('login');
}
}
function updateStats() {
document.getElementById('lives-count').innerText = state.lives;
document.getElementById('xp-count').innerText = state.xp;
const p = langPrefix();
safeSetItem(p + '_xp', state.xp);
safeSetItem(p + '_unlockedLevel', state.unlockedLevel);
safeSetItem(p + '_completedCultureCount', state.completedCultureCount);
// Sécurité : ne jamais afficher XP/vies ou l'IA si non connecté
if (!state.isLoggedIn) {
const xpLivesContainer = document.getElementById('xp-lives-container');
const aiTutorBtn = document.getElementById('ai-tutor-btn');
const aiChatPanel = document.getElementById('ai-chat-panel');
if (xpLivesContainer) { xpLivesContainer.classList.add('hidden'); xpLivesContainer.style.display = 'none'; }
if (aiTutorBtn) aiTutorBtn.style.display = 'none';
if (aiChatPanel) aiChatPanel.style.display = 'none';
const wBtn = document.getElementById('web-tutor-btn');
const wPanel = document.getElementById('web-chat-panel');
if (wBtn) wBtn.style.display = 'none';
if (wPanel) wPanel.style.display = 'none';
}
}
function updateGlobalProgress() {
const progressBar = document.getElementById('header-progress-bar');
const progressText = document.getElementById('header-progress-text');
const completedText = document.getElementById('lessons-completed-text');
const totalCourses = TOTAL_COURSES_COUNT;
const completed = state.completedCourses.length;
const pct = Math.min(100, Math.round((completed / totalCourses) * 100));
if (progressBar) progressBar.style.width = `${Math.max(2, pct)}%`;
if (progressText) progressText.innerText = `${pct}%`;
if (completedText) completedText.innerText = `${completed} / ${totalCourses} पाठ्यक्रम आपके सीखने के सफ़र में पूरे हुए`;
}
/* ========================================================
5. RENDU DE L'ARBRE DES 50 Cours de Russe INTÉGRÉS
======================================================== */
function getUnifiedPath() {
const path = [];
const stageTitles = [
"चरण 1: नींव और प्रारंभिक आदान-प्रदान",
"चरण 2: दैनिक जीवन और अभ्यास",
"चरण 3: सक्रिय संचार और बाहर जाना",
"चरण 4: यात्रा, आवागमन और विसर्जन",
"चरण 5: महारत, जटिल परिस्थितियां और परंपराएं",
"चरण 6: पैसा, घर और भावनाएं",
"चरण 7: पेशे, खेल और प्रौद्योगिकियां",
"चरण 8: कला, ड्राइविंग और सार्वजनिक स्थान",
"चरण 9: विज्ञान, प्रकृति और ब्रह्मांड",
"चरण 10: पूर्णता, मित्रता और विशेषज्ञ मूल्यांकन",
"चरण 11: राजनीति, समाचार और समाज",
"चरण 12: उन्नत व्यापार और अर्थव्यवस्था",
"चरण 13: साहित्य, कला और इतिहास",
"चरण 14: गहरी भावनाएं और दर्शन",
"चरण 15: उन्नत तकनीक और भविष्य",
"चरण 16: मुहावरे, स्लैंग और धाराप्रवाह"
];
let globalCounter = 1;
// === MODE SIMPLIFIÉ pour EN/DE (seulement vocab, pas de culture/phrases/dialogues/ortho séparés) ===
const hasFullContent = ALL_CULTURE_LESSONS.length > 0 && ALL_PHRASES_LESSONS.length > 0;
if (!hasFullContent) {
// EN/DE: distribute ALL_LESSONS evenly across 16 stages with games
const totalLessons = ALL_LESSONS.length;
const perStage = Math.ceil(totalLessons / 16);
let lessonIdx = 0;
for (let stage = 0; stage < 16; stage++) {
const title = stageTitles[stage];
const stageEnd = Math.min(lessonIdx + perStage, totalLessons);
// Add vocab lessons for this stage
let count = 0;
while (lessonIdx < stageEnd) {
path.push({
globalId: globalCounter++,
stageIndex: stage,
stageTitle: title,
type: 'vocab',
data: ALL_LESSONS[lessonIdx++]
});
count++;
// Insert a memory game after every 12th lesson
if (count === 12) {
path.push({
globalId: globalCounter++,
stageIndex: stage,
stageTitle: title,
type: 'game',
data: { id: stage * 2 + 1, title: 'मेमोरी चुनौती', type: 'memory', icon: '🧩' }
});
}
}
// Add sprint game at end of stage
path.push({
globalId: globalCounter++,
stageIndex: stage,
stageTitle: title,
type: 'game',
data: { id: stage * 2 + 2, title: 'स्प्रिंट 60s चुनौती', type: 'sprint', icon: '⚡' }
});
}
return path;
}
// === MODE COMPLET pour RU/FR (vocab + culture + phrases + dialogues + ortho) ===
let cultureIndex = 0;
let vocabIndex = 0;
let orthoIndex = 0;
for (let stage = 0; stage < 16; stage++) {
const title = stageTitles[stage];
const writingTitles = [
'अक्षर А-Г (लिखावट)', 'अक्षर Д-З (लिखावट)', 'अक्षर И-Л (लिखावट)',
'अक्षर М-П (लिखावट)', 'अक्षर Р-Ф (लिखावट)', 'अक्षर Х-Щ (लिखावट)',
'अक्षर Ъ-Э (लिखावट)', 'अक्षर Ю-Я (लिखावट)', 'सामान्य शब्द (लिखावट)',
'पूर्ण दोहराव (लिखावट)', 'कठिन शब्द 1 (लिखावट)', 'कठिन शब्द 2 (लिखावट)',
'उन्नत अभ्यास 1 (लिखावट)', 'उन्नत अभ्यास 2 (लिखावट)', 'विशेषज्ञ स्तर 1 (लिखावट)', 'विशेषज्ञ स्तर 2 (लिखावट)'
];
let extras = (stage < 4) ? 8 : 7; // 116 culture lessons total
let extrasVocab = (stage < 4) ? 12 : 11; // 180 vocab lessons total
const items = [
{ type: 'vocab', item: ALL_LESSONS[vocabIndex++] },
{ type: 'phrases', item: ALL_PHRASES_LESSONS[stage * 7 + 0] },
{ type: 'culture', item: ALL_CULTURE_LESSONS[cultureIndex++] },
{ type: 'vocab', item: ALL_LESSONS[vocabIndex++] },
{ type: 'phrases', item: ALL_PHRASES_LESSONS[stage * 7 + 1] },
{ type: 'vocab', item: ALL_LESSONS[vocabIndex++] },
{ type: 'culture', item: ALL_CULTURE_LESSONS[cultureIndex++] },
{ type: 'game', item: { id: stage * 2 + 1, title: 'मेमोरी चुनौती', type: 'memory', icon: '🧩' } },
{ type: 'vocab', item: ALL_LESSONS[vocabIndex++] },
{ type: 'phrases', item: ALL_PHRASES_LESSONS[stage * 7 + 2] },
{ type: 'dialogue', item: ALL_A1_DIALOGUES[stage] },
{ type: 'culture', item: ALL_CULTURE_LESSONS[cultureIndex++] },
{ type: 'vocab', item: ALL_LESSONS[vocabIndex++] },
{ type: 'orthographe', item: ALL_ORTHOGRAPHE_LESSONS[orthoIndex++] },
{ type: 'phrases', item: ALL_PHRASES_LESSONS[stage * 7 + 3] },
{ type: 'culture', item: ALL_CULTURE_LESSONS[cultureIndex++] },
{ type: 'vocab', item: ALL_LESSONS[vocabIndex++] },
{ type: 'writing', item: state.currentLang === 'ru' ? { id: stage + 1, title: writingTitles[stage], icon: '✍️' } : null },
{ type: 'vocab', item: ALL_LESSONS[vocabIndex++] },
{ type: 'culture', item: ALL_CULTURE_LESSONS[cultureIndex++] },
{ type: 'phrases', item: ALL_PHRASES_LESSONS[stage * 7 + 4] },
{ type: 'vocab', item: ALL_LESSONS[vocabIndex++] },
{ type: 'culture', item: ALL_CULTURE_LESSONS[cultureIndex++] },
{ type: 'phrases', item: ALL_PHRASES_LESSONS[stage * 7 + 5] },
{ type: 'vocab', item: ALL_LESSONS[vocabIndex++] },
{ type: 'phrases', item: ALL_PHRASES_LESSONS[stage * 7 + 6] },
{ type: 'vocab', item: ALL_LESSONS[vocabIndex++] },
{ type: 'culture', item: ALL_CULTURE_LESSONS[cultureIndex++] },
{ type: 'game', item: { id: stage * 2 + 2, title: 'स्प्रिंट 60s चुनौती', type: 'sprint', icon: '⚡' } }
];
// If this stage requires extra vocab lessons
if (extrasVocab === 12 && vocabIndex < ALL_LESSONS.length) {
items.push({ type: 'vocab', item: ALL_LESSONS[vocabIndex++] });
}
if (vocabIndex < ALL_LESSONS.length) {
items.push({ type: 'vocab', item: ALL_LESSONS[vocabIndex++] }); // To get the 11th one since I added 10 above
}
// If this stage requires an 8th culture lesson
if (extras === 8 && cultureIndex < ALL_CULTURE_LESSONS.length) {
items.push({ type: 'culture', item: ALL_CULTURE_LESSONS[cultureIndex++] });
}
// Add remaining ortho lessons if any
while (orthoIndex < ALL_ORTHOGRAPHE_LESSONS.length && items.filter(i => i.type === 'orthographe').length < Math.ceil(ALL_ORTHOGRAPHE_LESSONS.length / 16)) {
items.push({ type: 'orthographe', item: ALL_ORTHOGRAPHE_LESSONS[orthoIndex++] });
}
items.forEach(obj => {
if (obj.item) {
path.push({
globalId: globalCounter++,
stageIndex: stage,
stageTitle: title,
type: obj.type,
data: obj.item
});
}
});
}
return path;
}
function renderLessonsList() {
const container = document.getElementById('lessons-list-container');
if (!container) return;
container.innerHTML = '';
const fullPath = getUnifiedPath();
const stages = {};
fullPath.forEach(node => {
if (!stages[node.stageTitle]) {
stages[node.stageTitle] = [];
}
stages[node.stageTitle].push(node);
});
Object.keys(stages).forEach((stageTitle, sIdx) => {
const stageWrapper = document.createElement('div');
stageWrapper.className = 'space-y-3';
const stageHeader = document.createElement('div');
stageHeader.className = 'flex items-center justify-between border-b-2 border-gray-200 pb-2 mt-4';
stageHeader.innerHTML = `
${sIdx + 1}
${stageTitle}
`;
stageWrapper.appendChild(stageHeader);
const grid = document.createElement('div');
grid.className = 'grid grid-cols-1 sm:grid-cols-2 gap-3.5';
stages[stageTitle].forEach(node => {
const isUnlocked = true;
const isCompleted = state.completedCourses.includes(node.globalId);
const isCurrent = false;
const card = document.createElement('div');
let badgeHtml = '';
let borderStyle = isCurrent
? 'ring-2 ring-blue-500 border-blue-500 bg-blue-50/20 shadow-md'
: (isCompleted
? 'border-green-300 bg-green-50/30 shadow-sm'
: 'border-gray-200 bg-white shadow-sm');
let bodyContent = '';
let actionBtns = '';
if (node.type === 'vocab') {
const lesson = node.data;
const isWeb = (state.currentLang === 'web');
badgeHtml = isWeb
? `💻 HTML/CSS कोड पाठ `
: `📖 शब्दावली और व्याकरण `;
bodyContent = `
${isWeb ? 'कोड कॉन्सेप्ट :' : 'व्याकरण :'} ${esc(lesson.grammar.title)}
`;
actionBtns = `
${isWeb ? '💻' : '📖'} ${isWeb ? 'कोड पत्रक' : 'व्याकरण पत्रक'}
🎯 ${isCompleted ? 'दोहराएं' : 'प्रश्नोत्तरी'}
`;
} else if (node.type === 'phrases') {
const pLesson = node.data;
badgeHtml = `💬 उपयोगी वाक्य `;
bodyContent = `
${pLesson.title_fr || pLesson.title_ru || pLesson.title}
${pLesson.context || ''}
`;
actionBtns = `
🗣️ फ़ाइल और ऑडियो
🎯 ${isCompleted ? 'दोहराएं' : 'चुनौती'}
`;
} else if (node.type === 'culture') {
const cLesson = node.data;
badgeHtml = state.currentLang === 'fr'
? `🏛️ फ़्रेंच संस्कृति `
: `🏛️ रूसी संस्कृति `;
bodyContent = `
${cLesson.overview || cLesson.overview_fr || ''}
`;
actionBtns = `
📜 फ़ाइल और अनुवाद
🎯 ${isCompleted ? 'दोहराएं' : 'प्रश्नोत्तरी'}
`;
} else if (node.type === 'game') {
const gLesson = node.data;
badgeHtml = `🎮 खेल चेकपॉइंट `;
bodyContent = `
चुनौती : इस चरण के अपने ज्ञान को परखें!
`;
actionBtns = `
🎮 ${isCompleted ? 'फिर खेलें' : 'खेल शुरू करें'}
`;
} else if (node.type === 'writing') {
const wLesson = node.data;
badgeHtml = `✍️ कर्सिव लेखन `;
bodyContent = `
जादुई स्लेट पर रूसी कर्सिव लिपि का अभ्यास करें।
`;
actionBtns = `
✍️ ${isCompleted ? 'फिर अभ्यास करें' : 'लेखन अभ्यास'}
`;
} else if (node.type === 'dialogue') {
const dLesson = node.data;
badgeHtml = `🗣️ A1 संवाद `;
bodyContent = `
${dLesson.title_ru || dLesson.title || ''}
${dLesson.context || ''}
`;
actionBtns = `
💬 संवाद और ऑडियो
🎯 ${isCompleted ? 'दोहराएं' : 'प्रश्नोत्तरी'}
`;
} else if (node.type === 'orthographe') {
const oLesson = node.data;
badgeHtml = state.currentLang === 'fr'
? `📝 फ़्रेंच वर्तनी `
: `📝 रूसी वर्तनी `;
bodyContent = `
${oLesson.rule_summary || oLesson.rule || ''}
${oLesson.explanation || (oLesson.examples && oLesson.examples[0] ? oLesson.examples[0].explanation : '')}
`;
actionBtns = `
📝 नियम और उदाहरण
🎯 ${isCompleted ? 'दोहराएं' : 'प्रश्नोत्तरी'}
`;
}
card.className = `card-duo p-4 bg-white flex flex-col justify-between space-y-3 relative transition-all duration-200 ${isCompleted ? 'card-completed' : ''}`;
card.innerHTML = `
${node.data.icon}
पाठ ${node.globalId}/${TOTAL_COURSES_COUNT}
${badgeHtml}
${isCompleted ? '' : ''}
${isCurrent ? '' : ''}
${isCompleted ? '✅' : (isCurrent ? '🔥' : '📘')}
${bodyContent}
${actionBtns}
📄 PDF
`;
grid.appendChild(card);
});
stageWrapper.appendChild(grid);
container.appendChild(stageWrapper);
});
}
const FREE_LESSONS_LIMIT = 5;
function openPaywall() {
const el = document.getElementById('paywall-modal');
if (el) { el.style.display = 'flex'; document.body.style.overflow = 'hidden'; }
}
function closePaywall() {
const el = document.getElementById('paywall-modal');
if (el) { el.style.display = 'none'; document.body.style.overflow = ''; }
}
function checkPaywall() {
if (state.isLoggedIn) return true;
openPaywall();
return false;
}
function handleStartप्रश्नोत्तरीClick(lessonId, globalId) {
if (!checkPaywall(globalId)) return;
currentGlobalId = globalId;
startप्रश्नोत्तरीForLesson(lessonId);
}
function startWritingLesson(globalId) {
if (!checkPaywall(globalId)) return;
currentGlobalId = globalId;
showScreen('writing-screen');
markCourseCompleted(globalId);
state.xp += 15;
updateStats();
}
/* ========================================================
6. RENDU & GESTION DES 10 COURS DE CULTURE
======================================================== */
function renderCultureGrid() {
const container = document.getElementById('culture-grid-container');
if (!container) return;
container.innerHTML = '';
ALL_CULTURE_LESSONS.forEach(cLesson => {
const card = document.createElement('div');
card.className = 'card-duo p-5 bg-white flex flex-col justify-between space-y-3 hover:border-purple-300';
card.innerHTML = `
${cLesson.icon}
${cLesson.theme}
${cLesson.id}. ${cLesson.title}
${cLesson.overview}
Mini-प्रश्नोत्तरी +20 XP
📜 Lire le Cours
`;
container.appendChild(card);
});
}
let currentCultureLesson = null;
let cultureLangMode = 'fr'; // 'fr' ou 'ru'
function openCultureModal(cId, globalId) {
if (!checkPaywall(globalId)) return;
const c = ALL_CULTURE_LESSONS.find(item => item.id === cId);
if (!c) return;
currentCultureLesson = c;
currentGlobalId = globalId;
cultureLangMode = 'fr'; // Toujours ouvrir en français
document.getElementById('culture-modal-icon').innerText = c.icon;
document.getElementById('culture-modal-theme').innerText = `पाठ ${c.id}/${state.currentLang === 'fr' ? 106 : 100} • ${c.theme}`;
document.getElementById('culture-modal-title').innerText = c.title;
// Render content in current language
renderCultureContent();
// Vocabulaire
const vocabBox = document.getElementById('culture-modal-vocab');
vocabBox.innerHTML = '';
c.vocab.forEach(v => {
const vCard = document.createElement('div');
vCard.className = 'p-2 bg-gray-50 rounded-xl border flex items-center justify-between gap-1';
vCard.innerHTML = `
🔊
🎙️
`;
vocabBox.appendChild(vCard);
});
// Mini-प्रश्नोत्तरी
document.getElementById('culture-quiz-prompt').innerText = c.quiz.prompt;
document.getElementById('culture-quiz-audio').onclick = () => speakText(c.quiz.audio || c.quiz.prompt);
const resBox = document.getElementById('culture-quiz-result');
resBox.className = 'hidden text-xs font-black p-2.5 rounded-xl text-center';
const optContainer = document.getElementById('culture-quiz-options');
optContainer.innerHTML = '';
c.quiz.options.forEach((optText, oIdx) => {
const btn = document.createElement('button');
btn.className = 'card-duo p-2.5 text-left text-xs font-extrabold text-gray-700 bg-white hover:border-purple-400 cursor-pointer';
btn.innerText = optText;
btn.onclick = () => checkCultureAnswer(oIdx, btn);
optContainer.appendChild(btn);
});
openModal('culture-modal');
}
function renderCultureContent() {
const c = currentCultureLesson;
if (!c) return;
const isRu = cultureLangMode === 'ru';
const isFrMode = state.currentLang === 'fr';
const toggleBtn = document.getElementById('culture-lang-label');
const overviewAudio = document.getElementById('culture-overview-audio');
const factsAudio = document.getElementById('culture-facts-audio');
const overviewLabel = document.getElementById('culture-overview-label');
const factsLabel = document.getElementById('culture-facts-label');
// Update toggle button — in FR mode: toggles between FR text / Hindi text
if (isFrMode) {
toggleBtn.innerText = isRu ? 'FR 🇫🇷' : 'HI 🇮🇳';
} else {
toggleBtn.innerText = isRu ? 'RU 🇷🇺' : 'HI 🇮🇳';
}
// Update labels
if (isFrMode) {
overviewLabel.innerText = isRu ? 'Texte en français' : 'Histoire & Contexte';
factsLabel.innerText = isRu ? 'Phrases en français :' : 'Le saviez-vous ? (Anecdotes culturelles) :';
} else {
overviewLabel.innerText = isRu ? 'История и контекст' : 'Histoire & Contexte';
factsLabel.innerText = isRu ? 'Знаете ли вы? (Культурные анекдоты) :' : 'Le saviez-vous ? (Anecdotes culturelles) :';
}
// Show/hide audio buttons
overviewAudio.style.display = isRu ? 'flex' : 'none';
factsAudio.style.display = isRu ? 'flex' : 'none';
// Overview text
const overviewText = isRu ? (c.overview_ru || c.overview) : c.overview;
document.getElementById('culture-modal-overview').innerText = overviewText;
// Facts
const facts = isRu ? (c.facts_ru || c.facts) : c.facts;
const factsList = document.getElementById('culture-modal-facts');
factsList.innerHTML = '';
facts.forEach((fact, idx) => {
const li = document.createElement('li');
li.className = 'flex items-start gap-2 bg-gray-50 p-2.5 rounded-xl border';
const audioBtn = isRu ? `🔊
🎙️ ` : '';
li.innerHTML = `✦ ${esc(fact)} ${audioBtn}`;
factsList.appendChild(li);
});
}
function toggleCultureLang() {
cultureLangMode = cultureLangMode === 'fr' ? 'ru' : 'fr';
renderCultureContent();
}
function speakCultureOverview() {
if (currentCultureLesson && currentCultureLesson.overview_ru) {
speakText(currentCultureLesson.overview_ru);
}
}
function speakCultureFacts() {
if (currentCultureLesson && currentCultureLesson.facts_ru) {
const allText = currentCultureLesson.facts_ru.join('. ');
speakText(allText);
}
}
/* ========================================================
6B. RENDU & GESTION DES 20 COURS DE PHRASES UTILES
======================================================== */
let currentPhraseCategory = 'all';
let currentPhrasesLesson = null;
function renderPhrasesGrid(catFilter = 'all') {
currentPhraseCategory = catFilter;
const container = document.getElementById('phrases-grid-container');
if (!container) return;
container.innerHTML = '';
const filtered = ALL_PHRASES_LESSONS.filter(p => catFilter === 'all' || p.category === catFilter);
filtered.forEach(pLesson => {
const card = document.createElement('div');
card.className = 'card-duo p-5 bg-white flex flex-col justify-between space-y-3 hover:border-teal-400';
card.innerHTML = `
${pLesson.icon}
${pLesson.category}
${pLesson.id}. ${pLesson.title}
${pLesson.title_ru}
${pLesson.context}
${pLesson.phrases.length} मुख्य वाक्यांश • +20 XP
🗣️ Ouvrir le Cours
`;
container.appendChild(card);
});
}
function filterPhrasesCategory(cat, btnElement) {
document.querySelectorAll('.phrase-cat-btn').forEach(btn => {
btn.classList.remove('btn-teal');
btn.classList.add('btn-gray');
});
if (btnElement) {
btnElement.classList.remove('btn-gray');
btnElement.classList.add('btn-teal');
}
renderPhrasesGrid(cat);
}
function openPhrasesModal(pId, globalId) {
if (!checkPaywall()) return;
const p = ALL_PHRASES_LESSONS.find(item => item.id === pId);
if (!p) return;
currentPhrasesLesson = p;
currentGlobalId = globalId;
document.getElementById('phrases-modal-icon').innerText = p.icon;
document.getElementById('phrases-modal-theme').innerText = `Cours Phrases ${p.id}/${state.currentLang === 'fr' ? 100 : 70} • ${p.category}`;
document.getElementById('phrases-modal-title').innerText = p.title;
document.getElementById('phrases-modal-title-ru').innerText = p.title_ru;
document.getElementById('phrases-modal-context').innerText = p.context;
document.getElementById('phrases-modal-tip').innerText = p.tip;
// Phrases List
const listContainer = document.getElementById('phrases-modal-list');
listContainer.innerHTML = '';
p.phrases.forEach((phrase, idx) => {
const item = document.createElement('div');
item.className = 'bg-gray-50 hover:bg-teal-50/50 border border-gray-200 rounded-2xl p-3 flex items-center justify-between gap-3 transition-colors';
item.innerHTML = `
${phrase.ru}
[ ${phrase.sound} ]
${phrase.fr}
🔊
`;
listContainer.appendChild(item);
});
// Associated Vocab
const vocabBox = document.getElementById('phrases-modal-vocab');
vocabBox.innerHTML = '';
p.vocab.forEach(v => {
const vCard = document.createElement('div');
vCard.className = 'p-2.5 bg-gray-50 rounded-xl border flex items-center justify-between gap-2';
vCard.innerHTML = `
${v.ru} [${v.sound}]
${v.fr}
🔊
🎙️
`;
vocabBox.appendChild(vCard);
});
// Mini-प्रश्नोत्तरी
document.getElementById('phrases-quiz-prompt').innerText = p.quiz.prompt;
document.getElementById('phrases-quiz-audio').onclick = () => speakText(p.quiz.audio || p.quiz.prompt);
const resBox = document.getElementById('phrases-quiz-result');
resBox.className = 'hidden text-xs font-black p-2.5 rounded-xl text-center';
const optContainer = document.getElementById('phrases-quiz-options');
optContainer.innerHTML = '';
p.quiz.options.forEach((optText, oIdx) => {
const btn = document.createElement('button');
btn.className = 'card-duo p-4 text-left text-sm sm:text-base font-extrabold text-gray-700 bg-white hover:border-teal-400 hover:bg-teal-50 cursor-pointer transition-colors';
btn.innerText = optText;
btn.onclick = () => checkPhrasesAnswer(oIdx, btn);
optContainer.appendChild(btn);
});
openModal('phrases-modal');
}
function checkPhrasesAnswer(selectedIdx, btnElement) {
const isCorrect = selectedIdx === currentPhrasesLesson.quiz.answer;
const resBox = document.getElementById('phrases-quiz-result');
resBox.classList.remove('hidden', 'bg-green-100', 'text-green-900', 'bg-red-100', 'text-red-900');
if (isCorrect) {
playSound('success');
btnElement.classList.add('correct');
resBox.classList.add('bg-green-100', 'text-green-900');
state.xp += 20;
const maxPhrases = state.currentLang === 'fr' ? 100 : 70;
state.completedPhrasesCount = Math.min(maxPhrases, state.completedPhrasesCount + 1);
safeSetItem(langPrefix() + '_completedPhrasesCount', state.completedPhrasesCount);
markCourseCompleted(currentGlobalId);
recordScoreSession(`Phrases #${currentPhrasesLesson.id}`, 20, 'प्रश्नोत्तरी Phrases Validé');
updateStats();
} else {
playSound('error');
btnElement.classList.add('incorrect');
resBox.classList.add('bg-red-100', 'text-red-900');
resBox.innerText = `❌ Oups ! La bonne réponse était : ${currentPhrasesLesson.quiz.options[currentPhrasesLesson.quiz.answer]}`;
}
}
function speakAllCurrentPhrases() {
if (!currentPhrasesLesson || !currentPhrasesLesson.phrases) return;
const allText = currentPhrasesLesson.phrases.map(p => p.tts).join('. ');
speakText(allText);
}
/* ========================================================
6B-BIS. GESTION DES 10 COURS DE DIALOGUES A1 EN SITUATION
======================================================== */
function openDialogueModal(dId, globalId) {
if (!checkPaywall(globalId)) return;
const d = ALL_A1_DIALOGUES.find(item => item.id === dId);
if (!d) return;
currentDialogueLesson = d;
currentGlobalId = globalId;
document.getElementById('dialogue-modal-icon').innerText = d.icon;
document.getElementById('dialogue-modal-theme').innerText = `संवाद पाठ ${d.id}/16 • ${d.category}`;
document.getElementById('dialogue-modal-title').innerText = d.title;
document.getElementById('dialogue-modal-title-ru').innerText = d.title_ru;
document.getElementById('dialogue-modal-context').innerText = d.context;
document.getElementById('dialogue-modal-tip').innerText = d.tip;
// Dialogue lines list
const listContainer = document.getElementById('dialogue-modal-list');
listContainer.innerHTML = '';
(d.phrases || d.lines || []).forEach(phrase => {
const item = document.createElement('div');
item.className = 'bg-gray-50 hover:bg-rose-50/50 border border-gray-200 rounded-2xl p-3 flex items-center justify-between gap-3 transition-colors';
item.innerHTML = `
${phrase.ru}
[ ${phrase.sound} ]
${phrase.fr}
🔊
`;
listContainer.appendChild(item);
});
// Vocabulaire
const vocabBox = document.getElementById('dialogue-modal-vocab');
vocabBox.innerHTML = '';
d.vocab.forEach(v => {
const vCard = document.createElement('div');
vCard.className = 'p-2.5 bg-gray-50 rounded-xl border flex items-center justify-between gap-2';
vCard.innerHTML = `
${v.ru} [${v.sound}]
${v.fr}
🔊
🎙️
`;
vocabBox.appendChild(vCard);
});
// Mini-प्रश्नोत्तरी
document.getElementById('dialogue-quiz-prompt').innerText = d.quiz.prompt;
document.getElementById('dialogue-quiz-audio').onclick = () => speakText(d.quiz.audio || d.quiz.prompt);
const resBox = document.getElementById('dialogue-quiz-result');
resBox.className = 'hidden text-xs font-black p-2.5 rounded-xl text-center';
const optContainer = document.getElementById('dialogue-quiz-options');
optContainer.innerHTML = '';
d.quiz.options.forEach((optText, oIdx) => {
const btn = document.createElement('button');
btn.className = 'card-duo p-4 text-left text-sm sm:text-base font-extrabold text-gray-700 bg-white hover:border-rose-400 hover:bg-rose-50 cursor-pointer transition-colors';
btn.innerText = optText;
btn.onclick = () => checkDialogueAnswer(oIdx, btn);
optContainer.appendChild(btn);
});
openModal('dialogue-modal');
}
function checkDialogueAnswer(selectedIdx, btnElement) {
const isCorrect = selectedIdx === currentDialogueLesson.quiz.answer;
const resBox = document.getElementById('dialogue-quiz-result');
resBox.classList.remove('hidden', 'bg-green-100', 'text-green-900', 'bg-red-100', 'text-red-900');
if (isCorrect) {
playSound('success');
btnElement.classList.add('correct');
resBox.classList.add('bg-green-100', 'text-green-900');
resBox.innerText = '✅ Bravo ! Réponse exacte ! +20 XP ajoutés à votre score.';
state.xp += 20;
markCourseCompleted(currentGlobalId);
recordScoreSession(`Dialogue #${currentDialogueLesson.id}`, 20, 'प्रश्नोत्तरी Dialogue A1 Validé');
updateStats();
} else {
playSound('error');
btnElement.classList.add('incorrect');
resBox.classList.add('bg-red-100', 'text-red-900');
resBox.innerText = `❌ Oups ! La bonne réponse était : ${currentDialogueLesson.quiz.options[currentDialogueLesson.quiz.answer]}`;
}
}
function speakAllCurrentDialogue() {
if (!currentDialogueLesson || !currentDialogueLesson.phrases) return;
const allText = currentDialogueLesson.phrases.map(p => p.tts).join('. ');
speakText(allText);
}
/* ========================================================
6B-TER. GESTION DES 10 COURS D'ORTHOGRAPHE RUSSE
======================================================== */
function openOrthographeModal(oId, globalId) {
if (!checkPaywall(globalId)) return;
const o = ALL_ORTHOGRAPHE_LESSONS.find(item => item.id === oId);
if (!o) return;
currentOrthographeLesson = o;
currentGlobalId = globalId;
document.getElementById('orthographe-modal-icon').innerText = o.icon;
document.getElementById('orthographe-modal-theme').innerText = `वर्तनी पाठ ${o.id}/${state.currentLang === 'fr' ? 46 : 16} • ${o.category}`;
document.getElementById('orthographe-modal-title').innerText = o.title;
document.getElementById('orthographe-modal-title-ru').innerText = o.title_ru;
document.getElementById('orthographe-modal-rule').innerText = o.rule_summary;
document.getElementById('orthographe-modal-explanation').innerText = o.explanation;
document.getElementById('orthographe-modal-trap').innerText = o.trap;
// Examples list with audio
const exContainer = document.getElementById('orthographe-modal-examples');
exContainer.innerHTML = '';
o.examples.forEach(ex => {
const item = document.createElement('div');
item.className = 'bg-gray-50 hover:bg-amber-50/50 border border-gray-200 rounded-2xl p-3 flex items-center justify-between gap-3 transition-colors';
item.innerHTML = `
${ex.ru}
[ ${ex.sound} ]
${ex.fr}
🔊
`;
exContainer.appendChild(item);
});
// Mini-प्रश्नोत्तरी
document.getElementById('orthographe-quiz-prompt').innerText = o.quiz.prompt;
document.getElementById('orthographe-quiz-audio').onclick = () => speakText(o.quiz.audio || o.quiz.prompt);
const resBox = document.getElementById('orthographe-quiz-result');
resBox.className = 'hidden text-xs font-black p-2.5 rounded-xl text-center';
const optContainer = document.getElementById('orthographe-quiz-options');
optContainer.innerHTML = '';
o.quiz.options.forEach((optText, oIdx) => {
const btn = document.createElement('button');
btn.className = 'card-duo p-4 text-left text-sm sm:text-base font-extrabold text-gray-700 bg-white hover:border-amber-400 hover:bg-amber-50 cursor-pointer transition-colors';
btn.innerText = optText;
btn.onclick = () => checkOrthographeAnswer(oIdx, btn);
optContainer.appendChild(btn);
});
openModal('orthographe-modal');
}
function checkOrthographeAnswer(selectedIdx, btnElement) {
const isCorrect = selectedIdx === currentOrthographeLesson.quiz.answer;
const resBox = document.getElementById('orthographe-quiz-result');
resBox.classList.remove('hidden', 'bg-green-100', 'text-green-900', 'bg-red-100', 'text-red-900');
if (isCorrect) {
playSound('success');
btnElement.classList.add('correct');
resBox.classList.add('bg-green-100', 'text-green-900');
resBox.innerText = "✅ Bravo ! Règle d'orthographe maîtrisée ! +20 XP ajoutés.";
state.xp += 20;
markCourseCompleted(currentGlobalId);
recordScoreSession(`Orthographe #${currentOrthographeLesson.id}`, 20, 'प्रश्नोत्तरी Orthographe Validé');
updateStats();
} else {
playSound('error');
btnElement.classList.add('incorrect');
resBox.classList.add('bg-red-100', 'text-red-900');
resBox.innerText = `❌ सही उत्तर था: ${currentOrthographeLesson.quiz.options[currentOrthographeLesson.quiz.answer]}`;
}
}
/* ========================================================
6C. MODULE DES 4 MINI-JEUX & DÉFIS INSPIRANTS
======================================================== */
const DAILY_QUOTES = {
ru: [
{ text: "Дорогу осилит идущий.", hi: "जो चलता है वही रास्ता पार करता है।", author: "स्लाव कहावत" },
{ text: "Век живи — век учись.", hi: "जिंदगी भर सीखते रहो।", author: "रूसी कहावत" },
{ text: "Терпение и труд всё перетрут.", hi: "धैर्य और मेहनत से सब संभव है।", author: "रूसी नीतिवचन" }
],
fr: [
{ text: "Petit à petit, l'oiseau fait son nid.", hi: "बूंद-बूंद से घड़ा भरता है।", author: "फ़्रेंच कहावत" },
{ text: "Vouloir, c'est pouvoir.", hi: "जहाँ चाह, वहाँ राह।", author: "फ़्रेंच नीतिवचन" },
{ text: "Mieux vaut tard que jamais.", hi: "देर आए दुरुस्त आए।", author: "फ़्रेंच कहावत" }
],
en: [
{ text: "Where there is a will, there is a way.", hi: "जहाँ चाह, वहाँ राह।", author: "अंग्रेज़ी कहावत" },
{ text: "Practice makes a man perfect.", hi: "अभ्यास से ही पूर्णता आती है।", author: "अंग्रेज़ी नीतिवचन" },
{ text: "Never give up.", hi: "कभी हार मत मानो।", author: "प्रेरणादायक विचार" }
],
de: [
{ text: "Übung macht den Meister.", hi: "अभ्यास ही मनुष्य को परिपूर्ण बनाता है।", author: "जर्मन कहावत" },
{ text: "Aller Anfang ist schwer.", hi: "हर शुरुआत कठिन होती है।", author: "जर्मन नीतिवचन" },
{ text: "Wer wagt, gewinnt.", hi: "जो हिम्मत करता है, वही जीतता है।", author: "जर्मन कहावत" }
]
};
let currentDailyQuote = DAILY_QUOTES.ru[0];
function updateDailyQuote() {
const list = DAILY_QUOTES[state.currentLang] || DAILY_QUOTES.ru;
currentDailyQuote = list[Math.floor(Math.random() * list.length)];
const langNames = { ru: 'रूसी', fr: 'फ़्रेंच', en: 'अंग्रेज़ी', de: 'जर्मन', web: 'वेब डेवलपमेंट' };
const badge = document.getElementById('daily-quote-badge');
if (badge) badge.innerText = `✨ आज का ${langNames[state.currentLang] || 'रूसी'} उद्धरण`;
const qText = document.getElementById('daily-quote-ru');
if (qText) qText.innerText = `« ${currentDailyQuote.text} »`;
const qHi = document.getElementById('daily-quote-fr');
if (qHi) qHi.innerText = `« ${currentDailyQuote.hi} » — ${currentDailyQuote.author}`;
}
function speakDailyQuote() {
if (currentDailyQuote) speakText(currentDailyQuote.text);
}
function startIntegratedGameLevel(globalId, gameType, stageIndex) {
if (!checkPaywall(globalId)) return;
state.currentLevelPlaying = globalId;
showScreen('games-screen');
openGameTab(gameType, stageIndex);
}
function getWordsPoolForStage(stageIndex) {
let maxStage = stageIndex !== undefined ? stageIndex : 9;
let pool = [];
for (let i = 0; i <= maxStage; i++) {
for (let j = 0; j < 5; j++) {
let lesson = ALL_LESSONS[i * 5 + j];
if (lesson && lesson.vocab) pool = pool.concat(lesson.vocab);
}
}
return pool;
}
function openGameTab(gameType, stageIndex) {
const area = document.getElementById('game-active-area');
area.style.display = 'block';
area.scrollIntoView({ behavior: 'smooth' });
if (gameType === 'memory') {
initMemoryGame(stageIndex);
} else if (gameType === 'sprint') {
initSprintGame(stageIndex);
} else if (gameType === 'audio') {
initAudioGame();
}
}
// --- JEU 1 : MEMORY ---
let memCards = [];
let memFlipped = [];
let memMatchedCount = 0;
let currentMemoryStage = null;
function initMemoryGame(stageIndex) {
if (stageIndex !== undefined) currentMemoryStage = stageIndex;
else stageIndex = currentMemoryStage;
const area = document.getElementById('game-active-area');
let pool = getWordsPoolForStage(stageIndex);
if (pool.length < 6) pool = getWordsPoolForStage(9);
const selected = [...pool].sort(() => 0.5 - Math.random()).slice(0, 6);
memCards = [];
selected.forEach((pair, pIdx) => {
const tgt = getWordTarget(pair);
const mng = getWordMeaning(pair);
const tts = pair.tts || tgt;
memCards.push({ id: pIdx, text: tgt, type: 'target', matchId: pIdx, sound: tts });
memCards.push({ id: pIdx, text: mng, type: 'meaning', matchId: pIdx, sound: tts });
});
memCards.sort(() => 0.5 - Math.random());
memFlipped = [];
memMatchedCount = 0;
const langNames = { ru: 'रूसी', fr: 'फ़्रेंच', en: 'अंग्रेज़ी', de: 'जर्मन', web: 'वेब डेवलपमेंट' };
const currentLangTitle = langNames[state.currentLang] || 'रूसी';
area.innerHTML = `
🧩 ${currentLangTitle} शब्दावली मेमोरी (6 जोड़े मिलाएं)
🔄 फिर से खेलें
जोड़ी खोजने के लिए दो कार्ड चुनें!
`;
renderMemGrid();
}
function renderMemGrid() {
const grid = document.getElementById('mem-grid');
grid.innerHTML = '';
memCards.forEach((c, idx) => {
const cardEl = document.createElement('button');
const isFlipped = memFlipped.includes(idx) || c.matched;
cardEl.className = `p-4 rounded-2xl font-black text-sm text-center border-2 transition-all cursor-pointer min-h-[70px] flex items-center justify-center ${
c.matched
? 'bg-green-100 border-green-500 text-green-900 shadow-xs'
: isFlipped
? 'bg-amber-100 border-amber-500 text-amber-900 shadow-md'
: 'bg-gray-100 border-gray-300 text-gray-400 hover:bg-gray-200'
}`;
cardEl.innerText = isFlipped ? c.text : '❓';
cardEl.onclick = () => flipMemCard(idx);
grid.appendChild(cardEl);
});
}
function flipMemCard(idx) {
const card = memCards[idx];
if (card.matched || memFlipped.includes(idx) || memFlipped.length >= 2) return;
if (card.type === 'target') speakText(card.sound);
memFlipped.push(idx);
renderMemGrid();
if (memFlipped.length === 2) {
const idx1 = memFlipped[0];
const idx2 = memFlipped[1];
if (memCards[idx1].matchId === memCards[idx2].matchId) {
playSound('success');
memCards[idx1].matched = true;
memCards[idx2].matched = true;
memFlipped = [];
memMatchedCount += 2;
renderMemGrid();
if (memMatchedCount === memCards.length) {
state.xp += 30;
recordScoreSession('Mémory Cyrillique', 30, 'Mémory Gagné');
markCourseCompleted(state.currentLevelPlaying);
document.getElementById('mem-status').innerHTML = '🎉 Bravo ! Vous avez trouvé toutes les paires ! +30 XP gagnés. ✅ Cours marqué comme terminé !
प्रगति देखें ➔
`;
updateStats();
}
} else {
playSound('error');
setTimeout(() => {
memFlipped = [];
renderMemGrid();
}, 900);
}
}
}
/* --- JEU 2 : SPRINT 60 SECONDES --- */
let sprintTimeLeft = 60;
let sprintScore = 0;
let sprintTimer = null;
let currentSprintItem = null;
let currentSprintStage = null;
function initSprintGame(stageIndex) {
if (stageIndex !== undefined) currentSprintStage = stageIndex;
else stageIndex = currentSprintStage;
const area = document.getElementById('game-active-area');
sprintTimeLeft = 60;
sprintScore = 0;
if (sprintTimer) clearInterval(sprintTimer);
area.innerHTML = `
⚡ Sprint Vocabulaire 60s
⏱️ 60 s
⭐ Score: 0
Traduction exacte ?
...
✓ VRAI
✕ FAUX
`;
sprintTimer = setInterval(() => {
sprintTimeLeft--;
const el = document.getElementById('sprint-timer');
if (el) el.innerText = sprintTimeLeft;
if (sprintTimeLeft <= 0) {
clearInterval(sprintTimer);
endSprintGame();
}
}, 1000);
nextSprintप्रश्न();
}
function nextSprintप्रश्न() {
let pool = getWordsPoolForStage(currentSprintStage);
if (pool.length === 0) pool = getWordsPoolForStage(9); // Fallback complet
const rand1 = pool[Math.floor(Math.random() * pool.length)];
const isCorrectPair = Math.random() > 0.5;
const rand1Target = getWordTarget(rand1);
const rand1Meaning = getWordMeaning(rand1);
const displayMeaning = isCorrectPair ? rand1Meaning : getWordMeaning(pool[Math.floor(Math.random() * pool.length)]);
currentSprintItem = { target: rand1Target, meaning: displayMeaning, tts: rand1.tts || rand1Target, isTrue: isCorrectPair || (rand1Meaning === displayMeaning) };
document.getElementById('sprint-question-ru').innerText = currentSprintItem.target;
document.getElementById('sprint-question-fr').innerText = `= ${currentSprintItem.meaning}`;
}
function answerSprint(userChoice) {
if (userChoice === currentSprintItem.isTrue) {
playSound('success');
sprintScore += 10;
} else {
playSound('error');
}
document.getElementById('sprint-score').innerText = sprintScore;
nextSprintप्रश्न();
}
function endSprintGame() {
state.xp += sprintScore;
recordScoreSession('Sprint 60s Vocab', sprintScore, 'Sprint Terminé');
let unlockMsg = '';
if (state.currentLevelPlaying) {
markCourseCompleted(state.currentLevelPlaying);
unlockMsg = `✅ पाठ सफलतापूर्वक पूरा हुआ!
`;
}
updateStats();
const box = document.getElementById('sprint-box');
if (box) {
box.innerHTML = `
🏆
स्प्रिंट पूरा हुआ!
आपने 60 सेकंड में ${sprintScore} XP कमाए!
${unlockMsg}
स्प्रिंट फिर से खेलें
प्रगति देखें ➔
`;
}
}
// --- JEU 3 : MASTER ÉCOUTE ---
let audioप्रश्नोत्तरीTarget = null;
function initAudioGame() {
const area = document.getElementById('game-active-area');
area.innerHTML = `
🎧 वोकल मास्टर लिसनिंग (सुनने का अभ्यास)
अगला प्रश्न ➔
🔊
देशी आवाज़ सुनने के लिए क्लिक करें:
🔊 शब्द सुनें
`;
nextAudioTarget();
}
function nextAudioTarget() {
const pool = ALL_LESSONS[0].vocab.concat(ALL_LESSONS[1].vocab, ALL_LESSONS[2].vocab);
const target = pool[Math.floor(Math.random() * pool.length)];
audioप्रश्नोत्तरीTarget = target;
const choices = [target];
while (choices.length < 4) {
const r = pool[Math.floor(Math.random() * pool.length)];
if (!choices.includes(r)) choices.push(r);
}
choices.sort(() => 0.5 - Math.random());
const container = document.getElementById('audio-opt-container');
container.innerHTML = '';
choices.forEach(opt => {
const btn = document.createElement('button');
btn.className = 'card-duo p-3 text-left font-black text-xs text-gray-800 bg-white hover:border-blue-400 cursor-pointer flex justify-between items-center';
const tgt = getWordTarget(opt);
const mng = getWordMeaning(opt);
btn.innerHTML = `${tgt} (${mng}) `;
btn.onclick = () => checkAudioChoice(opt, btn);
container.appendChild(btn);
});
speakAudioTarget();
}
function speakAudioTarget() {
if (audioप्रश्नोत्तरीTarget) speakText(audioप्रश्नोत्तरीTarget.tts || getWordTarget(audioप्रश्नोत्तरीTarget));
}
function checkAudioChoice(selected, btnEl) {
const res = document.getElementById('audio-result-box');
res.classList.remove('hidden', 'bg-green-100', 'text-green-900', 'bg-red-100', 'text-red-900');
const selectedTarget = getWordTarget(selected);
const correctTarget = getWordTarget(audioप्रश्नोत्तरीTarget);
const correctMeaning = getWordMeaning(audioप्रश्नोत्तरीTarget);
if (selectedTarget === correctTarget) {
playSound('success');
btnEl.classList.add('correct');
res.classList.add('bg-green-100', 'text-green-900');
res.innerText = `✅ बहुत बढ़िया! आपने सही सुना: "${correctTarget}" (${correctMeaning})। +25 XP!`;
state.xp += 25;
recordScoreSession('Master Écoute Vocal', 25, 'Écoute Validée');
if (state.currentLevelPlaying) {
markCourseCompleted(state.currentLevelPlaying);
}
updateStats();
} else {
playSound('error');
btnEl.classList.add('incorrect');
res.classList.add('bg-red-100', 'text-red-900');
res.innerText = `❌ सही उत्तर था: "${correctTarget}" (${correctMeaning})।`;
}
}
function checkCultureAnswer(selectedIdx, btnElement) {
const isCorrect = selectedIdx === currentCultureLesson.quiz.answer;
const resBox = document.getElementById('culture-quiz-result');
resBox.classList.remove('hidden', 'bg-green-100', 'text-green-900', 'bg-red-100', 'text-red-900');
if (isCorrect) {
playSound('success');
btnElement.classList.add('correct');
resBox.classList.add('bg-green-100', 'text-green-900');
resBox.innerText = '✅ बहुत बढ़िया उत्तर! आपकी प्रोफ़ाइल में +20 XP जोड़े गए।';
state.xp += 20;
const maxCulture = state.currentLang === 'fr' ? 90 : 100;
state.completedCultureCount = Math.min(maxCulture, state.completedCultureCount + 1);
safeSetItem(langPrefix() + '_completedCultureCount', state.completedCultureCount);
markCourseCompleted(currentGlobalId);
recordScoreSession(`Culture #${currentCultureLesson.id}`, 20, 'प्रश्नोत्तरी Culture Validé');
updateStats();
} else {
playSound('error');
btnElement.classList.add('incorrect');
resBox.classList.add('bg-red-100', 'text-red-900');
resBox.innerText = `❌ सही उत्तर था: ${currentCultureLesson.quiz.options[currentCultureLesson.quiz.answer]}`;
}
}
/* ========================================================
7. FICHE DE GRAMMAIRE (MODAL)
======================================================== */
let currentModalLessonId = 1;
let currentModalGlobalId = null;
function openGrammarModal(lessonId, globalId) {
if (!checkPaywall(globalId)) return;
currentModalLessonId = lessonId;
currentModalGlobalId = globalId;
if (!currentModalGlobalId) {
const node = getUnifiedPath().find(n => n.type === 'vocab' && n.data.id === lessonId);
if (node) currentModalGlobalId = node.globalId;
}
currentGlobalId = currentModalGlobalId;
const lesson = ALL_LESSONS.find(l => l.id === lessonId);
if (!lesson) return;
document.getElementById('grammar-modal-icon').innerText = lesson.icon;
document.getElementById('grammar-modal-category').innerText = `पाठ ${lesson.id} • ${lesson.category}`;
document.getElementById('grammar-modal-title').innerText = lesson.title;
const isWeb = (state.currentLang === 'web');
document.getElementById('grammar-rule-title').innerHTML = `${isWeb ? '💻' : '💡'} ${esc(lesson.grammar.title)}`;
document.getElementById('grammar-rule-text').innerText = lesson.grammar.rule;
// Adapter les labels du modal pour web
const validateBtn = document.getElementById('validate-grammar-btn');
if (validateBtn) validateBtn.innerHTML = isWeb ? '✅ कोड कॉन्सेप्ट पढ़ने की पुष्टि करें (+15 XP)' : '✅ व्याकरण पढ़ने की पुष्टि करें (+15 XP)';
// Dynamic section headings for web
const exTitle = document.getElementById('grammar-examples-title');
if (exTitle) exTitle.textContent = isWeb ? '💻 कोड उदाहरण:' : 'स्थिति के उदाहरण:';
const vocTitle = document.getElementById('grammar-vocab-title');
if (vocTitle) vocTitle.textContent = isWeb ? '🏗️ HTML/CSS टैग और प्रॉपर्टी:' : 'पाठ के शब्द और शब्दावली:';
// Exemples
const exContainer = document.getElementById('grammar-examples-container');
exContainer.innerHTML = '';
lesson.grammar.examples.forEach(ex => {
const targetText = ex.ru || ex.en || ex.de || ex.target || '';
const hindiText = ex.hi || ex.fr || '';
const row = document.createElement('div');
row.className = 'flex items-center justify-between p-2.5 bg-gray-50 hover:bg-gray-100 rounded-xl border text-xs sm:text-sm font-bold transition';
row.innerHTML = `
${state.currentLang === 'web'
? `
${esc(hindiText)}
${esc(targetText)} `
: `
— ${esc(hindiText)}
`
}
🔊
`;
exContainer.appendChild(row);
});
// Vocabulaire
const vocabTable = document.getElementById('grammar-vocab-table');
vocabTable.innerHTML = '';
lesson.vocab.forEach(v => {
const targetText = v.ru || v.en || v.de || v.word || '';
const hindiText = v.hi || v.fr || '';
const card = document.createElement('div');
card.className = 'p-2.5 bg-gray-50 rounded-xl border flex items-center justify-between gap-2';
card.innerHTML = `
${state.currentLang === 'web'
? `
${esc(hindiText)}
${esc(targetText)} `
: `
${esc(targetText)} [${esc(v.sound || '')}]
${esc(hindiText)}
`
}
🔊
🎤
`;
vocabTable.appendChild(card);
});
// Init code editor for web courses
initCodeEditorForLesson(lesson);
openModal('grammar-modal');
}
function openCurrentLessonGrammar() {
openGrammarModal(state.currentLevelPlaying, currentGlobalId);
}
function startCurrentLessonप्रश्नोत्तरी() {
closeModal('grammar-modal');
handleStartप्रश्नोत्तरीClick(currentModalLessonId, currentModalGlobalId);
}
function validateGrammarReading() {
if (currentModalGlobalId) {
markCourseCompleted(currentModalGlobalId);
state.xp += 15;
updateStats();
const isWeb = (state.currentLang === 'web');
recordScoreSession(currentModalLessonId, 15, isWeb ? 'Code Concept Validé' : 'Grammaire Validée');
playSound('success');
closeModal('grammar-modal');
alert(isWeb ? '🎉 कोड कॉन्सेप्ट मान्य! पाठ्यक्रम पूरा हो गया (+15 XP)।' : '🎉 व्याकरण नियम मान्य! पाठ्यक्रम पूरा हो गया (+15 XP)।');
}
}
// ===== LIVE CODE EDITOR (Web courses) =====
let _codeEditorInitialCode = '';
function updateCodePreview() {
const textarea = document.getElementById('code-editor-input');
const preview = document.getElementById('code-editor-preview');
const linesLabel = document.getElementById('code-editor-lines');
if (!textarea || !preview) return;
const code = textarea.value;
// Update line count
const lineCount = code ? code.split('\n').length : 0;
if (linesLabel) linesLabel.textContent = `${lineCount} लाइन`;
// Update live preview iframe
const doc = preview.contentDocument || preview.contentWindow.document;
doc.open();
doc.write(code);
doc.close();
}
function resetCodeEditor() {
const textarea = document.getElementById('code-editor-input');
if (textarea) {
textarea.value = _codeEditorInitialCode;
updateCodePreview();
}
}
function initCodeEditorForLesson(lesson) {
const editorSection = document.getElementById('grammar-code-editor');
const textarea = document.getElementById('code-editor-input');
if (!editorSection || !textarea) return;
if (state.currentLang !== 'web') {
editorSection.classList.add('hidden');
return;
}
editorSection.classList.remove('hidden');
// Build initial code from lesson examples and vocab
let sampleCode = '';
if (lesson.grammar && lesson.grammar.examples && lesson.grammar.examples.length > 0) {
const firstEx = lesson.grammar.examples[0];
sampleCode = firstEx.ru || firstEx.en || firstEx.de || firstEx.target || '';
}
if (!sampleCode && lesson.vocab && lesson.vocab.length > 0) {
const firstV = lesson.vocab[0];
sampleCode = firstV.ru || firstV.en || firstV.de || firstV.word || '';
}
if (!sampleCode) {
sampleCode = '\n\n\n \n\n\n नमस्ते! 🙏 \n अपना कोड यहाँ लिखें
\n\n';
}
_codeEditorInitialCode = sampleCode;
textarea.value = sampleCode;
// Handle Tab key in textarea (insert 2 spaces instead of changing focus)
textarea.onkeydown = function(e) {
if (e.key === 'Tab') {
e.preventDefault();
const start = this.selectionStart;
const end = this.selectionEnd;
this.value = this.value.substring(0, start) + ' ' + this.value.substring(end);
this.selectionStart = this.selectionEnd = start + 2;
updateCodePreview();
}
};
// Initial render
updateCodePreview();
}
// ===== QUIZ CODE SANDBOX (Web courses) =====
function updateQuizSandboxPreview() {
const textarea = document.getElementById('quiz-sandbox-input');
const preview = document.getElementById('quiz-sandbox-preview');
const linesLabel = document.getElementById('quiz-sandbox-lines');
if (!textarea || !preview) return;
const code = textarea.value;
const lineCount = code ? code.split('\n').length : 0;
if (linesLabel) linesLabel.textContent = `${lineCount} लाइन`;
const doc = preview.contentDocument || preview.contentWindow.document;
doc.open();
doc.write(code);
doc.close();
}
function resetQuizSandbox() {
const textarea = document.getElementById('quiz-sandbox-input');
if (textarea) {
textarea.value = '\n\n\n \n\n\n \n \n\n';
updateQuizSandboxPreview();
}
}
function showQuizSandboxIfWeb() {
const sandbox = document.getElementById('quiz-code-sandbox');
if (!sandbox) return;
if (state.currentLang === 'web') {
sandbox.classList.remove('hidden');
// Tab key support
const ta = document.getElementById('quiz-sandbox-input');
if (ta) {
ta.onkeydown = function(e) {
if (e.key === 'Tab') {
e.preventDefault();
const start = this.selectionStart;
const end = this.selectionEnd;
this.value = this.value.substring(0, start) + ' ' + this.value.substring(end);
this.selectionStart = this.selectionEnd = start + 2;
updateQuizSandboxPreview();
}
};
}
// Set default code if empty
if (ta && !ta.value.trim()) resetQuizSandbox();
} else {
sandbox.classList.add('hidden');
}
}
function validateCultureReading() {
if (currentGlobalId) {
markCourseCompleted(currentGlobalId);
state.xp += 20;
updateStats();
recordScoreSession(`Culture #${currentCultureLesson ? currentCultureLesson.id : ''}`, 20, 'Culture Validée');
playSound('success');
closeModal('culture-modal');
alert('🎉 सांस्कृतिक पत्रक मान्य! पाठ्यक्रम पूरा हो गया (+20 XP)।');
}
}
function validatePhrasesReading() {
if (currentGlobalId) {
markCourseCompleted(currentGlobalId);
state.xp += 20;
updateStats();
recordScoreSession(`Phrases #${currentPhrasesLesson ? currentPhrasesLesson.id : ''}`, 20, 'Phrases Validées');
playSound('success');
closeModal('phrases-modal');
alert('🎉 वाक्य पत्रक मान्य! पाठ्यक्रम पूरा हो गया (+20 XP)।');
}
}
function validateDialogueReading() {
if (currentGlobalId) {
markCourseCompleted(currentGlobalId);
state.xp += 20;
updateStats();
recordScoreSession(`Dialogue #${currentDialogueLesson ? currentDialogueLesson.id : ''}`, 20, 'Dialogue Validé');
playSound('success');
closeModal('dialogue-modal');
alert('🎉 संवाद मान्य! पाठ्यक्रम पूरा हो गया (+20 XP)।');
}
}
function validateOrthographeReading() {
if (currentGlobalId) {
markCourseCompleted(currentGlobalId);
state.xp += 20;
updateStats();
recordScoreSession(`Orthographe #${currentOrthographeLesson ? currentOrthographeLesson.id : ''}`, 20, 'Orthographe Validée');
playSound('success');
closeModal('orthographe-modal');
alert('🎉 वर्तनी नियम मान्य! पाठ्यक्रम पूरा हो गया (+20 XP)।');
}
}
/* ========================================================
8. MOTEUR DE QUIZ INTERACTIF (VOCABULAIRE)
======================================================== */
let currentप्रश्न = null;
let selectedOptionIndex = null;
// Génère des questions Ru↔Fr supplémentaires à partir du vocabulaire de la leçon
function generateप्रश्नsFromVocab(vocab, existing, targetExtra) {
if (!vocab || vocab.length < 2) return [];
const langNames = { 'ru': 'रूसी', 'fr': 'फ़्रेंच', 'en': 'अंग्रेज़ी', 'de': 'जर्मन' };
const currentLangName = langNames[state.currentLang] || 'रूसी';
function getTarget(w) {
return w.en || w.de || w.ru || w.target || "";
}
function getMeaning(w) {
return w.hi || w.fr || w.meaning || "";
}
const allTargets = vocab.map(getTarget);
const allMeanings = vocab.map(getMeaning);
const generated = [];
// Target → Hindi
vocab.forEach((word, idx) => {
const targetWord = getTarget(word);
const meaningWord = getMeaning(word);
const distractors = allMeanings.filter((_, i) => i !== idx).sort(() => Math.random() - 0.5).slice(0, 3);
if (distractors.length < 3) return;
const pool = [meaningWord, ...distractors].sort(() => Math.random() - 0.5);
// Sometimes create a dictation question for all languages (~20% chance)
if (Math.random() < 0.20 && word.tts) {
generated.push({
isDictation: true,
prompt: `🎧 सुनकर लिखें (Dictation)`,
audio: word.tts,
correctWord: targetWord,
meaning: meaningWord
});
} else {
generated.push({
prompt: `« ${targetWord} » का क्या अर्थ है?`,
audio: word.tts,
options: pool,
answer: pool.indexOf(meaningWord)
});
}
});
// Hindi → Target
vocab.forEach((word, idx) => {
const targetWord = getTarget(word);
const meaningWord = getMeaning(word);
const distractors = allTargets.filter((_, i) => i !== idx).sort(() => Math.random() - 0.5).slice(0, 3);
if (distractors.length < 3) return;
const pool = [targetWord, ...distractors].sort(() => Math.random() - 0.5);
generated.push({
prompt: `« ${meaningWord} » को ${currentLangName} में कैसे कहें?`,
audio: word.tts,
options: pool,
answer: pool.indexOf(targetWord)
});
});
// Mélanger et prendre le nombre cible
return generated.sort(() => Math.random() - 0.5).slice(0, targetExtra);
}
function startप्रश्नोत्तरीForLesson(lessonId) {
const lesson = ALL_LESSONS.find(l => l.id === lessonId);
if (!lesson) return;
if (!currentGlobalId) {
const node = getUnifiedPath().find(n => n.type === 'vocab' && n.data.id === lessonId);
if (node) currentGlobalId = node.globalId;
}
state.currentLevelPlaying = lessonId;
state.currentप्रश्नIndex = 0;
state.streak = 0;
// प्रश्नs de base (3 handcraftées) + 12 générées = 15 questions (~10 min)
const extraQ = generateप्रश्नsFromVocab(lesson.vocab, lesson.questions, 12);
state.questions = [...lesson.questions, ...extraQ];
document.getElementById('quiz-lesson-title').innerText = `पाठ ${lesson.id} : ${lesson.title}`;
showScreen('lesson-screen');
showQuizSandboxIfWeb();
loadप्रश्नोत्तरीप्रश्न();
}
function loadप्रश्नोत्तरीप्रश्न() {
hideFeedback();
selectedOptionIndex = null;
const totalQ = state.questions.length;
const qIdx = state.currentप्रश्नIndex;
if (totalQ === 0) {
showScreen('home-screen');
return;
}
const progressPct = Math.round((qIdx / totalQ) * 100);
document.getElementById('header-progress-bar').style.width = `${progressPct}%`;
document.getElementById('header-progress-text').innerText = `${progressPct}%`;
if (qIdx >= totalQ) {
// Victoire — quiz de 15 questions = 50 XP
const xpGained = 50;
state.xp += xpGained;
if (!currentGlobalId && state.currentLevelPlaying) {
const node = getUnifiedPath().find(n => n.type === 'vocab' && n.data.id === state.currentLevelPlaying);
if (node) currentGlobalId = node.globalId;
}
if (currentGlobalId) {
markCourseCompleted(currentGlobalId);
}
recordScoreSession(state.currentLevelPlaying, xpGained, 'Réussi');
updateStats();
playSound('success');
// Mettre à jour le victory screen dynamiquement
document.getElementById('victory-message').innerText = `बधाई हो! पाठ ${state.currentLevelPlaying} पूरा हुआ — 15 प्रश्न सही !`;
document.getElementById('victory-xp-earned').textContent = `⭐ +${xpGained} XP`;
document.getElementById('victory-streak').textContent = `🔥 ${state.streak}`;
if (state.lives === 5) {
localStorage.setItem('namasterussian_perfectQuiz', 'true');
}
addEncouragementToVictory();
checkBadges();
const comboEl = document.getElementById('victory-combo-msg');
if (state.streak >= 10) {
comboEl.textContent = '🚀 Incroyable ! Combo x10 atteint !'; comboEl.classList.remove('hidden');
} else if (state.streak >= 6) {
comboEl.textContent = '⚡ Super ! Combo x6 atteint !'; comboEl.classList.remove('hidden');
} else if (state.streak >= 3) {
comboEl.textContent = '🔥 बहुत बढ़िया! Combo x3 atteint !'; comboEl.classList.remove('hidden');
} else {
comboEl.classList.add('hidden');
}
showScreen('victory-screen');
launchConfetti();
return;
}
currentप्रश्न = state.questions[qIdx];
document.getElementById('lesson-type-badge').innerText = `प्रश्न ${qIdx + 1} sur ${totalQ}`;
document.getElementById('lesson-prompt').innerText = currentप्रश्न.prompt;
if (currentप्रश्न.audio) {
speakText(currentप्रश्न.audio);
}
const container = document.getElementById('lesson-options-container');
container.innerHTML = '';
if (currentप्रश्न.isDictation) {
// Dictation question — show text input instead of option buttons
const dictationDiv = document.createElement('div');
dictationDiv.className = 'space-y-3';
dictationDiv.innerHTML = `
🎧 सुनकर लिखें (Dictation)
✅ जाँचें
`;
container.appendChild(dictationDiv);
setTimeout(() => { const i = document.getElementById('dictation-input'); if (i) i.focus(); }, 100);
} else {
(currentप्रश्न.options || []).forEach((optText, idx) => {
const btn = document.createElement('button');
btn.className = 'card-duo p-4 text-left font-extrabold text-base text-gray-800 bg-white flex items-center justify-between cursor-pointer';
btn.onclick = () => selectप्रश्नोत्तरीOption(idx, btn);
const textSpan = document.createElement('span');
textSpan.textContent = optText; // textContent = sécurisé, pas de XSS
const checkSpan = document.createElement('span');
checkSpan.className = 'w-6 h-6 rounded-full border-2 border-gray-300 flex items-center justify-center text-xs text-transparent check-mark';
checkSpan.textContent = '✓';
btn.appendChild(textSpan);
btn.appendChild(checkSpan);
container.appendChild(btn);
});
}
}
function playCurrentAudio() {
if (currentप्रश्न && currentप्रश्न.audio) {
speakText(currentप्रश्न.audio);
}
}
function selectप्रश्नोत्तरीOption(idx, element) {
const container = document.getElementById('lesson-options-container');
Array.from(container.children).forEach(child => {
child.classList.remove('selected');
child.querySelector('.check-mark').classList.remove('bg-blue-500', 'border-blue-500', 'text-white');
});
selectedOptionIndex = idx;
element.classList.add('selected');
const checkMark = element.querySelector('.check-mark');
checkMark.classList.add('bg-blue-500', 'border-blue-500', 'text-white');
checkप्रश्नोत्तरीAnswer();
}
function checkप्रश्नोत्तरीAnswer() {
let isCorrect = false;
let selectedBtn = null;
if (currentप्रश्न.isDictation) {
const inp = document.getElementById('dictation-input');
if (!inp || inp.value.trim() === '') return; // Don't check empty
const userVal = inp.value.trim().toLowerCase().replace(/[.,!?'"]/g, '');
const correctVal = currentप्रश्न.correctWord.trim().toLowerCase().replace(/[.,!?'"]/g, '');
isCorrect = (userVal === correctVal);
inp.disabled = true;
document.getElementById('dictation-check-btn').style.display = 'none';
} else {
if (selectedOptionIndex === null) return;
isCorrect = selectedOptionIndex === currentप्रश्न.answer;
const container = document.getElementById('lesson-options-container');
selectedBtn = container.children[selectedOptionIndex];
}
const goodMessages = [
['🎯 Parfait !', 'Exactement ! Vous maîtrisez ça.'],
['⚡ Excellent !', 'Bonne réponse, continuez comme ça !'],
['🌟 Bravo !', "C'est tout à fait ça !"],
['🔥 Super !', 'Vous progressez vite !'],
['✨ Génial !', "Votre russe s'améliore !"],
];
const badMessages = [
['😅 Presque !', ''],
['💪 Courage !', ''],
['🧠 À retenir !', ''],
];
if (isCorrect) {
playSound('success');
if (selectedBtn) selectedBtn.classList.add('correct');
if (currentप्रश्न.isDictation) document.getElementById('dictation-input').classList.add('border-green-500', 'bg-green-50', 'text-green-900');
state.streak = (state.streak || 0) + 1;
if (state.streak > parseInt(localStorage.getItem('namasterussian_maxCombo') || '0')) {
localStorage.setItem('namasterussian_maxCombo', String(state.streak));
}
const [title, msg] = goodMessages[Math.floor(Math.random() * goodMessages.length)];
let comboMsg = msg;
// Bonus combo à 3, 6, 10 bonnes réponses consécutives
if (state.streak === 3) {
state.xp += 5; updateStats();
comboMsg = '🔥 Combo x3 ! +5 XP bonus !';
showComboEffect('x3');
} else if (state.streak === 6) {
state.xp += 10; updateStats();
comboMsg = '⚡ Combo x6 ! +10 XP bonus !';
showComboEffect('x6');
} else if (state.streak >= 10) {
state.xp += 20; updateStats();
comboMsg = '🚀 Combo x10 ! +20 XP bonus ! Incroyable !';
showComboEffect('x10');
}
showFeedback(true, title, comboMsg || msg);
} else {
playSound('error');
if (selectedBtn) selectedBtn.classList.add('incorrect');
if (currentप्रश्न.isDictation) document.getElementById('dictation-input').classList.add('border-red-500', 'bg-red-50', 'text-red-900', 'line-through');
state.streak = 0;
loseLife();
const correctAnswerText = currentप्रश्न.isDictation ? currentप्रश्न.correctWord : currentप्रश्न.options[currentप्रश्न.answer];
const [title] = badMessages[Math.floor(Math.random() * badMessages.length)];
const langInfo = state.currentLang === 'fr' ? 'La bonne réponse était :' : 'सही उत्तर था:';
showFeedback(false, title, `${langInfo} ${correctAnswerText}`);
}
}
function showComboEffect(label) {
const existing = document.getElementById('combo-badge');
if (existing) existing.remove();
const badge = document.createElement('div');
badge.id = 'combo-badge';
badge.style.cssText = 'position:fixed;top:80px;right:20px;z-index:9999;background:linear-gradient(135deg,#f59e0b,#ef4444);color:white;font-size:1.5rem;font-weight:900;padding:12px 20px;border-radius:20px;box-shadow:0 8px 30px rgba(0,0,0,0.3);animation:comboAnim 1.5s ease-out forwards;pointer-events:none;';
badge.textContent = `🔥 COMBO ${label}`;
document.body.appendChild(badge);
launchConfetti(20);
setTimeout(() => badge.remove(), 1600);
}
function showFeedback(isCorrect, title, message) {
const bar = document.getElementById('feedback-bar');
const icon = document.getElementById('feedback-icon');
const titleEl = document.getElementById('feedback-title');
const msgEl = document.getElementById('feedback-message');
const btn = document.getElementById('feedback-btn');
bar.classList.remove('hidden', 'bg-green-100', 'border-green-400', 'text-green-800', 'bg-red-100', 'border-red-400', 'text-red-800');
if (isCorrect) {
bar.classList.add('bg-green-100', 'border-green-500', 'text-green-900');
icon.innerText = '✅';
btn.className = 'btn-duo btn-green px-6 py-2.5 rounded-xl text-sm font-black cursor-pointer';
} else {
bar.classList.add('bg-red-100', 'border-red-500', 'text-red-900');
icon.innerText = '❌';
btn.className = 'btn-duo btn-red px-6 py-2.5 rounded-xl text-sm font-black cursor-pointer';
}
titleEl.innerText = title;
msgEl.innerText = message;
}
function hideFeedback() {
document.getElementById('feedback-bar').classList.add('hidden');
}
function closeप्रश्नोत्तरीAndScroll() {
showScreen('home-screen');
setTimeout(() => {
// Scroll smoothly to the current unlocked level card
const currentCard = document.querySelector('.ring-blue-500');
if (currentCard) {
currentCard.scrollIntoView({ behavior: 'smooth', block: 'center' });
currentCard.classList.add('animate-pulse');
}
}, 300);
}
function launchConfetti(count = 60) {
const colors = ['#22c55e','#f59e0b','#ef4444','#3b82f6','#a855f7','#ec4899','#06b6d4'];
for (let i = 0; i < count; i++) {
setTimeout(() => {
const piece = document.createElement('div');
piece.className = 'confetti-piece';
piece.style.left = Math.random() * 100 + 'vw';
piece.style.backgroundColor = colors[Math.floor(Math.random() * colors.length)];
piece.style.width = (Math.random() * 10 + 6) + 'px';
piece.style.height = (Math.random() * 10 + 6) + 'px';
piece.style.borderRadius = Math.random() > 0.5 ? '50%' : '2px';
piece.style.animationDuration = (Math.random() * 2 + 1.5) + 's';
piece.style.animationDelay = '0s';
document.body.appendChild(piece);
setTimeout(() => piece.remove(), 4000);
}, i * 30);
}
}
function nextप्रश्न() {
hideFeedback();
state.currentप्रश्नIndex++;
loadप्रश्नोत्तरीप्रश्न();
}
function loseLife() {
state.lives--;
updateStats();
if (state.lives <= 0) {
showScreen('game-over-screen');
}
}
function resetLivesAndRetry() {
state.lives = 5;
updateStats();
showScreen('home-screen');
}
/* ========================================================
9. SUIVI DES SCORES & EXPORT CSV JOUER
======================================================== */
function getScoreHistory() {
try {
const stored = safeGetItem(langPrefix() + '_score_history');
return stored ? JSON.parse(stored) : [];
} catch (e) {
return [];
}
}
function saveScoreHistory(history) {
try {
safeSetItem(langPrefix() + '_score_history', JSON.stringify(history));
} catch (e) {
console.error('Local storage save error', e);
}
}
function recordScoreSession(lessonId, xpEarned, status) {
const history = getScoreHistory();
let title = `पाठ ${lessonId}`;
if (typeof lessonId === 'number') {
const lesson = ALL_LESSONS.find(l => l.id === lessonId);
if (lesson) title = lesson.title;
} else {
title = lessonId;
}
const now = new Date();
const newEntry = {
date: now.toLocaleDateString('fr-FR'),
time: now.toLocaleTimeString('fr-FR'),
playerName: state.playerName,
lessonId: lessonId,
lessonTitle: title,
xpEarned: xpEarned,
livesRemaining: state.lives,
status: status
};
history.unshift(newEntry);
if (history.length > 100) history.pop();
saveScoreHistory(history);
/* Cloud sync si connecté */
if (state.isLoggedIn) {
apiSaveScore(String(lessonId), title, xpEarned, status);
apiSyncProgress();
}
}
function openScoreModal() {
// Si pas connecté → ouvrir la modal d'inscription
if (!state.isLoggedIn) {
openAuthTab('login');
return;
}
document.getElementById('player-name-input').value = state.playerName;
const isFr = state.currentLang === 'fr';
document.getElementById('modal-stat-lessons').innerText = `${state.completedCourses.length} / ${TOTAL_COURSES_COUNT}`;
document.getElementById('modal-stat-culture').innerText = `${state.completedCultureCount} / ${isFr ? 106 : 100}`;
const phrasesStat = document.getElementById('modal-stat-phrases');
if (phrasesStat) phrasesStat.innerText = `${state.completedPhrasesCount} / ${isFr ? 100 : 70}`;
document.getElementById('modal-stat-xp').innerText = `${state.xp} XP`;
document.getElementById('modal-stat-lives').innerText = `${state.lives} 💖`;
renderScoresTable();
openModal('score-modal');
}
function savePlayerName() {
const input = document.getElementById('player-name-input');
if (input && input.value.trim()) {
state.playerName = input.value.trim().substring(0, 30) || 'खिलाड़ी';
safeSetItem('namasterussian_playerName', state.playerName);
alert(`उपनाम सहेजा गया: ${state.playerName}`);
}
}
function renderScoresTable() {
const tbody = document.getElementById('scores-table-body');
const history = getScoreHistory();
tbody.innerHTML = '';
if (history.length === 0) {
tbody.innerHTML = `
अभी तक कोई सत्र दर्ज नहीं हुआ। कोई शब्दावली या संस्कृति पाठ पूरा करें और अपने अंक देखें!
`;
return;
}
history.slice(0, 15).forEach(item => {
const tr = document.createElement('tr');
tr.className = 'hover:bg-gray-50';
tr.innerHTML = `
${esc(item.date)} ${esc(item.time)}
${parseInt(item.lessonId) || 0}. ${esc(item.lessonTitle)}
+${parseInt(item.xpEarned) || 0} XP
${esc(item.status)}
${item.char} ${item.lower}
[ ${item.sound} ]
${item.word} (${item.wordFr})
🔊 Lettre
💬 Mot
`;
grid.appendChild(card);
});
}
/* ========================================================
11. MOTS CROISÉS (DÉFI BONUS)
======================================================== */
function startCrosswordModule() {
showScreen('crossword-screen');
buildCrosswordGrid();
buildVirtualKeyboard();
}
function buildCrosswordGrid() {
const gridContainer = document.getElementById('cw-grid');
gridContainer.innerHTML = '';
for (let r = 0; r < 5; r++) {
for (let c = 0; c < 5; c++) {
const char = CROSSWORD_SOLUTION[r][c];
const cell = document.createElement('input');
cell.type = 'text';
cell.maxLength = 1;
cell.dataset.row = r;
cell.dataset.col = c;
if (char === '#') {
cell.className = 'crossword-cell block';
cell.disabled = true;
} else {
cell.className = 'crossword-cell';
cell.onfocus = () => state.activeCwCell = cell;
cell.oninput = (e) => {
cell.value = cell.value.toUpperCase();
speakText(cell.value);
};
}
gridContainer.appendChild(cell);
}
}
}
function buildVirtualKeyboard() {
const kbContainer = document.getElementById('virtual-keyboard');
kbContainer.innerHTML = '';
const letters = ['А','Б','В','Г','Д','Е','Ё','Ж','З','И','Й','К','Л','М','Н','О','П','Р','С','Т','У','Ф','Х','Ц','Ч','Ш','Щ','Ъ','Ы','Ь','Э','Ю','Я'];
letters.forEach(char => {
const btn = document.createElement('button');
btn.className = 'btn-duo btn-blue text-sm font-extrabold w-8 h-9 rounded-lg flex items-center justify-center cursor-pointer';
btn.innerText = char;
btn.onclick = () => insertCyrillicChar(char);
kbContainer.appendChild(btn);
});
const delBtn = document.createElement('button');
delBtn.className = 'btn-duo btn-red text-xs font-extrabold px-3 h-9 rounded-lg flex items-center justify-center cursor-pointer';
delBtn.innerText = '⌫';
delBtn.onclick = () => insertCyrillicChar('BACKSPACE');
kbContainer.appendChild(delBtn);
}
function insertCyrillicChar(char) {
if (!state.activeCwCell || state.activeCwCell.disabled) return;
if (char === 'BACKSPACE') {
state.activeCwCell.value = '';
} else {
state.activeCwCell.value = char;
speakText(char);
}
}
function checkCrossword() {
const inputs = document.querySelectorAll('.crossword-cell:not(.block)');
let isCompleteAndCorrect = true;
inputs.forEach(input => {
const r = parseInt(input.dataset.row);
const c = parseInt(input.dataset.col);
const expected = CROSSWORD_SOLUTION[r][c];
if (input.value.toUpperCase() === expected) {
input.classList.add('bg-green-100', 'border-green-500');
input.classList.remove('bg-red-100', 'border-red-500');
} else {
isCompleteAndCorrect = false;
input.classList.add('bg-red-100', 'border-red-500');
}
});
if (isCompleteAndCorrect) {
playSound('success');
state.xp += 30;
recordScoreSession(99, 30, 'Mots Croisés Résolu');
if (state.currentLevelPlaying) {
markCourseCompleted(state.currentLevelPlaying);
}
updateStats();
alert('🎉 शाबाश! क्रॉसवर्ड ग्रिड पूरी तरह से हल हो गया है! +30 XP।');
showScreen('home-screen');
} else {
playSound('error');
loseLife();
alert('❌ आपके ग्रिड में त्रुटियां हैं। लाल बक्सों की जाँच करें!');
}
}
/* ========================================================
12. MODALS & SÉCURITÉ
======================================================== */
function openModal(id) {
const modal = document.getElementById(id);
if (modal) modal.style.display = 'flex';
}
function closeModal(id) {
const modal = document.getElementById(id);
if (modal) modal.style.display = 'none';
}
document.addEventListener('dragstart', (e) => {
if (e.target.tagName === 'IMG') e.preventDefault();
});
function checkCGUConsent() {
const banner = document.getElementById('cgu-consent-banner');
if (banner) {
banner.style.display = 'flex';
}
}
function acceptCGUBanner() {
const banner = document.getElementById('cgu-consent-banner');
if (banner) {
banner.style.display = 'none';
}
}
// L'initialisation globale a été déplacée TOUT EN BAS du script
// pour éviter les erreurs de "Temporal Dead Zone" (ReferenceError)
// lors de l'appel de switchLanguage qui utilise des variables let/const définies plus bas.
/* ========================================================
12. MODULE ÉCRITURE RUSSE (CURSIVE, CANVAS & CLAVIER)
======================================================== */
const WRITING_WORDS = [
{ ru: "Привет", sound: "Privet", fr: "नमस्ते (अनौपचारिक)", tip: "अंतिम т पर ध्यान दें जो लैटिन हस्तलिखित m जैसा दिखता है।" },
{ ru: "Спасибо", sound: "Spasibo", fr: "धन्यवाद", tip: "п (n की तरह) और а के बीच सहज संबंध।" },
{ ru: "Да", sound: "Da", fr: "हाँ", tip: "छोटा д नीचे की ओर एक सुंदर लूप के साथ लैटिन g की तरह लिखा जाता है।" },
{ ru: "Нет", sound: "Net", fr: "नहीं", tip: "अंतिम т को तीन पुलों (m की तरह) में लिखा जाता है।" },
{ ru: "Дом", sound: "Dom", fr: "घर", tip: "о एक छोटे निचले लगाव द्वारा м से जुड़ता है।" },
{ ru: "Мама", sound: "Mama", fr: "माँ", tip: "नियमित और लचीले पुलों के साथ दो शब्दांश Ма।" },
{ ru: "Кот", sound: "Kot", fr: "बिल्ली", tip: "К-о-т संबंध पर काम करने के लिए आदर्श छोटा शब्द।" },
{ ru: "Россия", sound: "Rossiya", fr: "रूस", tip: "दोहरा с फिर и (u के आकार का) और अंतिम я।" },
{ ru: "Москва", sound: "Moskva", fr: "मास्को", tip: "लिखावट में в एक l की तरह उच्च लूप बनाता है।" },
{ ru: "Чай", sound: "Chay", fr: "चाय", tip: "ч एक लचीले r जैसा दिखता है, और й के ऊपर एक छोटा सा उच्चारण है।" }
];
const CURSIVE_TIPS = {
"А": "अंडाकार लूप फिर नीचे की ओर छड़ी।",
"Б": "पेट का लूप और दाईं ओर ऊपरी बार।",
"В": "लैटिन बी / बी कर्सिव अक्षर जैसा दिखता है।",
"Г": "⚠️ उल्टे z या s जैसा दिखता है! r के साथ भ्रमित न हों।",
"Д": "⚠️ लोअरकेस में, बिल्कुल लैटिन g जैसा दिखता है!",
"Е": "लैटिन कर्सिव ई की तरह छोटा लूप।",
"Ё": "स्पष्ट दो बिंदुओं के साथ е की तरह।",
"Ж": "एक केंद्रीय नोड के साथ तीन सममित शाखाएं।",
"З": "बिल्कुल 3 नंबर की तरह लिखा जाता है।",
"И": "⚠️ लोअरकेस में, बिल्कुल लैटिन यू जैसा दिखता है!",
"Й": "и की तरह ऊपर एक संक्षिप्त अर्धचंद्र के साथ।",
"К": "सीधा तना फिर दो छोटी शाखाएँ जुड़ी हुई।",
"Л": "छोटा शुरुआती हुक फिर नीचे की ओर मेहराब।",
"М": "एक छोटे निचले लगाव से जुड़ा डबल मेहराब।",
"Н": "एक क्षैतिज लूप से जुड़े दो ऊर्ध्वाधर तने।",
"О": "वामावर्त बंद अंडाकार।",
"П": "⚠️ लोअरकेस में, बिल्कुल लैटिन एन जैसा दिखता है!",
"Р": "Hampe descendante sous la ligne puis boucle haute.",
"С": "Demi-cercle ouvert vers la droite.",
"Т": "⚠️ En minuscule, s'écrit avec 3 ponts comme un m latin !",
"У": "Boucle descendante sous la ligne avec jambage.",
"Ф": "Ovale coupé au centre par une hampe verticale.",
"Х": "Deux demi-cercles adossés (croix souple).",
"Ц": "Comme le и avec une petite boucle descendante à droite.",
"Ч": "Comme un petit crochet ouvert descendant.",
"Ш": "Trois ponts ouverts vers le haut reliés par le bas.",
"Щ": "Comme ш avec une petite queue descendante à droite.",
"Ъ": "Signe dur : petite barre haute avec crochet et ventre.",
"Ы": "Boucle ventrale basse suivie d'une hampe droite.",
"Ь": "Signe mou : hampe avec boucle ventrale basse.",
"Э": "Cercle ouvert vers la droite avec barre médiane.",
"Ю": "Hampe verticale liée par un trait à un ovale.",
"Я": "Boucle en haut à gauche avec jambage descendant droit."
};
let writingState = {
mode: "letters",
currentIndex: 0,
inkColor: "#1e40af",
brushSize: 7,
showWatermark: true,
isDrawing: false,
lastX: 0,
lastY: 0,
canvasInitialized: false,
typingCurrentWord: null,
typingCurrentInput: ""
};
function initWritingModule() {
renderWritingLetterSelector();
renderCursiveGuideTable();
initTypingPractice();
if (!writingState.canvasInitialized) {
initWritingCanvas();
writingState.canvasInitialized = true;
}
updateWritingModelCard();
}
function switchWritingTab(tabName) {
document.getElementById("writing-tab-canvas").style.display = tabName === "canvas" ? "block" : "none";
document.getElementById("writing-tab-guide").style.display = tabName === "guide" ? "block" : "none";
document.getElementById("writing-tab-typing").style.display = tabName === "typing" ? "block" : "none";
document.querySelectorAll(".writing-tab-btn").forEach(b => {
b.className = "writing-tab-btn btn-duo btn-gray text-xs px-3.5 py-2 rounded-xl font-black cursor-pointer shadow-sm flex items-center gap-1.5";
});
const activeBtn = document.getElementById(`tab-btn-${tabName}`);
if (activeBtn) {
activeBtn.className = "writing-tab-btn btn-duo btn-indigo text-xs px-3.5 py-2 rounded-xl font-black cursor-pointer shadow-sm flex items-center gap-1.5";
}
if (tabName === "canvas") {
setTimeout(() => {
resizeAndRedrawCanvas();
}, 50);
}
}
function setWritingMode(mode) {
writingState.mode = mode;
writingState.currentIndex = 0;
document.getElementById("btn-mode-letters").className = mode === "letters" ? "text-xs font-black px-2.5 py-1 rounded-lg bg-indigo-100 text-indigo-800 border border-indigo-300 cursor-pointer" : "text-xs font-black px-2.5 py-1 rounded-lg bg-gray-100 text-gray-700 border border-gray-300 cursor-pointer";
document.getElementById("btn-mode-words").className = mode === "words" ? "text-xs font-black px-2.5 py-1 rounded-lg bg-indigo-100 text-indigo-800 border border-indigo-300 cursor-pointer" : "text-xs font-black px-2.5 py-1 rounded-lg bg-gray-100 text-gray-700 border border-gray-300 cursor-pointer";
renderWritingLetterSelector();
updateWritingModelCard();
clearWritingCanvas();
}
function renderWritingLetterSelector() {
const container = document.getElementById("writing-letter-selector");
if (!container) return;
container.innerHTML = "";
if (writingState.mode === "letters") {
CYRILLIC_ALPHABET.forEach((item, idx) => {
const btn = document.createElement("button");
const isSelected = idx === writingState.currentIndex;
btn.className = `px-3 py-1.5 rounded-xl font-black text-sm cursor-pointer shrink-0 transition-all ${isSelected ? "bg-indigo-600 text-white shadow-md scale-105" : "bg-gray-100 text-gray-700 hover:bg-gray-200"}`;
btn.innerHTML = `${item.char} ${item.lower} `;
btn.onclick = () => selectLetterToWrite(idx);
container.appendChild(btn);
});
} else {
WRITING_WORDS.forEach((item, idx) => {
const btn = document.createElement("button");
const isSelected = idx === writingState.currentIndex;
btn.className = `px-3 py-1.5 rounded-xl font-black text-xs cursor-pointer shrink-0 transition-all ${isSelected ? "bg-indigo-600 text-white shadow-md scale-105" : "bg-gray-100 text-gray-700 hover:bg-gray-200"}`;
btn.innerHTML = `${item.ru} (${item.sound})`;
btn.onclick = () => selectWordToWrite(idx);
container.appendChild(btn);
});
}
}
function selectLetterToWrite(idx) {
writingState.mode = "letters";
writingState.currentIndex = idx;
renderWritingLetterSelector();
updateWritingModelCard();
clearWritingCanvas();
playCurrentWritingAudio();
}
function selectWordToWrite(idx) {
writingState.mode = "words";
writingState.currentIndex = idx;
renderWritingLetterSelector();
updateWritingModelCard();
clearWritingCanvas();
playCurrentWritingAudio();
}
function prevWritingItem() {
const total = writingState.mode === "letters" ? CYRILLIC_ALPHABET.length : WRITING_WORDS.length;
writingState.currentIndex = (writingState.currentIndex - 1 + total) % total;
renderWritingLetterSelector();
updateWritingModelCard();
clearWritingCanvas();
playCurrentWritingAudio();
}
function nextWritingItem() {
const total = writingState.mode === "letters" ? CYRILLIC_ALPHABET.length : WRITING_WORDS.length;
writingState.currentIndex = (writingState.currentIndex + 1) % total;
renderWritingLetterSelector();
updateWritingModelCard();
clearWritingCanvas();
playCurrentWritingAudio();
}
function updateWritingModelCard() {
if (writingState.mode === "letters") {
const item = CYRILLIC_ALPHABET[writingState.currentIndex] || CYRILLIC_ALPHABET[0];
document.getElementById("model-printed").innerText = `${item.char} ${item.lower}`;
document.getElementById("model-cursive").innerText = `${item.char} ${item.lower}`;
document.getElementById("model-sound").innerHTML = `[ ${item.sound} ] — जैसे ${item.word} (${item.wordFr}) `;
document.getElementById("model-tip").innerText = CURSIVE_TIPS[item.char] || "लूप और कनेक्शन का सम्मान करते हुए सुचारू रूप से ट्रेस करें।";
} else {
const item = WRITING_WORDS[writingState.currentIndex] || WRITING_WORDS[0];
document.getElementById("model-printed").innerText = item.ru;
document.getElementById("model-cursive").innerText = item.ru;
document.getElementById("model-sound").innerHTML = `[ ${item.sound} ] — ${item.fr} `;
document.getElementById("model-tip").innerText = item.tip;
}
drawWatermark();
}
function playCurrentWritingAudio() {
if (writingState.mode === "letters") {
const item = CYRILLIC_ALPHABET[writingState.currentIndex];
if (item) speakText(item.ttsLetter);
} else {
const item = WRITING_WORDS[writingState.currentIndex];
if (item) speakText(item.ru);
}
}
/* --- CANVAS DRAWING LOGIC --- */
function initWritingCanvas() {
const canvas = document.getElementById("writing-canvas");
if (!canvas) return;
function startDraw(e) {
writingState.isDrawing = true;
const pos = getCanvasPos(e, canvas);
writingState.lastX = pos.x;
writingState.lastY = pos.y;
const instr = document.getElementById("canvas-instructions");
if (instr) instr.style.display = "none";
}
function moveDraw(e) {
if (!writingState.isDrawing) return;
const pos = getCanvasPos(e, canvas);
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.moveTo(writingState.lastX, writingState.lastY);
ctx.lineTo(pos.x, pos.y);
ctx.strokeStyle = writingState.inkColor;
ctx.lineWidth = writingState.brushSize;
ctx.lineCap = "round";
ctx.lineJoin = "round";
ctx.stroke();
writingState.lastX = pos.x;
writingState.lastY = pos.y;
}
function endDraw() {
writingState.isDrawing = false;
}
canvas.addEventListener("mousedown", startDraw);
canvas.addEventListener("mousemove", moveDraw);
window.addEventListener("mouseup", endDraw);
canvas.addEventListener("touchstart", (e) => {
e.preventDefault();
startDraw(e.touches[0]);
}, { passive: false });
canvas.addEventListener("touchmove", (e) => {
e.preventDefault();
moveDraw(e.touches[0]);
}, { passive: false });
window.addEventListener("touchend", endDraw);
resizeAndRedrawCanvas();
}
function getCanvasPos(e, canvas) {
const rect = canvas.getBoundingClientRect();
const scaleX = canvas.width / rect.width;
const scaleY = canvas.height / rect.height;
return {
x: (e.clientX - rect.left) * scaleX,
y: (e.clientY - rect.top) * scaleY
};
}
function resizeAndRedrawCanvas() {
const canvas = document.getElementById("writing-canvas");
if (!canvas) return;
clearWritingCanvas();
}
function drawGuidelines(ctx, w, h) {
ctx.save();
/* Fond papier écolier doux */
ctx.fillStyle = "#fdfbf7";
ctx.fillRect(0, 0, w, h);
/* Ligne supérieure d'ascendante (rouge clair) */
ctx.strokeStyle = "#fca5a5";
ctx.lineWidth = 1;
ctx.beginPath();
ctx.moveTo(0, h * 0.20);
ctx.lineTo(w, h * 0.20);
ctx.stroke();
/* Ligne médiane (pointillée bleue) */
ctx.strokeStyle = "#93c5fd";
ctx.lineWidth = 1;
ctx.setLineDash([4, 4]);
ctx.beginPath();
ctx.moveTo(0, h * 0.45);
ctx.lineTo(w, h * 0.45);
ctx.stroke();
ctx.setLineDash([]);
/* Ligne de base principale (bleu soutenu) */
ctx.strokeStyle = "#3b82f6";
ctx.lineWidth = 2;
ctx.beginPath();
ctx.moveTo(0, h * 0.70);
ctx.lineTo(w, h * 0.70);
ctx.stroke();
/* Ligne inférieure de descendante (rouge clair) */
ctx.strokeStyle = "#fca5a5";
ctx.lineWidth = 1;
ctx.beginPath();
ctx.moveTo(0, h * 0.90);
ctx.lineTo(w, h * 0.90);
ctx.stroke();
ctx.restore();
}
function drawWatermark() {
const canvas = document.getElementById("writing-canvas");
if (!canvas) return;
const ctx = canvas.getContext("2d");
const w = canvas.width;
const h = canvas.height;
drawGuidelines(ctx, w, h);
if (writingState.showWatermark) {
ctx.save();
ctx.font = `bold ${writingState.mode === "letters" ? "120px" : "75px"} "Marck Script", "Caveat", cursive`;
ctx.fillStyle = "rgba(199, 210, 254, 0.45)";
ctx.textAlign = "center";
ctx.textBaseline = "alphabetic";
const textToDraw = writingState.mode === "letters"
? `${CYRILLIC_ALPHABET[writingState.currentIndex].char} ${CYRILLIC_ALPHABET[writingState.currentIndex].lower}`
: WRITING_WORDS[writingState.currentIndex].ru;
ctx.fillText(textToDraw, w / 2, h * 0.70);
ctx.restore();
}
}
function clearWritingCanvas() {
const canvas = document.getElementById("writing-canvas");
if (!canvas) return;
drawWatermark();
const instr = document.getElementById("canvas-instructions");
if (instr) instr.style.display = "block";
}
function toggleWatermark() {
writingState.showWatermark = !writingState.showWatermark;
const btn = document.getElementById("btn-toggle-watermark");
if (btn) {
btn.innerText = writingState.showWatermark ? "👁️ Masquer Modèle" : "👁️ Afficher Modèle";
}
drawWatermark();
}
function setInkColor(color) {
writingState.inkColor = color;
}
function setBrushSize(size) {
writingState.brushSize = parseInt(size, 10) || 7;
}
/* --- GUIDE TABLE LOGIC --- */
function renderCursiveGuideTable() {
const tbody = document.getElementById("cursive-guide-tbody");
if (!tbody) return;
tbody.innerHTML = "";
CYRILLIC_ALPHABET.forEach((item, idx) => {
const tr = document.createElement("tr");
tr.className = "hover:bg-indigo-50/50 transition-colors";
tr.innerHTML = `
${item.char} ${item.lower}
${item.char} ${item.lower}
[ ${item.sound} ] — ${item.word} (${item.wordFr}) ${CURSIVE_TIPS[item.char] || "Tracé régulier."}
✍️ Tracer
`;
tbody.appendChild(tr);
});
}
function selectLetterFromTable(idx) {
switchWritingTab("canvas");
selectLetterToWrite(idx);
}
/* --- TYPING WORKSHOP LOGIC --- */
const TYPING_CHALLENGES = [
{ fr: "नमस्ते (अनौपचारिक)", sound: "Privet", ru: "ПРИВЕТ" },
{ fr: "धन्यवाद", sound: "Spasibo", ru: "СПАСИБО" },
{ fr: "हाँ", sound: "Da", ru: "ДА" },
{ fr: "नहीं", sound: "Net", ru: "НЕТ" },
{ fr: "घर", sound: "Dom", ru: "ДОМ" },
{ fr: "माँ", sound: "Mama", ru: "МАМА" },
{ fr: "बिल्ली", sound: "Kot", ru: "КОТ" },
{ fr: "पानी", sound: "Voda", ru: "ВОДА" },
{ fr: "रूस", sound: "Rossiya", ru: "РОССИЯ" },
{ fr: "चाय", sound: "Chay", ru: "ЧАЙ" }
];
let typingIndex = 0;
function initTypingPractice() {
renderTypingVirtualKeyboard();
loadTypingWord();
}
function renderTypingVirtualKeyboard() {
const container = document.getElementById("typing-virtual-keyboard");
if (!container) return;
container.innerHTML = "";
CYRILLIC_ALPHABET.forEach(item => {
const btn = document.createElement("button");
btn.className = "w-8 h-8 sm:w-9 sm:h-9 bg-white hover:bg-indigo-50 border border-gray-300 hover:border-indigo-400 rounded-lg text-sm font-black text-gray-800 cursor-pointer shadow-2xs transition-all active:scale-95";
btn.innerText = item.char;
btn.onclick = () => typeLetter(item.char);
container.appendChild(btn);
});
}
function loadTypingWord() {
const word = TYPING_CHALLENGES[typingIndex];
writingState.typingCurrentWord = word;
writingState.typingCurrentInput = "";
document.getElementById("typing-prompt-fr").innerText = `"${word.fr}"`;
document.getElementById("typing-prompt-hint").innerText = `Phonétique : [ ${word.sound} ]`;
document.getElementById("typing-input").value = "";
const fb = document.getElementById("typing-feedback");
if (fb) fb.classList.add("hidden");
}
function typeLetter(char) {
writingState.typingCurrentInput += char;
document.getElementById("typing-input").value = writingState.typingCurrentInput;
}
function backspaceTyping() {
writingState.typingCurrentInput = writingState.typingCurrentInput.slice(0, -1);
document.getElementById("typing-input").value = writingState.typingCurrentInput;
}
function checkTypingAnswer() {
const input = writingState.typingCurrentInput.trim().toUpperCase();
const expected = writingState.typingCurrentWord.ru.toUpperCase();
const fb = document.getElementById("typing-feedback");
fb.classList.remove("hidden", "bg-green-100", "text-green-800", "bg-red-100", "text-red-800");
if (input === expected) {
playSound("success");
fb.className = "text-xs font-black p-2.5 rounded-xl text-center bg-green-100 text-green-800";
fb.innerText = `✅ Parfait ! Vous avez correctement écrit "${expected}" ! (+15 XP)`;
state.xp += 15;
recordScoreSession(`Écriture : ${expected}`, 15, "Saisie Validée");
updateStats();
} else {
playSound("error");
fb.className = "text-xs font-black p-2.5 rounded-xl text-center bg-red-100 text-red-800";
fb.innerText = `❌ Oups ! Vous avez tapé "${input || '—'}". Le mot attendu était "${expected}". Réessayez !`;
}
}
function nextTypingWord() {
typingIndex = (typingIndex + 1) % TYPING_CHALLENGES.length;
loadTypingWord();
}
/* ========================================================
REVISION VOCALE MULTILINGUE (4 LANGUES : RU, FR, EN, DE)
======================================================== */
let mediaRecorder = null;
let audioChunks = [];
let currentRevisionLang = 'ru';
let currentRevisionPhrase = null;
const ALL_REVISION_PHRASES = {
ru: [
{ word: "Привет", phonetic: "प्रिव्येत", meaning: "नमस्ते / हाय (अनौपचारिक)", tts: "Привет", lang: "ru" },
{ word: "Здравствуйте", phonetic: "ज़्द्रास्त्वुइत्ये", meaning: "नमस्ते (औपचारिक / आदरपूर्वक)", tts: "Здравствуйте", lang: "ru" },
{ word: "Доброе утро", phonetic: "दोब्रोये ऊत्रो", meaning: "शुभ प्रभात (गुड मॉर्निंग)", tts: "Доброе утро", lang: "ru" },
{ word: "Как дела?", phonetic: "काक दिला?", meaning: "आप कैसे हैं? / क्या हाल है?", tts: "Как дела?", lang: "ru" },
{ word: "Спасибо, хорошо", phonetic: "स्पसीबा, खराशो", meaning: "धन्यवाद, सब ठीक है", tts: "Спасибо, хорошо", lang: "ru" },
{ word: "Пожалуйста", phonetic: "पझालुस्ता", meaning: "कृपया / कोई बात नहीं", tts: "Пожалуйста", lang: "ru" },
{ word: "До свидания", phonetic: "दा स्विदानिया", meaning: "अलविदा / फिर मिलेंगे", tts: "До свидания", lang: "ru" },
{ word: "Где метро?", phonetic: "ग्द्ये मित्रो?", meaning: "मेट्रो स्टेशन कहाँ है?", tts: "Где метро?", lang: "ru" },
{ word: "Сколько это стоит?", phonetic: "स्कोल्को एतो स्तोइत?", meaning: "इसकी कीमत क्या है?", tts: "Сколько это стоит?", lang: "ru" },
{ word: "Я не понимаю", phonetic: "या नि पनीमायु", meaning: "मुझे समझ नहीं आया", tts: "Я не понимаю", lang: "ru" },
{ word: "Вы говорите по-английски?", phonetic: "वि गवारित्ये पा-अंग्लिस्की?", meaning: "क्या आप अंग्रेज़ी बोलते हैं?", tts: "Вы говорите по-английски?", lang: "ru" },
{ word: "Помогите мне, пожалуйста", phonetic: "पामगित्ये म्ने, पझालुस्ता", meaning: "कृपया मेरी मदद करें", tts: "Помогите мне, пожалуйста", lang: "ru" },
{ word: "Всё в порядке", phonetic: "व्स्यो व पार्याद्के", meaning: "सब कुछ ठीक है", tts: "Всё в порядке", lang: "ru" },
{ word: "Менया зовут...", phonetic: "मिन्या ज़ावूत...", meaning: "मेरा नाम ... है", tts: "Меня зовут", lang: "ru" },
{ word: "Приятного аппетита", phonetic: "प्रियत्नावो अपितिता", meaning: "भोजन का आनंद लें", tts: "Приятного аппетита", lang: "ru" }
],
fr: [
{ word: "Bonjour", phonetic: "बोंजूर", meaning: "नमस्ते / शुभ दिन (औपचारिक)", tts: "Bonjour", lang: "fr" },
{ word: "Salut", phonetic: "सालू", meaning: "नमस्ते / हाय (अनौपचारिक)", tts: "Salut", lang: "fr" },
{ word: "Bonsoir", phonetic: "बोंसवार", meaning: "शुभ संध्या (गुड इवनिंग)", tts: "Bonsoir", lang: "fr" },
{ word: "Comment ça va ?", phonetic: "कोमां सा वा?", meaning: "आप कैसे हैं? / क्या हाल है?", tts: "Comment ça va ?", lang: "fr" },
{ word: "Merci beaucoup", phonetic: "मेर्सी बोकू", meaning: "बहुत-बहुत धन्यवाद", tts: "Merci beaucoup", lang: "fr" },
{ word: "S'il vous plaît", phonetic: "सील वू प्ले", meaning: "कृपया (औपचारिक)", tts: "S'il vous plaît", lang: "fr" },
{ word: "De rien", phonetic: "द रियान", meaning: "कोई बात नहीं / आपका स्वागत है", tts: "De rien", lang: "fr" },
{ word: "Au revoir", phonetic: "ओ रववार", meaning: "अलविदा / फिर मिलेंगे", tts: "Au revoir", lang: "fr" },
{ word: "Où est le métro ?", phonetic: "ऊ ए ल मेट्रो?", meaning: "मेट्रो कहाँ है?", tts: "Où est le métro ?", lang: "fr" },
{ word: "Combien ça coûte ?", phonetic: "कोंबियां सा कूत?", meaning: "इसकी कीमत क्या है?", tts: "Combien ça coûte ?", lang: "fr" },
{ word: "Je ne comprends pas", phonetic: "झ न कोमप्रां पा", meaning: "मुझे समझ नहीं आया", tts: "Je ne comprends pas", lang: "fr" },
{ word: "Parlez-vous anglais ?", phonetic: "पार्ले-वू ऑंग्ले?", meaning: "क्या आप अंग्रेज़ी बोलते हैं?", tts: "Parlez-vous anglais ?", lang: "fr" },
{ word: "Pouvez-vous m'aider ?", phonetic: "पूवे-वू मेदे?", meaning: "क्या आप मेरी मदद कर सकते हैं?", tts: "Pouvez-vous m'aider ?", lang: "fr" },
{ word: "Tout va bien", phonetic: "तू वा बियां", meaning: "सब ठीक है", tts: "Tout va bien", lang: "fr" },
{ word: "Bonne journée", phonetic: "बोन जुर्ने", meaning: "आपका दिन शुभ हो", tts: "Bonne journée", lang: "fr" }
],
en: [
{ word: "Hello", phonetic: "हैलो", meaning: "नमस्ते / हैलो", tts: "Hello", lang: "en" },
{ word: "Good morning", phonetic: "गुड मॉर्निंग", meaning: "शुभ प्रभात", tts: "Good morning", lang: "en" },
{ word: "Good afternoon", phonetic: "गुड आफ्टरनून", meaning: "शुभ दोपहर", tts: "Good afternoon", lang: "en" },
{ word: "How are you?", phonetic: "हाउ आर यू?", meaning: "आप कैसे हैं?", tts: "How are you?", lang: "en" },
{ word: "Thank you very much", phonetic: "थैंक यू वेरी मच", meaning: "आपका बहुत-बहुत धन्यवाद", tts: "Thank you very much", lang: "en" },
{ word: "Please", phonetic: "प्लीज", meaning: "कृपया", tts: "Please", lang: "en" },
{ word: "You are welcome", phonetic: "यू आर वेलकम", meaning: "आपका स्वागत है", tts: "You are welcome", lang: "en" },
{ word: "Goodbye", phonetic: "गुडबाय", meaning: "अलविदा", tts: "Goodbye", lang: "en" },
{ word: "Where is the station?", phonetic: "व्हेयर इज द स्टेशन?", meaning: "स्टेशन कहाँ है?", tts: "Where is the station?", lang: "en" },
{ word: "How much does it cost?", phonetic: "हाउ मच डज इट कॉस्ट?", meaning: "इसकी कीमत क्या है?", tts: "How much does it cost?", lang: "en" },
{ word: "I do not understand", phonetic: "आई डू नॉट अंडरस्टैंड", meaning: "मुझे समझ नहीं आ रहा", tts: "I do not understand", lang: "en" },
{ word: "Can you help me?", phonetic: "कैन यू हेल्प मी?", meaning: "क्या आप मेरी मदद कर सकते हैं?", tts: "Can you help me?", lang: "en" },
{ word: "Where is the bathroom?", phonetic: "व्हेयर इज द बाथरूम?", meaning: "शौचालय कहाँ है?", tts: "Where is the bathroom?", lang: "en" },
{ word: "Everything is fine", phonetic: "एवरीथिंग इज फाइन", meaning: "सब ठीक है", tts: "Everything is fine", lang: "en" },
{ word: "Have a nice day", phonetic: "हैव अ नाइस डे", meaning: "आपका दिन शुभ हो", tts: "Have a nice day", lang: "en" }
],
de: [
{ word: "Hallo", phonetic: "हालो", meaning: "नमस्ते / हैलो", tts: "Hallo", lang: "de" },
{ word: "Guten Morgen", phonetic: "गुटेन मोर्गन", meaning: "शुभ प्रभात", tts: "Guten Morgen", lang: "de" },
{ word: "Guten Tag", phonetic: "गुटेन ताग", meaning: "शुभ दिन / नमस्ते", tts: "Guten Tag", lang: "de" },
{ word: "Wie geht es Ihnen?", phonetic: "वी गेट एस ईनेन?", meaning: "आप कैसे हैं? (औपचारिक)", tts: "Wie geht es Ihnen?", lang: "de" },
{ word: "Vielen Dank", phonetic: "फीलन डांक", meaning: "बहुत-बहुत धन्यवाद", tts: "Vielen Dank", lang: "de" },
{ word: "Bitte schön", phonetic: "बिटे श्योन", meaning: "कृपया / कोई बात नहीं", tts: "Bitte schön", lang: "de" },
{ word: "Auf Wiedersehen", phonetic: "औफ वीडरज़ेन", meaning: "फिर मिलेंगे / अलविदा", tts: "Auf Wiedersehen", lang: "de" },
{ word: "Tschüss", phonetic: "च्यूस", meaning: "बाय / अलविदा (अनौपचारिक)", tts: "Tschüss", lang: "de" },
{ word: "Wo ist der Bahnhof?", phonetic: "वो इस्ट डेर बानहोफ?", meaning: "रेलवे स्टेशन कहाँ है?", tts: "Wo ist der Bahnhof?", lang: "de" },
{ word: "Wie viel kostet das?", phonetic: "वी फील कोस्टेत दास?", meaning: "इसकी कीमत क्या है?", tts: "Wie viel kostet das?", lang: "de" },
{ word: "Ich verstehe nicht", phonetic: "इश फेरश्टेहे निष्ट", meaning: "मुझे समझ नहीं आया", tts: "Ich verstehe nicht", lang: "de" },
{ word: "Sprechen Sie Englisch?", phonetic: "श्प्रेषेन ज़ी एंग्लिश?", meaning: "क्या आप अंग्रेज़ी बोलते हैं?", tts: "Sprechen Sie Englisch?", lang: "de" },
{ word: "Können Sie mir helfen?", phonetic: "क्योनेन ज़ी मीर हेल्फेन?", meaning: "क्या आप मेरी मदद कर सकते हैं?", tts: "Können Sie mir helfen?", lang: "de" },
{ word: "Alles ist gut", phonetic: "आलेस इस्ट गूट", meaning: "सब कुछ ठीक है", tts: "Alles ist gut", lang: "de" },
{ word: "Schönen Tag noch", phonetic: "श्योनेन ताग नोख", meaning: "आपका दिन शुभ रहे", tts: "Schönen Tag noch", lang: "de" }
]
};
let revisionPhrases = [];
function changeRevisionLang(lang) {
currentRevisionLang = lang || 'ru';
initRevisionModule(currentRevisionLang);
}
function initRevisionModule(forcedLang) {
const lang = forcedLang || currentRevisionLang || (state && state.currentLang) || 'ru';
currentRevisionLang = lang;
// Classes statiques hardcodées par langue (Tailwind JIT ne supporte pas les classes dynamiques)
var ACTIVE = {
ru: 'py-2.5 px-3 rounded-2xl font-black text-xs flex items-center justify-center gap-1.5 transition-all border-2 border-green-500 bg-green-50 text-green-800 shadow-sm cursor-pointer scale-105 ring-1 ring-green-400',
fr: 'py-2.5 px-3 rounded-2xl font-black text-xs flex items-center justify-center gap-1.5 transition-all border-2 border-blue-500 bg-blue-50 text-blue-800 shadow-sm cursor-pointer scale-105 ring-1 ring-blue-400',
en: 'py-2.5 px-3 rounded-2xl font-black text-xs flex items-center justify-center gap-1.5 transition-all border-2 border-red-500 bg-red-50 text-red-800 shadow-sm cursor-pointer scale-105 ring-1 ring-red-400',
de: 'py-2.5 px-3 rounded-2xl font-black text-xs flex items-center justify-center gap-1.5 transition-all border-2 border-yellow-500 bg-yellow-50 text-yellow-800 shadow-sm cursor-pointer scale-105 ring-1 ring-yellow-400'
};
var INACTIVE = 'py-2.5 px-3 rounded-2xl font-black text-xs flex items-center justify-center gap-1.5 transition-all border-2 border-gray-200 bg-white text-gray-500 cursor-pointer scale-100 opacity-70';
var tabInfo = {
ru: { flag: '🇷🇺', name: 'रूसी उच्चारण' },
fr: { flag: '🇫🇷', name: 'फ़्रेंच उच्चारण' },
en: { flag: '🇬🇧', name: 'अंग्रेज़ी उच्चारण' },
de: { flag: '🇩🇪', name: 'जर्मन उच्चारण' }
};
['ru', 'fr', 'en', 'de'].forEach(function(key) {
var el = document.getElementById('rev-tab-' + key);
if (!el) return;
el.className = (key === lang) ? (ACTIVE[key] || ACTIVE.ru) : INACTIVE;
});
// Mettre à jour les badges de la carte
var info = tabInfo[lang] || tabInfo.ru;
var badgeFlag = document.getElementById('rev-badge-flag');
var badgeLang = document.getElementById('rev-badge-lang');
if (badgeFlag) badgeFlag.textContent = info.flag;
if (badgeLang) badgeLang.textContent = info.name;
// Charger les phrases
revisionPhrases = (ALL_REVISION_PHRASES && ALL_REVISION_PHRASES[lang]) ? ALL_REVISION_PHRASES[lang] :
(ALL_REVISION_PHRASES && ALL_REVISION_PHRASES['ru']) ? ALL_REVISION_PHRASES['ru'] : [];
var select = document.getElementById('revision-phrase-select');
var debugText = document.getElementById('revision-ru-text');
if (!select) {
if (debugText) debugText.textContent = "ERREUR: Select introuvable";
return;
}
if (!revisionPhrases || revisionPhrases.length === 0) {
if (debugText) debugText.textContent = "ERREUR: phrases vides pour " + lang + ". Type: " + typeof ALL_REVISION_PHRASES;
return;
}
select.options.length = 0;
revisionPhrases.forEach(function(p, index) {
var opt = document.createElement('option');
opt.value = index;
// N'utiliser QUE la signification Hindi (pas de Cyrillique) pour éviter que
// Google Translate ne détruise le texte des options
opt.textContent = (index + 1) + '. ' + p.meaning;
select.add(opt);
});
select.selectedIndex = 0;
loadRevisionPhrase();
}
function loadRevisionPhrase() {
try {
const select = document.getElementById('revision-phrase-select');
const ruText = document.getElementById('revision-ru-text');
if (!select || !revisionPhrases || revisionPhrases.length === 0) {
if (ruText) ruText.textContent = "ERREUR: Pas de phrases à charger";
return;
}
const index = parseInt(select.value, 10);
const finalIndex = isNaN(index) ? 0 : index;
currentRevisionPhrase = revisionPhrases[finalIndex];
if (!currentRevisionPhrase) {
if (ruText) ruText.textContent = "ERREUR: Phrase introuvable à l'index " + finalIndex;
return;
}
const frText = document.getElementById('revision-fr-text');
const phoneticText = document.getElementById('revision-phonetic-text');
const counter = document.getElementById('rev-phrase-counter');
if (ruText) ruText.textContent = currentRevisionPhrase.word;
if (phoneticText) phoneticText.textContent = currentRevisionPhrase.phonetic || currentRevisionPhrase.word;
if (frText) frText.textContent = currentRevisionPhrase.meaning;
if (counter) counter.textContent = (finalIndex + 1) + ' / ' + revisionPhrases.length;
const playbackContainer = document.getElementById('audio-playback-container');
if (playbackContainer) playbackContainer.classList.add('hidden');
} catch (err) {
const ruText = document.getElementById('revision-ru-text');
if (ruText) ruText.textContent = "CRASH: " + err.message;
}
}
/* ========================================================
AI PRONUNCIATION COACH (VOCABULARY MODAL)
======================================================== */
let currentPronunciationWord = '';
let pronMediaRecorder = null;
let pronAudioChunks = [];
let pronIsRecording = false;
function openPronunciationModal(word) {
if (!word) return;
currentPronunciationWord = word;
const wordEl = document.getElementById('pronunciation-word');
if (wordEl) wordEl.textContent = word;
const statusEl = document.getElementById('pronunciation-status');
if (statusEl) statusEl.classList.add('hidden');
const loadingEl = document.getElementById('pronunciation-loading');
if (loadingEl) loadingEl.classList.add('hidden');
const resultEl = document.getElementById('pronunciation-result');
if (resultEl) resultEl.classList.add('hidden');
const recordBtn = document.getElementById('pronunciation-record-btn');
if (recordBtn) {
recordBtn.className = "w-20 h-20 bg-purple-100 text-purple-600 rounded-full text-4xl shadow-md border-4 border-purple-200 hover:bg-purple-200 transition-all flex items-center justify-center mx-auto select-none cursor-pointer";
recordBtn.textContent = '🎤';
}
openModal('pronunciation-modal');
}
async function startPronunciationRecording(e) {
if (e && e.preventDefault) e.preventDefault();
if (pronIsRecording) return;
try {
const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
pronMediaRecorder = new MediaRecorder(stream);
pronAudioChunks = [];
pronMediaRecorder.ondataavailable = event => {
if (event.data && event.data.size > 0) {
pronAudioChunks.push(event.data);
}
};
pronMediaRecorder.onstop = async () => {
stream.getTracks().forEach(track => track.stop());
const audioBlob = new Blob(pronAudioChunks, { type: 'audio/webm' });
if (audioBlob.size < 100) return;
const reader = new FileReader();
reader.onloadend = async () => {
const base64Data = reader.result;
await submitPronunciationAudio(base64Data);
};
reader.readAsDataURL(audioBlob);
};
pronMediaRecorder.start();
pronIsRecording = true;
const btn = document.getElementById('pronunciation-record-btn');
if (btn) {
btn.className = "w-20 h-20 bg-red-600 text-white rounded-full text-4xl shadow-md border-4 border-red-300 animate-pulse transition-all flex items-center justify-center mx-auto select-none cursor-pointer";
btn.textContent = '🔴';
}
const status = document.getElementById('pronunciation-status');
if (status) status.classList.remove('hidden');
const result = document.getElementById('pronunciation-result');
if (result) result.classList.add('hidden');
} catch (err) {
console.error("Pronunciation mic error:", err);
alert("🎤 माइक्रोफ़ोन तक पहुंचने में असमर्थ। कृपया ब्राउज़र में परमिशन दें।");
}
}
function stopPronunciationRecording(e) {
if (e && e.preventDefault) e.preventDefault();
if (!pronIsRecording || !pronMediaRecorder) return;
pronIsRecording = false;
const btn = document.getElementById('pronunciation-record-btn');
if (btn) {
btn.className = "w-20 h-20 bg-purple-100 text-purple-600 rounded-full text-4xl shadow-md border-4 border-purple-200 hover:bg-purple-200 transition-all flex items-center justify-center mx-auto select-none cursor-pointer";
btn.textContent = '🎤';
}
const status = document.getElementById('pronunciation-status');
if (status) status.classList.add('hidden');
if (pronMediaRecorder.state === 'recording') {
pronMediaRecorder.stop();
}
}
async function submitPronunciationAudio(base64Audio) {
const loading = document.getElementById('pronunciation-loading');
const result = document.getElementById('pronunciation-result');
const scoreEl = document.getElementById('pronunciation-score');
const feedbackEl = document.getElementById('pronunciation-feedback');
if (loading) loading.classList.remove('hidden');
if (result) result.classList.add('hidden');
try {
const res = await fetch('api/pronunciation.php', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
credentials: 'include',
body: JSON.stringify({
audio_base64: base64Audio,
word: currentPronunciationWord,
lang: state.currentLang || 'ru'
})
});
const data = await res.json();
if (loading) loading.classList.add('hidden');
if (data.error) {
alert('⚠️ ' + data.error);
return;
}
if (result && scoreEl && feedbackEl) {
const score = parseInt(data.score, 10) || 0;
scoreEl.textContent = `${score} / 10`;
scoreEl.className = score >= 8
? "text-lg font-black text-emerald-600"
: (score >= 5 ? "text-lg font-black text-amber-600" : "text-lg font-black text-red-600");
feedbackEl.textContent = data.feedback || '';
result.classList.remove('hidden');
if (score >= 8) {
playSound('success');
state.xp += 10;
updateStats();
if (state.isLoggedIn) apiSyncProgress();
}
}
} catch (err) {
if (loading) loading.classList.add('hidden');
console.error("Pronunciation submit error:", err);
alert("❌ उच्चारण जांच विफल रही। कृपया पुनः प्रयास करें।");
}
}
async function startRecording() {
try {
const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
mediaRecorder = new MediaRecorder(stream);
audioChunks = [];
mediaRecorder.ondataavailable = event => {
audioChunks.push(event.data);
};
mediaRecorder.onstop = () => {
const audioBlob = new Blob(audioChunks, { type: 'audio/webm' });
const audioUrl = URL.createObjectURL(audioBlob);
const audio = document.getElementById('audio-playback');
audio.src = audioUrl;
document.getElementById('audio-playback-container').classList.remove('hidden');
stream.getTracks().forEach(track => track.stop());
};
mediaRecorder.start();
const btn = document.getElementById('btn-record-voice');
btn.classList.remove('btn-rose');
btn.classList.add('bg-red-600', 'text-white', 'animate-pulse');
document.getElementById('record-text').textContent = "रिकॉर्डिंग जारी है...";
document.getElementById('record-icon').textContent = "🔴";
} catch (err) {
console.error("Erreur microphone :", err);
alert("माइक्रोफ़ोन तक पहुंचने में असमर्थ। कृपया ब्राउज़र में परमिशन दें।");
}
}
function stopRecording() {
if (mediaRecorder && mediaRecorder.state === "recording") {
mediaRecorder.stop();
const btn = document.getElementById('btn-record-voice');
btn.classList.remove('bg-red-600', 'text-white', 'animate-pulse');
btn.classList.add('btn-rose');
document.getElementById('record-text').textContent = "बोलने के लिए दबाए रखें";
document.getElementById('record-icon').textContent = "🎤";
}
}
function validateRevision() {
const xpMsg = document.getElementById('revision-xp-msg');
if (xpMsg && xpMsg.dataset.validated === '1') return; // Éviter double XP
if (xpMsg) {
xpMsg.classList.remove('hidden');
xpMsg.dataset.validated = '1';
}
state.xp += 15;
updateStats();
recordScoreSession('Révision Prononciation', 15, 'Prononciation Validée');
if (state.isLoggedIn) apiSyncProgress();
playSound('success');
}
// =========================================================================
// INITIALISATION GLOBALE DE L'APPLICATION
// Doit s'exécuter à la toute fin du script pour que toutes les variables
// et constantes (let/const) soient évaluées et échappent à la Temporal Dead Zone
// =========================================================================
updateAuthUI(); // Masquer XP/vies/IA immédiatement (isLoggedIn = false par défaut)
switchLanguage(state.currentLang, true); // Applique immédiatement la langue active, ses données et ses badges
checkCGUConsent();
checkExistingSession(); // Vérifie la session serveur en arrière-plan
🤖
🤖
नमस्ते! 🙏 मैं गुरुजी हूँ — आपका AI रूसी शिक्षक!
🏠 होम
📖 पाठ
🏆 रैंक
👤 प्रोफ़ाइल