2022-06-06 05:27:25 +02:00
|
|
|
#!/usr/bin/env node
|
2025-09-05 23:06:02 +02:00
|
|
|
import {initWasm, Resvg} from '@resvg/resvg-wasm';
|
2021-10-23 04:05:53 +08:00
|
|
|
import {optimize} from 'svgo';
|
2022-12-20 23:15:47 +01:00
|
|
|
import {readFile, writeFile} from 'node:fs/promises';
|
2024-02-23 00:31:24 +01:00
|
|
|
import {argv, exit} from 'node:process';
|
2020-12-18 20:17:27 -05:00
|
|
|
|
2025-09-06 14:58:25 +02:00
|
|
|
async function generate(svg: string, path: string, {size, bg}: {size: number, bg?: boolean}) {
|
2022-06-06 05:27:25 +02:00
|
|
|
const outputFile = new URL(path, import.meta.url);
|
|
|
|
|
|
|
|
|
|
if (String(outputFile).endsWith('.svg')) {
|
2021-03-22 05:04:19 +01:00
|
|
|
const {data} = optimize(svg, {
|
2021-10-23 04:05:53 +08:00
|
|
|
plugins: [
|
|
|
|
|
'preset-default',
|
2021-03-22 05:04:19 +01:00
|
|
|
'removeDimensions',
|
|
|
|
|
{
|
|
|
|
|
name: 'addAttributesToSVGElement',
|
2025-09-06 14:58:25 +02:00
|
|
|
params: {
|
|
|
|
|
attributes: [{width: String(size)}, {height: String(size)}],
|
|
|
|
|
},
|
2021-03-22 05:04:19 +01:00
|
|
|
},
|
2021-10-23 04:05:53 +08:00
|
|
|
],
|
2021-01-01 20:04:35 +01:00
|
|
|
});
|
|
|
|
|
await writeFile(outputFile, data);
|
|
|
|
|
return;
|
|
|
|
|
}
|
2020-12-18 20:17:27 -05:00
|
|
|
|
2025-09-05 23:06:02 +02:00
|
|
|
const resvgJS = new Resvg(svg, {
|
|
|
|
|
fitTo: {
|
|
|
|
|
mode: 'width',
|
|
|
|
|
value: size,
|
|
|
|
|
},
|
|
|
|
|
...(bg && {background: 'white'}),
|
|
|
|
|
});
|
|
|
|
|
const renderedImage = resvgJS.render();
|
|
|
|
|
const pngBytes = renderedImage.asPng();
|
|
|
|
|
await writeFile(outputFile, Buffer.from(pngBytes));
|
2020-07-26 11:47:51 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
async function main() {
|
2024-02-23 00:31:24 +01:00
|
|
|
const gitea = argv.slice(2).includes('gitea');
|
2022-06-06 05:27:25 +02:00
|
|
|
const logoSvg = await readFile(new URL('../assets/logo.svg', import.meta.url), 'utf8');
|
|
|
|
|
const faviconSvg = await readFile(new URL('../assets/favicon.svg', import.meta.url), 'utf8');
|
2025-09-05 23:06:02 +02:00
|
|
|
await initWasm(await readFile(new URL(import.meta.resolve('@resvg/resvg-wasm/index_bg.wasm'))));
|
2021-01-01 20:04:35 +01:00
|
|
|
|
2020-12-18 20:17:27 -05:00
|
|
|
await Promise.all([
|
2023-07-19 00:06:43 +08:00
|
|
|
generate(logoSvg, '../public/assets/img/logo.svg', {size: 32}),
|
|
|
|
|
generate(logoSvg, '../public/assets/img/logo.png', {size: 512}),
|
|
|
|
|
generate(faviconSvg, '../public/assets/img/favicon.svg', {size: 32}),
|
|
|
|
|
generate(faviconSvg, '../public/assets/img/favicon.png', {size: 180}),
|
|
|
|
|
generate(logoSvg, '../public/assets/img/avatar_default.png', {size: 200}),
|
|
|
|
|
generate(logoSvg, '../public/assets/img/apple-touch-icon.png', {size: 180, bg: true}),
|
|
|
|
|
gitea && generate(logoSvg, '../public/assets/img/gitea.svg', {size: 32}),
|
2020-12-18 20:17:27 -05:00
|
|
|
]);
|
2020-07-26 11:47:51 +02:00
|
|
|
}
|
|
|
|
|
|
2024-02-16 22:41:23 +01:00
|
|
|
try {
|
2025-09-06 14:58:25 +02:00
|
|
|
await main();
|
2024-02-16 22:41:23 +01:00
|
|
|
} catch (err) {
|
2025-09-06 14:58:25 +02:00
|
|
|
console.error(err);
|
|
|
|
|
exit(1);
|
2024-02-16 22:41:23 +01:00
|
|
|
}
|