# Configuration PWA - LeDiscord

## Installation

1. **Installer les dépendances PWA :**
```bash
npm install --save-dev vite-plugin-pwa sharp
```

2. **Générer les icônes PWA :**
```bash
npm run generate-icons
```

Cette commande génère automatiquement toutes les icônes nécessaires (72x72, 96x96, 128x128, 144x144, 152x152, 192x192, 384x384, 512x512) à partir du logo `public/logo_lediscord.png`.

## Fonctionnalités PWA

### ✅ Fonctionnalités implémentées

- **Service Worker** : Cache automatique des assets statiques
- **Manifest.json** : Configuration complète de l'application
- **Icônes** : Support multi-tailles pour tous les appareils
- **Offline** : Cache des ressources pour fonctionner hors ligne
- **Installation** : L'application peut être installée sur mobile et desktop

### 📱 Cache Strategy

- **Assets statiques** : Cache First (JS, CSS, images, vidéos)
- **API** : Network First avec cache de 5 minutes
- **Uploads** : Cache First avec expiration de 7 jours
- **Fonts Google** : Cache First avec expiration de 1 an

### 🔧 Configuration

La configuration PWA se trouve dans `vite.config.js` dans le plugin `VitePWA`.

### 🚀 Build Production

Lors du build en production, le service worker sera automatiquement généré :

```bash
npm run build
```

### 📝 Notes

- Le service worker est activé en développement (`devOptions.enabled: true`)
- Les mises à jour sont automatiques (`registerType: 'autoUpdate'`)
- Les icônes doivent être générées avant le premier build