@ui-entropy/cli 0.1.5 → 0.2.1

package/README.md

@@ -9,12 +9,16 @@
 
 UI Entropy is a **professional developer tool** that scans your codebase to identify unused CSS. Think of it as **SonarQube for your UI** - helping teams maintain code quality, reduce technical debt, and optimize bundle sizes.
 
-**What you get:**
-- 🚀 **Reduce bundle sizes** by removing dead CSS
-- 🧹 **Keep stylesheets clean** and maintainable  
-- 📊 **Track CSS waste** over time
-- ✅ **Prevent waste** in CI/CD pipelines
-- 📈 **Team dashboards** _(coming soon)_ - Monitor trends across projects
+**What it does:**
+- 🔍 **Identifies unused CSS classes** - Scans your stylesheets and source code to find dead CSS
+- 📊 **Reports waste metrics** - Shows which classes are unused and calculates waste percentage
+- 🚨 **Fails CI builds** - Enforces quality gates with configurable waste thresholds
+- 🎯 **Smart framework detection** - Auto-configures for Next.js, React, Vue, Angular, and more
+- 📈 **Provides actionable data** - JSON/summary output to track waste and inform cleanup decisions
+
+**What's coming:**
+- 🏢 **Team dashboards** - Centralized monitoring and trend tracking across projects
+- 🤖 **Automated cleanup** - Safe removal suggestions and PR integration
 
 ## 📦 Installation
 
@@ -22,57 +26,80 @@ UI Entropy is a **professional developer tool** that scans your codebase to iden
 # Install globally
 npm install -g @ui-entropy/cli
 
-# Or use with npx
+# Or use with npx (no install required)
 npx @ui-entropy/cli scan
 ```
 
 ## 🚀 Quick Start
 
+```bash
+# Initialize configuration (auto-detects your framework)
+npx @ui-entropy/cli init
+
+# Scan your project
+npx @ui-entropy/cli scan
+```
+
+The `init` command automatically detects your framework (Next.js, React, Vue, Angular, Svelte, etc.) and generates a `.ui-entropy.json` config with sensible defaults.
+
+### Manual Usage
+
 ```bash
 # Scan current directory
-ui-entropy scan
+npx @ui-entropy/cli scan
 
 # Scan specific project
-ui-entropy scan /path/to/project
+npx @ui-entropy/cli scan /path/to/project
 
 # Get JSON output
-ui-entropy scan --format json
+npx @ui-entropy/cli scan --format json
 
 # Set waste threshold for CI
-ui-entropy scan --threshold 50  # Fails if waste > 50%
+npx @ui-entropy/cli scan --threshold 50  # Fails if waste > 50%
 ```
 
 ## 📊 Example Output
 
 ```
-🔍 Scanning for CSS waste...
-✓ Found 3 stylesheets (45.2 KB)
-✓ Scanned 89 source files
+✔ Scan completed in 3601ms
+
+📂 Project: /path/to/your/project
+📊 Files: 4 CSS, 2307 source
 
 🔍 UI Entropy Analysis Report
-═══════════════════════════════════════════════
+═══════════════════════════════════════════════════════
 
 📊 Summary
-Total CSS Size:           45.2 KB
-Total Rules:              1,247
-Files Scanned:            89
+─────────────────────────────────────────────────────
+Total CSS Size:           8,200 bytes
+Total Rules:              114
+Files Scanned:            2307
 
 🎯 Selectors
-Total Selectors:          1,247
-Used Selectors:           329 (26%)
-Unused Selectors:         918
+─────────────────────────────────────────────────────
+Total Selectors:          61
+Used Selectors:           41 (67%)
+Unused Selectors:         20
+
+Classes:                  58 total
+  ├─ Used:                38
+  └─ Unused:              20
+
+IDs:                      3 total
+  ├─ Used:                3
+  └─ Unused:              0
 
 💰 CSS Waste Analysis
