Skip to content

Commit 8e2282f

Browse files
authored
Update README.md
1 parent f5dcc03 commit 8e2282f

1 file changed

Lines changed: 15 additions & 52 deletions

File tree

README.md

Lines changed: 15 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,10 @@
55

66
Extension de navigateur pour la traduction au survol avec dictionnaire personnalisable.
77

8-
> **📝 Note importante :** Cette extension utilise l'API WebExtensions standard et est compatible avec Chrome, Firefox, Edge et Safari. Les instructions d'installation varient selon le navigateur.
8+
## Productions
9+
- **Chrome Web Store** : https://chromewebstore.google.com/detail/traducteur-personnalis%C3%A9-a/nmknpgpdoclllikijfkhocimieblajmh
10+
- **Firefox** : Prochainement
11+
912

1013
## Exemples
1114

@@ -21,28 +24,16 @@ Extension de navigateur pour la traduction au survol avec dictionnaire personnal
2124

2225
![Exemple de configuration dans la page dédiée de l'extension](assets/hover-config-example.gif)
2326

24-
### 📋 Utilisation
25-
26-
1. **Configuration** : Ouvrir les options de l'extension
27-
2. **Dictionnaire** : Ajouter vos traductions au format JSON, ou une par une via l'ajout manuel
28-
3. **URLs** : Spécifier les sites cibles (optionnel)
29-
4. **Activation** : L'extension se lance automatiquement sur les pages configurées
30-
5. **Surlignage** : Affichage au survol de vos traductions ou de la recherche inversée
31-
32-
## ✨ Fonctionnalités détaillées
33-
34-
- 🎯 **Traduction au survol** : Affichage élégant des traductions avec bordure bleue
35-
- 📋 **Copie de traduction** : Clic droit pour copier la traduction dans le presse-papiers
36-
- 📝 **Dictionnaire personnalisable** : Support JSON récursif avec formatage automatique
37-
- 🔍 **Recherche intelligente** : Correspondance exacte et partielle, insensible à la casse
38-
- 🔎 **Recherche globale** : `Ctrl+Maj+F` pour rechercher dans toute la page
39-
- 🌐 **URLs ciblées** : Configuration des sites où l'extension est active
40-
- 🚀 **Cross-browser** : Chrome, Firefox, Safari, Edge
41-
- ⚙️ **Configuration par site** : Options spécifiques par domaine
27+
### En résumé
4228

43-
## 🛠️ Installation
29+
- 🔧 Configuration : Paramétrez l’extension via les options.
30+
- 📖 Dictionnaire : Ajoutez des traductions (JSON ou manuel).
31+
- 🌐 URLs ciblées : Activez l’extension sur des sites spécifiques.
32+
- 🎯 Survol & copie : Traduction au survol + copie en un clic.
33+
- 🔍 Recherche : Ctrl+Maj+F pour chercher dans la page.
4434

45-
### Développement
35+
---
36+
## 🛠️ Installation pour les développeuses et développeurs
4637

4738
```bash
4839
# Cloner le repository
@@ -52,7 +43,7 @@ cd MyHoverCustomTranslator
5243
# Installer les dépendances
5344
npm install
5445

55-
# Compiler l'extension
46+
# Compiler l'extension dans dossier dist
5647
npm run build
5748

5849
```
@@ -73,7 +64,7 @@ Ressource : <https://extensionworkshop.com/documentation/develop/getting-started
7364
npm run dev:firefox
7465
```
7566

76-
Permettra d'observer en direct l'extension, il suffira juste de lancer `npm run build` pour tester le nouveau code.
67+
Permettra d'observer en direct l'extension, il suffira juste de lancer `npm run build` pour tester le nouveau code, puis `R` dans le shell pour refresh.
7768

7869
**✅ Vérification de l'installation :**
7970

@@ -83,41 +74,13 @@ Permettra d'observer en direct l'extension, il suffira juste de lancer `npm run
8374

8475
**⚠️ Note Firefox :** L'extension est temporaire et disparaîtra au redémarrage de Firefox. Pour une installation permanente, utilisez le fichier `.xpi` (voir section Production).
8576

86-
**🔧 Important pour Firefox :** L'extension inclut un ID explicite (`myhover-translator@gaboflo.fr`) dans le manifest pour permettre le fonctionnement de l'API de stockage.
87-
88-
### Production
89-
90-
- **Chrome/Edge :** Télécharger la dernière release et l'installer via le Chrome Web Store
91-
- **Firefox :** Télécharger le fichier `.xpi` et l'installer via Firefox Add-ons
92-
93-
### 🔎 Recherche globale
94-
95-
Utilisez `Ctrl+Maj+F` sur n'importe quelle page pour ouvrir la barre de recherche. Cette fonctionnalité vous permet de :
96-
97-
- **Rechercher dans toute la page** : Trouvez rapidement tous les mots traduits
98-
- **Navigation visuelle** : Les résultats sont surlignés avec des couleurs distinctes
99-
- **Interface intuitive** : Barre de recherche flottante avec compteur de résultats
100-
- **Fermeture facile** : Cliquez sur ❌ ou appuyez sur Échap pour fermer
101-
102-
**Comment ça marche :**
103-
104-
1. Appuyez sur `Ctrl+Maj+F` sur une page web
105-
2. Tapez votre recherche (minimum 2 caractères)
106-
3. Les résultats apparaissent automatiquement surlignés
107-
4. Le premier résultat est automatiquement mis en évidence
108-
5. Fermez la recherche en cliquant sur ❌
109-
11077
## 📄 Licence
11178

11279
MIT License - voir le fichier [LICENSE](LICENSE) pour plus de détails.
11380

11481
## 🤝 Contribution
11582

116-
1. Fork le projet
117-
2. Créer une branche feature (`git checkout -b feature/AmazingFeature`)
118-
3. Commit les changements (`git commit -m 'Add AmazingFeature'`)
119-
4. Push vers la branche (`git push origin feature/AmazingFeature`)
120-
5. Ouvrir une Pull Request
83+
Elles sont bienvenues ! Ouvrez une PR.
12184

12285
## 🔧 Dépannage
12386

0 commit comments

Comments
 (0)