LWC: Debug Log Viewer

📋 Debug Log Viewer for Salesforce LWC

View, filter, search, download, and manage Apex Debug Logs directly from Lightning Experience without opening Salesforce Setup.

📖 Project Overview

Debug Log Viewer is a reusable Salesforce Lightning Web Component that reads ApexLog records through the Salesforce Tooling API and displays them directly inside Lightning Experience.

Developers and administrators can inspect logs, search log contents, filter by event types, download log files, copy log content, and even bulk delete logs without navigating to Setup.

The solution uses Lightning Web Components, Apex, Tooling API integration, and Named Credentials to provide a modern debugging experience.

🔗 View Source Code ⬇ Download ZIP

✨ Key Features

Feature	Description
Debug Log Listing	View ApexLog records in a Lightning datatable.
Filter Panel	Filter by User Id, Operation, and Status.
Pagination	Load logs incrementally in batches.
Log Detail Viewer	Display full log content inside a dark-theme modal.
Category Filters	Filter USER_DEBUG, SOQL, DML, and other log events.
Search Within Logs	Quickly find keywords inside large log files.
Copy to Clipboard	Copy raw or filtered log output.
Download Logs	Save logs locally as .log files.
Bulk Delete	Delete multiple Apex logs simultaneously.
Toast Notifications	Success and error feedback for all operations.

🏗 Architecture

Lightning App / Utility Bar
│
├── debugLogViewer (Parent)
│
├── debugLogFilter (Child)
│
└── debugLogDetail (Child)
        │
        ▼
DebugLogViewerController.cls
        │
        ▼
Named Credential
        │
        ▼
Salesforce Tooling API
        │
        ├── ApexLog Query
        ├── Log Body Retrieval
        └── Bulk Delete Operations

📁 Project Structure

debug-log-viewer
│
├── force-app
│   └── main
│       └── default
│
├── lwc
│   ├── debugLogViewer
│   ├── debugLogFilter
│   └── debugLogDetail
│
├── classes
│   ├── DebugLogViewerController.cls
│   └── DebugLogViewerControllerTest.cls
│
├── namedCredentials
│   └── SalesforceToolingAPI
│
├── permissionsets
│   └── DebugLogViewer
│
└── README.md

⚙️ Core Components

Component	Purpose
debugLogViewer	Main orchestration component.
debugLogFilter	Filtering UI for logs.
debugLogDetail	Displays log body and search results.

🔎 Supported Filtering Options

• User Id
• Operation Name
• Status
• Date Sorting
• Event Type Categories
• Keyword Search

💻 Example Tooling API Query

SELECT Id,
       LogUser.Name,
       Operation,
       Status,
       DurationMilliseconds,
       LogLength,
       StartTime
FROM ApexLog
ORDER BY StartTime DESC
LIMIT 50

📂 Log Event Categories

USER_DEBUG

SOQL_EXECUTE_BEGIN

SOQL_EXECUTE_END

DML_BEGIN

DML_END

METHOD_ENTRY

METHOD_EXIT

EXCEPTION_THROWN

🚀 Deployment

sf org login web \
--instance-url https://test.salesforce.com

sf project deploy start \
--source-dir force-app

🔐 Prerequisites

• Salesforce CLI (sf)
• API Version 59+
• Sandbox or Developer Edition Org
• Connected App
• Named Credential
• Tooling API Access

🎯 Benefits

• No need to open Salesforce Setup.
• Faster debugging workflow.
• Centralized log management.
• Bulk deletion support.
• Developer-friendly user experience.
• Modern Lightning UI.

🔗 View Source Code ⬇ Download ZIP

📌 Conclusion

Debug Log Viewer modernizes the Salesforce debugging experience by bringing Apex log management directly into Lightning Experience. With filtering, searching, downloading, and bulk management capabilities, it significantly improves developer productivity and reduces dependency on Setup-based tools.