from textual.app import App, ComposeResult from textual.containers import Container, Vertical from textual.widgets import Header, Footer, Input, ListView, ListItem, Label, Static from textual import events from typing import List, Optional class TermListItem(ListItem): """ListItem personnalisé pour afficher un terme et sa définition""" def __init__(self, term: str, definition: str, expanded: bool = False) -> None: self.term = term self.definition = definition self.expanded = expanded # Créer le contenu avec le terme et éventuellement la définition content = self._create_content() super().__init__(content) def _create_content(self): """Crée le contenu du ListItem avec ou sans définition""" if self.expanded: return Vertical( Label(f"📌 {self.term}", classes="term-title"), Label(f" {self.definition}", classes="term-definition"), classes="term-expanded" ) else: return Label(f"📌 {self.term}", classes="term-title") def toggle_expand(self): """Bascule l'état d'expansion du terme""" self.expanded = not self.expanded # Mettre à jour le contenu self._update_content() def _update_content(self): """Met à jour le contenu du ListItem""" new_content = self._create_content() # Remplacer l'ancien contenu self.remove_children() self.mount(new_content) class DictionaryApp(App): """Application de dictionnaire avec affichage de la définition sous le terme""" CSS = """ Screen { background: #1e1e2e; } #main-container { height: 100%; width: 100%; padding: 1; background: #1e1e2e; } #search-container { height: auto; min-height: 5; max-height: 8; margin-bottom: 1; background: #2d2d44; padding: 1; } #results-container { height: 100%; background: #2d2d44; padding: 1; overflow-y: auto; } #search-label { color: #89b4fa; text-style: bold; padding-bottom: 1; width: 100%; } Input { background: #3d3d5c; color: #cdd6f4; border: solid #585b70; padding: 1; width: 100%; margin-top: 1; } Input:focus { border: solid #89b4fa; } #results-list { background: #3d3d5c; color: #cdd6f4; height: 100%; min-height: 10; border: solid #585b70; padding: 0; } ListItem { padding: 1; background: #3d3d5c; color: #cdd6f4; width: 100%; border-bottom: solid #45476a; } ListItem:hover { background: #45476a; } ListItem:focus { background: #45476a; } .term-title { color: #89b4fa; text-style: bold; width: 100%; padding: 1; } .term-definition { color: #cdd6f4; padding: 1; padding-left: 2; background: #3d3d5c; width: 100%; border-left: solid #89b4fa; margin-top: 1; } .term-expanded { background: #2d2d44; padding: 0; } #results-label { color: #a6e3a1; padding-bottom: 1; width: 100%; } #preview-container { background: #2d2d44; padding: 1; margin-top: 1; min-height: 3; max-height: 5; border: solid #585b70; color: #cdd6f4; } #preview-label { color: #89b4fa; text-style: bold; padding-bottom: 1; width: 100%; } #preview-content { color: #f9e2af; padding: 1; background: #3d3d5c; min-height: 2; width: 100%; } """ def __init__(self): super().__init__() # Dictionnaire de termes avec leurs définitions self.dictionary = { "Python": "Langage de programmation interprété, orienté objet, avec une syntaxe claire et une grande lisibilité", "Textual": "Framework Python pour créer des interfaces utilisateur en mode texte avancées", "Algorithm": "Suite d'instructions pour résoudre un problème ou effectuer une tâche spécifique", "API": "Interface de programmation d'application, ensemble de règles pour interagir avec un logiciel", "Framework": "Ensemble d'outils et de bibliothèques pour développer des applications structurées", "Machine Learning": "Domaine de l'IA permettant aux machines d'apprendre à partir de données", "Deep Learning": "Sous-ensemble du machine learning utilisant des réseaux de neurones profonds", "Neural Network": "Système informatique inspiré du cerveau biologique et de ses connexions", "Data Science": "Domaine interdisciplinaire pour extraire des connaissances des données", "Cloud Computing": "Fourniture de services informatiques via internet à la demande", "DevOps": "Pratique combinant développement et opérations informatiques en continu", "Agile": "Méthodologie de gestion de projet itérative et flexible centrée sur l'humain", "Scrum": "Framework Agile pour la gestion de projets complexes et adaptatifs", "Kubernetes": "Plateforme d'orchestration de conteneurs open-source pour la production", "Docker": "Plateforme de conteneurisation pour applications distribuées", "Git": "Système de contrôle de version distribué pour le suivi de code", "GitHub": "Plateforme d'hébergement de code basée sur Git et de collaboration", "VS Code": "Éditeur de code source développé par Microsoft avec extensions", "PyCharm": "IDE Python développé par JetBrains avec intégration complète", "Jupyter": "Application web pour créer des notebooks interactifs en direct", } # Liste triée des termes pour la recherche self.terms = sorted(self.dictionary.keys()) self.filtered_terms = self.terms.copy() self.current_input = "" self.last_selected_term = None self.expanded_terms = set() # Ensemble des termes actuellement expansés def compose(self) -> ComposeResult: """Compose l'interface utilisateur""" yield Header() yield Container( Container( # Zone de recherche Container( Label("🔍 Rechercher un terme :", id="search-label"), Input(placeholder="Tapez un terme...", id="search-input"), id="search-container" ), # Zone d'aperçu du texte en cours Container( Label("✏️ Texte saisi :", id="preview-label"), Static("En attente de saisie...", id="preview-content"), id="preview-container" ), # Résultats Container( Label("📋 0 terme trouvé", id="results-label"), ListView(id="results-list"), id="results-container" ), id="main-container" ), ) yield Footer() def on_mount(self) -> None: """Initialisation après le montage""" search_input = self.query_one("#search-input") search_input.focus() self.update_results() self.apply_responsive_styles() def on_resize(self, event: events.Resize) -> None: """Gère le redimensionnement du terminal""" self.apply_responsive_styles() self.update_list_height() def apply_responsive_styles(self) -> None: """Applique les styles responsifs en fonction de la taille du terminal""" width = self.size.width height = self.size.height # Ajuster les paddings selon la largeur main_container = self.query_one("#main-container") search_container = self.query_one("#search-container") results_container = self.query_one("#results-container") preview_container = self.query_one("#preview-container") if width < 80: # Petit terminal main_container.styles.padding = 1 search_container.styles.padding = 1 results_container.styles.padding = 1 preview_container.styles.padding = 1 preview_container.styles.min_height = 2 preview_container.styles.max_height = 3 search_container.styles.min_height = 4 search_container.styles.max_height = 6 elif width > 120 and height > 40: # Grand terminal main_container.styles.padding = 2 search_container.styles.padding = 2 results_container.styles.padding = 2 preview_container.styles.padding = 2 preview_container.styles.min_height = 4 preview_container.styles.max_height = 6 search_container.styles.min_height = 6 search_container.styles.max_height = 10 else: # Terminal moyen (par défaut) main_container.styles.padding = 1 search_container.styles.padding = 1 results_container.styles.padding = 1 preview_container.styles.padding = 1 preview_container.styles.min_height = 3 preview_container.styles.max_height = 5 search_container.styles.min_height = 5 search_container.styles.max_height = 8 # Ajuster la hauteur de la preview selon la hauteur du terminal if height < 30: preview_container.styles.min_height = 2 preview_container.styles.max_height = 3 elif height > 50: preview_container.styles.min_height = 4 preview_container.styles.max_height = 6 def update_list_height(self) -> None: """Met à jour la hauteur de la liste en fonction de l'espace disponible""" try: results_list = self.query_one("#results-list") available_height = self.size.height - self.calculate_fixed_height() # Ajuster la hauteur de la liste if available_height > 15: results_list.styles.height = available_height - 2 elif available_height > 10: results_list.styles.height = available_height else: results_list.styles.height = 8 except Exception: pass def calculate_fixed_height(self) -> int: """Calcule la hauteur fixe des éléments (header, footer, search, preview)""" try: search_container = self.query_one("#search-container") preview_container = self.query_one("#preview-container") # Récupérer les hauteurs actuelles search_height = search_container.styles.min_height or 5 preview_height = preview_container.styles.min_height or 3 # Estimer la hauteur fixe totale if isinstance(search_height, (int, float)): search_h = search_height else: search_h = 5 if isinstance(preview_height, (int, float)): preview_h = preview_height else: preview_h = 3 # Header + Footer + margins + padding fixed_height = 2 + search_h + preview_h + 4 return int(fixed_height) except Exception: return 18 # Valeur par défaut en cas d'erreur def on_input_changed(self, event: Input.Changed) -> None: """Gère les changements dans le champ de recherche""" if event.input.id == "search-input": self.current_input = event.value self.update_preview() self.update_results() def update_preview(self) -> None: """Met à jour l'aperçu du texte saisi""" preview_content = self.query_one("#preview-content") if self.current_input: preview_text = f"📝 {self.current_input}" # Si le texte correspond à un terme connu matching_terms = [term for term in self.terms if term.lower() == self.current_input.lower()] if matching_terms: preview_text = f"✅ {self.current_input} (terme trouvé !)" preview_content.update(preview_text) else: preview_content.update("En attente de saisie...") def on_input_submitted(self, event: Input.Submitted) -> None: """Gère la soumission du champ de recherche (touche Entrée)""" if event.input.id == "search-input": # Sélectionner le premier résultat results_list = self.query_one("#results-list") if results_list.children: first_item = results_list.children[0] if isinstance(first_item, TermListItem): self.toggle_term_expansion(first_item.term) def update_results(self) -> None: """Met à jour la liste des résultats""" search_text = self.current_input.lower().strip() # Filtrer les termes if search_text: self.filtered_terms = [ term for term in self.terms if search_text in term.lower() ] else: self.filtered_terms = self.terms.copy() # Mettre à jour la ListView results_list = self.query_one("#results-list") results_list.clear() for term in self.filtered_terms: definition = self.dictionary[term] # Vérifier si le terme est expansé expanded = term in self.expanded_terms item = TermListItem(term, definition, expanded) results_list.append(item) # Mettre à jour le compteur results_label = self.query_one("#results-label") count = len(self.filtered_terms) if count == 0: results_label.update("❌ Aucun résultat trouvé") else: results_label.update(f"📋 {count} terme{'s' if count > 1 else ''} trouvé{'s' if count > 1 else ''}") def on_list_view_selected(self, event: ListView.Selected) -> None: """Gère la sélection d'un terme dans la liste""" if event.item and isinstance(event.item, TermListItem): # Basculer l'expansion du terme sélectionné self.toggle_term_expansion(event.item.term) def toggle_term_expansion(self, term: str) -> None: """Bascule l'état d'expansion d'un terme""" if term in self.expanded_terms: self.expanded_terms.remove(term) else: # Si un autre terme est expansé, le réduire if len(self.expanded_terms) > 0: # Réduire tous les autres termes for other_term in list(self.expanded_terms): if other_term != term: self.expanded_terms.remove(other_term) self.expanded_terms.add(term) # Mettre à jour l'affichage self.update_results() # Mettre à jour le champ de recherche search_input = self.query_one("#search-input") search_input.value = term self.current_input = term self.update_preview() def on_key(self, event: events.Key) -> None: """Gère les touches spéciales""" if event.key == "escape": # Effacer la recherche search_input = self.query_one("#search-input") search_input.value = "" self.current_input = "" self.expanded_terms.clear() self.update_preview() self.update_results() search_input.focus() elif event.key == "ctrl+f": # Focus sur la recherche self.query_one("#search-input").focus() elif event.key == "enter": # Si un item est sélectionné, basculer son expansion results_list = self.query_one("#results-list") if results_list.children and hasattr(results_list, 'highlighted_child'): highlighted = results_list.highlighted_child if highlighted and isinstance(highlighted, TermListItem): self.toggle_term_expansion(highlighted.term) # Point d'entrée de l'application if __name__ == "__main__": app = DictionaryApp() app.run()