@cyberalien/svg-utils 1.0.0 → 1.0.2

package/README.md

@@ -0,0 +1,17 @@
+# SVG Utils
+
+Common functions for working with SVG used by various packages.
+
+Usable in any environment.
+
+The only dependency is types package with TypeScript definition.
+
+## Documentation
+
+n/a
+
+## License
+
+The library is released with MIT license.
+
+© 2025-PRESENT Vjacheslav Trushkin

package/lib/components/export/exports.js

@@ -5,10 +5,13 @@ function createExportsForMainFiles(data, options = {}) {
 	const result = options?.data || Object.create(null);
 	const ext = options.ext || "";
 	const defaultProp = options.defaultProp || "default";
-	for (const { icon, filename, types } of data) result[`./${icon}${ext}`] = types ? {
-		types: `./${types}`,
-		[defaultProp]: `./${filename}`
-	} : `./${filename}`;
+	for (const { icon, filename, css, types } of data) {
+		result[`./${icon}${ext}`] = types ? {
+			types: `./${types}`,
+			[defaultProp]: `./${filename}`
+		} : `./${filename}`;
+		if (css) result[`./${icon}.css`] = `./${css}`;
+	}
 	return result;
 }
 

package/lib/components/export/file.d.ts

@@ -1,6 +1,13 @@
 import { FactoryComponent, FactoryGeneratedComponent } from "../types/component.js";
+import { FactoryIconData } from "../types/data.js";
+import { ComponentFactoryFileSystemOptions } from "../types/options.js";
+interface Options extends Pick<ComponentFactoryFileSystemOptions, 'doubleDirsForComponents' | 'prefixDirsForComponents'> {
+  includePrefix?: boolean;
+  extension: string;
+  cssExtension?: string;
+}
 /**
  * Add icon and filename to generated component
  */
-declare function convertGeneratedComponentToFile(icon: string, filename: string, item: FactoryGeneratedComponent): FactoryComponent;
+declare function convertGeneratedComponentToFile(icon: Pick<FactoryIconData, 'name' | 'prefix'>, item: FactoryGeneratedComponent, options: Options): FactoryComponent;
 export { convertGeneratedComponentToFile };

package/lib/components/export/file.js

@@ -1,10 +1,15 @@
+import { getGeneratedComponentFilename } from "./filename.js";
+
 /**
 * Add icon and filename to generated component
 */
