react-code-smell-detector 1.3.1 → 1.4.2

package/dist/graphGenerator.js

@@ -0,0 +1,320 @@
+import _traverse from '@babel/traverse';
+import path from 'path';
+const traverse = typeof _traverse === 'function' ? _traverse : _traverse.default;
+/**
+ * Build dependency graph from parsed components
+ */
+export function buildDependencyGraph(files, rootDir) {
+    const nodes = new Map();
+    const edges = [];
+    // Create nodes
+    for (const file of files) {
+        const id = normalizeId(file.file, rootDir);
+        nodes.set(id, {
+            id,
+            file: file.file,
+            type: 'file',
+            imports: file.imports.map(imp => normalizeId(imp, rootDir)),
+            importedBy: [],
+        });
+    }
+    // Build edges
+    for (const file of files) {
+        const fromId = normalizeId(file.file, rootDir);
+        for (const imp of file.imports) {
+            const toId = normalizeId(imp, rootDir);
+            if (nodes.has(toId)) {
+                const toNode = nodes.get(toId);
+                toNode.importedBy.push(fromId);
+                edges.push({ from: fromId, to: toId, circular: false });
+            }
+        }
+    }
+    // Detect circular dependencies
+    const circularDependencies = detectCircularDeps(nodes);
+    for (const cycle of circularDependencies) {
+        for (let i = 0; i < cycle.length; i++) {
+            const from = cycle[i];
+            const to = cycle[(i + 1) % cycle.length];
+            const edge = edges.find(e => e.from === from && e.to === to);
+            if (edge)
+                edge.circular = true;
+            const node = nodes.get(from);
+            if (node)
+                node.isCircular = true;
+        }
+    }
+    return { nodes, edges, circularDependencies };
+}
+/**
+ * Generate SVG representation of dependency graph
+ */
+export function generateDependencyGraph(graph, width = 1200, height = 800) {
+    const nodeArray = Array.from(graph.nodes.values());
+    // Simple force-directed layout
+    const positions = calculateNodePositions(nodeArray, graph.edges, width, height);
+    let svg = `<svg width="${width}" height="${height}" xmlns="http://www.w3.org/2000/svg">\n`;
+    svg += `<defs>\n`;
+    svg += `<marker id="arrowhead" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">\n`;
+    svg += `<polygon points="0 0, 10 3.5, 0 7" fill="#666" />\n`;
+    svg += `</marker>\n`;
+    svg += `<marker id="arrowhead-circular" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">\n`;
+    svg += `<polygon points="0 0, 10 3.5, 0 7" fill="#d32f2f" />\n`;
+    svg += `</marker>\n`;
+    svg += `</defs>\n`;
+    // Draw edges
+    for (const edge of graph.edges) {
+        const fromPos = positions.get(edge.from);
+        const toPos = positions.get(edge.to);
+        if (fromPos && toPos) {
+            const color = edge.circular ? '#d32f2f' : '#999';
+            const marker = edge.circular ? 'url(#arrowhead-circular)' : 'url(#arrowhead)';
+            svg += `<line x1="${fromPos.x}" y1="${fromPos.y}" x2="${toPos.x}" y2="${toPos.y}" stroke="${color}" stroke-width="${edge.circular ? 2 : 1}" marker-end="${marker}" opacity="${edge.circular ? 1 : 0.6}" />\n`;
+        }
+    }
+    // Draw nodes
+    for (const node of nodeArray) {
+        const pos = positions.get(node.id);
+        if (pos) {
+            const fillColor = node.isCircular ? '#d32f2f' : '#1976d2';
+            const r = 25;
+            svg += `<circle cx="${pos.x}" cy="${pos.y}" r="${r}" fill="${fillColor}" opacity="0.8" />\n`;
+            // Node label
+            const label = path.basename(node.file, path.extname(node.file));
+            svg += `<text x="${pos.x}" y="${pos.y}" text-anchor="middle" dy="0.3em" fill="white" font-size="11" font-weight="bold">\n`;
+            svg += label.length > 12 ? label.substring(0, 10) + '..' : label;
+            svg += `</text>\n`;
+            // Circular indicator
+            if (node.isCircular) {
+                svg += `<circle cx="${pos.x}" cy="${pos.y}" r="${r + 3}" fill="none" stroke="#d32f2f" stroke-width="2" stroke-dasharray="5,5" />\n`;
+            }
+        }
+    }
+    // Legend
+    svg += `<g transform="translate(20, 20)">\n`;
+    svg += `<rect x="0" y="0" width="200" height="100" fill="white" stroke="#ccc" rx="4" />\n`;
+    svg += `<text x="10" y="20" font-weight="bold" font-size="12">Legend</text>\n`;
+    svg += `<circle cx="20" cy="40" r="6" fill="#1976d2" />\n`;
+    svg += `<text x="35" y="45" font-size="11">Regular File</text>\n`;
+    svg += `<circle cx="20" cy="65" r="6" fill="#d32f2f" />\n`;
+    svg += `<text x="35" y="70" font-size="11">Circular Dependency</text>\n`;
+    svg += `</g>\n`;
+    svg += `</svg>`;
+    return svg;
+}
+/**
+ * Generate HTML report with dependency graph
+ */
+export function generateDependencyGraphHTML(graph, projectName, circularCount = 0) {
+    const svgContent = generateDependencyGraph(graph);
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Dependency Graph - ${projectName}</title>
+  <style>
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
+      background: #f5f5f5;
+      margin: 0;
+      padding: 20px;
+    }
+    .container {
+      max-width: 1400px;
+      margin: 0 auto;
+      background: white;
+      border-radius: 8px;
+      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+      padding: 30px;
+    }
+    h1 {
+      color: #1976d2;
+      margin: 0 0 10px 0;
+    }
+    .stats {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+      gap: 20px;
+      margin: 20px 0 30px 0;
+    }
+    .stat-card {
+      background: #f8f9fa;
+      border-left: 4px solid #1976d2;
+      padding: 15px;
+      border-radius: 4px;
+    }
+    .stat-card.warning {
+      border-left-color: #d32f2f;
+    }
+    .stat-label {
+      font-size: 12px;
+      color: #666;
+      text-transform: uppercase;
+    }
+    .stat-value {
+      font-size: 28px;
+      font-weight: bold;
+      color: #1976d2;
+    }
+    .stat-card.warning .stat-value {
+      color: #d32f2f;
+    }
+    .graph-container {
+      border: 1px solid #e0e0e0;
+      border-radius: 4px;
+      overflow: auto;
+      background: #fafafa;
+      margin: 20px 0;
+    }
+    svg {
+      display: block;
+      margin: 0 auto;
+    }
+    .circular-list {
+      background: #ffebee;
+      border-left: 4px solid #d32f2f;
+      padding: 15px;
+      border-radius: 4px;
+      margin-top: 20px;
+    }
+    .circular-list h3 {
+      margin: 0 0 10px 0;
+      color: #d32f2f;
+    }
+    .cycle {
+      background: white;
+      padding: 8px 12px;
+      margin: 5px 0;
+      border-radius: 3px;
+      font-family: 'Courier New', monospace;
+      font-size: 12px;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <h1>📊 Dependency Graph - ${projectName}</h1>
+    <p style="color: #666; margin-top: 5px;">Visual representation of file and component dependencies</p>
+    
+    <div class="stats">
+      <div class="stat-card">
+        <div class="stat-label">Total Files</div>
+        <div class="stat-value">${graph.nodes.size}</div>
+      </div>
+      <div class="stat-card">
+        <div class="stat-label">Total Dependencies</div>
+        <div class="stat-value">${graph.edges.length}</div>
+      </div>
+      <div class="stat-card ${circularCount > 0 ? 'warning' : ''}">
+        <div class="stat-label">Circular Dependencies</div>
+        <div class="stat-value">${circularCount}</div>
+      </div>
+    </div>
+
+    <div class="graph-container">
+      ${svgContent}
+    </div>
+
+    ${circularCount > 0
+        ? `
+    <div class="circular-list">
+      <h3>⚠️ Circular Dependencies Detected</h3>
+      ${graph.circularDependencies.map(cycle => `<div class="cycle">${cycle.join(' → ')} → ${cycle[0]}</div>`).join('')}
+    </div>
+    `
+        : ''}
+  </div>
+</body>
+</html>`;
+}
+/**
+ * Calculate node positions using simple spring layout
+ */
+function calculateNodePositions(nodes, edges, width, height) {
+    const positions = new Map();
+    // Initial random positions
+    for (const node of nodes) {
+        positions.set(node.id, {
+            x: Math.random() * width * 0.8 + width * 0.1,
+            y: Math.random() * height * 0.8 + height * 0.1,
+        });
+    }
+    // Simple spring simulation (few iterations)
+    const iterations = 50;
+    for (let iter = 0; iter < iterations; iter++) {
+        for (const node of nodes) {
+            let fx = 0;
+            let fy = 0;
+            const pos = positions.get(node.id);
+            // Repulsion from other nodes
+            for (const other of nodes) {
+                if (node.id === other.id)
+                    continue;
+                const otherPos = positions.get(other.id);
+                const dx = pos.x - otherPos.x;
+                const dy = pos.y - otherPos.y;
+                const dist = Math.sqrt(dx * dx + dy * dy) || 1;
+                const force = 50 / dist;
+                fx += (dx / dist) * force;
+                fy += (dy / dist) * force;
+            }
+            // Attraction to connected nodes
+            for (const edge of edges) {
+                if (edge.from === node.id) {
+                    const targetPos = positions.get(edge.to);
+                    if (targetPos) {
+                        const dx = targetPos.x - pos.x;
+                        const dy = targetPos.y - pos.y;
+                        const dist = Math.sqrt(dx * dx + dy * dy) || 1;
+                        fx += (dx / dist) * 0.1;
+                        fy += (dy / dist) * 0.1;
+                    }
+                }
+            }
+            // Update position
+            pos.x += fx * 0.1;
+            pos.y += fy * 0.1;
+            pos.x = Math.max(30, Math.min(width - 30, pos.x));
+            pos.y = Math.max(30, Math.min(height - 30, pos.y));
+        }
+    }
+    return positions;
+}
+/**
+ * Detect circular dependencies using DFS
+ */
+function detectCircularDeps(nodes) {
+    const cycles = [];
+    const visited = new Set();
+    const recursionStack = new Set();
+    const path = [];
+    function dfs(nodeId) {
+        visited.add(nodeId);
+        recursionStack.add(nodeId);
+        path.push(nodeId);
+        const node = nodes.get(nodeId);
+        if (node) {
+            for (const impId of node.imports) {
+                if (!visited.has(impId)) {
+                    dfs(impId);
+                }
+                else if (recursionStack.has(impId)) {
+                    const cycleStart = path.indexOf(impId);
+                    cycles.push(path.slice(cycleStart));
+                }
+            }
+        }
+        recursionStack.delete(nodeId);
+        path.pop();
+    }
+    for (const nodeId of nodes.keys()) {
+        if (!visited.has(nodeId)) {
+            dfs(nodeId);
+        }
+    }
+    return cycles;
+}
+function normalizeId(filePath, rootDir) {
+    return path.relative(rootDir, filePath);
+}

package/dist/reporter.js

@@ -268,6 +268,11 @@ function formatSmellType(type) {
         'barrel-file-import': '📦 Barrel File Import',
         'namespace-import': '📦 Namespace Import',
         'excessive-imports': '📦 Excessive Imports',
+        // Unused Code
+        'unused-export': '🗑️ Unused Export',
+        'dead-import': '🗑️ Dead Import',
+        // Custom rules
+        'custom-rule': '⚙️ Custom Rule',
     };
     return labels[type] || type;
 }

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
 export type SmellSeverity = 'error' | 'warning' | 'info';
-export type SmellType = 'useEffect-overuse' | 'prop-drilling' | 'large-component' | 'unmemoized-calculation' | 'missing-dependency' | 'state-in-loop' | 'inline-function-prop' | 'deep-nesting' | 'missing-key' | 'hooks-rules-violation' | 'dependency-array-issue' | 'nested-ternary' | 'dead-code' | 'magic-value' | 'debug-statement' | 'todo-comment' | 'security-xss' | 'security-eval' | 'security-secrets' | 'a11y-missing-alt' | 'a11y-missing-label' | 'a11y-interactive-role' | 'a11y-keyboard' | 'a11y-semantic' | 'nextjs-client-server-boundary' | 'nextjs-missing-metadata' | 'nextjs-image-unoptimized' | 'nextjs-router-misuse' | 'rn-inline-style' | 'rn-missing-accessibility' | 'rn-performance-issue' | 'nodejs-callback-hell' | 'nodejs-unhandled-promise' | 'nodejs-sync-io' | 'nodejs-missing-error-handling' | 'js-var-usage' | 'js-loose-equality' | 'js-implicit-coercion' | 'js-global-pollution' | 'ts-any-usage' | 'ts-missing-return-type' | 'ts-non-null-assertion' | 'ts-type-assertion' | 'high-cyclomatic-complexity' | 'high-cognitive-complexity' | 'memory-leak-event-listener' | 'memory-leak-subscription' | 'memory-leak-timer' | 'memory-leak-async' | 'circular-dependency' | 'barrel-file-import' | 'namespace-import' | 'excessive-imports';
+export type SmellType = 'useEffect-overuse' | 'prop-drilling' | 'large-component' | 'unmemoized-calculation' | 'missing-dependency' | 'state-in-loop' | 'inline-function-prop' | 'deep-nesting' | 'missing-key' | 'hooks-rules-violation' | 'dependency-array-issue' | 'nested-ternary' | 'dead-code' | 'magic-value' | 'debug-statement' | 'todo-comment' | 'security-xss' | 'security-eval' | 'security-secrets' | 'a11y-missing-alt' | 'a11y-missing-label' | 'a11y-interactive-role' | 'a11y-keyboard' | 'a11y-semantic' | 'nextjs-client-server-boundary' | 'nextjs-missing-metadata' | 'nextjs-image-unoptimized' | 'nextjs-router-misuse' | 'rn-inline-style' | 'rn-missing-accessibility' | 'rn-performance-issue' | 'nodejs-callback-hell' | 'nodejs-unhandled-promise' | 'nodejs-sync-io' | 'nodejs-missing-error-handling' | 'js-var-usage' | 'js-loose-equality' | 'js-implicit-coercion' | 'js-global-pollution' | 'ts-any-usage' | 'ts-missing-return-type' | 'ts-non-null-assertion' | 'ts-type-assertion' | 'high-cyclomatic-complexity' | 'high-cognitive-complexity' | 'memory-leak-event-listener' | 'memory-leak-subscription' | 'memory-leak-timer' | 'memory-leak-async' | 'circular-dependency' | 'barrel-file-import' | 'namespace-import' | 'excessive-imports' | 'unused-export' | 'dead-import' | 'custom-rule';
 export interface CodeSmell {
     type: SmellType;
     severity: SmellSeverity;
@@ -81,6 +81,17 @@ export interface DetectorConfig {
     maxNestingDepth: number;
     checkMemoryLeaks: boolean;
     checkImports: boolean;
+    checkUnusedCode: boolean;
+    baselineEnabled: boolean;
+    baselineThreshold?: number;
+    webhookUrl?: string;
+    webhookType?: 'slack' | 'discord' | 'generic';
+    webhookThreshold?: number;
+    generateDependencyGraph?: boolean;
+    graphOutputFormat?: 'svg' | 'html';
+    analyzeBundleSize?: boolean;
+    maxComponentSize?: number;
+    customRules?: any[];
 }
 export declare const DEFAULT_CONFIG: DetectorConfig;
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

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

package/dist/types/index.js

@@ -31,4 +31,21 @@ export const DEFAULT_CONFIG = {
     checkMemoryLeaks: true,
     // Import analysis
     checkImports: true,
+    // Unused code analysis
+    checkUnusedCode: true,
+    // Baseline tracking
+    baselineEnabled: true,
+    baselineThreshold: 5,
+    // Webhook notifications
+    webhookUrl: undefined,
+    webhookType: 'slack',
+    webhookThreshold: 10,
+    // Graph visualization
+    generateDependencyGraph: false,
+    graphOutputFormat: 'html',
+    // Bundle analysis
+    analyzeBundleSize: false,
+    maxComponentSize: 10000,
+    // Custom rules
+    customRules: undefined,
 };

package/dist/webhooks.d.ts

@@ -0,0 +1,20 @@
+import { CodeSmell } from './types/index.js';
+export interface WebhookConfig {
+    url: string;
+    type: 'slack' | 'discord' | 'generic';
+    threshold?: number;
+    includeDetails?: boolean;
+}
+/**
+ * Send analysis results to chat platform via webhook
+ */
+export declare function sendWebhookNotification(whConfig: WebhookConfig, smells: CodeSmell[], projectName: string, metadata?: {
+    branch?: string;
+    commit?: string;
+    author?: string;
+}): Promise<boolean>;
+/**
+ * Parse webhook URL from environment or config
+ */
+export declare function getWebhookConfig(slackUrl?: string, discordUrl?: string, genericUrl?: string): WebhookConfig | null;
+//# sourceMappingURL=webhooks.d.ts.map

package/dist/webhooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"webhooks.d.ts","sourceRoot":"","sources":["../src/webhooks.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAsB,uBAAuB,CAC3C,QAAQ,EAAE,aAAa,EACvB,MAAM,EAAE,SAAS,EAAE,EACnB,WAAW,EAAE,MAAM,EACnB,QAAQ,CAAC,EAAE;IACT,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GACA,OAAO,CAAC,OAAO,CAAC,CAqBlB;AAmLD;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,QAAQ,CAAC,EAAE,MAAM,EACjB,UAAU,CAAC,EAAE,MAAM,EACnB,UAAU,CAAC,EAAE,MAAM,GAClB,aAAa,GAAG,IAAI,CAoBtB"}

package/dist/webhooks.js

@@ -0,0 +1,199 @@
+import https from 'https';
+/**
+ * Send analysis results to chat platform via webhook
+ */
+export async function sendWebhookNotification(whConfig, smells, projectName, metadata) {
+    if (!whConfig.url)
+        return false;
+    // Check threshold
+    if (whConfig.threshold && smells.length < whConfig.threshold) {
+        return false;
+    }
+    try {
+        const payload = whConfig.type === 'slack'
+            ? formatSlackMessage(smells, projectName, metadata, whConfig.includeDetails)
+            : whConfig.type === 'discord'
+                ? formatDiscordMessage(smells, projectName, metadata, whConfig.includeDetails)
+                : formatGenericMessage(smells, projectName, metadata);
+        return await postToWebhook(whConfig.url, payload);
+    }
+    catch (error) {
+        console.error('Webhook notification failed:', error);
+        return false;
+    }
+}
+/**
+ * Post JSON to a webhook URL
+ */
+function postToWebhook(url, payload) {
+    return new Promise((resolve) => {
+        try {
+            const data = JSON.stringify(payload);
+            const urlObj = new URL(url);
+            const options = {
+                hostname: urlObj.hostname,
+                path: urlObj.pathname + urlObj.search,
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'Content-Length': Buffer.byteLength(data),
+                },
+            };
+            const req = https.request(options, (res) => {
+                resolve(res.statusCode ? res.statusCode >= 200 && res.statusCode < 300 : false);
+            });
+            req.on('error', () => resolve(false));
+            req.write(data);
+            req.end();
+        }
+        catch (error) {
+            resolve(false);
+        }
+    });
+}
+function formatSlackMessage(smells, projectName, metadata, includeDetails = false) {
+    const smellSummary = summarizeSmells(smells);
+    const color = smells.length > 20 ? 'danger' : smells.length > 10 ? 'warning' : 'good';
+    const fields = [
+        {
+            title: 'Total Smells',
+            value: smells.length.toString(),
+            short: true,
+        },
+        {
+            title: 'Severity',
+            value: getSeverityEmoji(smells.length),
+            short: true,
+        },
+    ];
+    if (metadata?.branch) {
+        fields.push({
+            title: 'Branch',
+            value: metadata.branch,
+            short: true,
+        });
+    }
+    if (metadata?.commit) {
+        fields.push({
+            title: 'Commit',
+            value: metadata.commit.slice(0, 7),
+            short: true,
+        });
+    }
+    // Add top issues
+    const topTypes = Object.entries(smellSummary)
+        .sort(([, a], [, b]) => b - a)
+        .slice(0, 5);
+    if (topTypes.length > 0) {
+        fields.push({
+            title: 'Top Issues',
+            value: topTypes.map(([type, count]) => `• ${type}: ${count}`).join('\n'),
+            short: false,
+        });
+    }
+    return {
+        text: `Code Smell Analysis: ${projectName}`,
+        attachments: [
+            {
+                fallback: `${smells.length} code smells detected`,
+                color,
+                title: `${smells.length} Code Smells Detected`,
+                fields,
+                footer: 'React Code Smell Detector',
+                ts: Math.floor(Date.now() / 1000),
+            },
+        ],
+    };
+}
+function formatDiscordMessage(smells, projectName, metadata, includeDetails = false) {
+    const smellSummary = summarizeSmells(smells);
+    const color = smells.length > 20 ? 15671935 : smells.length > 10 ? 16776960 : 65280; // Red, Yellow, Green
+    const topTypes = Object.entries(smellSummary)
+        .sort(([, a], [, b]) => b - a)
+        .slice(0, 5);
+    let description = `**Total Smells:** ${smells.length}\n`;
+    if (metadata?.branch) {
+        description += `**Branch:** ${metadata.branch}\n`;
+    }
+    if (metadata?.author) {
+        description += `**Author:** ${metadata.author}\n`;
+    }
+    if (topTypes.length > 0) {
+        description += '\n**Top Issues:**\n';
+        description += topTypes.map(([type, count]) => `• ${type}: ${count}`).join('\n');
+    }
+    return {
+        content: `Code Smell Analysis for ${projectName}`,
+        embeds: [
+            {
+                title: `${smells.length} Code Smells Detected`,
+                description,
+                color,
+                footer: {
+                    text: 'React Code Smell Detector',
+                },
+                timestamp: new Date().toISOString(),
+            },
+        ],
+    };
+}
+function formatGenericMessage(smells, projectName, metadata) {
+    const smellSummary = summarizeSmells(smells);
+    return {
+        project: projectName,
+        totalSmells: smells.length,
+        timestamp: new Date().toISOString(),
+        metadata,
+        summary: smellSummary,
+        severity: getSeverityLevel(smells.length),
+    };
+}
+function summarizeSmells(smells) {
+    const summary = {};
+    for (const smell of smells) {
+        summary[smell.type] = (summary[smell.type] || 0) + 1;
+    }
+    return summary;
+}
+function getSeverityEmoji(count) {
+    if (count > 50)
+        return '🔴 Critical';
+    if (count > 20)
+        return '🟠 High';
+    if (count > 10)
+        return '🟡 Medium';
+    if (count > 0)
+        return '🟢 Low';
+    return '✅ Excellent';
+}
+function getSeverityLevel(count) {
+    if (count > 50)
+        return 'critical';
+    if (count > 20)
+        return 'high';
+    if (count > 10)
+        return 'medium';
+    if (count > 0)
+        return 'low';
+    return 'excellent';
+}
+/**
+ * Parse webhook URL from environment or config
+ */
+export function getWebhookConfig(slackUrl, discordUrl, genericUrl) {
+    const slack = slackUrl || process.env.REACT_SMELL_SLACK_WEBHOOK || process.env.SLACK_WEBHOOK_URL;
+    const discord = discordUrl ||
+        process.env.REACT_SMELL_DISCORD_WEBHOOK ||
+        process.env.DISCORD_WEBHOOK_URL;
+    const generic = genericUrl || process.env.REACT_SMELL_WEBHOOK;
+    if (slack) {
+        return { url: slack, type: 'slack' };
+    }
+    if (discord) {
+        return { url: discord, type: 'discord' };
+    }
+    if (generic) {
+        return { url: generic, type: 'generic' };
+    }
+    return null;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-code-smell-detector",
-  "version": "1.3.1",
+  "version": "1.4.2",
   "description": "Detect code smells in React projects - useEffect overuse, prop drilling, large components, security issues, accessibility, memory leaks, and more",
   "main": "dist/index.js",
   "bin": {
@@ -37,6 +37,8 @@
     "chokidar": "^5.0.0",
     "commander": "^11.1.0",
     "fast-glob": "^3.3.2",
+    "fs-extra": "^11.3.3",
+    "node-fetch": "^3.3.2",
     "ora": "^8.0.1"
   },
   "devDependencies": {