@rakeyshgidwani/roger-ui-bank-theme-jeremy 0.5.3

package/dist/utils/bundle-analyzer.esm.js

@@ -0,0 +1,202 @@
+export class BundleAnalyzer {
+    constructor() {
+        this.metrics = {
+            totalSize: 0,
+            gzippedSize: 0,
+            moduleCount: 0,
+            chunkCount: 0,
+            largestChunks: [],
+            duplicateModules: [],
+            unusedExports: [],
+            optimizationScore: 0
+        };
+        this.performanceMetrics = {
+            buildTime: 0,
+            themeSwitchTime: 0,
+            componentRenderTime: 0,
+            memoryUsage: 0,
+            bundleLoadTime: 0
+        };
+    }
+    // Analyze bundle size from build output
+    analyzeBundleSize(buildOutput) {
+        const lines = buildOutput.split('\n');
+        let totalSize = 0;
+        let gzippedSize = 0;
+        const chunks = [];
+        // Parse build output for size information
+        lines.forEach(line => {
+            if (line.includes('dist/assets/') && line.includes('kB')) {
+                // Updated regex to match Vite's output format more accurately
+                const match = line.match(/dist\/assets\/([^.]+)\.[^.]+\.([^.]+)\s+(\d+\.\d+)\s+kB\s+\│\s+gzip:\s+(\d+\.\d+)\s+kB/);
+                if (match) {
+                    const [, name, ext, size, gzip] = match;
+                    const sizeKB = parseFloat(size);
+                    const gzipKB = parseFloat(gzip);
+                    totalSize += sizeKB;
+                    gzippedSize += gzipKB;
+                    chunks.push({
+                        name: `${name}.${ext}`,
+                        size: sizeKB,
+                        gzippedSize: gzipKB
+                    });
+                }
+                else {
+                    // Fallback: try to parse just the size information
+                    const sizeMatch = line.match(/(\d+\.\d+)\s+kB/);
+                    if (sizeMatch) {
+                        const sizeKB = parseFloat(sizeMatch[1]);
+                        totalSize += sizeKB;
+                        gzippedSize += sizeKB * 0.3; // Estimate gzip size as 30% of original
+                        chunks.push({
+                            name: 'unknown',
+                            size: sizeKB,
+                            gzippedSize: sizeKB * 0.3
+                        });
+                    }
+                }
+            }
+        });
+        // Sort chunks by size
+        chunks.sort((a, b) => b.size - a.size);
+        this.metrics = {
+            totalSize,
+            gzippedSize,
+            moduleCount: this.estimateModuleCount(totalSize),
+            chunkCount: chunks.length,
+            largestChunks: chunks.slice(0, 5).map(chunk => ({
+                ...chunk,
+                modules: this.estimateModulesForChunk(chunk.name)
+            })),
+            duplicateModules: this.detectDuplicateModules(),
+            unusedExports: this.detectUnusedExports(),
+            optimizationScore: this.calculateOptimizationScore()
+        };
+        return this.metrics;
+    }
+    // Estimate module count based on bundle size
+    estimateModuleCount(bundleSizeKB) {
+        // Rough estimation: average module size is ~2KB
+        return Math.round(bundleSizeKB / 2);
+    }
+    // Estimate modules for a specific chunk
+    estimateModulesForChunk(chunkName) {
+        // This would be more accurate with actual webpack/vite analysis
+        // For now, provide reasonable estimates based on chunk names
+        if (chunkName.includes('index')) {
+            return ['main', 'themes', 'components', 'utils'];
+        }
+        else if (chunkName.includes('vendor')) {
+            return ['react', 'react-dom', 'lodash'];
+        }
+        else if (chunkName.includes('theme')) {
+            return ['theme-provider', 'theme-switcher', 'theme-customizer'];
+        }
+        return ['unknown'];
+    }
+    // Detect duplicate modules (simplified)
+    detectDuplicateModules() {
+        // This would require actual bundle analysis
+        // For now, return common duplicates
+        return ['react', 'react-dom'];
+    }
+    // Detect unused exports (simplified)
+    detectUnusedExports() {
+        // This would require actual tree-shaking analysis
+        // For now, return potential unused exports
+        return ['legacy-theme', 'deprecated-utils'];
+    }
+    // Calculate optimization score (0-100)
+    calculateOptimizationScore() {
+        let score = 100;
+        // Penalize large bundle size
+        if (this.metrics.totalSize > 500)
+            score -= 20;
+        if (this.metrics.totalSize > 1000)
+            score -= 30;
+        // Penalize many chunks
+        if (this.metrics.chunkCount > 10)
+            score -= 15;
+        // Penalize duplicate modules
+        score -= this.metrics.duplicateModules.length * 5;
+        // Penalize unused exports
+        score -= this.metrics.unusedExports.length * 3;
+        return Math.max(0, score);
+    }
+    // Get current metrics
+    getMetrics() {
+        return { ...this.metrics };
+    }
+    // Get performance metrics
+    getPerformanceMetrics() {
+        return { ...this.performanceMetrics };
+    }
+    // Measure build time
+    measureBuildTime(startTime) {
+        this.performanceMetrics.buildTime = Date.now() - startTime;
+    }
+    // Measure theme switch performance
+    measureThemeSwitch(callback) {
+        const startTime = performance.now();
+        callback();
+        const endTime = performance.now();
+        const duration = endTime - startTime;
+        this.performanceMetrics.themeSwitchTime = duration;
+        return duration;
+    }
+    // Measure component render performance
+    measureComponentRender(callback) {
+        const startTime = performance.now();
+        callback();
+        const endTime = performance.now();
+        const duration = endTime - startTime;
+        this.performanceMetrics.componentRenderTime = duration;
+        return duration;
+    }
+    // Get memory usage (if available)
+    getMemoryUsage() {
+        if ('memory' in performance) {
+            const memory = performance.memory;
+            this.performanceMetrics.memoryUsage = memory.usedJSHeapSize / 1024 / 1024; // MB
+            return this.performanceMetrics.memoryUsage;
+        }
+        return 0;
+    }
+    // Generate optimization recommendations
+    generateRecommendations() {
+        const recommendations = [];
+        if (this.metrics.totalSize > 500) {
+            recommendations.push('Bundle size is large. Consider code splitting and lazy loading.');
+        }
+        if (this.metrics.chunkCount > 10) {
+            recommendations.push('Too many chunks. Consider consolidating smaller chunks.');
+        }
+        if (this.metrics.duplicateModules.length > 0) {
+            recommendations.push('Duplicate modules detected. Check for multiple versions of the same package.');
+        }
+        if (this.metrics.unusedExports.length > 0) {
+            recommendations.push('Unused exports detected. Enable tree-shaking and remove dead code.');
+        }
+        if (this.performanceMetrics.themeSwitchTime > 100) {
+            recommendations.push('Theme switching is slow. Optimize theme application logic.');
+        }
+        if (this.performanceMetrics.componentRenderTime > 50) {
+            recommendations.push('Component rendering is slow. Consider memoization and optimization.');
+        }
+        if (recommendations.length === 0) {
+            recommendations.push('Bundle is well-optimized. No immediate actions required.');
+        }
+        return recommendations;
+    }
+    // Export metrics for external analysis
+    exportMetrics() {
+        return JSON.stringify({
+            bundle: this.metrics,
+            performance: this.performanceMetrics,
+            recommendations: this.generateRecommendations(),
+            timestamp: new Date().toISOString()
+        }, null, 2);
+    }
+}
+// Create and export default instance
+export const bundleAnalyzer = new BundleAnalyzer();

