fix

Dockerfile

@@ -1,25 +1,16 @@
-# Utilise une image de base avec Python 3.12
-FROM python:3.12
-# Créer un répertoire pour les assets si nécessaire
-RUN mkdir -p /app/assete
-
-# Définit le répertoire de travail
-WORKDIR /app
-
+# Read the doc: https://huggingface.co/docs/hub/spaces-sdks-docker
+# you will also find guides on how best to write your Dockerfile
 
+FROM python:3.10-slim
 
-# Copier tous les fichiers nécessaires
-COPY main.py /app/
-COPY prj.html /app/
-COPY prj.js /app/
-COPY prj.css /app/
-COPY requirements.txt /app/
-
-# Installer les dépendances Python
-RUN pip install  --upgrade pip
-RUN pip install  -r requirements.txt
+RUN useradd -m -u 1000 user
+USER user
+ENV PATH="/home/user/.local/bin:$PATH"
 
+WORKDIR /app
 
+COPY --chown=user ./requirements.txt requirements.txt
+RUN pip install --no-cache-dir --upgrade -r requirements.txt
 
-# Commande pour lancer l'application
-CMD ["uvicorn", "main:app", "--host", "0.0.0.0", "--port", "7860"]
+COPY --chown=user . /app
+CMD ["uvicorn", "app:app", "--host", "0.0.0.0", "--port", "7860"]

main.py

@@ -15,6 +15,7 @@ from langdetect import detect
 from fastapi.staticfiles import StaticFiles
 from fastapi.responses import HTMLResponse
 from fastapi import Request
+from fastapi.templating import Jinja2Templates
 app = FastAPI()
 
 app.add_middleware(
@@ -141,13 +142,13 @@ def translate_text(text, source_lang, target_lang):
 
     return None  # Pas de modèle disponible
 
+templates = Jinja2Templates(directory="templates")
+# Mount static files (CSS, JS, images)
+app.mount("/static", StaticFiles(directory="static"), name="static")
 
-
-# Route pour accéder à la page principale (index.html)
-@app.get("/", response_class=HTMLResponse)
-async def serve_frontend():
-    with open("prj.html", "r", encoding="utf-8") as f:
-        return f.read()
+@app.get("/")
+async def read_root(request: Request):
+    return templates.TemplateResponse("prj.html", {"request": request})
 
 @app.post("/translate")
 

prj.html → templates/prj.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Traduction IA</title>
-    <link rel="stylesheet" href="https://huggingface.co/spaces/amirmadjour/mon-api-fastapi/raw/main/prj.css">
+    <link rel="stylesheet" href="/static/prj.css">
     <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">
 </head>
@@ -37,7 +37,7 @@
         <div id="resultat" class="resultat-box"></div>
     </div>
 
-    <script src="https://huggingface.co/spaces/amirmadjour/mon-api-fastapi/raw/main/prj.js" ></script>
+    <script src="/static/prj.js" ></script>
     
 </body>
 </html>