@rakeyshgidwani/roger-ui-bank-theme-stan-design 0.2.9 → 0.2.11

package/dist/utils/tree-shaking.esm.js

@@ -1,35 +1,35 @@
 // Tree-shaking utilities for optimizing bundle size
 export interface ExportAnalysis {
-  module;
-  exports];
-  usedExports];
-  unusedExports];
-  importCount;
-  treeShakingScore;
+  module: string;
+  exports: string[];
+  usedExports: string[];
+  unusedExports: string[];
+  importCount: number;
+  treeShakingScore: number;
 }
 
 export interface TreeShakingConfig {
-  enabled;
-  analyzeExports;
-  removeUnused;
-  preserveSideEffects;
-  modulesToAnalyze];
-  excludePatterns];
+  enabled: boolean;
+  analyzeExports: boolean;
+  removeUnused: boolean;
+  preserveSideEffects: boolean;
+  modulesToAnalyze: string[];
+  excludePatterns: string[];
 }
 
 export class TreeShakingOptimizer {
-  private config;
-  private exportMap, Set<string>>;
-  private importMap, Set<string>>;
-  private usageMap, number>;
-
-  constructor(config= {
-    enabled,
-    analyzeExports,
-    removeUnused,
-    preserveSideEffects,
-    modulesToAnalyze],
-    excludePatterns]
+  private config: TreeShakingConfig;
+  private exportMap: Map<string, Set<string>>;
+  private importMap: Map<string, Set<string>>;
+  private usageMap: Map<string, number>;
+
+  constructor(config: TreeShakingConfig = {
+    enabled: true,
+    analyzeExports: true,
+    removeUnused: true,
+    preserveSideEffects: true,
+    modulesToAnalyze: [],
+    excludePatterns: []
   }) {
     this.config = config;
     this.exportMap = new Map();
@@ -38,21 +38,23 @@ export class TreeShakingOptimizer {
   }
 
   // Analyze module exports
-  analyzeModuleExports(modulePath, exports])) return;
+  analyzeModuleExports(modulePath: string, exports: string[]): void {
+    if (!this.config.analyzeExports) return;
 
     this.exportMap.set(modulePath, new Set(exports));
     
     // Initialize usage count for each export
     exports.forEach(exportName => {
-      const key = `${modulePath}}`;
+      const key = `${modulePath}:${exportName}`;
       this.usageMap.set(key, 0);
     });
   }
 
   // Track import usage
-  trackImport(modulePath, importName)) return;
+  trackImport(modulePath: string, importName: string): void {
+    if (!this.config.enabled) return;
 
-    const key = `${modulePath}}`;
+    const key = `${modulePath}:${importName}`;
     const currentUsage = this.usageMap.get(key) || 0;
     this.usageMap.set(key, currentUsage + 1);
 
@@ -64,16 +66,16 @@ export class TreeShakingOptimizer {
   }
 
   // Analyze tree-shaking effectiveness
-  analyzeTreeShaking()] {
-    const analysis] = [];
+  analyzeTreeShaking(): ExportAnalysis[] {
+    const analysis: ExportAnalysis[] = [];
 
     this.exportMap.forEach((exports, modulePath) => {
-      const usedExports] = [];
-      const unusedExports] = [];
+      const usedExports: string[] = [];
+      const unusedExports: string[] = [];
       let totalUsage = 0;
 
       exports.forEach(exportName => {
-        const key = `${modulePath}}`;
+        const key = `${modulePath}:${exportName}`;
         const usage = this.usageMap.get(key) || 0;
         totalUsage += usage;
 
@@ -84,14 +86,14 @@ export class TreeShakingOptimizer {
         }
       });
 
-      const treeShakingScore = exports.size > 0 ? (usedExports.length / exports.size) * 100 ;
+      const treeShakingScore = exports.size > 0 ? (usedExports.length / exports.size) * 100 : 100;
 
       analysis.push({
-        module,
-        exports),
+        module: modulePath,
+        exports: Array.from(exports),
         usedExports,
         unusedExports,
-        importCount,
+        importCount: totalUsage,
         treeShakingScore
       });
     });
@@ -100,9 +102,9 @@ export class TreeShakingOptimizer {
   }
 
   // Generate tree-shaking recommendations