package/dist/utils/bundle-analyzer.js

@@ -0,0 +1,202 @@
+export class BundleAnalyzer {
+    constructor() {
+        this.metrics = {
+            totalSize: 0,
+            gzippedSize: 0,
+            moduleCount: 0,
+            chunkCount: 0,
+            largestChunks: [],
+            duplicateModules: [],
+            unusedExports: [],
+            optimizationScore: 0
+        };
+        this.performanceMetrics = {
+            buildTime: 0,
+            themeSwitchTime: 0,
+            componentRenderTime: 0,
+            memoryUsage: 0,
+            bundleLoadTime: 0
+        };
+    }
+    // Analyze bundle size from build output
+    analyzeBundleSize(buildOutput) {
+        const lines = buildOutput.split('\n');
+        let totalSize = 0;
+        let gzippedSize = 0;
+        const chunks = [];
+        // Parse build output for size information
+        lines.forEach(line => {
+            if (line.includes('dist/assets/') && line.includes('kB')) {
+                // Updated regex to match Vite's output format more accurately
+                const match = line.match(/dist\/assets\/([^.]+)\.[^.]+\.([^.]+)\s+(\d+\.\d+)\s+kB\s+\│\s+gzip:\s+(\d+\.\d+)\s+kB/);
+                if (match) {
+                    const [, name, ext, size, gzip] = match;
+                    const sizeKB = parseFloat(size);
+                    const gzipKB = parseFloat(gzip);
+                    totalSize += sizeKB;
+                    gzippedSize += gzipKB;
+                    chunks.push({
+                        name: `${name}.${ext}`,
+                        size: sizeKB,
+                        gzippedSize: gzipKB
+                    });
+                }
+                else {
+                    // Fallback: try to parse just the size information
+                    const sizeMatch = line.match(/(\d+\.\d+)\s+kB/);
+                    if (sizeMatch) {
+                        const sizeKB = parseFloat(sizeMatch[1]);
+                        totalSize += sizeKB;
+                        gzippedSize += sizeKB * 0.3; // Estimate gzip size as 30% of original
+                        chunks.push({
+                            name: 'unknown',
+                            size: sizeKB,
+                            gzippedSize: sizeKB * 0.3
+                        });
+                    }
+                }
+            }
+        });
+        // Sort chunks by size
+        chunks.sort((a, b) => b.size - a.size);
+        this.metrics = {
+            totalSize,
+            gzippedSize,
+            moduleCount: this.estimateModuleCount(totalSize),
+            chunkCount: chunks.length,
+            largestChunks: chunks.slice(0, 5).map(chunk => ({
+                ...chunk,
+                modules: this.estimateModulesForChunk(chunk.name)
+            })),
+            duplicateModules: this.detectDuplicateModules(),
+            unusedExports: this.detectUnusedExports(),
+            optimizationScore: this.calculateOptimizationScore()
+        };
+        return this.metrics;
+    }
+    // Estimate module count based on bundle size
+    estimateModuleCount(bundleSizeKB) {
+        // Rough estimation: average module size is ~2KB
+        return Math.round(bundleSizeKB / 2);
+    }
+    // Estimate modules for a specific chunk
+    estimateModulesForChunk(chunkName) {
+        // This would be more accurate with actual webpack/vite analysis
+        // For now, provide reasonable estimates based on chunk names
+        if (chunkName.includes('index')) {
+            return ['main', 'themes', 'components', 'utils'];
+        }
+        else if (chunkName.includes('vendor')) {
+            return ['react', 'react-dom', 'lodash'];
+        }
+        else if (chunkName.includes('theme')) {
+            return ['theme-provider', 'theme-switcher', 'theme-customizer'];
+        }
+        return ['unknown'];
+    }
+    // Detect duplicate modules (simplified)
+    detectDuplicateModules() {
+        // This would require actual bundle analysis
+        // For now, return common duplicates
+        return ['react', 'react-dom'];
+    }
+    // Detect unused exports (simplified)
+    detectUnusedExports() {
+        // This would require actual tree-shaking analysis
+        // For now, return potential unused exports
+        return ['legacy-theme', 'deprecated-utils'];
+    }
+    // Calculate optimization score (0-100)
+    calculateOptimizationScore() {
+        let score = 100;
+        // Penalize large bundle size
+        if (this.metrics.totalSize > 500)
+            score -= 20;
+        if (this.metrics.totalSize > 1000)
+            score -= 30;
+        // Penalize many chunks
+        if (this.metrics.chunkCount > 10)
+            score -= 15;
+        // Penalize duplicate modules
+        score -= this.metrics.duplicateModules.length * 5;
+        // Penalize unused exports
+        score -= this.metrics.unusedExports.length * 3;
+        return Math.max(0, score);
+    }
+    // Get current metrics
+    getMetrics() {
+        return { ...this.metrics };
+    }
+    // Get performance metrics
+    getPerformanceMetrics() {
+        return { ...this.performanceMetrics };
+    }
+    // Measure build time
+    measureBuildTime(startTime) {
+        this.performanceMetrics.buildTime = Date.now() - startTime;
+    }
+    // Measure theme switch performance
+    measureThemeSwitch(callback) {
+        const startTime = performance.now();
+        callback();
+        const endTime = performance.now();
+        const duration = endTime - startTime;
+        this.performanceMetrics.themeSwitchTime = duration;
+        return duration;
+    }
+    // Measure component render performance
+    measureComponentRender(callback) {
+        const startTime = performance.now();
+        callback();
+        const endTime = performance.now();
+        const duration = endTime - startTime;
+        this.performanceMetrics.componentRenderTime = duration;
+        return duration;
+    }
+    // Get memory usage (if available)
+    getMemoryUsage() {
+        if ('memory' in performance) {
+            const memory = performance.memory;
+            this.performanceMetrics.memoryUsage = memory.usedJSHeapSize / 1024 / 1024; // MB
+            return this.performanceMetrics.memoryUsage;
+        }
+        return 0;
+    }
+    // Generate optimization recommendations
+    generateRecommendations() {
+        const recommendations = [];
+        if (this.metrics.totalSize > 500) {
+            recommendations.push('Bundle size is large. Consider code splitting and lazy loading.');
+        }
+        if (this.metrics.chunkCount > 10) {
+            recommendations.push('Too many chunks. Consider consolidating smaller chunks.');
+        }
+        if (this.metrics.duplicateModules.length > 0) {
+            recommendations.push('Duplicate modules detected. Check for multiple versions of the same package.');
+        }
+        if (this.metrics.unusedExports.length > 0) {
+            recommendations.push('Unused exports detected. Enable tree-shaking and remove dead code.');
+        }
+        if (this.performanceMetrics.themeSwitchTime > 100) {
+            recommendations.push('Theme switching is slow. Optimize theme application logic.');
+        }
+        if (this.performanceMetrics.componentRenderTime > 50) {
+            recommendations.push('Component rendering is slow. Consider memoization and optimization.');
+        }
+        if (recommendations.length === 0) {
+            recommendations.push('Bundle is well-optimized. No immediate actions required.');
+        }
+        return recommendations;
+    }
+    // Export metrics for external analysis
+    exportMetrics() {
+        return JSON.stringify({
+            bundle: this.metrics,
+            performance: this.performanceMetrics,
+            recommendations: this.generateRecommendations(),
+            timestamp: new Date().toISOString()
+        }, null, 2);
+    }
+}
+// Create and export default instance
+export const bundleAnalyzer = new BundleAnalyzer();

