v0.1.0

First release of diff — a minimal two-panel semantic diff editor.

Live: https://skynet2.github.io/diff/

Features

• JSON, YAML & XML — per-panel format toggle; the two sides can even use different formats (the diff compares parsed data, not text).
• Two views per panel — Text (Monaco) and Tree.
• Semantic diff in tree mode: structural, order-independent for object keys; aligned rows with colour highlights (amber = changed, green = added, red = removed).
• Navigate differences (counter + ▲▼), hide same properties, format both documents.
• Path on click — click a node or place the cursor in text to see its path, e.g. $.user.tags[1], $.catalog.book[0]["@_id"].
• Dark theme, lockstep scrolling, content-based format hints.

Stack

Angular 22 · Monaco · pure framework-free diff engine. Parsers: native JSON, js-yaml, fast-xml-parser; cursor→path via jsonc-parser, yaml, @xml-tools.

CI/CD

GitHub Pages release pipeline; security scanning with Trivy, CodeQL, and OSV-Scanner; all actions SHA-pinned; Dependabot enabled.