SDP Mapping View — EV2 Rollout Config Visualizer
A VS Code extension to visualize, validate, and inspect EV2 rollout ring configuration files (*.Ring.*.jsonc).
Features
Visual Topology Tree
- Interactive tree showing Geography → Region → Stamp deployment hierarchy
- Collapsible nodes — click ▼/▶ to expand/collapse geographies and regions
- All envConfig fields resolved and displayed inline per stamp (environment, subscriptions, DNS, ACR, replicas, Cosmos DB locations, etc.)
- Stamp overrides visually separated with orange highlighting
- Nested JSON values (e.g.
cosmosDatabaseLocations) rendered as readable inner cards with key-value rows
- Country labels and summary statistics (geographies, regions, stamps, env configs)
Click-to-Navigate
- Click any geography, region, or stamp card to jump to its definition in the source JSONC file
- Click an envConfig reference (e.g.
us_prod ↗) to scroll the env table to that row and navigate to the envConfig definition in the source file
- Click any env table row to navigate to that envConfig in the source file
Env Configs Table
- Bottom panel with a comprehensive table of all envConfig entries
- 18 columns covering every field: environment, appEnvironment, ASP.NET, primary/secondary/nonPrimary regions, DNS, parentDNS, ACR, replicas, subscriptions, IDs, instance, storageSKU, CosmosDB
Real-time Validation (Diagnostics)
Errors and warnings appear in VS Code's Problems panel as you edit:
| Category |
Examples |
| Errors |
Missing componentSubscriptionId, invalid GUID format, broken $(envConfigs.*) references, stampCount mismatch, MinReplicaCount > MaxReplicaCount |
| Warnings |
Missing environment, unused envConfigs, duplicate subscription IDs (copy-paste), missing acrName |
| Info |
Unknown Azure regions, regions shared across rings |
JSON Schema Intellisense
Auto-completion and hover docs for *.Ring.*.jsonc files via bundled JSON schema.
Commands
| Command |
Description |
SDP: Visualize Rollout Config |
Open visualization for the current ring config file |
SDP: Visualize All Ring Configs in Folder |
Render all ring configs in a folder side-by-side (Production / Test tabs) |
SDP: Validate All Ring Configs in Folder |
Run validation across all configs and report issues in Problems panel |
Usage
- Open any
*.Ring.*.jsonc file (e.g. Prod.Ring.Medium.jsonc)
- Run SDP: Visualize Rollout Config from the Command Palette (
Ctrl+Shift+P) or click the graph icon in the editor title bar
- The visualization opens in a side panel with the full topology tree
- Click any card to navigate to the corresponding section in the source file
- Validation diagnostics appear automatically when you open, edit, or save ring config files
Installation
From VSIX file (internal distribution)
- Download the latest
.vsix file
- In VS Code:
Ctrl+Shift+P → Extensions: Install from VSIX...
- Select the downloaded
.vsix file
- Reload VS Code
File Naming Convention
The extension recognizes files matching the pattern:
{Tier}.Ring.{Ring}.jsonc
- Tier:
Prod or Test
- Ring:
Common, Canary, Pilot, Medium, Heavy
| |