package/dist/utils/bundle-splitting.d.ts

@@ -0,0 +1,71 @@
+export interface BundleSplitConfig {
+    enabled: boolean;
+    strategy: 'dynamic' | 'static' | 'hybrid';
+    chunkSize: number;
+    maxChunks: number;
+    minChunkSize: number;
+    vendorChunk: boolean;
+    commonChunk: boolean;
+    asyncChunk: boolean;
+    preloadChunks: boolean;
+    cacheGroups: Record<string, any>;
+}
+export interface ChunkAnalysis {
+    name: string;
+    size: number;
+    gzippedSize: number;
+    modules: string[];
+    dependencies: string[];
+    async: boolean;
+    vendor: boolean;
+    common: boolean;
+    loadPriority: 'high' | 'medium' | 'low';
+}
+export interface BundleSplitReport {
+    chunks: ChunkAnalysis[];
+    totalSize: number;
+    totalGzippedSize: number;
+    chunkCount: number;
+    averageChunkSize: number;
+    optimizationScore: number;
+    recommendations: string[];
+    timestamp: number;
+}
+export declare class BundleSplitter {
+    private config;
+    private chunks;
+    constructor(config?: BundleSplitConfig);
+    analyzeChunks(buildOutput: string): ChunkAnalysis[];
+    private estimateModulesForChunk;
+    private estimateDependencies;
+    private isAsyncChunk;
+    private isVendorChunk;
+    private isCommonChunk;
+    private calculateLoadPriority;
+    generateRecommendations(chunks: ChunkAnalysis[]): string[];
+    calculateOptimizationScore(chunks: ChunkAnalysis[]): number;
+    generateViteConfig(): string;
+    private generateManualChunks;
+    private generateChunkFileNames;
+    private generateEntryFileNames;
+    private generateAssetFileNames;
+    generateWebpackConfig(): string;
+    private generateWebpackCacheGroups;
+    generateDynamicImports(): string[];
+    generatePreloadStrategies(): string[];
+    getStatistics(chunks: ChunkAnalysis[]): {
+        totalSize: number;
+        totalGzippedSize: number;
+        chunkCount: number;
+        averageChunkSize: number;
+        vendorChunkCount: number;
+        asyncChunkCount: number;
+        commonChunkCount: number;
+        optimizationScore: number;
+    };
+    exportAnalysis(chunks: ChunkAnalysis[]): string;
+    updateConfig(newConfig: Partial<BundleSplitConfig>): void;
+    getConfig(): BundleSplitConfig;
+}
+export declare const bundleSplitter: BundleSplitter;
+//# sourceMappingURL=bundle-splitting.d.ts.map

