agentsqripts/lib/ui-problems/inconsistentIconDetector.js

Comprehensive static code analysis toolkit for identifying technical debt, security vulnerabilities, performance issues, and code quality problems

/**
 * @file Inconsistent icon detector
 * @description Detects inconsistent icon usage in UI code
 */

/**
 * Detect inconsistent icon libraries
 * @param {string} content - File content
 * @param {string} filePath - File path
 * @returns {Array} Icon inconsistency issues
 */
function detectIconInconsistencies(content, filePath) {
  const issues = [];
  const iconLibraries = [];
  
  // Check for different icon libraries
  if (content.includes('FontAwesome') || content.includes('fa fa-')) {
    iconLibraries.push('FontAwesome');
  }
  if (content.includes('MaterialIcons') || content.includes('@material-ui/icons')) {
    iconLibraries.push('Material-UI');
  }
  if (content.includes('react-icons')) {
    iconLibraries.push('React Icons');
  }
  
  if (iconLibraries.length > 1) {
    issues.push({
      type: 'inconsistent_icons',
      severity: 'MEDIUM',
      category: 'Visual Design',
      libraries: iconLibraries,
      description: `Multiple icon libraries detected: ${iconLibraries.join(', ')}`,
      file: filePath,
      recommendation: 'Standardize on a single icon library for consistency'
    });
  }
  
  return issues;
}

module.exports = {
  detectIconInconsistencies
};