DiffLens is the best syntax aware diff tool for developers. DiffLens uses abstract syntax trees to identify refactors and aligns relevant blocks to easily discern code changes. The single aim of DiffLens is to present intuitive diffs to developers. Don't be limited by text diffs, use the tool that really understands your source code!
Features
DiffLens' semantic features:
Support TypeScript, JavaScript, JSON and CSS
Work within VS Code. Simply install the extension and click "Diff with DiffLens"!
Offer syntax highlighting in diffs out of the box
Allows customization of your diff colors!
Note: DiffLens is currently in alpha and being actively developed. The first load of DiffLens might take longer than subsequent diffs. We're working on bundling the extension to make the initial load fast! Also, if you don't see your favorite language supported yet, please reach out to support@difflens.com so we can prioritize language support. We love feedback!
Getting Started
Activate DiffLens on the file you'd like to review from the source control tab
Click inside a block (import statement, class/function/method definitions etc) to align them next to each other
Go to Settings->DiffLens to customize your diff colors!
Happy Diff-ing!
Release Notes
0.0.6
DiffLens alpha with support for TS, JS, JSON and CSS.
FAQ
What data is collected?
Just a single statistic on how often DiffLens is invoked. No personal information is sent. DiffLens also does NOT store this data.
How are syntax errors handled?
The parsers will try to gracefully handle syntax errors and continue building a diff. If they are unable to continue for some reason, DiffLens will fall back to using a regular text diff
