Update app.py

app.py

@@ -4,6 +4,7 @@ import re
 
 # Diccionario de idiomas y sus códigos
 lang_dict = {
+    'Automático': 'auto',
     'Español': 'es',
     'English': 'en',
     'Mandarín': 'zh',
@@ -41,7 +42,34 @@ lang_dict = {
 
 lang_list = list(lang_dict.keys())
 
+def split_html_content(text):
+    """Separa etiquetas HTML y su contenido"""
+    # Expresión regular para encontrar elementos HTML completos
+    pattern = r'(<[^>]+>.*?</[^>]+>)|([^<]+)'
+    parts = []
+    
+    for match in re.finditer(pattern, text, re.DOTALL):
+        if match.group(1):  # Elemento HTML completo
+            html_tag = match.group(1)
+            # Extraer contenido entre etiquetas
+            content_match = re.search(r'>((?:[^<]|<(?!/))*)<', html_tag)
+            if content_match:
+                content = content_match.group(1)
+                # Guardar etiqueta de apertura, contenido y cierre por separado
+                opening = html_tag[:content_match.start(1) + 1]
+                closing = html_tag[content_match.end(1):]
+                parts.append(('html_open', opening))
+                parts.append(('text', content))
+                parts.append(('html_close', closing))
+            else:
+                parts.append(('html', html_tag))
+        elif match.group(2):  # Texto fuera de etiquetas
+            parts.append(('text', match.group(2)))
+    
+    return parts
+
 def split_text(text, limit=4000):
+    """Divide texto en fragmentos respetando el límite"""
     sentences = re.split(r'([;.])', text)
     chunks = []
     chunk = ''
@@ -55,39 +83,62 @@ def split_text(text, limit=4000):
         chunks.append(chunk)
     return chunks
 
-def translate_text(lang, text):
-    # Obtener el código del idioma
-    lang_code = lang_dict[lang]
+def translate_text(source_lang, target_lang, text):
+    """Traduce contenido manteniendo etiquetas HTML"""
+    source_code = lang_dict[source_lang]
+    target_code = lang_dict[target_lang]
     
-    # Dividir el texto en fragmentos que no superen el límite de 4000 caracteres
-    chunks = split_text(text)
+    # Separar HTML y contenido
+    parts = split_html_content(text)
     
-    translated_chunks = [translate(chunk, lang_code) for chunk in chunks]
-    translated_text = ''.join(translated_chunks)
+    # Traducir solo las partes de texto
+    translated_parts = []
+    for part_type, content in parts:
+        if part_type == 'text':
+            # Dividir en fragmentos si es necesario
+            chunks = split_text(content)
+            translated_chunks = [
+                translate(chunk, target_code, source_code)
+                for chunk in chunks
+            ]
+            translated_parts.append(''.join(translated_chunks))
+        else:
+            # Mantener etiquetas HTML sin cambios
+            translated_parts.append(content)
     
-    return translated_text
+    return ''.join(translated_parts)
 
-def main(Texto, lang):
+def main(Texto, source_lang, target_lang):
     # Realizar la traducción
-    translated_text = translate_text(lang, Texto)
+    translated_text = translate_text(source_lang, target_lang, Texto)
     
-    # Agregar un botón de copia con alerta de JavaScript
-    #<button class="lg secondary svelte-cmf5ev" style="font-size: small; padding: 2px; color: #808080ba; border: none; margin-left: 5px;" onclick='navigator.clipboard.writeText("{translated_text}").then(() => alert("Texto copiado al portapapeles"))'>&nbsp;✂&nbsp;</button>
+    # Escapar comillas para evitar errores en el JavaScript
+    translated_text_escaped = translated_text.replace('"', '&quot;')
+    
+    # Generar salida HTML con botón de copia
     html_output = f"""
-    <div>
+    <div style="white-space: pre-wrap;">
         {translated_text}
+        <button class="lg secondary svelte-cmf5ev" 
+                style="font-size: small; padding: 2px; color: #808080ba; border: none; margin-left: 5px;" 
+                onclick='navigator.clipboard.writeText("{translated_text_escaped}").then(() => alert("Texto copiado al portapapeles"))'>
+            ✂
+        </button>
     </div>
     """
     
     return html_output
 
-
 iface = gr.Interface(
     fn=main,
-    inputs=["text", gr.Dropdown(lang_list, label="Idioma")],
+    inputs=[
+        gr.Textbox(label="Texto a traducir", lines=5),
+        gr.Dropdown(lang_list, label="Idioma origen", value="Automático"),
+        gr.Dropdown(lang_list, label="Idioma destino", value="Español")
+    ],
     outputs="html",
     title="<div style='margin:0 auto;text-align:center'><div style='margin:0 auto;text-align:center'><img style='width:100px;display: inline-table;margin-bottom:-10px' src='https://artxeweb.com/media/files/idioma.jpg'><p>Traducción sin límites</p></div>",
-    description="<p style='margin-bottom:10px;text-align:center;background: #ffffff; padding: 8px; border-radius: 8px; border-width: 1px; border: solid 1px #e5e7eb;'>Ingresa el texto que deseas traducir y selecciona el idioma de destino. ¡No hay límites!</p>",
+    description="<p style='margin-bottom:10px;text-align:center;background: #ffffff; padding: 8px; border-radius: 8px; border-width: 1px; border: solid 1px #e5e7eb;'>Ingresa el texto que deseas traducir, selecciona el idioma origen (o deja 'Automático') y el idioma de destino. ¡No hay límites!</p>",
     article="<div style='margin-top:10px'><p style='text-align: center !important; background: #ffffff; padding: 5px 30px; border-radius: 8px; border-width: 1px; border: solid 1px #e5e7eb; width: fit-content; margin: auto;'>Desarrollada por <a style='text-decoration: none !important; color: #e12a31 !important;' title='Artxe Web' href='https://artxeweb.com'>© Artxe Web</a></p></div>"
 )