@cyberalien/svg-utils 0.0.17 → 0.1.0

package/lib/svg-css/factory/filenames/types.js

@@ -0,0 +1,14 @@
+import { getGeneratedComponentFilename } from "./component.js";
+
+/**
+* Generate component types filename based on options
+*/
+function getGeneratedComponentTypesFilename(icon, options) {
+	const filename = getGeneratedComponentFilename(icon, ".d.ts", options);
+	return {
+		filename,
+		import: `./${filename.split("/").pop()}`
+	};
+}
+
+export { getGeneratedComponentTypesFilename };

package/lib/svg-css/factory/imports/add.d.ts

@@ -0,0 +1,10 @@
+import { FactoryComponentImports } from "../types/component.js";
+/**
+ * Add named import
+ */
+declare function addNamedImport(data: FactoryComponentImports, source: string, names: string | string[]): void;
+/**
+ * Add type import
+ */
+declare function addTypeImport(data: FactoryComponentImports, source: string, types: string | string[]): void;
+export { addNamedImport, addTypeImport };

package/lib/svg-css/factory/imports/add.js

@@ -0,0 +1,18 @@
+function addToSet(set, names) {
+	if (Array.isArray(names)) for (const name of names) set.add(name);
+	else set.add(names);
+}
+/**
+* Add named import
+*/
+function addNamedImport(data, source, names) {
+	addToSet(data.named[source] ??= /* @__PURE__ */ new Set(), names);
+}
+/**
+* Add type import
+*/
+function addTypeImport(data, source, types) {
+	addToSet(data.types[source] ??= /* @__PURE__ */ new Set(), types);
+}
+
+export { addNamedImport, addTypeImport };

package/lib/svg-css/factory/imports/create.d.ts

@@ -0,0 +1,6 @@
+import { FactoryComponentImports } from "../types/component.js";
+/**
+ * Create imports object
+ */
+declare function createFactoryImports(): FactoryComponentImports;
+export { createFactoryImports };

package/lib/svg-css/factory/imports/create.js

@@ -0,0 +1,15 @@
+/**
+* Create imports object
+*/
+function createFactoryImports() {
+	return {
+		default: Object.create(null),
+		named: Object.create(null),
+		types: Object.create(null),
+		full: /* @__PURE__ */ new Set(),
+		css: /* @__PURE__ */ new Set(),
+		modules: Object.create(null)
+	};
+}
+
+export { createFactoryImports };

package/lib/svg-css/factory/imports/stringify.d.ts

@@ -0,0 +1,6 @@
+import { FactoryComponentImports } from "../types/component.js";
+/**
+ * Export imports as string
+ */
+declare function stringifyFactoryImports(imports: FactoryComponentImports, includeTypes?: boolean): string;
+export { stringifyFactoryImports };

package/lib/svg-css/factory/imports/stringify.js

@@ -0,0 +1,47 @@
+/**
+* Split relative and absolute imports
+*/
+function split(imports, relative) {
+	function isRelative(path) {
+		return path.startsWith(".") || path.startsWith("~") || path.startsWith("@/") || path.startsWith("virtual:");
+	}
+	function shouldInclude(path) {
+		return isRelative(path) === relative;
+	}
+	function filterObject(data) {
+		return Object.fromEntries(Object.entries(data).filter(([key]) => shouldInclude(key)));
+	}
+	return {
+		default: filterObject(imports.default),
+		named: filterObject(imports.named),
+		types: filterObject(imports.types),
+		modules: filterObject(imports.modules),
+		full: new Set([...imports.full].filter(shouldInclude)),
+		css: new Set([...imports.css].filter(shouldInclude))
+	};
+}
+/**
+* Export imports as string
+*/
+function stringifyFactoryImports(imports, includeTypes = true) {
+	const lines = [];
+	for (const isRelative of [false, true]) {
+		const data = split(imports, isRelative);
+		for (const source of data.full) lines.push(`import '${source}';`);
+		for (const source in data.default) lines.push(`import ${data.default[source]} from '${source}';`);
+		for (const source in data.named) {
+			const items = [...data.named[source]].sort().join(", ");
+			lines.push(`import { ${items} } from '${source}';`);
+		}
+		if (includeTypes) for (const source in data.types) {
+			const items = [...data.types[source]].sort().join(", ");
+			lines.push(`import type { ${items} } from '${source}';`);
+		}
+		for (const source of data.css) lines.push(`import '${source}';`);
+		for (const source in data.modules) lines.push(`import ${data.modules[source]} from '${source}';`);
+	}
+	if (lines.length) lines.push("");
+	return lines.join("\n");
+}
+
+export { stringifyFactoryImports };

