svger-cli 4.0.2 → 4.0.3

package/dist/config.js

@@ -1,158 +1,51 @@
-import path from 'path';
-import { FileSystem } from './utils/native.js';
-const CONFIG_FILE = '.svgconfig.json';
 /**
- * Get the absolute path to the configuration file.
+ * Legacy configuration module - delegates to ConfigService.
  *
- * @returns {string} Absolute path to .svgconfig.json
+ * @deprecated Use `configService` from `./services/config.js` instead.
+ * This module exists only for backward compatibility and will be removed in v5.0.0.
  */
-function getConfigPath() {
-    return path.resolve(CONFIG_FILE);
-}
+import { configService } from './services/config.js';
 /**
  * Read the current svger-cli configuration.
  *
- * @returns {Record<string, any>} Configuration object. Returns an empty object if no config file exists.
+ * @deprecated Use `configService.readConfig()` instead.
+ * @returns {Record<string, any>} Configuration object.
  */
 export function readConfig() {
-    return FileSystem.readJSONSync(getConfigPath());
+    return configService.readConfig();
 }
 /**
  * Write a configuration object to the config file.
  *
+ * @deprecated Use `configService.writeConfig(config)` instead.
  * @param {Record<string, any>} config - Configuration object to write.
  */
 export function writeConfig(config) {
-    FileSystem.writeJSONSync(getConfigPath(), config, { spaces: 2 });
+    configService.writeConfig(config);
 }
 /**
  * Initialize the svger-cli configuration with default values.
- * If a config file already exists, this function will not overwrite it.
+ *
+ * @deprecated Use `configService.initConfig()` instead.
  */
 export async function initConfig() {
-    if (await FileSystem.exists(getConfigPath())) {
-        console.log('⚠️  Config file already exists:', getConfigPath());
-        return;
-    }
-    const defaultConfig = {
-        // Configuration Version (for migration compatibility)
-        version: '4.0.0',
-        // 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',
-        },
-        responsive: {
-            breakpoints: ['sm', 'md', 'lg', 'xl'],
-            values: {
-                width: ['16px', '20px', '24px', '32px'],
-                height: ['16px', '20px', '24px', '32px'],
-            },
-        },
-        theme: {
-            mode: 'auto',
-            variables: {
-                primary: 'currentColor',
-                secondary: '#6b7280',
-                accent: '#3b82f6',
-            },
-        },
-        animations: [],
-        // v4.0.0: Plugin System
-        plugins: [],
-        // Advanced Options
-        exclude: [],
-        include: [],
-        // 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',
-        },
-        // Legacy support (deprecated)
-        template: {
-            type: 'default',
-        },
-        frameworkOptions: {
-            forwardRef: true,
-            memo: false,
-            scriptSetup: true,
-            standalone: true,
-        },
-    };
-    writeConfig(defaultConfig);
-    console.log('✅ Config file created:', getConfigPath());
+    return configService.initConfig();
 }
 /**
  * Set a specific configuration key to a new value.
  *
+ * @deprecated Use `configService.setConfig(key, value)` instead.
  * @param {string} key - The config key to set.
  * @param {any} value - The value to assign to the key.
  */
 export function setConfig(key, value) {
-    const config = readConfig();
-    config[key] = value;
-    writeConfig(config);
-    console.log(`✅ Set config ${key}=${value}`);
+    configService.setConfig(key, value);
 }
 /**
  * Display the current configuration in the console.
+ *
+ * @deprecated Use `configService.showConfig()` instead.
  */
 export function showConfig() {
-    const config = readConfig();
-    console.log('📄 Current Config:');
-    console.log(JSON.stringify(config, null, 2));
+    configService.showConfig();
 }

package/dist/core/logger.js

