ucn 3.1.4 → 3.1.5

package/cli/index.js

@@ -960,7 +960,8 @@ function runProjectCommand(rootDir, command, arg) {
 
         case 'graph': {
             requireArg(arg, 'Usage: ucn . graph <file>');
-            const graphResult = index.graph(arg, { direction: 'both', maxDepth: flags.depth ?? 5 });
+            const graphDepth = flags.depth ?? 2;  // Default to 2 for cleaner output
+            const graphResult = index.graph(arg, { direction: 'both', maxDepth: graphDepth });
             if (graphResult.nodes.length === 0) {
                 console.log(`File not found: ${arg}`);
             } else {
@@ -970,7 +971,7 @@ function runProjectCommand(rootDir, command, arg) {
                         nodes: r.nodes.map(n => ({ file: n.relativePath, depth: n.depth })),
                         edges: r.edges.map(e => ({ from: path.relative(index.root, e.from), to: path.relative(index.root, e.to) }))
                     }, null, 2),
-                    r => { printGraph(r, index.root); }
+                    r => { printGraph(r, index.root, graphDepth); }
                 );
             }
             break;
@@ -1801,12 +1802,15 @@ function printStats(stats) {
     }
 }
 
-function printGraph(graph, root) {
+function printGraph(graph, root, maxDepth = 2) {
     const rootRelPath = path.relative(root, graph.root);
     console.log(`Dependency graph for ${rootRelPath}`);
     console.log('═'.repeat(60));
 
     const printed = new Set();
+    const maxChildren = 8;  // Limit children per node
+    let truncatedNodes = 0;
+    let depthLimited = false;
 
     function printNode(file, indent = 0) {
         const fileEntry = graph.nodes.find(n => n.file === file);
@@ -1819,15 +1823,43 @@ function printGraph(graph, root) {
         }
         printed.add(file);
 
+        // Depth limiting
+        if (indent > maxDepth) {
+            depthLimited = true;
+            console.log(`${prefix}${relPath} ...`);
+            return;
+        }
+
         console.log(`${prefix}${relPath}`);
 
         const edges = graph.edges.filter(e => e.from === file);
-        for (const edge of edges) {
+
+        // Limit children
+        const displayEdges = edges.slice(0, maxChildren);
+        const hiddenCount = edges.length - displayEdges.length;
+
+        for (const edge of displayEdges) {
             printNode(edge.to, indent + 1);
         }
+
+        if (hiddenCount > 0) {
+            truncatedNodes += hiddenCount;
+            console.log(`${'  '.repeat(indent)}└── ... and ${hiddenCount} more`);
+        }
     }
 
     printNode(graph.root);
+
+    // Print helpful note about expanding
+    if (depthLimited || truncatedNodes > 0) {
+        console.log('\n' + '─'.repeat(60));
+        if (depthLimited) {
+            console.log(`Depth limited to ${maxDepth}. Use --depth=N for deeper graph.`);
+        }
+        if (truncatedNodes > 0) {
+            console.log(`${truncatedNodes} nodes hidden. Graph has ${graph.nodes.length} total files.`);
+        }
+    }
 }
 
 function printSearchResults(results, term) {

package/core/discovery.js

@@ -332,31 +332,51 @@ function findProjectRoot(startDir) {
 
 /**
  * Auto-detect the glob pattern for a project based on its type
+ * Checks both project root and immediate subdirectories for config files
  */
 function detectProjectPattern(projectRoot) {
     const extensions = [];
 
-    if (fs.existsSync(path.join(projectRoot, 'package.json'))) {
-        extensions.push('js', 'jsx', 'ts', 'tsx', 'mjs', 'cjs');
-    }
+    // Helper to check for config files in a directory
+    const checkDir = (dir) => {
+        if (fs.existsSync(path.join(dir, 'package.json'))) {
+            extensions.push('js', 'jsx', 'ts', 'tsx', 'mjs', 'cjs');
+        }
 
-    if (fs.existsSync(path.join(projectRoot, 'pyproject.toml')) ||
-        fs.existsSync(path.join(projectRoot, 'setup.py')) ||
-        fs.existsSync(path.join(projectRoot, 'requirements.txt'))) {
-        extensions.push('py');
-    }
+        if (fs.existsSync(path.join(dir, 'pyproject.toml')) ||
+            fs.existsSync(path.join(dir, 'setup.py')) ||
+            fs.existsSync(path.join(dir, 'requirements.txt'))) {
+            extensions.push('py');
+        }
 
-    if (fs.existsSync(path.join(projectRoot, 'go.mod'))) {
-        extensions.push('go');
-    }
+        if (fs.existsSync(path.join(dir, 'go.mod'))) {
+            extensions.push('go');
+        }
 
-    if (fs.existsSync(path.join(projectRoot, 'Cargo.toml'))) {
-        extensions.push('rs');
-    }
+        if (fs.existsSync(path.join(dir, 'Cargo.toml'))) {
+            extensions.push('rs');
+        }
 
-    if (fs.existsSync(path.join(projectRoot, 'pom.xml')) ||
-        fs.existsSync(path.join(projectRoot, 'build.gradle'))) {
-        extensions.push('java', 'kt');
+        if (fs.existsSync(path.join(dir, 'pom.xml')) ||
+            fs.existsSync(path.join(dir, 'build.gradle'))) {
+            extensions.push('java', 'kt');
+        }
+    };
+
+    // Check project root
+    checkDir(projectRoot);
+
+    // Also check immediate subdirectories for multi-language projects (e.g., web/, frontend/, server/)
+    try {
+        const entries = fs.readdirSync(projectRoot, { withFileTypes: true });
+        for (const entry of entries) {
+            if (entry.isDirectory() && !entry.name.startsWith('.') &&
+                !EXCLUDED_DIRS.has(entry.name)) {
+                checkDir(path.join(projectRoot, entry.name));
+            }
+        }
+    } catch (e) {
+        // Ignore errors reading directory
     }
 
     if (extensions.length > 0) {

package/languages/javascript.js

@@ -812,6 +812,50 @@ function findCallsInCode(code, parser) {
             return true;
         }
 
+        // Handle JSX component usage: <Component /> or <Component>...</Component>
+        // Only track PascalCase names (React components), not lowercase (HTML elements)
+        if (node.type === 'jsx_self_closing_element' || node.type === 'jsx_opening_element') {
+            // First named child is the element name
+            for (let i = 0; i < node.namedChildCount; i++) {
+                const child = node.namedChild(i);
+                if (child.type === 'identifier') {
+                    const name = child.text;
+                    // React components start with uppercase
+                    if (name && /^[A-Z]/.test(name)) {
+                        const enclosingFunction = getCurrentEnclosingFunction();
+                        calls.push({
+                            name: name,
+                            line: node.startPosition.row + 1,
+                            isMethod: false,
+                            isJsxComponent: true,
+                            enclosingFunction
+                        });
+                    }
+                    break;
+                }
+                // Handle namespaced components: <Foo.Bar />
+                if (child.type === 'member_expression' || child.type === 'nested_identifier') {
+                    const text = child.text;
+                    // Get the last part after the dot
+                    const parts = text.split('.');
+                    const componentName = parts[parts.length - 1];
+                    if (componentName && /^[A-Z]/.test(componentName)) {
+                        const enclosingFunction = getCurrentEnclosingFunction();
+                        calls.push({
+                            name: componentName,
+                            line: node.startPosition.row + 1,
+                            isMethod: true,
+                            receiver: parts.slice(0, -1).join('.'),
+                            isJsxComponent: true,
+                            enclosingFunction
+                        });
+                    }
+                    break;
+                }
+            }
+            return true;
+        }
+
         return true;
     }, {
         onLeave: (node) => {
@@ -1338,6 +1382,10 @@ function findUsagesInCode(code, name, parser) {
                     usageType = 'reference';
                 }
             }
+            // JSX component usage: <Component /> or <Component>...</Component>
+            else if (parent.type === 'jsx_self_closing_element' || parent.type === 'jsx_opening_element') {
+                usageType = 'call';  // Treat JSX component usage as a "call"
+            }
         }
 
         usages.push({ line, column, usageType });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ucn",
-  "version": "3.1.4",
+  "version": "3.1.5",
   "description": "Code navigation built by AI, for AI. Reduces context usage when working with large codebases.",
   "main": "index.js",
   "bin": {

package/test/parser.test.js

@@ -4547,6 +4547,38 @@ func (s *ServiceB) helper() {}
         }
     });
 
+    it('should detect JSX component usage as calls', () => {
+        const tmpDir = fs.mkdtempSync(path.join(os.tmpdir(), 'ucn-jsx-'));
+        try {
+            fs.writeFileSync(path.join(tmpDir, 'package.json'), `{"name": "test"}`);
+
+            fs.writeFileSync(path.join(tmpDir, 'Page.tsx'), `
+function EnvironmentsPage() {
+  return <div>Hello</div>;
+}
+
+function App() {
+  return <EnvironmentsPage />;
+}
+
+export { App, EnvironmentsPage };
+`);
+
+            const index = new ProjectIndex(tmpDir);
+            index.build('**/*.tsx', { quiet: true });
+
+            const usages = index.usages('EnvironmentsPage', { codeOnly: true });
+            const calls = usages.filter(u => u.usageType === 'call' && !u.isDefinition);
+
+            // Should find JSX usage as a call
+            assert.ok(calls.length >= 1, 'Should find at least 1 JSX component usage');
+            assert.ok(calls.some(c => c.content && c.content.includes('<EnvironmentsPage')),
+                'Should detect <EnvironmentsPage /> as a call');
+        } finally {
+            fs.rmSync(tmpDir, { recursive: true, force: true });
+        }
+    });
+
     it('should detect Rust method calls in usages', () => {
         const tmpDir = fs.mkdtempSync(path.join(os.tmpdir(), 'ucn-rust-method-'));
         try {