-function convertGeneratedComponentToFile(icon, filename, item) {
+function convertGeneratedComponentToFile(icon, item, options) {
+	const { prefix, name } = icon;
+	const filename = getGeneratedComponentFilename(icon, options.extension, options);
 	return {
-		icon,
+		icon: options.includePrefix ? `${prefix}/${name}` : name,
 		filename,
+		css: item.style ? getGeneratedComponentFilename(icon, options.cssExtension ?? ".css", options) : void 0,
 		...item
 	};
 }

package/lib/components/export/merge.js

@@ -16,6 +16,10 @@ function mergeExportedComponentFiles(items, files) {
 	for (const item of items) {
 		for (const asset of item.assets) add(asset);
 		add(item);
+		if (item.css && item.style) add({
+			filename: item.css,
+			content: item.style
+		});
 	}
 	return files;
 }

package/lib/components/helpers/content/stringify.d.ts

@@ -3,5 +3,5 @@ import { ComponentFactoryRenderingOptions } from "../../types/options.js";
 /**
  * Convert icon content to a string literal
  */
-declare function stringifyFactoryIconContent(icon: ComponentFactorySource, options: Pick<ComponentFactoryRenderingOptions, 'cssMode' | 'mergeCSS'>): string;
+declare function stringifyFactoryIconContent(icon: ComponentFactorySource, options: Pick<ComponentFactoryRenderingOptions, 'cssMode' | 'mergeCSS'>, embedCSS?: string): string;
 export { stringifyFactoryIconContent };

package/lib/components/helpers/content/stringify.js

@@ -3,14 +3,14 @@ import { generateCSSDefaultImportName } from "../css/name.js";
 /**
 * Convert icon content to a string literal
 */
-function stringifyFactoryIconContent(icon, options) {
+function stringifyFactoryIconContent(icon, options, embedCSS) {
 	const { cssMode, mergeCSS } = options;
-	let content = "`" + icon.content.replace(/`/g, "\\`") + "`";
+	let content = "`" + (embedCSS ? `<style>${embedCSS}</style>${icon.content}` : icon.content).replace(/`/g, "\\`") + "`";
 	switch (cssMode) {
-		case "import": return content;
 		case "module":
 			for (const className in icon.classes) content = content.replace(new RegExp("([\" ])(" + className + ")([\" ])", "g"), `$1\${${mergeCSS ? "css" : generateCSSDefaultImportName(className)}['${className}']}$3`);
 			return content;
+		default: return content;
 	}
 }
 

package/lib/components/helpers/css/generate.d.ts

@@ -3,7 +3,7 @@ import { ComponentFactorySource } from "../../types/source.js";
 import { ComponentFactoryOptions } from "../../types/options.js";
 import { FactoryComponentImports } from "../imports/types.js";
 interface Options extends Pick<ComponentFactoryOptions, 'cssMode' | 'cssPath' | 'doubleDirsForCSS' | 'mergeCSS'> {
-  styleInComponent?: boolean;
+  componentType?: 'svelte';
 }
 /**
  * Generate CSS files for component

package/lib/components/helpers/css/generate.js

@@ -10,18 +10,22 @@ import { getGeneratedCSSFilename } from "../filenames/css.js";
 function generateCSSFilesForComponent(content, imports, assets, options) {
 	const { classes, keyframes } = content;
 	if (!classes) return;
-	const isModule = options.cssMode === "module";
-	const styleInComponent = (!isModule && options.styleInComponent) ?? false;
-	const mergeCSS = (styleInComponent || options.mergeCSS) ?? false;
+	const { cssMode, componentType } = options;
+	const isComponent = cssMode === "embed";
+	const returnCSS = isComponent || cssMode === "prop";
+	const isModule = cssMode === "module";
+	const mergeCSS = (returnCSS || options.mergeCSS) ?? false;
 	const embedAnimations = isModule && !mergeCSS;
+	const classNamePrefix = isComponent && componentType === "svelte" ? ":global " : "";
+	const keyframesPrefix = isComponent && componentType === "svelte" ? "-global-" : "";
 	const mergedContent = [];
 	for (const className in classes) {
-		const baseContent = stringifyCSSSelector(`.${className}`, classes[className]);
+		const baseContent = stringifyCSSSelector(`${classNamePrefix}.${className}`, classes[className]);
 		let content$1 = baseContent;
 		if (embedAnimations && keyframes) {
 			for (const animationName in keyframes) if (baseContent.includes(animationName)) {
 				const value = keyframes[animationName];
-				content$1 += "\n" + (typeof value === "string" ? value : stringifyCSSKeyframes(animationName, value));
+				content$1 += "\n" + (typeof value === "string" ? value : stringifyCSSKeyframes(keyframesPrefix + animationName, value));
 			}
 		}
 		if (mergeCSS) {
@@ -38,7 +42,7 @@ function generateCSSFilesForComponent(content, imports, assets, options) {
 	}
 	if (!embedAnimations && keyframes) for (const animationName in keyframes) {
 		const value = keyframes[animationName];
-		const content$1 = typeof value === "string" ? value : stringifyCSSKeyframes(animationName, value);
+		const content$1 = typeof value === "string" ? value : stringifyCSSKeyframes(keyframesPrefix + animationName, value);
 		if (mergeCSS) {
 			mergedContent.push(content$1);
 			continue;
@@ -59,9 +63,9 @@ function generateCSSFilesForComponent(content, imports, assets, options) {
 				content: content$1
 			});
 			if (isModule) imports.modules[mergeCSS.import] = "css";
-			else imports.css.add(mergeCSS.import);
+			else if (!returnCSS) imports.css.add(mergeCSS.import);
 		}
-		return styleInComponent ? content$1 : void 0;
+		return returnCSS ? content$1 : void 0;
 	}
 }
 

package/lib/components/helpers/filenames/css.js

@@ -6,8 +6,7 @@ import { getGeneratedAssetFilename } from "./asset.js";
 function getGeneratedCSSFilename(name, options) {
 	const { cssPath, doubleDirsForCSS, cssMode } = options;
 	const baseName = doubleDirsForCSS ? `${name.slice(0, 1).toLowerCase()}/${name}` : name;
-	const filename = cssMode === "module" ? `${baseName}.module.css` : `${baseName}.css`;
-	return getGeneratedAssetFilename(filename, cssPath);
+	return getGeneratedAssetFilename(cssMode === "module" ? `${baseName}.module.css` : `${baseName}.css`, cssPath);
 }
 
 export { getGeneratedCSSFilename };

package/lib/components/helpers/filenames/types.js

@@ -6,13 +6,10 @@ import { getGeneratedAssetFilename } from "./asset.js";
 * Generate component types filename based on options
 */
 function getGeneratedComponentTypesFilename(icon, content, options) {
-	if (options.sharedTypes) {
-		const hash = getUniqueHash(content, {
-			css: true,
-			length: 8
-		});
-		return getGeneratedAssetFilename(`types/${hash}.d.ts`, options.rootPath);
-	}
+	if (options.sharedTypes) return getGeneratedAssetFilename(`types/${getUniqueHash(content, {
+		css: true,
+		length: 8
+	})}.d.ts`, options.rootPath);
 	const filename = getGeneratedComponentFilename(icon, ".d.ts", options);
 	return {
 		filename,

package/lib/components/prepare/options.js

@@ -12,13 +12,12 @@ function componentFactoryFileSystemOptions(base) {
 		doubleDirsForComponents,
 		prefixDirsForComponents
 	});
-	const cssPath = base.cssPath ?? getGeneratedAssetFilename("css", rootPath);
 	return {
 		doubleDirsForCSS,
 		prefixDirsForComponents,
 		doubleDirsForComponents,
 		rootPath,
-		cssPath,
+		cssPath: base.cssPath ?? getGeneratedAssetFilename("css", rootPath),
 		sharedTypes: base.sharedTypes ?? false
 	};
 }

package/lib/components/raw.js

@@ -14,7 +14,8 @@ function createRawComponent(data, options) {
 	const assets = [];
 	const imports = createFactoryImports();
 	const codeLines = [];
-	generateCSSFilesForComponent(data.icon, imports, assets, options);
+	const style = generateCSSFilesForComponent(data.icon, imports, assets, options);
+	const isEmbeddedCSS = options.cssMode === "embed";
 	const props = {
 		xmlns: "http://www.w3.org/2000/svg",
 		...getComponentSizeValues(options, data.viewBox),
@@ -22,7 +23,7 @@ function createRawComponent(data, options) {
 	};
 	const icon = {
 		...data.icon,
-		content: `<svg ${stringifyFactoryProps(props, factoryPropTemplate)}>${data.icon.content}</svg>`
+		content: `<svg ${stringifyFactoryProps(props, factoryPropTemplate)}>${isEmbeddedCSS && style ? `<style>${style}</style>` : ""}${data.icon.content}</svg>`
 	};
 	codeLines.push(`const icon = ${stringifyFactoryIconContent(icon, options)};\n`);
 	codeLines.push("export default icon;\n");
@@ -35,7 +36,8 @@ function createRawComponent(data, options) {
 	});
 	return {
 		assets,
-		content: codeLines.join("\n")
+		content: codeLines.join("\n"),
+		style: isEmbeddedCSS ? void 0 : style
 	};
 }
 

package/lib/components/svelte.d.ts

@@ -3,7 +3,6 @@ import { FactoryIconData } from "./types/data.js";
 import { ComponentFactoryOptions } from "./types/options.js";
 interface SvelteOptions extends ComponentFactoryOptions {
   ts?: boolean;
-  styles?: boolean;
 }
 /**
  * Create Svelte component code

package/lib/components/svelte.js

@@ -17,14 +17,13 @@ import { getViewBoxRatio } from "./helpers/content/ratio.js";
 */
 function createSvelteComponent(data, options) {
 	const useTS = options.ts ?? false;
-	const styleInComponent = options.styles ?? false;
 	const assets = [];
 	const imports = createFactoryImports();
 	const hasFallback = !!data.fallback;
 	if (hasFallback) imports.default["@iconify/css-svelte"] = "Icon";
 	const styleContent = generateCSSFilesForComponent(data.icon, imports, assets, {
 		...options,
-		styleInComponent
+		componentType: "svelte"
 	});
 	let hasFixedSize = !!options.width && !!options.height;
 	const viewBox = data.viewBox;
@@ -93,11 +92,13 @@ ${componentCode.join("\n")}
 <\/script>
 ${template}
 `;
-	if (styleContent) content += `<style>\n:global {\n${styleContent}\n}\n</style>\n`;
+	const style = options.cssMode === "prop" ? styleContent : void 0;
+	if (styleContent && !style) content += `<style>\n${styleContent}\n</style>\n`;
 	const types = addSvelteComponentTypes(data, options, assets, props);
 	return {
 		assets,
 		content,
+		style,
 		types
 	};
 }

package/lib/components/types/component.d.ts

@@ -17,6 +17,7 @@ interface GeneratedAssetFile extends GeneratedComponentFile {
 interface FactoryGeneratedComponent {
   assets: GeneratedAssetFile[];
   content: string;
+  style?: string;
   types?: string;
 }
 /**
@@ -25,5 +26,6 @@ interface FactoryGeneratedComponent {
 interface FactoryComponent extends Omit<FactoryGeneratedComponent, 'ext' | 'forceExtension'> {
   icon: string;
   filename: string;
+  css?: string;
 }
 export { FactoryComponent, FactoryGeneratedComponent, GeneratedAssetFile, GeneratedComponentFile };

package/lib/components/types/css.d.ts

@@ -1,5 +1,10 @@
 /**
  * Method of importing CSS in generated components
+ *
+ * 'import' - Create external CSS file and import it in component
+ * 'module' - Create CSS module and import it in component
+ * 'embed' - Embed CSS styles in component (if supported by component, throws error otherwise)
+ * 'prop' - Export CSS as separate property in generated data, do not import in component, do not create asset
  */
-type CSSExportMode = 'import' | 'module';
+type CSSExportMode = 'import' | 'module' | 'embed' | 'prop';
 export { CSSExportMode };

package/lib/components/vue-func.js

@@ -22,7 +22,8 @@ function createVueFunctionalComponent(data, options) {
 	if (hasFallback) imports.named["@iconify/css-vue"] = new Set(["Icon"]);
 	const vueNamedImports = new Set(["defineComponent", "h"]);
 	imports.named["vue"] = vueNamedImports;
-	generateCSSFilesForComponent(data.icon, imports, assets, options);
+	const style = generateCSSFilesForComponent(data.icon, imports, assets, options);
+	const isEmbeddedCSS = options.cssMode === "embed";
 	let hasFixedSize = !!options.width && !!options.height;
 	const viewBox = data.viewBox;
 	const hasComputedViewbox = options.square && !hasFixedSize && viewBox.width !== viewBox.height;
@@ -73,7 +74,7 @@ function createVueFunctionalComponent(data, options) {
 		value: "viewBox",
 		template: hasComputedViewbox ? "viewBox: viewBox.value," : "viewBox,"
 	};
-	props[hasFallback ? "content" : "innerHTML"] = { value: stringifyFactoryIconContent(data.icon, options) };
+	props[hasFallback ? "content" : "innerHTML"] = { value: stringifyFactoryIconContent(data.icon, options, isEmbeddedCSS ? style : void 0) };
 	if (data.fallback) props.fallback = data.fallback;
 	const types = addVueComponentTypes(data, options, assets, props);
 	componentCode.push(`return () => h(${hasFallback ? "Icon" : "'svg'"}, { 
@@ -89,10 +90,10 @@ function createVueFunctionalComponent(data, options) {
 	}
 );
 `;
-	const content = `${stringifyFactoryImports(imports)}\n${componentFunction}\nexport default Component;\n`;
 	return {
 		assets,
-		content,
+		content: `${stringifyFactoryImports(imports)}\n${componentFunction}\nexport default Component;\n`,
+		style: isEmbeddedCSS ? void 0 : style,
 		types
 	};
 }

package/lib/components/vue.d.ts

@@ -3,7 +3,6 @@ import { FactoryIconData } from "./types/data.js";
 import { ComponentFactoryOptions } from "./types/options.js";
 interface VueOptions extends ComponentFactoryOptions {
   ts?: boolean;
-  styles?: boolean;
 }
 /**
  * Create Vue component code

package/lib/components/vue.js

@@ -17,17 +17,13 @@ import { addVueComponentTypes } from "./helpers/ts/vue.js";
 */
 function createVueComponent(data, options) {
 	const useTS = options.ts ?? false;
-	const styleInComponent = options.styles ?? false;
 	const assets = [];
 	const imports = createFactoryImports();
 	const hasFallback = !!data.fallback;
 	if (hasFallback) imports.named["@iconify/css-vue"] = new Set(["Icon"]);
 	const vueNamedImports = /* @__PURE__ */ new Set();
 	imports.named["vue"] = vueNamedImports;
-	const styleContent = generateCSSFilesForComponent(data.icon, imports, assets, {
-		...options,
-		styleInComponent
-	});
+	const styleContent = generateCSSFilesForComponent(data.icon, imports, assets, options);
 	let hasFixedSize = !!options.width && !!options.height;
 	const viewBox = data.viewBox;
 	const hasComputedViewbox = options.square && !hasFixedSize && viewBox.width !== viewBox.height;
@@ -95,11 +91,13 @@ ${componentCode.join("\n")}
 <\/script>
 ${template}
 `;
-	if (styleContent) content += `<style>\n${styleContent}\n</style>\n`;
+	const style = options.cssMode === "prop" ? styleContent : void 0;
+	if (styleContent && !style) content += `<style>\n${styleContent}\n</style>\n`;
 	const types = addVueComponentTypes(data, options, assets, props);
 	return {
 		assets,
 		content,
+		style,
 		types
 	};
 }

package/lib/css/hash.js

@@ -6,8 +6,7 @@ const length = 6;
 * Get class name for CSS rules
 */
 function createCSSClassName(rules, prefix = "", options) {
-	const sorted = sortObject(rules);
-	return getUniqueHash(sorted, {
+	return getUniqueHash(sortObject(rules), {
 		css: true,
 		length,
 		prefix,

package/lib/helpers/hash/unique.js

@@ -24,8 +24,7 @@ function getUniqueHash(data, options) {
 	const str = typeof data === "string" ? data : JSON.stringify(sortObject(data));
 	const hasPrefix = !!prefix;
 	const values = hashString(str);
-	const defaultLength = typeof length === "function" ? length(str) : length;
-	let hash = hashToString(values, css, hasPrefix, defaultLength);
+	let hash = hashToString(values, css, hasPrefix, typeof length === "function" ? length(str) : length);
 	if (lengths?.[hash]) hash = hashToString(values, css, hasPrefix, lengths[hash]);
 	const cache = hasPrefix ? uniqueWithPrefixHashes : uniqueHashes;
 	const result = `${prefix}${hash}`;

package/lib/helpers/misc/promises.d.ts

@@ -0,0 +1,6 @@
+type ComparisonKey = string | number | symbol | object;
+/**
+ * Make sure multiple instances of Promise or callback are not ran at the same time
+ */
+declare function uniquePromise<T>(key: ComparisonKey, callback: () => T | Promise<T>): Promise<T>;
+export { uniquePromise };

package/lib/helpers/misc/promises.js

@@ -0,0 +1,58 @@
+import { sortObject } from "./sort-object.js";
+
+let cache = [];
+/**
+* Compare keys, return true on match
+*/
+function compareKeys(key1, key2) {
+	if (key1 === key2) return true;
+	if (typeof key1 !== "object" || typeof key2 !== "object" || !key1 || !key2) return false;
+	return JSON.stringify(sortObject(key1)) === JSON.stringify(sortObject(key2));
+}
+/**
+* Make sure multiple instances of Promise or callback are not ran at the same time
+*/
+function uniquePromise(key, callback) {
+	return new Promise((resolve, reject) => {
+		const cachedItem = cache.find((item) => compareKeys(key, item.key));
+		if (cachedItem) {
+			cachedItem.callbacks.push({
+				resolve,
+				reject
+			});
+			return;
+		}
+		const newItem = {
+			key,
+			callbacks: [{
+				resolve,
+				reject
+			}]
+		};
+		cache.push(newItem);
+		function done(data, err) {
+			cache = cache.filter((item) => item !== newItem);
+			newItem.callbacks.forEach((item) => {
+				try {
+					if (data === void 0) item.reject(err);
+					else item.resolve(data);
+				} catch (err2) {}
+			});
+		}
+		let cb;
+		try {
+			cb = callback();
+		} catch (err) {
+			done(void 0, err);
+			return;
+		}
+		if (cb instanceof Promise) cb.then((data) => {
+			done(data);
+		}).catch((err) => {
+			done(void 0, err);
+		});
+		else done(cb);
+	});
+}
+
+export { uniquePromise };

package/lib/index.d.ts

@@ -10,6 +10,7 @@ import { hashToString } from "./helpers/hash/stringify.js";
 import { getUniqueHash } from "./helpers/hash/unique.js";
 import { cloneObject } from "./helpers/misc/clone.js";
 import { compareSets, compareValues } from "./helpers/misc/compare.js";
+import { uniquePromise } from "./helpers/misc/promises.js";
 import { sortObject } from "./helpers/misc/sort-object.js";
 import { iterateXMLContent } from "./xml/iterate.js";
 import { parseXMLContent } from "./xml/parse.js";
@@ -22,4 +23,4 @@ import { changeSVGIDs } from "./svg/ids/change.js";
 import { createUniqueIDs } from "./svg/ids/unique.js";
 import { convertSVGRootToCSS } from "./svg-css/root.js";
 import { convertSVGContentToCSSRules } from "./svg-css/content.js";
-export { ChangeIDResult, ClassProp, ConvertSVGContentOptions, ConvertedSVGContent, ParsedXMLNode, ParsedXMLTagElement, ParsedXMLTextElement, StringifyXMLOptions, UniqueHashOptions, changeIDInString, changeSVGIDs, classProps, cloneObject, compareSets, compareValues, convertSVGContentToCSSRules, convertSVGRootToCSS, createCSSClassName, createUniqueIDs, defaultClassProp, getUniqueHash, hashString, hashToString, iterateXMLContent, parseXMLContent, removeDuplicateIDs, removeUnusedIDs, sortObject, splitClassName, stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector, stringifyXMLContent, toggleClassName };
+export { ChangeIDResult, ClassProp, ConvertSVGContentOptions, ConvertedSVGContent, ParsedXMLNode, ParsedXMLTagElement, ParsedXMLTextElement, StringifyXMLOptions, UniqueHashOptions, changeIDInString, changeSVGIDs, classProps, cloneObject, compareSets, compareValues, convertSVGContentToCSSRules, convertSVGRootToCSS, createCSSClassName, createUniqueIDs, defaultClassProp, getUniqueHash, hashString, hashToString, iterateXMLContent, parseXMLContent, removeDuplicateIDs, removeUnusedIDs, sortObject, splitClassName, stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector, stringifyXMLContent, toggleClassName, uniquePromise };

package/lib/index.js

@@ -1,6 +1,7 @@
 import { cloneObject } from "./helpers/misc/clone.js";
 import { sortObject } from "./helpers/misc/sort-object.js";
 import { compareSets, compareValues } from "./helpers/misc/compare.js";
+import { uniquePromise } from "./helpers/misc/promises.js";
 import { hashToString } from "./helpers/hash/stringify.js";
 import { hashString } from "./helpers/hash/hash.js";
 import { getUniqueHash } from "./helpers/hash/unique.js";
@@ -19,4 +20,4 @@ import { createUniqueIDs } from "./svg/ids/unique.js";
 import { convertSVGRootToCSS } from "./svg-css/root.js";
 import { convertSVGContentToCSSRules } from "./svg-css/content.js";
 
-export { changeIDInString, changeSVGIDs, classProps, cloneObject, compareSets, compareValues, convertSVGContentToCSSRules, convertSVGRootToCSS, createCSSClassName, createUniqueIDs, defaultClassProp, getUniqueHash, hashString, hashToString, iterateXMLContent, parseXMLContent, removeDuplicateIDs, removeUnusedIDs, sortObject, splitClassName, stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector, stringifyXMLContent, toggleClassName };
+export { changeIDInString, changeSVGIDs, classProps, cloneObject, compareSets, compareValues, convertSVGContentToCSSRules, convertSVGRootToCSS, createCSSClassName, createUniqueIDs, defaultClassProp, getUniqueHash, hashString, hashToString, iterateXMLContent, parseXMLContent, removeDuplicateIDs, removeUnusedIDs, sortObject, splitClassName, stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector, stringifyXMLContent, toggleClassName, uniquePromise };

package/lib/svg/ids/change.js

@@ -97,8 +97,7 @@ function changeSVGIDs(root, callback) {
 				const node = idNodes.get(id);
 				const content = stringifyXMLContent([node]);
 				if (!content) throw new Error(`Failed to stringify node with ID: ${id}`);
-				const cleanedContent = changeIDInString(content, id, "{id}");
-				const newID = callback(id, cleanedContent, node.tag);
+				const newID = callback(id, changeIDInString(content, id, "{id}"), node.tag);
 				if (newID !== id) parse([id, newID]);
 				allIDs.delete(id);
 				const idUsage = [];

package/package.json

@@ -3,7 +3,7 @@
   "type": "module",
   "description": "Common functions for working with SVG used by various packages.",
   "author": "Vjacheslav Trushkin",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "license": "MIT",
   "bugs": "https://github.com/cyberalien/svg-utils/issues",
   "homepage": "https://cyberalien.dev/",
@@ -24,20 +24,20 @@
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3.3.1",
-    "@eslint/js": "^9.37.0",
-    "@iconify-json/ri": "^1.2.5",
+    "@eslint/js": "^9.39.1",
+    "@iconify-json/ri": "^1.2.6",
     "@types/jest": "^30.0.0",
-    "@types/node": "^24.6.2",
-    "@typescript-eslint/eslint-plugin": "^8.45.0",
-    "@typescript-eslint/parser": "^8.45.0",
-    "eslint": "^9.37.0",
-    "globals": "^16.4.0",
-    "tsdown": "^0.15.6",
+    "@types/node": "^24.10.0",
+    "@typescript-eslint/eslint-plugin": "^8.46.4",
+    "@typescript-eslint/parser": "^8.46.4",
+    "eslint": "^9.39.1",
+    "globals": "^16.5.0",
+    "tsdown": "^0.15.12",
     "typescript": "^5.9.3",
-    "vitest": "^3.2.4"
+    "vitest": "^4.0.8"
   },
   "scripts": {
-    "lint": "eslint --fix src/**/*.ts",
+    "lint": "eslint --fix src/**/*.ts && tsc --noemit",
     "prebuild": "pnpm run lint",
     "build": "tsdown",
     "test": "vitest"