package/lib/svg-css/factory/props/object.d.ts

@@ -0,0 +1,6 @@
+import { FactoryComponentProps } from "../types/props.js";
+/**
+ * Stringify properties for component as JS object
+ */
+declare function stringifyFactoryPropsAsJSON(props: FactoryComponentProps, separator?: string): string;
+export { stringifyFactoryPropsAsJSON };

package/lib/svg-css/factory/props/object.js

@@ -0,0 +1,10 @@
+import { stringifyFactoryProps } from "./stringify.js";
+
+/**
+* Stringify properties for component as JS object
+*/
+function stringifyFactoryPropsAsJSON(props, separator = "\n	") {
+	return stringifyFactoryProps(props, "\"{prop}\": {value},", "\"{prop}\": \"{value}\",", separator);
+}
+
+export { stringifyFactoryPropsAsJSON };

package/lib/svg-css/factory/props/stringify.d.ts

@@ -0,0 +1,10 @@
+import { FactoryComponentProps } from "../types/props.js";
+/**
+ * Template for property
+ */
+declare const factoryPropTemplate = "{prop}=\"{value}\"";
+/**
+ * Stringify properties for component
+ */
+declare function stringifyFactoryProps(props: FactoryComponentProps, dynamicTemplate: string, staticTemplate?: string, separator?: string): string;
+export { factoryPropTemplate, stringifyFactoryProps };

package/lib/svg-css/factory/props/stringify.js

@@ -0,0 +1,21 @@
+/**
+* Template for property
+*/
+const factoryPropTemplate = "{prop}=\"{value}\"";
+/**
+* Stringify properties for component
+*/
+function stringifyFactoryProps(props, dynamicTemplate, staticTemplate = factoryPropTemplate, separator = " ") {
+	const result = [];
+	for (const key in props) {
+		const value = props[key];
+		const actualValue = typeof value === "string" ? value : value.value;
+		if (actualValue !== void 0) {
+			const template = typeof value === "string" ? staticTemplate : value.template ?? dynamicTemplate;
+			if (template) result.push(template.replace("{prop}", key).replace("{value}", actualValue));
+		}
+	}
+	return result.join(separator);
+}
+
+export { factoryPropTemplate, stringifyFactoryProps };

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

@@ -0,0 +1,6 @@
+import { FactoryComponentProps } from "../types/props.js";
+/**
+ * Stringify properties for component
+ */
+declare function stringifyFactoryPropTypes(props: FactoryComponentProps): string;
+export { stringifyFactoryPropTypes };

package/lib/svg-css/factory/props/types.js

@@ -0,0 +1,16 @@
+/**
+* Stringify properties for component
+*/
+function stringifyFactoryPropTypes(props) {
+	const result = [];
+	for (const key in props) {
+		const value = props[key];
+		if (typeof value !== "string") {
+			const type = value.type;
+			if (type) result.push(`\t${key}${value.required ? "" : "?"}: ${type};`);
+		}
+	}
+	return result.join("\n");
+}
+
+export { stringifyFactoryPropTypes };

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

@@ -0,0 +1,8 @@
+/**
+ * Asset path, generated from configuration
+ */
+interface GeneratedAssetPath {
+  filename: string;
+  import: string;
+}
+export { GeneratedAssetPath };

