@cyberalien/svg-utils 1.1.1 → 1.1.3

package/lib/css/stylesheet.d.ts

@@ -0,0 +1,16 @@
+import { CSSGeneratedStylesheet, CSSRules } from "./types.js";
+/**
+ * Create empty stylesheet
+ */
+declare function createEmptyStylesheet(): CSSGeneratedStylesheet;
+/**
+ * Add generated selector to stylesheet
+ *
+ * If item exists, it will be overwritten. Class names should be hashed to avoid conflicts, so this should not cause issues.
+ */
+declare function addGeneratedSelector(stylesheet: CSSGeneratedStylesheet, tree: string[], rules: CSSRules | string): void;
+/**
+ * Stringify generated stylesheet to CSS string
+ */
+declare function stringifyStylesheet(stylesheet: CSSGeneratedStylesheet): string;
+export { addGeneratedSelector, createEmptyStylesheet, stringifyStylesheet };

package/lib/css/stylesheet.js

@@ -0,0 +1,67 @@
+import { stringifyCSSKeyframes, stringifyCSSSelector } from "./stringify.js";
+
+/**
+* Create empty stylesheet
+*/
+function createEmptyStylesheet() {
+	return {
+		selectors: Object.create(null),
+		keyframes: Object.create(null)
+	};
+}
+/**
+* Add generated selector to stylesheet
+*
+* If item exists, it will be overwritten. Class names should be hashed to avoid conflicts, so this should not cause issues.
+*/
+function addGeneratedSelector(stylesheet, tree, rules) {
+	let parent = stylesheet.selectors;
+	for (let i = 0; i < tree.length; i++) {
+		const selector = tree[i];
+		if (!parent[selector]) parent[selector] = {};
+		const parentItem = parent[selector];
+		if (i === tree.length - 1) {
+			parentItem.rules = rules;
+			return;
+		}
+		if (!parentItem.nested) parentItem.nested = Object.create(null);
+		parent = parentItem.nested;
+	}
+}
+function indent(depth) {
+	return "  ".repeat(depth);
+}
+/**
+* Stringify generated selectors to CSS string
+*/
+function stringifySelectors(data, depth = 0) {
+	const lines = [];
+	for (const selector in data) {
+		const item = data[selector];
+		if (item.rules) {
+			const value = stringifyCSSSelector(selector, item.rules, depth);
+			if (value.length) lines.push(value);
+		}
+		if (item.nested) {
+			const nestedContent = stringifySelectors(item.nested, depth + 1);
+			if (nestedContent.length) lines.push(`${indent(depth)}${selector} {\n${nestedContent}${indent(depth)}}\n`);
+		}
+	}
+	return lines.join("\n");
+}
+/**
+* Stringify generated stylesheet to CSS string
+*/
+function stringifyStylesheet(stylesheet) {
+	const lines = [];
+	const selectors = stringifySelectors(stylesheet.selectors);
+	if (selectors.length) lines.push(selectors);
+	for (const animationName in stylesheet.keyframes) {
+		const keyframes = stylesheet.keyframes[animationName];
+		const keyframesContent = stringifyCSSKeyframes(animationName, keyframes);
+		if (keyframesContent.length) lines.push(keyframesContent);
+	}
+	return lines.join("\n");
+}
+
+export { addGeneratedSelector, createEmptyStylesheet, stringifyStylesheet };

package/lib/css/types.d.ts

