#!/usr/bin/env node
// 一次性脚本：把 icon-source.svg 渲染成 PWA 所需的各尺寸 PNG。
// 用法： node scripts/gen-icons.mjs   （需先 npm i -D sharp）

import sharp from 'sharp'
import { readFileSync, writeFileSync } from 'fs'
import { dirname, resolve } from 'path'
import { fileURLToPath } from 'url'

const __dirname = dirname(fileURLToPath(import.meta.url))
const src = readFileSync(resolve(__dirname, 'icon-source.svg'))
const pub = resolve(__dirname, '..', 'public')

async function render(out, size) {
  await sharp(src).resize(size, size).png().toFile(resolve(pub, out))
  console.log('wrote', out)
}

// Maskable 版本：留 ~10% safe-zone padding，避免 Android 圆形遮罩切到音符
async function renderMaskable(out, size) {
  const pad = Math.round(size * 0.1)
  const inner = size - pad * 2
  const innerBuf = await sharp(src).resize(inner, inner).png().toBuffer()
  await sharp({
    create: { width: size, height: size, channels: 4, background: '#0f0f0f' },
  })
    .composite([{ input: innerBuf, top: pad, left: pad }])
    .png()
    .toFile(resolve(pub, out))
  console.log('wrote', out)
}

await render('pwa-192x192.png', 192)
await render('pwa-512x512.png', 512)
await render('apple-touch-icon-180x180.png', 180)
await render('favicon-48x48.png', 48)
await renderMaskable('maskable-icon-512x512.png', 512)

console.log('done')