Spaces:

Curinha
/

ContentCreatorsLab

Running

App Files Files Community

Curinha commited on Mar 12

Commit

fa56145

1 Parent(s): a9c5018

Refactor app.py to use Jinja2 templates for the home page and update API metadata

Browse files

Files changed (2) hide show

app.py +17 -58
templates/home.html +53 -0

app.py CHANGED Viewed

@@ -1,15 +1,24 @@
 import os
-import gradio as gr
 import uvicorn
 from sound_generator import generate_sound, generate_music
-from fastapi import FastAPI, HTTPException
 from fastapi.middleware.cors import CORSMiddleware
-from fastapi.responses import FileResponse, RedirectResponse, HTMLResponse
 from pydantic import BaseModel
 # Create the FastAPI app with custom docs URL
-app = FastAPI(docs_url="/api/docs")
 # Configuración de CORS
 app.add_middleware(
@@ -76,60 +85,10 @@ async def generate_music_endpoint(request: AudioRequest):
 @app.get("/", response_class=HTMLResponse)
-def home():
-    """Página de inicio con información de la API y estilo inspirado en Gradio."""
-    return """
-    <html>
-        <head>
-            <title>API de Sonidos Generativos</title>
-            <style>
-                body {
-                    font-family: Arial, sans-serif;
-                    background-color: #0B0F19;
-                    color: white;
-                    text-align: center;
-                    padding: 50px;
-                }
-                h1 {
-                    color: #FFFFFF;
-                }
-                a {
-                    color: #FFCC00;
-                    text-decoration: none;
-                    font-size: 18px;
-                }
-                .container {
-                    background: #1B1E29;
-                    padding: 20px;
-                    border-radius: 10px;
-                    display: inline-block;
-                    margin-top: 20px;
-                }
-                .button {
-                    background-color: #FFCC00;
-                    color: black;
-                    padding: 10px 20px;
-                    margin-top: 15px;
-                    display: inline-block;
-                    border-radius: 5px;
-                }
-                .button:hover {
-                    background-color: #E6B800;
-                }
-            </style>
-        </head>
-        <body>
-            <h1>API de Sonidos Generativos</h1>
-            <p>Esta API ofrece tres endpoints:</p>
-            <div class="container">
-                <p>📄 <a href="/docs">/docs</a> - Documentación interactiva</p>
-                <p>🎵 <a href="/generate-music">/generate-music</a> - Genera música basada en un prompt</p>
-                <p>🔊 <a href="/generate-sound">/generate-sound</a> - Genera sonidos a partir de una descripción</p>
-                <a class="button" href="https://paginaexterna.com/test-api" target="_blank">🔗 Probar en nuestra web</a>
-            </div>
-        </body>
-    </html>
-    """
 if __name__ == "__main__":
     uvicorn.run(app, host="0.0.0.0", port=7860)

 import os
 import uvicorn
 from sound_generator import generate_sound, generate_music
+from fastapi import FastAPI, HTTPException, Request
 from fastapi.middleware.cors import CORSMiddleware
+from fastapi.templating import Jinja2Templates
+from fastapi.responses import FileResponse, HTMLResponse
 from pydantic import BaseModel
 # Create the FastAPI app with custom docs URL
+app = FastAPI(
+    title="API de Sonidos Generativos",
+    description="API para generar sonidos y música basados en prompts",
+    version="1.0.0",
+    docs_url="/docs",
+    redoc_url="/redoc",
+)
+# Cargar las plantillas desde la carpeta "templates"
+templates = Jinja2Templates(directory="templates")
 # Configuración de CORS
 app.add_middleware(
 @app.get("/", response_class=HTMLResponse)
+def home(request: Request):
+    """Página de inicio con información de la API"""
+    return templates.TemplateResponse("home.html", {"request": request})
 if __name__ == "__main__":
     uvicorn.run(app, host="0.0.0.0", port=7860)

templates/home.html ADDED Viewed

	@@ -0,0 +1,53 @@

+<!DOCTYPE html>
+<html lang="es">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>API de Sonidos Generativos</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #0B0F19;
+            color: white;
+            text-align: center;
+            padding: 50px;
+        }
+        h1 {
+            color: #FFFFFF;
+        }
+        a {
+            color: #FFCC00;
+            text-decoration: none;
+            font-size: 18px;
+        }
+        .container {
+            background: #1B1E29;
+            padding: 20px;
+            border-radius: 10px;
+            display: inline-block;
+            margin-top: 20px;
+        }
+        .button {
+            background-color: #FFCC00;
+            color: black;
+            padding: 10px 20px;
+            margin-top: 15px;
+            display: inline-block;
+            border-radius: 5px;
+        }
+        .button:hover {
+            background-color: #E6B800;
+        }
+    </style>
+</head>
+<body>
+    <h1>API de Sonidos Generativos</h1>
+    <p>Esta API ofrece tres endpoints:</p>
+    <div class="container">
+        <p>📄 <a href="/docs">/docs</a> - Documentación interactiva</p>
+        <p>🎵 <a href="/generate-music">/generate-music</a> - Genera música basada en un prompt</p>
+        <p>🔊 <a href="/generate-sound">/generate-sound</a> - Genera sonidos a partir de una descripción</p>
+        <a class="button" href="https://paginaexterna.com/test-api" target="_blank">🔗 Probar en nuestra web</a>
+    </div>
+</body>
+</html>