Update app.py

app.py

@@ -1,7 +1,8 @@
+
 #!/usr/bin/env python3
 """
-🎨 Figma MCP Server - Hébergé sur Hugging Face Spaces
-Serveur MCP pour contrôler Figma via Claude/Cursor avec la vraie API REST
+🎨 Figma MCP Server - Hosted on Hugging Face Spaces
+MCP Server to control Figma via Claude/Cursor with real REST API
 """
 import gradio as gr
 import asyncio
@@ -9,25 +10,25 @@ import json
 import logging
 from PIL import Image
 import base64
-import io
+I import
 
 # Configuration du logging
 logging.basicConfig(level=logging.INFO)
 logger = logging.getLogger(__name__)
 
-# Import de tous les outils MCP depuis le dossier tools
-# Gradio détectera automatiquement toutes les fonctions avec docstrings/type hints
+# Import all MCP tools from the tools folder
+# Gradio will automatically detect all functions with docstrings/type hints
 try:
     from tools import *
-    logger.info("✅ Tous les outils MCP importés avec succès")
+    logger.info( "✅ All MCP tools successfully imported" )
 except Exception as e:
-    logger.error(f"❌ Erreur d'import des outils MCP: {e}")
+    logger.error( f"❌ Error importing MCP tools: {e} " )
     raise
 
-# === CONFIGURATION DE L'APPLICATION GRADIO ===
+# === GRADIO APPLICATION CONFIGURATION ===
 
 def setup_demo():
