css-deadweigth/lib/reporter.js

CLI tool to detect unused CSS in your project

import Table from 'cli-table3';
import chalk from 'chalk';
import fs from 'fs/promises';

export function printUnusedSelectors(unused, totalSelectors, usedSelectors) {
  if (unused.length === 0) {
    console.log(chalk.greenBright('🎉 No unused CSS selectors found!'));
    return;
  }

  console.log(chalk.red.bold(`🧹 Unused CSS Selectors (${unused.length}):`));
  const table = new Table({
    head: ['Selector'],
    style: { head: ['cyan'] }
  });

  unused.forEach(sel => table.push([sel]));
  console.log(table.toString());

  console.log(chalk.yellow(`\nTotal selectors scanned: ${totalSelectors}`));
  console.log(chalk.yellow(`Used selectors: ${usedSelectors}`));
}

export async function saveReport(unused, totalSelectors, usedSelectors, filename) {
  const reportData = {
    unused,
    totalSelectors,
    usedSelectors,
    timestamp: new Date().toISOString()
  };

  try {
    await fs.writeFile(filename, JSON.stringify(reportData, null, 2), 'utf-8');
    console.log(chalk.blue(`✅ Report saved to ${filename}`));
  } catch (err) {
    console.error(chalk.red(`❌ Failed to save report: ${err.message}`));
  }
}