LODState class

Reactive Level of Detail (LOD) state that computes current visibility settings based on the viewport zoom level.

This class provides MobX-reactive access to LOD state, automatically updating when the viewport zoom changes. Use this in widgets to conditionally render elements based on zoom level.

The state is computed using MobX Computed values, which are cached and only recalculated when dependencies change. This ensures efficient reactivity without unnecessary recalculations.

Example:

// In a widget build method
return Observer(builder: (_) {
  final visibility = controller.lodState.currentVisibility;

  if (!visibility.showConnectionLines) {
    return const SizedBox.shrink();
  }

  return ConnectionsLayer(...);
});