PWA-Gen 🚀

PWA-Gen adalah library otomasi untuk men-generate aset PWA (Progressive Web App) dari satu file SVG atau PNG saja. Tool ini tidak hanya me-resize gambar, tapi juga memiliki kecerdasan untuk mendeteksi warna dominan dan menyinkronkan aset ke manifest.json.

✨ Fitur Utama

• Smart Palette: Secara otomatis mendeteksi warna dominan dari logo lo untuk dijadikan background maskable icon.
• Manifest Sync: Otomatis memperbarui array icons di manifest.json.
• High Performance: Menggunakan sharp (engine image processing tercepat).
• Zero Configuration: Jalankan satu perintah, semua beres.

📦 Instalasi

Instal secara global untuk digunakan sebagai CLI:

npm install -g pwa-gen

🚀 Cara Penggunaan

Cukup arahkan ke file logo lo dan tentukan folder output (biasanya folder public di React/Vite).

pwa-gen ./logo.png ./public

🛠️ Opsi Tambahan

| Flag | Deskripsi | Default | | :------------------- | :----------------------------- | :-------------- | | -o, --outputFolder | Folder tujuan penyimpanan aset | ./public | | -b, --bgWarna | Warna background manual (hex) | Auto-detected |

🖼️ Contoh Hasil

Tool ini akan menghasilkan:

• 📱 Standard Icons: pwa-64x64.png, pwa-192x192.png, pwa-512x512.png
• 🍎 Apple Touch Icon: apple-touch-icon.png (180x180)
• 🎭 Maskable Icon: maskable-icon-512x512.png (dengan background yang pas)
• 📝 Manifest Sync: Update otomatis pada manifest.json

👤 Author

Dibuat dengan ❤️ oleh Muhammad Dariaz Zidane