package/lib/svg-css/factory/types/asset.js

@@ -0,0 +1 @@
+export {  };

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

@@ -0,0 +1,38 @@
+import { GeneratedAssetFile } from "./file.js";
+/**
+ * List of imports for component
+ */
+interface FactoryComponentImports {
+  default: Record<string, string>;
+  named: Record<string, Set<string>>;
+  types: Record<string, Set<string>>;
+  full: Set<string>;
+  css: Set<string>;
+  modules: Record<string, string>;
+}
+/**
+ * Parts of template
+ */
+interface FactoryComponentTemplate {
+  tag: string;
+  hardcoded: Record<string, string>;
+  vars: Record<string, string>;
+  spread: string[];
+  propTypes: Record<string, string>;
+  optionalProps: string[];
+}
+/**
+ * Generated component
+ */
+interface FactoryGeneratedComponent {
+  assets: GeneratedAssetFile[];
+  content: string;
+}
+/**
+ * Component data with filename
+ */
+interface FactoryComponent extends Omit<FactoryGeneratedComponent, 'ext' | 'forceExtension'> {
+  icon: string;
+  filename: string;
+}
+export { FactoryComponent, FactoryComponentImports, FactoryComponentTemplate, FactoryGeneratedComponent };

package/lib/svg-css/factory/types/component.js

@@ -0,0 +1 @@
+export {  };

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

@@ -0,0 +1,5 @@
+/**
+ * Method of importing CSS in generated components
+ */
+type CSSExportMode = 'import' | 'module';
+export { CSSExportMode };

package/lib/svg-css/factory/types/css.js

@@ -0,0 +1 @@
+export {  };

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

@@ -0,0 +1,13 @@
+import { IconViewBox } from "../../../svg/viewbox/types.js";
+import { ComponentFactorySource } from "./source.js";
+/**
+ * Icon data
+ */
+interface FactoryIconData {
+  prefix: string;
+  name: string;
+  icon: ComponentFactorySource;
+  viewBox: IconViewBox;
+  fallback?: string;
+}
+export { FactoryIconData };

package/lib/svg-css/factory/types/data.js

@@ -0,0 +1 @@
+export {  };

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

@@ -0,0 +1,14 @@
+/**
+ * File generated by component factory
+ */
+interface GeneratedComponentFile {
+  filename: string;
+  content: string;
+}
+/**
+ * Asset generated by component factory
+ */
+interface GeneratedAssetFile extends GeneratedComponentFile {
+  import: string;
+}
+export { GeneratedAssetFile, GeneratedComponentFile };

package/lib/svg-css/factory/types/file.js

@@ -0,0 +1 @@
+export {  };

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

@@ -0,0 +1,26 @@
+import { GeneratedAssetPath } from "./asset.js";
+import { CSSExportMode } from "./css.js";
+/**
+ * File system options for component factory
+ */
+interface ComponentFactoryFileSystemOptions {
+  doubleDirsForCSS: boolean;
+  prefixDirsForComponents: boolean;
+  doubleDirsForComponents: boolean;
+  chunksPath: GeneratedAssetPath;
+  cssPath: GeneratedAssetPath;
+}
+/**
+ * Rendering options for component factory
+ */
+interface ComponentFactoryRenderingOptions {
+  square?: boolean;
+  cssMode: CSSExportMode;
+  width?: string;
+  height?: string;
+}
+/**
+ * Options for component factory
+ */
+interface ComponentFactoryOptions extends ComponentFactoryFileSystemOptions, ComponentFactoryRenderingOptions {}
+export { ComponentFactoryFileSystemOptions, ComponentFactoryOptions, ComponentFactoryRenderingOptions };

package/lib/svg-css/factory/types/options.js

@@ -0,0 +1 @@
+export {  };

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

