mirror of
https://github.com/go-gitea/gitea.git
synced 2025-09-06 10:18:17 +00:00
89b4be057b
Use the WASM module of [`resvg-js`](https://github.com/thx/resvg-js) to replace `fabric` and the problematic native `canvas` dependency. WASM works cross-platform so we can include it in the main `package.json`.
64 lines
2.0 KiB
JavaScript
Executable File
64 lines
2.0 KiB
JavaScript
Executable File
#!/usr/bin/env node
|
|
import {initWasm, Resvg} from '@resvg/resvg-wasm';
|
|
import {optimize} from 'svgo';
|
|
import {readFile, writeFile} from 'node:fs/promises';
|
|
import {argv, exit} from 'node:process';
|
|
|
|
function doExit(err) {
|
|
if (err) console.error(err);
|
|
exit(err ? 1 : 0);
|
|
}
|
|
|
|
async function generate(svg, path, {size, bg}) {
|
|
const outputFile = new URL(path, import.meta.url);
|
|
|
|
if (String(outputFile).endsWith('.svg')) {
|
|
const {data} = optimize(svg, {
|
|
plugins: [
|
|
'preset-default',
|
|
'removeDimensions',
|
|
{
|
|
name: 'addAttributesToSVGElement',
|
|
params: {attributes: [{width: size}, {height: size}]},
|
|
},
|
|
],
|
|
});
|
|
await writeFile(outputFile, data);
|
|
return;
|
|
}
|
|
|
|
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));
|
|
}
|
|
|
|
async function main() {
|
|
const gitea = argv.slice(2).includes('gitea');
|
|
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');
|
|
await initWasm(await readFile(new URL(import.meta.resolve('@resvg/resvg-wasm/index_bg.wasm'))));
|
|
|
|
await Promise.all([
|
|
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}),
|
|
]);
|
|
}
|
|
|
|
try {
|
|
doExit(await main());
|
|
} catch (err) {
|
|
doExit(err);
|
|
}
|