Flutter Log Fold

Foldable, filterable log viewer for Flutter debug sessions.

Flutter's Debug Console is hard to work with once your app starts logging seriously. Long multi-line blocks from Talker or Dio bury the output you actually care about, searching through walls of text is painful, and reading a JSON response means scrolling through dozens of unformatted lines. This extension fixes that.

Flutter Log Fold replaces the noisy Debug Console with a dedicated Flutter Logs panel. Originally built to tame Talker output, it grew into a full-featured log viewer with block folding, category filtering, JSON trees, and ANSI color support — compatible with multiple Flutter logging libraries.

Features

Foldable log blocks

Multi-line log blocks (Talker's box-drawing ┌│└ output, etc.) are detected and collapsed into single-line summaries. Click to expand and see full block content. Plain single-line logs are displayed inline without folding.

Filtering and search

• Severity chips — toggle INFO, ERROR, WARN, DEBUG, VERBOSE, CRITICAL on/off
• Custom tag chips — tags like [bloc-transition], [route], [http-request] are auto-detected from incoming logs and get their own color-coded filter chips
• Text search — case-insensitive live filter with a visible counter (X / Y)
• System log toggle — show/hide Android system logs (Choreographer, BillingClient, etc.) via the SYS chip
• ALL chip — toggle all categories at once

JSON tree rendering

JSON objects and arrays found inside log blocks are rendered as collapsible, syntax-highlighted trees with theme-aware colors (dark, light, and high-contrast themes). Top two levels are expanded by default, deeper levels are collapsed.

Handles truncated JSON gracefully — logcat's ~4096-char line limit splits long strings, which the extension detects and marks with [CROPPED].

Talker formatters

Built-in formatters condense verbose Talker block output into concise one-liners:

Each formatter can be individually enabled/disabled in settings.

ANSI color support

Full ANSI color rendering — 8-color, bright, 256-color palette, and RGB — using VS Code's terminal theme variables for consistent look. Supports bold, dim, italic, and underline formatting. Colors are preserved in formatted block summaries.

Multiple logging library presets

Other

• Auto-open — log panel opens automatically when a Flutter debug session starts
• Timestamps — HH:MM:SS.mmm on every block entry
• Smart auto-scroll — stays at bottom for new logs, but respects manual scroll position
• Collapse All / Expand All — toolbar buttons to fold/unfold all blocks at once
• Configurable buffer — keep 50 to 10,000 log entries (oldest are removed)
• Android prefix stripping — automatically removes I/flutter (PID): prefixes
• Custom line stripping — optional regex to remove any per-line prefix before parsing
• Live settings — all configuration changes apply immediately without restart

Commands

Settings

All settings are under the flutterLogFold.* namespace.

Supported logging libraries

• talker / talker_flutter / talker_dio_logger
• pretty_dio_logger
• logger
• Any custom format via the custom preset

Installation

From VSIX

code --install-extension flutter-log-fold-0.1.0.vsix

Build from source

npm install
npm run build
npm run package

License

MIT