AI Console Cleaner
A VS Code extension that transforms raw browser DevTools console output into minimal, AI-optimized summaries.
What it does
Browser "Copy console" produces thousands of lines of noise — React internals, Axios interceptors, webpack runtime, socket.io — that waste AI agent tokens and bury the actual errors. Console Cleaner strips all of that and gives you a compact, structured summary ready to paste into any AI chat.
Before: 800 lines of raw console output
After: 5 unique entries with call chains, deduplicated with ×N counts
Example output
[Console Cleaner] 1,847 lines stripped → 3 unique entries (framework noise removed; ×N = occurred N times; → = call chain outermost→failure)
[ERROR ×3] HTTP 404: GET http://localhost:3001/day-planner?date=2026-03-26
→ DayPlanner.tsx:34 loadDayPlanner()
[WARN] Warning: Each child in a list should have a unique "key" prop.
→ TaskList.tsx:22 TaskList()
[LOG ×12] GET http://localhost:3001/conversation (polling)
Features
- Strips framework noise — React internals, Axios, webpack, socket.io, SWR, socket.io-client
- Deduplicates errors — same error from different call sites shown separately with ×N counts
- Cleans VM prefixes —
VM11578 DayPlanner.tsx:34 → DayPlanner.tsx:34
- Strips UUID source prefixes — browser-injected prefixes removed automatically
- Formats HTTP errors —
GET http://... 404 (Not Found) → [ERROR] HTTP 404: GET http://...
- Call chain order — stack frames shown outermost→failure point for easy reading
- Suppresses duplicates —
[API Request] entries dropped when a matching [API Response] exists
- Level filters — toggle
E / W / L pills to show/hide errors, warnings, and logs
- Copy respects filters — hidden entries are excluded from clipboard copy
Usage
Click the Console Cleaner icon in the activity bar. Paste your console log in the top pane — cleaned output appears instantly in the bottom pane.
Editor panel
Press Ctrl+Shift+L (Windows/Linux) or Cmd+Shift+L (Mac), or run Console Cleaner: Open Console Cleaner from the command palette.
Tips
Ctrl+A inside the textarea selects only the textarea content- The Copy button copies the cleaned text (filtered entries excluded)
- Drag the divider to resize the input/output panes
Installation
From source
npm install
npm run build
npm run package
code --install-extension console-cleaner-0.1.0.vsix
Requirements
- VS Code 1.85.0 or later
- Node.js (for building from source)
What gets stripped
- React/React DOM internals (
react-dom.development.js, scheduler, fiber internals)
- Next.js internals (
app-index.tsx, next-dev.js)
- Axios internals (
xhr.js, settle.js, dispatchRequest.js, etc.)
- webpack runtime
- socket.io / polling transport (
polling-xhr.js, websocket.js, manager.js, etc.)
- SWR / React Query internals (
index.mjs)
- Async stack separators (
Promise.then, await in ...)
- Auth interceptor noise (
Adding auth token to request)
License
MIT