-Waste Percentage:         73.6%
-Estimated Wasted Bytes:   33.3 KB
+─────────────────────────────────────────────────────
+Waste Percentage:         32.8%
+Estimated Wasted Bytes:   2,689 bytes
 
 🚨 Top Unused Classes
-  1. .navbar-expand-lg
-  2. .btn-outline-secondary
-  3. .card-footer
+─────────────────────────────────────────────────────
+  1. .container-fluid
+  2. .container-lg
+  3. .btn-sm
   ...
-
-💡 CRITICAL WASTE: Significant cleanup needed.
 ```
 
 ## 🛠️ CLI Options
@@ -103,52 +130,15 @@ Create `.ui-entropy.json` in your project root:
 }
 ```
 
-## 🔄 CI/CD Integration
-
-### GitHub Actions
-
-```yaml
-name: CSS Waste Check
-on: [push, pull_request]
-
-jobs:
-  ui-entropy:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
-      - run: npm install -g ui-entropy
-      - run: ui-entropy scan --threshold 50 --format summary
-```
-
-### GitLab CI
-
-```yaml
-ui-entropy:
-  image: node:20
-  script:
-    - npm install -g ui-entropy
-    - ui-entropy scan --threshold 50 --format summary
-```
-
-### Pre-commit Hook
-
-```json
-{
-  "husky": {
-    "hooks": {
-      "pre-commit": "ui-entropy scan --threshold 50 --format summary"
-    }
-  }
-}
-```
-
 ## ️ Roadmap
 
 **Available Now:**
 - ✅ CLI tool for local development
+- ✅ Smart project initialization with framework detection
 
-**Coming Soon:**- 🔄 CI/CD integration examples (GitHub Actions, GitLab CI)- 🔄 GitHub Action for CI/CD
+**Coming Soon:**
+- 🔄 CI/CD integration examples (GitHub Actions, GitLab CI)
+- 🔄 GitHub Action for CI/CD
 - 🔄 GitLab CI integration
 - 🔄 Pre-commit hook support
 - 🔄 Team dashboard with historical analytics

package/dist/cli.js

@@ -1,12 +1,15 @@
 #!/usr/bin/env node
 import { Command } from 'commander';
 import { scanCommand } from './commands/scan.js';
+import { createInitCommand } from './commands/init.js';
 import { version } from './version.js';
 const program = new Command();
 program
     .name('ui-entropy')
     .description('Detect CSS waste in your projects')
     .version(version);
+// Init command
+program.addCommand(createInitCommand());
 // Scan command
 program
     .command('scan')

package/dist/cli.js.map

