High-Contrast Inline Diagnostics, Restrained Pulse Animation & Local Fix Suggestions for VS Code
Engineered for Maximum Legibility • 100% Local & Deterministic • Zero Telemetry • Theme-Aware Precision
"Clarity and Immediate Feedback at the Point of Thought."
Part of the Xeoo Developer Tools Suite alongside Xeoo Theme Suite and Xeoo Icon Theme, Xeoo Error Lens surfaces compiler and linter problems directly at the end of the line where they occur.
- 🎯 Diagnostics API as Single Source of Truth: Built strictly on
vscode.languages.getDiagnostics(). Never invents synthetic problems or claims an error exists unless a registered compiler or linter flags it. - 💡 Deterministic Local Fix Suggestions: Identifies common typos, missing properties, and standard linter fixes locally without external AI tokens, background network connections, or telemetry.
- 💓 Restrained Pulse Animation: Subtle, non-distracting pulse or gentle blink phases to highlight critical errors. Controlled by a single global scheduler without CSS DOM tampering.
- 🌓 Calibrated Contrast Across Themes: High-contrast crimson (Error), amber (Warning), cobalt azure (Information), and subtle muted cyan (Hint) calibrated for both dark and light VS Code themes.
- ♿ Accessibility & Reduced Motion Native: Honors
workbench.reduceMotionand system preferences automatically, dropping immediately to static presentation. - 🛡️ Zero Runtime Bloat: Zero network pings, zero polling loops, and strict lifecycle disposal for all event listeners and editor decoration types.
Diagnostics appear seamlessly at the trailing end of lines, providing clear, color-coded visual cues without shifting or altering your source code:
- Error: High-visibility crimson red with active pulse/blink emphasis.
- Warning: High-contrast amber/yellow with optional slow pulse mode.
- Information: Clean cobalt azure (static).
- Hint: Subtle muted cyan (static).
Provides instant repair recommendations right in the editor:
- TypeScript Typo Rules:
TS2724: Missing exported member with suggested alternative (Did you mean 'bar'?).TS2551: Property or method typos with candidate replacements.TS2304: Cannot find name (suggests candidate or advises installing@types/nodefor missing Node globals).TS2305,TS2339,TS2345,TS2322: Type and argument mismatch repair tips.TS1005: Syntax error hints (missing semicolons, unmatched delimiters).
- ESLint Rule Fixes: Clear actions for
no-unused-vars,semi,eqeqeq,prefer-const,no-undef,curly. - Generic Compiler Extractor: Captures
"Did you mean ...?"recommendations from any language provider (Rust, Python/Ruff, Go, C#). - Native Quick Fix Lightbulb: Apply candidate replacements in one click via native VS Code code actions (
Ctrl+./Cmd+.). - Rich Markdown Tooltips: Hover cards displaying confidence rating (
high,medium,low), provider rule IDs, and step-by-step guidance.
- Uses legitimate VS Code decoration lifecycle phases rather than DOM hacks.
- Automatically pauses when all active editors are clear or unfocused.
- Easily toggleable via settings or command shortcut.
- An unobtrusive status bar item summarizing active diagnostic totals.
- Clicking the status item instantly opens and focuses the VS Code Problems panel.
Important
This extension is 100% Clean, Free of Telemetry, and Completely Safe.
The entire codebase runs locally, executes deterministically, and can be inspected in full.
| Security Parameter | Status | Technical Verification & Details |
|---|---|---|
| 🛡 Zero External Network Calls | 🟢 100% Offline | Zero fetch, axios, http, or analytics endpoints. Operates purely within your local VS Code environment. |
| 🤖 No Remote AI APIs | 🟢 Deterministic | All suggestion rules are built on local regex and compiler diagnostic metadata. |
| 🔒 Source Integrity | 🟢 Read-Only by Default | Does not modify source documents automatically. Fixes are applied only when you explicitly select a Quick Fix. |
| 🧹 Strict Resource Cleanup | 🟢 Zero Leaks | All timers, decoration types, and event subscriptions are cleanly disposed on deactivation. |
Configure Xeoo Error Lens via your VS Code settings.json:
| Setting | Type | Default | Description |
|---|---|---|---|
xeooLens.enabled |
boolean |
true |
Enable or disable inline error decorations globally. |
xeooLens.showErrors |
boolean |
true |
Show inline decorations for Errors. |
xeooLens.showWarnings |
boolean |
true |
Show inline decorations for Warnings. |
xeooLens.showInformation |
boolean |
true |
Show inline decorations for Information diagnostics. |
xeooLens.showHints |
boolean |
true |
Show inline decorations for Hints. |
xeooLens.display.showSource |
boolean |
true |
Show provider source name (e.g. ts, eslint). |
xeooLens.display.showCode |
boolean |
true |
Show rule code or error ID. |
xeooLens.display.compact |
boolean |
false |
Truncate long messages with an ellipsis. |
xeooLens.display.prefix |
string |
"symbol" |
Prefix style: "symbol" (e.g. ●, ▲), "text" (e.g. [Error]), or "none". |
xeooLens.statusBar.enabled |
boolean |
true |
Show diagnostics count in the status bar. |
| Setting | Type | Default | Description |
|---|---|---|---|
xeooLens.animation.enabled |
boolean |
true |
Enable restrained pulse animation for active errors. |
xeooLens.animation.style |
string |
"pulse" |
Animation style: "pulse", "blink", or "off". |
xeooLens.animation.speed |
string |
"normal" |
Animation speed: "normal" or "slow". |
xeooLens.animation.pulseWarnings |
boolean |
false |
Enable subtle pulse animation for warnings (disabled by default). |
xeooLens.animation.respectReducedMotion |
boolean |
true |
Automatically pause animations when VS Code workbench.reduceMotion is on or system reduced-motion is detected. |
| Setting | Type | Default | Description |
|---|---|---|---|
xeooLens.suggestions.enabled |
boolean |
true |
Enable inline recommendations and fix suggestions. |
xeooLens.suggestions.maxSuggestions |
number |
3 |
Maximum number of suggestions displayed per diagnostic line (1-10). |
xeooLens.suggestions.showConfidence |
boolean |
true |
Display confidence rating (high, medium, low) in suggestion hover explanations. |
xeooLens.suggestions.showGeneric |
boolean |
false |
Display generic fallback guidance when no specific deterministic fix is recognized. |
xeooLens.suggestions.showInline |
boolean |
true |
Show suggestion summary directly inline at the end of the line (💡 Fix: ...). |
Xeoo Lens: Toggle Inline Diagnostics(xeooLens.toggle): Quickly turn inline diagnostics on or off.Xeoo Lens: Toggle Pulse Animation(xeooLens.toggleAnimation): Quickly toggle pulse animation on or off.Xeoo Lens: Apply Fix Suggestion(xeooLens.applySuggestion): Internal command executed by Quick Fix actions to safely apply text replacements.
Requirements:
- Node.js >= 20.x
- VS Code >= 1.90.0
# Install dependencies
npm install
# Compile TypeScript
npm run compile
# Run test suite (45 tests)
npm test
# Build extension
npm run buildElevate your entire VS Code setup by pairing Xeoo Error Lens with:
- 🎨 Xeoo Theme Suite: Master studio featuring 43 calibrated themes across 15 color families.
- ⚡ Xeoo Icon Theme: Futuristic cybernetic file & folder icon theme with 72 production vector icons.
Crafted with ❤️ and uncompromising precision by NTTBELL.
Licensed under the MIT License.
Elevate your coding workflow with Xeoo Error Lens! 🚀