@@ -19,10 +19,14 @@ export class LoggerService {
         this.enableColors = enabled;
     }
     shouldLog(level) {
-        const levels = ['debug', 'info', 'warn', 'error'];
-        const currentIndex = levels.indexOf(this.logLevel);
-        const messageIndex = levels.indexOf(level);
-        return messageIndex >= currentIndex;
+        // O(1) Map lookup instead of O(n) indexOf on array
+        const levelPriority = {
+            debug: 0,
+            info: 1,
+            warn: 2,
+            error: 3,
+        };
+        return (levelPriority[level] ?? 0) >= (levelPriority[this.logLevel] ?? 0);
     }
     formatMessage(level, message) {
         const timestamp = new Date().toISOString();

package/dist/core/performance-engine.js

@@ -1,4 +1,5 @@
 import os from 'os';
+import fs from 'fs';
 import { logger } from '../core/logger.js';
 import { svgProcessor } from '../processors/svg-processor.js';
 /**
@@ -41,7 +42,12 @@ export class PerformanceEngine {
             }
         }
         const totalDuration = Date.now() - startTime;
-        const successful = results.filter(r => r.success).length;
+        // Single-pass counter instead of results.filter().length — O(n) → O(n) but avoids intermediate array allocation
+        let successful = 0;
+        for (let i = 0; i < results.length; i++) {
+            if (results[i].success)
+                successful++;
+        }
         logger.info(`Batch processing complete: ${successful}/${files.length} successful in ${totalDuration}ms`);
         return results;
     }
@@ -166,8 +172,15 @@ export class PerformanceEngine {
         }
     }
     generateCacheKey(filePath, options) {
-        // Create a hash of file path and options for caching
-        const key = JSON.stringify({ filePath, options });
+        // Include file modification time to invalidate cache when file changes
+        let mtimeMs = 0;
+        try {
+            mtimeMs = fs.statSync(filePath).mtimeMs;
+        }
+        catch {
+            // File may not exist yet; use 0 so caching still works
+        }
+        const key = JSON.stringify({ filePath, mtimeMs, options });
         return Buffer.from(key).toString('base64');
     }
     getCachedResult(key) {

package/dist/core/style-compiler.js

@@ -217,13 +217,12 @@ function getAnimationStyles(animationType: string): React.CSSProperties {
 }
 
 function getThemeStyles(theme: _theme): React.CSSProperties {
-  if (theme === 'dark') {
-    return { filter: 'invert(1) hue-rotate(180deg)' };
-  }
-  if (theme === 'auto') {
-    return { filter: 'var(--svger-theme-filter, none)' };
-  }
-  return {};
+  // O(1) object lookup instead of if-else chain
+  const themeStyleMap: Record<string, React.CSSProperties> = {
+    dark: { filter: 'invert(1) hue-rotate(180deg)' },
+    auto: { filter: 'var(--svger-theme-filter, none)' },
+  };
+  return themeStyleMap[theme as string] || {};
 }
 
 ${componentName}.displayName = "${componentName}";

package/dist/core/template-manager.js

@@ -424,23 +424,27 @@ const ${componentName} = React.forwardRef<SVGSVGElement, ${componentName}Props>(
         baseStyles.color = colorMap[variant];
       }
       
-      // Apply theme
-      if (theme === 'dark') {
-        baseStyles.filter = 'invert(1)';
-      } else if (theme === 'auto') {
-        baseStyles.filter = 'var(--svger-theme-filter, none)';
+      // Apply theme — O(1) object lookup instead of if-else chain
+      const themeFilters: Record<string, string> = {
+        dark: 'invert(1)',
+        auto: 'var(--svger-theme-filter, none)',
+      };
+      if (theme && themeFilters[theme]) {
+        baseStyles.filter = themeFilters[theme];
       }
       
-      // Apply animation
+      // Apply animation — O(1) object lookup instead of if-else chain
       if (animate) {
-        if (animate === true || animate === 'spin') {
-          baseStyles.animation = 'svger-spin 2s linear infinite';
-        } else if (animate === 'pulse') {
-          baseStyles.animation = 'svger-pulse 2s ease-in-out infinite';
-        } else if (animate === 'bounce') {
-          baseStyles.animation = 'svger-bounce 1s infinite';
-        } else if (animate === 'fade') {
-          baseStyles.animation = 'svger-fade 2s ease-in-out infinite alternate';
+        const animationMap: Record<string, string> = {
+          spin: 'svger-spin 2s linear infinite',
+          pulse: 'svger-pulse 2s ease-in-out infinite',
+          bounce: 'svger-bounce 1s infinite',
+          fade: 'svger-fade 2s ease-in-out infinite alternate',
+        };
+        const animKey = animate === true ? 'spin' : animate;
+        const anim = animationMap[animKey as string];
+        if (anim) {
+          baseStyles.animation = anim;
         }
       }
       

package/dist/index.d.ts

@@ -4,7 +4,6 @@
  * A high-performance, framework-agnostic SVG processing toolkit with enterprise-grade
  * architecture and comprehensive styling capabilities.
  *
- * @version 2.0.0
  * @author SVGER-CLI Development Team
  * @license MIT
  */
@@ -148,7 +147,7 @@ export declare const SVGER: {
 /**
  * Package Version Information
  */
-export declare const VERSION = "2.0.0";
+export declare const VERSION: string;
 export declare const PACKAGE_NAME = "svger-cli";
 /**
  * Webpack Plugin - Official webpack integration for SVGER-CLI

package/dist/index.js

@@ -4,10 +4,16 @@
  * A high-performance, framework-agnostic SVG processing toolkit with enterprise-grade
  * architecture and comprehensive styling capabilities.
  *
- * @version 2.0.0
  * @author SVGER-CLI Development Team
  * @license MIT
  */
+import { readFileSync } from 'fs';
+import { fileURLToPath } from 'url';
+import { dirname, join } from 'path';
+// Get package version dynamically
+const __index_filename = fileURLToPath(import.meta.url);
+const __index_dirname = dirname(__index_filename);
+const __packageJson = JSON.parse(readFileSync(join(__index_dirname, '../package.json'), 'utf-8'));
 // ============================================================================
 // CORE SERVICES
 // ============================================================================
@@ -149,7 +155,7 @@ export const SVGER = {
 /**
  * Package Version Information
  */
-export const VERSION = '2.0.0';
+export const VERSION = __packageJson.version;
 export const PACKAGE_NAME = 'svger-cli';
 // ============================================================================
 // BUILD TOOL INTEGRATIONS

package/dist/integrations/jest-preset.js

@@ -72,12 +72,40 @@ module.exports.default = ${componentName};
         }
     },
 };