-    """Configure l'interface Gradio pour le serveur MCP"""
+    "Configure the Gradio interface for the MCP server"
     
     with gr.Blocks(
         title="🎨 Figma MCP Server",
@@ -36,24 +37,24 @@ def setup_demo():
         
         gr.Markdown("""
         # 🎨 Figma MCP Server
-        **Serveur MCP pour contrôler Figma via Claude/Cursor avec l'API REST**
+        **MCP Server to control Figma via Claude/Cursor with REST API**
         
         ## 📋 **Instructions de configuration :**
         
-        ### 1. **Obtenir un token Figma :**
+        ### 1. **Get a Figma token:**
         - Aller sur [Figma Settings > Personal Access Tokens](https://www.figma.com/settings)
-        - Créer un nouveau token
-        - Copier le token (commence par `figd_` ou `figc_`)
+        - Create a new token
+        - Copy the token (starts with `figd_` or `figc_`)
         
-        ### 2. **Obtenir l'ID d'un fichier :**
-        - Ouvrir votre fichier Figma
-        - Copier l'ID depuis l'URL : `https://www.figma.com/file/FILE_ID/nom-du-fichier`
+        ### 2. **Getting the ID of a file:**
+        - Open your Figma file
+        - Copy the ID from the URL: `https://www.figma.com/file/FILE_ID/file-name`
         
-        ### 3. **Configurer Claude/Cursor :**
+        ### 3. **Configure Claude/Cursor:**
         ```json
         {
           "mcpServers": {
-            "figma": {
+            "figure": {
               "command": "sse",
               "args": ["https://aktraiser-sigma.hf.space/gradio_api/mcp/sse"]
             }
@@ -62,7 +63,7 @@ def setup_demo():
         ```
         """)
         
-        # Interface de test (optionnelle)
+        # Test interface (optional)
         with gr.Tab("🧪 Test"):
             with gr.Row():
                 token_input = gr.Textbox(
@@ -74,23 +75,23 @@ def setup_demo():
             
             with gr.Row():
                 file_input = gr.Textbox(
-                    placeholder="ID du fichier",
-                    label="ID du fichier Figma"
+                    placeholder= "file ID" ,
+                    label= "Figma file ID"
                 )
-                file_btn = gr.Button("Configurer Fichier")
+                file_btn = gr.Button( "Configure File" )
             
             status_output = gr.Textbox(label="Status", lines=3)
             
-            # Actions de test
+            # Test actions
             with gr.Row():
                 test_info_btn = gr.Button("📄 Info Fichier")
-                test_comments_btn = gr.Button("📝 Commentaires")
-                test_user_btn = gr.Button("👤 Info Utilisateur")
+                test_comments_btn = gr.Button( "📝 Comments" )
+                test_user_btn = gr.Button( "👤 User Info" )
             
-            # Nouveaux boutons pour les infos utilisateur détaillées
+            # New buttons for detailed user info
             with gr.Row():
-                test_user_detailed_btn = gr.Button("👤 Profil Détaillé")
-                test_teams_btn = gr.Button("🏢 Mes Équipes")
+                test_user_detailed_btn = gr.Button( "👤 Detailed Profile" )
+                test_teams_btn = gr.Button( "🏢 My Teams" )
                 test_permissions_btn = gr.Button("🔐 Permissions")
             
             with gr.Row():
@@ -99,7 +100,7 @@ def setup_demo():
             with gr.Row():
                 test_limitations_btn = gr.Button("📚 Limitations API")
             
-            # Connexions des événements
+            # Event Connections
             token_btn.click(
                 configure_figma_token,
                 inputs=[token_input],
@@ -154,82 +155,82 @@ def setup_demo():
         
         gr.Markdown("""
         ---
-        ### 🛠️ **Outils MCP disponibles (détection automatique) :**
+        ### 🛠️ **Available MCP tools (auto-detection):**
         
         **📋 Configuration :**
         - `configure_figma_token(token)` - Configure le token d'accès
         - `configure_figma_file_id(file_id)` - Configure l'ID du fichier
         
         **📁 Navigation :**
-        - `get_figma_file_info()` - Récupère les infos du fichier
-        - `get_figma_comments()` - Récupère les commentaires
-        - `get_figma_user_info()` - Info utilisateur connecté
-        
-        **👤 Compte utilisateur et équipe :**
-        - `get_figma_user_detailed_info()` - Informations détaillées de l'utilisateur (profil complet)
-        - `list_figma_user_teams()` - Liste toutes les équipes de l'utilisateur avec rôles et plans
-        - `get_figma_team_info(team_id)` - Infos détaillées d'une équipe (plan, limites, stockage)
-        - `get_figma_current_user_permissions()` - Permissions dans le fichier actuel (via Plugin API)
-        - `get_figma_workspace_usage_stats()` - Statistiques d'utilisation de l'espace de travail
-        - `list_figma_team_projects(team_id)` - Projets d'une équipe
+        - `get_figma_file_info()` - Gets file info
+        - `get_figma_comments()` - Retrieves comments
+        - `get_figma_user_info()` - Logged in user info
+        
+        **👤 User account and team:**
+        - `get_figma_user_detailed_info()` - Detailed user information (full profile)
+        - `list_figma_user_teams()` - Lists all user's teams with roles and plans
+        - `get_figma_team_info(team_id)` - Detailed team info (plan, limits, storage)
+        - `get_figma_current_user_permissions()` - Permissions in the current file (via Plugin API)
+        - `get_figma_workspace_usage_stats()` - Workspace usage statistics
+        - `list_figma_team_projects(team_id)` - Projects of a team
         - `get_figma_api_limitations_info()` - Explique les limitations API Plugin vs REST
         
-        **🎨 Création d'éléments de base (Figma Design) :**
+        **🎨 Creation of basic elements (Figma Design):**
         - `create_figma_rectangle(x, y, width, height, name, color)` - Crée un rectangle
         - `create_figma_frame(x, y, width, height, name)` - Crée un frame
-        - `create_figma_text(x, y, text, name, font_size)` - Crée un texte
+        - `create_figma_text(x, y, text, name, font_size)` - Creates a text
         
-        **🟡 FigJam - Éléments de base :**
+        **🟡 FigJam - Basic Elements:**
         - `create_figjam_sticky_note(x, y, text, width, height)` - Post-it (défaut: 240×240px)
-        - `create_figjam_connector_between_elements(element1_name, element2_name, style)` - Connecteur entre éléments
-        - `create_figjam_shape_with_text(x, y, shape_type, text, width, height)` - Forme avec texte (défaut: 208×208px)
+        - `create_figjam_connector_between_elements(element1_name, element2_name, style)` - Connector between elements
+        - `create_figjam_shape_with_text(x, y, shape_type, text, width, height)` - Shape with text (default: 208×208px)
         - `create_figjam_table(rows, columns, x, y)` - Tableau interactif
-        - `create_figjam_code_block(x, y, code, language)` - Bloc de code avec coloration syntaxique
+        - `create_figjam_code_block(x, y, code, language)` - Code block with syntax highlighting
         
-        **📐 FigJam - Zones et organisation :**
+        **📐 FigJam - Zones and organization:**
         - `create_figjam_background_shape(x, y, width, height, color, title, corner_radius)` - Zone de fond rectangulaire
         - `create_figjam_organized_zone(title, x, y, width, height, max_stickies)` - Zone avec grille de post-its
         - `create_figjam_workshop_template(template_type, x, y)` - Templates d'atelier complets
         
-        **🎭 FigJam - Stickers et réactions :**
-        - `create_figjam_sticker(x, y, sticker_type, size)` - Stickers/emoji pour réactions
+        **🎭 FigJam - Stickers and reactions:**
+        - `create_figjam_sticker(x, y, sticker_type, size)` - Stickers/emoji for reactions
         
-        **🎯 Types disponibles :**
+        **🎯 Available types:**
         - **Formes:** rectangle, circle, triangle, diamond, star, hexagon
         - **Stickers:** thumbs_up, thumbs_down, heart, star, fire, rocket, bulb, warning, check, cross, question, idea, clock, money, target, celebrate, thinking, confused
         - **Templates:** retrospective, brainstorm, user_journey
         
-        **💡 Workflow recommandé :**
-        1. Créer une zone de fond avec `create_figjam_background_shape()`
-        2. Ajouter des post-its avec `create_figjam_sticky_note()`
-        3. Connecter les éléments avec `create_figjam_connector_between_elements()`
-        4. Ajouter des stickers pour les réactions avec `create_figjam_sticker()`
+        **💡 Recommended workflow:**
+        1. Create a background area with `create_figjam_background_shape()`
+        2. Add sticky notes with `create_figjam_sticky_note()`
+        3. Connect the elements with `create_figjam_connector_between_elements()`
+        4. Add stickers for reactions with `create_figjam_sticker()`
         
-        **✨ Toutes les fonctions génèrent du code JavaScript prêt à utiliser dans un plugin Figma !**
+        **✨ All functions generate JavaScript code ready to use in a Figma plugin!**
         
         ---
         
         ## 📚 **Documentation Gradio MCP**
         Selon la [documentation officielle](https://www.gradio.app/guides/building-mcp-server-with-gradio) :
-        - Gradio détecte **automatiquement** toutes les fonctions avec docstrings et type hints
-        - Il suffit de `mcp_server=True` dans `.launch()`
-        - Pas besoin d'exposition manuelle des outils
+        - Gradio **automatically** detects all functions with docstrings and type hints
+        - Just set `mcp_server=True` in `.launch()`
+        - No need for manual exposure of tools
         """)
     
     return demo
 
-# === LANCEMENT DE L'APPLICATION ===
+# === LAUNCHING THE APPLICATION ===
 
 if __name__ == "__main__":
     try:
         demo = setup_demo()
         
-        logger.info("🚀 Démarrage du serveur MCP Figma...")
+        logger.info( "🚀 Starting MCP Figma server..." )
         
-        # Configuration pour Hugging Face Spaces avec MCP
-        # Gradio détectera automatiquement toutes les fonctions importées
+        # Configuration for Hugging Face Spaces with MCP
+        # Gradio will automatically detect all imported functions
         demo.launch(
-            mcp_server=True,  # 🔑 Active le serveur MCP avec détection automatique !
+            mcp_server= True ,   # 🔑 Enables MCP server with auto-detection!
             server_name="0.0.0.0",
             server_port=7860,
             share=False,
@@ -237,5 +238,5 @@ if __name__ == "__main__":
         )
         
     except Exception as e:
-        logger.error(f"❌ Erreur lors du lancement: {e}")
-        raise
+        logger.error( f"❌ Error launching: {e} " )
+        raise