hyper_render_devtools library

HyperRender DevTools Extension

Provides VM service extensions and debugging utilities for inspecting HyperRender's internal state from Flutter DevTools.

Setup

Register the service extensions early in your app (debug mode only):

import 'package:hyper_render_devtools/hyper_render_devtools.dart';

void main() {
  // Register in debug mode only
  assert(() {
    HyperRenderDevtools.register();
    return true;
  }());
  runApp(const MyApp());
}

What's Inspectable

  • UDT Tree: Full document node hierarchy with tag names and attributes
  • Computed Styles: All CSS properties for each node
  • Fragments: Layout fragments with size/offset metrics
  • Lines: Line info with baseline and float inset data
  • Performance: Phase timing (parse/style/layout/paint)

Classes

HyperRenderDevtools
DevTools integration for HyperRender.
UdtSerializer
Serializes UDT nodes and computed styles to JSON-compatible maps for DevTools inspection.