Interfaz Gradio

He integrado una interfaz de Gradio directamente en tu aplicación Flask (`backend/app.py` ). Ahora, al ejecutar la aplicación (localmente o en Hugging Face), tendrás una interfaz web simple donde puedes pegar código C, ejecutarlo y ver la salida o los errores.

Los cambios realizados incluyen:

- Añadidas las dependencias`gradio` y`requests` a`requirements.txt` .
- Modificado`app.py` para crear y montar la interfaz de Gradio, que llama internamente a tu endpoint`/api/execute` .
- Actualizado el`Dockerfile` para asegurar la instalación de las nuevas dependencias.
- Actualizados los archivos`README.md` (principal y del backend) para reflejar la nueva interfaz y simplificar las instrucciones de despliegue en Hugging Face.

Dockerfile

@@ -12,6 +12,7 @@ WORKDIR /app
 COPY requirements.txt .
 
 # Instalar dependencias de Python
+# Instalar dependencias de Python (incluyendo Gradio)
 RUN pip install --no-cache-dir -r requirements.txt
 
 # Copiar el código de la aplicación

README.md

@@ -117,7 +117,7 @@ Para desplegar este servicio en Hugging Face Spaces:
 1. Crea un nuevo Space en Hugging Face
 2. Selecciona Docker como tipo de espacio
 3. Sube los archivos del backend (incluyendo el Dockerfile)
-4. Configura el espacio para exponer el puerto 5000
+4. ¡Listo! La interfaz de Gradio estará disponible en la URL de tu Space.
 
 ## Licencia
 

app.py

@@ -6,6 +6,8 @@ import uuid
 import time
 import logging
 from flask_cors import CORS
+import gradio as gr
+import requests
 
 app = Flask(__name__)
 CORS(app)  # Habilitar CORS para todas las rutas
@@ -19,7 +21,22 @@ TEMP_DIR = os.path.join(tempfile.gettempdir(), '42coderunner')
 os.makedirs(TEMP_DIR, exist_ok=True)
 
 # Tiempo máximo de ejecución (en segundos)
-MAX_EXECUTION_TIME = 5
+MAX_EXECUTION_TIME = 10 # Aumentamos un poco para Gradio
+
+# URL base de la API (para la interfaz Gradio)
+# Detecta si estamos en Hugging Face Spaces
+API_BASE_URL = os.environ.get("SPACE_HOST")
+if API_BASE_URL:
+    # En Hugging Face, usa la URL pública del espacio
+    # Asegúrate de que el protocolo sea https
+    API_BASE_URL = f"https://{API_BASE_URL}"
+else:
+    # Localmente, usa localhost
+    API_BASE_URL = "http://localhost:5000"
+
+API_EXECUTE_URL = f"{API_BASE_URL}/api/execute"
+
+# --- Funciones de la API Flask ---
 
 @app.route('/api/execute', methods=['POST'])
 def execute_code():
@@ -105,6 +122,55 @@ def health_check():
     # The previous checks (compiler, temp dir) might fail in the HF environment
     return jsonify({'status': 'ok', 'timestamp': time.time()})
 
+# --- Interfaz Gradio ---
+
+def run_c_code(c_code):
+    """Función que se ejecuta cuando el usuario envía código C a través de Gradio."""
+    logger.info(f"Solicitud Gradio recibida. URL API: {API_EXECUTE_URL}")
+    try:
+        response = requests.post(API_EXECUTE_URL, json={'code': c_code}, timeout=MAX_EXECUTION_TIME + 5) # Timeout un poco mayor para la request
+        response.raise_for_status() # Lanza excepción para errores HTTP
+        data = response.json()
+
+        if data.get('success'):
+            output = f"--- Salida ({data.get('execution_time', 0):.4f}s) ---\n{data.get('output', '')}"
+            if data.get('error'): # Mostrar stderr aunque la ejecución sea exitosa (warnings, etc.)
+                output += f"\n\n--- Errores (stderr) ---\n{data['error']}"
+            return output
+        else:
+            return f"--- Error ---\n{data.get('error', 'Error desconocido')}"
+
+    except requests.exceptions.RequestException as e:
+        logger.error(f"Error de red al llamar a la API: {e}")
+        return f"Error de red al conectar con el backend: {e}"
+    except Exception as e:
+        logger.error(f"Error inesperado en la interfaz Gradio: {e}")
+        return f"Error inesperado en la interfaz: {str(e)}"
+
+# Ejemplo de código C para la interfaz
+EXAMPLE_CODE = """#include <stdio.h>
+
+int main() {
+    printf("¡Hola desde 42CodeRunner!\n");
+    return 0;
+}
+"""
+
+# Crear la interfaz Gradio
+iface = gr.Interface(
+    fn=run_c_code,
+    inputs=gr.Code(language="c", label="Código C", value=EXAMPLE_CODE),
+    outputs=gr.Textbox(label="Resultado de la Ejecución", lines=15),
+    title="🏊u200d♂️ 42CodeRunner",
+    description="Escribe tu código C, haz clic en 'Submit' y mira la magia suceder. Ejecutado de forma segura en el backend.",
+    allow_flagging='never'
+)
+
+# Montar la interfaz Gradio en la app Flask en la ruta raíz
+app = gr.mount_gradio_app(app, iface, path="/")
+
+# --- Ejecución de la App ---
+
 if __name__ == '__main__':
     port = int(os.environ.get('PORT', 5000))
     app.run(host='0.0.0.0', port=port)

requirements.txt

@@ -1,5 +1,7 @@
 flask==2.0.1
-flask-cors==3.0.10
+Flask-Cors
+gradio
+requests
 gunicorn==20.1.0
 python-dotenv==0.19.0
 werkzeug==2.0.1