vectify 2.1.1 → 2.1.2

package/dist/chunk-QYE23M3E.mjs

@@ -1,2024 +0,0 @@
-import {
-  __require,
-  ensureDir,
-  fileExists,
-  findProjectRoot,
-  getComponentName,
-  getSvgFiles,
-  readFile,
-  writeFile
-} from "./chunk-FS34P27H.mjs";
-
-// src/parsers/svg-parser.ts
-import * as cheerio from "cheerio";
-var SUPPORTED_ELEMENTS = [
-  "circle",
-  "ellipse",
-  "line",
-  "path",
-  "polygon",
-  "polyline",
-  "rect",
-  "g"
-];
-function parseSvg(svgContent) {
-  const $ = cheerio.load(svgContent, {
-    xml: true
-  });
-  const svgElement = $("svg");
-  if (svgElement.length === 0) {
-    throw new Error("Invalid SVG: No <svg> tag found");
-  }
-  const viewBox = svgElement.attr("viewBox") || "0 0 24 24";
-  const iconNodes = [];
-  svgElement.children().each((_, element) => {
-    const node = parseElement($, element);
-    if (node) {
-      iconNodes.push(node);
-    }
-  });
-  const isMultiColor = detectMultiColor(iconNodes);
-  return { iconNodes, viewBox, isMultiColor };
-}
-function detectMultiColor(nodes) {
-  const colors = /* @__PURE__ */ new Set();
-  function collectColors(node) {
-    const [, attrs, children] = node;
-    if (attrs.fill && attrs.fill !== "none" && attrs.fill !== "transparent") {
-      colors.add(String(attrs.fill).toLowerCase());
-    }
-    if (attrs.stroke && attrs.stroke !== "none" && attrs.stroke !== "transparent") {
-      colors.add(String(attrs.stroke).toLowerCase());
-    }
-    if (children && children.length > 0) {
-      children.forEach(collectColors);
-    }
-  }
-  nodes.forEach(collectColors);
-  const realColors = Array.from(colors).filter((color) => {
-    const c = color.toLowerCase();
-    return c !== "currentcolor";
-  });
-  return realColors.length >= 2;
-}
-function parseElement($, element) {
-  if (element.type !== "tag") {
-    return null;
-  }
-  const tagName = element.name;
-  if (!SUPPORTED_ELEMENTS.includes(tagName)) {
-    return null;
-  }
-  const attrs = parseAttributes(element);
-  const $element = $(element);
-  const children = [];
-  $element.children().each((_, child) => {
-    const childNode = parseElement($, child);
-    if (childNode) {
-      children.push(childNode);
-    }
-  });
-  if (children.length > 0) {
-    return [tagName, attrs, children];
-  }
-  return [tagName, attrs];
-}
-function parseAttributes(element) {
-  const attrs = {};
-  if (element.type !== "tag" || !element.attribs) {
-    return attrs;
-  }
-  const attributes = element.attribs;
-  for (const [key, value] of Object.entries(attributes)) {
-    if (key.startsWith("xmlns")) {
-      continue;
-    }
-    if (typeof value !== "string") {
-      continue;
-    }
-    const camelKey = key.replace(/-([a-z])/g, (_, char) => char.toUpperCase());
-    const numValue = Number.parseFloat(value);
-    attrs[camelKey] = Number.isNaN(numValue) ? value : numValue;
-  }
-  return attrs;
-}
-function formatIconNode(node, indent = 2) {
-  const [elementType, attrs, children] = node;
-  const indentStr = " ".repeat(indent);
-  const attrsStr = formatAttrs(attrs);
-  if (children && children.length > 0) {
-    const childrenStr = children.map((child) => formatIconNode(child, indent + 2)).join(",\n");
-    return `${indentStr}['${elementType}', ${attrsStr}, [
-${childrenStr}
-${indentStr}]]`;
-  }
-  return `${indentStr}['${elementType}', ${attrsStr}]`;
-}
-function formatAttrs(attrs) {
-  const entries = Object.entries(attrs);
-  if (entries.length === 0) {
-    return "{}";
-  }
-  const formatted = entries.map(([key, value]) => {
-    if (typeof value === "number") {
-      return `${key}: ${value}`;
-    }
-    const escaped = value.replace(/'/g, "\\'");
-    return `${key}: '${escaped}'`;
-  }).join(", ");
-  return `{ ${formatted} }`;
-}
-
-// src/generators/templates/template-engine.ts
-import fs from "fs";
-import path from "path";
-import { fileURLToPath } from "url";
-import Handlebars from "handlebars";
-function getTemplatesDir() {
-  if (typeof __dirname !== "undefined") {
-    return path.join(__dirname, "templates");
-  }
-  const currentFile = fileURLToPath(import.meta.url);
-  return path.join(path.dirname(currentFile), "templates");
-}
-function loadTemplate(templatePath) {
-  const templatesDir = getTemplatesDir();
-  const fullPath = path.join(templatesDir, templatePath);
-  const templateContent = fs.readFileSync(fullPath, "utf-8");
-  return Handlebars.compile(templateContent, { noEscape: true });
-}
-function renderTemplate(templatePath, data) {
-  const template = loadTemplate(templatePath);
-  return template(data);
-}
-function getReactTemplatePath(typescript, type) {
-  const ext = typescript ? "tsx" : "jsx";
-  return `react/${type}.${ext}.hbs`;
-}
-function getVueTemplatePath(typescript, type) {
-  const suffix = typescript ? "ts" : "js";
-  return `vue/${type}.${suffix}.vue.hbs`;
-}
-function getVue2TemplatePath(typescript, type) {
-  const suffix = typescript ? "ts" : "js";
-  return `vue2/${type}.${suffix}.vue.hbs`;
-}
-function getSvelteTemplatePath(typescript, type) {
-  const suffix = typescript ? "ts" : "js";
-  return `svelte/${type}.${suffix}.svelte.hbs`;
-}
-function getSolidTemplatePath(typescript, type) {
-  const ext = typescript ? "tsx" : "jsx";
-  return `solid/${type}.${ext}.hbs`;
-}
-function getPreactTemplatePath(typescript, type) {
-  const ext = typescript ? "tsx" : "jsx";
-  return `preact/${type}.${ext}.hbs`;
-}
-function getVanillaTemplatePath(typescript, type) {
-  const ext = typescript ? "ts" : "js";
-  return `vanilla/${type}.${ext}.hbs`;
-}
-function getQwikTemplatePath(typescript, type) {
-  const ext = typescript ? "tsx" : "jsx";
-  return `qwik/${type}.${ext}.hbs`;
-}
-
-// src/generators/angular.ts
-function getAngularTemplatePath(type) {
-  return `angular/${type}.ts.hbs`;
-}
-function generateAngularComponent(componentName, iconNode, typescript, keepColors = false, viewBox = "0 0 24 24") {
-  const formattedNodes = iconNode.map((node) => formatIconNode(node, 2)).join(",\n");
-  const templatePath = getAngularTemplatePath("component");
-  return renderTemplate(templatePath, {
-    componentName,
-    formattedNodes,
-    typescript,
-    keepColors,
-    viewBox
-  });
-}
-function generateAngularBaseComponent(typescript) {
-  const templatePath = getAngularTemplatePath("createIcon");
-  return {
-    code: renderTemplate(templatePath, { typescript }),
-    fileName: "createIcon.ts"
-  };
-}
-
-// src/generators/astro.ts
-function getAstroTemplatePath(type) {
-  return `astro/${type}.astro.hbs`;
-}
-function generateAstroComponent(componentName, iconNode, typescript, keepColors = false, viewBox = "0 0 24 24") {
-  const formattedNodes = iconNode.map((node) => formatIconNode(node, 2)).join(",\n");
-  const templatePath = getAstroTemplatePath("component");
-  return renderTemplate(templatePath, {
-    componentName,
-    formattedNodes,
-    typescript,
-    keepColors,
-    viewBox
-  });
-}
-function generateAstroBaseComponent(typescript) {
-  const templatePath = getAstroTemplatePath("createIcon");
-  return {
-    code: renderTemplate(templatePath, { typescript }),
-    fileName: "createIcon.astro"
-  };
-}
-
-// src/generators/lit.ts
-function getLitTemplatePath(typescript, type) {
-  const ext = typescript ? "ts" : "js";
-  return `lit/${type}.${ext}.hbs`;
-}
-function generateLitComponent(componentName, iconNode, typescript, keepColors = false, viewBox = "0 0 24 24") {
-  const formattedNodes = iconNode.map((node) => formatIconNode(node, 2)).join(",\n");
-  const templatePath = getLitTemplatePath(typescript, "component");
-  return renderTemplate(templatePath, {
-    componentName,
-    formattedNodes,
-    typescript,
-    keepColors,
-    viewBox
-  });
-}
-function generateLitBaseComponent(typescript) {
-  const templatePath = getLitTemplatePath(typescript, "createIcon");
-  return {
-    code: renderTemplate(templatePath, { typescript }),
-    fileName: typescript ? "createIcon.ts" : "createIcon.js"
-  };
-}
-
-// src/generators/react.ts
-function generateReactComponent(componentName, iconNode, typescript, keepColors = false, viewBox = "0 0 24 24") {
-  const formattedNodes = iconNode.map((node) => formatIconNode(node, 2)).join(",\n");
-  const templatePath = getReactTemplatePath(typescript, "component");
-  return renderTemplate(templatePath, {
-    typescript,
-    componentName,
-    formattedNodes,
-    keepColors,
-    viewBox
-  });
-}
-function generateCreateIcon(typescript) {
-  const templatePath = getReactTemplatePath(typescript, "createIcon");
-  return renderTemplate(templatePath, { typescript });
-}
-
-// src/generators/react-like.ts
-function generateReactLikeComponent(componentName, iconNode, typescript, keepColors, viewBox, framework) {
-  const formattedNodes = iconNode.map((node) => formatIconNode(node, 2)).join(",\n");
-  let templatePath;
-  if (framework === "solid") {
-    templatePath = getSolidTemplatePath(typescript, "component");
-  } else if (framework === "preact") {
-    templatePath = getPreactTemplatePath(typescript, "component");
-  } else if (framework === "qwik") {
-    templatePath = getQwikTemplatePath(typescript, "component");
-  } else {
-    throw new Error(`Unsupported framework: ${framework}`);
-  }
-  return renderTemplate(templatePath, {
-    componentName,
-    formattedNodes,
-    typescript,
-    keepColors,
-    viewBox
-  });
-}
-function generateReactLikeBaseComponent(typescript, framework) {
-  let templatePath;
-  if (framework === "solid") {
-    templatePath = getSolidTemplatePath(typescript, "createIcon");
-  } else if (framework === "preact") {
-    templatePath = getPreactTemplatePath(typescript, "createIcon");
-  } else if (framework === "qwik") {
-    templatePath = getQwikTemplatePath(typescript, "createIcon");
-  } else {
-    throw new Error(`Unsupported framework: ${framework}`);
-  }
-  return {
-    code: renderTemplate(templatePath, { typescript }),
-    fileName: typescript ? "createIcon.tsx" : "createIcon.jsx"
-  };
-}
-
-// src/generators/svelte.ts
-function generateSvelteComponent(_componentName, iconNode, typescript, keepColors = false, viewBox = "0 0 24 24") {
-  const formattedNodes = iconNode.map((node) => formatIconNode(node, 4)).join(",\n");
-  const templatePath = getSvelteTemplatePath(typescript, "component");
-  return renderTemplate(templatePath, {
-    typescript,
-    formattedNodes,
-    keepColors,
-    viewBox
-  });
-}
-function generateSvelteIcon(typescript) {
-  const templatePath = getSvelteTemplatePath(typescript, "icon");
-  return renderTemplate(templatePath, { typescript });
-}
-
-// src/generators/vanilla.ts
-function generateVanillaComponent(componentName, iconNode, typescript, keepColors, viewBox) {
-  const formattedNodes = iconNode.map((node) => formatIconNode(node, 2)).join(",\n");
-  const templatePath = getVanillaTemplatePath(typescript, "component");
-  return renderTemplate(templatePath, {
-    componentName,
-    formattedNodes,
-    typescript,
-    keepColors,
-    viewBox
-  });
-}
-function generateVanillaBaseComponent(typescript) {
-  const templatePath = getVanillaTemplatePath(typescript, "createIcon");
-  return {
-    code: renderTemplate(templatePath, { typescript }),
-    fileName: typescript ? "createIcon.ts" : "createIcon.js"
-  };
-}
-
-// src/generators/vue.ts
-function generateVueComponent(componentName, iconNode, typescript, keepColors = false, viewBox = "0 0 24 24") {
-  const formattedNodes = iconNode.map((node) => formatIconNode(node, 4)).join(",\n");
-  const templatePath = getVueTemplatePath(typescript, "component");
-  return renderTemplate(templatePath, {
-    typescript,
-    componentName,
-    formattedNodes,
-    keepColors,
-    viewBox
-  });
-}
-function generateVueIcon(typescript) {
-  const templatePath = getVueTemplatePath(typescript, "icon");
-  return renderTemplate(templatePath, { typescript });
-}
-
-// src/generators/vue2.ts
-function generateVue2Component(componentName, iconNode, typescript, keepColors = false, viewBox = "0 0 24 24") {
-  const formattedNodes = iconNode.map((node) => formatIconNode(node, 4)).join(",\n");
-  const templatePath = getVue2TemplatePath(typescript, "component");
-  return renderTemplate(templatePath, {
-    typescript,
-    componentName,
-    formattedNodes,
-    keepColors,
-    viewBox
-  });
-}
-function generateVue2Icon(typescript) {
-  const templatePath = getVue2TemplatePath(typescript, "icon");
-  return renderTemplate(templatePath, { typescript });
-}
-
-// src/generators/framework-strategy.ts
-var ReactStrategy = class {
-  constructor() {
-    this.name = "react";
-    this.getComponentExtension = (typescript) => {
-      return typescript ? "tsx" : "jsx";
-    };
-    this.getIndexExtension = (typescript) => {
-      return typescript ? "ts" : "js";
-    };
-    this.generateComponent = (componentName, iconNode, typescript, keepColors = false, viewBox = "0 0 24 24") => {
-      return generateReactComponent(componentName, iconNode, typescript, keepColors, viewBox);
-    };
-    this.generateBaseComponent = (typescript) => {
-      return {
-        code: generateCreateIcon(typescript),
-        fileName: `createIcon.${this.getComponentExtension(typescript)}`
-      };
-    };
-  }
-};
-var VueStrategy = class {
-  constructor() {
-    this.name = "vue";
-    this.getComponentExtension = (_typescript) => {
-      return "vue";
-    };
-    this.getIndexExtension = (typescript) => {
-      return typescript ? "ts" : "js";
-    };
-    this.generateComponent = (componentName, iconNode, typescript, keepColors = false, viewBox = "0 0 24 24") => {
-      return generateVueComponent(componentName, iconNode, typescript, keepColors, viewBox);
-    };
-    this.generateBaseComponent = (typescript) => {
-      return {
-        code: generateVueIcon(typescript),
-        fileName: "Icon.vue"
-      };
-    };
-  }
-};
-var Vue2Strategy = class {
-  constructor() {
-    this.name = "vue2";
-    this.getComponentExtension = (_typescript) => {
-      return "vue";
-    };
-    this.getIndexExtension = (typescript) => {
-      return typescript ? "ts" : "js";
-    };
-    this.generateComponent = (componentName, iconNode, typescript, keepColors = false, viewBox = "0 0 24 24") => {
-      return generateVue2Component(componentName, iconNode, typescript, keepColors, viewBox);
-    };
-    this.generateBaseComponent = (typescript) => {
-      return {
-        code: generateVue2Icon(typescript),
-        fileName: "Icon.vue"
-      };
-    };
-  }
-};
-var SvelteStrategy = class {
-  constructor() {
-    this.name = "svelte";
-    this.getComponentExtension = (_typescript) => {
-      return "svelte";
-    };
-    this.getIndexExtension = (typescript) => {
-      return typescript ? "ts" : "js";
-    };
-    this.generateComponent = (componentName, iconNode, typescript, keepColors = false, viewBox = "0 0 24 24") => {
-      return generateSvelteComponent(componentName, iconNode, typescript, keepColors, viewBox);
-    };
-    this.generateBaseComponent = (typescript) => {
-      return {
-        code: generateSvelteIcon(typescript),
-        fileName: "Icon.svelte"
-      };
-    };
-  }
-};
-var SolidStrategy = class {
-  constructor() {
-    this.name = "solid";
-    this.getComponentExtension = (typescript) => {
-      return typescript ? "tsx" : "jsx";
-    };
-    this.getIndexExtension = (typescript) => {
-      return typescript ? "ts" : "js";
-    };
-    this.generateComponent = (componentName, iconNode, typescript, keepColors, viewBox) => {
-      return generateReactLikeComponent(componentName, iconNode, typescript, keepColors ?? false, viewBox ?? "0 0 24 24", "solid");
-    };
-    this.generateBaseComponent = (typescript) => {
-      return generateReactLikeBaseComponent(typescript, "solid");
-    };
-  }
-};
-var PreactStrategy = class {
-  constructor() {
-    this.name = "preact";
-    this.getComponentExtension = (typescript) => {
-      return typescript ? "tsx" : "jsx";
-    };
-    this.getIndexExtension = (typescript) => {
-      return typescript ? "ts" : "js";
-    };
-    this.generateComponent = (componentName, iconNode, typescript, keepColors, viewBox) => {
-      return generateReactLikeComponent(componentName, iconNode, typescript, keepColors ?? false, viewBox ?? "0 0 24 24", "preact");
-    };
-    this.generateBaseComponent = (typescript) => {
-      return generateReactLikeBaseComponent(typescript, "preact");
-    };
-  }
-};
-var VanillaStrategy = class {
-  constructor() {
-    this.name = "vanilla";
-    this.getComponentExtension = (typescript) => {
-      return typescript ? "ts" : "js";
-    };
-    this.getIndexExtension = (typescript) => {
-      return typescript ? "ts" : "js";
-    };
-    this.generateComponent = (componentName, iconNode, typescript, keepColors, viewBox) => {
-      return generateVanillaComponent(componentName, iconNode, typescript, keepColors ?? false, viewBox ?? "0 0 24 24");
-    };
-    this.generateBaseComponent = (typescript) => {
-      return generateVanillaBaseComponent(typescript);
-    };
-  }
-};
-var LitStrategy = class {
-  constructor() {
-    this.name = "lit";
-    this.getComponentExtension = (typescript) => {
-      return typescript ? "ts" : "js";
-    };
-    this.getIndexExtension = (typescript) => {
-      return typescript ? "ts" : "js";
-    };
-    this.generateComponent = (componentName, iconNode, typescript, keepColors, viewBox) => {
-      return generateLitComponent(componentName, iconNode, typescript, keepColors ?? false, viewBox ?? "0 0 24 24");
-    };
-    this.generateBaseComponent = (typescript) => {
-      return generateLitBaseComponent(typescript);
-    };
-  }
-};
-var QwikStrategy = class {
-  constructor() {
-    this.name = "qwik";
-    this.getComponentExtension = (typescript) => {
-      return typescript ? "tsx" : "jsx";
-    };
-    this.getIndexExtension = (typescript) => {
-      return typescript ? "ts" : "js";
-    };
-    this.generateComponent = (componentName, iconNode, typescript, keepColors, viewBox) => {
-      return generateReactLikeComponent(componentName, iconNode, typescript, keepColors ?? false, viewBox ?? "0 0 24 24", "qwik");
-    };
-    this.generateBaseComponent = (typescript) => {
-      return generateReactLikeBaseComponent(typescript, "qwik");
-    };
-  }
-};
-var AstroStrategy = class {
-  constructor() {
-    this.name = "astro";
-    this.getComponentExtension = (_typescript) => {
-      return "astro";
-    };
-    this.getIndexExtension = (typescript) => {
-      return typescript ? "ts" : "js";
-    };
-    this.generateComponent = (componentName, iconNode, typescript, keepColors, viewBox) => {
-      return generateAstroComponent(componentName, iconNode, typescript, keepColors ?? false, viewBox ?? "0 0 24 24");
-    };
-    this.generateBaseComponent = (typescript) => {
-      return generateAstroBaseComponent(typescript);
-    };
-  }
-};
-var AngularStrategy = class {
-  constructor() {
-    this.name = "angular";
-    this.getComponentExtension = (_typescript) => {
-      return "ts";
-    };
-    this.getIndexExtension = (_typescript) => {
-      return "ts";
-    };
-    this.generateComponent = (componentName, iconNode, typescript, keepColors, viewBox) => {
-      return generateAngularComponent(componentName, iconNode, typescript, keepColors ?? false, viewBox ?? "0 0 24 24");
-    };
-    this.generateBaseComponent = (typescript) => {
-      return generateAngularBaseComponent(typescript);
-    };
-  }
-};
-var FrameworkRegistry = class {
-  constructor() {
-    this.strategies = /* @__PURE__ */ new Map();
-    this.register(new ReactStrategy());
-    this.register(new VueStrategy());
-    this.register(new Vue2Strategy());
-    this.register(new SvelteStrategy());
-    this.register(new SolidStrategy());
-    this.register(new PreactStrategy());
-    this.register(new VanillaStrategy());
-    this.register(new LitStrategy());
-    this.register(new QwikStrategy());
-    this.register(new AstroStrategy());
-    this.register(new AngularStrategy());
-  }
-  /**
-   * Register a framework strategy
-   */
-  register(strategy) {
-    this.strategies.set(strategy.name, strategy);
-  }
-  /**
-   * Get a framework strategy
-   */
-  get(framework) {
-    const strategy = this.strategies.get(framework);
-    if (!strategy) {
-      throw new Error(`Unsupported framework: ${framework}`);
-    }
-    return strategy;
-  }
-  /**
-   * Check if a framework is supported
-   */
-  has(framework) {
-    return this.strategies.has(framework);
-  }
-  /**
-   * Get all supported frameworks
-   */
-  getSupportedFrameworks() {
-    return Array.from(this.strategies.keys());
-  }
-};
-var frameworkRegistry = new FrameworkRegistry();
-function getFrameworkStrategy(framework) {
-  return frameworkRegistry.get(framework);
-}
-
-// src/config/loader.ts
-import path2 from "path";
-import process2 from "process";
-import { createJiti } from "jiti";
-var DEFAULT_CONFIG = {
-  input: "./icons",
-  output: "./src/icons",
-  typescript: true,
-  optimize: true,
-  prefix: "",
-  suffix: "",
-  configDir: ".",
-  generateOptions: {
-    index: true,
-    types: true,
-    preview: false,
-    cleanOutput: false
-  },
-  watch: {
-    enabled: false,
-    ignore: ["**/node_modules/**", "**/.git/**"],
-    debounce: 300
-  }
-};
-async function loadConfig(configPath) {
-  const absolutePath = path2.resolve(process2.cwd(), configPath);
-  const configDir = path2.dirname(absolutePath);
-  const jiti = createJiti(configDir, {
-    interopDefault: true
-  });
-  let config;
-  try {
-    config = await jiti.import(absolutePath);
-  } catch (error) {
-    throw new Error(`Failed to load config from ${configPath}: ${error.message}`);
-  }
-  let loadedConfig = config.default || config;
-  if (Array.isArray(loadedConfig)) {
-    loadedConfig = loadedConfig[0];
-  }
-  const mergedConfig = {
-    ...DEFAULT_CONFIG,
-    ...loadedConfig,
-    generateOptions: {
-      ...DEFAULT_CONFIG.generateOptions,
-      ...loadedConfig.generateOptions
-    },
-    watch: {
-      ...DEFAULT_CONFIG.watch,
-      ...loadedConfig.watch
-    }
-  };
-  if (mergedConfig.configDir && mergedConfig.configDir !== ".") {
-    const projectRoot = path2.resolve(configDir, mergedConfig.configDir);
-    mergedConfig.input = path2.resolve(projectRoot, mergedConfig.input);
-    mergedConfig.output = path2.resolve(projectRoot, mergedConfig.output);
-  } else {
-    mergedConfig.input = path2.resolve(configDir, mergedConfig.input);
-    mergedConfig.output = path2.resolve(configDir, mergedConfig.output);
-  }
-  if (!mergedConfig.framework) {
-    const supported = frameworkRegistry.getSupportedFrameworks().join(", ");
-    throw new Error(`Config must specify a framework (${supported})`);
-  }
-  if (!frameworkRegistry.has(mergedConfig.framework)) {
-    const supported = frameworkRegistry.getSupportedFrameworks().join(", ");
-    throw new Error(`Invalid framework: ${mergedConfig.framework}. Supported: ${supported}`);
-  }
-  return mergedConfig;
-}
-async function findConfig() {
-  const { fileExists: fileExists2 } = await import("./helpers-ZOR3OD66.mjs");
-  const configFiles = [
-    "vectify.config.ts",
-    "vectify.config.js"
-  ];
-  for (const file of configFiles) {
-    const configPath = path2.resolve(process2.cwd(), file);
-    if (await fileExists2(configPath)) {
-      return configPath;
-    }
-  }
-  return null;
-}
-
-// src/generators/index.ts
-import path4 from "path";
-
-// src/cache/hash-utils.ts
-import { createHash } from "crypto";
-import { readFile as readFile2 } from "fs/promises";
-function hashContent(content) {
-  return createHash("sha256").update(content).digest("hex");
-}
-async function hashFile(filePath) {
-  try {
-    const content = await readFile2(filePath, "utf-8");
-    return hashContent(content);
-  } catch (error) {
-    throw new Error(`Failed to hash file ${filePath}: ${error}`);
-  }
-}
-function hashConfig(config) {
-  const relevantConfig = {
-    framework: config.framework,
-    typescript: config.typescript,
-    keepColors: config.keepColors,
-    prefix: config.prefix,
-    suffix: config.suffix,
-    optimize: config.optimize,
-    svgoConfig: config.svgoConfig,
-    componentNameTransform: config.componentNameTransform?.toString()
-  };
-  return hashContent(JSON.stringify(relevantConfig));
-}
-function hashSvgoConfig(svgoConfig) {
-  return hashContent(JSON.stringify(svgoConfig || {}));
-}
-
-// src/parsers/optimizer.ts
-import { optimize } from "svgo";
-var DEFAULT_SVGO_CONFIG = {
-  plugins: [
-    "preset-default",
-    "removeViewBox",
-    "removeDimensions",
-    "convertShapeToPath",
-    {
-      name: "removeAttrs",
-      params: {
-        attrs: ["class", "data-name"]
-      }
-    }
-  ]
-};
-async function optimizeSvg(svgContent, config) {
-  if (!config.optimize) {
-    return svgContent;
-  }
-  try {
-    const result = optimize(svgContent, {
-      ...DEFAULT_SVGO_CONFIG,
-      ...config.svgoConfig
-    });
-    return result.data;
-  } catch (error) {
-    console.warn(`SVGO optimization failed: ${error.message}`);
-    return svgContent;
-  }
-}
-
-// src/utils/formatter.ts
-import { exec } from "child_process";
-import path3 from "path";
-import process3 from "process";
-import { promisify } from "util";
-var execAsync = promisify(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 = process3.cwd();
-  const priority = ["biome", "prettier", "eslint"];
-  for (const tool of priority) {
-    const patterns = FORMATTER_PATTERNS[tool];
-    for (const pattern of patterns) {
-      const configPath = path3.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: process3.cwd() });
-    return { success: true, tool };
-  } catch (error) {
-    return {
-      success: false,
-      tool,
-      error: `Format failed with ${tool}: ${error.message}`
-    };
-  }
-}
-
-// src/generators/index.ts
-async function generateIcons(config, dryRun = false) {
-  const stats = {
-    success: 0,
-    failed: 0,
-    total: 0,
-    errors: []
-  };
-  try {
-    if (!dryRun) {
-      await ensureDir(config.output);
-    }
-    const svgFiles = await getSvgFiles(config.input);
-    stats.total = svgFiles.length;
-    if (svgFiles.length === 0) {
-      console.warn(`No SVG files found in ${config.input}`);
-      return stats;
-    }
-    if (config.generateOptions?.cleanOutput && !dryRun) {
-      await cleanOutputDirectory(svgFiles, config);
-    }
-    await generateBaseComponent(config, dryRun);
-    for (const svgFile of svgFiles) {
-      try {
-        await generateIconComponent(svgFile, config, dryRun);
-        stats.success++;
-      } catch (error) {
-        stats.failed++;
-        stats.errors.push({
-          file: svgFile,
-          error: error.message
-        });
-        console.error(`Failed to generate ${svgFile}: ${error.message}`);
-      }
-    }
-    if (config.generateOptions?.index) {
-      await generateIndexFile(svgFiles, config, dryRun);
-    }
-    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);
-    }
-  } catch (error) {
-    throw new Error(`Generation failed: ${error.message}`);
-  }
-  return stats;
-}
-async function generateIconsIncremental(config, cacheManager, dryRun = false) {
-  const stats = {
-    success: 0,
-    failed: 0,
-    total: 0,
-    errors: []
-  };
-  try {
-    if (!dryRun) {
-      await ensureDir(config.output);
-    }
-    const svgFiles = await getSvgFiles(config.input);
-    stats.total = svgFiles.length;
-    if (svgFiles.length === 0) {
-      console.warn(`No SVG files found in ${config.input}`);
-      return stats;
-    }
-    if (cacheManager.hasConfigChanged(config)) {
-      console.log("\u26A0\uFE0F  Configuration changed, rebuilding all icons...");
-      cacheManager.invalidateAll();
-    }
-    cacheManager.updateConfigHash(config);
-    await cacheManager.cleanStaleEntries(svgFiles);
-    if (config.generateOptions?.cleanOutput && !dryRun) {
-      await cleanOutputDirectory(svgFiles, config);
-    }
-    await generateBaseComponent(config, dryRun);
-    const strategy = getFrameworkStrategy(config.framework);
-    const typescript = config.typescript ?? true;
-    const fileExt = strategy.getComponentExtension(typescript);
-    const filesToGenerate = [];
-    const cachedFiles = [];
-    for (const svgFile of svgFiles) {
-      const fileName = path4.basename(svgFile);
-      const componentName = getComponentName(
-        fileName,
-        config.prefix,
-        config.suffix,
-        config.componentNameTransform
-      );
-      const componentPath = path4.join(config.output, `${componentName}.${fileExt}`);
-      const needsRegen = await cacheManager.needsRegeneration(
-        svgFile,
-        componentPath,
-        config
-      );
-      if (needsRegen) {
-        filesToGenerate.push(svgFile);
-      } else {
-        cachedFiles.push(svgFile);
-      }
-    }
-    if (cachedFiles.length > 0) {
-      console.log(`\u{1F4E6} Cache: ${cachedFiles.length} cached, ${filesToGenerate.length} to generate`);
-    }
-    for (const svgFile of filesToGenerate) {
-      try {
-        await generateIconComponent(svgFile, config, dryRun, cacheManager);
-        stats.success++;
-      } catch (error) {
-        stats.failed++;
-        stats.errors.push({
-          file: svgFile,
-          error: error.message
-        });
-        console.error(`Failed to generate ${svgFile}: ${error.message}`);
-      }
-    }
-    stats.success += cachedFiles.length;
-    if (config.generateOptions?.index) {
-      await generateIndexFile(svgFiles, config, dryRun);
-    }
-    if (config.generateOptions?.preview && !dryRun) {
-      await generatePreviewHtml(svgFiles, config);
-    }
-    if (!dryRun) {
-      await cacheManager.save();
-      const cacheStats = cacheManager.getStats();
-      if (cacheStats.total > 0) {
-        const hitRate = cacheManager.getHitRate();
-        const timeSaved = (cacheStats.timeSaved / 1e3).toFixed(1);
-        console.log(`\u26A1 Cache saved ~${timeSaved}s (${hitRate.toFixed(1)}% hit rate)`);
-      }
-    }
-    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);
-    }
-  } catch (error) {
-    throw new Error(`Generation failed: ${error.message}`);
-  }
-  return stats;
-}
-async function generateIconComponent(svgFile, config, dryRun = false, cacheManager) {
-  let svgContent = await readFile(svgFile);
-  const fileName = path4.basename(svgFile);
-  if (config.hooks?.beforeParse) {
-    svgContent = await config.hooks.beforeParse(svgContent, fileName);
-  }
-  const { isMultiColor: isMultiColorBeforeOptimization } = parseSvg(svgContent);
-  svgContent = await optimizeSvg(svgContent, config);
-  const { iconNodes, viewBox } = parseSvg(svgContent);
-  const componentName = getComponentName(
-    fileName,
-    config.prefix,
-    config.suffix,
-    config.componentNameTransform
-  );
-  const strategy = getFrameworkStrategy(config.framework);
-  const typescript = config.typescript ?? true;
-  const keepColors = config.keepColors !== void 0 ? config.keepColors : isMultiColorBeforeOptimization;
-  let code = strategy.generateComponent(
-    componentName,
-    iconNodes,
-    typescript,
-    keepColors,
-    viewBox
-  );
-  if (config.hooks?.afterGenerate) {
-    code = await config.hooks.afterGenerate(code, componentName);
-  }
-  const fileExt = strategy.getComponentExtension(typescript);
-  const outputPath = path4.join(config.output, `${componentName}.${fileExt}`);
-  if (dryRun) {
-    console.log(`  ${componentName}.${fileExt}`);
-  } else {
-    await writeFile(outputPath, code);
-    if (cacheManager) {
-      const componentHash = hashContent(code);
-      await cacheManager.updateEntry(
-        svgFile,
-        outputPath,
-        componentName,
-        componentHash,
-        config
-      );
-    }
-  }
-}
-async function generateBaseComponent(config, dryRun = false) {
-  const typescript = config.typescript ?? true;
-  const strategy = getFrameworkStrategy(config.framework);
-  const { code, fileName } = strategy.generateBaseComponent(typescript);
-  const outputPath = path4.join(config.output, fileName);
-  if (dryRun) {
-    console.log(`  ${fileName}`);
-  } else {
-    await writeFile(outputPath, code);
-  }
-}
-async function generateIndexFile(svgFiles, config, dryRun = false) {
-  const typescript = config.typescript ?? true;
-  const strategy = getFrameworkStrategy(config.framework);
-  const ext = strategy.getIndexExtension(typescript);
-  const componentExt = strategy.getComponentExtension(typescript);
-  const usesDefaultExport = ["vue", "vue2", "svelte", "react", "preact"].includes(config.framework);
-  const needsExtension = ["vue", "vue2", "svelte"].includes(config.framework);
-  const exports = svgFiles.map((svgFile) => {
-    const fileName = path4.basename(svgFile);
-    const componentName = getComponentName(
-      fileName,
-      config.prefix,
-      config.suffix,
-      config.componentNameTransform
-    );
-    const importPath = needsExtension ? `./${componentName}.${componentExt}` : `./${componentName}`;
-    if (usesDefaultExport) {
-      return `export { default as ${componentName} } from '${importPath}'`;
-    } else {
-      return `export { ${componentName} } from '${importPath}'`;
-    }
-  }).join("\n");
-  const indexPath = path4.join(config.output, `index.${ext}`);
-  if (dryRun) {
-    console.log(`  index.${ext}`);
-  } else {
-    await writeFile(indexPath, `${exports}
-`);
-  }
-}
-async function generatePreviewHtml(svgFiles, config) {
-  const componentNames = svgFiles.map((svgFile) => {
-    const fileName = path4.basename(svgFile);
-    return getComponentName(
-      fileName,
-      config.prefix,
-      config.suffix,
-      config.componentNameTransform
-    );
-  });
-  const svgContents = await Promise.all(
-    svgFiles.map(async (svgFile) => {
-      return await readFile(svgFile);
-    })
-  );
-  const html = `<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Icons - ${componentNames.length} Total</title>
-  <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
-</head>
-<body class="bg-white">
-  <div class="max-w-[1400px] mx-auto px-6 py-12">
-    <header class="mb-12">
-      <h1 class="text-3xl font-semibold text-gray-900 mb-2">Icons</h1>
-      <p class="text-sm text-gray-600">${componentNames.length} icons \u2022 ${config.framework} \u2022 Click to copy name</p>
-    </header>
-
-    <div class="flex items-center gap-4 mb-8 pb-6 border-b border-gray-200">
-      <div class="flex-1">
-        <input
-          type="search"
-          id="search"
-          placeholder="Search icons..."
-          class="w-full h-10 px-4 text-sm border border-gray-300 rounded-lg focus:outline-none focus:border-gray-900 transition-colors"
-        />
-      </div>
-
-      <div class="flex items-center gap-3">
-        <label for="size" class="text-sm text-gray-600">Size</label>
-        <input
-          type="range"
-          id="size"
-          min="16"
-          max="96"
-          value="32"
-          step="8"
-          class="w-24 h-1 accent-gray-900"
-        />
-        <span id="sizeValue" class="text-sm text-gray-900 w-10">32px</span>
-      </div>
-
-      <div class="flex items-center gap-3">
-        <label for="color" class="text-sm text-gray-600">Color</label>
-        <input
-          type="color"
-          id="color"
-          value="#171717"
-          class="w-10 h-10 rounded-lg border border-gray-300 cursor-pointer"
-        />
-      </div>
-    </div>
-
-    <div id="iconGrid" class="grid grid-cols-4 sm:grid-cols-6 md:grid-cols-8 lg:grid-cols-10 xl:grid-cols-12 gap-1"></div>
-  </div>
-
-  <script>
-    const icons = ${JSON.stringify(componentNames)};
-    const svgContents = ${JSON.stringify(svgContents)};
-
-    let currentSize = 32;
-    let currentColor = '#171717';
-    let searchQuery = '';
-
-    function renderIcons() {
-      const grid = document.getElementById('iconGrid');
-      grid.innerHTML = '';
-
-      const filteredIcons = icons.filter((name) =>
-        name.toLowerCase().includes(searchQuery.toLowerCase())
-      );
-
-      if (filteredIcons.length === 0) {
-        grid.innerHTML = '<div class="col-span-full text-center py-20 text-gray-400 text-sm">No icons found</div>';
-        return;
-      }
-
-      for (let i = 0; i < filteredIcons.length; i++) {
-        const iconName = filteredIcons[i];
-        const svgIndex = icons.indexOf(iconName);
-        const svgContent = svgContents[svgIndex];
-
-        const card = document.createElement('div');
-        card.className = 'group relative aspect-square flex flex-col items-center justify-center p-4 rounded-lg border border-transparent hover:border-gray-200 hover:bg-gray-50 transition-all cursor-pointer';
-        card.onclick = () => copyToClipboard(iconName);
-        card.title = iconName;
-
-        const wrapper = document.createElement('div');
-        wrapper.className = 'flex items-center justify-center mb-2';
-
-        wrapper.innerHTML = svgContent;
-
-        const svg = wrapper.querySelector('svg');
-        if (svg) {
-          svg.setAttribute('width', currentSize);
-          svg.setAttribute('height', currentSize);
-          svg.setAttribute('stroke', currentColor);
-          svg.setAttribute('fill', 'none');
-
-          // Update stroke color for all child elements
-          const elements = svg.querySelectorAll('[stroke]');
-          elements.forEach(el => {
-            el.setAttribute('stroke', currentColor);
-          });
-        }
-
-        const name = document.createElement('div');
-        name.className = 'text-[10px] text-gray-500 text-center truncate w-full group-hover:text-gray-900';
-        name.textContent = iconName;
-
-        card.appendChild(wrapper);
-        card.appendChild(name);
-        grid.appendChild(card);
-      }
-    }
-
-    function copyToClipboard(text) {
-      navigator.clipboard.writeText(text).then(() => {
-        showCopiedNotification(text);
-      });
-    }
-
-    function showCopiedNotification(text) {
-      const existing = document.querySelector('.toast');
-      if (existing) existing.remove();
-
-      const notification = document.createElement('div');
-      notification.className = 'toast fixed bottom-6 right-6 bg-gray-900 text-white text-sm px-4 py-2.5 rounded-lg shadow-lg flex items-center gap-2 transition-opacity';
-      notification.innerHTML = \`
-        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
-        </svg>
-        <span>Copied \${text}</span>
-      \`;
-      document.body.appendChild(notification);
-
-      setTimeout(() => {
-        notification.style.opacity = '0';
-        setTimeout(() => notification.remove(), 200);
-      }, 1800);
-    }
-
-    document.getElementById('size').addEventListener('input', (e) => {
-      currentSize = e.target.value;
-      document.getElementById('sizeValue').textContent = currentSize + 'px';
-      renderIcons();
-    });
-
-    document.getElementById('color').addEventListener('input', (e) => {
-      currentColor = e.target.value;
-      renderIcons();
-    });
-
-    document.getElementById('search').addEventListener('input', (e) => {
-      searchQuery = e.target.value;
-      renderIcons();
-    });
-
-    renderIcons();
-  </script>
-</body>
-</html>`;
-  const previewPath = path4.join(config.output, "preview.html");
-  await writeFile(previewPath, html);
-}
-async function cleanOutputDirectory(svgFiles, config) {
-  const { readdir, unlink } = await import("fs/promises");
-  const strategy = getFrameworkStrategy(config.framework);
-  const fileExt = strategy.getComponentExtension(config.typescript ?? true);
-  const expectedComponents = new Set(
-    svgFiles.map((svgFile) => {
-      const fileName = path4.basename(svgFile, ".svg");
-      const componentName = getComponentName(
-        fileName,
-        config.prefix,
-        config.suffix,
-        config.componentNameTransform
-      );
-      return `${componentName}.${fileExt}`;
-    })
-  );
-  const protectedFiles = /* @__PURE__ */ new Set([
-    `Icon.${fileExt}`,
-    `createIcon.${fileExt}`,
-    `index.${config.typescript ? "ts" : "js"}`,
-    `index.d.ts`,
-    "preview.html"
-  ]);
-  try {
-    const files = await readdir(config.output);
-    for (const file of files) {
-      if (protectedFiles.has(file)) {
-        continue;
-      }
-      if (!file.endsWith(`.${fileExt}`)) {
-        continue;
-      }
-      if (!expectedComponents.has(file)) {
-        const filePath = path4.join(config.output, file);
-        await unlink(filePath);
-        console.log(`Deleted orphaned component: ${file}`);
-      }
-    }
-  } catch (error) {
-    console.warn(`Failed to clean output directory: ${error.message}`);
-  }
-}
-
-// src/commands/generate.ts
-import chalk from "chalk";
-import ora from "ora";
-
-// src/cache/cache-manager.ts
-import { existsSync } from "fs";
-import { mkdir, readFile as readFile3, stat, writeFile as writeFile2 } from "fs/promises";
-import { dirname, join } from "path";
-var CACHE_VERSION = "1.0.0";
-var CacheManager = class {
-  constructor(outputDir, cacheDir = ".vectify") {
-    this.cache = {
-      version: CACHE_VERSION,
-      configHash: "",
-      entries: {},
-      baseComponentHash: ""
-    };
-    this.cacheFilePath = join(outputDir, cacheDir, "cache.json");
-    this.stats = {
-      hits: 0,
-      misses: 0,
-      total: 0,
-      timeSaved: 0
-    };
-    this.isDirty = false;
-    process.on("beforeExit", () => {
-      if (this.isDirty) {
-        this.saveSync();
-      }
-    });
-  }
-  /**
-   * Load cache from disk
-   */
-  async load() {
-    try {
-      if (!existsSync(this.cacheFilePath)) {
-        return;
-      }
-      const content = await readFile3(this.cacheFilePath, "utf-8");
-      const loadedCache = JSON.parse(content);
-      if (loadedCache.version !== CACHE_VERSION) {
-        console.log("\u26A0\uFE0F  Cache version mismatch, rebuilding cache...");
-        return;
-      }
-      this.cache = loadedCache;
-    } catch (error) {
-      console.warn("\u26A0\uFE0F  Failed to load cache, starting fresh:", error);
-      this.cache = {
-        version: CACHE_VERSION,
-        configHash: "",
-        entries: {},
-        baseComponentHash: ""
-      };
-    }
-  }
-  /**
-   * Save cache to disk (atomic write)
-   */
-  async save() {
-    try {
-      const cacheDir = dirname(this.cacheFilePath);
-      await mkdir(cacheDir, { recursive: true });
-      const tempPath = `${this.cacheFilePath}.tmp`;
-      await writeFile2(tempPath, JSON.stringify(this.cache, null, 2), "utf-8");
-      await writeFile2(this.cacheFilePath, JSON.stringify(this.cache, null, 2), "utf-8");
-      this.isDirty = false;
-    } catch (error) {
-      console.warn("\u26A0\uFE0F  Failed to save cache:", error);
-    }
-  }
-  /**
-   * Synchronous save for process exit
-   */
-  saveSync() {
-    try {
-      const fs2 = __require("fs");
-      const cacheDir = dirname(this.cacheFilePath);
-      if (!fs2.existsSync(cacheDir)) {
-        fs2.mkdirSync(cacheDir, { recursive: true });
-      }
-      fs2.writeFileSync(this.cacheFilePath, JSON.stringify(this.cache, null, 2), "utf-8");
-      this.isDirty = false;
-    } catch {
-      console.warn("\u26A0\uFE0F  Failed to save cache on exit");
-    }
-  }
-  /**
-   * Check if a file needs regeneration
-   */
-  async needsRegeneration(svgPath, componentPath, config) {
-    this.stats.total++;
-    if (!existsSync(componentPath)) {
-      this.stats.misses++;
-      return true;
-    }
-    const entry = this.cache.entries[svgPath];
-    if (!entry) {
-      this.stats.misses++;
-      return true;
-    }
-    try {
-      const stats = await stat(svgPath);
-      const currentMtime = stats.mtimeMs;
-      if (currentMtime === entry.svgMtime) {
-        if (!this.isConfigMatching(entry, config)) {
-          this.stats.misses++;
-          return true;
-        }
-        this.stats.hits++;
-        this.stats.timeSaved += 50;
-        return false;
-      }
-      const currentHash = await hashFile(svgPath);
-      if (currentHash === entry.svgHash) {
-        entry.svgMtime = currentMtime;
-        this.isDirty = true;
-        this.stats.hits++;
-        this.stats.timeSaved += 50;
-        return false;
-      }
-      this.stats.misses++;
-      return true;
-    } catch {
-      this.stats.misses++;
-      return true;
-    }
-  }
-  /**
-   * Check if config matches cache entry
-   */
-  isConfigMatching(entry, config) {
-    const snapshot = entry.configSnapshot;
-    return snapshot.framework === config.framework && snapshot.typescript === config.typescript && snapshot.keepColors === config.keepColors && snapshot.prefix === (config.prefix || "") && snapshot.suffix === (config.suffix || "") && snapshot.optimize === config.optimize && snapshot.svgoConfigHash === hashSvgoConfig(config.svgoConfig);
-  }
-  /**
-   * Update cache entry after successful generation
-   */
-  async updateEntry(svgPath, componentPath, componentName, componentHash, config) {
-    try {
-      const svgHash = await hashFile(svgPath);
-      const stats = await stat(svgPath);
-      this.cache.entries[svgPath] = {
-        svgPath,
-        svgHash,
-        svgMtime: stats.mtimeMs,
-        componentName,
-        componentPath,
-        componentHash,
-        configSnapshot: {
-          framework: config.framework,
-          typescript: config.typescript ?? true,
-          keepColors: config.keepColors ?? false,
-          prefix: config.prefix || "",
-          suffix: config.suffix || "",
-          optimize: config.optimize ?? true,
-          svgoConfigHash: hashSvgoConfig(config.svgoConfig)
-        },
-        generatedAt: Date.now()
-      };
-      this.isDirty = true;
-    } catch (error) {
-      console.warn(`\u26A0\uFE0F  Failed to update cache entry for ${svgPath}:`, error);
-    }
-  }
-  /**
-   * Remove cache entry
-   */
-  removeEntry(svgPath) {
-    if (this.cache.entries[svgPath]) {
-      delete this.cache.entries[svgPath];
-      this.isDirty = true;
-    }
-  }
-  /**
-   * Update config hash
-   */
-  updateConfigHash(config) {
-    const newHash = hashConfig(config);
-    if (this.cache.configHash !== newHash) {
-      this.cache.configHash = newHash;
-      this.isDirty = true;
-    }
-  }
-  /**
-   * Update base component hash
-   */
-  updateBaseComponentHash(hash) {
-    if (this.cache.baseComponentHash !== hash) {
-      this.cache.baseComponentHash = hash;
-      this.isDirty = true;
-    }
-  }
-  /**
-   * Check if config has changed (invalidates all cache)
-   */
-  hasConfigChanged(config) {
-    const currentHash = hashConfig(config);
-    return this.cache.configHash !== "" && this.cache.configHash !== currentHash;
-  }
-  /**
-   * Invalidate all cache entries
-   */
-  invalidateAll() {
-    this.cache.entries = {};
-    this.isDirty = true;
-  }
-  /**
-   * Clean stale entries (files that no longer exist)
-   */
-  async cleanStaleEntries(existingSvgPaths) {
-    const existingSet = new Set(existingSvgPaths);
-    let cleaned = 0;
-    for (const svgPath of Object.keys(this.cache.entries)) {
-      if (!existingSet.has(svgPath)) {
-        delete this.cache.entries[svgPath];
-        cleaned++;
-        this.isDirty = true;
-      }
-    }
-    if (cleaned > 0) {
-      console.log(`\u{1F9F9} Cleaned ${cleaned} stale cache entries`);
-    }
-  }
-  /**
-   * Get cache statistics
-   */
-  getStats() {
-    return { ...this.stats };
-  }
-  /**
-   * Reset statistics
-   */
-  resetStats() {
-    this.stats = {
-      hits: 0,
-      misses: 0,
-      total: 0,
-      timeSaved: 0
-    };
-  }
-  /**
-   * Get cache hit rate
-   */
-  getHitRate() {
-    if (this.stats.total === 0)
-      return 0;
-    return this.stats.hits / this.stats.total * 100;
-  }
-};
-
-// src/commands/generate.ts
-async function generate(options = {}) {
-  const spinner = ora("Loading configuration...").start();
-  try {
-    let configPath = options.config;
-    if (!configPath) {
-      const foundConfig = await findConfig();
-      if (!foundConfig) {
-        spinner.fail("No config file found");
-        console.log(chalk.yellow("\nRun"), chalk.cyan("svg-icon init"), chalk.yellow("to create a config file"));
-        return;
-      }
-      configPath = foundConfig;
-    }
-    const config = await loadConfig(configPath);
-    spinner.succeed(`Config loaded from ${chalk.green(configPath)}`);
-    if (options.dryRun) {
-      spinner.info(chalk.cyan("Dry run mode - no files will be written"));
-      console.log(`
-${chalk.bold("Files that would be generated:")}
-`);
-    }
-    const useIncremental = config.incremental?.enabled !== false && !options.force && !options.dryRun;
-    let cacheManager = null;
-    if (useIncremental) {
-      const cacheDir = config.incremental?.cacheDir || ".vectify";
-      cacheManager = new CacheManager(config.output, cacheDir);
-      await cacheManager.load();
-    }
-    if (options.force) {
-      spinner.info(chalk.yellow("Force mode - ignoring cache, regenerating all icons"));
-    }
-    const actionText = options.dryRun ? "Analyzing icons..." : "Generating icon components...";
-    spinner.start(actionText);
-    const stats = cacheManager ? await generateIconsIncremental(config, cacheManager, options.dryRun) : await generateIcons(config, options.dryRun);
-    if (stats.failed > 0) {
-      spinner.warn(`${options.dryRun ? "Analyzed" : "Generated"} ${chalk.green(stats.success)} icons, ${chalk.red(stats.failed)} failed`);
-      if (stats.errors.length > 0) {
-        console.log(`
-${chalk.bold.red("Errors:")}`);
-        stats.errors.forEach(({ file, error }) => {
-          console.log(`  ${chalk.red("\u2717")} ${file}: ${error}`);
-        });
-      }
-    } else {
-      const message = options.dryRun ? `Would generate ${chalk.green(stats.success)} icon components` : `Generated ${chalk.green(stats.success)} icon components`;
-      spinner.succeed(message);
-    }
-    if (options.dryRun) {
-      console.log(`
-${chalk.bold("Target directory:")} ${chalk.cyan(config.output)}`);
-      console.log(chalk.gray("\nRun without --dry-run to generate files"));
-    } else {
-      console.log(`
-${chalk.bold("Output:")} ${chalk.cyan(config.output)}`);
-      if (config.generateOptions?.preview) {
-        console.log(`${chalk.bold("Preview:")} ${chalk.cyan(`${config.output}/preview.html`)}`);
-      }
-    }
-  } catch (error) {
-    spinner.fail("Generation failed");
-    console.error(chalk.red(error.message));
-    throw error;
-  }
-}
-
-// src/commands/init.ts
-import path5 from "path";
-import process4 from "process";
-import chalk2 from "chalk";
-import inquirer from "inquirer";
-import ora2 from "ora";
-async function init(options = {}) {
-  try {
-    const projectRoot = await findProjectRoot();
-    const currentDir = process4.cwd();
-    if (currentDir !== projectRoot) {
-      console.log(chalk2.yellow(`
-Note: Project root detected at ${chalk2.cyan(projectRoot)}`));
-      console.log(chalk2.yellow(`Current directory: ${chalk2.cyan(currentDir)}
-`));
-    }
-    const pathAnswers = await inquirer.prompt([
-      {
-        type: "input",
-        name: "configPath",
-        message: "Where should we create the config file?",
-        default: options.config || "./vectify.config.ts",
-        validate: (input) => {
-          if (!input.endsWith(".ts") && !input.endsWith(".js")) {
-            return "Config file must have .ts or .js extension";
-          }
-          return true;
-        }
-      }
-    ]);
-    const configPath = path5.resolve(projectRoot, pathAnswers.configPath);
-    const configDir = path5.dirname(configPath);
-    if (!options.force && await fileExists(configPath)) {
-      const { overwrite } = await inquirer.prompt([
-        {
-          type: "confirm",
-          name: "overwrite",
-          message: "Config file already exists. Overwrite?",
-          default: false
-        }
-      ]);
-      if (!overwrite) {
-        console.log(chalk2.yellow("Cancelled"));
-        return;
-      }
-    }
-    const supportedFrameworks = frameworkRegistry.getSupportedFrameworks();
-    const frameworkChoices = supportedFrameworks.map((fw) => ({
-      name: fw.charAt(0).toUpperCase() + fw.slice(1),
-      value: fw
-    }));
-    const answers = await inquirer.prompt([
-      {
-        type: "list",
-        name: "framework",
-        message: "Which framework are you using?",
-        choices: frameworkChoices
-      },
-      {
-        type: "list",
-        name: "vueVersion",
-        message: "Which Vue version?",
-        choices: [
-          { name: "Vue 3", value: "vue" },
-          { name: "Vue 2", value: "vue2" }
-        ],
-        when: (answers2) => answers2.framework === "vue"
-      },
-      {
-        type: "input",
-        name: "input",
-        message: "Where are your SVG files located?",
-        default: "./icons"
-      },
-      {
-        type: "input",
-        name: "output",
-        message: "Where should we output the components?",
-        default: "./src/icons"
-      },
-      {
-        type: "confirm",
-        name: "typescript",
-        message: "Use TypeScript?",
-        default: true
-      },
-      {
-        type: "confirm",
-        name: "optimize",
-        message: "Optimize SVG files with SVGO?",
-        default: true
-      },
-      {
-        type: "input",
-        name: "prefix",
-        message: "Component name prefix (optional):",
-        default: ""
-      },
-      {
-        type: "input",
-        name: "suffix",
-        message: "Component name suffix (optional):",
-        default: ""
-      }
-    ]);
-    const inputPath = path5.resolve(projectRoot, answers.input);
-    const outputPath = path5.resolve(projectRoot, answers.output);
-    const spinner = ora2("Setting up directories...").start();
-    await ensureDir(inputPath);
-    spinner.text = `Created input directory: ${chalk2.cyan(answers.input)}`;
-    await ensureDir(outputPath);
-    spinner.succeed(`Created output directory: ${chalk2.cyan(answers.output)}`);
-    const relativeConfigDir = path5.relative(configDir, projectRoot) || ".";
-    const finalFramework = answers.vueVersion || answers.framework;
-    const configContent = generateConfigContent({ ...answers, framework: finalFramework }, relativeConfigDir);
-    spinner.start("Creating config file...");
-    await writeFile(configPath, configContent);
-    spinner.succeed(`Config file created at ${chalk2.green(configPath)}`);
-    console.log(`
-${chalk2.bold("Next steps:")}`);
-    console.log(`  1. Place your SVG files in ${chalk2.cyan(answers.input)}`);
-    console.log(`  2. Run ${chalk2.cyan("svg-icon generate")} to generate components`);
-    console.log(`  3. Import and use your icons!
-`);
-  } catch (error) {
-    console.error(chalk2.red("Initialization failed"));
-    throw error;
-  }
-}
-function generateConfigContent(answers, configDir) {
-  return `import { defineConfig } from 'vectify'
-
-export default defineConfig({
-  framework: '${answers.framework}',
-  configDir: '${configDir}',
-  input: '${answers.input}',
-  output: '${answers.output}',
-  typescript: ${answers.typescript},
-  optimize: ${answers.optimize},
-  prefix: '${answers.prefix}',
-  suffix: '${answers.suffix}',
-  generateOptions: {
-    index: true,
-    types: true,
-    preview: false
-  },
-  watch: {
-    enabled: false,
-    ignore: ['**/node_modules/**', '**/.git/**'],
-    debounce: 300,
-  },
-})
-`;
-}
-
-// src/commands/watch.ts
-import path6 from "path";
-import chalk3 from "chalk";
-import chokidar from "chokidar";
-import ora3 from "ora";
-
-// src/cache/svg-validator.ts
-import { readFile as readFile4, stat as stat2 } from "fs/promises";
-import { load as load2 } from "cheerio";
-var MIN_SVG_SIZE = 20;
-var DRAWABLE_ELEMENTS = [
-  "path",
-  "circle",
-  "rect",
-  "ellipse",
-  "line",
-  "polyline",
-  "polygon",
-  "text",
-  "image",
-  "use"
-];
-async function validateSVGFile(filePath) {
-  try {
-    const stats = await stat2(filePath);
-    if (stats.size < MIN_SVG_SIZE) {
-      return {
-        isValid: false,
-        isEmpty: true,
-        reason: "File is too small to be a valid SVG"
-      };
-    }
-    const content = await readFile4(filePath, "utf-8");
-    if (!content.trim()) {
-      return {
-        isValid: false,
-        isEmpty: true,
-        reason: "File is empty"
-      };
-    }
-    if (!content.includes("<svg")) {
-      return {
-        isValid: false,
-        isEmpty: false,
-        reason: "File does not contain <svg> tag"
-      };
-    }
-    if (!hasDrawableContent(content)) {
-      return {
-        isValid: false,
-        isEmpty: true,
-        reason: "SVG has no drawable content"
-      };
-    }
-    try {
-      const $ = load2(content, { xmlMode: true });
-      const svgElement = $("svg");
-      if (svgElement.length === 0) {
-        return {
-          isValid: false,
-          isEmpty: false,
-          reason: "Failed to parse SVG element"
-        };
-      }
-      return {
-        isValid: true,
-        isEmpty: false
-      };
-    } catch (parseError) {
-      return {
-        isValid: false,
-        isEmpty: false,
-        reason: `Failed to parse SVG: ${parseError}`
-      };
-    }
-  } catch (error) {
-    return {
-      isValid: false,
-      isEmpty: false,
-      reason: `Failed to read file: ${error}`
-    };
-  }
-}
-function hasDrawableContent(content) {
-  return DRAWABLE_ELEMENTS.some((element) => content.includes(`<${element}`));
-}
-
-// src/commands/watch.ts
-async function watch(options = {}) {
-  const spinner = ora3("Loading configuration...").start();
-  try {
-    let configPath = options.config;
-    if (!configPath) {
-      const foundConfig = await findConfig();
-      if (!foundConfig) {
-        spinner.fail("No config file found");
-        console.log(chalk3.yellow("\nRun"), chalk3.cyan("svg-icon init"), chalk3.yellow("to create a config file"));
-        return;
-      }
-      configPath = foundConfig;
-    }
-    const config = await loadConfig(configPath);
-    spinner.succeed(`Config loaded from ${chalk3.green(configPath)}`);
-    const useIncremental = config.incremental?.enabled !== false;
-    const cacheDir = config.incremental?.cacheDir || ".vectify";
-    const cacheManager = useIncremental ? new CacheManager(config.output, cacheDir) : null;
-    if (cacheManager) {
-      await cacheManager.load();
-    }
-    spinner.start("Generating icon components...");
-    const initialStats = useIncremental && cacheManager ? await generateIconsIncremental(config, cacheManager) : await generateIcons(config);
-    spinner.succeed(`Generated ${chalk3.green(initialStats.success)} icon components`);
-    const watchPath = path6.join(config.input, "**/*.svg");
-    const debounce = config.watch?.debounce ?? 300;
-    const ignore = config.watch?.ignore ?? ["**/node_modules/**", "**/.git/**"];
-    const emptyFileRetryDelay = config.watch?.emptyFileRetryDelay ?? 2e3;
-    console.log(chalk3.bold("\nWatching for changes..."));
-    console.log(`  ${chalk3.cyan(watchPath)}`);
-    console.log(`  ${chalk3.gray("Press Ctrl+C to stop")}
-`);
-    const pendingChanges = /* @__PURE__ */ new Map();
-    const debounceTimer = null;
-    const watcher = chokidar.watch(watchPath, {
-      ignored: ignore,
-      persistent: true,
-      ignoreInitial: true
-    });
-    watcher.on("add", (filePath) => {
-      handleChange("added", filePath, config, cacheManager, debounce, emptyFileRetryDelay, pendingChanges, debounceTimer);
-    }).on("change", (filePath) => {
-      handleChange("changed", filePath, config, cacheManager, debounce, emptyFileRetryDelay, pendingChanges, debounceTimer);
-    }).on("unlink", (filePath) => {
-      console.log(chalk3.yellow(`SVG file removed: ${path6.basename(filePath)}`));
-      handleChange("removed", filePath, config, cacheManager, debounce, emptyFileRetryDelay, pendingChanges, debounceTimer);
-    }).on("error", (error) => {
-      console.error(chalk3.red(`Watcher error: ${error.message}`));
-    });
-    process.on("SIGINT", () => {
-      console.log(`
-
-${chalk3.yellow("Stopping watch mode...")}`);
-      watcher.close();
-      process.exit(0);
-    });
-  } catch (error) {
-    spinner.fail("Watch mode failed");
-    console.error(chalk3.red(error.message));
-    throw error;
-  }
-}
-function handleChange(event, filePath, config, cacheManager, debounce, emptyFileRetryDelay, pendingChanges, timer) {
-  pendingChanges.set(filePath, event);
-  if (timer) {
-    clearTimeout(timer);
-  }
-  timer = setTimeout(async () => {
-    const changes = Array.from(pendingChanges.entries());
-    pendingChanges.clear();
-    const validChanges = [];
-    const invalidFiles = [];
-    for (const [file, changeEvent] of changes) {
-      if (changeEvent === "removed") {
-        validChanges.push([file, changeEvent]);
-        continue;
-      }
-      const validation = await validateSVGFile(file);
-      if (!validation.isValid) {
-        if (validation.isEmpty) {
-          console.log(chalk3.yellow(`\u23F3 Waiting for content: ${path6.basename(file)}`));
-          setTimeout(() => {
-            handleChange(changeEvent, file, config, cacheManager, debounce, emptyFileRetryDelay, pendingChanges, timer);
-          }, emptyFileRetryDelay);
-        } else {
-          console.error(chalk3.red(`\u274C Invalid SVG: ${path6.basename(file)} - ${validation.reason}`));
-          invalidFiles.push(file);
-        }
-        continue;
-      }
-      validChanges.push([file, changeEvent]);
-    }
-    if (validChanges.length === 0) {
-      return;
-    }
-    const spinner = ora3(`Processing ${validChanges.length} change(s)...`).start();
-    try {
-      const stats = cacheManager ? await generateIconsIncremental(config, cacheManager) : await generateIcons(config);
-      if (stats.failed > 0) {
-        spinner.warn(
-          `Regenerated ${chalk3.green(stats.success)} icons, ${chalk3.red(stats.failed)} failed`
-        );
-      } else {
-        spinner.succeed(`\u2713 Updated ${chalk3.green(stats.success)} icon components`);
-      }
-      const triggerFiles = validChanges.map(([file, evt]) => `${path6.basename(file)} (${evt})`).join(", ");
-      console.log(chalk3.gray(`  Triggered by: ${triggerFiles}
-`));
-    } catch (error) {
-      spinner.fail("Regeneration failed");
-      console.error(chalk3.red(error.message));
-    }
-  }, debounce);
-}
-
-export {
-  frameworkRegistry,
-  getFrameworkStrategy,
-  loadConfig,
-  findConfig,
-  generateIcons,
-  generate,
-  init,
-  watch
-};