Three fast, private, zero-install developer tools that run entirely in your browser. No signup, no upload — your data never leaves your machine. Built especially for Salesforce developers, plus a general-purpose JSON workspace.
Includes an online JSON viewer / formatter / beautifier / validator & diff tool, a Salesforce Apex & LWC class diagram and call-flow generator, and an Apex debug log analyzer.
| Tool | What it does | Open it |
|---|---|---|
| 🟦 JSON Grid X | View, format, beautify, validate, edit & compare JSON in a grid | jsongrid.trendx.uk |
| 🟪 Salesforce Apex, LWC and Java Flow Analyzer | Salesforce Apex & LWC class diagrams + call-flow charts | apexflow.trendx.uk |
| 🟦 Salesforce Apex Debug Log Parser | Salesforce Apex debug log analyzer | apexdebug.trendx.uk |
Free · runs 100% in your browser · works offline · automatic dark mode · zero dependencies
Each tool has a ? Help button with a built-in Load sample so you can see it working in one click.
An interactive online JSON viewer, formatter, and editor for viewing, beautifying, validating, and comparing JSON using a flexible grid layout — paste JSON, get a navigable table.
Highlights
- Multi-cell grid across configurable columns and rows, with multiple independent tabs
- Rendered table view — arrays of objects become navigable tables; nested objects/arrays expand and collapse
- Pretty-print with per-column and per-row expand/collapse
- Bi-directional editing — double-click any scalar value in the grid to edit it inline; the change writes back to the source JSON instantly. Right-click a cell for more options: Edit (rename key + change value via modal), Convert string to JSON table, Convert Encode, and Compare
- Side-by-side diff — select any two values to compare them with color-coded changes
- Search — globally across all cells, or per-cell with matches highlighted in both panels
- Salesforce Apex debug parsing — paste Apex object print-outs or noisy log lines and convert them to JSON tables
- Drag & drop
.jsonfiles, copy any node, and auto-save to local history - Load sample — instantly loads and renders an example JSON dataset with one click
👉 Open JSON Grid X · full details in README-index.md
Turn Salesforce Apex, Lightning Web Components (LWC), and Java source into interactive class diagrams and recursive call-flow charts — straight from a local project folder, no server or build step.
Highlights
- Open a whole project folder (File System Access API) or drop individual
.cls/.java/.js/.htmlfiles - Architecture map of all classes and components, with Apex / LWC / LWC-child / HTML nodes color-coded
- Apex + LWC + Java in one diagram, including cross-language links (e.g. an LWC's
@salesforce/apex/...import) - Analyze Flow — drill into a class's methods and see recursive call chains up to 6 levels deep
- Hide/Show children per edge, collapsible nodes, and ghost nodes for not-yet-loaded classes
- View source in a syntax-highlighted modal; pan & zoom; copy the Mermaid definition
- Background indexing with counts, file history, and folder handle remembered across visits
👉 Open Salesforce Apex, LWC and Java Flow Analyzer · full details in README-apexflow.md
Paste or drop a raw Salesforce Apex debug log and instantly explore it as a color-coded call tree with filtering, search, and history.
Highlights
- Call tree of methods, constructors, SOQL, DML, callouts, flows, exceptions, and variable assignments
- Synced raw log view — click a log line to jump to its tree node, and vice versa
- Type filters and toggles (User Debug, system methods, variable assignments, timing gaps)
- Namespace and log-tag filters; keyword hide; up to 4 highlight slots
- Multi-tab for several logs at once, with global search across them
- Stats bar — methods, SOQL, DML, exceptions, line count, execution duration
- History auto-saved locally; drag & drop
.log/.txtfiles
👉 Open Salesforce Apex Debug Log Parser · full details in README-sf-debug-viewer.md
- Private by design — everything runs client-side. Your JSON, your code, and your debug logs are never uploaded to any server.
- No install, no signup — just open a URL. They also work offline once loaded.
- Free — if they save you time, you can buy me a coffee ☕.
The tools are plain single-file HTML with inlined CSS/JS — open any file in public/ directly in a browser, or serve the folder:
python -m http.server 8000 --directory public
# then open http://localhost:8000/jsongrid.htmlBrowser requirements: Chrome, Firefox, Safari, or Edge with ES6+ and localStorage.
The live sites are three Cloudflare Workers sharing one codebase; a Worker (src/index.js) routes each subdomain to the right file and serves robots.txt / sitemap.xml.
npm install
npm run build # public/ -> dist/ with inline JS obfuscated (npm run build:readable to skip)
./deploy.sh # builds, then deploys all three WorkersThe readable source lives in public/ — the only place to edit. npm run build generates the obfuscated dist/ that gets deployed. Project layout:
public/ Readable source (jsongrid.html, apexflow.html, sf-debug-viewer.html) + sample screenshots
public/guides/<tool>/ SEO content pages per tool (served at <tool>.trendx.uk/guides/...)
src/index.js Cloudflare Worker — subdomain routing, robots.txt, sitemap.xml
build.js public/ -> dist/ obfuscation build (recurses into subfolders)
scripts/ Tooling (e.g. regenerate sample screenshots)
wrangler*.jsonc One deploy config per site
| Subdomain | File served |
|---|---|
jsongrid.trendx.uk | jsongrid.html |
apexflow.trendx.uk | apexflow.html |
apexdebug.trendx.uk | sf-debug-viewer.html |
MIT