@cyberalien/svg-utils 0.1.1 → 0.1.2

package/lib/{svg-css/factory → components}/export/fs.d.ts

@@ -1,4 +1,4 @@
-import { GeneratedComponentFile } from "../types/file.js";
+import { GeneratedComponentFile } from "../types/component.js";
 /**
  * Save exported files to filesystem
  */

package/lib/{svg-css/factory → components}/export/merge.d.ts

@@ -1,5 +1,4 @@
-import { GeneratedComponentFile } from "../types/file.js";
-import { FactoryComponent } from "../types/component.js";
+import { FactoryComponent, GeneratedComponentFile } from "../types/component.js";
 /**
  * Merge exported component files into single array
  */

package/lib/{svg-css/factory → components/helpers}/content/size.d.ts

@@ -1,5 +1,5 @@
 import { IconViewBox } from "../../../svg/viewbox/types.js";
-import { ComponentFactoryRenderingOptions } from "../types/options.js";
+import { ComponentFactoryRenderingOptions } from "../../types/options.js";
 interface SizeResult {
   width: string;
   height: string;

package/lib/{svg-css/factory → components/helpers}/content/stringify.d.ts

@@ -1,5 +1,5 @@
-import { ComponentFactorySource } from "../types/source.js";
-import { ComponentFactoryRenderingOptions } from "../types/options.js";
+import { ComponentFactorySource } from "../../types/source.js";
+import { ComponentFactoryRenderingOptions } from "../../types/options.js";
 /**
  * Convert icon content to a string literal
  */

package/lib/{svg-css/factory → components/helpers}/css/generate.d.ts

@@ -1,7 +1,7 @@
-import { ComponentFactorySource } from "../types/source.js";
-import { GeneratedAssetFile } from "../types/file.js";
-import { FactoryComponentImports } from "../types/component.js";
-import { ComponentFactoryOptions } from "../types/options.js";
+import { GeneratedAssetFile } from "../../types/component.js";
+import { ComponentFactorySource } from "../../types/source.js";
+import { ComponentFactoryOptions } from "../../types/options.js";
+import { FactoryComponentImports } from "../imports/types.js";
 /**
  * Generate CSS files for component
  *

package/lib/components/helpers/filenames/asset.d.ts

@@ -0,0 +1,10 @@
+import { GeneratedAssetPath } from "../../types/options.js";
+/**
+ * Generate asset filename based on options
+ *
+ * @param filename - Filename without path
+ * @param rootPath - Root path
+ * @returns Asset path
+ */
+declare function getGeneratedAssetFilename(filename: string, rootPath: GeneratedAssetPath): GeneratedAssetPath;
+export { getGeneratedAssetFilename };

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

@@ -0,0 +1,16 @@
+/**
+* Generate asset filename based on options
+*
+* @param filename - Filename without path
+* @param rootPath - Root path
+* @returns Asset path
+*/
+function getGeneratedAssetFilename(filename, rootPath) {
+	const basePath = rootPath.filename;
+	return {
+		import: `${rootPath.import}/${filename}`,
+		filename: `${basePath ? basePath + "/" : ""}${filename}`
+	};
+}
+
+export { getGeneratedAssetFilename };

package/lib/{svg-css/factory → components/helpers}/filenames/css.d.ts

@@ -1,5 +1,4 @@
-import { GeneratedAssetPath } from "../types/asset.js";
-import { ComponentFactoryOptions } from "../types/options.js";
+import { ComponentFactoryOptions, GeneratedAssetPath } from "../../types/options.js";
 /**
  * Generate CSS filename based on options
  */

package/lib/{svg-css/factory → components/helpers}/filenames/css.js

@@ -1,3 +1,5 @@
+import { getGeneratedAssetFilename } from "./asset.js";
+
 /**
 * Generate CSS filename based on options
 */
@@ -5,10 +7,7 @@ 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 {
-		import: `${cssPath.import}/${filename}`,
-		filename: `${cssPath.filename}/${filename}`
-	};
+	return getGeneratedAssetFilename(filename, cssPath);
 }
 
 export { getGeneratedCSSFilename };

package/lib/components/helpers/filenames/path.d.ts

@@ -0,0 +1,9 @@
+import { ComponentFactoryFileSystemOptions, GeneratedAssetPath } from "../../types/options.js";
+/**
+ * Get relative path to root directory from component
+ *
+ * @param options Factory options
+ * @returns Asset path
+ */
+declare function getFactoryRelativeRootPath(options: Pick<ComponentFactoryFileSystemOptions, 'doubleDirsForComponents' | 'prefixDirsForComponents'>): GeneratedAssetPath;
+export { getFactoryRelativeRootPath };

package/lib/{svg-css/factory → components/helpers}/filenames/path.js

@@ -1,18 +1,17 @@
 /**
-* Get relative path to asset from component
+* Get relative path to root directory from component
 *
-* @param path Path to asset, without trailing slash
 * @param options Factory options
 * @returns Asset path
 */
