Show HN: Inline Logs, console.log values next to your code in VS Code

Category: devtools

Tags: vscode-extension, debugging, logging, developer-tools, source-maps

Score: 7.0/10 (Innovation: 7, Technical: 8, Documentation: 7, Utility: 6)

Inline Logs is a VS Code extension that displays console.log values, uncaught errors, and network request details directly next to the source lines that produce them, supporting Node, Bun, Deno, and major browser dev servers (Vite, Next.js, webpack, SvelteKit, Nuxt, Astro). It integrates with popular logging libraries (pino, winston, consola, tslog), hooks fetch/WebSocket/EventSource calls, and redacts secrets client-side, all with zero configuration. The combination of inline value rendering, source-mapped runtime-to-editor correlation across runtimes, and an MCP server for AI tooling is unusually ambitious for a single extension.

Target audience: frontend and full-stack JavaScript/TypeScript developers

Repository: https://github.com/lagudafuadtosin/inline-logs · TypeScript · GPL-3.0

View on Hacker News