Function analyzeBuildOutput

scripts/storybook-performance.js:74–134

()

}

function analyzeBuildOutput() {
  logSection('Analyzing Build Output');
  
  const storybookStaticDir = path.join(process.cwd(), 'storybook-static');
  
  if (!fs.existsSync(storybookStaticDir)) {
    log('✗ Build output not found', colors.red);
    return;
  }
  
  // Get all files
  const files = [];
  function walkDir(dir) {
    const items = fs.readdirSync(dir);
    items.forEach(item => {
      const fullPath = path.join(dir, item);
      const stat = fs.statSync(fullPath);
      if (stat.isDirectory()) {
        walkDir(fullPath);
      } else {
        files.push({
          path: fullPath.replace(storybookStaticDir + '/', ''),
          size: stat.size,
        });
      }
    });
  }
  walkDir(storybookStaticDir);
  
  // Calculate total size
  const totalSize = files.reduce((sum, file) => sum + file.size, 0);
  
  // Find largest files
  const largestFiles = files
    .sort((a, b) => b.size - a.size)
    .slice(0, 10);
  
  log(`Total files: ${files.length}`, colors.blue);
  log(`Total size: ${(totalSize / 1024 / 1024).toFixed(2)} MB`, colors.blue);
  
  log('\nLargest files:', colors.yellow);
  largestFiles.forEach((file, index) => {
    const sizeKB = (file.size / 1024).toFixed(2);
    log(`  ${index + 1}. ${file.path} - ${sizeKB} KB`);
  });
  
  // Analyze chunk files
  const chunkFiles = files.filter(f => f.path.includes('.iframe.bundle.js'));
  if (chunkFiles.length > 0) {
    log(`\nChunk files: ${chunkFiles.length}`, colors.blue);
    const totalChunkSize = chunkFiles.reduce((sum, file) => sum + file.size, 0);
    log(`Total chunk size: ${(totalChunkSize / 1024 / 1024).toFixed(2)} MB`, colors.blue);
  }
  
  return {
    totalFiles: files.length,
    totalSize,
    largestFiles,