@cyberalien/svg-utils 0.0.17 → 0.1.1

package/lib/svg-css/factory/components/raw.js

@@ -0,0 +1,41 @@
+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";
+
+/**
+* Create raw component code
+*/
+function createRawComponent(data, options) {
+	const assets = [];
+	const imports = createFactoryImports();
+	const codeLines = [];
+	generateCSSFilesForComponent(data.icon, imports, assets, options);
+	const props = {
+		xmlns: "http://www.w3.org/2000/svg",
+		...getComponentSizeValues(options, data.viewBox),
+		viewBox: getIconViewBox(data.viewBox)
+	};
+	const icon = {
+		...data.icon,
+		content: `<svg ${stringifyFactoryProps(props, factoryPropTemplate)}>${data.icon.content}</svg>`
+	};
+	codeLines.push(`const icon = ${stringifyFactoryIconContent(icon, options)};\n`);
+	codeLines.push("export default icon;\n");
+	const importsCode = stringifyFactoryImports(imports);
+	if (importsCode) codeLines.unshift(importsCode);
+	assets.push({
+		...getGeneratedComponentTypesFilename(data, options),
+		content: `const icon: string;\nexport default icon;\n`
+	});
+	return {
+		assets,
+		content: codeLines.join("\n")
+	};
+}
+
+export { createRawComponent };

package/lib/svg-css/factory/components/shared/size.js

@@ -0,0 +1,79 @@
+import { getGeneratedAssetFilename } from "../../filenames/asset.js";
+
+const functionName = "getSizeProps";
+const functionContent = `
+const unitsSplit = /(-?[0-9.]*[0-9]+[0-9.]*)/g;
+const unitsTest = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+
+const precision = 100;
+
+function calculateSize(size, ratio) {
+    if (ratio === 1) {
+        return value;
+    }
+
+    const oldParts = size.split(unitsSplit);
+	if (oldParts === null || !oldParts.length) {
+		return size;
+	}
+
+    const newParts = [];
+	let code = oldParts.shift();
+	let isNumber = unitsTest.test(code);
+
+	while (true) {
+		if (isNumber) {
+			const num = parseFloat(code);
+			if (isNaN(num)) {
+				newParts.push(code);
+			} else {
+				newParts.push(Math.ceil(num * ratio * precision) / precision);
+			}
+		} else {
+			newParts.push(code);
+		}
+
+		code = oldParts.shift();
+		if (code === undefined) {
+			return newParts.join('');
+		}
+
+		isNumber = !isNumber;
+	}
+}
+
+function ${functionName}(width, height, ratio) {
+    if (width && height) {
+        return { width, height };
+    }
+    if (height) {
+        return {
+            width: calculateSize(height, ratio),
+            height,
+        };
+    }
+    if (width) {
+        return {
+            width,
+            height: calculateSize(width, 1 / ratio),
+        };
+    }
+    return {};
+}
+
+export { ${functionName} };
+`;
+/**
+* Adds getSizeProps() function to assets
+*/
+function addSizeFunctionAsset(imports, assets, options) {
+	const filename = getGeneratedAssetFilename("size.js", options);
+	imports.named[filename.import] = new Set([functionName]);
+	assets.push({
+		...filename,
+		content: functionContent
+	});
+	return functionName;
+}
+
+export { addSizeFunctionAsset };

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

@@ -0,0 +1,27 @@
+import { getGeneratedComponentTypesFilename } from "../../filenames/types.js";
+import { stringifyFactoryPropTypes } from "../../props/types.js";
+
+/**
+* Add Vue component types
+*/
+function addVueComponentTypes(data, options, assets, props) {
+	const propTypes = stringifyFactoryPropTypes(props);
+	const filename = getGeneratedComponentTypesFilename(data, options);
+	assets.push({
+		...filename,
+		content: `import { DefineSetupFnComponent, PublicProps } from 'vue';
+
+interface IconProps {
+${propTypes}
+}
+
+declare const Component: DefineSetupFnComponent<IconProps, {}, {}, IconProps & {}, PublicProps>;
+
+export { type IconProps };
+export default Component;
+`
+	});
+	return filename.filename;
+}
+
+export { addVueComponentTypes };

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

