LWC Inspector

About

**Stop switching between browser, IDE, and Salesforce Setup. Edit Lightning Web Components and Apex classes directly from any Salesforce page.**

LWC Inspector is a powerful productivity tool for Salesforce developers. Debug component hierarchies, monitor Apex calls, and make code changes - all without leaving your browser.

## 🚀 Why Install?

**Save Time**
- Edit code directly from the page you're viewing
- No more context switching between tools
- See component structure and Apex calls in real-time

**Debug Faster**
- Instantly see which components are on the page
- Monitor all Apex method calls with parameters and responses
- Jump directly to edit the code causing issues

## ✨ Key Features

**🔍 Component Inspector**
- Automatically scans Salesforce pages to find all custom LWC components
- Hierarchical tree view shows component relationships
- Highlight components directly on the page
- Expand/collapse to focus on what matters

**📡 Network Monitor**
- Automatically captures all Apex method calls
- View class name, method, parameters, and response data
- Beautiful expandable JSON viewer
- Click edit button to jump to Apex class code

**✏️ Code Editor**
- Full-featured editor with syntax highlighting (HTML, JavaScript, CSS, Apex)
- Edit LWC component files (HTML, JS, CSS, Meta.xml) and Apex classes
- Save changes directly to your Salesforce org

**🌐 Community Support**
- Map Community URLs to internal Salesforce URLs
- Works on Experience Cloud and standard Salesforce orgs

## 🔒 Privacy & Security

- All data stored locally in your browser
- Uses your existing Salesforce session
- No data collection or external servers
- No tracking or analytics

## 📋 Supported Domains

Works on all Salesforce domains:
- `*.my.site.com` - Experience Cloud/Community sites
- `*.force.com` - Lightning orgs
- `*.lightning.force.com` - Lightning Experience

## 🎓 Getting Started

1. Install the extension
2. Navigate to any Salesforce page
3. Click the extension icon
4. Start inspecting and editing!

For Community pages, map URLs in Settings to enable code editing.

## 🛠️ Permissions

- **activeTab**: Scan current page for components
- **scripting**: Monitor network calls
- **storage**: Cache component trees locally
- **windows**: Open code editor
- **cookies**: Access Salesforce session for API calls

All permissions are used only for extension functionality.

---

*LWC Inspector is an independent tool for Salesforce developers. Not affiliated with Salesforce.com, Inc.*