package/dist/utils/bundle-splitting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-splitting.d.ts","sourceRoot":"","sources":["../../src/utils/bundle-splitting.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;CACzC;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,qBAAa,cAAc;IACzB,OAAO,CAAC,MAAM,CAAoB;IAClC,OAAO,CAAC,MAAM,CAA6B;gBAE/B,MAAM,GAAE,iBAWnB;IAMD,aAAa,CAAC,WAAW,EAAE,MAAM,GAAG,aAAa,EAAE;IA4CnD,OAAO,CAAC,uBAAuB;IAgB/B,OAAO,CAAC,oBAAoB;IAc5B,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,qBAAqB;IAY7B,uBAAuB,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,MAAM,EAAE;IA+C1D,0BAA0B,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,MAAM;IAgC3D,kBAAkB,IAAI,MAAM;IAqB5B,OAAO,CAAC,oBAAoB;IA8B5B,OAAO,CAAC,sBAAsB;IAW9B,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,sBAAsB;IAK9B,qBAAqB,IAAI,MAAM;IAiB/B,OAAO,CAAC,0BAA0B;IA4BlC,sBAAsB,IAAI,MAAM,EAAE;IAsBlC,yBAAyB,IAAI,MAAM,EAAE;IAgCrC,aAAa,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG;QACtC,SAAS,EAAE,MAAM,CAAC;QAClB,gBAAgB,EAAE,MAAM,CAAC;QACzB,UAAU,EAAE,MAAM,CAAC;QACnB,gBAAgB,EAAE,MAAM,CAAC;QACzB,gBAAgB,EAAE,MAAM,CAAC;QACzB,eAAe,EAAE,MAAM,CAAC;QACxB,gBAAgB,EAAE,MAAM,CAAC;QACzB,iBAAiB,EAAE,MAAM,CAAC;KAC3B;IAsBD,cAAc,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,MAAM;IAyB/C,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,iBAAiB,CAAC,GAAG,IAAI;IAKzD,SAAS,IAAI,iBAAiB;CAG/B;AAGD,eAAO,MAAM,cAAc,gBAAuB,CAAC"}