@@ -0,0 +1,8 @@
+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/components/vue-func.js

@@ -0,0 +1,99 @@
+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";
+
+/**
+* Create functional Vue component code
+*/
+function createVueFunctionalComponent(data, options) {
+	const assets = [];
+	const imports = createFactoryImports();
+	const hasFallback = !!data.fallback;
+	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 componentCode = [];
+	const sizeProps = getComponentSizeValues(options, data.viewBox);
+	const props = {};
+	if (!hasFallback) props.xmlns = "http://www.w3.org/2000/svg";
+	const viewBox = data.viewBox;
+	const isDynanicViewBox = !sizeProps && options.square && viewBox.width !== viewBox.height;
+	if (sizeProps) {
+		props.width = sizeProps.width;
+		props.height = sizeProps.height;
+	} else if (hasFallback) {
+		props.width = {
+			type: "string",
+			value: "width",
+			template: "width: props.width,"
+		};
+		props.height = {
+			type: "string",
+			value: "height",
+			template: "height: props.height,"
+		};
+	} else {
+		const getSizeProps = addSizeFunctionAsset(imports, assets, options);
+		componentCode.push(`const size = computed(() => ${getSizeProps}(props.width, props.height, viewBox${isDynanicViewBox ? ".value" : ""}));`);
+		vueNamedImports.add("computed");
+		props.width = {
+			type: "string",
+			value: "width",
+			template: "...size.value,"
+		};
+		props.height = {
+			type: "string",
+			value: "height",
+			template: ""
+		};
+	}
+	if (options.square) props.square = { type: "boolean" };
+	const getViewBox = (viewBox$1) => hasFallback ? JSON.stringify(viewBox$1) : `'${getIconViewBox(viewBox$1)}'`;
+	const viewBoxValue = getViewBox(viewBox);
+	if (isDynanicViewBox) {
+		componentCode.unshift(`const baseViewBox = ${viewBoxValue};`, `const squareViewBox = ${getViewBox(makeSquareViewBox(viewBox))};`, `const viewBox = computed(() => props.square ? squareViewBox : baseViewBox);`);
+		props.viewBox = {
+			value: "viewBox",
+			template: "viewBox: viewBox.value,"
+		};
+	} else {
+		componentCode.unshift(`const viewBox = ${viewBoxValue};`);
+		props.viewBox = {
+			value: "viewBox",
+			template: "viewBox,"
+		};
+	}
+	props[hasFallback ? "content" : "innerHTML"] = { value: stringifyFactoryIconContent(data.icon, options) };
+	if (data.fallback) props.fallback = data.fallback;
+	const types = addVueComponentTypes(data, options, assets, props);
+	componentCode.push(`return () => h(${hasFallback ? "Icon" : "'svg'"}, { 
+			${stringifyFactoryPropsAsJSON(props, "\n			")}
+		});`);
+	const usedProps = getUsedFactoryProps(props);
+	const componentFunction = `const Component = defineComponent(
+	(${usedProps.length ? "props" : ""}) => {
+		${componentCode.join("\n		")}
+	},
+	{
+		props: ${JSON.stringify(usedProps)}
+	}
+);
+`;
+	const content = `${stringifyFactoryImports(imports)}\n${componentFunction}\nexport default Component;\n`;
+	return {
+		assets,
+		content,
+		types
+	};
+}
+
+export { createVueFunctionalComponent };

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

@@ -0,0 +1,11 @@
+import { FactoryIconData } from "../types/data.js";
+import { FactoryGeneratedComponent } from "../types/component.js";
+import { ComponentFactoryOptions } from "../types/options.js";
+interface VueOptions extends ComponentFactoryOptions {
+  ts?: boolean;
+}
+/**
+ * Create Vue component code
+ */
+declare function createVueComponent(data: FactoryIconData, options: VueOptions): FactoryGeneratedComponent;
+export { createVueComponent };

package/lib/svg-css/factory/components/vue.js

