Upload 2 files

app.py

@@ -0,0 +1,327 @@
+import streamlit as st
+import requests
+import tempfile
+import uuid
+import os
+from dotenv import load_dotenv
+
+load_dotenv()  # charge les variables depuis le fichier .env
+# === Nouvelle clé API et modèles plus performants ===
+HF_TOKEN_SECRET = os.getenv("HF_TOKEN_SECRET")
+HF_TOKEN = f"Bearer {HF_TOKEN_SECRET}"
+
+
+# === Configuration de la page ===
+st.set_page_config(
+    page_title="🧠 NLP Magique avec Hugging Face",
+    page_icon="✨",
+    layout="wide"
+)
+
+# === CSS personnalisé haut de gamme ===
+st.markdown("""
+    <style>
+    @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
+    .stApp {
+        background: linear-gradient(135deg, #e0e7ff, #c4b5fd);
+        font-family: 'Poppins', sans-serif;
+        padding: 1.5rem;
+        min-height: 100vh;
+    }
+    .title {
+        text-align: center;
+        font-size: 4em;
+        font-weight: 700;
+        color: #5B21B6;
+        margin-bottom: 1.5rem;
+        animation: fadeIn 1.5s ease-in-out;
+        text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
+    }
+    .subheader {
+        color: #4C1D95;
+        font-size: 2em;
+        margin: 2rem 0 1rem;
+        font-weight: 600;
+        text-shadow: 1px 1px 3px rgba(0,0,0,0.1);
+    }
+    .card {
+        background: rgba(255,255,255,0.9);
+        border-radius: 15px;
+        padding: 2rem;
+        margin: 1rem 0;
+        box-shadow: 0 8px 20px rgba(0,0,0,0.1);
+        transition: transform 0.3s ease, box-shadow 0.3s ease;
+    }
+    .card:hover {
+        transform: translateY(-5px);
+        box-shadow: 0 12px 25px rgba(0,0,0,0.15);
+    }
+    .stButton>button {
+        background: linear-gradient(45deg, #7C3AED, #A78BFA);
+        color: white;
+        font-weight: 600;
+        border-radius: 12px;
+        padding: 15px 35px;
+        border: none;
+        box-shadow: 0 6px 15px rgba(0,0,0,0.2);
+        transition: all 0.3s ease;
+    }
+    .stButton>button:hover {
+        background: linear-gradient(45deg, #5B21B6, #7C3AED);
+        transform: translateY(-3px);
+        box-shadow: 0 10px 20px rgba(0,0,0,0.25);
+    }
+    .stTextArea textarea, .stSlider>div {
+        background: #f8fafc;
+        border-radius: 12px;
+        padding: 15px;
+        font-size: 1.1em;
+        border: 1px solid #d1d5db;
+        box-shadow: inset 0 2px 5px rgba(0,0,0,0.05);
+        transition: all 0.3s ease;
+    }
+    .stTextArea textarea:focus, .stSlider>div:focus {
+        border-color: #7C3AED;
+        box-shadow: 0 0 8px rgba(124,58,237,0.3);
+        outline: none;
+    }
+    .stTabs [data-baseweb="tab-list"] {
+        background: rgba(255,255,255,0.1);
+        backdrop-filter: blur(10px);
+        padding: 12px 20px;
+        border-radius: 15px;
+        box-shadow: 0 4px 15px rgba(0,0,0,0.2);
+        position: sticky;
+        top: 0;
+        z-index: 100;
+        display: flex;
+        align-items: center;
+        gap: 10px;
+    }
+    .stTabs [data-baseweb="tab"] {
+        color: #000;
+        font-weight: 600;
+        font-size: 1.2em;
+        padding: 12px 25px;
+        border-radius: 10px;
+        transition: all 0.3s ease;
+        display: flex;
+        align-items: center;
+        gap: 8px;
+    }
+    .stTabs [data-baseweb="tab"]:hover {
+        background: rgba(124,58,237,0.3);
+        color: white;
+    }
+    .stTabs [aria-selected="true"] {
+        background: #7C3AED;
+        color: white;
+        box-shadow: 0 3px 8px rgba(0,0,0,0.2);
+    }
+    .stFileUploader {
+        background: #f8fafc;
+        border-radius: 12px;
+        padding: 15px;
+        border: 1px solid #d1d5db;
+        box-shadow: 0 2px 5px rgba(0,0,0,0.05);
+    }
+    .stFileUploader:hover {
+        border-color: #7C3AED;
+    }
+    .stSpinner .spinner {
+        border-top-color: #7C3AED;
+    }
+    .output-card {
+        background: #f8fafc;
+        border-radius: 12px;
+        padding: 1.5rem;
+        margin-top: 1rem;
+        border: 1px solid #e5e7eb;
+        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
+        position: relative;
+    }
+    .copy-button {
+        position: absolute;
+        top: 10px;
+        right: 10px;
+        background: #7C3AED;
+        color: white;
+        border: none;
+        border-radius: 8px;
+        padding: 8px 12px;
+        cursor: pointer;
+        transition: background 0.3s ease;
+    }
+    .copy-button:hover {
+        background: #5B21B6;
+    }
+    @keyframes fadeIn {
+        from { opacity: 0; transform: translateY(-20px); }
+        to { opacity: 1; transform: translateY(0); }
+    }
+    .footer {
+        text-align: center;
+        font-size: 1.2em;
+        color: #4C1D95;
+        margin-top: 3rem;
+        padding: 1.5rem;
+        background: rgba(255,255,255,0.9);
+        border-radius: 15px;
+        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
+        animation: glow 3s ease-in-out infinite;
+    }
+    .footer a {
+        color: #7C3AED;
+        text-decoration: none;
+        font-weight: 600;
+        transition: color 0.3s ease;
+    }
+    .footer a:hover {
+        color: #5B21B6;
+        text-decoration: underline;
+    }
+    .social-icons img {
+        width: 30px;
+        margin: 0 10px;
+        transition: transform 0.3s ease;
+    }
+    .social-icons img:hover {
+        transform: scale(1.2);
+    }
+    @keyframes glow {
+        0% { box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
+        50% { box-shadow: 0 4px 20px rgba(124,58,237,0.3); }
+        100% { box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
+    }
+    @media (max-width: 768px) {
+        .title { font-size: 2.5em; }
+        .subheader { font-size: 1.5em; }
+        .stTabs [data-baseweb="tab"] { font-size: 1em; padding: 10px 15px; }
+        .card { padding: 1.5rem; }
+    }
+    </style>
+""", unsafe_allow_html=True)
+
+# === JavaScript pour la fonctionnalité de copie ===
+st.markdown("""
+    <script>
+    function copyToClipboard(text) {
+        navigator.clipboard.writeText(text).then(() => {
+            alert('Texte copié dans le presse-papiers !');
+        });
+    }
+    </script>
+""", unsafe_allow_html=True)
+
+
+# === Fonctions API ===
+
+def generate_text(prompt):
+    url = "https://api-inference.huggingface.co/models/gpt2"
+    headers = {"Authorization": HF_TOKEN}
+    payload = {"inputs": f"{prompt}"}
+    response = requests.post(url, headers=headers, json=payload)
+    if response.ok:
+        return response.json()[0]["generated_text"]
+    else:
+        st.error(f"Erreur FLAN-T5: {response.status_code} - {response.text}")
+        return "Erreur lors de la génération."
+
+
+def summarize_text(text):
+    url = "https://api-inference.huggingface.co/models/facebook/bart-large-cnn"
+    headers = {"Authorization": HF_TOKEN}
+    payload = {"inputs": text}
+    response = requests.post(url, headers=headers, json=payload)
+    if response.ok:
+        return response.json()[0]["summary_text"]
+    else:
+        st.error(f"Erreur BART: {response.status_code} - {response.text}")
+        return "Erreur lors du résumé."
+
+
+def transcribe_audio(path):
+    url = "https://api-inference.huggingface.co/models/openai/whisper-large"
+    headers = {
+        "Authorization": HF_TOKEN,
+        "Content-Type": "application/octet-stream"
+    }
+    with open(path, "rb") as f:
+        response = requests.post(url, headers=headers, data=f)
+    if response.ok:
+        return response.json()["text"]
+    else:
+        st.error(f"Erreur Whisper Large: {response.status_code} - {response.text}")
+        return "Erreur lors de la transcription."
+
+
+# === Titre principal ===
+st.markdown('<div class="title">✨ NLP Magique avec Hugging Face ✨</div>', unsafe_allow_html=True)
+st.markdown("---")
+
+# === AppBar avec onglets ===
+tabs = st.tabs([ f"📄 Résumeur", f"📝 Générateur", f"🎧 Transcripteur"])
+
+# === Générateur de texte ===
+with tabs[1]:
+    st.markdown('<div class="subheader">📝 Génération de contenu créatif</div>', unsafe_allow_html=True)
+    with st.container():
+        st.markdown('<div class="card">', unsafe_allow_html=True)
+        prompt = st.text_area("💡 Saisissez une idée ou une phrase :", "La médecine moderne", height=150,
+                              placeholder="Entrez votre texte ici...")
+        temp = st.slider("🎯 Niveau de créativité", 0.1, 1.0, 0.7, step=0.1)
+        if st.button("🚀 Générer"):
+            with st.spinner("Génération en cours..."):
+                output = generate_text(prompt)
+            st.markdown(
+                f'<div class="output-card">{output}<button class="copy-button" onclick="copyToClipboard(\'{output}\')">Copier</button></div>',
+                unsafe_allow_html=True)
+        st.markdown('</div>', unsafe_allow_html=True)
+
+# === Résumeur de texte ===
+with tabs[0]:
+    st.markdown('<div class="subheader">📄 Synthèse intelligente de textes</div>', unsafe_allow_html=True)
+    with st.container():
+        st.markdown('<div class="card">', unsafe_allow_html=True)
+        texte = st.text_area("✍️ Collez votre texte à résumer :", height=200, placeholder="Collez un long texte ici...")
+        if st.button("🧠 Résumer"):
+            with st.spinner("Analyse et synthèse en cours..."):
+                summary = summarize_text(texte)
+            st.markdown(
+                f'<div class="output-card">{summary}<button class="copy-button" onclick="copyToClipboard(\'{summary}\')">Copier</button></div>',
+                unsafe_allow_html=True)
+        st.markdown('</div>', unsafe_allow_html=True)
+
+# === Transcription audio ===
+with tabs[2]:
+    st.markdown('<div class="subheader">🎧 Transcription automatisée d’audio</div>', unsafe_allow_html=True)
+    with st.container():
+        st.markdown('<div class="card">', unsafe_allow_html=True)
+        audio_file = st.file_uploader("🎵 Chargez un fichier audio (max 30s)", type=["wav", "mp3", "m4a"],
+                                      help="Formats supportés : WAV, MP3, M4A")
+        if audio_file is not None:
+            with tempfile.NamedTemporaryFile(delete=False, suffix='.wav') as tmp_file:
+                tmp_file.write(audio_file.read())
+                audio_path = tmp_file.name
+            st.audio(audio_path)
+            if st.button("✍️ Transcrire"):
+                with st.spinner("Transcription en cours..."):
+                    transcript = transcribe_audio(audio_path)
+                st.markdown(
+                    f'<div class="output-card">{transcript}<button class="copy-button" onclick="copyToClipboard(\'{transcript}\')">Copier</button></div>',
+                    unsafe_allow_html=True)
+        st.markdown('</div>', unsafe_allow_html=True)
+
+# === Pied de page amélioré ===
+st.markdown("---")
+st.markdown("""
+    <div class="footer">
+        <p>✨ Propriété intellectuelle de NTONGA BABONG Entrepreneur<br>
+        Créé avec ❤️ grâce à <a href='https://huggingface.co/' target='_blank'>Hugging Face</a> et <a href='https://streamlit.io' target='_blank'>Streamlit</a></p>
+        <div class="social-icons">
+            <a href="https://twitter.com" target="_blank"><img src="https://img.icons8.com/color/48/000000/twitter--v1.png"/></a>
+            <a href="https://linkedin.com" target="_blank"><img src="https://img.icons8.com/color/48/000000/linkedin.png"/></a>
+            <a href="https://github.com" target="_blank"><img src="https://img.icons8.com/color/48/000000/github--v1.png"/></a>
+        </div>
+    </div>
+""", unsafe_allow_html=True)

requirements.txt

@@ -0,0 +1,4 @@
+streamlit
+requests
+
+python-dotenv