Update app.py

app.py

@@ -1,19 +1,39 @@
 import gradio as gr
+from bs4 import BeautifulSoup
 
-def create_searchable_dropdown():
-    """
-    Creates a Gradio interface with a properly working searchable dropdown component
-    """
-    # Example languages list - replace with your full list
-    languages = ["English", "Spanish", "French", "German", "Italian", "Japanese", 
-                "Chinese", "Korean", "Russian", "Arabic", "Hindi", "Portuguese"]
-    
-    def filter_languages(search_term):
-        if not search_term:
-            return gr.update(choices=languages, value=None)
-        filtered = [lang for lang in languages if search_term.lower() in lang.lower()]
-        return gr.update(choices=filtered, value=None if not filtered else filtered[0])
+# Function to parse HTML and create a dictionary
+def parse_html_to_dict(file_path):
+    with open(file_path, 'r', encoding='utf-8') as file:
+        html_content = file.read()
+
+    soup = BeautifulSoup(html_content, 'html.parser')
+    language_dict = {}
+    for p in soup.find_all('p')[1:]:
+        parts = p.get_text().split()
+        if len(parts) >= 2:
+            code = parts[0].strip()
+            name = " ".join(parts[1:]).strip()
+            language_dict[name] = code
+    return language_dict
+
+# Load the languages from the HTML file
+file_path = '1100_lan.htm'  # Update this with your actual file path
+language_dict = parse_html_to_dict(file_path)
+languages = list(language_dict.keys())
+
+# Function to filter languages based on search term
+def filter_languages(search_term):
+    if not search_term:
+        return gr.update(choices=languages, value=None)
+    filtered = [lang for lang in languages if search_term.lower() in lang.lower()]
+    return gr.update(choices=filtered, value=None if not filtered else filtered[0])
+
+# Function to display the language code
+def get_language_code(selected_language):
+    return f"Language Code: {language_dict.get(selected_language, 'Unknown')}"
 
+# Gradio interface
+def create_searchable_dropdown():
     with gr.Blocks() as demo:
         with gr.Row():
             search_input = gr.Textbox(
@@ -28,6 +48,11 @@ def create_searchable_dropdown():
                 show_label=True,
                 interactive=True
             )
+        with gr.Row():
+            language_code_output = gr.Textbox(
+                label="Language Code",
+                interactive=False
+            )
         
         # Update dropdown choices when search input changes
         search_input.change(
@@ -35,6 +60,13 @@ def create_searchable_dropdown():
             inputs=[search_input],
             outputs=language_dropdown
         )
+        
+        # Display the language code when a language is selected
+        language_dropdown.change(
+            fn=get_language_code,
+            inputs=[language_dropdown],
+            outputs=language_code_output
+        )
     
     return demo