84 lines
1.9 KiB
Plaintext
84 lines
1.9 KiB
Plaintext
|
import { wrapSVGContent } from './defs.mjs';
|
||
|
|
import { getSVGViewBox } from './viewbox.mjs';
|
||
|
|
|
||
|
|
function parseSVGContent(content) {
|
||
|
|
const match = content.trim().match(
|
||
|
|
/(?:<(?:\?xml|!DOCTYPE)[^>]+>\s*)*<svg([^>]+)>([\s\S]+)<\/svg[^>]*>/
|
||
|
|
);
|
||
|
|
if (!match) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
const body = match[2].trim();
|
||
|
|
const attribsList = match[1].match(/[\w:-]+="[^"]*"/g);
|
||
|
|
const attribs = /* @__PURE__ */ Object.create(null);
|
||
|
|
attribsList?.forEach((row) => {
|
||
|
|
const match2 = row.match(/([\w:-]+)="([^"]*)"/);
|
||
|
|
if (match2) {
|
||
|
|
attribs[match2[1]] = match2[2];
|
||
|
|
}
|
||
|
|
});
|
||
|
|
return {
|
||
|
|
attribs,
|
||
|
|
body
|
||
|
|
};
|
||
|
|
}
|
||
|
|
function build(data) {
|
||
|
|
const attribs = data.attribs;
|
||
|
|
const viewBox = getSVGViewBox(attribs["viewBox"] ?? "");
|
||
|
|
if (!viewBox) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
const groupAttributes = [];
|
||
|
|
for (const key in attribs) {
|
||
|
|
if (key === "style" || key.startsWith("fill") || key.startsWith("stroke")) {
|
||
|
|
groupAttributes.push(`${key}="${attribs[key]}"`);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
let body = data.body;
|
||
|
|
if (groupAttributes.length) {
|
||
|
|
body = wrapSVGContent(
|
||
|
|
body,
|
||
|
|
"<g " + groupAttributes.join(" ") + ">",
|
||
|
|
"</g>"
|
||
|
|
);
|
||
|
|
}
|
||
|
|
return {
|
||
|
|
// Copy dimensions if exist
|
||
|
|
width: attribs.width,
|
||
|
|
height: attribs.height,
|
||
|
|
viewBox,
|
||
|
|
body
|
||
|
|
};
|
||
|
|
}
|
||
|
|
function buildParsedSVG(data) {
|
||
|
|
const result = build(data);
|
||
|
|
if (result) {
|
||
|
|
return {
|
||
|
|
attributes: {
|
||
|
|
// Copy dimensions if exist
|
||
|
|
width: result.width,
|
||
|
|
height: result.height,
|
||
|
|
// Merge viewBox
|
||
|
|
viewBox: result.viewBox.join(" ")
|
||
|
|
},
|
||
|
|
viewBox: result.viewBox,
|
||
|
|
body: result.body
|
||
|
|
};
|
||
|
|
}
|
||
|
|
}
|
||
|
|
function convertParsedSVG(data) {
|
||
|
|
const result = build(data);
|
||
|
|
if (result) {
|
||
|
|
const viewBox = result.viewBox;
|
||
|
|
return {
|
||
|
|
left: viewBox[0],
|
||
|
|
top: viewBox[1],
|
||
|
|
width: viewBox[2],
|
||
|
|
height: viewBox[3],
|
||
|
|
body: result.body
|
||
|
|
};
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export { buildParsedSVG, convertParsedSVG, parseSVGContent };
|