Overview Version History Q & A Rating & Review
Diff Tracker
Diff Tracker is a VS Code extension that records file changes and provides three review modes:
Inline readonly diff document
VS Code side-by-side diff
Cursor-like WebView diff with floating Undo/Keep actions
Screenshots
💥 New in 0.4.0. Cursor like floating accept/reject buttons!
| Cursor like WebView Unified | Cursor like WebView Split |
|:---------------:|:--------------:|
|
Editor Inline View
Editor Inline View (hover effect)
Inline View 2
Side-by-side diff
Features
Activity Bar Change Recording tree with file grouping
Recording mode (start/stop) with workspace baseline snapshot
Workspace-wide file watching (including external file changes)
Inline readonly diff view with line and word-level highlights
Side-by-side diff (Original ↔ Current) via built-in VS Code diff
Cursor-like WebView diff (Split/Unified, Wrap, Expand, Keep All, Reject All)
Block-wise actions: Undo/Keep per change block
File-level actions: Revert file, Revert all files, Keep all changes in file
Deleted-line badge, CodeLens actions, and hover details
Settings panel + Watch Ignore editor (.gitignore style patterns)
Usage
Open Diff Tracker from the Activity Bar.
Click Start Recording .
Edit files in your workspace.
In Change Recording , click a changed file to open inline diff.
Use context menu or editor title buttons to open:
Inline Diff (active file)
Side-by-Side Diff
WebView Diff
In WebView Diff, use block-level Undo/Keep or file-level Keep All/Reject All .
Use Revert File / Revert All Changes as needed.
Stop recording when done.
How It Works
When recording starts, Diff Tracker:
Captures baseline snapshots for workspace files (batched)
Tracks file/document changes and rebuilds line/block diffs
Serves virtual inline/original documents
Keeps tree, decorations, CodeLens, and WebView in sync
Installation
From VSIX
Download the .vsix file
Open VS Code
Open Extensions (Cmd+Shift+X)
Click ... -> Install from VSIX...
Select the downloaded .vsix
Development
Clone the repository
Run npm install
Run npm run compile
Press F5 to launch the Extension Development Host
Requirements
Extension Settings
This extension provides the following settings:
Setting
Default
Description
diffTracker.showDeletedLinesBadgetrueShow a badge indicating deleted lines
diffTracker.showCodeLenstrueShow CodeLens actions (Revert/Keep) above change blocks
diffTracker.highlightAddedLinestrueHighlight added lines with green background
diffTracker.highlightModifiedLinestrueHighlight modified lines with blue background
diffTracker.highlightWordChangestrueHighlight word-level changes within modified lines
diffTracker.watchExclude[]Additional watch ignore patterns (.gitignore style)
You can toggle display/highlight settings in the sidebar Settings panel, and edit watch ignore patterns via Edit Watch Ignores .
Known Issues
Pure line-ending-style changes (CRLF/LF only) are currently treated as no logical content change.
If you find a reproducible diff/render edge case, please open an issue with a minimal file sample.
Release Notes
0.1.0
Activity Bar entry
Recording mode for change tracking
Inline diff highlighting
Side-by-side diff
Multi-file tracking with timestamps
Revert file and revert all
Clear diffs
0.2.0
Change from LCS-based diff to Patience Diff algorithm for more intuitive diff display
0.3.0
Add Partial Revert/Keep buttons, just like cursor
Add go-to-original-file button in left panel
0.3.1
Add file-level "Revert All" / "Keep All" buttons (CodeLens at file top)
Add settings panel in sidebar to toggle display options
Fix block-wise keep/revert affecting all blocks instead of just one
Fix hover showing "unknown" for deleted empty lines
0.3.2
0.3.3
Add word-level diff highlighting for modified lines
Add "Highlight Word Changes" setting to toggle word-level highlighting
0.4.0
Cursor-like WebView diff: floating Undo/Keep, unified view default, wrap/expand, and Keep All/Reject All in the toolbar
Offline WebView rendering (bundled @pierre/diffs)
Workspace-wide file watching (no longer limited to open files)
New Watch Ignore panel with .gitignore support
Faster tracking in large workspaces (debounced changes + optimized watchers)
Smoother recording start on big repos (baseline builds in batches, large files skipped)
0.5.0
Improve performance by switching to incremental track-change refresh events across tree/decorations/CodeLens/WebView providers
Add versioned getChangeBlocks cache and fix inline-view cache invalidation consistency
Upgrade line pairing similarity from character-set Jaccard to token-based Dice, with targeted regression tests
Harden WebView inline script data serialization to prevent </script>-style injection breakouts
Improve snapshot robustness by pre-capturing baseline content on document open and skipping likely binary files
Fix diff-editor detection across all tab groups to avoid decoration misrendering in multi-group layouts
Refine Explorer context menu entry label and grouping: Open with Diff Tracker
0.4.1
Refactor diff pipeline to use a unified logical-line model
Stabilize block grouping for large paste/delete and EOF scenarios
Fix WebView empty-file rendering fallback that could hide block actions after full deletion
Unify inline virtual URI mapping and refresh flow to prevent stale inline readonly content
Improve mixed newline handling (LF/CRLF/CR) in Keep/Revert block operations
License
MIT
| 
|
