ScheV VS Code Extension

Features

• Detects JSON/YAML schemas (including embedded candidates in OpenAPI/AsyncAPI when enabled) and renders clean, box‑based graphs.
• Click a property or node to jump to the matching location in the editor.
• Shows badges for types, enums/const, formats, and common constraints.
• Displays examples with syntax highlighting; examples are clickable and reveal the corresponding entry in your source.

Interactions

• Expand/Collapse: Click a section header to toggle it. Alt/Option‑click on a header expands/collapses the entire subtree recursively (VS Code‑style). A tooltip on the chevron reminds you of the shortcut.

Quick Start

• Open a JSON or YAML file containing a JSON Schema.
• Run the command: “ScheV: Open Visualizer”.
• Click any property to navigate to its definition in the editor.

Commands

• ScheV: Open Visualizer — Open the visualizer beside the current editor.
• ScheV: Set Output Format: JSON — Prefer JSON for rendered examples.
• ScheV: Set Output Format: YAML — Prefer YAML for rendered examples.

Settings

• schev.enableYaml (boolean, default: true) — Enable YAML parsing and visualization.
• schev.enableEmbeddedDetection (boolean, default: true) — Detect embedded schemas in OpenAPI/AsyncAPI documents.
• schev.revealPreview (boolean, default: true) — Use preview tabs for reveals to reduce tab clutter.
• schev.outputFormat (json|yaml) — Preferred examples format. If unset, follows the source file format.
• schev.yamlIndent (number, default: 2) — YAML indent for examples.
• schev.yamlLineWidth (number, default: 100) — Preferred YAML line width for examples.
• schev.yamlIndentSeq (boolean, default: true) — Indent YAML sequence items in examples.

Selection and Reveal

• Clicking in the visualizer reveals the corresponding range in the editor.
• Moving your caret in the editor updates the visualizer focus. Short debounce avoids excessive updates.
• Existing tabs are reused when possible; reveals open in preview tabs unless configured otherwise.

Limitations (Increment 1)

• Read‑only visualization (no editing from the UI).
• $ref resolution is in‑document and file‑relative; remote references are not fetched.

Changelog

• See packages/schev-extension/CHANGELOG.md

Screenshots