@@ -1 +1 @@
-{"version":3,"file":"cli.js","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,OAAO,GAAG,IAAI,OAAO,EAAE,CAAC;AAE9B,OAAO;KACJ,IAAI,CAAC,YAAY,CAAC;KAClB,WAAW,CAAC,mCAAmC,CAAC;KAChD,OAAO,CAAC,OAAO,CAAC,CAAC;AAEpB,eAAe;AACf,OAAO;KACJ,OAAO,CAAC,MAAM,CAAC;KACf,WAAW,CAAC,8BAA8B,CAAC;KAC3C,QAAQ,CAAC,aAAa,EAAE,mBAAmB,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC;KAC3D,MAAM,CAAC,uBAAuB,EAAE,qCAAqC,EAAE,MAAM,CAAC;KAC9E,MAAM,CAAC,qBAAqB,EAAE,qBAAqB,CAAC;KACpD,MAAM,CAAC,qBAAqB,EAAE,qBAAqB,CAAC;KACpD,MAAM,CAAC,sBAAsB,EAAE,qCAAqC,EAAE,UAAU,CAAC;KACjF,MAAM,CAAC,qBAAqB,EAAE,mBAAmB,CAAC;KAClD,MAAM,CAAC,wBAAwB,EAAE,sBAAsB,CAAC;KACxD,MAAM,CAAC,wBAAwB,EAAE,iBAAiB,CAAC;KACnD,MAAM,CAAC,YAAY,EAAE,wBAAwB,CAAC;KAC9C,MAAM,CAAC,WAAW,CAAC,CAAC;AAEvB,0CAA0C;AAC1C,OAAO;KACJ,SAAS,CAAC,aAAa,CAAC;KACxB,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE;IACpB,WAAW,CAAC,SAAS,IAAI,OAAO,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;AAC9C,CAAC,CAAC,CAAC;AAEL,OAAO,CAAC,KAAK,EAAE,CAAC"}
+{"version":3,"file":"cli.js","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,OAAO,GAAG,IAAI,OAAO,EAAE,CAAC;AAE9B,OAAO;KACJ,IAAI,CAAC,YAAY,CAAC;KAClB,WAAW,CAAC,mCAAmC,CAAC;KAChD,OAAO,CAAC,OAAO,CAAC,CAAC;AAEpB,eAAe;AACf,OAAO,CAAC,UAAU,CAAC,iBAAiB,EAAE,CAAC,CAAC;AAExC,eAAe;AACf,OAAO;KACJ,OAAO,CAAC,MAAM,CAAC;KACf,WAAW,CAAC,8BAA8B,CAAC;KAC3C,QAAQ,CAAC,aAAa,EAAE,mBAAmB,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC;KAC3D,MAAM,CAAC,uBAAuB,EAAE,qCAAqC,EAAE,MAAM,CAAC;KAC9E,MAAM,CAAC,qBAAqB,EAAE,qBAAqB,CAAC;KACpD,MAAM,CAAC,qBAAqB,EAAE,qBAAqB,CAAC;KACpD,MAAM,CAAC,sBAAsB,EAAE,qCAAqC,EAAE,UAAU,CAAC;KACjF,MAAM,CAAC,qBAAqB,EAAE,mBAAmB,CAAC;KAClD,MAAM,CAAC,wBAAwB,EAAE,sBAAsB,CAAC;KACxD,MAAM,CAAC,wBAAwB,EAAE,iBAAiB,CAAC;KACnD,MAAM,CAAC,YAAY,EAAE,wBAAwB,CAAC;KAC9C,MAAM,CAAC,WAAW,CAAC,CAAC;AAEvB,0CAA0C;AAC1C,OAAO;KACJ,SAAS,CAAC,aAAa,CAAC;KACxB,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE;IACpB,WAAW,CAAC,SAAS,IAAI,OAAO,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;AAC9C,CAAC,CAAC,CAAC;AAEL,OAAO,CAAC,KAAK,EAAE,CAAC"}

package/dist/commands/init.d.ts

@@ -0,0 +1,3 @@
+import { Command } from 'commander';
+export declare function createInitCommand(): Command;
+//# sourceMappingURL=init.d.ts.map

package/dist/commands/init.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../src/commands/init.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAOpC,wBAAgB,iBAAiB,YA4DhC"}

package/dist/commands/init.js

