@cyberalien/svg-utils 0.1.2 → 0.1.4

package/lib/css/hash.d.ts

@@ -1,6 +1,6 @@
-import { CSSRules } from "./types.js";
+import { CSSHashOptions, CSSRules } from "./types.js";
 /**
  * Get class name for CSS rules
  */
-declare function createCSSClassName(rules: CSSRules, prefix?: string): string;
+declare function createCSSClassName(rules: CSSRules, prefix?: string, options?: CSSHashOptions): string;
 export { createCSSClassName };

package/lib/css/hash.js

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

package/lib/css/types.d.ts

@@ -1,3 +1,4 @@
+import { UniqueHashOptions } from "../helpers/hash/types.js";
 /**
  * CSS rules
  */
@@ -13,4 +14,8 @@ interface CSSKeyframes {
   prop: string;
   frames: CSSKeyframe[];
 }
-export { CSSKeyframe, CSSKeyframes, CSSRules };
+/**
+ * Hash options
+ */
+type CSSHashOptions = Partial<Pick<UniqueHashOptions, 'length' | 'lengths' | 'throwOnCollision'>>;
+export { CSSHashOptions, CSSKeyframe, CSSKeyframes, CSSRules };

package/lib/helpers/hash/types.d.ts

@@ -1,7 +1,7 @@
 interface UniqueHashOptions {
   prefix?: string;
   css: boolean;
-  length: number;
+  length: number | ((content: string) => number);
   lengths?: Record<string, number>;
   throwOnCollision?: boolean;
 }

package/lib/helpers/hash/unique.js

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

package/lib/index.d.ts

@@ -1,12 +1,12 @@
 import { ClassProp, classProps, defaultClassProp } from "./classname/const.js";
 import { splitClassName, toggleClassName } from "./classname/toggle.js";
+import { UniqueHashOptions } from "./helpers/hash/types.js";
 import { ParsedXMLNode, ParsedXMLTagElement, ParsedXMLTextElement, StringifyXMLOptions } from "./xml/types.js";
 import { ConvertSVGContentOptions, ConvertedSVGContent } from "./svg-css/types.js";
 import { createCSSClassName } from "./css/hash.js";
 import { stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector } from "./css/stringify.js";
 import { hashString } from "./helpers/hash/hash.js";
 import { hashToString } from "./helpers/hash/stringify.js";
-import { UniqueHashOptions } from "./helpers/hash/types.js";
 import { getUniqueHash } from "./helpers/hash/unique.js";
 import { cloneObject } from "./helpers/misc/clone.js";
 import { compareSets, compareValues } from "./helpers/misc/compare.js";

package/lib/svg-css/content.js

@@ -8,7 +8,7 @@ import { convertSVGRootToCSS } from "./root.js";
 function convertSVGContentToCSSRules(content, options) {
 	const root = parseXMLContent(content);
 	if (!root) return { content };
-	const classes = convertSVGRootToCSS(root, options?.classNamePrefix);
+	const classes = convertSVGRootToCSS(root, options?.classNamePrefix, options?.hashOptions);
 	if (classes) {
 		const newContent = stringifyXMLContent(root, options);
 		if (newContent) return {

package/lib/svg-css/root.d.ts

@@ -1,9 +1,9 @@
-import { CSSRules } from "../css/types.js";
+import { CSSHashOptions, CSSRules } from "../css/types.js";
 import { ParsedXMLTagElement } from "../xml/types.js";
 /**
  * Convert SVG tags tree to SVG+CSS
  *
  * Returns used CSS class names with rules
  */
-declare function convertSVGRootToCSS(root: ParsedXMLTagElement[], classNamePrefix?: string): Record<string, CSSRules>;
+declare function convertSVGRootToCSS(root: ParsedXMLTagElement[], classNamePrefix?: string, hashOptions?: CSSHashOptions): Record<string, CSSRules>;
 export { convertSVGRootToCSS };

package/lib/svg-css/root.js

@@ -8,13 +8,13 @@ import { extractSVGTagPropertiesForCSS } from "./props/props.js";
 *
 * Returns used CSS class names with rules
 */
-function convertSVGRootToCSS(root, classNamePrefix = "") {
+function convertSVGRootToCSS(root, classNamePrefix = "", hashOptions) {
 	const rules = Object.create(null);
 	iterateXMLContent(root, (node) => {
 		if (node.type === "tag") {
 			const props = extractSVGTagPropertiesForCSS(node);
 			if (props) {
-				const className = createCSSClassName(props.rules, classNamePrefix);
+				const className = createCSSClassName(props.rules, classNamePrefix, hashOptions);
 				toggleClassName(node.attribs, className, true);
 				rules[className] = props.rules;
 			}

package/lib/svg-css/types.d.ts

@@ -1,10 +1,11 @@
-import { CSSKeyframes, CSSRules } from "../css/types.js";
+import { CSSHashOptions, CSSKeyframes, CSSRules } from "../css/types.js";
 import { StringifyXMLOptions } from "../xml/types.js";
 /**
  * Options for converting SVG content to SVG+CSS
  */
 interface ConvertSVGContentOptions extends StringifyXMLOptions {
   classNamePrefix?: string;
+  hashOptions?: CSSHashOptions;
 }
 /**
  * Result of converting SVG content to SVG+CSS

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.1.2",
+  "version": "0.1.4",
   "license": "MIT",
   "bugs": "https://github.com/cyberalien/svg-utils/issues",
   "homepage": "https://cyberalien.dev/",