zenify_devtools_extension 1.0.0

DevTools extension for Zenify - inspect scopes, queries, and dependencies in real-time.

1.0.0 - 2026-03-07

Initial Release

Separated DevTools Extension from Zenify Core Package

This package contains the visual DevTools extension UI that was previously bundled with the core zenify package.

Features

• Scope Inspector - Hierarchical tree view of all DI scopes

  • Visualize parent-child relationships
  • Inspect dependencies (Controllers, Services, Others)
  • Expand/collapse nodes for detailed inspection
  • View scope metadata (ID, name, disposal status)

• Query Cache Viewer - Monitor all active queries in real-time

  • Search and filter queries by status
  • Visual status indicators (⏳ loading, ✅ success, ❌ error, ⚠️ stale)
  • Actions: Refetch, Invalidate, Clear cache
  • View metadata: timestamps, fetch count, scope association
  • Statistics dashboard (global vs scoped queries)

• Metrics Dashboard - Live system performance monitoring

  • Scope metrics (Total/Active/Disposed)
  • Query metrics (Total/Loading/Error/Stale)
  • Dependency breakdown (Controllers vs Services)
  • Auto-refreshes every 2 seconds

Installation

dev_dependencies:
  zenify_devtools_extension: ^1.0.0

Enable in devtools_options.yaml:

extensions:
  - zenify_devtools_extension: true

Register service extensions in your app:

import 'package:zenify/devtools/devtools.dart';

void main() {
  Zen.init(registerDevTools: true);
  runApp(MyApp());
}

Migration from Zenify 1.7.0

If you were using ZenInspectorOverlay in Zenify 1.7.0:

1. Remove the wrapper: ZenInspectorOverlay(child: MyApp()) → MyApp()
2. Add this package as a dev dependency
3. Call Zen.init(registerDevTools: true) in main() (DevTools extensions auto-register)

See: https://github.com/sdegenaar/zenify/blob/main/CHANGELOG.md#180