vectify 2.0.0

package/dist/cli.mjs

@@ -0,0 +1,56 @@
+#!/usr/bin/env node
+import {
+  generate,
+  init,
+  watch
+} from "./chunk-4BWKFV7W.mjs";
+import "./chunk-CIKTK6HI.mjs";
+
+// src/cli.ts
+import { readFileSync } from "fs";
+import { dirname, join } from "path";
+import { fileURLToPath } from "url";
+import chalk from "chalk";
+import { Command } from "commander";
+function getPackageJson() {
+  let pkgPath;
+  if (typeof __dirname !== "undefined") {
+    pkgPath = join(__dirname, "../package.json");
+  } else {
+    const __filename = fileURLToPath(import.meta.url);
+    const __dirname2 = dirname(__filename);
+    pkgPath = join(__dirname2, "../package.json");
+  }
+  return JSON.parse(readFileSync(pkgPath, "utf-8"));
+}
+var packageJson = getPackageJson();
+var program = new Command();
+program.name("svg-icon").description(packageJson.description).version(packageJson.version, "-v, --version", "Output the current version");
+program.command("init").description("Initialize a new configuration file").option("--force", "Overwrite existing configuration").option("--config <path>", "Custom config file path").action(async (options) => {
+  try {
+    await init(options);
+  } catch (error) {
+    console.error(chalk.red(`Error: ${error.message}`));
+    process.exit(1);
+  }
+});
+program.command("generate").description("Generate icon components from SVG files").option("-c, --config <path>", "Path to config file").option("--dry-run", "Preview what will be generated without writing files").action(async (options) => {
+  try {
+    await generate(options);
+  } catch (error) {
+    console.error(chalk.red(`Error: ${error.message}`));
+    process.exit(1);
+  }
+});
+program.command("watch").description("Watch for changes and regenerate automatically").option("-c, --config <path>", "Path to config file").action(async (options) => {
+  try {
+    await watch(options);
+  } catch (error) {
+    console.error(chalk.red(`Error: ${error.message}`));
+    process.exit(1);
+  }
+});
+program.parse(process.argv);
+if (!process.argv.slice(2).length) {
+  program.outputHelp();
+}

package/dist/helpers-UPZEBRGK.mjs

@@ -0,0 +1,26 @@
+import {
+  ensureDir,
+  fileExists,
+  findProjectRoot,
+  formatAttributes,
+  getComponentName,
+  getSvgFiles,
+  mergeClasses,
+  readFile,
+  toKebabCase,
+  toPascalCase,
+  writeFile
+} from "./chunk-CIKTK6HI.mjs";
+export {
+  ensureDir,
+  fileExists,
+  findProjectRoot,
+  formatAttributes,
+  getComponentName,
+  getSvgFiles,
+  mergeClasses,
+  readFile,
+  toKebabCase,
+  toPascalCase,
+  writeFile
+};

package/dist/index.d.mts

