vectify 2.0.0 → 2.0.2

package/dist/cli.js

@@ -103,23 +103,23 @@ async function writeFile(filePath, content) {
 }
 async function getSvgFiles(dirPath) {
   const fs2 = await import("fs/promises");
-  const path6 = await import("path");
+  const path7 = await import("path");
   try {
     const files = await fs2.readdir(dirPath);
-    return files.filter((file) => file.endsWith(".svg")).map((file) => path6.join(dirPath, file));
+    return files.filter((file) => file.endsWith(".svg")).map((file) => path7.join(dirPath, file));
   } catch {
     return [];
   }
 }
 async function findProjectRoot(startDir = process.cwd()) {
-  const path6 = await import("path");
+  const path7 = await import("path");
   let currentDir = startDir;
   while (true) {
-    const packageJsonPath = path6.join(currentDir, "package.json");
+    const packageJsonPath = path7.join(currentDir, "package.json");
     if (await fileExists(packageJsonPath)) {
       return currentDir;
     }
-    const parentDir = path6.dirname(currentDir);
+    const parentDir = path7.dirname(currentDir);
     if (parentDir === currentDir) {
       return startDir;
     }
@@ -134,7 +134,7 @@ var init_helpers = __esm({
 
 // src/cli.ts
 var import_node_fs2 = require("fs");
-var import_node_path6 = require("path");
+var import_node_path7 = require("path");
 var import_node_url2 = require("url");
 var import_chalk4 = __toESM(require("chalk"));
 var import_commander = require("commander");
@@ -777,7 +777,7 @@ async function findConfig() {
 }
 
 // src/generators/index.ts
-var import_node_path3 = __toESM(require("path"));
+var import_node_path4 = __toESM(require("path"));
 
 // src/parsers/optimizer.ts
 var import_svgo = require("svgo");
@@ -811,6 +811,101 @@ async function optimizeSvg(svgContent, config) {
   }
 }
 
+// src/utils/formatter.ts
+var import_node_child_process = require("child_process");
+var import_node_path3 = __toESM(require("path"));
+var import_node_process2 = __toESM(require("process"));
+var import_node_util = require("util");
+init_helpers();
+var execAsync = (0, import_node_util.promisify)(import_node_child_process.exec);
+var FORMATTER_PATTERNS = {
+  biome: ["biome.json", "biome.jsonc"],
+  prettier: [
+    ".prettierrc",
+    ".prettierrc.json",
+    ".prettierrc.yml",
+    ".prettierrc.yaml",
+    ".prettierrc.js",
+    ".prettierrc.cjs",
+    ".prettierrc.mjs",
+    "prettier.config.js",
+    "prettier.config.cjs",
+    "prettier.config.mjs"
+  ],
+  eslint: [
+    "eslint.config.js",
+    "eslint.config.mjs",
+    "eslint.config.cjs",
+    "eslint.config.ts",
+    ".eslintrc",
+    ".eslintrc.js",
+    ".eslintrc.cjs",
+    ".eslintrc.json",
+    ".eslintrc.yml",
+    ".eslintrc.yaml"
+  ]
+};
+var FORMATTER_COMMANDS = {
+  biome: (outputDir, args) => `npx @biomejs/biome format --write ${args || ""} "${outputDir}"`.trim(),
+  prettier: (outputDir, args) => `npx prettier --write ${args || ""} "${outputDir}"`.trim(),
+  eslint: (outputDir, args) => `npx eslint --fix ${args || ""} "${outputDir}"`.trim()
+};
+function normalizeFormatOption(format) {
+  if (format === false) {
+    return null;
+  }
+  if (format === true) {
+    return { tool: "auto" };
+  }
+  if (typeof format === "string") {
+    return { tool: format };
+  }
+  return format;
+}
+async function detectFormatter() {
+  const cwd = import_node_process2.default.cwd();
+  const priority = ["biome", "prettier", "eslint"];
+  for (const tool of priority) {
+    const patterns = FORMATTER_PATTERNS[tool];
+    for (const pattern of patterns) {
+      const configPath = import_node_path3.default.join(cwd, pattern);
+      if (await fileExists(configPath)) {
+        return tool;
+      }
+    }
+  }
+  return null;
+}
+async function formatOutput(outputDir, format) {
+  const config = normalizeFormatOption(format);
+  if (!config) {
+    return { success: true };
+  }
+  let tool = null;
+  if (config.tool === "auto") {
+    tool = await detectFormatter();
+    if (!tool) {
+      return {
+        success: true,
+        error: "No formatter detected. Install prettier, eslint, or biome to enable auto-formatting."
+      };
+    }
+  } else {
+    tool = config.tool || "prettier";
+  }
+  const command = FORMATTER_COMMANDS[tool](outputDir, config.args);
+  try {
+    await execAsync(command, { cwd: import_node_process2.default.cwd() });
+    return { success: true, tool };
+  } catch (error) {
+    return {
+      success: false,
+      tool,
+      error: `Format failed with ${tool}: ${error.message}`
+    };
+  }
+}
+
 // src/generators/index.ts
 init_helpers();
 async function generateIcons(config, dryRun = false) {
@@ -853,6 +948,14 @@ async function generateIcons(config, dryRun = false) {
     if (config.generateOptions?.preview && !dryRun) {
       await generatePreviewHtml(svgFiles, config);
     }
+    if (config.format && !dryRun) {
+      const formatResult = await formatOutput(config.output, config.format);
+      if (formatResult.success && formatResult.tool) {
+        console.log(`Formatted with ${formatResult.tool}`);
+      } else if (formatResult.error) {
+        console.warn(formatResult.error);
+      }
+    }
     if (config.hooks?.onComplete) {
       await config.hooks.onComplete(stats);
     }
@@ -863,7 +966,7 @@ async function generateIcons(config, dryRun = false) {
 }
 async function generateIconComponent(svgFile, config, dryRun = false) {
   let svgContent = await readFile(svgFile);
-  const fileName = import_node_path3.default.basename(svgFile);
+  const fileName = import_node_path4.default.basename(svgFile);
   if (config.hooks?.beforeParse) {
     svgContent = await config.hooks.beforeParse(svgContent, fileName);
   }
@@ -887,7 +990,7 @@ async function generateIconComponent(svgFile, config, dryRun = false) {
     code = await config.hooks.afterGenerate(code, componentName);
   }
   const fileExt = strategy.getComponentExtension(typescript);
-  const outputPath = import_node_path3.default.join(config.output, `${componentName}.${fileExt}`);
+  const outputPath = import_node_path4.default.join(config.output, `${componentName}.${fileExt}`);
   if (dryRun) {
     console.log(`  ${componentName}.${fileExt}`);
   } else {
@@ -898,7 +1001,7 @@ async function generateBaseComponent(config, dryRun = false) {
   const typescript = config.typescript ?? true;
   const strategy = getFrameworkStrategy(config.framework);
   const { code, fileName } = strategy.generateBaseComponent(typescript);
-  const outputPath = import_node_path3.default.join(config.output, fileName);
+  const outputPath = import_node_path4.default.join(config.output, fileName);
   if (dryRun) {
     console.log(`  ${fileName}`);
   } else {
@@ -909,9 +1012,9 @@ async function generateIndexFile(svgFiles, config, dryRun = false) {
   const typescript = config.typescript ?? true;
   const strategy = getFrameworkStrategy(config.framework);
   const ext = strategy.getIndexExtension(typescript);
-  const usesDefaultExport = config.framework === "vue" || config.framework === "svelte" || config.framework === "preact";
+  const usesDefaultExport = ["vue", "svelte", "react", "preact"].includes(config.framework);
   const exports2 = svgFiles.map((svgFile) => {
-    const fileName = import_node_path3.default.basename(svgFile);
+    const fileName = import_node_path4.default.basename(svgFile);
     const componentName = getComponentName(
       fileName,
       config.prefix,
@@ -924,7 +1027,7 @@ async function generateIndexFile(svgFiles, config, dryRun = false) {
       return `export { ${componentName} } from './${componentName}'`;
     }
   }).join("\n");
-  const indexPath = import_node_path3.default.join(config.output, `index.${ext}`);
+  const indexPath = import_node_path4.default.join(config.output, `index.${ext}`);
   if (dryRun) {
     console.log(`  index.${ext}`);
   } else {
@@ -934,7 +1037,7 @@ async function generateIndexFile(svgFiles, config, dryRun = false) {
 }
 async function generatePreviewHtml(svgFiles, config) {
   const componentNames = svgFiles.map((svgFile) => {
-    const fileName = import_node_path3.default.basename(svgFile);
+    const fileName = import_node_path4.default.basename(svgFile);
     return getComponentName(
       fileName,
       config.prefix,
@@ -1106,7 +1209,7 @@ async function generatePreviewHtml(svgFiles, config) {
   </script>
 </body>
 </html>`;
-  const previewPath = import_node_path3.default.join(config.output, "preview.html");
+  const previewPath = import_node_path4.default.join(config.output, "preview.html");
   await writeFile(previewPath, html);
 }
 async function cleanOutputDirectory(svgFiles, config) {
@@ -1115,7 +1218,7 @@ async function cleanOutputDirectory(svgFiles, config) {
   const fileExt = strategy.getComponentExtension(config.typescript ?? true);
   const expectedComponents = new Set(
     svgFiles.map((svgFile) => {
-      const fileName = import_node_path3.default.basename(svgFile, ".svg");
+      const fileName = import_node_path4.default.basename(svgFile, ".svg");
       const componentName = getComponentName(
         fileName,
         config.prefix,
@@ -1142,7 +1245,7 @@ async function cleanOutputDirectory(svgFiles, config) {
         continue;
       }
       if (!expectedComponents.has(file)) {
-        const filePath = import_node_path3.default.join(config.output, file);
+        const filePath = import_node_path4.default.join(config.output, file);
         await unlink(filePath);
         console.log(`Deleted orphaned component: ${file}`);
       }
@@ -1209,8 +1312,8 @@ ${import_chalk.default.bold("Output:")} ${import_chalk.default.cyan(config.outpu
 }
 
 // src/commands/init.ts
-var import_node_path4 = __toESM(require("path"));
-var import_node_process2 = __toESM(require("process"));
+var import_node_path5 = __toESM(require("path"));
+var import_node_process3 = __toESM(require("process"));
 var import_chalk2 = __toESM(require("chalk"));
 var import_inquirer = __toESM(require("inquirer"));
 var import_ora2 = __toESM(require("ora"));
@@ -1218,7 +1321,7 @@ init_helpers();
 async function init(options = {}) {
   try {
     const projectRoot = await findProjectRoot();
-    const currentDir = import_node_process2.default.cwd();
+    const currentDir = import_node_process3.default.cwd();
     if (currentDir !== projectRoot) {
       console.log(import_chalk2.default.yellow(`
 Note: Project root detected at ${import_chalk2.default.cyan(projectRoot)}`));
@@ -1239,8 +1342,8 @@ Note: Project root detected at ${import_chalk2.default.cyan(projectRoot)}`));
         }
       }
     ]);
-    const configPath = import_node_path4.default.resolve(projectRoot, pathAnswers.configPath);
-    const configDir = import_node_path4.default.dirname(configPath);
+    const configPath = import_node_path5.default.resolve(projectRoot, pathAnswers.configPath);
+    const configDir = import_node_path5.default.dirname(configPath);
     if (!options.force && await fileExists(configPath)) {
       const { overwrite } = await import_inquirer.default.prompt([
         {
@@ -1304,14 +1407,14 @@ Note: Project root detected at ${import_chalk2.default.cyan(projectRoot)}`));
         default: ""
       }
     ]);
-    const inputPath = import_node_path4.default.resolve(projectRoot, answers.input);
-    const outputPath = import_node_path4.default.resolve(projectRoot, answers.output);
+    const inputPath = import_node_path5.default.resolve(projectRoot, answers.input);
+    const outputPath = import_node_path5.default.resolve(projectRoot, answers.output);
     const spinner = (0, import_ora2.default)("Setting up directories...").start();
     await ensureDir(inputPath);
     spinner.text = `Created input directory: ${import_chalk2.default.cyan(answers.input)}`;
     await ensureDir(outputPath);
     spinner.succeed(`Created output directory: ${import_chalk2.default.cyan(answers.output)}`);
-    const relativeConfigDir = import_node_path4.default.relative(configDir, projectRoot) || ".";
+    const relativeConfigDir = import_node_path5.default.relative(configDir, projectRoot) || ".";
     const configContent = generateConfigContent(answers, relativeConfigDir);
     spinner.start("Creating config file...");
     await writeFile(configPath, configContent);
@@ -1354,7 +1457,7 @@ export default defineConfig({
 }
 
 // src/commands/watch.ts
-var import_node_path5 = __toESM(require("path"));
+var import_node_path6 = __toESM(require("path"));
 var import_chalk3 = __toESM(require("chalk"));
 var import_chokidar = __toESM(require("chokidar"));
 var import_ora3 = __toESM(require("ora"));
@@ -1376,7 +1479,7 @@ async function watch(options = {}) {
     spinner.start("Generating icon components...");
     const initialStats = await generateIcons(config);
     spinner.succeed(`Generated ${import_chalk3.default.green(initialStats.success)} icon components`);
-    const watchPath = import_node_path5.default.join(config.input, "**/*.svg");
+    const watchPath = import_node_path6.default.join(config.input, "**/*.svg");
     const debounce = config.watch?.debounce ?? 300;
     const ignore = config.watch?.ignore ?? ["**/node_modules/**", "**/.git/**"];
     console.log(import_chalk3.default.bold("\nWatching for changes..."));
@@ -1394,7 +1497,7 @@ async function watch(options = {}) {
     }).on("change", (filePath) => {
       handleChange("changed", filePath, config, debounce, debounceTimer);
     }).on("unlink", (filePath) => {
-      console.log(import_chalk3.default.yellow(`SVG file removed: ${import_node_path5.default.basename(filePath)}`));
+      console.log(import_chalk3.default.yellow(`SVG file removed: ${import_node_path6.default.basename(filePath)}`));
       handleChange("removed", filePath, config, debounce, debounceTimer);
     }).on("error", (error) => {
       console.error(import_chalk3.default.red(`Watcher error: ${error.message}`));
@@ -1413,7 +1516,7 @@ ${import_chalk3.default.yellow("Stopping watch mode...")}`);
   }
 }
 function handleChange(event, filePath, config, debounce, timer) {
-  const fileName = import_node_path5.default.basename(filePath);
+  const fileName = import_node_path6.default.basename(filePath);
   if (timer) {
     clearTimeout(timer);
   }
@@ -1442,11 +1545,11 @@ var import_meta2 = {};
 function getPackageJson() {
   let pkgPath;
   if (typeof __dirname !== "undefined") {
-    pkgPath = (0, import_node_path6.join)(__dirname, "../package.json");
+    pkgPath = (0, import_node_path7.join)(__dirname, "../package.json");
   } else {
     const __filename = (0, import_node_url2.fileURLToPath)(import_meta2.url);
-    const __dirname2 = (0, import_node_path6.dirname)(__filename);
-    pkgPath = (0, import_node_path6.join)(__dirname2, "../package.json");
+    const __dirname2 = (0, import_node_path7.dirname)(__filename);
+    pkgPath = (0, import_node_path7.join)(__dirname2, "../package.json");
   }
   return JSON.parse((0, import_node_fs2.readFileSync)(pkgPath, "utf-8"));
 }

package/dist/cli.mjs

@@ -3,7 +3,7 @@ import {
   generate,
   init,
   watch
-} from "./chunk-4BWKFV7W.mjs";
+} from "./chunk-XHYCGABW.mjs";
 import "./chunk-CIKTK6HI.mjs";
 
 // src/cli.ts

package/dist/index.d.mts

@@ -54,6 +54,33 @@ interface IconProps {
  * Framework types supported
  */
 type Framework = 'react' | 'vue' | 'svelte' | 'solid' | 'preact' | 'lit' | 'angular' | 'qwik' | 'astro' | 'vanilla';
+/**
+ * Formatter tool types
+ */
+type FormatterTool = 'auto' | 'prettier' | 'eslint' | 'biome';
+/**
+ * Format configuration
+ */
+interface FormatConfig {
+    /**
+     * Formatter tool to use
+     * - 'auto': Auto-detect based on project config files
+     * - 'prettier': Use Prettier
+     * - 'eslint': Use ESLint --fix
+     * - 'biome': Use Biome
+     * @default 'auto'
+     */
+    tool?: FormatterTool;
+    /**
+     * Additional arguments to pass to the formatter
+     * @example '--single-quote'
+     */
+    args?: string;
+}
+/**
+ * Format option type (shorthand or full config)
+ */
+type FormatOption = boolean | FormatterTool | FormatConfig;
 /**
  * Main configuration interface
  */
@@ -169,6 +196,15 @@ interface IconForgeConfig {
          */
         debounce?: number;
     };
+    /**
+     * Format generated files after generation
+     * - true: Auto-detect formatter (biome > prettier > eslint)
+     * - false: Disable formatting
+     * - 'prettier' | 'eslint' | 'biome': Use specific formatter
+     * - { tool: 'auto', args: '--single-quote' }: Full config
+     * @default false
+     */
+    format?: FormatOption;
     /**
      * Lifecycle hooks
      */
@@ -278,4 +314,4 @@ declare const frameworkRegistry: FrameworkRegistry;
  */
 declare function getFrameworkStrategy(framework: Framework): FrameworkStrategy;
 
-export { type Framework, type FrameworkStrategy, type GenerationStats, type IconForgeConfig, type IconNode, type IconProps, type SVGElementType, defineConfig, findConfig, frameworkRegistry, generate, generateIcons, getFrameworkStrategy, init, loadConfig, watch };
+export { type FormatConfig, type FormatOption, type FormatterTool, type Framework, type FrameworkStrategy, type GenerationStats, type IconForgeConfig, type IconNode, type IconProps, type SVGElementType, defineConfig, findConfig, frameworkRegistry, generate, generateIcons, getFrameworkStrategy, init, loadConfig, watch };

package/dist/index.d.ts

@@ -54,6 +54,33 @@ interface IconProps {
  * Framework types supported
  */
 type Framework = 'react' | 'vue' | 'svelte' | 'solid' | 'preact' | 'lit' | 'angular' | 'qwik' | 'astro' | 'vanilla';
+/**
+ * Formatter tool types
+ */
+type FormatterTool = 'auto' | 'prettier' | 'eslint' | 'biome';
+/**
+ * Format configuration
+ */
+interface FormatConfig {
+    /**
+     * Formatter tool to use
+     * - 'auto': Auto-detect based on project config files
+     * - 'prettier': Use Prettier
+     * - 'eslint': Use ESLint --fix
+     * - 'biome': Use Biome
+     * @default 'auto'
+     */
+    tool?: FormatterTool;
+    /**
+     * Additional arguments to pass to the formatter
+     * @example '--single-quote'
+     */
+    args?: string;
+}
+/**
+ * Format option type (shorthand or full config)
+ */
+type FormatOption = boolean | FormatterTool | FormatConfig;
 /**
  * Main configuration interface
  */
@@ -169,6 +196,15 @@ interface IconForgeConfig {
          */
         debounce?: number;
     };
+    /**
+     * Format generated files after generation
+     * - true: Auto-detect formatter (biome > prettier > eslint)
+     * - false: Disable formatting
+     * - 'prettier' | 'eslint' | 'biome': Use specific formatter
+     * - { tool: 'auto', args: '--single-quote' }: Full config
+     * @default false
+     */
+    format?: FormatOption;
     /**
      * Lifecycle hooks
      */
@@ -278,4 +314,4 @@ declare const frameworkRegistry: FrameworkRegistry;
  */
 declare function getFrameworkStrategy(framework: Framework): FrameworkStrategy;
 
-export { type Framework, type FrameworkStrategy, type GenerationStats, type IconForgeConfig, type IconNode, type IconProps, type SVGElementType, defineConfig, findConfig, frameworkRegistry, generate, generateIcons, getFrameworkStrategy, init, loadConfig, watch };
+export { type FormatConfig, type FormatOption, type FormatterTool, type Framework, type FrameworkStrategy, type GenerationStats, type IconForgeConfig, type IconNode, type IconProps, type SVGElementType, defineConfig, findConfig, frameworkRegistry, generate, generateIcons, getFrameworkStrategy, init, loadConfig, watch };