mirror of
https://gitee.com/gitea/gitea.git
synced 2024-11-30 18:57:46 +08:00
a797b8458e
Fix #23409 Developers could browse & preview the local SVG images files directly. It still has clear output. ![image](https://user-images.githubusercontent.com/2114189/224317107-f4b26c76-e36a-4e80-9eee-d8dc2e16421f.png) ![image](https://user-images.githubusercontent.com/2114189/224317527-2d4ca131-978c-4933-b071-4bae483f06e1.png) --------- Co-authored-by: silverwind <me@silverwind.io> Co-authored-by: delvh <leon@kske.dev>
67 lines
2.0 KiB
JavaScript
Executable File
67 lines
2.0 KiB
JavaScript
Executable File
#!/usr/bin/env node
|
|
import fastGlob from 'fast-glob';
|
|
import {optimize} from 'svgo';
|
|
import {parse} from 'node:path';
|
|
import {readFile, writeFile, mkdir} from 'node:fs/promises';
|
|
import {fileURLToPath} from 'node:url';
|
|
|
|
const glob = (pattern) => fastGlob.sync(pattern, {
|
|
cwd: fileURLToPath(new URL('..', import.meta.url)),
|
|
absolute: true,
|
|
});
|
|
|
|
function exit(err) {
|
|
if (err) console.error(err);
|
|
process.exit(err ? 1 : 0);
|
|
}
|
|
|
|
async function processFile(file, {prefix, fullName} = {}) {
|
|
let name;
|
|
if (fullName) {
|
|
name = fullName;
|
|
} else {
|
|
name = parse(file).name;
|
|
if (prefix) name = `${prefix}-${name}`;
|
|
if (prefix === 'octicon') name = name.replace(/-[0-9]+$/, ''); // chop of '-16' on octicons
|
|
}
|
|
|
|
// Set the `xmlns` attribute so that the files are displayable in standalone documents
|
|
// The svg backend module will strip the attribute during startup for inline display
|
|
const {data} = optimize(await readFile(file, 'utf8'), {
|
|
plugins: [
|
|
{name: 'preset-default'},
|
|
{name: 'removeDimensions'},
|
|
{name: 'prefixIds', params: {prefix: () => name}},
|
|
{name: 'addClassesToSVGElement', params: {classNames: ['svg', name]}},
|
|
{
|
|
name: 'addAttributesToSVGElement', params: {
|
|
attributes: [
|
|
{'xmlns': 'http://www.w3.org/2000/svg'},
|
|
{'width': '16'}, {'height': '16'}, {'aria-hidden': 'true'},
|
|
]
|
|
}
|
|
},
|
|
],
|
|
});
|
|
|
|
await writeFile(fileURLToPath(new URL(`../public/img/svg/${name}.svg`, import.meta.url)), data);
|
|
}
|
|
|
|
function processFiles(pattern, opts) {
|
|
return glob(pattern).map((file) => processFile(file, opts));
|
|
}
|
|
|
|
async function main() {
|
|
try {
|
|
await mkdir(fileURLToPath(new URL('../public/img/svg', import.meta.url)), {recursive: true});
|
|
} catch {}
|
|
|
|
await Promise.all([
|
|
...processFiles('node_modules/@primer/octicons/build/svg/*-16.svg', {prefix: 'octicon'}),
|
|
...processFiles('web_src/svg/*.svg'),
|
|
...processFiles('public/img/gitea.svg', {fullName: 'gitea-gitea'}),
|
|
]);
|
|
}
|
|
|
|
main().then(exit).catch(exit);
|