Update app.py

app.py

@@ -106,57 +106,9 @@ def gradio_interface(api_key, cse_id, pais, interes_minimo):
     resultados = buscar_keywords_redes(api_key, cse_id, pais_codigo, interes_minimo)
     yield resultados if isinstance(resultados, str) else resultados.to_html(index=False)
 
-# Instrucciones para obtener la API Key y el CSE ID en formato de dos columnas
+# Instrucciones para obtener la API Key y el CSE ID
 instrucciones = """
-<div style="display: flex;">
-    <div style="flex: 1; padding-right: 10px;">
-        <h3>Paso 1: Crear una API Key de Google</h3>
-        <ol>
-            <li>Accede a <a href="https://console.cloud.google.com/" target="_blank">Google Cloud Console</a>.</li>
-            <li>Crea un proyecto nuevo o selecciona uno existente:
-                <ul>
-                    <li>En el menú superior, haz clic en el selector de proyectos y luego en “Nuevo proyecto”.</li>
-                    <li>Asigna un nombre a tu proyecto y haz clic en <b>Crear</b>.</li>
-                    <li>Una vez creado, asegúrate de que el proyecto esté seleccionado (debe mostrarse en la parte superior).</li>
-                </ul>
-            </li>
-            <li>Activar Custom Search API:
-                <ul>
-                    <li>Dentro de tu proyecto, en la barra de búsqueda en la parte superior, escribe <b>Custom Search API</b> y selecciona la opción cuando aparezca.</li>
-                    <li>En la página de la Custom Search API, haz clic en <b>Habilitar</b> para activarla en tu proyecto.</li>
-                </ul>
-            </li>
-            <li>Crea una API Key:
-                <ul>
-                    <li>Ve al menú en el lado izquierdo y selecciona <b>APIs y servicios > Credenciales</b>.</li>
-                    <li>Haz clic en <b>Crear credenciales</b> y selecciona <b>Clave de API</b>.</li>
-                    <li>Google generará una nueva clave de API para ti. <b>Copia esta clave</b> y guárdala en un lugar seguro; la necesitarás para el script.</li>
-                </ul>
-            </li>
-        </ol>
-    </div>
-    <div style="flex: 1; padding-left: 10px;">
-        <h3>Paso 2: Obtener el Custom Search Engine ID (CSE ID)</h3>
-        <ol>
-            <li>Ve a <a href="https://cse.google.com/cse/" target="_blank">Google Custom Search Engine</a>.</li>
-            <li>Crea un nuevo motor de búsqueda:
-                <ul>
-                    <li>Haz clic en <b>Nuevo motor de búsqueda</b>.</li>
-                    <li>En "Sitios a buscar", puedes ingresar cualquier URL (por ejemplo, "example.com") solo para completar el campo; este parámetro no es importante para nuestro propósito.</li>
-                    <li>Asigna un nombre a tu motor de búsqueda y haz clic en <b>Crear</b>.</li>
-                </ul>
-            </li>
-            <li>Obtener el CSE ID:
-                <ul>
-                    <li>Una vez creado el motor de búsqueda, serás dirigido al panel de control del motor.</li>
-                    <li>Haz clic en el <b>nombre de tu motor de búsqueda</b>.</li>
-                    <li>En la sección <b>Configuración</b> o <b>Detalles</b> (en el menú de la izquierda), encontrarás el <b>ID del motor de búsqueda</b>. Este es tu CSE ID.</li>
-                    <li><b>Copia este ID</b> y guárdalo junto con tu API Key.</li>
-                </ul>
-            </li>
-        </ol>
-    </div>
-</div>
+<!-- Tus instrucciones en formato HTML aquí -->
 """
 
 # Código JavaScript para cambiar los nombres de los botones
@@ -171,7 +123,7 @@ js_code = """
 </script>
 """
 
-# Crear la interfaz de Gradio con campos para API Key, CSE ID, selección de país e instrucciones adicionales
+# Crear la interfaz de Gradio
 with gr.Blocks() as iface:
     gr.HTML(instrucciones)
     with gr.Row():
@@ -180,7 +132,9 @@ with gr.Blocks() as iface:
     with gr.Row():
         pais = gr.Dropdown(label="Selecciona el país", choices=list(paises_codigos.keys()), value="España")
         interes_minimo = gr.Slider(label="Interés mínimo (0-100)", minimum=0, maximum=100, step=1, value=50)
+    boton = gr.Button("Enviar")
     output = gr.HTML()
-    iface.launch(fn=gradio_interface, inputs=[api_key, cse_id, pais, interes_minimo], outputs=output)
-    
-print(js_code)
+    boton.click(fn=gradio_interface, inputs=[api_key, cse_id, pais, interes_minimo], outputs=output)
+    gr.HTML(js_code)
+
+iface.launch(share=True)