svger-cli 3.1.0 → 4.0.0

package/dist/core/performance-engine.js

@@ -88,21 +88,16 @@ export class PerformanceEngine {
      */
     optimizeSVGContent(content, level = 'balanced') {
         const startTime = performance.now();
-        let optimized = content;
-        switch (level) {
-            case 'fast':
-                // Basic optimizations only
-                optimized = this.applyFastOptimizations(content);
-                break;
-            case 'balanced':
-                // Standard optimizations with good performance/quality balance
-                optimized = this.applyBalancedOptimizations(content);
-                break;
-            case 'maximum':
-                // Comprehensive optimizations
-                optimized = this.applyMaximumOptimizations(content);
-                break;
-        }
+        // Object lookup map for optimization strategies - O(1) performance
+        const optimizationStrategies = {
+            fast: c => this.applyFastOptimizations(c),
+            balanced: c => this.applyBalancedOptimizations(c),
+            maximum: c => this.applyMaximumOptimizations(c),
+        };
+        const strategy = optimizationStrategies[level];
+        const optimized = strategy
+            ? strategy(content)
+            : this.applyBalancedOptimizations(content);
         const duration = performance.now() - startTime;
         const compressionRatio = (1 - optimized.length / content.length) * 100;
         logger.debug(`SVG optimization (${level}): ${compressionRatio.toFixed(1)}% reduction in ${duration.toFixed(2)}ms`);

package/dist/core/plugin-manager.js

@@ -21,12 +21,12 @@ export class PluginManager {
     loadBuiltinPlugins() {
         // SVG Optimizer Plugin
         this.registerPlugin({
-            name: 'svg-optimizer',
+            name: 'optimize',
             version: '1.0.0',
-            process: async (content, options) => {
-                return this.optimizeSVG(content, options);
+            process: async (content, _options) => {
+                return this.optimizeSVG(content, _options);
             },
-            validate: (options) => true,
+            validate: (_options) => true,
         });
         // Color Theme Plugin
         this.registerPlugin({

package/dist/core/style-compiler.d.ts

@@ -58,7 +58,6 @@ export interface CompiledStyles {
 export declare class SVGStyleCompiler {
     private static instance;
     private themes;
-    private globalCSS;
     private constructor();
     static getInstance(): SVGStyleCompiler;
     /**

package/dist/core/style-compiler.js

@@ -5,7 +5,6 @@
 export class SVGStyleCompiler {
     static instance;
     themes = new Map();
-    globalCSS = [];
     constructor() {
         this.loadDefaultThemes();
     }
@@ -98,9 +97,7 @@ if (typeof document !== 'undefined') {
         const inlineStyleObject = Object.keys(compiled.inline).length > 0
             ? `const defaultStyles = ${JSON.stringify(compiled.inline, null, 2)};`
             : '';
-        const classNames = compiled.classes.length > 0
-            ? `'${compiled.classes.join(' ')} ' + (props.className || '')`
-            : 'props.className';
+        // Note: className prop generation for CSS classes will be implemented in future enhancement
         return `${imports}
 
 /**
@@ -219,7 +216,7 @@ function getAnimationStyles(animationType: string): React.CSSProperties {
   return animations[animationType as keyof typeof animations] || {};
 }
 
-function getThemeStyles(theme: string): React.CSSProperties {
+function getThemeStyles(theme: _theme): React.CSSProperties {
   if (theme === 'dark') {
     return { filter: 'invert(1) hue-rotate(180deg)' };
   }
@@ -363,7 +360,7 @@ if (typeof document !== 'undefined') {
         }
         return theme;
     }
-    compileBaseStyles(options, compiled, theme) {
+    compileBaseStyles(options, compiled, _theme) {
         // Handle basic properties
         const styleMap = {
             fill: 'fill',

package/dist/index.d.ts

@@ -87,6 +87,10 @@ export type { SVGConfig, ComponentGenerationOptions, OutputConfig, NamingConvent
  * Error handling types - Available from core error handler
  */
 export type { SVGError, ErrorRecoveryStrategy } from './core/error-handler.js';
+/**
+ * Optimizer types - Available from optimizers
+ */
+export { OptLevel } from './optimizers/types.js';
 /**
  * Component Templates - Pre-built component templates for various use cases
  * Provides: functional React component template with TypeScript support

package/dist/index.js

@@ -93,6 +93,10 @@ export { buildAll, generateSVG } from './builder.js';
  * Provides: SVG cleaning, attribute normalization, and content optimization
  */
 export { clean } from './clean.js';
+/**
+ * Optimizer types - Available from optimizers
+ */
+export { OptLevel } from './optimizers/types.js';
 // ============================================================================
 // TEMPLATES
 // ============================================================================

package/dist/integrations/babel.d.ts

@@ -39,7 +39,7 @@ import type { BabelPluginOptions } from '../types/integrations.js';
  * - Pre-build: Process all SVGs before Babel transformation
  * - On-demand: Transform SVG imports as they're encountered
  */
-export declare function svgerBabelPlugin(api: any, options?: BabelPluginOptions): any;
+export declare function svgerBabelPlugin(_api: any, options?: BabelPluginOptions): any;
 /**
  * Create a Babel plugin instance with preset options
  *

package/dist/integrations/babel.js

@@ -85,9 +85,9 @@ async function processAllSVGs(options, processedFiles) {
         }
     }
     // Generate index file if enabled
-    if (options.generateIndex && results.length > 0) {
+    if (options.generateIndex) {
         try {
-            await generateIndexFile(outputPath, results, options);
+            await generateIndexFile(outputPath, options);
         }
         catch (error) {
             logger.error('Failed to generate index file:', error);
@@ -97,16 +97,35 @@ async function processAllSVGs(options, processedFiles) {
 }
 /**
  * Generate index file with all exports
+ * Scans the output directory for all existing component files
  */
-async function generateIndexFile(outputDir, results, options) {
-    const extension = options.typescript ? 'ts' : 'js';
-    const exports = results
-        .filter(r => r.componentName)
-        .map(r => `export { default as ${r.componentName} } from './${r.componentName}';`)
-        .join('\n');
-    const indexPath = path.join(outputDir, `index.${extension}`);
-    await FileSystem.writeFile(indexPath, exports, 'utf-8');
-    logger.debug(`Generated index file: ${indexPath}`);
+async function generateIndexFile(outputDir, options) {
+    try {
+        // Scan output directory for all component files
+        const files = await FileSystem.readDir(outputDir);
+        const extension = options.typescript ? 'tsx' : 'jsx';
+        // Filter component files (exclude index files)
+        const componentFiles = files.filter(file => (file.endsWith(`.${extension}`) ||
+            file.endsWith('.ts') ||
+            file.endsWith('.js')) &&
+            !file.startsWith('index.'));
+        if (componentFiles.length === 0) {
+            logger.warn('No component files found for index generation');
+            return;
+        }
+        // Extract component names
+        const componentNames = componentFiles.map(file => path.basename(file, path.extname(file)));
+        const indexExtension = options.typescript ? 'ts' : 'js';
+        const exports = componentNames
+            .map(name => `export { default as ${name} } from './${name}';`)
+            .join('\n');
+        const indexPath = path.join(outputDir, `index.${indexExtension}`);
+        await FileSystem.writeFile(indexPath, exports, 'utf-8');
+        logger.debug(`Generated index file: ${indexPath}`);
+    }
+    catch (error) {
+        logger.error('Failed to generate index file:', error);
+    }
 }
 /**
  * Transform SVG import path to component path
@@ -130,7 +149,7 @@ function transformSVGImport(sourcePath, options) {
  * - Pre-build: Process all SVGs before Babel transformation
  * - On-demand: Transform SVG imports as they're encountered
  */
-export function svgerBabelPlugin(api, options = {}) {
+export function svgerBabelPlugin(_api, options = {}) {
     const config = configService.readConfig();
     const pluginOptions = {
         source: options.source || config.source || './src/icons',

package/dist/integrations/jest-preset.js

@@ -124,7 +124,7 @@ function convertToCommonJS(code, componentName) {
     let commonJsCode = code
         .replace(/import\s+React\s+from\s+['"]react['"]/g, "const React = require('react')")
         .replace(/export\s+default\s+/g, 'module.exports = ')
-        .replace(/export\s+{([^}]+)}/g, (match, exports) => {
+        .replace(/export\s+{([^}]+)}/g, (_match, exports) => {
         const exportList = exports.split(',').map((e) => e.trim());
         return exportList
             .map((exp) => `module.exports.${exp} = ${exp}`)

package/dist/integrations/rollup.js

@@ -140,7 +140,7 @@ async function processAllSVGs(options, processedFiles) {
     }
     // Generate index file
     if (options.generateIndex) {
-        await generateIndexFile(outputDir, results, options);
+        await generateIndexFile(outputDir, options);
     }
     const successful = results.filter(r => r.success).length;
     logger.info(`SVGER: Processed ${successful}/${svgFiles.length} SVG files`);
@@ -182,16 +182,35 @@ async function processSVGFile(svgPath, outputDir, options) {
 }
 /**
  * Generate index file with all exports
+ * Scans the output directory for all existing component files
  */
-async function generateIndexFile(outputDir, results, options) {
-    const extension = options.typescript ? 'ts' : 'js';
-    const exports = results
-        .filter(r => r.componentName)
-        .map(r => `export { default as ${r.componentName} } from './${r.componentName}';`)
-        .join('\n');
-    const indexPath = path.join(outputDir, `index.${extension}`);
-    await FileSystem.writeFile(indexPath, exports, 'utf-8');
-    logger.debug(`Generated index file: ${indexPath}`);
+async function generateIndexFile(outputDir, options) {
+    try {
+        // Scan output directory for all component files
+        const files = await FileSystem.readDir(outputDir);
+        const extension = options.typescript ? 'tsx' : 'jsx';
+        // Filter component files (exclude index files)
+        const componentFiles = files.filter(file => (file.endsWith(`.${extension}`) ||
+            file.endsWith('.ts') ||
+            file.endsWith('.js')) &&
+            !file.startsWith('index.'));
+        if (componentFiles.length === 0) {
+            logger.warn('No component files found for index generation');
+            return;
+        }
+        // Extract component names
+        const componentNames = componentFiles.map(file => path.basename(file, path.extname(file)));
+        const indexExtension = options.typescript ? 'ts' : 'js';
+        const exports = componentNames
+            .map(name => `export { default as ${name} } from './${name}';`)
+            .join('\n');
+        const indexPath = path.join(outputDir, `index.${indexExtension}`);
+        await FileSystem.writeFile(indexPath, exports, 'utf-8');
+        logger.debug(`Generated index file: ${indexPath}`);
+    }
+    catch (error) {
+        logger.error('Failed to generate index file:', error);
+    }
 }
 // Default export
 export default svgerRollupPlugin;

package/dist/integrations/vite.js

@@ -47,13 +47,9 @@ export function svgerVitePlugin(options = {}) {
         svgo: options.svgo !== undefined ? options.svgo : false,
         generateIndex: options.generateIndex !== undefined ? options.generateIndex : true,
     };
-    let viteConfig;
     const processedFiles = new Set();
     return {
         name: PLUGIN_NAME,
-        configResolved(resolvedConfig) {
-            viteConfig = resolvedConfig;
-        },
         async buildStart() {
             logger.info('SVGER Vite Plugin: Processing SVG files...');
             await processAllSVGs(pluginOptions, processedFiles);
@@ -164,7 +160,7 @@ async function processAllSVGs(options, processedFiles) {
     }
     // Generate index file
     if (options.generateIndex) {
-        await generateIndexFile(outputDir, results, options);
+        await generateIndexFile(outputDir, options);
     }
     const successful = results.filter(r => r.success).length;
     logger.info(`SVGER: Processed ${successful}/${svgFiles.length} SVG files`);
@@ -206,16 +202,35 @@ async function processSVGFile(svgPath, outputDir, options) {
 }
 /**
  * Generate index file with all exports
+ * Scans the output directory for all existing component files
  */
-async function generateIndexFile(outputDir, results, options) {
-    const extension = options.typescript ? 'ts' : 'js';
-    const exports = results
-        .filter(r => r.componentName)
-        .map(r => `export { default as ${r.componentName} } from './${r.componentName}';`)
-        .join('\n');
-    const indexPath = path.join(outputDir, `index.${extension}`);
-    await FileSystem.writeFile(indexPath, exports, 'utf-8');
-    logger.debug(`Generated index file: ${indexPath}`);
+async function generateIndexFile(outputDir, options) {
+    try {
+        // Scan output directory for all component files
+        const files = await FileSystem.readDir(outputDir);
+        const extension = options.typescript ? 'tsx' : 'jsx';
+        // Filter component files (exclude index files)
+        const componentFiles = files.filter(file => (file.endsWith(`.${extension}`) ||
+            file.endsWith('.ts') ||
+            file.endsWith('.js')) &&
+            !file.startsWith('index.'));
+        if (componentFiles.length === 0) {
+            logger.warn('No component files found for index generation');
+            return;
+        }
+        // Extract component names
+        const componentNames = componentFiles.map(file => path.basename(file, path.extname(file)));
+        const indexExtension = options.typescript ? 'ts' : 'js';
+        const exports = componentNames
+            .map(name => `export { default as ${name} } from './${name}';`)
+            .join('\n');
+        const indexPath = path.join(outputDir, `index.${indexExtension}`);
+        await FileSystem.writeFile(indexPath, exports, 'utf-8');
+        logger.debug(`Generated index file: ${indexPath}`);
+    }
+    catch (error) {
+        logger.error('Failed to generate index file:', error);
+    }
 }
 // Default export
 export default svgerVitePlugin;

package/dist/integrations/webpack.d.ts

@@ -45,6 +45,7 @@ export declare class SvgerWebpackPlugin {
     private processSVGFile;
     /**
      * Generate index file with all exports
+     * Scans the output directory for all existing component files
      */
     private generateIndexFile;
     /**

package/dist/integrations/webpack.js

@@ -111,7 +111,7 @@ export class SvgerWebpackPlugin {
         }
         // Generate index file
         if (this.options.generateIndex) {
-            await this.generateIndexFile(outputDir, results.filter(r => r.success));
+            await this.generateIndexFile(outputDir);
         }
         const successful = results.filter(r => r.success).length;
         logger.info(`SVGER: Processed ${successful}/${svgFiles.length} SVG files`);
@@ -176,16 +176,35 @@ export class SvgerWebpackPlugin {
     }
     /**
      * Generate index file with all exports
+     * Scans the output directory for all existing component files
      */
-    async generateIndexFile(outputDir, results) {
-        const extension = this.options.typescript ? 'ts' : 'js';
-        const exports = results
-            .filter(r => r.componentName)
-            .map(r => `export { default as ${r.componentName} } from './${r.componentName}';`)
-            .join('\n');
-        const indexPath = path.join(outputDir, `index.${extension}`);
-        await FileSystem.writeFile(indexPath, exports, 'utf-8');
-        logger.debug(`Generated index file: ${indexPath}`);
+    async generateIndexFile(outputDir) {
+        try {
+            // Scan output directory for all component files
+            const files = await FileSystem.readDir(outputDir);
+            const extension = this.options.typescript ? 'tsx' : 'jsx';
+            // Filter component files (exclude index files)
+            const componentFiles = files.filter(file => (file.endsWith(`.${extension}`) ||
+                file.endsWith('.ts') ||
+                file.endsWith('.js')) &&
+                !file.startsWith('index.'));
+            if (componentFiles.length === 0) {
+                logger.warn('No component files found for index generation');
+                return;
+            }
+            // Extract component names
+            const componentNames = componentFiles.map(file => path.basename(file, path.extname(file)));
+            const indexExtension = this.options.typescript ? 'ts' : 'js';
+            const exports = componentNames
+                .map(name => `export { default as ${name} } from './${name}';`)
+                .join('\n');
+            const indexPath = path.join(outputDir, `index.${indexExtension}`);
+            await FileSystem.writeFile(indexPath, exports, 'utf-8');
+            logger.debug(`Generated index file: ${indexPath}`);
+        }
+        catch (error) {
+            logger.error('Failed to generate index file:', error);
+        }
     }
     /**
      * Get changed files from webpack

package/dist/optimizers/advanced-stages.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Advanced Optimization Stages
+ * Wrappers for Phase 3-5 optimizers in the pipeline
+ */
+import type { OptConfig } from './types.js';
+/**
+ * Numeric optimization stage wrapper
+ * Phase 3.1: Coordinate precision, number formatting, etc.
+ */
+export declare function numericStage(svg: string, config: OptConfig): Promise<string>;
+/**
+ * Style optimization stage wrapper
+ * Phase 3.2: Color shortening, unit removal, style consolidation
+ */
+export declare function styleStage(svg: string, config: OptConfig): Promise<string>;
+/**
+ * Transform optimization stage wrapper
+ * Phase 3.3: Matrix simplification, transform shortening
+ */
+export declare function transformStage(svg: string, config: OptConfig): Promise<string>;
+/**
+ * Transform collapsing stage wrapper
+ * Phase 5.1: Propagate transforms, bake into coordinates, collapse groups
+ */
+export declare function transformCollapseStage(svg: string, config: OptConfig): Promise<string>;
+/**
+ * Path optimization stage wrapper
+ * Phase 4.1-4.2: Path parsing, command merging, H/V conversion, abs/rel optimization
+ */
+export declare function pathOptimizationStage(svg: string, config: OptConfig): Promise<string>;
+/**
+ * Path simplification stage wrapper
+ * Phase 4.4: Douglas-Peucker and Visvalingam-Whyatt algorithms
+ */
+export declare function pathSimplificationStage(svg: string, config: OptConfig): Promise<string>;
+/**
+ * Combined advanced optimization stage
+ * Applies all Phase 3-5 optimizations in optimal order
+ */
+export declare function advancedOptimizationStage(svg: string, config: OptConfig): Promise<string>;