@@ -0,0 +1,281 @@
+interface GenerateOptions {
+    config?: string;
+    dryRun?: boolean;
+}
+/**
+ * Generate icon components
+ */
+declare function generate(options?: GenerateOptions): Promise<void>;
+
+interface InitOptions {
+    force?: boolean;
+    config?: string;
+}
+/**
+ * Initialize configuration file
+ */
+declare function init(options?: InitOptions): Promise<void>;
+
+interface WatchOptions {
+    config?: string;
+}
+/**
+ * Watch for SVG file changes and regenerate
+ */
+declare function watch(options?: WatchOptions): Promise<void>;
+
+/**
+ * SVG element types supported by the parser
+ */
+type SVGElementType = 'circle' | 'ellipse' | 'line' | 'path' | 'polygon' | 'polyline' | 'rect' | 'g';
+/**
+ * Icon node representing an SVG element and its attributes
+ * Format: [elementType, attributes, children?]
+ */
+type IconNode = [
+    SVGElementType,
+    Record<string, string | number>,
+    IconNode[]?
+];
+/**
+ * Icon component props
+ */
+interface IconProps {
+    'size'?: number | string;
+    'color'?: string;
+    'strokeWidth'?: number | string;
+    'className'?: string;
+    'title'?: string;
+    'aria-label'?: string;
+    'aria-hidden'?: boolean | 'true' | 'false';
+    [key: string]: any;
+}
+/**
+ * Framework types supported
+ */
+type Framework = 'react' | 'vue' | 'svelte' | 'solid' | 'preact' | 'lit' | 'angular' | 'qwik' | 'astro' | 'vanilla';
+/**
+ * Main configuration interface
+ */
+interface IconForgeConfig {
+    /**
+     * Target framework
+     */
+    framework: Framework;
+    /**
+     * Config file directory relative to project root
+     * Used for resolving input/output paths when config is in a subdirectory
+     * @default '.'
+     * @example
+     * // Config at root
+     * { configDir: '.' }
+     *
+     * // Config in config/icons/ subdirectory
+     * { configDir: '../..' }
+     */
+    configDir?: string;
+    /**
+     * Input directory containing SVG files
+     * @default './icons'
+     */
+    input: string;
+    /**
+     * Output directory for generated components
+     * @default './src/icons'
+     */
+    output: string;
+    /**
+     * Enable TypeScript generation
+     * @default true
+     */
+    typescript?: boolean;
+    /**
+     * Enable SVG optimization with SVGO
+     * @default true
+     */
+    optimize?: boolean;
+    /**
+     * Keep original colors from SVG files
+     * When true, preserves fill and stroke colors from the original SVG
+     * When false, uses currentColor for single-color icons
+     * @default false
+     */
+    keepColors?: boolean;
+    /**
+     * Prefix for component names
+     * @default ''
+     * @example 'Icon' -> IconArrowRight
+     */
+    prefix?: string;
+    /**
+     * Suffix for component names
+     * @default ''
+     * @example 'Icon' -> ArrowRightIcon
+     */
+    suffix?: string;
+    /**
+     * Custom name transformation function
+     */
+    transform?: (name: string) => string;
+    /**
+     * SVGO configuration
+     */
+    svgoConfig?: {
+        plugins?: any[];
+        [key: string]: any;
+    };
+    /**
+     * Generation options
+     */
+    generateOptions?: {
+        /**
+         * Generate index file
+         * @default true
+         */
+        index?: boolean;
+        /**
+         * Generate type definitions
+         * @default true
+         */
+        types?: boolean;
+        /**
+         * Generate preview.html to visualize icons
+         * @default false
+         */
+        preview?: boolean;
+        /**
+         * Clean output directory before generating
+         * Removes icon components that no longer have corresponding SVG files
+         * @default false
+         */
+        cleanOutput?: boolean;
+    };
+    /**
+     * Watch mode settings
+     */
+    watch?: {
+        /**
+         * Enable watch mode
+         * @default false
+         */
+        enabled?: boolean;
+        /**
+         * Patterns to ignore
+         */
+        ignore?: string[];
+        /**
+         * Debounce delay in milliseconds
+         * @default 300
+         */
+        debounce?: number;
+    };
+    /**
+     * Lifecycle hooks
+     */
+    hooks?: {
+        /**
+         * Called before parsing SVG
+         */
+        beforeParse?: (svg: string, fileName: string) => Promise<string> | string;
+        /**
+         * Called after generating component code
+         */
+        afterGenerate?: (code: string, iconName: string) => Promise<string> | string;
+        /**
+         * Called after all icons are generated
+         */
+        onComplete?: (stats: GenerationStats) => Promise<void> | void;
+    };
+}
+/**
+ * Generation statistics
+ */
+interface GenerationStats {
+    success: number;
+    failed: number;
+    total: number;
+    errors: Array<{
+        file: string;
+        error: string;
+    }>;
+}
+/**
+ * Config definition helper
+ */
+declare function defineConfig(config: IconForgeConfig): IconForgeConfig;
+
+/**
+ * Load configuration from file
+ */
+declare function loadConfig(configPath: string): Promise<IconForgeConfig>;
+/**
+ * Find config file in current directory
+ */
+declare function findConfig(): Promise<string | null>;
+
+/**
+ * Generate all icon components
+ */
+declare function generateIcons(config: IconForgeConfig, dryRun?: boolean): Promise<GenerationStats>;
+
+/**
+ * Framework strategy interface
+ */
+interface FrameworkStrategy {
+    /**
+     * Framework name
+     */
+    name: Framework;
+    /**
+     * File extension for components
+     */
+    getComponentExtension: (typescript: boolean) => string;
+    /**
+     * File extension for index files
+     */
+    getIndexExtension: (typescript: boolean) => string;
+    /**
+     * Generate component code
+     */
+    generateComponent: (componentName: string, iconNode: IconNode[], typescript: boolean, keepColors?: boolean) => string;
+    /**
+     * Generate base component (Icon/createIcon)
+     */
+    generateBaseComponent: (typescript: boolean) => {
+        code: string;
+        fileName: string;
+    };
+}
+/**
+ * Framework strategy registry
+ */
+declare class FrameworkRegistry {
+    private strategies;
+    constructor();
+    /**
+     * Register a framework strategy
+     */
+    register(strategy: FrameworkStrategy): void;
+    /**
+     * Get a framework strategy
+     */
+    get(framework: Framework): FrameworkStrategy;
+    /**
+     * Check if a framework is supported
+     */
+    has(framework: Framework): boolean;
+    /**
+     * Get all supported frameworks
+     */
+    getSupportedFrameworks(): Framework[];
+}
+/**
+ * Global framework registry instance
+ */
+declare const frameworkRegistry: FrameworkRegistry;
+/**
+ * Get framework strategy
+ */
+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 };

