@inputdev/sdk 1.0.1 → 1.0.3

package/README.md

@@ -1,457 +1,378 @@
-# InputDev SDK
-
-🚀 **SDK JavaScript ultra-simple pour la soumission de formulaires**
-
-Un SDK moderne et intelligent qui facilite l'intégration de formulaires avec votre backend InputDev.
-
-## ✨ **Caractéristiques principales**
-
-- 🎯 **Installation instantanée** - Un simple attribut HTML
-- 📧 **Validation emails automatique** 
-- 🔇 **Mode silencieux** pour la production
-- 🎨 **Messages d'erreur intelligents**
-- 📊 **Logs détaillés et configurables**
-- ⚡ **Compatible avec tous les frameworks**
-
-## 🚀 **Installation**
-
-### **CDN (recommandé)**
-```html
-<script src="https://cdn.jsdelivr.net/npm/inputdev-sdk@latest/dist/inputdev-sdk.min.js"></script>
-```
-
-### **NPM**
-```bash
-npm install inputdev-sdk
-```
-
-## 📖 **Utilisation rapide**
-
-### **1. Formulaire automatique** 
-```html
-<form data-inputdev="votre-clé-api">
-    <input type="text" name="name" required>
-    <input type="email" name="email" required>
-    <textarea name="message" required></textarea>
-    <button type="submit">Envoyer</button>
-</form>
-```
-
-### **2. Mode silencieux** (pas de logs)
-```html
-<form data-inputdev-silence="votre-clé-api">
-    <input type="text" name="name" required>
-    <input type="email" name="email" required>
-    <textarea name="message" required></textarea>
-    <button type="submit">Envoyer</button>
-</form>
-```
-
-**🔇 Mode silencieux =** 
-- ❌ **Aucun log dans la console**
-- ❌ **Pas de messages d'erreur visibles**
-- ✅ **Uniquement les événements personnalisés**
-- ✅ **Idéal pour la production**
-
-### **3. Appel manuel (avec logs)**
-```javascript
-const dev = new InputDevSDK();
-
-await dev.submit("votre-clé-api", {
-    name: "John Doe",
-    email: "john@example.com",
-    message: "Hello!"
-});
-```
-
-**📊 Mode normal =**
-- ✅ **Logs détaillés dans la console**
-- ✅ **Messages d'erreur intelligents**
-- ✅ **Instructions pour les erreurs courantes**
-- ✅ **Idéal pour le développement**
-
-### **4. Appel manuel silencieux**
-```javascript
-await dev.submit("votre-clé-api", "silence", {
-    name: "John Doe", 
-    email: "john@example.com",
-    message: "Hello!"
-});
-```
-
-**🔇 Mode silencieux manuel =**
-- ❌ **Aucun log dans la console**
-- ❌ **Pas de messages d'erreur**
-- ✅ **Uniquement les événements personnalisés**
-- ✅ **Parfait pour la production**
-
-## 🎨 **Fonctionnalités avancées**
-
-### **Validation emails automatique**
-Le SDK valide automatiquement les champs `<input type="email">` et les données contenant "email" :
-
-- ✅ **Validation en temps réel** sur les champs HTML
-- ✅ **Validation des données JSON** dans `submit()`
-- ✅ **Feedback visuel** avec messages d'erreur
-- ✅ **Messages console** détaillés
-
-### **Gestion des erreurs intelligente**
-Messages d'aide contextuels pour les erreurs courantes :
-
-- **DOM_001** : Erreur de domaine non autorisé
-- **API_003** : Clé API désactivée  
-- **EMAIL_INVALID** : Email invalide
-
-### **Logs configurables**
-```javascript
-const dev = new InputDevSDK();
-
-// Contrôler les logs
-dev.disableLogs();  // Désactiver tous les logs
-dev.enableLogs();   // Réactiver les logs
-```
-
-## 🔧 **Configuration**
-
-### **Modes de fonctionnement**
-
-#### **📊 Mode normal (développement)**
-```javascript
-const dev = new InputDevSDK();
-// Par défaut : logs activés, messages activés
-```
-
-**Avantages :**
-- ✅ **Logs complets** pour le débogage
-- ✅ **Messages d'erreur détaillés**
-- ✅ **Instructions contextuelles** (DOM_001, API_003)
-- ✅ **Validation emails** avec feedback visuel
-
-#### **🔇 Mode silencieux (production)**
-```javascript
-// Attribut HTML
-<form data-inputdev-silence="votre-clé-api">
-
-// Ou appel manuel
-await dev.submit("votre-clé-api", "silence", data);
-```
-
-**Avantages :**
-- ❌ **Aucun log** dans la console
-- ❌ **Pas de messages d'erreur** visibles
-- ✅ **Console propre** pour les utilisateurs
-- ✅ **Uniquement les événements** personnalisés
-
-### **Contrôle manuel des logs**
-```javascript
-const dev = new InputDevSDK();
-
-// Désactiver tous les logs
-dev.disableLogs();
-
-// Réactiver les logs
-dev.enableLogs();
-```
-
-### **Contrôle manuel des messages**
-```javascript
-// Désactiver les notifications visuelles
-dev.disableMessages();
-
-// Réactiver les notifications
-dev.enableMessages();
-```
-
-### **Quand utiliser quel mode ?**
-
-| Situation | Mode recommandé | Pourquoi ? |
-|-----------|-----------------|-----------|
-| **Développement** | 📊 **Normal** | Débogage facile avec logs complets |
-| **Production** | 🔇 **Silencieux** | Console propre pour les utilisateurs |
-| **Tests** | 🔇 **Silencieux** | Pas de pollution des logs de test |
-| **Débogage client** | 📊 **Normal** | Instructions d'erreur détaillées |
-
-## 📋 **Événements personnalisés**
-
-```javascript
-// Écouter les succès
-document.addEventListener('inputdev:success', (event) => {
-    console.log('Formulaire envoyé!', event.detail);
-});
-
-// Écouter les erreurs
-document.addEventListener('inputdev:error', (event) => {
-    console.log('Erreur:', event.detail);
-});
-```
-
-## 🌍 **Compatibilité**
-
-- ✅ **Vanilla JavaScript**
-- ✅ **React**
-- ✅ **Vue.js**
-- ✅ **Angular**
-- ✅ **Svelte**
-- ✅ **Tous les navigateurs modernes**
-
-## 📦 **Taille et performance**
-
-- 📊 **~5KB** minifié et gzippé
-- ⚡ **Chargement instantané**
-- 🔄 **Aucune dépendance**
-- 📱 **Mobile-friendly**
-
-## 🔐 **Sécurité**
-
-- 🔒 **Clés API masquées** dans les logs
-- 🛡️ **Validation côté client**
-- 🚫 **Pas de données sensibles** exposées
-
-## 📚 **Exemples complets**
-
-### **React**
-```jsx
-import { InputDevSDK } from 'inputdev-sdk';
-
-const dev = new InputDevSDK();
-
-const handleSubmit = async (data) => {
-    try {
-        await dev.submit("votre-clé-api", data);
-        alert("Message envoyé !");
-    } catch (error) {
-        console.error("Erreur:", error);
-    }
-};
-```
-
-### **Vanilla JS**
-```html
-<script src="inputdev-sdk.min.js"></script>
-<script>
-    const dev = new InputDevSDK();
-    
-    document.getElementById('myForm').addEventListener('submit', async (e) => {
-        e.preventDefault();
-        
-        const data = {
-            name: document.getElementById('name').value,
-            email: document.getElementById('email').value
-        };
-        
-        await dev.submit("votre-clé-api", "silence", data);
-    });
-</script>
-```
-
-## 🤝 **Contribution**
-
-Contributions bienvenues ! 
-- Fork le projet
-- Créez une branche (`git checkout -b feature/amazing-feature`)
-- Committez (`git commit -m 'Add amazing feature'`)
-- Push (`git push origin feature/amazing-feature`)
-- Ouvrez une Pull Request
-
-## 📄 **Licence**
-
-MIT License - libre pour usage commercial et personnel
-
-## 🔗 **Liens utiles**
-
-- 📖 **Documentation complète** : [docs.inputdev.com](https://docs.inputdev.com)
-- 🚀 **Démo en ligne** : [demo.inputdev.com](https://demo.inputdev.com)
-- 🐛 **Issues** : [GitHub Issues](https://github.com/inputdev/sdk/issues)
-- 💬 **Support** : [Discord](https://discord.gg/inputdev)
-
----
-
-**Made with ❤️ by InputDev Team**
-
-## API Reference
-
-### `dev.submit(apiKey, data)`
-
-Envoie les données du formulaire vers l'API InputDev.
-
-**Paramètres :**
-- `apiKey` (string): Votre clé API InputDev
-- `data` (object): Données du formulaire
-
-**Retour :**
-- `Promise`: Résolution avec la réponse de l'API
-
-**Exemple :**
-```javascript
-const data = {
-  email: "contact@example.com",
-  message: "Bonjour, j'aimerais en savoir plus...",
-  telephone: "+33612345678",
-  plan: "free"
-};
-
-dev.submit("grts_VotreCleApiDeCeSite", data)
-  .then(response => {
-    console.log('Formulaire soumis:', response);
-  })
-  .catch(error => {
-    console.error('Erreur:', error.message);
-  });
-```
-
-## Événements personnalisés
-
-Le SDK émet des événements que vous pouvez écouter :
-
-```javascript
-// Succès de la soumission
-document.addEventListener('inputdev:success', (event) => {
-  const { form, response } = event.detail;
-  console.log('Formulaire envoyé avec succès:', response);
-});
-
-// Erreur de soumission
-document.addEventListener('inputdev:error', (event) => {
-  const { form, error } = event.detail;
-  console.error('Erreur lors de l\'envoi:', error);
-});
-```
-
-## Codes d'erreur
-
-| Code | Message | Description |
-|------|---------|-------------|
-| API_001 | Clé API invalide | La clé API n'existe pas ou est mal formatée |
-| API_003 | Clé API désactivée | La clé API a été désactivée |
-| DOM_001 | Domaine non autorisé | Le domaine n'est pas autorisé pour cette clé |
-| QUO_001 | Quota de soumissions épuisé | Vous avez atteint votre limite de soumissions |
-| STO_001 | Quota de stockage épuisé | Vous avez atteint votre limite de stockage |
-| SRV_001 | Erreur serveur | Erreur interne du serveur |
-| SRV_004 | Trop de requêtes | Rate limit dépassé (10 req/min par clé) |
-
-## Configuration avancée
-
-### Personnaliser la configuration
-
-```javascript
-// Mettre à jour la configuration
-dev.updateConfig({
-  apiEndpoint: 'https://votre-serveur-personnalisé.com/submit',
-  timeout: 15000,
-  retries: 3
-});
-
-// Voir la configuration actuelle
-console.log(dev.getConfig());
-```
-
-### Options de configuration
-
-| Option | Défaut | Description |
-|--------|--------|-------------|
-| `apiEndpoint` | `https://votre-serveur.com/submit` | URL de l'API InputDev |
-| `timeout` | `10000` | Timeout en millisecondes |
-| `retries` | `2` | Nombre de tentatives en cas d'échec |
-
-## Exemples pratiques
-
-### Formulaire de contact
-```html
-<form data-inputdev="grts_VotreCleApi">
-  <div>
-    <label for="name">Nom:</label>
-    <input type="text" id="name" name="name" required>
-  </div>
-  
-  <div>
-    <label for="email">Email:</label>
-    <input type="email" id="email" name="email" required>
-  </div>
-  
-  <div>
-    <label for="subject">Sujet:</label>
-    <input type="text" id="subject" name="subject">
-  </div>
-  
-  <div>
-    <label for="message">Message:</label>
-    <textarea id="message" name="message" required></textarea>
-  </div>
-  
-  <button type="submit">Envoyer</button>
-</form>
-
-<script src="https://cdn.inputdev.dev/latest.js"></script>
-```
-
-### Formulaire avec validation personnalisée
-```javascript
-document.addEventListener('inputdev:success', (event) => {
-  // Rediriger après succès
-  window.location.href = '/merci.html';
-});
-
-document.addEventListener('inputdev:error', (event) => {
-  // Afficher une notification personnalisée
-  showNotification('Erreur: ' + event.detail.error.message, 'error');
-});
-```
-
-### Intégration React
-```jsx
-import { dev } from "@inputdev/sdk";
-
-function ContactForm() {
-  const [formData, setFormData] = useState({
-    email: '',
-    message: ''
-  });
-  const [loading, setLoading] = useState(false);
-
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    setLoading(true);
-    
-    try {
-      await dev.submit("grts_VotreCleApi", formData);
-      alert('Message envoyé avec succès!');
-      setFormData({ email: '', message: '' });
-    } catch (error) {
-      alert('Erreur: ' + error.message);
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  return (
-    <form onSubmit={handleSubmit}>
-      <input
-        type="email"
-        value={formData.email}
-        onChange={(e) => setFormData({...formData, email: e.target.value})}
-        placeholder="Votre email"
-        required
-      />
-      <textarea
-        value={formData.message}
-        onChange={(e) => setFormData({...formData, message: e.target.value})}
-        placeholder="Votre message"
-        required
-      />
-      <button type="submit" disabled={loading}>
-        {loading ? 'Envoi...' : 'Envoyer'}
-      </button>
-    </form>
-  );
-}
-```
-
-## Support
-
-- 📖 Documentation complète : [docs.inputdev.dev](https://docs.inputdev.dev)
-- 🐛 Rapports de bugs : [GitHub Issues](https://github.com/inputdev/sdk/issues)
-- 💬 Communauté : [Discord](https://discord.gg/inputdev)
-
-## Licence
-
-MIT License - voir le fichier LICENSE pour les détails.
+# InputDev SDK Documentation �
+
+> **Le backend de formulaires le plus simple et professionnel pour les développeurs modernes.**
+
+[![Version](https://img.shields.io/badge/version-1.0.0-059669.svg?style=flat-square)](https://inputdev.dev)
+[![License](https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square)](LICENSE)
+[![Documentation](https://img.shields.io/badge/docs-latest-059669.svg?style=flat-square)](https://inputdev.pages.dev/documentation)
+
+---
+
+## 📖 Table des matières
+
+- [Introduction](#-introduction)
+- [Quick Start](#-quick-start-démarrage-rapide)
+- [Comment ça fonctionne](#-comment-ça-fonctionne)
+- [Installation](#-installation)
+- [Utilisation JavaScript](#-utilisation-javascript-pour-frameworks)
+- [SDK JavaScript Avancé](#-sdk-javascript-avancé)
+- [Validation Email](#-validation-email)
+- [Événements](#-événements)
+- [Codes d'erreur](#-codes-derreur)
+- [Sécurité](#-sécurité)
+- [Mode Silence](#-mode-silence)
+- [Limites](#-limites)
+- [Bonnes pratiques](#-bonnes-pratiques)
+- [Exemple complet](#-exemple-complet-réel)
+
+---
+
+## 🚀 Introduction
+
+InputDev permet de transformer un simple formulaire en système de collecte de données sécurisé et professionnel.
+
+### ✨ Avantages principaux
+
+- **Aucune configuration serveur nécessaire** - Déployez en minutes
+- **Aucune dépendance externe** - SDK ultra-léger et autonome  
+- **Installation en moins de 1 minute** - Intégration instantanée
+- **Validation automatique** - Emails et champs intégrés
+- **Sécurité de niveau entreprise** - HTTPS, CORS, anti-spam
+
+---
+
+## ⚡ Quick Start (Démarrage rapide)
+
+### Étape 1 — Ajouter le script
+
+#### Via CDN (recommandé)
+
+```html
+<script src="https://cdn.inputdev.com/sdk/latest/inputdev.min.js"></script>
+```
+
+#### Via NPM
+
+```bash
+npm install @inputdev/sdk
+import InputDev from "@inputdev/sdk";
+```
+
+### Étape 2 — Ajouter votre clé API
+
+```html
+<form data-inputdev="grts_VotreCleApiDeCeSite">
+  <input type="text" name="name" required />
+  <input type="email" name="email" required />
+  <button type="submit">Envoyer</button>
+</form>
+```
+
+> 🎉 **C'est terminé !** Le formulaire est maintenant connecté à InputDev.
+
+---
+
+## 🔧 Comment ça fonctionne
+
+1. **Navigateur** - L'utilisateur soumet le formulaire
+2. **InputDev API** - Les données sont validées et envoyées en HTTPS  
+3. **Stockage sécurisé** - Elles sont enregistrées dans votre tableau de bord
+
+---
+
+## 📦 Installation
+
+### Via CDN (recommandé)
+
+```html
+<script src="https://cdn.inputdev.com/sdk/latest/inputdev.min.js"></script>
+```
+
+### Via NPM
+
+```bash
+npm install @inputdev/sdk
+import InputDev from "@inputdev/sdk";
+```
+
+---
+
+## 💻 Utilisation JavaScript (Pour Frameworks)
+
+Idéal pour les frameworks JavaScript (React, Vue, Angular, etc.) où vous contrôlez déjà les données du formulaire :
+
+```javascript
+const sdk = new InputDev();
+
+await sdk.submit("grts_VotreCleApiDeCeSite", {
+  name: "John",
+  email: "john@email.com", 
+  plan: "premium"
+});
+```
+
+### Paramètres
+
+| Paramètre | Type | Obligatoire | Description |
+|-----------|------|-------------|-------------|
+| `apiKey` | string | Oui | Clé publique fournie par InputDev |
+| `data` | object | Oui | Données à envoyer |
+
+---
+
+## 🚀 SDK JavaScript Avancé
+
+Pour le HTML classique avec un contrôle total des champs et une gestion personnalisée :
+
+```html
+<form id="contact-form">
+  <!-- ... vos champs ici ... -->
+  <button type="button" onclick="submitFormulaire()">Envoyer</button>
+</form>
+
+<script src="https://unpkg.com/@inputdev/sdk@latest/inputdev-sdk.prod.js"></script>
+<script>
+  // Fonction réutilisable, contrôle total des champs
+  function submitFormulaire() {
+    const dev = new InputDevSDK();
+    const data = {
+      email: "exemple@test.com",
+      message: "Message par défaut",
+      telephone: "+22990000000",
+      plan: "free"
+    };
+    dev.submit("grts_VotreCleApiDeCeSite", data); // SDK gère erreurs et succès automatiquement
+  }
+</script>
+```
+
+### Avantages du SDK avancé
+
+- **Contrôle total des données** - Gérez chaque champ manuellement
+- **Validation personnalisée** - Appliquez vos règles métier
+- **Gestion d'erreurs avancée** - Messages d'erreur sur mesure
+- **Performance optimisée** - Envoi asynchrone et optimisé
+
+---
+
+## 📧 Validation Email
+
+InputDev valide automatiquement les adresses email pour garantir la qualité des données collectées. La validation fonctionne en deux temps : affichage des messages et blocage de la soumission si nécessaire.
+
+### Comment ça fonctionne ?
+
+Le SDK détecte automatiquement tous les champs contenant "email" dans leur nom et applique une validation en temps réel.
+
+#### Messages dans la console (pour le débogage)
+
+```
+📧 VALIDATION EMAIL
+⚠️ Erreurs trouvées:
+• L'email "email" est invalide: test@invalid
+💡 Corrigez les emails avant de soumettre à nouveau
+```
+
+#### Messages sous le formulaire (pour l'expérience utilisateur)
+
+```html
+<div class="inputdev-email-error-message" data-inputdev-error-for="email">
+  <span style="text-decoration: underline; font-weight: bold;">InputDev SDK</span> : 
+  <span style="font-weight: bold;">Veuillez entrer une adresse email valide</span>
+</div>
+```
+
+### Processus de validation
+
+1. **Détection** : Le SDK identifie les champs avec "email" dans le nom (insensible à la casse)
+2. **Validation en temps réel** : Vérification lors de la perte de focus (blur event)  
+3. **Feedback visuel** : Bordure rouge et message d'erreur sous le champ
+4. **Blocage de soumission** : Empêche l'envoi si un email est invalide
+5. **Nettoyage automatique** : Supprime l'erreur quand l'utilisateur corrige
+
+### Exemple de validation
+
+```html
+<form data-inputdev="grts_VotreCleApiDeCeSite">
+  <input type="text" name="name" placeholder="Nom" required>
+  
+  <!-- Sera validé automatiquement -->
+  <input type="email" name="email" placeholder="Email" required>
+  
+  <!-- Aussi validé (contient "email") -->
+  <input type="email" name="email_confirmation" placeholder="Confirmer l'email">
+  
+  <button type="submit">Envoyer</button>
+</form>
+```
+
+### Types de validation
+
+#### ✅ Emails valides
+- user@domain.com
+- test.email+tag@example.co.uk  
+- user123@sub.domain.org
+
+#### ❌ Emails invalides
+- email@
+- user.domain.com
+- user@domain
+
+### Styles appliqués automatiquement
+
+```css
+.inputdev-email-error {
+    border: 2px solid #ef4444 !important;
+    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1) !important;
+    outline: none !important;
+}
+
+.inputdev-email-error-message {
+    color: #ef4444;
+    font-size: 12px;
+    margin-top: 4px;
+    display: block;
+}
+```
+
+> ⚠️ **Important** : Si un email est invalide, la soumission du formulaire est complètement bloquée. L'utilisateur doit corriger l'email avant de pouvoir envoyer le formulaire.
+
+> 💡 **Astuce** : La validation fonctionne en mode normal et en mode silence. En mode silence, seul le message sous le formulaire s'affiche (pas de logs console).
+
+---
+
+## 📡 Événements
+
+Vous pouvez écouter les événements globaux pour personnaliser l'expérience utilisateur :
+
+```javascript
+document.addEventListener("inputdev:success", (event) => {
+  console.log("Succès :", event.detail);
+  // Rediriger, afficher un message, etc.
+});
+
+document.addEventListener("inputdev:error", (event) => {
+  console.error("Erreur :", event.detail);
+  // Afficher une notification, logger l'erreur, etc.
+});
+```
+
+---
+
+## � Codes d'erreur
+
+| Code | Signification | Solution |
+|------|---------------|----------|
+| `API_001` | Clé API invalide | Vérifiez votre clé |
+| `DOM_001` | Domaine non autorisé | Ajoutez le domaine autorisé |
+| `QUO_001` | Quota dépassé | Passez à un plan supérieur |
+| `NET_001` | Erreur réseau | Vérifiez la connexion |
+| `VAL_001` | Validation échouée | Vérifiez les champs |
+
+---
+
+## 🔐 Sécurité
+
+- **Requêtes envoyées en HTTPS** - Chiffrement de bout en bout
+- **Validation côté client et serveur** - Double couche de sécurité
+- **Domaine autorisé configurable** - Protection contre l'usage non autorisé
+- **Anti-spam intégré** - Protection automatique
+
+> ℹ️ **Sécurité** : La clé API est publique et conçue pour rester dans le frontend. Elle est sécurisée par validation de domaine et quotas automatiques.
+
+---
+
+## � Mode Silence
+
+Pour désactiver les logs en production :
+
+```html
+<form data-inputdev-silence="grts_VotreCleApiDeCeSite">
+```
+
+---
+
+## 📊 Limites
+
+- **Nombre de soumissions par mois** - Dépend du plan choisi
+- **Nombre maximum de formulaires** - Variable selon le plan  
+- **Nombre de sites/clés actives** - Une clé, un site
+- **SSL obligatoire** - HTTPS requis pour la sécurité
+- **Domaines autorisés** - Configurable par clé
+
+---
+
+## ⭐ Bonnes pratiques
+
+- ✅ Toujours utiliser HTTPS
+- ✅ Toujours définir des champs name
+- ✅ Toujours gérer les événements erreur
+- ✅ Surveiller votre quota
+- ✅ Tester en environnement de développement
+
+---
+
+## 📋 Exemple complet réel
+
+```html
+<!DOCTYPE html>
+<html>
+<head>
+  <script src="https://cdn.inputdev.com/sdk/latest/inputdev.min.js"></script>
+</head>
+<body>
+
+<form data-inputdev="grts_VotreCleApiDeCeSite">
+  <div class="form-group">
+    <label for="name">Nom complet</label>
+    <input type="text" id="name" name="name" required>
+  </div>
+  
+  <div class="form-group">
+    <label for="email">Email</label>
+    <input type="email" id="email" name="email" required>
+  </div>
+  
+  <div class="form-group">
+    <label for="message">Message</label>
+    <textarea id="message" name="message" required></textarea>
+  </div>
+  
+  <button type="submit">Envoyer</button>
+</form>
+
+<script>
+  // Écouter les événements pour une meilleure UX
+  document.addEventListener('inputdev:success', (event) => {
+    alert('Message envoyé avec succès !');
+    // Réinitialiser le formulaire
+    document.querySelector('form').reset();
+  });
+  
+  document.addEventListener('inputdev:error', (event) => {
+    console.error('Erreur lors de l\'envoi :', event.detail);
+    alert('Une erreur est survenue. Veuillez réessayer.');
+  });
+</script>
+
+</body>
+</html>
+```
+
+---
+
+## � Support & Liens
+
+- 📖 **Documentation Complète** : [docs.inputdev.dev](https://inputdev.pages.dev/documentation)
+- 💬 **Discord** : [Rejoindre la communauté]
+- 🐛 **Issues** : [Signaler un bug]
+
+
+---
+
+## 📄 Licence
+
+MIT License - voir le fichier [LICENSE](LICENSE) pour plus de détails.
+
+---
+
+<p align="center">Made with ❤️ by <b>InputDev Team</b></p>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inputdev/sdk",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Backend de formulaires sans code - SDK JavaScript",
   "main": "inputdev-sdk.prod.js",
   "types": "inputdev-sdk.d.ts",
@@ -31,7 +31,7 @@
   "bugs": {
     "url": "https://github.com/inputdev/sdk/issues"
   },
-  "homepage": "https://inputdev.dev",
+  "homepage": "https://inputdev.pages.dev",
   "files": [
     "inputdev-sdk.prod.js",
     "inputdev-sdk.d.ts",