@@ -0,0 +1,14 @@
+/**
+ * Dynamic property value
+ */
+interface FactoryComponentDynamicProp {
+  type?: string;
+  required?: boolean;
+  value?: string;
+  template?: string;
+}
+/**
+ * Properties for component
+ */
+type FactoryComponentProps = Record<string, string | FactoryComponentDynamicProp>;
+export { FactoryComponentDynamicProp, FactoryComponentProps };

package/lib/svg-css/factory/types/props.js

@@ -0,0 +1 @@
+export {  };

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

@@ -0,0 +1,10 @@
+import { CSSKeyframes, CSSRules } from "../../../css/types.js";
+import { ConvertedSVGContent } from "../../types.js";
+/**
+ * Content for component factory
+ */
+interface ComponentFactorySource extends Omit<ConvertedSVGContent, 'classes' | 'keyframes'> {
+  classes?: Record<string, CSSRules | string>;
+  keyframes?: Record<string, CSSKeyframes | string>;
+}
+export { ComponentFactorySource };

package/lib/svg-css/factory/types/source.js

@@ -0,0 +1 @@
+export {  };

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

@@ -1,4 +1,4 @@
-import { CSSRules } from "../css/types.js";
+import { CSSKeyframes, CSSRules } from "../css/types.js";
 /**
  * SVG property types
  */
