feat: ajout du mode texte libre dans le composant SimpleUrlsList

hrenaud · hrenaud · commit 2dbb7fd05204 · 2026-01-10T11:30:59.000+01:00
- Ajout d'un bouton de bascule entre mode formulaire et mode texte libre
- Mode texte libre avec textarea pour saisie au format une URL par ligne
- Conversion bidirectionnelle entre format liste et format texte
- Gestion manuelle des retours à la ligne dans le textarea
- Support pour mesures simples et mesures complexes (parcours)
- Traductions FR/EN ajoutées
- Documentation mise à jour (FEATURES.md, STRUCTURE.md)
- Changeset créé pour la prochaine release
diff --git a/.changeset/simpleurlslist-text-mode.md b/.changeset/simpleurlslist-text-mode.md
@@ -0,0 +1,32 @@
+---
+"ecoindex-app": minor
+---
+
+## Amélioration du composant SimpleUrlsList
+
+Ajout d'un mode de saisie texte libre dans le composant `SimpleUrlsList` pour faciliter la saisie et le copier-coller de listes d'URLs.
+
+### Nouvelles fonctionnalités
+
+- **Bascule entre deux modes de saisie** :
+  - Mode formulaire (par défaut) : Interface avec un champ séparé pour chaque URL
+  - Mode texte libre : Textarea pour saisie au format une URL par ligne
+
+- **Conversion bidirectionnelle** : Synchronisation automatique entre les deux modes
+
+- **Gestion des retours à la ligne** : Support complet des retours à la ligne dans le textarea pour ajouter plusieurs URLs
+
+### Utilisation
+
+Cette fonctionnalité est disponible pour :
+- **Mesures simples** : Saisie des URLs à analyser dans `SimplePanMesure`
+- **Mesures complexes (parcours)** : Saisie des URLs pour chaque course dans `JsonPanMesure`
+
+### Composant
+
+**Fichier** : `src/renderer/components/SimpleUrlsList.tsx`
+
+**Nouvelles props** :
+- `enableTextMode?: boolean` : Active/désactive le mode texte libre
+- `placeholder?: string` : Placeholder personnalisé pour le textarea
+- `textModeFormat?: string` : Message d'aide pour le format attendu
diff --git a/docs/FEATURES.md b/docs/FEATURES.md
@@ -361,6 +361,10 @@ Les mesures simples permettent d'analyser une ou plusieurs URLs individuellement
 #### Fonctionnalités
 
 - **Saisie d'URLs multiples** : L'utilisateur peut ajouter plusieurs URLs à analyser
+  - **Mode formulaire** (par défaut) : Saisie via interface avec un champ séparé pour chaque URL
+  - **Mode texte libre** : Saisie dans un textarea au format une URL par ligne, facilitant le copier-coller de listes d'URLs
+  - Bascule entre les deux modes via un bouton avec icônes
+  - Conversion bidirectionnelle automatique entre les deux formats
 - **Configuration avancée** : Toutes les options de configuration sont disponibles (voir section 8.3)
 - **Confirmation intelligente** : Si un fichier de configuration JSON (`ecoindex.json`) est détecté dans le répertoire de travail, une boîte de dialogue de confirmation s'affiche pour suggérer une mesure complexe
 - **Génération de rapports** : Génère des rapports HTML, JSON et/ou Statement selon la configuration
@@ -399,6 +403,9 @@ Les mesures complexes permettent d'analyser des parcours utilisateur définis da
   - Target (cible)
   - Description
   - Liste d'URLs à analyser
+    - **Mode formulaire** (par défaut) : Saisie via interface avec un champ séparé pour chaque URL
+    - **Mode texte libre** : Saisie dans un textarea au format une URL par ligne, facilitant le copier-coller
+    - Bascule entre les deux modes disponible pour chaque course
   - Flag "is-best-pages" (une seule course doit être marquée comme best-page)
 - **Sauvegarde de configuration** : La configuration est sauvegardée dans `{workDir}/ecoindex.json`
 - **Rechargement automatique** : Si un fichier `ecoindex.json` existe dans le répertoire de travail, il est automatiquement chargé au changement de répertoire
diff --git a/docs/STRUCTURE.md b/docs/STRUCTURE.md
@@ -51,7 +51,7 @@ EcoindexApp-2025/
 │   │   │   ├── JsonPanMesure.tsx     # Panneau de mesure JSON
 │   │   │   ├── AdvConfiguration.tsx  # Configuration avancée
 │   │   │   ├── KeyValue.tsx          # Composant clé-valeur avec bascule mode formulaire/texte libre
-│   │   │   ├── SimpleUrlsList.tsx    # Liste d'URLs simples
+│   │   │   ├── SimpleUrlsList.tsx    # Liste d'URLs simples avec bascule mode formulaire/texte libre
 │   │   │   ├── InitErrorAlerts.tsx   # Alertes d'erreur d'initialisation
 │   │   │   ├── MySkeleton.tsx       # Composant skeleton
 │   │   │   ├── PopinLoading.tsx      # Popin de chargement
diff --git a/src/locales/en/translation.json b/src/locales/en/translation.json
@@ -224,6 +224,9 @@
     "textModeFormat": "Format: one key=value pair per line. Example: Authorization=Bearer token",
     "textModeFormatEnvVars": "Format: one KEY=value pair per line. Keys will be converted to uppercase. Example: API_KEY=your-key"
   },
+  "simpleUrlsList": {
+    "textModeFormat": "Format: one URL per line. Example: https://www.example.com/"
+  },
   "Enter a key": "Enter a key",
   "Enter a value": "Enter a value",
   "key-value": {
diff --git a/src/locales/fr/translation.json b/src/locales/fr/translation.json
@@ -224,6 +224,9 @@
     "textModeFormat": "Format: une paire clé=valeur par ligne. Exemple: Authorization=Bearer token",
     "textModeFormatEnvVars": "Format: une paire CLÉ=valeur par ligne. Les clés seront converties en majuscules. Exemple: API_KEY=votre-clé"
   },
+  "simpleUrlsList": {
+    "textModeFormat": "Format: une URL par ligne. Exemple: https://www.example.com/"
+  },
   "Enter a key": "Entrer une clé",
   "Enter a value": "Entrer une valeur",
   "key-value": {
diff --git a/src/renderer/components/JsonPanMesure.tsx b/src/renderer/components/JsonPanMesure.tsx
@@ -516,6 +516,9 @@ export const JsonPanMesure: FC<ILayout> = ({
                                                 }
                                                 visible={true}
                                                 isFullWidth
+                                                enableTextMode={true}
+                                                placeholder="https://www.example.com/&#10;https://www.example2.com/"
+                                                textModeFormat={t('simpleUrlsList.textModeFormat')}
                                             />
                                         )}
                                     </div>
diff --git a/src/renderer/components/SimplePanMesure.tsx b/src/renderer/components/SimplePanMesure.tsx
@@ -104,6 +104,9 @@ export const SimplePanMesure: FC<ISimpleMesureLayout> = ({
                             visible={true}
                             language={language}
                             title=""
+                            enableTextMode={true}
+                            placeholder="https://www.example.com/&#10;https://www.example2.com/"
+                            textModeFormat={t('simpleUrlsList.textModeFormat')}
                         />
                     </fieldset>
                 </form>
diff --git a/src/renderer/components/SimpleUrlsList.tsx b/src/renderer/components/SimpleUrlsList.tsx
