import sharp from 'sharp'
import { mkdirSync } from 'fs'

mkdirSync('./public/icons', { recursive: true })

const sizes = [72, 96, 128, 144, 152, 180, 192, 384, 512]

const createSvg = (size) => {
  const r = Math.round(size * 0.22)
  const fontSize = Math.round(size * 0.36)
  return `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 ${size} ${size}">
  <rect width="${size}" height="${size}" rx="${r}" fill="#4F46E5"/>
  <text x="${size/2}" y="${size/2 + fontSize*0.36}" font-family="Arial,sans-serif" font-weight="bold" font-size="${fontSize}" fill="white" text-anchor="middle">HS</text>
</svg>`
}

for (const size of sizes) {
  const svg = Buffer.from(createSvg(size))
  await sharp(svg).png().toFile(`./public/icons/icon-${size}.png`)
  console.log(`✓ icon-${size}.png`)
}
console.log('Done!')