package/dist/index.d.ts

@@ -0,0 +1,281 @@
+interface GenerateOptions {
+    config?: string;
+    dryRun?: boolean;
+}
+/**
+ * Generate icon components
+ */
+declare function generate(options?: GenerateOptions): Promise<void>;
+
+interface InitOptions {
+    force?: boolean;
+    config?: string;
+}
+/**
+ * Initialize configuration file
+ */
+declare function init(options?: InitOptions): Promise<void>;
+
+interface WatchOptions {
+    config?: string;
+}
+/**
+ * Watch for SVG file changes and regenerate
+ */
+declare function watch(options?: WatchOptions): Promise<void>;
+
+/**
+ * SVG element types supported by the parser
+ */
+type SVGElementType = 'circle' | 'ellipse' | 'line' | 'path' | 'polygon' | 'polyline' | 'rect' | 'g';
+/**
+ * Icon node representing an SVG element and its attributes
+ * Format: [elementType, attributes, children?]
+ */
+type IconNode = [
+    SVGElementType,
+    Record<string, string | number>,
+    IconNode[]?
+];
+/**
+ * Icon component props
+ */
+interface IconProps {
+    'size'?: number | string;
+    'color'?: string;
+    'strokeWidth'?: number | string;
+    'className'?: string;
+    'title'?: string;
+    'aria-label'?: string;
+    'aria-hidden'?: boolean | 'true' | 'false';
+    [key: string]: any;
+}
+/**
+ * Framework types supported
+ */
+type Framework = 'react' | 'vue' | 'svelte' | 'solid' | 'preact' | 'lit' | 'angular' | 'qwik' | 'astro' | 'vanilla';
+/**
+ * Main configuration interface
+ */
+interface IconForgeConfig {
+    /**
+     * Target framework
+     */
+    framework: Framework;
+    /**
+     * Config file directory relative to project root
+     * Used for resolving input/output paths when config is in a subdirectory
+     * @default '.'
+     * @example
+     * // Config at root
+     * { configDir: '.' }
+     *
+     * // Config in config/icons/ subdirectory
+     * { configDir: '../..' }
+     */
+    configDir?: string;
+    /**
+     * Input directory containing SVG files
+     * @default './icons'
+     */
+    input: string;
+    /**
+     * Output directory for generated components
+     * @default './src/icons'
+     */
+    output: string;
+    /**
+     * Enable TypeScript generation
+     * @default true
+     */
+    typescript?: boolean;
+    /**
+     * Enable SVG optimization with SVGO
+     * @default true
+     */
+    optimize?: boolean;
+    /**
+     * Keep original colors from SVG files
+     * When true, preserves fill and stroke colors from the original SVG
+     * When false, uses currentColor for single-color icons
+     * @default false
+     */
+    keepColors?: boolean;
+    /**
+     * Prefix for component names
+     * @default ''
+     * @example 'Icon' -> IconArrowRight
+     */
+    prefix?: string;
+    /**
+     * Suffix for component names
+     * @default ''
+     * @example 'Icon' -> ArrowRightIcon
+     */
+    suffix?: string;
+    /**
+     * Custom name transformation function
+     */
+    transform?: (name: string) => string;
+    /**
+     * SVGO configuration
+     */
+    svgoConfig?: {
+        plugins?: any[];
+        [key: string]: any;
+    };
+    /**
+     * Generation options
+     */
+    generateOptions?: {
+        /**
+         * Generate index file
+         * @default true
+         */
+        index?: boolean;
+        /**
+         * Generate type definitions
+         * @default true
+         */
+        types?: boolean;
+        /**
+         * Generate preview.html to visualize icons
+         * @default false
+         */
+        preview?: boolean;
+        /**
+         * Clean output directory before generating
+         * Removes icon components that no longer have corresponding SVG files
+         * @default false
+         */
+        cleanOutput?: boolean;
+    };
+    /**
+     * Watch mode settings
+     */
+    watch?: {
+        /**
+         * Enable watch mode
+         * @default false
+         */
+        enabled?: boolean;
+        /**
+         * Patterns to ignore
+         */
+        ignore?: string[];
+        /**
+         * Debounce delay in milliseconds
+         * @default 300
+         */
+        debounce?: number;
+    };
+    /**
+     * Lifecycle hooks
+     */
+    hooks?: {
+        /**
+         * Called before parsing SVG
+         */
+        beforeParse?: (svg: string, fileName: string) => Promise<string> | string;
+        /**
+         * Called after generating component code
+         */
+        afterGenerate?: (code: string, iconName: string) => Promise<string> | string;
+        /**
+         * Called after all icons are generated
+         */
+        onComplete?: (stats: GenerationStats) => Promise<void> | void;
+    };
+}
+/**
+ * Generation statistics
+ */
+interface GenerationStats {
+    success: number;
+    failed: number;
+    total: number;
+    errors: Array<{
+        file: string;
+        error: string;
+    }>;
+}
+/**
+ * Config definition helper
+ */
+declare function defineConfig(config: IconForgeConfig): IconForgeConfig;
+
+/**
+ * Load configuration from file
+ */
+declare function loadConfig(configPath: string): Promise<IconForgeConfig>;
+/**
+ * Find config file in current directory
+ */
+declare function findConfig(): Promise<string | null>;
+
+/**
+ * Generate all icon components
+ */
+declare function generateIcons(config: IconForgeConfig, dryRun?: boolean): Promise<GenerationStats>;
+
+/**
+ * Framework strategy interface
+ */
+interface FrameworkStrategy {
+    /**
+     * Framework name
+     */
+    name: Framework;
+    /**
+     * File extension for components
+     */
+    getComponentExtension: (typescript: boolean) => string;
+    /**
+     * File extension for index files
+     */
+    getIndexExtension: (typescript: boolean) => string;
+    /**
+     * Generate component code
+     */
+    generateComponent: (componentName: string, iconNode: IconNode[], typescript: boolean, keepColors?: boolean) => string;
+    /**
+     * Generate base component (Icon/createIcon)
+     */
+    generateBaseComponent: (typescript: boolean) => {
+        code: string;
+        fileName: string;
+    };
+}
+/**
+ * Framework strategy registry
+ */
+declare class FrameworkRegistry {
+    private strategies;
+    constructor();
+    /**
+     * Register a framework strategy
+     */
+    register(strategy: FrameworkStrategy): void;
+    /**
+     * Get a framework strategy
+     */
+    get(framework: Framework): FrameworkStrategy;
+    /**
+     * Check if a framework is supported
+     */
+    has(framework: Framework): boolean;
+    /**
+     * Get all supported frameworks
+     */
+    getSupportedFrameworks(): Framework[];
+}
+/**
+ * Global framework registry instance
+ */
+declare const frameworkRegistry: FrameworkRegistry;
+/**
+ * Get framework strategy
+ */
+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 };