-  generateTreeShakingRecommendations()] {
+  generateTreeShakingRecommendations(): string[] {
     const analysis = this.analyzeTreeShaking();
-    const recommendations] = [];
+    const recommendations: string[] = [];
 
     analysis.forEach(module => {
       if (module.treeShakingScore < 50) {
@@ -110,7 +112,7 @@ export class TreeShakingOptimizer {
       }
 
       if (module.unusedExports.length > 0) {
-        recommendations.push(`Module ${module.module} has ${module.unusedExports.length} unused exports, ')}`);
+        recommendations.push(`Module ${module.module} has ${module.unusedExports.length} unused exports: ${module.unusedExports.join(', ')}`);
       }
 
       if (module.exports.length > 20) {
@@ -126,13 +128,13 @@ export class TreeShakingOptimizer {
   }
 
   // Optimize exports by removing unused ones
-  optimizeExports(), string[]> {
+  optimizeExports(): Map<string, string[]> {
     const optimizedExports = new Map<string, string[]>();
 
     this.exportMap.forEach((exports, modulePath) => {
       if (this.config.removeUnused) {
         const usedExports = Array.from(exports).filter(exportName => {
-          const key = `${modulePath}}`;
+          const key = `${modulePath}:${exportName}`;
           return (this.usageMap.get(key) || 0) > 0;
         });
         optimizedExports.set(modulePath, usedExports);
@@ -145,7 +147,8 @@ export class TreeShakingOptimizer {
   }
 
   // Check if module has side effects
-  hasSideEffects(modulePath)) return false;
+  hasSideEffects(modulePath: string): boolean {
+    if (!this.config.preserveSideEffects) return false;
 
     // Check for common side effect patterns
     const sideEffectPatterns = [
@@ -163,8 +166,9 @@ export class TreeShakingOptimizer {
   }
 
   // Generate optimized import statements
-  generateOptimizedImports(modulePath, imports])= imports.filter(importName => {
-      const key = `${modulePath}}`;
+  generateOptimizedImports(modulePath: string, imports: string[]): string {
+    const usedImports = imports.filter(importName => {
+      const key = `${modulePath}:${importName}`;
       return (this.usageMap.get(key) || 0) > 0;
     });
 
@@ -180,11 +184,12 @@ export class TreeShakingOptimizer {
   }
 
   // Analyze bundle impact of tree-shaking
-  analyzeBundleImpact();
-    usedExports;
-    unusedExports;
-    potentialSavings;
-    treeShakingEfficiency;
+  analyzeBundleImpact(): {
+    totalExports: number;
+    usedExports: number;
+    unusedExports: number;
+    potentialSavings: number;
+    treeShakingEfficiency: number;
   } {
     let totalExports = 0;
     let usedExports = 0;
@@ -205,7 +210,7 @@ export class TreeShakingOptimizer {
        });
      });
 
-    const treeShakingEfficiency = totalExports > 0 ? (usedExports / totalExports) * 100 ;
+    const treeShakingEfficiency = totalExports > 0 ? (usedExports / totalExports) * 100 : 100;
     const potentialSavings = unusedExports * 0.5; // Estimate 0.5KB per unused export
 
     return {
@@ -218,19 +223,20 @@ export class TreeShakingOptimizer {
   }
 
   // Get tree-shaking statistics
-  getStatistics();
-    totalExports;
-    averageExportsPerModule;
-    treeShakingScore;
+  getStatistics(): {
+    modulesAnalyzed: number;
+    totalExports: number;
+    averageExportsPerModule: number;
+    treeShakingScore: number;
   } {
     const modulesAnalyzed = this.exportMap.size;
     const totalExports = Array.from(this.exportMap.values()).reduce((sum, exports) => sum + exports.size, 0);
-    const averageExportsPerModule = modulesAnalyzed > 0 ? totalExports / modulesAnalyzed ;
+    const averageExportsPerModule = modulesAnalyzed > 0 ? totalExports / modulesAnalyzed : 0;
     
     const analysis = this.analyzeTreeShaking();
     const treeShakingScore = analysis.length > 0 
       ? analysis.reduce((sum, module) => sum + module.treeShakingScore, 0) / analysis.length 
-      ;
+      : 100;
 
     return {
       modulesAnalyzed,
@@ -241,7 +247,8 @@ export class TreeShakingOptimizer {
   }
 
   // Export tree-shaking analysis
-  exportAnalysis()= this.analyzeTreeShaking();
+  exportAnalysis(): string {
+    const analysis = this.analyzeTreeShaking();
     const impact = this.analyzeBundleImpact();
     const stats = this.getStatistics();
     const recommendations = this.generateTreeShakingRecommendations();
@@ -249,14 +256,15 @@ export class TreeShakingOptimizer {
     return JSON.stringify({
       analysis,
       impact,
-      statistics,
+      statistics: stats,
       recommendations,
-      timestamp).toISOString()
+      timestamp: new Date().toISOString()
     }, null, 2);
   }
 
   // Reset all data
-  reset());
+  reset(): void {
+    this.exportMap.clear();
     this.importMap.clear();
     this.usageMap.clear();
   }

package/dist/utils/tree-shaking.js

@@ -1,35 +1,35 @@
 // Tree-shaking utilities for optimizing bundle size
 export interface ExportAnalysis {
-  module;
-  exports];
-  usedExports];
-  unusedExports];
-  importCount;
-  treeShakingScore;
+  module: string;
+  exports: string[];
+  usedExports: string[];
+  unusedExports: string[];
+  importCount: number;
+  treeShakingScore: number;
 }
 
 export interface TreeShakingConfig {
-  enabled;
-  analyzeExports;
-  removeUnused;
-  preserveSideEffects;
-  modulesToAnalyze];
-  excludePatterns];
+  enabled: boolean;
+  analyzeExports: boolean;
+  removeUnused: boolean;
+  preserveSideEffects: boolean;
+  modulesToAnalyze: string[];
+  excludePatterns: string[];
 }
 
 export class TreeShakingOptimizer {
-  private config;
-  private exportMap, Set<string>>;
-  private importMap, Set<string>>;
-  private usageMap, number>;
-
-  constructor(config= {
-    enabled,
-    analyzeExports,
-    removeUnused,
-    preserveSideEffects,
-    modulesToAnalyze],
-    excludePatterns]
+  private config: TreeShakingConfig;
+  private exportMap: Map<string, Set<string>>;
+  private importMap: Map<string, Set<string>>;
+  private usageMap: Map<string, number>;
+
+  constructor(config: TreeShakingConfig = {
+    enabled: true,
+    analyzeExports: true,
+    removeUnused: true,
+    preserveSideEffects: true,
+    modulesToAnalyze: [],
+    excludePatterns: []
   }) {
     this.config = config;
     this.exportMap = new Map();
@@ -38,21 +38,23 @@ export class TreeShakingOptimizer {
   }
 
   // Analyze module exports
-  analyzeModuleExports(modulePath, exports])) return;
+  analyzeModuleExports(modulePath: string, exports: string[]): void {
+    if (!this.config.analyzeExports) return;
 
     this.exportMap.set(modulePath, new Set(exports));
     
     // Initialize usage count for each export
     exports.forEach(exportName => {
-      const key = `${modulePath}}`;
+      const key = `${modulePath}:${exportName}`;
       this.usageMap.set(key, 0);
     });
   }
 
   // Track import usage
-  trackImport(modulePath, importName)) return;
+  trackImport(modulePath: string, importName: string): void {
+    if (!this.config.enabled) return;
 
-    const key = `${modulePath}}`;
+    const key = `${modulePath}:${importName}`;
     const currentUsage = this.usageMap.get(key) || 0;
     this.usageMap.set(key, currentUsage + 1);
 
@@ -64,16 +66,16 @@ export class TreeShakingOptimizer {
   }
 
   // Analyze tree-shaking effectiveness
-  analyzeTreeShaking()] {
-    const analysis] = [];
+  analyzeTreeShaking(): ExportAnalysis[] {
+    const analysis: ExportAnalysis[] = [];
 
     this.exportMap.forEach((exports, modulePath) => {
-      const usedExports] = [];
-      const unusedExports] = [];
+      const usedExports: string[] = [];
+      const unusedExports: string[] = [];
       let totalUsage = 0;
 
       exports.forEach(exportName => {
-        const key = `${modulePath}}`;
+        const key = `${modulePath}:${exportName}`;
         const usage = this.usageMap.get(key) || 0;
         totalUsage += usage;
 
@@ -84,14 +86,14 @@ export class TreeShakingOptimizer {
         }
       });
 
-      const treeShakingScore = exports.size > 0 ? (usedExports.length / exports.size) * 100 ;
+      const treeShakingScore = exports.size > 0 ? (usedExports.length / exports.size) * 100 : 100;
 
       analysis.push({
-        module,
-        exports),
+        module: modulePath,
+        exports: Array.from(exports),
         usedExports,
         unusedExports,
-        importCount,
+        importCount: totalUsage,
         treeShakingScore
       });
     });
@@ -100,9 +102,9 @@ export class TreeShakingOptimizer {
   }
 
   // Generate tree-shaking recommendations
-  generateTreeShakingRecommendations()] {
+  generateTreeShakingRecommendations(): string[] {
     const analysis = this.analyzeTreeShaking();
-    const recommendations] = [];
+    const recommendations: string[] = [];
 
     analysis.forEach(module => {
       if (module.treeShakingScore < 50) {
@@ -110,7 +112,7 @@ export class TreeShakingOptimizer {
       }
 
       if (module.unusedExports.length > 0) {
-        recommendations.push(`Module ${module.module} has ${module.unusedExports.length} unused exports, ')}`);
+        recommendations.push(`Module ${module.module} has ${module.unusedExports.length} unused exports: ${module.unusedExports.join(', ')}`);
       }
 
       if (module.exports.length > 20) {
@@ -126,13 +128,13 @@ export class TreeShakingOptimizer {
   }
 
   // Optimize exports by removing unused ones
-  optimizeExports(), string[]> {
+  optimizeExports(): Map<string, string[]> {
     const optimizedExports = new Map<string, string[]>();
 
     this.exportMap.forEach((exports, modulePath) => {
       if (this.config.removeUnused) {
         const usedExports = Array.from(exports).filter(exportName => {
-          const key = `${modulePath}}`;
+          const key = `${modulePath}:${exportName}`;
           return (this.usageMap.get(key) || 0) > 0;
         });
         optimizedExports.set(modulePath, usedExports);
@@ -145,7 +147,8 @@ export class TreeShakingOptimizer {
   }
 
   // Check if module has side effects
-  hasSideEffects(modulePath)) return false;
+  hasSideEffects(modulePath: string): boolean {
+    if (!this.config.preserveSideEffects) return false;
 
     // Check for common side effect patterns
     const sideEffectPatterns = [
@@ -163,8 +166,9 @@ export class TreeShakingOptimizer {
   }
 
   // Generate optimized import statements
-  generateOptimizedImports(modulePath, imports])= imports.filter(importName => {
-      const key = `${modulePath}}`;
+  generateOptimizedImports(modulePath: string, imports: string[]): string {
+    const usedImports = imports.filter(importName => {
+      const key = `${modulePath}:${importName}`;
       return (this.usageMap.get(key) || 0) > 0;
     });
 
@@ -180,11 +184,12 @@ export class TreeShakingOptimizer {
   }
 
   // Analyze bundle impact of tree-shaking
-  analyzeBundleImpact();
-    usedExports;
-    unusedExports;
-    potentialSavings;
-    treeShakingEfficiency;
+  analyzeBundleImpact(): {
+    totalExports: number;
+    usedExports: number;
+    unusedExports: number;
+    potentialSavings: number;
+    treeShakingEfficiency: number;
   } {
     let totalExports = 0;
     let usedExports = 0;
@@ -205,7 +210,7 @@ export class TreeShakingOptimizer {
        });
      });
 
-    const treeShakingEfficiency = totalExports > 0 ? (usedExports / totalExports) * 100 ;
+    const treeShakingEfficiency = totalExports > 0 ? (usedExports / totalExports) * 100 : 100;
     const potentialSavings = unusedExports * 0.5; // Estimate 0.5KB per unused export
 
     return {
@@ -218,19 +223,20 @@ export class TreeShakingOptimizer {
   }
 
   // Get tree-shaking statistics
-  getStatistics();
-    totalExports;
-    averageExportsPerModule;
-    treeShakingScore;
+  getStatistics(): {
+    modulesAnalyzed: number;
+    totalExports: number;
+    averageExportsPerModule: number;
+    treeShakingScore: number;
   } {
     const modulesAnalyzed = this.exportMap.size;
     const totalExports = Array.from(this.exportMap.values()).reduce((sum, exports) => sum + exports.size, 0);
-    const averageExportsPerModule = modulesAnalyzed > 0 ? totalExports / modulesAnalyzed ;
+    const averageExportsPerModule = modulesAnalyzed > 0 ? totalExports / modulesAnalyzed : 0;
     
     const analysis = this.analyzeTreeShaking();
     const treeShakingScore = analysis.length > 0 
       ? analysis.reduce((sum, module) => sum + module.treeShakingScore, 0) / analysis.length 
-      ;
+      : 100;
 
     return {
       modulesAnalyzed,
@@ -241,7 +247,8 @@ export class TreeShakingOptimizer {
   }
 
   // Export tree-shaking analysis
-  exportAnalysis()= this.analyzeTreeShaking();
+  exportAnalysis(): string {
+    const analysis = this.analyzeTreeShaking();
     const impact = this.analyzeBundleImpact();
     const stats = this.getStatistics();
     const recommendations = this.generateTreeShakingRecommendations();
@@ -249,14 +256,15 @@ export class TreeShakingOptimizer {
     return JSON.stringify({
       analysis,
       impact,
-      statistics,
+      statistics: stats,
       recommendations,
-      timestamp).toISOString()
+      timestamp: new Date().toISOString()
     }, null, 2);
   }
 
   // Reset all data
-  reset());
+  reset(): void {
+    this.exportMap.clear();
     this.importMap.clear();
     this.usageMap.clear();
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rakeyshgidwani/roger-ui-bank-theme-stan-design",
-  "version": "0.2.9",
+  "version": "0.2.11",
   "description": "Roger UI stan-design theme - Complete design system with components, styles, and utilities",
   "keywords": [
     "design-system",