@@ -16,5 +16,6 @@ interface SVGConvertedToCSSProperties {
 interface ConvertedSVGContent {
   content: string;
   classes?: Record<string, CSSRules>;
+  keyframes?: Record<string, CSSKeyframes>;
 }
 export { ConvertedSVGContent, SVGConvertedToCSSProperties, SVGPropertyType };

package/lib/xml/parse.js

@@ -12,8 +12,7 @@ function parseXMLContent(content, trim = true) {
 		const start = content.indexOf("<", startIndex);
 		const end = start === -1 ? -1 : content.indexOf(">", start);
 		if (start === -1 || end === -1) {
-			const text$1 = content.slice(startIndex).trim();
-			if (text$1 || parentNode || !rootNodes.length) return null;
+			if (content.slice(startIndex).trim() || parentNode || !rootNodes.length) return null;
 			return rootNodes;
 		}
 		if (content.slice(start, start + 4) === "<!--") {
@@ -66,8 +65,7 @@ function parseXMLContent(content, trim = true) {
 		}
 		startIndex = end + 1;
 		if (tagName === "style" && !selfClosing) {
-			const match = "</style>";
-			const end$1 = content.indexOf(match, startIndex);
+			const end$1 = content.indexOf("</style>", startIndex);
 			if (end$1 === -1) return null;
 			const css = content.slice(startIndex, end$1).trim();
 			if (css.length) parentNode.children.push({

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.17",
+  "version": "0.1.0",
   "license": "MIT",
   "bugs": "https://github.com/cyberalien/svg-utils/issues",
   "homepage": "https://cyberalien.dev/",
@@ -24,15 +24,17 @@
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3.3.1",
-    "@eslint/js": "^9.34.0",
-    "@types/jest": "^29.5.14",
-    "@types/node": "^18.19.123",
-    "@typescript-eslint/eslint-plugin": "^8.41.0",
-    "eslint": "^9.34.0",
-    "globals": "^16.3.0",
-    "tsdown": "^0.14.2",
+    "@eslint/js": "^9.35.0",
+    "@iconify-json/ri": "^1.2.5",
+    "@types/jest": "^30.0.0",
+    "@types/node": "^24.5.2",
+    "@typescript-eslint/eslint-plugin": "^8.44.0",
+    "@typescript-eslint/parser": "^8.44.0",
+    "eslint": "^9.35.0",
+    "globals": "^16.4.0",
+    "tsdown": "^0.15.2",
     "typescript": "^5.9.2",
-    "vitest": "^2.1.9"
+    "vitest": "^3.2.4"
   },
   "scripts": {
     "lint": "eslint --fix src/**/*.ts",

package/lib/svg-css/factory/helpers/add-css.d.ts

@@ -1,8 +0,0 @@
-import { ExportedComponentFile, SVGPreParsedContent } from "../types.js";
-/**
- * Add CSS imports and files to component
- *
- * Returns true if CSS was added
- */
-declare function addCSSToComponent(parsedContent: SVGPreParsedContent, addImportsTo: string[], files: ExportedComponentFile[], rootPath: string, classNamePrefix: string): boolean;
-export { addCSSToComponent };

package/lib/svg-css/factory/helpers/add-css.js

@@ -1,32 +0,0 @@
-import { stringifyCSSSelector } from "../../../css/stringify.js";
-import { getCSSFilename } from "./css-filename.js";
-
-/**
-* Add CSS imports and files to component
-*
-* Returns true if CSS was added
-*/
-function addCSSToComponent(parsedContent, addImportsTo, files, rootPath, classNamePrefix) {
-	let hasCSS = false;
-	if (parsedContent.css) for (const className in parsedContent.css) {
-		hasCSS = true;
-		const filename = getCSSFilename(className, classNamePrefix);
-		addImportsTo.push(`import '${rootPath}${filename}';`);
-		files.push({
-			filename,
-			content: parsedContent.css[className]
-		});
-	}
-	if (parsedContent.classes) for (const className in parsedContent.classes) {
-		hasCSS = true;
-		const filename = getCSSFilename(className, classNamePrefix);
-		addImportsTo.push(`import '${rootPath}${filename}';`);
-		files.push({
-			filename,
-			content: stringifyCSSSelector(`.${className}`, parsedContent.classes[className])
-		});
-	}
-	return hasCSS;
-}
-
-export { addCSSToComponent };

package/lib/svg-css/factory/helpers/component-name.d.ts

@@ -1,9 +0,0 @@
-interface Options {
-  pascalCase?: boolean;
-  ucPrefix?: boolean;
-}
-/**
- * Get icon component name in camelCase or PascalCase if `pascalCase` is true
- */
-declare function camelCaseIconComponentName(name: string, options: Options, prefix?: string): string;
-export { camelCaseIconComponentName };

package/lib/svg-css/factory/helpers/component-name.js

@@ -1,17 +0,0 @@
-import { camelize, pascalize } from "../../../helpers/misc/strings.js";
-
-/**
-* Get icon component name in camelCase or PascalCase if `pascalCase` is true
-*/
-function camelCaseIconComponentName(name, options, prefix) {
-	name = `${name}-icon`;
-	const { pascalCase, ucPrefix } = options;
-	if (prefix) {
-		if (!pascalCase) return camelize(`${prefix}-${name}`);
-		if (pascalCase && (ucPrefix || ucPrefix === void 0 && prefix.length < 5)) return prefix.toUpperCase() + pascalize(name);
-		name = `${prefix}-${name}`;
-	}
-	return pascalCase ? pascalize(name) : camelize(name);
-}
-
-export { camelCaseIconComponentName };

package/lib/svg-css/factory/helpers/component-path.d.ts

@@ -1,5 +0,0 @@
-/**
- * Get icon component filename path parts, without filename
- */
-declare function iconComponentFilenamePath(name: string, prefix?: string): string[];
-export { iconComponentFilenamePath };

package/lib/svg-css/factory/helpers/component-path.js

@@ -1,9 +0,0 @@
-/**
-* Get icon component filename path parts, without filename
-*/
-function iconComponentFilenamePath(name, prefix) {
-	const letter = name[0];
-	return prefix ? [prefix, letter] : [letter];
-}
-
-export { iconComponentFilenamePath };

package/lib/svg-css/factory/helpers/css-filename.d.ts

@@ -1,5 +0,0 @@
-/**
- * Get filename for CSS file
- */
-declare function getCSSFilename(className: string, classNamePrefix: string): string;
-export { getCSSFilename };

package/lib/svg-css/factory/helpers/css-filename.js

@@ -1,10 +0,0 @@
-/**
-* Get filename for CSS file
-*/
-function getCSSFilename(className, classNamePrefix) {
-	const matchLength = className.startsWith(classNamePrefix) ? classNamePrefix.length : 0;
-	const firstPart = className.slice(0, matchLength + 1);
-	return `css/${firstPart}/${className}.css`;
-}
-
-export { getCSSFilename };

package/lib/svg-css/factory/helpers/exports.d.ts

@@ -1,6 +0,0 @@
-import { ExportedComponent } from "../types.js";
-/**
- * Add exports for main files to object
- */
-declare function createExportsForMainFiles(data: ExportedComponent[], result?: Record<string, string>): Record<string, string>;
-export { createExportsForMainFiles };

package/lib/svg-css/factory/helpers/exports.js

@@ -1,10 +0,0 @@
-/**
-* Add exports for main files to object
-*/
-function createExportsForMainFiles(data, result) {
-	result = result || Object.create(null);
-	for (const { prefix, name, main } of data) result[`./${prefix ? `${prefix}/${name}` : name}`] = `./${main.filename}`;
-	return result;
-}
-
-export { createExportsForMainFiles };

package/lib/svg-css/factory/helpers/merge.d.ts

@@ -1,6 +0,0 @@
-import { ExportedComponent, ExportedComponentFile } from "../types.js";
-/**
- * Merge all files
- */
-declare function mergeExportedComponentFiles(data: ExportedComponent[]): ExportedComponentFile[];
-export { mergeExportedComponentFiles };

package/lib/svg-css/factory/helpers/merge.js

@@ -1,19 +0,0 @@
-/**
-* Merge all files
-*/
-function mergeExportedComponentFiles(data) {
-	const files = [];
-	const added = /* @__PURE__ */ new Set();
-	function add(file) {
-		if (added.has(file.filename)) return;
-		added.add(file.filename);
-		files.push(file);
-	}
-	for (const item of data) {
-		add(item.main);
-		item.shared.forEach(add);
-	}
-	return files;
-}
-
-export { mergeExportedComponentFiles };

package/lib/svg-css/factory/helpers/options.d.ts

@@ -1,6 +0,0 @@
-import { ComponentFactoryIconData, ComponentFactoryOptions } from "../types.js";
-/**
- * Get default options for component factory
- */
-declare function getDefaultComponentFactoryOptions(options: Partial<ComponentFactoryOptions>, data: ComponentFactoryIconData): ComponentFactoryOptions;
-export { getDefaultComponentFactoryOptions };

package/lib/svg-css/factory/helpers/options.js

@@ -1,12 +0,0 @@
-/**
-* Get default options for component factory
-*/
-function getDefaultComponentFactoryOptions(options, data) {
-	return {
-		addPrefixToFilenames: !!data.prefix,
-		classNamePrefix: "",
-		...options
-	};
-}
-
-export { getDefaultComponentFactoryOptions };

package/lib/svg-css/factory/helpers/prefix.d.ts

@@ -1,6 +0,0 @@
-import { ComponentFactoryOptions } from "../types.js";
-/**
- * Clean up prefix
- */
-declare function removePrefixIfNotUsed(options: Pick<ComponentFactoryOptions, 'addPrefixToFilenames'>, prefix?: string): string | undefined;
-export { removePrefixIfNotUsed };

package/lib/svg-css/factory/helpers/prefix.js

@@ -1,8 +0,0 @@
-/**
-* Clean up prefix
-*/
-function removePrefixIfNotUsed(options, prefix) {
-	return options.addPrefixToFilenames && prefix ? prefix : void 0;
-}
-
-export { removePrefixIfNotUsed };

package/lib/svg-css/factory/iconify/vue.d.ts

@@ -1,6 +0,0 @@
-import { ComponentFactory } from "../types.js";
-/**
- * Create Vue component with Iconify icon
- */
-declare const createIconifyVueComponent: ComponentFactory;
-export { createIconifyVueComponent };