@@ -0,0 +1,55 @@
+import { Command } from 'commander';
+import { writeFileSync, existsSync } from 'fs';
+import { join } from 'path';
+import chalk from 'chalk';
+import ora from 'ora';
+import { detectFramework } from '../framework-detector.js';
+export function createInitCommand() {
+    return new Command('init')
+        .description('Initialize UI Entropy configuration for your project')
+        .option('-f, --force', 'Overwrite existing configuration')
+        .action(async (options) => {
+        const cwd = process.cwd();
+        const configPath = join(cwd, '.ui-entropy.json');
+        // Check if config already exists
+        if (existsSync(configPath) && !options.force) {
+            console.log(chalk.yellow('\n⚠️  Configuration file already exists!'));
+            console.log(chalk.dim(`   ${configPath}`));
+            console.log(chalk.dim('\n   Use --force to overwrite\n'));
+            process.exit(1);
+        }
+        const spinner = ora('Detecting project structure...').start();
+        try {
+            // Detect framework
+            const detection = detectFramework(cwd);
+            spinner.succeed(chalk.green(`Found: ${detection.config.name}`));
+            // Create config object
+            const config = {
+                cssPattern: detection.config.cssPattern,
+                sourcePattern: detection.config.sourcePattern,
+                ignorePatterns: detection.config.ignorePatterns,
+                threshold: 50,
+            };
+            // Write config file
+            writeFileSync(configPath, JSON.stringify(config, null, 2) + '\n', 'utf-8');
+            console.log(chalk.green('\n✅ Created: .ui-entropy.json\n'));
+            console.log(chalk.bold('📝 Configuration:'));
+            console.log(chalk.dim('   CSS Pattern:     ') + chalk.cyan(config.cssPattern));
+            console.log(chalk.dim('   Source Pattern:  ') + chalk.cyan(config.sourcePattern));
+            console.log(chalk.dim('   Waste Threshold: ') + chalk.cyan(`${config.threshold}%`));
+            console.log(chalk.dim('\n   Ignore Patterns:'));
+            config.ignorePatterns.forEach((pattern) => {
+                console.log(chalk.dim('     • ') + chalk.cyan(pattern));
+            });
+            console.log(chalk.bold('\n🎉 Ready to scan!'));
+            console.log(chalk.dim('\n   Run: ') + chalk.cyan('npx @ui-entropy/cli scan'));
+            console.log('');
+        }
+        catch (error) {
+            spinner.fail('Failed to initialize configuration');
+            console.error(chalk.red('\n❌ Error:'), error);
+            process.exit(1);
+        }
+    });
+}
+//# sourceMappingURL=init.js.map

package/dist/commands/init.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"init.js","sourceRoot":"","sources":["../../src/commands/init.ts"],"names":[],"mappings":"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"}

package/dist/framework-detector.d.ts

@@ -0,0 +1,15 @@
+export interface FrameworkConfig {
+    name: string;
+    cssPattern: string;
+    sourcePattern: string;
+    ignorePatterns: string[];
+}
+export interface DetectionResult {
+    framework: string;
+    config: FrameworkConfig;
+}
+/**
+ * Detect the framework/project type based on package.json and project structure
+ */
+export declare function detectFramework(baseDir: string): DetectionResult;
+//# sourceMappingURL=framework-detector.d.ts.map

package/dist/framework-detector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"framework-detector.d.ts","sourceRoot":"","sources":["../src/framework-detector.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,EAAE,CAAC;CAC1B;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,eAAe,CAAC;CACzB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,eAAe,CA4KhE"}

package/dist/framework-detector.js

