svgfusion 1.0.5 → 1.0.7

package/dist/cli.js

@@ -31,10 +31,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// node_modules/.pnpm/tsup@8.5.0_typescript@5.8.3/node_modules/tsup/assets/cjs_shims.js
+// node_modules/.pnpm/tsup@8.5.0_postcss@8.5.6_typescript@5.8.3_yaml@2.8.0/node_modules/tsup/assets/cjs_shims.js
 var getImportMetaUrl, importMetaUrl;
 var init_cjs_shims = __esm({
-  "node_modules/.pnpm/tsup@8.5.0_typescript@5.8.3/node_modules/tsup/assets/cjs_shims.js"() {
+  "node_modules/.pnpm/tsup@8.5.0_postcss@8.5.6_typescript@5.8.3_yaml@2.8.0/node_modules/tsup/assets/cjs_shims.js"() {
     "use strict";
     getImportMetaUrl = () => typeof document === "undefined" ? new URL(`file:${__filename}`).href : document.currentScript && document.currentScript.src || new URL("main.js", document.baseURI).href;
     importMetaUrl = /* @__PURE__ */ getImportMetaUrl();
@@ -125,6 +125,51 @@ var init_files = __esm({
 init_cjs_shims();
 var import_commander = require("commander");
 init_files();
+var import_promises2 = require("fs/promises");
+var import_path2 = require("path");
+
+// src/utils/name.ts
+init_cjs_shims();
+function svgToComponentName(filename) {
+  let baseName = filename.replace(/\.svg$/i, "");
+  baseName = processComplexFilename(baseName);
+  return pascalCase(baseName);
+}
+function processComplexFilename(filename) {
+  let processed = filename;
+  const simpleMatch = processed.match(/^([^,]+),\s*Type=([^,]+)/i);
+  if (simpleMatch) {
+    processed = `${simpleMatch[1]} ${simpleMatch[2]}`;
+    return processed;
+  }
+  const sizeMatch = processed.match(/Size=(\w+)/i);
+  const colorMatch = processed.match(/Color=(\w+)/i);
+  const typeMatch = processed.match(/Type=(\w+)/i);
+  if (sizeMatch || colorMatch || typeMatch) {
+    const parts = [];
+    if (typeMatch) parts.push(typeMatch[1]);
+    if (colorMatch) parts.push(colorMatch[1]);
+    if (sizeMatch) parts.push(sizeMatch[1]);
+    if (parts.length > 0) {
+      processed = parts.join(" ");
+      return processed;
+    }
+  }
+  processed = processed.replace(/\b\w+=\w+\b/g, "").replace(/,\s*/g, " ").replace(/[=]/g, " ").replace(/\s+/g, " ").trim();
+  if (!processed || processed.length < 2) {
+    processed = filename;
+  }
+  return processed;
+}
+function pascalCase(str) {
+  return str.replace(/[^a-zA-Z0-9\s-_]/g, " ").split(/[\s-_]+/).filter((word) => word.length > 0).map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join("");
+}
+function formatComponentName(name, prefix, suffix) {
+  const prefixPart = prefix ? pascalCase(prefix) : "";
+  const suffixPart = suffix ? pascalCase(suffix) : "";
+  const baseName = pascalCase(name);
+  return `${prefixPart}${baseName}${suffixPart}`;
+}
 
 // src/core/react-converter.ts
 init_cjs_shims();
@@ -170,18 +215,6 @@ function optimizeSvg(svgContent, config = defaultConfig) {
   }
 }
 
-// src/utils/name.ts
-init_cjs_shims();
-function pascalCase(str) {
-  return str.replace(/[^a-zA-Z0-9\s-_]/g, " ").split(/[\s-_]+/).filter((word) => word.length > 0).map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join("");
-}
-function formatComponentName(name, prefix, suffix) {
-  const prefixPart = prefix ? pascalCase(prefix) : "";
-  const suffixPart = suffix ? pascalCase(suffix) : "";
-  const baseName = pascalCase(name);
-  return `${prefixPart}${baseName}${suffixPart}`;
-}
-
 // src/core/converter.ts
 var BaseConverter = class {
   /**
@@ -508,7 +541,7 @@ async function convertToVue(svgContent, options = {}) {
 
 // src/cli.ts
 var import_url = require("url");
-var import_path2 = require("path");
+var import_path3 = require("path");
 var import_fs2 = require("fs");
 var import_figlet = __toESM(require("figlet"));
 var colors = {
@@ -520,9 +553,9 @@ var colors = {
   reset: "\x1B[0m"
 };
 var __filename2 = (0, import_url.fileURLToPath)(importMetaUrl);
-var __dirname = (0, import_path2.dirname)(__filename2);
+var __dirname = (0, import_path3.dirname)(__filename2);
 var packageJson = JSON.parse(
-  (0, import_fs2.readFileSync)((0, import_path2.join)(__dirname, "..", "package.json"), "utf-8")
+  (0, import_fs2.readFileSync)((0, import_path3.join)(__dirname, "..", "package.json"), "utf-8")
 );
 function createBanner() {
   const title = import_figlet.default.textSync("SVGfusion", {
@@ -542,9 +575,7 @@ ${colors.gray}\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 `;
 }
 var program = new import_commander.Command();
-if (process.argv.length === 2) {
-  console.log(createBanner());
-}
+console.log(createBanner());
 program.name("svgfusion").description(
   "Transform SVG files into production-ready React and Vue 3 components"
 ).version(packageJson.version);
@@ -561,7 +592,19 @@ program.command("convert").description("Convert SVG files to React or Vue compon
       if (framework !== "react" && framework !== "vue") {
         throw new Error('Framework must be either "react" or "vue"');
       }
-      const svgFiles = await readSvgDirectory(input);
+      const inputStat = await (0, import_promises2.stat)(input);
+      let svgFiles;
+      if (inputStat.isFile()) {
+        if ((0, import_path2.extname)(input).toLowerCase() === ".svg") {
+          svgFiles = [input];
+        } else {
+          throw new Error("Input file must be an SVG file");
+        }
+      } else if (inputStat.isDirectory()) {
+        svgFiles = await readSvgDirectory(input);
+      } else {
+        throw new Error("Input must be a file or directory");
+      }
       if (svgFiles.length === 0) {
         throw new Error("No SVG files found in the input path");
       }
@@ -571,8 +614,16 @@ program.command("convert").description("Convert SVG files to React or Vue compon
       for (const filePath of svgFiles) {
         const svgContent = await readSvgFile(filePath);
         const optimizedSvg = optimize2 ? optimizeSvg(svgContent) : svgContent;
-        const result = framework === "react" ? await convertToReact(optimizedSvg, { typescript }) : await convertToVue(optimizedSvg, { typescript });
-        const outputPath = (0, import_path2.join)(output, result.filename);
+        const filename = (0, import_path2.basename)(filePath);
+        const componentName = svgToComponentName(filename);
+        const result = framework === "react" ? await convertToReact(optimizedSvg, {
+          typescript,
+          name: componentName
+        }) : await convertToVue(optimizedSvg, {
+          typescript,
+          name: componentName
+        });
+        const outputPath = (0, import_path3.join)(output, result.filename);
         await writeComponentFile(outputPath, result.code);
       }
       console.log(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svgfusion",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "A powerful CLI tool and library that converts SVG files into production-ready React and Vue 3 components with TypeScript support and automatic optimization.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -64,7 +64,7 @@
     "build": "tsup && chmod +x dist/cli.js",
     "dev": "tsup --watch",
     "test": "jest",
-    "test:coverage": "jest --coverage",
+    "test:coverage": "jest --coverage --json --testLocationInResults --outputFile=./coverage/coverage-summary.json",
     "test:watch": "jest --watch",
     "lint": "eslint src/**/*.ts tests/**/*.ts",
     "lint:fix": "eslint src/**/*.ts tests/**/*.ts --fix",