adilallo
72 lines
2.1 KiB
JavaScript
72 lines
2.1 KiB
JavaScript
#!/usr/bin/env node
|
|
/**
|
|
* Regenerate root favicon binaries from `public/assets/logos/community-rule.svg`.
|
|
* Safari and iOS need PNG/ICO fallbacks; SVG alone shows a letter fallback in Safari.
|
|
*
|
|
* Run: npm run generate:favicons
|
|
*/
|
|
import fs from "node:fs/promises";
|
|
import path from "node:path";
|
|
import { fileURLToPath } from "node:url";
|
|
import sharp from "sharp";
|
|
import pngToIco from "png-to-ico";
|
|
|
|
const ROOT = path.resolve(path.dirname(fileURLToPath(import.meta.url)), "..");
|
|
const PUBLIC = path.join(ROOT, "public");
|
|
const SVG_PATH = path.join(PUBLIC, "assets/logos/community-rule.svg");
|
|
const LOGO_FILL = "#FFFDD2";
|
|
const MARK_ON_LIGHT = "#000000";
|
|
|
|
async function readLogoSvg() {
|
|
return fs.readFile(SVG_PATH, "utf8");
|
|
}
|
|
|
|
async function markPng(svg, size, fill) {
|
|
const tinted = svg.replaceAll(LOGO_FILL, fill);
|
|
return sharp(Buffer.from(tinted))
|
|
.resize(size, size, { fit: "contain" })
|
|
.png()
|
|
.toBuffer();
|
|
}
|
|
|
|
async function creamMarkOnBlack(svg, size) {
|
|
const logoSize = Math.round(size * 0.75);
|
|
const logo = await markPng(svg, logoSize, LOGO_FILL);
|
|
return sharp({
|
|
create: {
|
|
width: size,
|
|
height: size,
|
|
channels: 4,
|
|
background: { r: 0, g: 0, b: 0, alpha: 1 },
|
|
},
|
|
})
|
|
.composite([{ input: logo, gravity: "center" }])
|
|
.png()
|
|
.toBuffer();
|
|
}
|
|
|
|
async function main() {
|
|
const svg = await readLogoSvg();
|
|
const png16 = await markPng(svg, 16, MARK_ON_LIGHT);
|
|
const png32 = await markPng(svg, 32, MARK_ON_LIGHT);
|
|
const appleTouch = await creamMarkOnBlack(svg, 180);
|
|
const faviconIco = await pngToIco([png16, png32]);
|
|
|
|
await Promise.all([
|
|
fs.writeFile(path.join(PUBLIC, "favicon-16x16.png"), png16),
|
|
fs.writeFile(path.join(PUBLIC, "favicon-32x32.png"), png32),
|
|
fs.writeFile(path.join(PUBLIC, "apple-touch-icon.png"), appleTouch),
|
|
fs.writeFile(path.join(PUBLIC, "favicon.ico"), faviconIco),
|
|
]);
|
|
|
|
console.log("Wrote public/favicon.ico");
|
|
console.log("Wrote public/favicon-16x16.png");
|
|
console.log("Wrote public/favicon-32x32.png");
|
|
console.log("Wrote public/apple-touch-icon.png");
|
|
}
|
|
|
|
main().catch((error) => {
|
|
console.error(error);
|
|
process.exit(1);
|
|
});
|