/** * Generate PWA Icons from SVG * Run: node generate-pwa-icons.js */ import { readFileSync, writeFileSync, mkdirSync } from 'fs'; import { join, dirname } from 'path'; import { fileURLToPath } from 'url'; const __filename = fileURLToPath(import.meta.url); const __dirname = dirname(__filename); // Read the SVG const svgPath = join(__dirname, 'assets', 'images', 'app-icon.svg'); const svgContent = readFileSync(svgPath, 'utf-8'); // Create public/icons directory const iconsDir = join(__dirname, 'public', 'icons'); mkdirSync(iconsDir, { recursive: true }); console.log('⚠️ Manual Step Required:'); console.log(''); console.log('To generate proper PNG icons for Android PWA support:'); console.log(''); console.log('1. Visit: https://realfavicongenerator.net/'); console.log('2. Upload: assets/images/app-icon.svg'); console.log('3. Configure:'); console.log(' - Android: Generate 192x192 and 512x512 icons'); console.log(' - iOS: Generate 180x180 icon'); console.log(' - Ensure "maskable" option is checked for Android'); console.log('4. Download the generated icons'); console.log('5. Place in: public/icons/'); console.log(' - icon-192.png'); console.log(' - icon-512.png'); console.log(' - icon-192-maskable.png'); console.log(' - icon-512-maskable.png'); console.log(' - apple-touch-icon.png'); console.log(''); console.log('OR use this command with sharp installed:'); console.log('npm install sharp'); console.log('node generate-pwa-icons-sharp.js');