fix(PWA): icons

scripts/generate-icons.js

@@ -4,6 +4,7 @@ const path = require("path");
 
 const sizes = [72, 96, 128, 144, 152, 192, 384, 512];
 const inputSvg = path.join(__dirname, "../public/favicon.svg");
+const inputAppleSvg = path.join(__dirname, "../public/apple-icon.svg");
 const outputDir = path.join(__dirname, "../public/images/icons");
 
 async function generateIcons() {
@@ -11,13 +12,41 @@ async function generateIcons() {
     // Créer le dossier de sortie s'il n'existe pas
     await fs.mkdir(outputDir, { recursive: true });
 
-    // Générer les icônes pour chaque taille
+    // Générer les icônes Android (avec bords arrondis)
     for (const size of sizes) {
       const outputPath = path.join(outputDir, `icon-${size}x${size}.png`);
 
-      await sharp(inputSvg).resize(size, size).png().toFile(outputPath);
+      await sharp(inputSvg)
+        .resize(size, size, {
+          fit: "contain",
+          background: { r: 0, g: 0, b: 0, alpha: 0 }, // Fond transparent
+        })
+        .png({
+          compressionLevel: 9,
+          palette: true,
+        })
+        .toFile(outputPath);
 
-      console.log(`✓ Icône ${size}x${size} générée`);
+      console.log(`✓ Icône Android ${size}x${size} générée`);
+    }
+
+    // Générer les icônes Apple (carrées)
+    const appleSizes = [152, 167, 180];
+    for (const size of appleSizes) {
+      const outputPath = path.join(outputDir, `apple-icon-${size}x${size}.png`);
+
+      await sharp(inputAppleSvg)
+        .resize(size, size, {
+          fit: "contain",
+          background: { r: 0, g: 0, b: 0, alpha: 0 }, // Fond transparent
+        })
+        .png({
+          compressionLevel: 9,
+          palette: true,
+        })
+        .toFile(outputPath);
+
+      console.log(`✓ Icône Apple ${size}x${size} générée`);
     }
 
     console.log("\n✨ Toutes les icônes ont été générées avec succès !");