Update app.py

app.py

@@ -9,7 +9,7 @@ import base64
 import html
 
 # Konfiguration
-DATA_URL = "https://huggingface.co"
+DATA_URL = "https://huggingface.co/datasets/Manidar/DEZD-Dictionary-Kirmancki/resolve/main/kirmancki%20qesebend%20dictionary.csv"
 LOGO_NAME = "logo.jpg" 
 
 def load_data():
@@ -45,78 +45,117 @@ def markiere_rot(text, suchwort):
     pattern = re.compile(re.escape(str(suchwort)), re.IGNORECASE)
     return pattern.sub(lambda m: f"<span style='color:#e53935; font-weight:bold;'>{m.group(0)}</span>", text_str)
 
-def suche(query):
-    if DF_GLOBAL is None or not query or len(query.strip()) < 2:
-        return ""
-    query_clean = query.strip().lower()
-    ergebnisse = DF_GLOBAL[
-        DF_GLOBAL['Kirm'].str.contains(query_clean, case=False, na=False) |
-        DF_GLOBAL['Tr'].str.contains(query_clean, case=False, na=False) |
-        DF_GLOBAL['De'].str.contains(query_clean, case=False, na=False)
-    ].head(15)
+# Diese Funktion wird nun bei jedem Laden der Seite aufgerufen
+def get_header_data_dynamic():
+    if DF_GLOBAL is None or DF_GLOBAL.empty:
+        return "⚠️ Veriler yüklenemedi.", ""
+    total = len(DF_GLOBAL)
+    seed = int(datetime.now().strftime("%Y%m%d"))
+    wotd_row = DF_GLOBAL.sample(n=1, random_state=seed).iloc[0].to_dict()
+    
+    stats = f"📊 **{total}** Qesey u Ornagi (Kelimeler ve Örnekler)"
+    
+    langs = []
+    if str(wotd_row.get('Tr', '')).strip(): langs.append(f"🇹🇷 {wotd_row['Tr']}")
+    if str(wotd_row.get('De', '')).strip(): langs.append(f"🇩🇪 {wotd_row['De']}")
+    if 'En' in wotd_row and str(wotd_row.get('En', '')).strip(): langs.append(f"🇬🇧 {wotd_row['En']}")
+    lang_html = "<br>".join(langs)
+    
+    wotd_html = f"""
+    <div style='background-color: #f1f4ff; color: #1a237e; padding: 20px; border-radius: 12px; border-left: 8px solid #3f51b5; margin: 15px 0; border: 1px solid #d1d9ff;'>
+        <small style='color: #3f51b5; text-transform: uppercase; font-weight: bold;'>ROCA QESEY (Günün Kelimesi):</small><br>
+        <div style='margin-top: 10px;'>
+            <b style='font-size: 2em;'>{wotd_row['Kirm']}</b><br>
+            <div style='font-size: 1.1em; margin-top: 5px; color: #303f9f;'>{lang_html}</div>
+        </div>
+    </div>
+    """
+    return f"<div style='text-align:center; margin-bottom: 10px; color: #555;'>{stats}</div>", wotd_html
+
+js_speak = """
+function speak(text) {
+    window.speechSynthesis.cancel();
+    const msg = new SpeechSynthesisUtterance(text);
+    msg.lang = 'tr-TR'; 
+    msg.rate = 0.5; 
+    window.speechSynthesis.speak(msg);
+}
+"""
+
+def suche(wort):
+    wort = str(wort).strip()
+    if len(wort) < 2: return "<p style='text-align:center; color:#777;'>✍️ Bınusnê...</p>"
+    if DF_GLOBAL is None: return "Hata."
+    
+    mask = DF_GLOBAL.astype(str).apply(lambda x: x.str.contains(wort, case=False, na=False)).any(axis=1)
+    ergebnis = DF_GLOBAL[mask].head(50)
     
-    if ergebnisse.empty: 
-        return "<p style='text-align:center; color:red; font-weight:bold;'>❌ Çi nêbi / Bulunamadı.</p>"
+    if ergebnis.empty: return "<h3 style='text-align:center;'>❌ Çino.</h3>"
     
-    html_output = "<div style='display: flex; flex-direction: column; gap: 10px;'>"
-    for _, row in ergebnisse.iterrows():
-        kirm = markiere_rot(row['Kirm'], query_clean)
-        tr = markiere_rot(row['Tr'], query_clean)
-        de = markiere_rot(row['De'], query_clean)
+    html_output = ""
+    for _, row in ergebnis.iterrows():
+        clean_text = str(row['Kirm']).replace("'", "\\'")
+        kirm = markiere_rot(row['Kirm'], wort)
+        
+        trans_lines = []
+        if str(row.get('Tr', '')).strip():
+            trans_lines.append(f"<div style='margin-bottom:2px;'><b>TR:</b> {markiere_rot(row['Tr'], wort)}</div>")
+        if str(row.get('De', '')).strip():
+            trans_lines.append(f"<div style='margin-bottom:2px;'><b>DE:</b> {markiere_rot(row['De'], wort)}</div>")
+        if str(row.get('En', '')).strip():
+            trans_lines.append(f"<div><b>EN:</b> {markiere_rot(row['En'], wort)}</div>")
+            
         html_output += f"""
-        <div style='border: 1px solid #ddd; padding: 10px; border-radius: 8px; background: white;'>
-            <strong style='font-size: 1.2em; color: #e53935;'>{kirm}</strong><br>
-            <span style='color: #555;'>TR: {tr}</span> | <span style='color: #555;'>DE: {de}</span>
+        <div style='margin-bottom: 25px; border-bottom: 1px solid #eee; padding-bottom: 15px;'>
+            <div style='display: flex; align-items: center; margin-bottom: 8px;'>
+                <h2 style='color:#1a237e; margin: 0 12px 0 0;'>☀️ {kirm}</h2>
+                <button onclick="speak('{clean_text}')" title="Gose de" style='cursor:pointer; background:transparent; border:none; font-size:1.3em; color:#1a237e;'>🎧</button>
+            </div>
+            <div style='color:#444; line-height: 1.6;'>
+                {"".join(trans_lines)}
+            </div>
         </div>
         """
