Skip to content

Architecture

Jump to bottom
Rishap Gandhi edited this page Jun 15, 2026 · 1 revision

Architecture

Data Flow

Page Network → DevTools Network API → Panel (captures requests)
                                        ↓ (user clicks replay)
                                    Background Worker (fetches all environments)
                                        ↓
                                    JSON Diff Engine → Visual Diff UI

Components

Component Purpose
entrypoints/devtools/ Registers DevTools panel
entrypoints/panel/ Main diff UI
entrypoints/background.ts Replay engine (avoids CORS)
shared/json-diff.ts Deep recursive diff algorithm
shared/url-rewriter.ts Swaps base URLs for replay
shared/storage.ts Environment profiles

Clone this wiki locally