-function getFactoryRelativeAssetPath(path, options) {
+function getFactoryRelativeRootPath(options) {
 	const { prefixDirsForComponents } = options;
 	const prefixDir = prefixDirsForComponents ? typeof prefixDirsForComponents === "string" ? prefixDirsForComponents : "prefix" : "";
 	const parentCount = (prefixDir ? prefixDir.split("/").length : 0) + (options.doubleDirsForComponents ? 1 : 0);
 	return {
-		import: (parentCount ? "../".repeat(parentCount) : "./") + path,
-		filename: path
+		import: parentCount ? "../".repeat(parentCount - 1) + ".." : ".",
+		filename: ""
 	};
 }
 
-export { getFactoryRelativeAssetPath };
+export { getFactoryRelativeRootPath };

package/lib/{svg-css/factory → components/helpers}/filenames/types.d.ts

@@ -1,6 +1,5 @@
-import { FactoryIconData } from "../types/data.js";
-import { GeneratedAssetPath } from "../types/asset.js";
-import { ComponentFactoryFileSystemOptions } from "../types/options.js";
+import { FactoryIconData } from "../../types/data.js";
+import { ComponentFactoryFileSystemOptions, GeneratedAssetPath } from "../../types/options.js";
 /**
  * Generate component types filename based on options
  */

package/lib/{svg-css/factory → components/helpers}/filenames/types.js

@@ -1,4 +1,4 @@
-import { getGeneratedComponentFilename } from "./component.js";
+import { getGeneratedComponentFilename } from "../../export/filename.js";
 
 /**
 * Generate component types filename based on options

package/lib/components/helpers/functions/size.d.ts

@@ -0,0 +1,8 @@
+import { GeneratedAssetFile } from "../../types/component.js";
+import { ComponentFactoryOptions } from "../../types/options.js";
+import { FactoryComponentImports } from "../imports/types.js";
+/**
+ * Adds getSizeProps() function to assets
+ */
+declare function addSizeFunctionAsset(imports: FactoryComponentImports, assets: GeneratedAssetFile[], options: Pick<ComponentFactoryOptions, 'rootPath'>): string;
+export { addSizeFunctionAsset };

package/lib/{svg-css/factory/components/shared → components/helpers/functions}/size.js

@@ -1,4 +1,4 @@
-import { getGeneratedAssetFilename } from "../../filenames/asset.js";
+import { getGeneratedAssetFilename } from "../filenames/asset.js";
 
 const functionName = "getSizeProps";
 const functionContent = `
@@ -67,7 +67,7 @@ export { ${functionName} };
 * Adds getSizeProps() function to assets
 */
 function addSizeFunctionAsset(imports, assets, options) {
-	const filename = getGeneratedAssetFilename("size.js", options);
+	const filename = getGeneratedAssetFilename("helpers/size.js", options.rootPath);
 	imports.named[filename.import] = new Set([functionName]);
 	assets.push({
 		...filename,

package/lib/{svg-css/factory → components/helpers}/imports/add.d.ts

@@ -1,4 +1,4 @@
-import { FactoryComponentImports } from "../types/component.js";
+import { FactoryComponentImports } from "./types.js";
 /**
  * Add named import
  */

package/lib/{svg-css/factory → components/helpers}/imports/create.d.ts

@@ -1,4 +1,4 @@
-import { FactoryComponentImports } from "../types/component.js";
+import { FactoryComponentImports } from "./types.js";
 /**
  * Create imports object
  */

package/lib/{svg-css/factory → components/helpers}/imports/stringify.d.ts

@@ -1,4 +1,4 @@
-import { FactoryComponentImports } from "../types/component.js";
+import { FactoryComponentImports } from "./types.js";
 /**
  * Export imports as string
  */

package/lib/components/helpers/imports/types.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 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>;
+}
+export { FactoryComponentImports };

package/lib/{svg-css/factory → components/helpers}/props/object.d.ts

@@ -1,4 +1,4 @@
-import { FactoryComponentProps } from "../types/props.js";
+import { FactoryComponentProps } from "./types.js";
 /**
  * Stringify properties for component as JS object
  */

package/lib/{svg-css/factory → components/helpers}/props/stringify.d.ts

@@ -1,4 +1,4 @@
-import { FactoryComponentProps } from "../types/props.js";
+import { FactoryComponentProps } from "./types.js";
 /**
  * Template for property
  */

package/lib/{svg-css/factory/props/types.d.ts → components/helpers/props/ts.d.ts}

@@ -1,4 +1,4 @@
-import { FactoryComponentProps } from "../types/props.js";
+import { FactoryComponentProps } from "./types.js";
 /**
  * Stringify properties for component
  */

package/lib/components/helpers/vue/types.d.ts

@@ -0,0 +1,9 @@
+import { GeneratedAssetFile } from "../../types/component.js";
+import { FactoryIconData } from "../../types/data.js";
+import { ComponentFactoryOptions } from "../../types/options.js";
+import { FactoryComponentProps } from "../props/types.js";
+/**
+ * Add Vue component types
+ */
+declare function addVueComponentTypes(data: FactoryIconData, options: ComponentFactoryOptions, assets: GeneratedAssetFile[], props: FactoryComponentProps): string;
+export { addVueComponentTypes };

package/lib/{svg-css/factory/components → components/helpers}/vue/types.js

@@ -1,5 +1,5 @@
-import { getGeneratedComponentTypesFilename } from "../../filenames/types.js";
-import { stringifyFactoryPropTypes } from "../../props/types.js";
+import { getGeneratedComponentTypesFilename } from "../filenames/types.js";
+import { stringifyFactoryPropTypes } from "../props/ts.js";
 
 /**
 * Add Vue component types

package/lib/components/prepare/iconify.d.ts

@@ -0,0 +1,17 @@
+import { GeneratedAssetFile } from "../types/component.js";
+import { ConvertSVGContentOptions } from "../../svg-css/types.js";
+import { FactoryIconData } from "../types/data.js";
+import { GeneratedAssetPath } from "../types/options.js";
+import { IconifyIcon, IconifyJSON } from "@iconify/types";
+interface Options extends ConvertSVGContentOptions {
+  fallback?: string | boolean;
+}
+/**
+ * Convert IconifyIcon data to FactoryIconData
+ */
+declare function convertIconifyIconToFactoryContent(icon: IconifyIcon, prefix: string, name: string, options?: Options): FactoryIconData;
+/**
+ * Create metadata assets for an icon set
+ */
+declare function getIconifyIconsetMetadataAsset(iconSet: Pick<IconifyJSON, 'prefix' | 'info' | 'lastModified'>, rootPath: GeneratedAssetPath): GeneratedAssetFile[];
+export { convertIconifyIconToFactoryContent, getIconifyIconsetMetadataAsset };

package/lib/components/prepare/iconify.js

@@ -0,0 +1,38 @@
+import { convertSVGContentToCSSRules } from "../../svg-css/content.js";
+import { getGeneratedAssetFilename } from "../helpers/filenames/asset.js";
+import { normaliseIconifyIcon } from "../../iconify/icon/nornalise.js";
+
+/**
+* Convert IconifyIcon data to FactoryIconData
+*/
+function convertIconifyIconToFactoryContent(icon, prefix, name, options) {
+	const { body, viewBox } = normaliseIconifyIcon(icon);
+	const fallbackOption = options?.fallback ?? true;
+	const fallback = typeof fallbackOption === "string" ? fallbackOption : fallbackOption ? `${prefix}:${name}` : void 0;
+	return {
+		prefix,
+		name,
+		viewBox,
+		icon: convertSVGContentToCSSRules(body, options),
+		fallback
+	};
+}
+/**
+* Create metadata assets for an icon set
+*/
+function getIconifyIconsetMetadataAsset(iconSet, rootPath) {
+	const assets = [];
+	const { prefix, info, lastModified } = iconSet;
+	const metadata = {
+		prefix,
+		info,
+		lastModified
+	};
+	assets.push({
+		...getGeneratedAssetFilename("iconify.json", rootPath),
+		content: JSON.stringify(metadata, null, "	") + "\n"
+	});
+	return assets;
+}
+
+export { convertIconifyIconToFactoryContent, getIconifyIconsetMetadataAsset };

package/lib/{svg-css/factory/filenames → components/prepare}/options.js

@@ -1,4 +1,5 @@
-import { getFactoryRelativeAssetPath } from "./path.js";
+import { getGeneratedAssetFilename } from "../helpers/filenames/asset.js";
+import { getFactoryRelativeRootPath } from "../helpers/filenames/path.js";
 
 /**
 * Generate file system options
@@ -7,19 +8,16 @@ function componentFactoryFileSystemOptions(base) {
 	const doubleDirsForCSS = base.doubleDirsForCSS ?? true;
 	const prefixDirsForComponents = base.prefixDirsForComponents ?? false;
 	const doubleDirsForComponents = base.doubleDirsForComponents ?? true;
-	const chunksPath = base.chunksPath ?? getFactoryRelativeAssetPath("assets", {
-		doubleDirsForComponents,
-		prefixDirsForComponents
-	});
-	const cssPath = base.cssPath ?? getFactoryRelativeAssetPath("css", {
+	const rootPath = base.rootPath ?? getFactoryRelativeRootPath({
 		doubleDirsForComponents,
 		prefixDirsForComponents
 	});
+	const cssPath = base.cssPath ?? getGeneratedAssetFilename("css", rootPath);
 	return {
 		doubleDirsForCSS,
 		prefixDirsForComponents,
 		doubleDirsForComponents,
-		chunksPath,
+		rootPath,
 		cssPath
 	};
 }

package/lib/components/raw.d.ts

@@ -0,0 +1,8 @@
+import { FactoryGeneratedComponent } from "./types/component.js";
+import { FactoryIconData } from "./types/data.js";
+import { ComponentFactoryOptions } from "./types/options.js";
+/**
+ * Create raw component code
+ */
+declare function createRawComponent(data: FactoryIconData, options: ComponentFactoryOptions): FactoryGeneratedComponent;
+export { createRawComponent };

package/lib/{svg-css/factory/components → components}/raw.js

@@ -1,11 +1,11 @@
-import { getIconViewBox } from "../../../svg/viewbox/value.js";
-import { getComponentSizeValues } from "../content/size.js";
-import { stringifyFactoryIconContent } from "../content/stringify.js";
-import { getGeneratedComponentTypesFilename } from "../filenames/types.js";
-import { createFactoryImports } from "../imports/create.js";
-import { generateCSSFilesForComponent } from "../css/generate.js";
-import { stringifyFactoryImports } from "../imports/stringify.js";
-import { factoryPropTemplate, stringifyFactoryProps } from "../props/stringify.js";
+import { getComponentSizeValues } from "./helpers/content/size.js";
+import { stringifyFactoryIconContent } from "./helpers/content/stringify.js";
+import { getGeneratedComponentTypesFilename } from "./helpers/filenames/types.js";
+import { getIconViewBox } from "../svg/viewbox/value.js";
+import { createFactoryImports } from "./helpers/imports/create.js";
+import { generateCSSFilesForComponent } from "./helpers/css/generate.js";
+import { stringifyFactoryImports } from "./helpers/imports/stringify.js";
+import { factoryPropTemplate, stringifyFactoryProps } from "./helpers/props/stringify.js";
 
 /**
 * Create raw component code

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

@@ -0,0 +1,29 @@
+/**
+ * File generated by component factory
+ */
+interface GeneratedComponentFile {
+  filename: string;
+  content: string;
+}
+/**
+ * Asset generated by component factory
+ */
+interface GeneratedAssetFile extends GeneratedComponentFile {
+  import: string;
+}
+/**
+ * Generated component
+ */
+interface FactoryGeneratedComponent {
+  assets: GeneratedAssetFile[];
+  content: string;
+  types?: string;
+}
+/**
+ * Component data with filename
+ */
+interface FactoryComponent extends Omit<FactoryGeneratedComponent, 'ext' | 'forceExtension'> {
+  icon: string;
+  filename: string;
+}
+export { FactoryComponent, FactoryGeneratedComponent, GeneratedAssetFile, GeneratedComponentFile };

package/lib/{svg-css/factory → components}/types/data.d.ts

@@ -1,4 +1,4 @@
-import { IconViewBox } from "../../../svg/viewbox/types.js";
+import { IconViewBox } from "../../svg/viewbox/types.js";
 import { ComponentFactorySource } from "./source.js";
 /**
  * Icon data

package/lib/{svg-css/factory → components}/types/options.d.ts

@@ -1,5 +1,11 @@
-import { GeneratedAssetPath } from "./asset.js";
 import { CSSExportMode } from "./css.js";
+/**
+ * Asset path, generated from configuration
+ */
+interface GeneratedAssetPath {
+  filename: string;
+  import: string;
+}
 /**
  * File system options for component factory
  */
@@ -7,7 +13,7 @@ interface ComponentFactoryFileSystemOptions {
   doubleDirsForCSS: boolean;
   prefixDirsForComponents: boolean | string;
   doubleDirsForComponents: boolean;
-  chunksPath: GeneratedAssetPath;
+  rootPath: GeneratedAssetPath;
   cssPath: GeneratedAssetPath;
 }
 /**
@@ -23,4 +29,4 @@ interface ComponentFactoryRenderingOptions {
  * Options for component factory
  */
 interface ComponentFactoryOptions extends ComponentFactoryFileSystemOptions, ComponentFactoryRenderingOptions {}
-export { ComponentFactoryFileSystemOptions, ComponentFactoryOptions, ComponentFactoryRenderingOptions };
+export { ComponentFactoryFileSystemOptions, ComponentFactoryOptions, ComponentFactoryRenderingOptions, GeneratedAssetPath };

package/lib/{svg-css/factory → components}/types/source.d.ts

@@ -1,5 +1,5 @@
-import { CSSKeyframes, CSSRules } from "../../../css/types.js";
-import { ConvertedSVGContent } from "../../types.js";
+import { CSSKeyframes, CSSRules } from "../../css/types.js";
+import { ConvertedSVGContent } from "../../svg-css/types.js";
 /**
  * Content for component factory
  */

package/lib/components/vue-func.d.ts

@@ -0,0 +1,8 @@
+import { FactoryGeneratedComponent } from "./types/component.js";
+import { FactoryIconData } from "./types/data.js";
+import { ComponentFactoryOptions } from "./types/options.js";
+/**
+ * Create functional Vue component code
+ */
+declare function createVueFunctionalComponent(data: FactoryIconData, options: ComponentFactoryOptions): FactoryGeneratedComponent;
+export { createVueFunctionalComponent };

package/lib/{svg-css/factory/components → components}/vue-func.js

@@ -1,14 +1,14 @@
-import { makeSquareViewBox } from "../../../svg/viewbox/square.js";
-import { getIconViewBox } from "../../../svg/viewbox/value.js";
-import { getComponentSizeValues } from "../content/size.js";
-import { stringifyFactoryIconContent } from "../content/stringify.js";
-import { createFactoryImports } from "../imports/create.js";
-import { generateCSSFilesForComponent } from "../css/generate.js";
-import { stringifyFactoryImports } from "../imports/stringify.js";
-import { getUsedFactoryProps } from "../props/types.js";
-import { addVueComponentTypes } from "./vue/types.js";
-import { addSizeFunctionAsset } from "./shared/size.js";
-import { stringifyFactoryPropsAsJSON } from "../props/object.js";
+import { getComponentSizeValues } from "./helpers/content/size.js";
+import { stringifyFactoryIconContent } from "./helpers/content/stringify.js";
+import { getIconViewBox } from "../svg/viewbox/value.js";
+import { createFactoryImports } from "./helpers/imports/create.js";
+import { generateCSSFilesForComponent } from "./helpers/css/generate.js";
+import { stringifyFactoryImports } from "./helpers/imports/stringify.js";
+import { getUsedFactoryProps } from "./helpers/props/ts.js";
+import { addVueComponentTypes } from "./helpers/vue/types.js";
+import { addSizeFunctionAsset } from "./helpers/functions/size.js";
+import { stringifyFactoryPropsAsJSON } from "./helpers/props/object.js";
+import { makeSquareViewBox } from "../svg/viewbox/square.js";
 
 /**
 * Create functional Vue component code

package/lib/{svg-css/factory/components → components}/vue.d.ts

@@ -1,6 +1,6 @@
-import { FactoryIconData } from "../types/data.js";
-import { FactoryGeneratedComponent } from "../types/component.js";
-import { ComponentFactoryOptions } from "../types/options.js";
+import { FactoryGeneratedComponent } from "./types/component.js";
+import { FactoryIconData } from "./types/data.js";
+import { ComponentFactoryOptions } from "./types/options.js";
 interface VueOptions extends ComponentFactoryOptions {
   ts?: boolean;
 }

package/lib/{svg-css/factory/components → components}/vue.js

@@ -1,14 +1,14 @@
-import { makeSquareViewBox } from "../../../svg/viewbox/square.js";
-import { getIconViewBox } from "../../../svg/viewbox/value.js";
-import { getComponentSizeValues } from "../content/size.js";
-import { stringifyFactoryIconContent } from "../content/stringify.js";
-import { createFactoryImports } from "../imports/create.js";
-import { generateCSSFilesForComponent } from "../css/generate.js";
-import { stringifyFactoryImports } from "../imports/stringify.js";
-import { stringifyFactoryProps } from "../props/stringify.js";
-import { getUsedFactoryProps, stringifyFactoryPropTypes } from "../props/types.js";
-import { addVueComponentTypes } from "./vue/types.js";
-import { addSizeFunctionAsset } from "./shared/size.js";
+import { getComponentSizeValues } from "./helpers/content/size.js";
+import { stringifyFactoryIconContent } from "./helpers/content/stringify.js";
+import { getIconViewBox } from "../svg/viewbox/value.js";
+import { createFactoryImports } from "./helpers/imports/create.js";
+import { generateCSSFilesForComponent } from "./helpers/css/generate.js";
+import { stringifyFactoryImports } from "./helpers/imports/stringify.js";
+import { stringifyFactoryProps } from "./helpers/props/stringify.js";
+import { getUsedFactoryProps, stringifyFactoryPropTypes } from "./helpers/props/ts.js";
+import { addVueComponentTypes } from "./helpers/vue/types.js";
+import { addSizeFunctionAsset } from "./helpers/functions/size.js";
+import { makeSquareViewBox } from "../svg/viewbox/square.js";
 
 /**
 * Create Vue component code

package/lib/index.d.ts

@@ -1,5 +1,7 @@
 import { ClassProp, classProps, defaultClassProp } from "./classname/const.js";
 import { splitClassName, toggleClassName } from "./classname/toggle.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";
@@ -9,7 +11,6 @@ import { getUniqueHash } from "./helpers/hash/unique.js";
 import { cloneObject } from "./helpers/misc/clone.js";
 import { compareSets, compareValues } from "./helpers/misc/compare.js";
 import { sortObject } from "./helpers/misc/sort-object.js";
-import { ParsedXMLNode, ParsedXMLTagElement, ParsedXMLTextElement, StringifyXMLOptions } from "./xml/types.js";
 import { iterateXMLContent } from "./xml/iterate.js";
 import { parseXMLContent } from "./xml/parse.js";
 import { stringifyXMLContent } from "./xml/stringify.js";
@@ -19,9 +20,6 @@ import { removeDuplicateIDs } from "./svg/ids/duplicate.js";
 import { removeUnusedIDs } from "./svg/ids/unused.js";
 import { changeSVGIDs } from "./svg/ids/change.js";
 import { createUniqueIDs } from "./svg/ids/unique.js";
-import { ConvertedSVGContent, SVGConvertedToCSSProperties, SVGPropertyType } from "./svg-css/types.js";
-import { convertSVGPropertyToCSS } from "./svg-css/props/prop.js";
-import { extractSVGTagPropertiesForCSS } from "./svg-css/props/props.js";
-import { convertSVGRootToCSS } from "./svg-css/convert/root.js";
-import { convertSVGContentToCSSRules } from "./svg-css/convert/content.js";
-export { ChangeIDResult, ClassProp, ConvertedSVGContent, ParsedXMLNode, ParsedXMLTagElement, ParsedXMLTextElement, SVGConvertedToCSSProperties, SVGPropertyType, StringifyXMLOptions, UniqueHashOptions, changeIDInString, changeSVGIDs, classProps, cloneObject, compareSets, compareValues, convertSVGContentToCSSRules, convertSVGPropertyToCSS, convertSVGRootToCSS, createCSSClassName, createUniqueIDs, defaultClassProp, extractSVGTagPropertiesForCSS, getUniqueHash, hashString, hashToString, iterateXMLContent, parseXMLContent, removeDuplicateIDs, removeUnusedIDs, sortObject, splitClassName, stringifyCSSKeyframes, stringifyCSSRules, stringifyCSSSelector, stringifyXMLContent, toggleClassName };
+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 };

package/lib/index.js

@@ -16,9 +16,7 @@ import { removeDuplicateIDs } from "./svg/ids/duplicate.js";
 import { removeUnusedIDs } from "./svg/ids/unused.js";
 import { changeSVGIDs } from "./svg/ids/change.js";
 import { createUniqueIDs } from "./svg/ids/unique.js";
-import { convertSVGPropertyToCSS } from "./svg-css/props/prop.js";
-import { extractSVGTagPropertiesForCSS } from "./svg-css/props/props.js";
-import { convertSVGRootToCSS } from "./svg-css/convert/root.js";
-import { convertSVGContentToCSSRules } from "./svg-css/convert/content.js";
+import { convertSVGRootToCSS } from "./svg-css/root.js";
+import { convertSVGContentToCSSRules } from "./svg-css/content.js";
 
-export { changeIDInString, changeSVGIDs, classProps, cloneObject, compareSets, compareValues, convertSVGContentToCSSRules, convertSVGPropertyToCSS, convertSVGRootToCSS, createCSSClassName, createUniqueIDs, defaultClassProp, extractSVGTagPropertiesForCSS, 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 };

package/lib/svg-css/animations/tags.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Tags for animating one attribute in SVG
+ */
+declare const svgSimpleAnimationTags: string[];
+/**
+ * Tag for animating transformations in SVG
+ */
+declare const svgAnimateTransformTag = "animateTransform";
+/**
+ * Tag for animating motion in SVG
+ */
+declare const svgAnimateMotionTag = "animateMotion";
+/**
+ * All tags for animating SVG
+ */
+declare const svgAnimationTags: string[];
+export { svgAnimateMotionTag, svgAnimateTransformTag, svgAnimationTags, svgSimpleAnimationTags };

package/lib/svg-css/animations/tags.js

@@ -0,0 +1,26 @@
+/**
+* Tags for animating one attribute in SVG
+*/
+const svgSimpleAnimationTags = [
+	"animate",
+	"set",
+	"discard"
+];
+/**
+* Tag for animating transformations in SVG
+*/
+const svgAnimateTransformTag = "animateTransform";
+/**
+* Tag for animating motion in SVG
+*/
+const svgAnimateMotionTag = "animateMotion";
+/**
+* All tags for animating SVG
+*/
+const svgAnimationTags = [
+	...svgSimpleAnimationTags,
+	svgAnimateTransformTag,
+	svgAnimateMotionTag
+];
+
+export { svgAnimateMotionTag, svgAnimateTransformTag, svgAnimationTags, svgSimpleAnimationTags };

package/lib/svg-css/{convert/content.d.ts → content.d.ts}

@@ -1,5 +1,4 @@
-import { ConvertedSVGContent } from "../types.js";
-import { ConvertSVGContentOptions } from "./types.js";
+import { ConvertSVGContentOptions, ConvertedSVGContent } from "./types.js";
 /**
  * Convert SVG content string to SVG+CSS
  */

package/lib/svg-css/{convert/content.js → content.js}

@@ -1,5 +1,5 @@
-import { parseXMLContent } from "../../xml/parse.js";
-import { stringifyXMLContent } from "../../xml/stringify.js";
+import { parseXMLContent } from "../xml/parse.js";
+import { stringifyXMLContent } from "../xml/stringify.js";
 import { convertSVGRootToCSS } from "./root.js";
 
 /**

package/lib/svg-css/props/prop.js

@@ -1,8 +1,14 @@
+/**
+* SVG property types
+*/
 const propTypes = [
 	"path",
 	"px",
 	"raw"
 ];
+/**
+* Props shared between multiple shapes
+*/
 const commonShapes = { px: [
 	"width",
 	"height",
@@ -14,6 +20,9 @@ const commonShapes = { px: [
 	"rx",
 	"ry"
 ] };
+/**
+* Shape specific properties that can be converted to CSS
+*/
 const props = {
 	"*": {
 		px: ["stroke-width"],

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

@@ -1,5 +1,5 @@
 import { ParsedXMLTagElement } from "../../xml/types.js";
-import { SVGConvertedToCSSProperties } from "../types.js";
+import { SVGConvertedToCSSProperties } from "./types.js";
 /**
  * Extract SVG tag properties that can be converted to CSS
  *

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

@@ -1,11 +1,7 @@
 import { iterateXMLContent } from "../../xml/iterate.js";
 import { convertSVGPropertyToCSS } from "./prop.js";
+import { svgAnimateTransformTag, svgSimpleAnimationTags } from "../animations/tags.js";
 
-const animationTags = [
-	"animate",
-	"set",
-	"discard"
-];
 /**
 * Extract SVG tag properties that can be converted to CSS
 *
@@ -19,11 +15,11 @@ function extractSVGTagPropertiesForCSS(tag) {
 	const animatedProps = /* @__PURE__ */ new Set();
 	iterateXMLContent(tag.children, (node) => {
 		if (node.type === "tag") {
-			if (animationTags.includes(node.tag)) {
+			if (svgSimpleAnimationTags.includes(node.tag)) {
 				const prop = node.attribs.attributeName;
 				if (typeof prop === "string") animatedProps.add(prop);
 			}
-			if (node.tag === "animateTransform") animatedProps.add("transform");
+			if (node.tag === svgAnimateTransformTag) animatedProps.add("transform");
 		}
 	});
 	for (const prop in tag.attribs) if (!animatedProps.has(prop)) {

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

@@ -0,0 +1,9 @@
+import { CSSRules } from "../../css/types.js";
+/**
+ * Result of converting SVG properties to CSS
+ */
+interface SVGConvertedToCSSProperties {
+  props: string[];
+  rules: CSSRules;
+}
+export { SVGConvertedToCSSProperties };

package/lib/svg-css/{convert/root.d.ts → root.d.ts}

@@ -1,5 +1,5 @@
-import { CSSRules } from "../../css/types.js";
-import { ParsedXMLTagElement } from "../../xml/types.js";
+import { CSSRules } from "../css/types.js";
+import { ParsedXMLTagElement } from "../xml/types.js";
 /**
  * Convert SVG tags tree to SVG+CSS
  *

package/lib/svg-css/{convert/root.js → root.js}

@@ -1,7 +1,7 @@
-import { iterateXMLContent } from "../../xml/iterate.js";
-import { createCSSClassName } from "../../css/hash.js";
-import { toggleClassName } from "../../classname/toggle.js";
-import { extractSVGTagPropertiesForCSS } from "../props/props.js";
+import { iterateXMLContent } from "../xml/iterate.js";
+import { createCSSClassName } from "../css/hash.js";
+import { toggleClassName } from "../classname/toggle.js";
+import { extractSVGTagPropertiesForCSS } from "./props/props.js";
 
 /**
 * Convert SVG tags tree to SVG+CSS

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

@@ -1,14 +1,10 @@
 import { CSSKeyframes, CSSRules } from "../css/types.js";
+import { StringifyXMLOptions } from "../xml/types.js";
 /**
- * SVG property types
+ * Options for converting SVG content to SVG+CSS
  */
-type SVGPropertyType = 'path' | 'px' | 'raw';
-/**
- * Result of converting SVG properties to CSS
- */
-interface SVGConvertedToCSSProperties {
-  props: string[];
-  rules: CSSRules;
+interface ConvertSVGContentOptions extends StringifyXMLOptions {
+  classNamePrefix?: string;
 }
 /**
  * Result of converting SVG content to SVG+CSS
@@ -18,4 +14,4 @@ interface ConvertedSVGContent {
   classes?: Record<string, CSSRules>;
   keyframes?: Record<string, CSSKeyframes>;
 }
-export { ConvertedSVGContent, SVGConvertedToCSSProperties, SVGPropertyType };
+export { ConvertSVGContentOptions, ConvertedSVGContent };

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

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

@@ -1,5 +0,0 @@
-import { StringifyXMLOptions } from "../../xml/types.js";
-interface ConvertSVGContentOptions extends StringifyXMLOptions {
-  classNamePrefix?: string;
-}
-export { ConvertSVGContentOptions };

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

@@ -1,11 +0,0 @@
-import { ConvertSVGContentOptions } from "../../convert/types.js";
-import { FactoryIconData } from "../types/data.js";
-import { IconifyIcon } from "@iconify/types";
-interface Options extends ConvertSVGContentOptions {
-  fallback?: string | boolean;
-}
-/**
- * Convert IconifyIcon data to FactoryIconData
- */
-declare function convertIconifyIconToFactoryContent(icon: IconifyIcon, prefix: string, name: string, options?: Options): FactoryIconData;
-export { convertIconifyIconToFactoryContent };

package/lib/svg-css/factory/code/iconify.js

@@ -1,20 +0,0 @@
-import { convertSVGContentToCSSRules } from "../../convert/content.js";
-import { normaliseIconifyIcon } from "../../../iconify/icon/nornalise.js";
-
-/**
-* Convert IconifyIcon data to FactoryIconData
-*/
-function convertIconifyIconToFactoryContent(icon, prefix, name, options) {
-	const { body, viewBox } = normaliseIconifyIcon(icon);
-	const fallbackOption = options?.fallback ?? true;
-	const fallback = typeof fallbackOption === "string" ? fallbackOption : fallbackOption ? `${prefix}:${name}` : void 0;
-	return {
-		prefix,
-		name,
-		viewBox,
-		icon: convertSVGContentToCSSRules(body, options),
-		fallback
-	};
-}
-
-export { convertIconifyIconToFactoryContent };

package/lib/svg-css/factory/code/template.d.ts

@@ -1,6 +0,0 @@
-import { FactoryComponentTemplate } from "../types/component.js";
-/**
- * Create empty code object
- */
-declare function createFactoryCodeTemplate(): FactoryComponentTemplate;
-export { createFactoryCodeTemplate };

package/lib/svg-css/factory/code/template.js

@@ -1,15 +0,0 @@
-/**
-* Create empty code object
-*/
-function createFactoryCodeTemplate() {
-	return {
-		tag: "",
-		hardcoded: Object.create(null),
-		vars: Object.create(null),
-		spread: [],
-		propTypes: Object.create(null),
-		optionalProps: []
-	};
-}
-
-export { createFactoryCodeTemplate };

package/lib/svg-css/factory/components/raw.d.ts

@@ -1,8 +0,0 @@
-import { FactoryIconData } from "../types/data.js";
-import { FactoryGeneratedComponent } from "../types/component.js";
-import { ComponentFactoryOptions } from "../types/options.js";
-/**
- * Create raw component code
- */
-declare function createRawComponent(data: FactoryIconData, options: ComponentFactoryOptions): FactoryGeneratedComponent;
-export { createRawComponent };

package/lib/svg-css/factory/components/vue-func.d.ts

@@ -1,8 +0,0 @@
-import { FactoryIconData } from "../types/data.js";
-import { FactoryGeneratedComponent } from "../types/component.js";
-import { ComponentFactoryOptions } from "../types/options.js";
-/**
- * Create functional Vue component code
- */
-declare function createVueFunctionalComponent(data: FactoryIconData, options: ComponentFactoryOptions): FactoryGeneratedComponent;
-export { createVueFunctionalComponent };

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

@@ -1,11 +0,0 @@
-import { GeneratedAssetPath } from "../types/asset.js";
-import { ComponentFactoryFileSystemOptions } from "../types/options.js";
-/**
- * Generate asset filename based on options
- *
- * @param filename - Filename without path
- * @param options - Options to generate path
- * @returns Asset path
- */
-declare function getGeneratedAssetFilename(filename: string, options: Pick<ComponentFactoryFileSystemOptions, 'chunksPath'>): GeneratedAssetPath;
-export { getGeneratedAssetFilename };

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

@@ -1,16 +0,0 @@
-/**
-* Generate asset filename based on options
-*
-* @param filename - Filename without path
-* @param options - Options to generate path
-* @returns Asset path
-*/
-function getGeneratedAssetFilename(filename, options) {
-	const { chunksPath } = options;
-	return {
-		import: `${chunksPath.import}/${filename}`,
-		filename: `${chunksPath.filename}/${filename}`
-	};
-}
-
-export { getGeneratedAssetFilename };

package/lib/svg-css/factory/filenames/path.d.ts

@@ -1,11 +0,0 @@
-import { GeneratedAssetPath } from "../types/asset.js";
-import { ComponentFactoryFileSystemOptions } from "../types/options.js";
-/**
- * Get relative path to asset from component
- *
- * @param path Path to asset, without trailing slash
- * @param options Factory options
- * @returns Asset path
- */
-declare function getFactoryRelativeAssetPath(path: string, options: Pick<ComponentFactoryFileSystemOptions, 'doubleDirsForComponents' | 'prefixDirsForComponents'>): GeneratedAssetPath;
-export { getFactoryRelativeAssetPath };

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

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

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

@@ -1,39 +0,0 @@
-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;
-  types?: 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/file.d.ts

@@ -1,14 +0,0 @@
-/**
- * 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/props.js

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