Version web : app.py et README

README.md

@@ -3,8 +3,7 @@ title: GRAPP
 emoji: 🍇
 colorFrom: pink
 colorTo: purple
-sdk: streamlit
-app_file: app.py
+sdk: static
 pinned: false
 license: mit
 short_description: Choisir son vin sans se prendre la grappe
@@ -87,17 +86,19 @@ python scripts/enrichir_kaggle.py
 ```
 Chaque vin recommandé affiche alors les bouteilles réelles les mieux notées de son appellation.
 
-### 6. Mettre l'app en ligne (lien public)
-**Hugging Face Spaces (gratuit) :**
-1. Crée un compte sur https://huggingface.co puis *New Space* → nom `grapp`, SDK **Streamlit**, matériel *CPU basic (free)*.
-2. Onglet *Files* → *Upload files* : glisse **tout le contenu** du dossier GRAPP (dossiers compris), puis *Commit*.
-3. Attends 3 à 5 minutes (construction). Ton lien : `https://huggingface.co/spaces/<ton-pseudo>/grapp`.
+### 6. Mettre l'app en ligne (lien public, gratuit)
+**Hugging Face Space statique + stlite :** `index.html` lance le même `app.py` directement dans le navigateur
+du visiteur grâce à [stlite](https://github.com/whitphx/stlite) (Streamlit compilé en WebAssembly via Pyodide). Pas de serveur, donc gratuit.
+1. Sur https://huggingface.co → *New Space* → nom `grapp`, SDK **Static**.
+2. *Files* → *Upload files* : glisse tout le contenu du dossier GRAPP (dossiers compris) → *Commit*.
+3. Lien : `https://huggingface.co/spaces/<ton-pseudo>/grapp`.
 
-Le bloc `---` en haut de ce README et le fichier `packages.txt` (qui installe Tesseract) servent à Hugging Face.
+Différences avec la version locale : pas de Tesseract dans le navigateur (la carte d'exemple utilise le texte déjà
+extrait, `data/carte_exemple.txt` ; pour une autre carte, on colle son texte), et la recherche sémantique utilise le
+mode TF-IDF. Pour la version complète en ligne : `Dockerfile` (Hugging Face Docker, payant) ou Streamlit Community Cloud
+(gratuit, via GitHub, utilise `packages.txt`).
 
-**Alternative, Streamlit Community Cloud :** mets le dossier sur GitHub, puis https://share.streamlit.io → *Create app* → choisis le dépôt et `app.py`.
-
-> En ligne, les favoris sont partagés par tous les visiteurs et remis à zéro à chaque redémarrage.
+> En ligne, les favoris sont gardés le temps de la visite.
 
 ---
 

app.py

@@ -173,7 +173,14 @@ with tab_tchin:
                         st.warning("Ajoute d'abord une photo 😉")
                         st.stop()
                     with st.spinner("L'IA déchiffre la carte…"):
-                        texte = ocr_image(img)
+                        try:
+                            texte = ocr_image(img)
+                        except RuntimeError:
+                            # Version web (navigateur) : pas de Tesseract. Pour la carte
+                            # d'exemple, on reprend le texte que Tesseract en a extrait.
+                            if not source.startswith("🧾"):
+                                raise
+                            texte = (ROOT / "data" / "carte_exemple.txt").read_text(encoding="utf-8")
                 trouves = trouver_vins(texte, noms)
             except RuntimeError as err:
                 st.error(f"Lecture impossible : {err}. Colle plutôt le texte de la carte.")

style.css

@@ -1,28 +0,0 @@
-body {
-	padding: 2rem;
-	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
-}
-
-h1 {
-	font-size: 16px;
-	margin-top: 0;
-}
-
-p {
-	color: rgb(107, 114, 128);
-	font-size: 15px;
-	margin-bottom: 10px;
-	margin-top: 5px;
-}
-
-.card {
-	max-width: 620px;
-	margin: 0 auto;
-	padding: 16px;
-	border: 1px solid lightgray;
-	border-radius: 16px;
-}
-
-.card p:last-child {
-	margin-bottom: 0;
-}