42f4091087
Added to the SVG converting script a line to create .svg.js files. These files are normal JS files that exports just a single string, the SVG file content. This way the library doesn't need a build step to embed these files and/or node:fs to read them.
94 lines
2.6 KiB
JavaScript
94 lines
2.6 KiB
JavaScript
// eslint-disable-next-line jsdoc/no-bad-blocks
|
|
/* eslint-disable
|
|
@typescript-eslint/no-unsafe-argument,
|
|
@typescript-eslint/no-unsafe-member-access,
|
|
@typescript-eslint/no-unsafe-assignment,
|
|
@typescript-eslint/no-unsafe-call,
|
|
*/
|
|
|
|
import process from 'node:process';
|
|
import fs from 'node:fs/promises';
|
|
import path from 'node:path';
|
|
|
|
import { parseHTML } from 'linkedom';
|
|
|
|
/** @type {string[]} */
|
|
const paths = process.argv
|
|
.filter(a => a.endsWith('.inkscape.svg'))
|
|
.map(a => (a.startsWith('/') ? a : path.join(process.cwd(), a)));
|
|
|
|
/**
|
|
* @typedef {import('linkedom').HTMLElement} HTMLElement
|
|
* @param {HTMLElement} el - The element to crawl on.
|
|
* @param {(el: HTMLElement) => HTMLElement | void} callback
|
|
* - Callback function to be run on each element.
|
|
*/
|
|
function crawl(el, callback) {
|
|
for (const child of el.childNodes) {
|
|
callback(child);
|
|
if (child.nodeType === child.ELEMENT_NODE)
|
|
crawl(child, callback);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @param {string} file - Files string to be converted.
|
|
* @returns {string} - The converted file string content.
|
|
*/
|
|
function covert(file) {
|
|
const { document } = parseHTML(file);
|
|
// @ts-expect-error - because SVGElement is different from HTMLElement
|
|
const el =/** @type {HTMLElement} */ (document.querySelector('svg'));
|
|
|
|
crawl(el, (e) => {
|
|
if (e.tagName === undefined || !e.hasAttributes()) return;
|
|
|
|
/** @type {string | null } */
|
|
const label = e.getAttribute('inkscape:label');
|
|
if (!label) return;
|
|
|
|
e.setAttribute('data-banner-class', label);
|
|
|
|
for (const attr of e.attributes) {
|
|
// eslint-disable-next-line max-len
|
|
if (attr.name.startsWith('inkscape:'))
|
|
e.removeAttribute(attr.name);
|
|
/* eslint-enable */
|
|
}
|
|
});
|
|
|
|
const tmp = document.createElement('template');
|
|
// @ts-expect-error el is type HTMLElement and not Node.
|
|
tmp.appendChild(el);
|
|
|
|
const capitalizedElements = [
|
|
'linearGradient',
|
|
'feFlood',
|
|
'feGaussianBlur',
|
|
'feOffset',
|
|
'feComposite',
|
|
];
|
|
|
|
let htmlString = tmp.innerHTML;
|
|
for (const e of capitalizedElements) {
|
|
htmlString = htmlString.replaceAll(`<${e.toLowerCase()}`, `<${e}`);
|
|
htmlString = htmlString.replaceAll(`</${e.toLowerCase()}`, `</${e}`);
|
|
}
|
|
|
|
return htmlString;
|
|
}
|
|
|
|
/* eslint-disable no-await-in-loop, security/detect-non-literal-fs-filename */
|
|
for (const p of paths) {
|
|
const file = await fs.readFile(p);
|
|
const svg = covert(file.toString());
|
|
|
|
const fileContent = `/* eslint-disable */\nconst svg = \`${svg}\`;\nexport default svg;`;
|
|
|
|
await fs.writeFile(p.replaceAll('.inkscape.svg', '.svg.js'), fileContent);
|
|
await fs.writeFile(p.replaceAll('.inkscape.svg', '.svg'), svg);
|
|
// eslint-disable-next-line no-console
|
|
console.log(`File ${p.replace(process.cwd(), '')} converted!`);
|
|
}
|
|
|