@cyberalien/svg-utils 1.0.5 → 1.0.7

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

@@ -1,4 +1,5 @@
 import { GeneratedAssetPath } from "../../types/options.js";
+declare const defaultHelpersDirectory = "helpers";
 /**
  * Generate asset filename based on options
  *
@@ -7,4 +8,4 @@ import { GeneratedAssetPath } from "../../types/options.js";
  * @returns Asset path
  */
 declare function getGeneratedAssetFilename(filename: string, rootPath: GeneratedAssetPath): GeneratedAssetPath;
-export { getGeneratedAssetFilename };
+export { defaultHelpersDirectory, getGeneratedAssetFilename };

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

@@ -1,3 +1,4 @@
+const defaultHelpersDirectory = "helpers";
 /**
 * Generate asset filename based on options
 *
@@ -13,4 +14,4 @@ function getGeneratedAssetFilename(filename, rootPath) {
 	};
 }
 
-export { getGeneratedAssetFilename };
+export { defaultHelpersDirectory, getGeneratedAssetFilename };

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

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

package/lib/components/helpers/functions/size.js

@@ -1,4 +1,4 @@
-import { getGeneratedAssetFilename } from "../filenames/asset.js";
+import { defaultHelpersDirectory, getGeneratedAssetFilename } from "../filenames/asset.js";
 
 const functionName = "getSizeProps";
 const functionContent = `
@@ -9,7 +9,7 @@ const precision = 100;
 
 function calculateSize(size, ratio) {
     if (ratio === 1) {
-        return value;
+        return size;
     }
 
     const oldParts = size.split(unitsSplit);
@@ -67,7 +67,7 @@ export { ${functionName} };
 * Adds getSizeProps() function to assets
 */
 function addSizeFunctionAsset(imports, assets, options) {
-	const filename = getGeneratedAssetFilename("helpers/size.js", options.rootPath);
+	const filename = getGeneratedAssetFilename(`${options.helpersDirectory ?? defaultHelpersDirectory}/size.js`, options.rootPath);
 	imports.named[filename.import] = new Set([functionName]);
 	assets.push({
 		...filename,

package/lib/components/svelte.js

@@ -19,8 +19,12 @@ function createSvelteComponent(data, options) {
 	const useTS = options.ts ?? false;
 	const assets = [];
 	const imports = createFactoryImports();
+	const dependencies = /* @__PURE__ */ new Set();
 	const hasFallback = !!data.fallback;
-	if (hasFallback) imports.default["@iconify/css-svelte"] = "Icon";
+	if (hasFallback) {
+		imports.default["@iconify/css-svelte"] = "Icon";
+		dependencies.add("@iconify/css-svelte");
+	}
 	const styleContent = generateCSSFilesForComponent(data.icon, imports, assets, {
 		...options,
 		componentType: "svelte"
@@ -99,7 +103,8 @@ ${template}
 		assets,
 		content,
 		style,
-		types
+		types,
+		dependencies: dependencies.size ? dependencies : void 0
 	};
 }
 

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

@@ -19,6 +19,7 @@ interface FactoryGeneratedComponent {
   content: string;
   style?: string;
   types?: string;
+  dependencies?: Set<string>;
 }
 /**
  * Component data with filename

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

@@ -15,6 +15,7 @@ interface ComponentFactoryFileSystemOptions {
   doubleDirsForComponents: boolean;
   rootPath: GeneratedAssetPath;
   cssPath: GeneratedAssetPath;
+  helpersDirectory?: string;
   sharedTypes?: boolean;
 }
 /**

package/lib/components/vue-func.js

@@ -18,8 +18,12 @@ import { stringifyFactoryPropsAsJSON } from "./helpers/props/object.js";
 function createVueFunctionalComponent(data, options) {
 	const assets = [];
 	const imports = createFactoryImports();
+	const dependencies = /* @__PURE__ */ new Set();
 	const hasFallback = !!data.fallback;
-	if (hasFallback) imports.named["@iconify/css-vue"] = new Set(["Icon"]);
+	if (hasFallback) {
+		imports.named["@iconify/css-vue"] = new Set(["Icon"]);
+		dependencies.add("@iconify/css-vue");
+	}
 	const vueNamedImports = new Set(["defineComponent", "h"]);
 	imports.named["vue"] = vueNamedImports;
 	const style = generateCSSFilesForComponent(data.icon, imports, assets, options);
@@ -94,7 +98,8 @@ function createVueFunctionalComponent(data, options) {
 		assets,
 		content: `${stringifyFactoryImports(imports)}\n${componentFunction}\nexport default Component;\n`,
 		style: isEmbeddedCSS ? void 0 : style,
-		types
+		types,
+		dependencies: dependencies.size ? dependencies : void 0
 	};
 }
 

package/lib/components/vue.js

@@ -19,8 +19,12 @@ function createVueComponent(data, options) {
 	const useTS = options.ts ?? false;
 	const assets = [];
 	const imports = createFactoryImports();
+	const dependencies = /* @__PURE__ */ new Set();
 	const hasFallback = !!data.fallback;
-	if (hasFallback) imports.named["@iconify/css-vue"] = new Set(["Icon"]);
+	if (hasFallback) {
+		imports.named["@iconify/css-vue"] = new Set(["Icon"]);
+		dependencies.add("@iconify/css-vue");
+	}
 	const vueNamedImports = /* @__PURE__ */ new Set();
 	imports.named["vue"] = vueNamedImports;
 	const styleContent = generateCSSFilesForComponent(data.icon, imports, assets, options);
@@ -82,7 +86,7 @@ function createVueComponent(data, options) {
 	const usedProps = getUsedFactoryProps(props);
 	if (usedProps.length) {
 		const tsCode = useTS ? `<{\n${stringifyFactoryPropTypes(props)}\n}>` : "";
-		componentCode.unshift(`const props = defineProps${tsCode}(${JSON.stringify(usedProps)});\n`);
+		componentCode.unshift(`const props = defineProps${tsCode}(${tsCode ? "" : JSON.stringify(usedProps)});\n`);
 	}
 	const template = `<template><${hasFallback ? "Icon" : "svg"} ${stringifyFactoryProps(props, ":{prop}=\"{value}\"")} /></template>`;
 	let content = `<script setup${useTS ? " lang=\"ts\"" : ""}>
@@ -98,7 +102,8 @@ ${template}
 		assets,
 		content,
 		style,
-		types
+		types,
+		dependencies: dependencies.size ? dependencies : void 0
 	};
 }
 

package/package.json

@@ -3,7 +3,7 @@
   "type": "module",
   "description": "Common functions for working with SVG used by various packages.",
   "author": "Vjacheslav Trushkin",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "license": "MIT",
   "bugs": "https://github.com/cyberalien/svg-utils/issues",
   "homepage": "https://cyberalien.dev/",