-    return html_output + "</div>"
+    return html_output
 
-def get_daily_word():
-    if DF_GLOBAL is None or DF_GLOBAL.empty:
-        return ""
-    seed = int(datetime.now().strftime("%Y%m%d"))
-    word_row = DF_GLOBAL.sample(n=1, random_state=seed).iloc[0]
-    
-    return f"""
-    <div style='text-align:center; border:2px solid #e53935; padding:15px; border-radius:12px; background-color: #fff5f5; margin-bottom: 20px;'>
-        <h3 style='margin-top:0; color: #333;'>Qesê Roja / Wort des Tages</h3>
-        <p style='font-size:28px; color:#e53935; font-weight:bold; margin: 5px 0;'>{word_row['Kirm']}</p>
-        <p style='font-size:16px; color:#555;'><b>TR:</b> {word_row['Tr']} | <b>DE:</b> {word_row['De']}</p>
-    </div>
-    """
+logo_data = get_base64_image(LOGO_NAME)
+
+custom_css = """
+#search_input input { 
+    border: 1px solid black !important; 
+    box-shadow: none !important; 
+    outline: 2px solid transparent !important;
+}
+#search_input input:focus { 
+    border: 1.5px solid black !important; 
+}
+footer { display: none !important; }
+"""
 
-# Interface Layout
-with gr.Blocks(css="footer {visibility: hidden}", title="Kırmancki Qesebend") as demo:
+with gr.Blocks(theme=gr.themes.Soft(primary_hue="indigo"), head=f"<script>{js_speak}</script>", css=custom_css) as demo:
     with gr.Column():
-        # Logo
-        logo_base64 = get_base64_image(LOGO_NAME)
-        if logo_base64:
-            gr.HTML(f"<div style='text-align:center;'><img src='{logo_base64}' width='150' style='margin:auto;'></div>")
-        
-        gr.HTML("<h1 style='text-align:center; color: #e53935;'>Kırmancki - Qesebend</h1>")
-        
-        # Wort des Tages (FIX: latex_delimiters=[] verhindert KaTeX Fehler)
-        word_of_the_day_display = gr.HTML(latex_delimiters=[])
-        
-        # Suchbereich
-        search_input = gr.Textbox(
-            label="Bıgêyre / Kelime gir...",
-            placeholder="Mesela: 'mı'...",
-            lines=1
-        )
+        if logo_data:
+            gr.HTML(f'<div style="text-align:center;"><img src="{logo_data}" width="420" style="margin: 0 auto; display: block;"></div>')
+        gr.HTML('<h1 style="text-align:center; margin-top: 10px;">DEZD Kırmancki Qesebend</h1>')
         
-        search_results = gr.HTML(latex_delimiters=[])
-        
-        # Fußzeile
-        gr.HTML("""
-        <div style='margin-top: 50px; text-align: center; border-top: 1px solid #eee; padding-top: 20px;'>
-            <p style='color: #888;'>Xeta, Feedback u Geyrayış / Fehler, Feedback und Suche</p>
+        # Diese Platzhalter werden beim Laden gefüllt
+        stats_display = gr.HTML()
+        wotd_display = gr.HTML()
+
+    suche_input = gr.Textbox(label="Cıgêyre / Ara", placeholder="Kelime gir...", autofocus=True, elem_id="search_input")
+    result_output = gr.HTML()
+    
+    gr.HTML("""
+        <div style='text-align:center; margin-top: 50px; padding: 20px; border-top: 1px solid #eee; color: #555;'>
+            <p>📩 <a href="mailto:info@manidar.org">Xate vace</a> | 💬 <a href="mailto:info@manidar.org">Feedback</a></p>
+            <p style='margin-top: 15px; font-size: 1.1em;'><b>Raresnayoğe: Gülten Karaca</b></p>
         </div>
-        """)
-        
-        # Events
-        search_input.change(fn=suche, inputs=search_input, outputs=search_results)
-        demo.load(fn=get_daily_word, outputs=word_of_the_day_display)
+    """)
+    
+    # Events
+    suche_input.change(fn=suche, inputs=suche_input, outputs=result_output)
+    
+    # DAS IST NEU: Lädt Statistiken und Wort des Tages dynamisch beim Seitenaufruf
+    demo.load(fn=get_header_data_dynamic, outputs=[stats_display, wotd_display])
 
-if __name__ == "__main__":
-    demo.launch()
+demo.launch()