@cyberalien/svg-utils 0.0.17 → 0.1.0

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,25 @@
+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);
+	assets.push({
+		...getGeneratedComponentTypesFilename(data, options),
+		content: `import { DefineSetupFnComponent, PublicProps } from 'vue';
+
+interface IconProps {
+${propTypes}
+}
+
+declare const Component: DefineSetupFnComponent<IconProps, {}, {}, IconProps & {}, PublicProps>;
+
+export { type IconProps };
+export default Component;
+`
+	});
+}
+
+export { addVueComponentTypes };

package/lib/svg-css/factory/components/vue.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 Vue component code
+ */
+declare function createVueComponent(data: FactoryIconData, options: ComponentFactoryOptions): FactoryGeneratedComponent;
+export { createVueComponent };

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

@@ -0,0 +1,103 @@
+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 { addVueComponentTypes } from "./vue/types.js";
+import { addSizeFunctionAsset } from "./shared/size.js";
+import { stringifyFactoryPropsAsJSON } from "../props/object.js";
+
+/**
+* Create Vue component code
+*/
+function createVueComponent(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 usedProps = [];
+	const viewBox = data.viewBox;
+	const isDynanicViewBox = !sizeProps && options.square && viewBox.width !== viewBox.height;
+	if (sizeProps) {
+		props.width = sizeProps.width;
+		props.height = sizeProps.height;
+	} else {
+		usedProps.push("width", "height");
+		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) {
+		usedProps.push("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;
+	addVueComponentTypes(data, options, assets, props);
+	componentCode.push(`return () => h(${hasFallback ? "Icon" : "'svg'"}, { 
+			${stringifyFactoryPropsAsJSON(props, "\n			")}
+		});`);
+	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
+	};
+}
+
+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,10 @@
+import { FactoryComponent } from "../types/component.js";
+interface Options {
+  ext?: string;
+  data?: Record<string, string>;
+}
+/**
+ * Add exports for main files to object
+ */
+declare function createExportsForMainFiles(data: FactoryComponent[], options?: Options): Record<string, string>;
+export { createExportsForMainFiles };

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

@@ -0,0 +1,11 @@
+/**
+* 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 } of data) result[`./${icon}${ext}`] = `./${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,14 @@
+/**
+* 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;
+	return (options.prefixDirsForComponents ? `${prefix}/` : "") + (options.doubleDirsForComponents ? `${name.slice(0, 1).toLowerCase()}/` : "") + name + componentExtension;
+}
+
+export { getGeneratedComponentFilename };

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

@@ -0,0 +1,7 @@
+import { GeneratedAssetPath } from "../types/asset.js";
+import { ComponentFactoryOptions } from "../types/options.js";
+/**
+ * Generate CSS filename based on options
+ */
+declare function getGeneratedCSSFilename(name: string, options: Pick<ComponentFactoryOptions, 'cssMode' | 'cssPath' | 'doubleDirsForCSS'>): GeneratedAssetPath;
+export { getGeneratedCSSFilename };

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

@@ -0,0 +1,14 @@
+/**
+* Generate CSS filename based on options
+*/
+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}`
+	};
+}
+
+export { getGeneratedCSSFilename };

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

@@ -0,0 +1,6 @@
+import { ComponentFactoryFileSystemOptions } from "../types/options.js";
+/**
+ * Generate file system options
+ */
+declare function componentFactoryFileSystemOptions(base: Partial<ComponentFactoryFileSystemOptions>): ComponentFactoryFileSystemOptions;
+export { componentFactoryFileSystemOptions };

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

@@ -0,0 +1,27 @@
+import { getFactoryRelativeAssetPath } from "./path.js";
+
+/**
+* Generate file system options
+*/
+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", {
+		doubleDirsForComponents,
+		prefixDirsForComponents
+	});
+	return {
+		doubleDirsForCSS,
+		prefixDirsForComponents,
+		doubleDirsForComponents,
+		chunksPath,
+		cssPath
+	};
+}
+
+export { componentFactoryFileSystemOptions };

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

@@ -0,0 +1,11 @@
+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/filenames/path.js

@@ -0,0 +1,15 @@
+/**
+* Get relative path to asset from component
+*
+* @param path Path to asset, without trailing slash
+* @param options Factory options
+* @returns Asset path
+*/
+function getFactoryRelativeAssetPath(path, options) {
+	return {
+		import: `../${options.prefixDirsForComponents ? "../" : ""}${options.doubleDirsForComponents ? "../" : ""}${path}`,
+		filename: path
+	};
+}
+
+export { getFactoryRelativeAssetPath };

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

@@ -0,0 +1,8 @@
+import { FactoryIconData } from "../types/data.js";
+import { GeneratedAssetPath } from "../types/asset.js";
+import { ComponentFactoryFileSystemOptions } from "../types/options.js";
+/**
+ * Generate component types filename based on options
+ */
+declare function getGeneratedComponentTypesFilename(icon: Pick<FactoryIconData, 'name' | 'prefix'>, options: Pick<ComponentFactoryFileSystemOptions, 'doubleDirsForComponents' | 'prefixDirsForComponents'>): GeneratedAssetPath;
+export { getGeneratedComponentTypesFilename };