qora_devtools_overlay

In-app debug overlay for Qora. Injects a floating action button and a three-column panel (Queries · Mutations · Timeline) directly into the running Flutter app.

Zero overhead in release builds — QoraInspector returns its child unchanged and the entire widget tree is tree-shaken by the Dart compiler.

Architecture

QoraClient ──onQueryFetched──────▶ OverlayTracker ──streams──▶ notifiers ──▶ panel UI
           ──onMutationStarted──▶                 ──history──▶
           ──onOptimisticUpdate──▶

OverlayTracker implements the QoraTracker interface from the core qora package. It converts hook calls into typed QueryEvent, MutationEvent, and TimelineEvent objects (defined in qora_devtools_shared) and fans them out to broadcast streams and ring-buffers.

Features

• Floating action button — tap to open the panel; close button returns to the app
• Queries tab — live list of query keys with status badges and last-updated timestamps
• Mutations tab — pending and settled mutations with variable payload previews
• Timeline tab — chronological event stream: fetch · mutation · optimistic · cache clear
• Zero-cost release — QoraInspector.build returns widget.child when !kDebugMode
• Bounded memory — ring-buffer capped at 200 events per channel; FIFO eviction on overflow

Getting started

Add to your pubspec.yaml:

dependencies:
  qora_devtools_overlay: ^0.1.0

Usage

import 'package:flutter/foundation.dart';
import 'package:qora/qora.dart';
import 'package:qora_devtools_overlay/qora_devtools_overlay.dart';

void main() {
  // 1. Create a shared tracker.
  final tracker = OverlayTracker();

  // 2. Connect it to QoraClient — pass null in release so the client uses
  //    NoOpTracker and no events are emitted.
  final client = QoraClient(tracker: kDebugMode ? tracker : null);

  // 3. Wrap your app — QoraInspector is a no-op in release builds.
  runApp(
    QoraInspector(
      tracker: tracker,
      child: MyApp(client: client),
    ),
  );
}

Panel overview

Memory safety

Additional information

• Source: packages/devtools/overlay
• Issues: github.com/meragix/qora/issues
• Part of the Qora DevTools suite: qora_devtools_extension · qora_devtools_shared