@@ -0,0 +1,170 @@
+import { readFileSync, existsSync } from 'fs';
+import { join } from 'path';
+/**
+ * Detect the framework/project type based on package.json and project structure
+ */
+export function detectFramework(baseDir) {
+    const packageJsonPath = join(baseDir, 'package.json');
+    // Default/fallback config
+    const defaultConfig = {
+        name: 'Generic Web Project',
+        cssPattern: '**/*.css',
+        sourcePattern: '**/*.{html,js,jsx,ts,tsx}',
+        ignorePatterns: ['node_modules/**', 'dist/**', 'build/**', '.next/**', 'out/**'],
+    };
+    // Try to read package.json
+    let packageJson = {};
+    if (existsSync(packageJsonPath)) {
+        try {
+            packageJson = JSON.parse(readFileSync(packageJsonPath, 'utf-8'));
+        }
+        catch (err) {
+            // Invalid package.json, use defaults
+            return { framework: 'unknown', config: defaultConfig };
+        }
+    }
+    else {
+        // No package.json, likely static HTML project
+        return {
+            framework: 'static-html',
+            config: {
+                name: 'Static HTML Project',
+                cssPattern: '**/*.css',
+                sourcePattern: '**/*.html',
+                ignorePatterns: ['node_modules/**', 'dist/**'],
+            },
+        };
+    }
+    const deps = {
+        ...packageJson.dependencies,
+        ...packageJson.devDependencies,
+    };
+    // Next.js detection
+    if (deps.next) {
+        const hasAppDir = existsSync(join(baseDir, 'app'));
+        return {
+            framework: 'next',
+            config: {
+                name: 'Next.js',
+                cssPattern: '**/*.{css,scss,sass}',
+                sourcePattern: hasAppDir
+                    ? 'app/**/*.{tsx,jsx,ts,js}'
+                    : '{pages,components,src}/**/*.{tsx,jsx,ts,js}',
+                ignorePatterns: [
+                    'node_modules/**',
+                    '.next/**',
+                    'out/**',
+                    'public/**',
+                    '*.config.{js,ts}',
+                ],
+            },
+        };
+    }
+    // Angular detection
+    if (deps['@angular/core']) {
+        return {
+            framework: 'angular',
+            config: {
+                name: 'Angular',
+                cssPattern: '**/*.{css,scss,sass}',
+                sourcePattern: 'src/**/*.{ts,html}',
+                ignorePatterns: [
+                    'node_modules/**',
+                    'dist/**',
+                    'e2e/**',
+                    '*.spec.ts',
+                    '*.config.ts',
+                ],
+            },
+        };
+    }
+    // Vue detection
+    if (deps.vue || deps['@vue/cli-service']) {
+        return {
+            framework: 'vue',
+            config: {
+                name: 'Vue.js',
+                cssPattern: '**/*.{css,scss,sass,vue}',
+                sourcePattern: 'src/**/*.{vue,js,ts}',
+                ignorePatterns: [
+                    'node_modules/**',
+                    'dist/**',
+                    'public/**',
+                    '*.config.{js,ts}',
+                ],
+            },
+        };
+    }
+    // Svelte detection
+    if (deps.svelte) {
+        return {
+            framework: 'svelte',
+            config: {
+                name: 'Svelte',
+                cssPattern: '**/*.{css,scss}',
+                sourcePattern: 'src/**/*.{svelte,js,ts}',
+                ignorePatterns: [
+                    'node_modules/**',
+                    'build/**',
+                    'public/**',
+                    '.svelte-kit/**',
+                ],
+            },
+        };
+    }
+    // Astro detection
+    if (deps.astro) {
+        return {
+            framework: 'astro',
+            config: {
+                name: 'Astro',
+                cssPattern: '**/*.{css,scss}',
+                sourcePattern: 'src/**/*.{astro,tsx,jsx,ts,js}',
+                ignorePatterns: [
+                    'node_modules/**',
+                    'dist/**',
+                    '.astro/**',
+                ],
+            },
+        };
+    }
+    // Vite detection (generic)
+    if (deps.vite) {
+        return {
+            framework: 'vite',
+            config: {
+                name: 'Vite',
+                cssPattern: '**/*.{css,scss,sass}',
+                sourcePattern: 'src/**/*.{tsx,jsx,ts,js,vue}',
+                ignorePatterns: [
+                    'node_modules/**',
+                    'dist/**',
+                    'public/**',
+                ],
+            },
+        };
+    }
+    // React detection (generic)
+    if (deps.react) {
+        return {
+            framework: 'react',
+            config: {
+                name: 'React',
+                cssPattern: '**/*.{css,scss,sass}',
+                sourcePattern: '{src,components}/**/*.{tsx,jsx,ts,js}',
+                ignorePatterns: [
+                    'node_modules/**',
+                    'build/**',
+                    'dist/**',
+                    'public/**',
+                ],
+            },
+        };
+    }
+    // Fallback to generic config
+    return {
+        framework: 'generic',
+        config: defaultConfig,
+    };
+}
+//# sourceMappingURL=framework-detector.js.map

package/dist/framework-detector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"framework-detector.js","sourceRoot":"","sources":["../src/framework-detector.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui-entropy/cli",
-  "version": "0.1.5",
+  "version": "0.2.1",
   "description": "Professional CSS waste detection for modern teams - CLI tool",
   "type": "module",
   "main": "./dist/index.js",