🚀 CodeSeer -React AI File Navigator

Instantly search your React project and jump to exact file with line numbers — directly inside VS Code.

✨ Overview

CodeSeer React AI File Navigator helps developers quickly locate components, hooks, API calls, functions, and JSX blocks inside large React codebases.

Instead of manually searching through dozens (or hundreds) of files, this extension provides:

• ✅ Exact file path
• ✅ Line number
• ✅ One-click file open
• ✅ Fast in-editor navigation

Designed specifically for React developers working in growing or legacy projects.

---

AI Search Agent → VS Code Extension

Quick Start Roadmap

1. Python AI Agent – Index & search your project
2. VS Code Extension – Searchable sidebar
3. Publish (Optional) – Share on VS Code Marketplace

---

Prerequisites

• Python 3.x
• Node.js 16+ LTS
• VS Code
• vsce (for publishing): npm install -g vsce

---

Step 1: Build Python Agent (agent.py)

Create ai-search/agent.py

Test: python ai-search/agent.py App

Step 2: Create VS Code Extension

Create package.json:

Step 3: Create extension.js

---

Step 4: Test Locally

1. Open folder in VS Code
2. Press F5 → Extension Development Host opens
3. Press Cmd+Shift+P → AI Agent: Search Project
4. Click result → file opens ✅

---

Step 5: Add Sidebar (Optional)

Update package.json: Implement webview provider in extension.js for sidebar UI.

---

Step 6: Publish

vsce package
vsce publish

Requires: VS Code Marketplace account + verified domain.