@@ -0,0 +1,96 @@
+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";
+
+/**
+* Create Vue component code
+*/
+function createVueComponent(data, options) {
+	const useTS = options.ts ?? 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;
+	generateCSSFilesForComponent(data.icon, imports, assets, options);
+	const componentCode = [];
+	const sizeProps = getComponentSizeValues(options, data.viewBox);
+	const props = {};
+	if (!hasFallback) props.xmlns = "http://www.w3.org/2000/svg";
+	const viewBox = data.viewBox;
+	const isDynanicViewBox = !sizeProps && options.square && viewBox.width !== viewBox.height;
+	if (sizeProps) {
+		props.width = sizeProps.width;
+		props.height = sizeProps.height;
+	} else if (hasFallback) {
+		props.width = {
+			type: "string",
+			value: "width",
+			template: ":width"
+		};
+		props.height = {
+			type: "string",
+			value: "height",
+			template: ":height"
+		};
+	} else {
+		const getSizeProps = addSizeFunctionAsset(imports, assets, options);
+		componentCode.push(`const size = computed(() => ${getSizeProps}(props.width, props.height, viewBox${isDynanicViewBox ? ".value" : ""}));`);
+		vueNamedImports.add("computed");
+		props.width = {
+			type: "string",
+			value: "width",
+			template: "v-bind=\"size\""
+		};
+		props.height = {
+			type: "string",
+			value: "height",
+			template: ""
+		};
+	}
+	if (options.square) props.square = { type: "boolean" };
+	const getViewBox = (viewBox$1) => hasFallback ? JSON.stringify(viewBox$1) : `'${getIconViewBox(viewBox$1)}'`;
+	const viewBoxValue = getViewBox(viewBox);
+	if (isDynanicViewBox) componentCode.unshift(`const baseViewBox = ${viewBoxValue};`, `const squareViewBox = ${getViewBox(makeSquareViewBox(viewBox))};`, `const viewBox = computed(() => props.square ? squareViewBox : baseViewBox);`);
+	else componentCode.unshift(`const viewBox = ${viewBoxValue};`);
+	props.viewBox = {
+		value: "viewBox",
+		template: ":viewBox=\"viewBox\""
+	};
+	componentCode.push(`const content = ${stringifyFactoryIconContent(data.icon, options)};`);
+	props.content = {
+		value: "content",
+		template: hasFallback ? `:content fallback="${data.fallback}"` : "v-html=\"content\""
+	};
+	const usedProps = getUsedFactoryProps(props);
+	if (usedProps.length) {
+		const tsCode = useTS ? `<{
+${stringifyFactoryPropTypes(props)}
+}>` : "";
+		componentCode.unshift(`const props = defineProps${tsCode}(${JSON.stringify(usedProps)});\n`);
+	}
+	const template = `<template><${hasFallback ? "Icon" : "svg"} ${stringifyFactoryProps(props, ":{prop}=\"{value}\"")} /></template>`;
+	const content = `<script setup${useTS ? " lang=\"ts\"" : ""}>
+${stringifyFactoryImports(imports)}
+${componentCode.join("\n")}
+<\/script>
+${template}
+`;
+	const types = addVueComponentTypes(data, options, assets, props);
+	return {
+		assets,
+		content,
+		types
+	};
+}
+
+export { createVueComponent };

package/lib/svg-css/factory/content/size.d.ts

@@ -0,0 +1,11 @@
+import { IconViewBox } from "../../../svg/viewbox/types.js";
+import { ComponentFactoryRenderingOptions } from "../types/options.js";
+interface SizeResult {
+  width: string;
+  height: string;
+}
+/**
+ * Get size values for component
+ */
+declare function getComponentSizeValues(options: Pick<ComponentFactoryRenderingOptions, 'width' | 'height' | 'square'>, viewBox: IconViewBox): SizeResult | undefined;
+export { getComponentSizeValues };

package/lib/svg-css/factory/content/size.js

