svger-cli 2.0.6 → 2.0.7

package/.svgerconfig.example.json

@@ -1,119 +1,119 @@
-{
-  "$schema": "https://raw.githubusercontent.com/faezemohades/svger-cli/main/schemas/config.schema.json",
-
-  "_comment": "Complete Configuration Schema - This file demonstrates all available configuration options for svger-cli",
-
-  "// Source & Output": "",
-  "source": "./src/assets/svg",
-  "output": "./src/components/icons",
-
-  "// Framework Configuration": "",
-  "framework": "react",
-  "typescript": true,
-  "componentType": "functional",
-
-  "// Processing Options": "",
-  "watch": false,
-  "parallel": true,
-  "batchSize": 10,
-  "maxConcurrency": 4,
-  "cache": true,
-
-  "// Default Properties": "",
-  "defaultWidth": 24,
-  "defaultHeight": 24,
-  "defaultFill": "currentColor",
-  "defaultStroke": "none",
-  "defaultStrokeWidth": 1,
-
-  "// Styling Configuration": "",
-  "styleRules": {
-    "fill": "inherit",
-    "stroke": "none",
-    "strokeWidth": "1",
-    "opacity": "1"
-  },
-
-  "// Responsive Design": "",
-  "responsive": {
-    "breakpoints": ["sm", "md", "lg", "xl"],
-    "values": {
-      "width": ["16px", "20px", "24px", "32px"],
-      "height": ["16px", "20px", "24px", "32px"]
-    }
-  },
-
-  "// Theme Configuration": "",
-  "theme": {
-    "mode": "auto",
-    "variables": {
-      "primary": "currentColor",
-      "secondary": "#6b7280",
-      "accent": "#3b82f6",
-      "background": "#ffffff",
-      "foreground": "#000000"
-    }
-  },
-
-  "// Animation Effects": "",
-  "animations": ["fadeIn", "slideIn", "bounce"],
-
-  "// Advanced Options": "",
-  "plugins": [
-    {
-      "name": "svg-optimizer",
-      "options": {
-        "removeComments": true,
-        "removeMetadata": true
-      }
-    }
-  ],
-  "exclude": ["*.test.svg", "deprecated/**"],
-  "include": ["icons/**", "illustrations/**"],
-
-  "// Error Handling": "",
-  "errorHandling": {
-    "strategy": "continue",
-    "maxRetries": 3,
-    "timeout": 30000
-  },
-
-  "// Performance Settings": "",
-  "performance": {
-    "optimization": "balanced",
-    "memoryLimit": 512,
-    "cacheTimeout": 3600000
-  },
-
-  "// Output Customization": "",
-  "outputConfig": {
-    "naming": "pascal",
-    "extension": "tsx",
-    "directory": "./src/components/icons"
-  },
-
-  "// Framework-Specific Configurations": "",
-  "react": {
-    "componentType": "functional",
-    "forwardRef": true,
-    "memo": false,
-    "propsInterface": "SVGProps",
-    "styledComponents": false,
-    "cssModules": false
-  },
-
-  "vue": {
-    "api": "composition",
-    "setup": true,
-    "typescript": true,
-    "scoped": true,
-    "cssVariables": true
-  },
-
-  "angular": {
-    "standalone": true,
-    "signals": true,
-    "changeDetection": "OnPush",
-    "encapsulation": "Emulated"
-  }
-}
+{
+  "$schema": "https://raw.githubusercontent.com/faezemohades/svger-cli/main/schemas/config.schema.json",
+
+  "_comment": "Complete Configuration Schema - This file demonstrates all available configuration options for svger-cli",
+
+  "// Source & Output": "",
+  "source": "./src/assets/svg",
+  "output": "./src/components/icons",
+
+  "// Framework Configuration": "",
+  "framework": "react",
+  "typescript": true,
+  "componentType": "functional",
+
+  "// Processing Options": "",
+  "watch": false,
+  "parallel": true,
+  "batchSize": 10,
+  "maxConcurrency": 4,
+  "cache": true,
+
+  "// Default Properties": "",
+  "defaultWidth": 24,
+  "defaultHeight": 24,
+  "defaultFill": "currentColor",
+  "defaultStroke": "none",
+  "defaultStrokeWidth": 1,
+
+  "// Styling Configuration": "",
+  "styleRules": {
+    "fill": "inherit",
+    "stroke": "none",
+    "strokeWidth": "1",
+    "opacity": "1"
+  },
+
+  "// Responsive Design": "",
+  "responsive": {
+    "breakpoints": ["sm", "md", "lg", "xl"],
+    "values": {
+      "width": ["16px", "20px", "24px", "32px"],
+      "height": ["16px", "20px", "24px", "32px"]
+    }
+  },
+
+  "// Theme Configuration": "",
+  "theme": {
+    "mode": "auto",
+    "variables": {
+      "primary": "currentColor",
+      "secondary": "#6b7280",
+      "accent": "#3b82f6",
+      "background": "#ffffff",
+      "foreground": "#000000"
+    }
+  },
+
+  "// Animation Effects": "",
+  "animations": ["fadeIn", "slideIn", "bounce"],
+
+  "// Advanced Options": "",
+  "plugins": [
+    {
+      "name": "svg-optimizer",
+      "options": {
+        "removeComments": true,
+        "removeMetadata": true
+      }
+    }
+  ],
+  "exclude": ["*.test.svg", "deprecated/**"],
+  "include": ["icons/**", "illustrations/**"],
+
+  "// Error Handling": "",
+  "errorHandling": {
+    "strategy": "continue",
+    "maxRetries": 3,
+    "timeout": 30000
+  },
+
+  "// Performance Settings": "",
+  "performance": {
+    "optimization": "balanced",
+    "memoryLimit": 512,
+    "cacheTimeout": 3600000
+  },
+
+  "// Output Customization": "",
+  "outputConfig": {
+    "naming": "pascal",
+    "extension": "tsx",
+    "directory": "./src/components/icons"
+  },
+
+  "// Framework-Specific Configurations": "",
+  "react": {
+    "componentType": "functional",
+    "forwardRef": true,
+    "memo": false,
+    "propsInterface": "SVGProps",
+    "styledComponents": false,
+    "cssModules": false
+  },
+
+  "vue": {
+    "api": "composition",
+    "setup": true,
+    "typescript": true,
+    "scoped": true,
+    "cssVariables": true
+  },
+
+  "angular": {
+    "standalone": true,
+    "signals": true,
+    "changeDetection": "OnPush",
+    "encapsulation": "Emulated"
+  }
+}