@@ -18,4 +18,16 @@ interface CSSKeyframes {
  * Hash options
  */
 type CSSHashOptions = UniqueHashPartialOptions;
-export { CSSHashOptions, CSSKeyframe, CSSKeyframes, CSSRules };
+/**
+ * Generated stylesheet
+ */
+interface CSSGeneratedSelector {
+  rules?: CSSRules | string;
+  nested?: CSSGeneratedSelectors;
+}
+type CSSGeneratedSelectors = Record<string, CSSGeneratedSelector>;
+interface CSSGeneratedStylesheet {
+  selectors: CSSGeneratedSelectors;
+  keyframes: Record<string, CSSKeyframes>;
+}
+export { CSSGeneratedSelector, CSSGeneratedSelectors, CSSGeneratedStylesheet, CSSHashOptions, CSSKeyframe, CSSKeyframes, CSSRules };

package/lib/index.d.ts

@@ -1,10 +1,12 @@
 import { ClassProp, classProps, defaultClassProp } from "./classname/const.js";
 import { splitClassName, toggleClassName } from "./classname/toggle.js";
 import { HashContext, UniqueHashOptions, UniqueHashPartialOptions } from "./helpers/hash/types.js";
+import { CSSGeneratedSelector, CSSGeneratedSelectors, CSSGeneratedStylesheet, CSSHashOptions, CSSKeyframe, CSSKeyframes, CSSRules } from "./css/types.js";
 import { ParsedXMLNode, ParsedXMLTagElement, ParsedXMLTextElement, StringifyXMLOptions } from "./xml/types.js";
 import { BaseConvertSVGContentOptions, ConvertSVGContentOptions, ConvertedSVGContent } from "./svg-css/types.js";
 import { createCSSClassName } from "./css/hash.js";
 import { stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector } from "./css/stringify.js";
+import { addGeneratedSelector, createEmptyStylesheet, stringifyStylesheet } from "./css/stylesheet.js";
 import { createUniqueHashContext } from "./helpers/hash/context.js";
 import { hashString } from "./helpers/hash/hash.js";
 import { hashToString } from "./helpers/hash/stringify.js";
@@ -25,4 +27,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 { BaseConvertSVGContentOptions, ChangeIDResult, ClassProp, ComparisonKey, ConvertSVGContentOptions, ConvertedSVGContent, HashContext, ParsedXMLNode, ParsedXMLTagElement, ParsedXMLTextElement, StringifyXMLOptions, UniqueHashOptions, UniqueHashPartialOptions, UniqueIDOptions, changeIDInString, changeSVGIDs, classProps, cloneObject, compareKeys, compareSets, compareValues, convertSVGContentToCSSRules, convertSVGRootToCSS, createCSSClassName, createUniqueHashContext, createUniqueIDs, defaultClassProp, getUniqueHash, hashString, hashToString, iterateXMLContent, parseXMLContent, removeDuplicateIDs, removeUnusedIDs, sortObject, splitClassName, stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector, stringifyXMLContent, toggleClassName, uniquePromise };
+export { BaseConvertSVGContentOptions, CSSGeneratedSelector, CSSGeneratedSelectors, CSSGeneratedStylesheet, CSSHashOptions, CSSKeyframe, CSSKeyframes, CSSRules, ChangeIDResult, ClassProp, ComparisonKey, ConvertSVGContentOptions, ConvertedSVGContent, HashContext, ParsedXMLNode, ParsedXMLTagElement, ParsedXMLTextElement, StringifyXMLOptions, UniqueHashOptions, UniqueHashPartialOptions, UniqueIDOptions, addGeneratedSelector, changeIDInString, changeSVGIDs, classProps, cloneObject, compareKeys, compareSets, compareValues, convertSVGContentToCSSRules, convertSVGRootToCSS, createCSSClassName, createEmptyStylesheet, createUniqueHashContext, createUniqueIDs, defaultClassProp, getUniqueHash, hashString, hashToString, iterateXMLContent, parseXMLContent, removeDuplicateIDs, removeUnusedIDs, sortObject, splitClassName, stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector, stringifyStylesheet, stringifyXMLContent, toggleClassName, uniquePromise };

package/lib/index.js

@@ -12,6 +12,7 @@ import { parseXMLContent } from "./xml/parse.js";
 import { stringifyXMLContent } from "./xml/stringify.js";
 import { createCSSClassName } from "./css/hash.js";
 import { stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector } from "./css/stringify.js";
+import { addGeneratedSelector, createEmptyStylesheet, stringifyStylesheet } from "./css/stylesheet.js";
 import { classProps, defaultClassProp } from "./classname/const.js";
 import { splitClassName, toggleClassName } from "./classname/toggle.js";
 import { changeIDInString } from "./svg/ids/string.js";
@@ -22,4 +23,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, compareKeys, compareSets, compareValues, convertSVGContentToCSSRules, convertSVGRootToCSS, createCSSClassName, createUniqueHashContext, createUniqueIDs, defaultClassProp, getUniqueHash, hashString, hashToString, iterateXMLContent, parseXMLContent, removeDuplicateIDs, removeUnusedIDs, sortObject, splitClassName, stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector, stringifyXMLContent, toggleClassName, uniquePromise };
+export { addGeneratedSelector, changeIDInString, changeSVGIDs, classProps, cloneObject, compareKeys, compareSets, compareValues, convertSVGContentToCSSRules, convertSVGRootToCSS, createCSSClassName, createEmptyStylesheet, createUniqueHashContext, createUniqueIDs, defaultClassProp, getUniqueHash, hashString, hashToString, iterateXMLContent, parseXMLContent, removeDuplicateIDs, removeUnusedIDs, sortObject, splitClassName, stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector, stringifyStylesheet, stringifyXMLContent, toggleClassName, uniquePromise };

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.1.1",
+  "version": "1.1.3",
   "license": "MIT",
   "bugs": "https://github.com/cyberalien/svg-utils/issues",
   "homepage": "https://cyberalien.dev/",
@@ -25,14 +25,14 @@
   "devDependencies": {
     "@eslint/eslintrc": "^3.3.3",
     "@eslint/js": "^9.39.2",
-    "@iconify-json/ri": "^1.2.8",
+    "@iconify-json/ri": "^1.2.10",
     "@types/jest": "^30.0.0",
-    "@types/node": "^25.1.0",
-    "@typescript-eslint/eslint-plugin": "^8.54.0",
-    "@typescript-eslint/parser": "^8.54.0",
+    "@types/node": "^25.2.3",
+    "@typescript-eslint/eslint-plugin": "^8.55.0",
+    "@typescript-eslint/parser": "^8.55.0",
     "eslint": "^9.39.2",
-    "globals": "^17.2.0",
-    "tsdown": "^0.20.1",
+    "globals": "^17.3.0",
+    "tsdown": "^0.20.3",
     "typescript": "^5.9.3",
     "vitest": "^4.0.18"
   },