37 lines
1.3 KiB
JavaScript
37 lines
1.3 KiB
JavaScript
import sharp from "sharp";
|
|
import { join, dirname } from "path";
|
|
import { fileURLToPath } from "url";
|
|
|
|
const __dirname = dirname(fileURLToPath(import.meta.url));
|
|
const publicDir = join(__dirname, "..", "public");
|
|
|
|
const ACCENT = "#10b981";
|
|
const BG_DARK = "#030712";
|
|
|
|
function buildSvg(size) {
|
|
const fontSize = Math.round(size * 0.32);
|
|
const radius = Math.round(size * 0.18);
|
|
return `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 ${size} ${size}">
|
|
<rect width="${size}" height="${size}" rx="${radius}" fill="${BG_DARK}"/>
|
|
<text x="50%" y="54%" text-anchor="middle" dominant-baseline="central"
|
|
font-family="system-ui,-apple-system,sans-serif" font-weight="700"
|
|
font-size="${fontSize}" fill="${ACCENT}">NW</text>
|
|
</svg>`;
|
|
}
|
|
|
|
const sizes = [192, 512];
|
|
|
|
for (const size of sizes) {
|
|
const svg = Buffer.from(buildSvg(size));
|
|
const out = join(publicDir, `icon-${size}x${size}.png`);
|
|
await sharp(svg).resize(size, size).png().toFile(out);
|
|
console.log(`✓ ${out}`);
|
|
}
|
|
|
|
const appleSvg = Buffer.from(buildSvg(180));
|
|
const appleOut = join(publicDir, "apple-touch-icon.png");
|
|
await sharp(appleSvg).resize(180, 180).png().toFile(appleOut);
|
|
console.log(`✓ ${appleOut}`);
|
|
|
|
console.log("\nPWA icons generated.");
|