All flags are additive to the existing CLI – they can be combined with --watch , --output , etc. | Situation | Handling | |-----------|----------| | Huge files (≥10 MB) | Debounce parsing to 300 ms and fall back to “preview disabled – file too large” banner. | | Invalid schema | Show a non‑intrusive warning in the preview header; continue editing without validation. | | Multiple documents in a single file (YAML --- separator) | Render each document as a separate top‑level node; allow per‑document schema selection via a tiny dropdown. | | Binary or non‑text files | Detect via MIME sniffing; hide preview and show a “cannot preview binary data” notice. | | Performance on low‑end machines | Offer --preview=off as fallback; the UI component can be lazy‑loaded only when the flag is present. | 6. Sample User Flow (Markdown for Docs) ## Live‑Preview Demo
### 7. How to Pitch It Internally
If you’d like a more detailed design (e.g., component tree, CSS themes, or a sample PR checklist), just let me know and I’ll draft it! yapped 1.1.2
> **Add a side‑by‑side, real‑time “Live‑Preview” tree view (with validation, diff, search & export) to yapped 1.1.2** – a low‑effort UI boost that instantly shows users the effect of every edit, catches schema errors early, and makes config‑review workflows dramatically faster. All flags are additive to the existing CLI
## ✅ TL;DR – One‑sentence summary
---
~12 person‑days (≈2 weeks for a single dev, or 1 week with a small pair). 4. API / Configuration Additions | Flag / Setting | Description | Default | |----------------|-------------|---------| | --preview / -p | Launch yapped with the live‑preview pane enabled. | false | | --schema <path> | Path to a JSON‑Schema or OpenAPI spec for validation. | null | | --preview-theme <light|dark|auto> | Choose preview styling. | auto | | --diff-on-save | Enable diff highlighting after each save. | true | | | Multiple documents in a single file