SF Toolkit — VS Code Extension

The Salesforce developer toolkit you customize yourself. Ten capability pillars in one extension — Apex log analysis, API request building, data conversion, text diffing, metadata inspection, and more — sharing a single engine with the SF Toolkit Chrome extension and Experience Cloud components.

Features

🔍 Apex Log Analyzer

A complete debug-log analysis suite. Open any .log file and explore it across ten views:

View	What it shows
Overview	Log size, execution time, limits consumed, namespace breakdown
Log Explorer	Collapsible event hierarchy with search and filtering
Raw Tree	Full parse tree with byte offsets and durations
Apex Debug	Source-correlated step debugger with variable inspection
Timeline	Flame-chart visualization of execution time by category
Call Tree	Aggregated self-time call tree (hotspot detection)
Analysis	Method-level performance analysis with recommendations
SOQL	Every SOQL query — statement, rows, selectivity, binding
DML	DML operations grouped by object, row counts, limits
Flows	Flow interview execution breakdown

Open logs three ways:

Active editor — open a .log file, run the command
File picker — browse for any .log on disk
Fetch from org — lists recent debug logs via the Salesforce CLI and opens the one you choose

🌐 Multi-Protocol API Client

A Postman/Hoppscotch-style tabbed workspace inside VS Code:

Multi-tab interface — work on multiple requests concurrently; each tab keeps its own state
Seven protocols — REST, GraphQL, SOAP, gRPC, WebSocket, Socket.IO, SSE (gRPC and Socket.IO are builder/codegen; the rest send live via the extension host — no CORS)
Environments & variables — create Development / Staging / Production environments with variables, plus global variables; reference any value as {{base_url}} or {{token}} anywhere in the request
Dynamic template tags — {{$timestamp}}, {{$isoTimestamp}}, {{$guid}}, {{$randomInt}} resolve on the fly without scripting
Collections — save requests into named collections with folders; export as portable JSON; import SF Toolkit JSON or Postman v2.1 collections
Request history — every send is recorded automatically (capped at 200); click any entry to reopen it in a new tab
cURL import & export — paste a curl command to import it, or copy the current request as curl with one click
Code generation — generate ready-to-use snippets in 15 languages: curl, HTTPie, wget, JavaScript (fetch, XHR), Node.js (axios), Python (requests, http.client), Java, Go, PHP, Ruby, C#, PowerShell, Rust
Auth schemes — Bearer, Basic, API Key, OAuth 2.0 token, AWS Signature v4, OAuth 1.0, Hawk
Response filtering — JSONPath-lite for JSON, XPath-style selectors for XML
Body modes — JSON, XML, Text, Form URL-encoded, GraphQL (query + variables)

🛠️ Data Tools (37 Tools)

A CodeBeautify/FreeFormatter-style toolbox with 37 formatters, validators, converters, and utilities:

Category	Tools
JSON	Format/pretty-print, Validate, Minify, Sort keys (deep), Stringify, Parse, Compare (two-document diff)
XML	Format, Minify, Validate, WSDL Formatter, SOAP Formatter
YAML	Format, Validate
HTML	Format, Minify, Validate, JS Beautifier
Converters	JSON ↔ XML/CSV/YAML/TSV/String, XML ↔ JSON/CSV/YAML, RSS → JSON, YAML ↔ JSON/XML/CSV, CSV ↔ JSON/XML/YAML/HTML

📊 Text / Code Diff

Side-by-side diff viewer:

Compare / Diff Text — paste two blocks and diff them
Compare Active File with Clipboard — instantly diff the open file against your clipboard

🤖 Agentforce Trace Inspector

Paste Agentforce (agent) trace JSON and visualize the step-by-step execution timeline — actions taken, reasoning steps, tool invocations, and timing.

⚙️ Apex Analysis & Test Generation

Analyze Apex Class — static analysis of the active Apex class (structure, callout heuristics, limit risks)
Generate Apex Test Class — scaffold a test class from the class under test

🔐 Permission Set / Group Viewer

Inspect any permission set or permission set group — see which object, field, tab, and system permissions are granted in a readable summary.

✅ Approval Process Inspector

Inspect approval process definitions and instances in a structured, navigable view.

⚡ LWC Development Tools

Generate LWC Jest Test — scaffold a Jest unit test for the active component
Inspect LWC Component — view the component's public API and wire services
Run / Debug LWC Jest Tests — run or debug tests via the Salesforce CLI
Start Local Dev — launch LWC live-preview local dev

Commands

All commands are available from the Command Palette (Ctrl+Shift+P / Cmd+Shift+P):

Command	Description
`SF Toolkit: Open Current File in Log Analyzer`	Analyze the active `.log` file
`SF Toolkit: Open Log File…`	Pick a `.log` file from disk
`SF Toolkit: Fetch Log from Org…`	Fetch a recent debug log via the Salesforce CLI
`SF Toolkit: Open API Client`	Open the tabbed API request workspace
`SF Toolkit: Open Data Tools`	Open the 37-tool data toolbox
`SF Toolkit: Compare / Diff Text…`	Open the side-by-side diff viewer
`SF Toolkit: Compare Active File with Clipboard`	Diff the open file against clipboard
`SF Toolkit: Open Agentforce Trace`	Visualize an Agentforce trace
`SF Toolkit: Analyze Apex Class`	Static analysis of the active Apex file
`SF Toolkit: Generate Apex Test Class`	Scaffold a test class
`SF Toolkit: View Permission Set / Group`	Inspect a permission set
`SF Toolkit: Inspect Approval Processes…`	View approval processes
`SF Toolkit: Generate LWC Jest Test`	Scaffold a Jest test
`SF Toolkit: Inspect LWC Component`	View component public API
`SF Toolkit: Run LWC Jest Tests`	Run component tests
`SF Toolkit: Debug LWC Jest Tests`	Debug component tests
`SF Toolkit: Start Local Dev (Live Preview)…`	Start LWC live preview

Settings

Setting	Default	Description
`sfToolkit.salesforceCliPath`	`sf`	Path to the Salesforce CLI executable
`sfToolkit.numberOfLogsToList`	`25`	Number of recent logs to list when fetching
`sfToolkit.defaultTab`	`overview`	Which log view opens first
`sfToolkit.lwcJestNamespace`	`c`	Default namespace for generated Jest tests

Architecture

SF Toolkit is built as an npm-workspaces monorepo with a framework-free shared core:

@sf-toolkit/core    →  All engines (TypeScript, no DOM, no eval)
@sf-toolkit/ui      →  Shared renderers (framework-free DOM)
sf-toolkit-vscode   →  This extension (thin adapter + Node transport)

The same core powers the Chrome extension, Experience Cloud LWCs, and standalone simulators. The API client runs requests through the Node extension host (not the webview), so all fetch calls happen without CORS limitations.

Workspace state (environments, variables, history, collections) persists in VS Code webview state — no external accounts, no cloud dependency, no telemetry.

Requirements

VS Code 1.85+
Salesforce CLI (sf) — only needed for "Fetch Log from Org" and LWC dev commands; install from developer.salesforce.com
Authenticate to an org: sf org login web

Release Notes

See the full Changelog.

0.1.0 — Initial Release

The first public release with ten capability pillars: Apex log analysis, multi-protocol API client, 37 data tools, text diff, Agentforce trace inspection, Apex analysis & test generation, permission set viewing, approval process inspection, LWC dev tools, and cURL import/export — all sharing a single engine across VS Code, Chrome, Experience Cloud, and standalone simulators.

SF Toolkit

Shiladitya Bose