@cyberalien/svg-utils 0.0.2 → 0.0.4

package/lib/svg/ids.d.ts

@@ -0,0 +1,7 @@
+import { ParsedXMLTagElement } from "../xml/types.js";
+type HashCallback = (id: string, content: string, tagName: string) => string;
+/**
+ * Change IDs in SVG using a callback function
+ */
+declare function changeSVGIDs(root: ParsedXMLTagElement[], callback: HashCallback): void;
+export { changeSVGIDs };

package/lib/svg/ids.js

@@ -0,0 +1,107 @@
+import { cloneObject } from "../helpers/misc/clone.js";
+import { iterateXMLContent } from "../xml/iterate.js";
+import { stringifyXMLContent } from "../xml/stringify.js";
+
+/**
+* Change IDs in SVG using a callback function
+*/
+function changeSVGIDs(root, callback) {
+	const idMap = /* @__PURE__ */ new Map();
+	const idNodes = /* @__PURE__ */ new Map();
+	const nestedIDs = /* @__PURE__ */ new Map();
+	const usage = [];
+	const parse = (replacement) => {
+		iterateXMLContent(root, (node, stack) => {
+			if (node.type !== "tag") return;
+			const attribs = node.attribs;
+			const nodeID = attribs.id;
+			if (typeof nodeID === "string") {
+				if (!replacement) {
+					if (idNodes.has(nodeID)) throw new Error(`Duplicate ID found: ${nodeID}`);
+					idNodes.set(nodeID, node);
+					idMap.set(node, nodeID);
+				} else if (nodeID === replacement[0]) attribs.id = replacement[1];
+			}
+			for (const attrib in attribs) {
+				const value = attribs[attrib];
+				if (typeof value !== "string") continue;
+				const add = (id) => {
+					usage.push({
+						node,
+						attrib,
+						id
+					});
+					[node, ...stack].forEach((node$1) => {
+						const parentID = idMap.get(node$1);
+						if (parentID) {
+							const nested = nestedIDs.get(parentID) || [];
+							if (!nested.includes(id)) {
+								nested.push(id);
+								nestedIDs.set(parentID, nested);
+							}
+						}
+					});
+				};
+				switch (attrib) {
+					case "id": break;
+					case "begin":
+					case "end": {
+						const newValue = value.split(";").map((part) => {
+							const chunks = part.trim().split(".");
+							if (chunks.length < 2) return part;
+							const time = chunks[1];
+							if (time?.startsWith("begin") || time?.startsWith("end")) {
+								const id = chunks.shift();
+								if (!replacement) add(id);
+								else if (id === replacement[0]) return `${replacement[1]}.${chunks.join(".")}`;
+							}
+							return part;
+						}).join(";");
+						if (replacement) attribs[attrib] = newValue;
+						break;
+					}
+					case "href":
+					case "xlink:href":
+						if (value.startsWith("#")) {
+							const id = value.slice(1);
+							if (!replacement) add(id);
+							else if (id === replacement[0]) attribs[attrib] = `#${replacement[1]}`;
+						}
+						break;
+					default: if (value.startsWith("url(#")) {
+						const id = value.slice(5, -1);
+						if (!replacement) add(id);
+						else if (id === replacement[0]) attribs[attrib] = `url(#${replacement[1]})`;
+					}
+				}
+			}
+		});
+	};
+	parse();
+	if (!idMap.size) return;
+	const allIDs = new Set(idMap.values());
+	const parseIDs = (parseAll = false) => {
+		const oldSize = allIDs.size;
+		for (const id of allIDs) {
+			const nested = nestedIDs.get(id)?.filter((nestedID) => nestedID !== id && allIDs.has(nestedID)) ?? [];
+			if (parseAll || !nested.length) {
+				const node = idNodes.get(id);
+				const newNode = cloneObject(node);
+				delete newNode.attribs.id;
+				for (const usageItem of usage) if (usageItem.node === node && usageItem.id === id) delete newNode.attribs[usageItem.attrib];
+				const content = stringifyXMLContent([newNode]);
+				if (!content) throw new Error(`Failed to stringify node with ID: ${id}`);
+				const newID = callback(id, content, node.tag);
+				if (newID !== id) parse([id, newID]);
+				allIDs.delete(id);
+			}
+		}
+		return allIDs.size !== oldSize;
+	};
+	while (allIDs.size) if (!parseIDs()) {
+		parseIDs(true);
+		return;
+	}
+}
+
+export { changeSVGIDs };

package/lib/xml/stringify.d.ts

@@ -2,6 +2,7 @@ import { ParsedXMLTagElement } from "./types.js";
 interface ParseSVGOptions {
   useSelfClosing?: boolean;
   numberTemplate?: string;
+  prettyPrint?: boolean | string;
 }
 /**
  * Convert parsed XML content to string

package/lib/xml/stringify.js

@@ -1,6 +1,7 @@
 const defaultOptions = {
 	useSelfClosing: true,
-	numberTemplate: ` {key}="{value}"`
+	numberTemplate: ` {key}="{value}"`,
+	prettyPrint: false
 };
 function assertNever(v) {}
 /**
@@ -11,9 +12,13 @@ function stringifyXMLContent(root, options) {
 		...defaultOptions,
 		...options
 	};
+	const { prettyPrint } = fullOptions;
 	let output = "";
-	const add = (node) => {
-		output += "<" + node.tag;
+	const tab = typeof prettyPrint === "string" ? prettyPrint : prettyPrint ? "	" : "";
+	const tabs = (length) => tab.repeat(length);
+	const nl = prettyPrint === false ? "" : "\n";
+	const add = (node, depth) => {
+		output += tabs(depth) + "<" + node.tag;
 		for (const key in node.attribs) {
 			const value = node.attribs[key];
 			switch (typeof value) {
@@ -26,16 +31,16 @@ function stringifyXMLContent(root, options) {
 			}
 		}
 		if (!node.children.length) {
-			if (fullOptions.useSelfClosing) output += " />";
-			else output += "></" + node.tag + ">";
+			if (fullOptions.useSelfClosing) output += " />" + nl;
+			else output += "></" + node.tag + ">" + nl;
 			return true;
 		}
-		output += ">";
+		output += ">" + nl;
 		for (let i = 0; i < node.children.length; i++) {
 			const childNode = node.children[i];
 			switch (childNode.type) {
 				case "tag":
-					if (!add(childNode)) return false;
+					if (!add(childNode, depth + 1)) return false;
 					break;
 				case "text":
 					output += childNode.content;
@@ -43,10 +48,10 @@ function stringifyXMLContent(root, options) {
 				default: assertNever(childNode);
 			}
 		}
-		output += "</" + node.tag + ">";
+		output += tabs(depth) + "</" + node.tag + ">" + nl;
 		return true;
 	};
-	for (const node of root) if (!add(node)) return null;
+	for (const node of root) if (!add(node, 0)) return null;
 	return output;
 }
 

package/package.json

@@ -3,7 +3,7 @@
   "type": "module",
   "description": "Common functions for working with SVG used by various packages.",
   "author": "Vjacheslav Trushkin",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "license": "MIT",
   "bugs": "https://github.com/cyberalien/svg-utils/issues",
   "homepage": "https://cyberalien.dev/",