@@ -0,0 +1,22 @@
+import { calculateSize } from "../../../svg/props/size.js";
+
+/**
+* Get size values for component
+*/
+function getComponentSizeValues(options, viewBox) {
+	const { width, height, square } = options;
+	if (width && height) return {
+		width,
+		height
+	};
+	if (height) return {
+		width: square ? height : calculateSize(height, viewBox.width / viewBox.height),
+		height
+	};
+	if (width) return {
+		width,
+		height: square ? width : calculateSize(width, viewBox.height / viewBox.width)
+	};
+}
+
+export { getComponentSizeValues };

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

@@ -0,0 +1,7 @@
+import { ComponentFactorySource } from "../types/source.js";
+import { ComponentFactoryRenderingOptions } from "../types/options.js";
+/**
+ * Convert icon content to a string literal
+ */
+declare function stringifyFactoryIconContent(icon: ComponentFactorySource, options: Pick<ComponentFactoryRenderingOptions, 'cssMode'>): string;
+export { stringifyFactoryIconContent };

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

@@ -0,0 +1,17 @@
+import { generateCSSDefaultImportName } from "../css/name.js";
+
+/**
+* Convert icon content to a string literal
+*/
+function stringifyFactoryIconContent(icon, options) {
+	const { cssMode } = options;
+	let 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\${${generateCSSDefaultImportName(className)}['${className}']}$3`);
+			return content;
+	}
+}
+
+export { stringifyFactoryIconContent };

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

@@ -0,0 +1,11 @@
+import { ComponentFactorySource } from "../types/source.js";
+import { GeneratedAssetFile } from "../types/file.js";
+import { FactoryComponentImports } from "../types/component.js";
+import { ComponentFactoryOptions } from "../types/options.js";
+/**
+ * Generate CSS files for component
+ *
+ * Adds imports to imports object, adds assets
+ */
+declare function generateCSSFilesForComponent(content: ComponentFactorySource, imports: FactoryComponentImports, assets: GeneratedAssetFile[], options: Pick<ComponentFactoryOptions, 'cssMode' | 'cssPath' | 'doubleDirsForCSS'>): void;
+export { generateCSSFilesForComponent };

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

@@ -0,0 +1,45 @@
+import { stringifyCSSKeyframes, stringifyCSSSelector } from "../../../css/stringify.js";
+import { generateCSSDefaultImportName } from "./name.js";
+import { getGeneratedCSSFilename } from "../filenames/css.js";
+
+/**
+* Generate CSS files for component
+*
+* Adds imports to imports object, adds assets
+*/
+function generateCSSFilesForComponent(content, imports, assets, options) {
+	const { classes, keyframes } = content;
+	if (!classes) return;
+	const isModule = options.cssMode === "module";
+	const embedAnimations = isModule;
+	for (const className in classes) {
+		const baseContent = stringifyCSSSelector(`.${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));
+			}
+		}
+		const filename = getGeneratedCSSFilename(className, options);
+		assets.push({
+			...filename,
+			content: content$1
+		});
+		if (isModule) imports.modules[filename.import] = generateCSSDefaultImportName(className);
+		else imports.css.add(filename.import);
+	}
+	if (!embedAnimations && keyframes) for (const animationName in keyframes) {
+		const value = keyframes[animationName];
+		const content$1 = typeof value === "string" ? value : stringifyCSSKeyframes(animationName, value);
+		const filename = getGeneratedCSSFilename(animationName, options);
+		assets.push({
+			...filename,
+			content: content$1
+		});
+		if (isModule) imports.modules[filename.import] = generateCSSDefaultImportName(animationName);
+		else imports.css.add(filename.import);
+	}
+}
+
+export { generateCSSFilesForComponent };

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

@@ -0,0 +1,7 @@
+/**
+ * Generate import name for CSS module
+ *
+ * Should be cleaned up because dashes are not allowed
+ */
+declare function generateCSSDefaultImportName(className: string): string;
+export { generateCSSDefaultImportName };

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

@@ -0,0 +1,12 @@
+import { camelize } from "../../../helpers/misc/strings.js";
+
+/**
+* Generate import name for CSS module
+*
+* Should be cleaned up because dashes are not allowed
+*/
+function generateCSSDefaultImportName(className) {
+	return camelize("css-" + className);
+}
+
+export { generateCSSDefaultImportName };

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