package/CHANGELOG.md

@@ -1,156 +1,144 @@
-# Changelog
-
-All notable changes to this project will be documented in this file.
-
-The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
-and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
-
-## [Unreleased] - 2025-11-12
-
-### Added
-- Comprehensive performance analysis documentation with detailed technical breakdown
-- Professional competitive analysis with fair tool comparisons
-- Transparency section welcoming community feedback
-- Use case recommendations for each tool in the ecosystem
-- Detailed methodology for performance claims and benchmarking
-- Research sources and feedback channels for documentation accuracy
-
-### Changed
-- Corrected SVGR description to acknowledge webpack ecosystem support (not React-only)
-- Clarified 85% performance improvement claim with proper context and scope
-- Enhanced "Advanced Props" definition vs standard SVG props
-- Improved competitive analysis to be fair, accurate, and professional
-- Removed misleading bundle size comparisons (dev dependencies vs runtime)
-- Updated documentation tone to be educational rather than competitive
-
-### Fixed
-- Inaccurate claims about competitor tools' capabilities
-- Misleading performance comparisons without proper context
-- Unprofessional competitive analysis language
-- Missing disclaimers and acknowledgments for ecosystem tools
-
-## [2.0.5] - 2025-11-11
-
-### Fixed
-- **CRITICAL**: PascalCase component naming preservation
-  - Fixed issue where PascalCase filenames were incorrectly converted to lowercase
-  - ArrowBendDownLeft.svg → ArrowBendDownLeft.tsx (was: Arrowbenddownleft.tsx)
-  - MyCustomIcon.svg → MyCustomIcon.tsx (was: Mycustomicon.tsx)
-  - Enhanced regex pattern in toPascalCase() to properly detect existing PascalCase
-- Maintained compatibility with all existing functionality
-- All 28 framework tests continue passing
-
-### Changed
-- Updated package version to 2.0.5
-- Enhanced toPascalCase utility function for better case detection
-
-## [2.0.4] - 2025-11-11
-
-### Added
-- Complete 28-property configuration schema
-- React/Vue/Angular specific configuration options
-- Enhanced responsive design support with breakpoint configurations
-- Comprehensive theme system with multiple design systems support
-- Advanced performance optimization settings
-- Professional error handling and validation system
-- Enhanced TypeScript support with improved type definitions
-
-### Changed
-- Streamlined ESLint configuration (.eslintrc.js → .eslintrc.cjs)
-- Enhanced component templates with new configuration support
-- Improved configuration management across multiple files
-- Updated README.md with comprehensive v2.0.4 feature documentation
-- Enhanced comparison tables and installation instructions
-
-### Fixed
-- TypeScript duplicate export errors in index generation
-- Simplified index.ts generation to prevent conflicts
-- Improved configuration validation and error messages
-- Enhanced toPascalCase to preserve existing PascalCase names
-
-### Removed
-- Redundant test documentation files (COMPLETE-TEST-REPORT.md, TEST-RESULTS.md, TESTING-SUMMARY.md)
-- Deprecated ESLint configuration format
-- Outdated package dependencies reducing bundle size
-
-## [2.0.3] - 2024-11-11
-
-### Added
-- Enhanced package.json with comprehensive metadata
-- Professional development tooling configuration
-- Extended TypeScript support and type definitions
-- Additional CLI aliases (`svger` shorthand)
-- Comprehensive export map for better module resolution
-- Development scripts for testing, linting, and formatting
-- Documentation generation scripts
-- Comprehensive testing suite with unified export pattern
-
-### Changed
-- Improved package description with full feature list
-- Enhanced keywords for better discoverability
-- Updated contributor information with roles
-- Expanded file inclusion patterns
-- More comprehensive engine requirements
-
-### Fixed
-- Package metadata completeness
-- Export definitions for better tree-shaking
-- Module resolution issues
-- Native module file path resolution error
-
-### Removed
-- Unnecessary test folders and configuration files
-- Redundant package configurations
-
-## [2.0.2] - 2024-11-01
-
-### Added
-- Multi-framework support (React, Vue, Angular, Svelte, Solid, Lit, Preact, Vanilla)
-- Auto-generated index.ts exports with tree-shaking support
-- Responsive design system with breakpoint configurations
-- Theme support (light/dark/auto) with CSS variables
-- File locking mechanism for protecting critical files
-- Performance optimization engine with parallel processing
-
-### Changed
-- Complete rewrite for enterprise-grade performance
-- Zero-dependency architecture implementation
-- 85% performance improvement over traditional tools (SVG processing time)
-- TypeScript-first approach with native type generation
-
-### Removed
-- Legacy dependencies reducing package size by 89%
-- Single-framework limitation
-- Dependency-heavy build processes
-
-## [2.0.0] - 2024-10-30
-
-### Added
-- Complete multi-framework support for all 8 UI frameworks
-- Enhanced CLI commands with comprehensive options
-- Open source project files (CODE_OF_CONDUCT, LICENSE, CONTRIBUTING)
-- Professional project structure and documentation
-
-### Changed
-- Major version release with breaking changes from 1.x
-- Enhanced README with multi-framework guide and benchmarks
-- Consolidated project structure and test organization
-
-### Removed
-- node_modules folder from repository
-- Legacy 1.x architecture and dependencies
-
-## [1.x.x] - Legacy Versions
-
-Please see the [releases page](https://github.com/faezemohades/svger-cli/releases) for information about 1.x versions.
-
----
-
-## Legend
-
-- **Added** for new features
-- **Changed** for changes in existing functionality
-- **Deprecated** for soon-to-be removed features
-- **Removed** for now removed features
-- **Fixed** for any bug fixes
-- **Security** for vulnerability fixes
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project
+adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [2.0.7] - 2025-11-20
+
+### Fixed
+
+- Version bump for npm publishing (2.0.6 was already published)
+
+## [2.0.6] - 2025-11-20
+
+### Added
+
+- **🎉 React Native Support**: Full support for React Native with `react-native-svg`
+  - Automatic conversion of SVG elements to React Native SVG components
+  - Support for Path, Circle, Rect, Line, Polygon, Polyline, Ellipse, G, Defs, ClipPath, and
+    gradient components
+  - Proper prop conversion (strokeWidth, strokeLinecap, fillRule, etc.)
+  - TypeScript interfaces with SvgProps
+  - Size and color prop support
+  - ForwardRef implementation for React Native components
+- Enhanced test suite with React Native validation
+- Comprehensive React Native documentation
+
+### Changed
+
+- Updated framework count from 8 to 9 supported frameworks
+- Enhanced framework template engine to handle React Native SVG transformations
+- Improved package description to include React Native
+- Updated all documentation to reflect React Native support
+
+### Fixed
+
+- Framework type definitions to include 'react-native'
+- File extension handling for React Native (.tsx)
+- Test validation for react-native-svg imports
+
+## [2.0.5] - 2025-11-11
+
+### Fixed
+
+- **🔧 CRITICAL FIX: PascalCase Component Naming**: Fixed issue where files like
+  "ArrowBendDownLeft.svg" were incorrectly converted to "Arrowbenddownleft.tsx" instead of
+  preserving the correct "ArrowBendDownLeft.tsx" format
+- Enhanced regex pattern in toPascalCase() to properly detect existing PascalCase names
+- All existing PascalCase filenames now preserved correctly during component generation
+
+### Changed
+
+- Updated README.md to v2.0.5 with critical fix details
+- Updated all installation commands to new version
+
+## [2.0.4] - 2025-11-11
+
+### Added
+
+- Complete 28-property configuration schema with React/Vue/Angular specific options
+- Enhanced responsive design support with breakpoint configurations
+- Comprehensive theme system with multiple design systems
+- Advanced performance optimization settings
+- Professional error handling and validation system
+
+### Fixed
+
+- TypeScript duplicate export errors in index generation
+- Enhanced toPascalCase to preserve existing PascalCase names
+- Simplified index.ts generation to prevent conflicts
+- Improved configuration validation and error messages
+
+### Documentation
+
+- Updated README.md with comprehensive v2.0.4 feature documentation
+- Added complete configuration schema documentation
+- Enhanced comparison tables and installation instructions
+- Included recent fixes section with technical details
+
+## [2.0.3] - 2024-11-11
+
+### Added
+
+- Enhanced package.json with comprehensive metadata
+- Professional development tooling configuration
+- Extended TypeScript support and type definitions
+- Additional CLI aliases (`svger` shorthand)
+- Comprehensive export map for better module resolution
+- Development scripts for testing, linting, and formatting
+- Documentation generation scripts
+
+### Changed
+
+- Improved package description with full feature list
+- Enhanced keywords for better discoverability
+- Updated contributor information with roles
+- Expanded file inclusion patterns
+- More comprehensive engine requirements
+
+### Fixed
+
+- Package metadata completeness
+- Export definitions for better tree-shaking
+- Module resolution issues
+
+## [2.0.2] - 2024-11-01
+
+### Added
+
+- Multi-framework support (React, Vue, Angular, Svelte, Solid, Lit, Preact, Vanilla)
+- Auto-generated index.ts exports
+- Responsive design system
+- Theme support (light/dark/auto)
+- File locking mechanism
+- Performance optimization engine
+
+### Changed
+
+- Complete rewrite for enterprise-grade performance
+- Zero-dependency architecture
+- 85% performance improvement over SVGR
+- TypeScript-first approach
+
+### Removed
+
+- Legacy dependencies
+- Single-framework limitation
+
+## [1.x.x] - Legacy Versions
+
+Please see the [releases page](https://github.com/faezemohades/svger-cli/releases) for information
+about 1.x versions.
+
+---
+
+## Legend
+
+- **Added** for new features
+- **Changed** for changes in existing functionality
+- **Deprecated** for soon-to-be removed features
+- **Removed** for now removed features
+- **Fixed** for any bug fixes
+- **Security** for vulnerability fixes