+/**
+ * Synchronous SVG content cleaning for Jest compatibility.
+ * svgProcessor.cleanSVGContent() is async (uses optimizer pipeline) and cannot
+ * be called from Jest's synchronous process() method. This provides equivalent
+ * basic cleaning without the async optimizer pipeline.
+ */
+function cleanSVGContentSync(svgContent) {
+    return (svgContent
+        // Remove XML declaration
+        .replace(/<\?xml.*?\?>/g, '')
+        // Remove DOCTYPE declaration
+        .replace(/<!DOCTYPE.*?>/g, '')
+        // Remove comments
+        .replace(/<!--[\s\S]*?-->/g, '')
+        // Normalize whitespace
+        .replace(/\r?\n|\r/g, '')
+        .replace(/\s{2,}/g, ' ')
+        // Remove xmlns attributes
+        .replace(/\s+xmlns(:xlink)?="[^"]*"/g, '')
+        // Remove metadata
+        .replace(/<metadata[\s\S]*?<\/metadata>/gi, '')
+        .replace(/<title[\s\S]*?<\/title>/gi, '')
+        .replace(/<desc[\s\S]*?<\/desc>/gi, '')
+        .trim()
+        // Extract inner content from <svg> tag
+        .replace(/^<svg[^>]*>([\s\S]*)<\/svg>$/i, '$1')
+        .trim());
+}
 /**
  * Generate component synchronously (for Jest compatibility)
  */
 function generateComponentSync(componentName, svgContent, options) {
-    // Clean SVG content
-    const cleanedContent = svgProcessor.cleanSVGContent(svgContent);
+    // Clean SVG content synchronously (cleanSVGContent is async and cannot be used here)
+    const cleanedContent = cleanSVGContentSync(svgContent);
     // For Jest, we'll generate a simple React component
     const viewBox = svgProcessor.extractViewBox(svgContent);
     const template = `