Spaces:

Curinha
/

ContentCreatorsLab

Running

App Files Files Community

Curinha commited on 24 days ago

Commit

268637c

1 Parent(s): 56998f6

Refactor main page to Gradio interface and enhance API documentation accessibility

Browse files

Files changed (1) hide show

app.py +40 -100

app.py CHANGED Viewed

@@ -69,104 +69,44 @@ async def generate_music_endpoint(request: AudioRequest):
     except Exception as e:
         raise HTTPException(status_code=500, detail=str(e))
-# Página principal simplificada (HTML puro)
-@app.get("/", response_class=HTMLResponse)
-async def home():
-    html_content = """
-    <!DOCTYPE html>
-    <html>
-    <head>
-        <title>API de Sonidos Generativos</title>
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <style>
-            body {
-                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
-                line-height: 1.6;
-                max-width: 800px;
-                margin: 0 auto;
-                padding: 20px;
-                color: #333;
-            }
-            .container {
-                background-color: #f9f9f9;
-                border-radius: 8px;
-                padding: 20px;
-                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-            }
-            h1 {
-                color: #2563eb;
-                margin-top: 0;
-            }
-            .button {
-                display: inline-block;
-                background-color: #2563eb;
-                color: white;
-                padding: 10px 20px;
-                text-decoration: none;
-                border-radius: 4px;
-                font-weight: 500;
-                margin-right: 10px;
-                margin-top: 10px;
-            }
-            .button:hover {
-                background-color: #1d4ed8;
-            }
-            pre {
-                background-color: #f1f1f1;
-                padding: 10px;
-                border-radius: 4px;
-                overflow-x: auto;
-            }
-            code {
-                font-family: monospace;
-            }
-        </style>
-    </head>
-    <body>
-        <div class="container">
-            <h1>API de Sonidos Generativos</h1>
-            <p>Bienvenido al servicio de generación de sonidos y música mediante IA.</p>
-            <h2>Documentación</h2>
-            <p>La API completa está documentada y disponible en los siguientes enlaces:</p>
-            <a href="/api/docs" class="button">Swagger UI</a>
-            <a href="/api/redoc" class="button">ReDoc</a>
-            <h2>Endpoints disponibles</h2>
-            <ul>
-                <li><strong>GET /api/health</strong> - Verificar estado del servicio</li>
-                <li><strong>POST /api/generate-sound/</strong> - Generar sonido a partir de descripción</li>
-                <li><strong>POST /api/generate-music/</strong> - Generar música a partir de descripción</li>
-            </ul>
-            <h2>Ejemplos de uso</h2>
-            <h3>Generar sonido</h3>
-            <pre><code>curl -X POST "http://localhost:7860/api/generate-sound/" \\
-    -H "Content-Type: application/json" \\
-    -d '{"prompt": "Un trueno distante", "duration": 15, "pitch": 0.9}'</code></pre>
-            <h3>Generar música</h3>
-            <pre><code>curl -X POST "http://localhost:7860/api/generate-music/" \\
-    -H "Content-Type: application/json" \\
-    -d '{"prompt": "Melodía relajante", "genre": "ambient", "duration": 60, "bpm": 100}'</code></pre>
-        </div>
-    </body>
-    </html>
-    """
-    return html_content
-# También puedes ofrecer una redirección directa a la documentación si lo prefieres
-@app.get("/docs", response_class=RedirectResponse, status_code=302)
-async def redirect_to_docs():
-    return "/api/docs"
-# Confirmar inicialización
-print("✅ Servidor inicializado correctamente !!!!")
-print("🌐 Página principal disponible en la ruta '/'")
-print("📝 Endpoints de la API disponibles en '/api/*'")
-print("📄 Documentación disponible en '/api/docs'")
-# Iniciar el servidor
 if __name__ == "__main__":
-    uvicorn.run(app, host="0.0.0.0", port=7860)

     except Exception as e:
         raise HTTPException(status_code=500, detail=str(e))
+# IMPORTANTE: Configurar Gradio con server_port y server_name explícitamente
+# para evitar problemas de puerto
+with gr.Blocks(
+    theme=gr.themes.Default(),  # Asegurar que se cargue el tema
+) as demo:
+    gr.Markdown("# 🎵 API de Sonidos Generativos")
+    gr.Markdown("Esta interfaz permite interactuar con la API de generación de sonidos.")
+    with gr.Tab("Información de la API"):
+        gr.Markdown("""
+        ## Documentación completa
+        Puedes acceder a la documentación detallada de la API en:
+        - [Documentación Swagger](/api/docs)
+        - [Documentación ReDoc](/api/redoc)
+        ## Endpoints disponibles
+        - `GET /api/health` - Verificar el estado del servicio
+        - `POST /api/generate-sound` - Generar sonido a partir de descripción
+        - `POST /api/generate-music` - Generar música a partir de descripción
+        """)
+# CLAVE: Configurar correctamente las opciones al montar Gradio en FastAPI
+app = gr.mount_gradio_app(
+    app,
+    demo,
+    path="/",
+    favicon_path=None  # Evitar problemas con el favicon
+)
+# Iniciar el servidor con configuraciones explícitas
 if __name__ == "__main__":
+    # El puerto DEBE ser un entero, no una cadena
+    port = 7860
+    uvicorn.run(
+        app,
+        host="0.0.0.0",
+        port=port,
+        log_level="info"
+    )