react-code-smell-detector 1.4.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

@@ -271,6 +271,8 @@ function formatSmellType(type) {
         // 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' | 'unused-export' | 'dead-import';
+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;
@@ -87,6 +87,11 @@ export interface DetectorConfig {
     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

@@ -40,4 +40,12 @@ export const DEFAULT_CONFIG = {
     webhookUrl: undefined,
     webhookType: 'slack',
     webhookThreshold: 10,
+    // Graph visualization
+    generateDependencyGraph: false,
+    graphOutputFormat: 'html',
+    // Bundle analysis
+    analyzeBundleSize: false,
+    maxComponentSize: 10000,
+    // Custom rules
+    customRules: undefined,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-code-smell-detector",
-  "version": "1.4.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": {