@@ -0,0 +1,11 @@
+import { FactoryComponent } from "../types/component.js";
+type Types = string | Record<string, string>;
+interface Options {
+  ext?: string;
+  data?: Record<string, Types>;
+}
+/**
+ * Add exports for main files to object
+ */
+declare function createExportsForMainFiles(data: FactoryComponent[], options?: Options): Record<string, Types>;
+export { createExportsForMainFiles };

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

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

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

@@ -0,0 +1,6 @@
+import { FactoryComponent, FactoryGeneratedComponent } from "../types/component.js";
+/**
+ * Add icon and filename to generated component
+ */
+declare function convertGeneratedComponentToFile(icon: string, filename: string, item: FactoryGeneratedComponent): FactoryComponent;
+export { convertGeneratedComponentToFile };

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

@@ -0,0 +1,12 @@
+/**
+* Add icon and filename to generated component
+*/
+function convertGeneratedComponentToFile(icon, filename, item) {
+	return {
+		icon,
+		filename,
+		...item
+	};
+}
+
+export { convertGeneratedComponentToFile };

package/lib/svg-css/factory/export/fs.d.ts

@@ -1,6 +1,6 @@
-import { ExportedComponentFile } from "../types.js";
+import { GeneratedComponentFile } from "../types/file.js";
 /**
  * Save exported files to filesystem
  */
-declare function saveExportedFilesToFS(files: ExportedComponentFile[], dir: string): Promise<number>;
+declare function saveExportedFilesToFS(files: GeneratedComponentFile[], dir: string): Promise<number>;
 export { saveExportedFilesToFS };

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

@@ -0,0 +1,7 @@
+import { GeneratedComponentFile } from "../types/file.js";
+import { FactoryComponent } from "../types/component.js";
+/**
+ * Merge exported component files into single array
+ */
+declare function mergeExportedComponentFiles(items: FactoryComponent[], files?: GeneratedComponentFile[]): GeneratedComponentFile[];
+export { mergeExportedComponentFiles };

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

@@ -0,0 +1,23 @@
+/**
+* Merge exported component files into single array
+*/
+function mergeExportedComponentFiles(items, files) {
+	const added = new Set(files?.map((item) => item.filename));
+	files = files ?? [];
+	const add = ({ filename, content }) => {
+		if (!added.has(filename)) {
+			added.add(filename);
+			files.push({
+				filename,
+				content
+			});
+		}
+	};
+	for (const item of items) {
+		for (const asset of item.assets) add(asset);
+		add(item);
+	}
+	return files;
+}
+
+export { mergeExportedComponentFiles };

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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,16 @@
+/**
+* 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/component.d.ts

@@ -0,0 +1,12 @@
+import { FactoryIconData } from "../types/data.js";
+import { ComponentFactoryFileSystemOptions } from "../types/options.js";
+/**
+ * Generate component filename based on options
+ *
+ * @param icon Icon data (name and prefix)
+ * @param componentExtension Component file extension (e.g. '.tsx')
+ * @param options Factory options
+ * @returns Generated filename
+ */
+declare function getGeneratedComponentFilename(icon: Pick<FactoryIconData, 'name' | 'prefix'>, componentExtension: string, options: Pick<ComponentFactoryFileSystemOptions, 'doubleDirsForComponents' | 'prefixDirsForComponents'>): string;
+export { getGeneratedComponentFilename };

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

@@ -0,0 +1,15 @@
+/**
+* Generate component filename based on options
+*
+* @param icon Icon data (name and prefix)
+* @param componentExtension Component file extension (e.g. '.tsx')
+* @param options Factory options
+* @returns Generated filename
+*/
+function getGeneratedComponentFilename(icon, componentExtension, options) {
+	const { name, prefix } = icon;
+	const { prefixDirsForComponents } = options;
+	return (prefixDirsForComponents ? `${typeof prefixDirsForComponents === "string" ? prefixDirsForComponents : prefix}/` : "") + (options.doubleDirsForComponents ? `${name.slice(0, 1).toLowerCase()}/` : "") + name + componentExtension;
+}
+
+export { getGeneratedComponentFilename };