Add waypoint display

Author: CodeDoctorDE

app/lib/bloc/world/bloc.dart

@@ -133,6 +133,9 @@ class WorldBloc extends Bloc<PlayableWorldEvent, ClientWorldState> {
     on<SwitchCellOnMoveChanged>((event, emit) {
       emit(state.copyWith(switchCellOnMove: event.value));
     });
+    on<WaypointVisibilityChanged>((event, emit) {
+      emit(state.copyWith(showWaypoints: event.value));
+    });
     on<TableSwitched>((event, emit) {
       emit(
         state.copyWith.world(

app/lib/bloc/world/local.dart

@@ -31,6 +31,14 @@ final class SwitchCellOnMoveChanged extends LocalWorldEvent
   SwitchCellOnMoveChanged(this.value);
 }
 
+@MappableClass()
+final class WaypointVisibilityChanged extends LocalWorldEvent
+    with WaypointVisibilityChangedMappable {
+  final bool value;
+
+  WaypointVisibilityChanged(this.value);
+}
+
 @MappableClass()
 final class TableSwitched extends LocalWorldEvent with TableSwitchedMappable {
   final String name;

app/lib/bloc/world/local.mapper.dart

@@ -22,7 +22,7 @@ final class ClientWorldState with ClientWorldStateMappable {
   final ColorScheme colorScheme;
   final VectorDefinition? selectedCell;
   final ItemLocation? selectedDeck;
-  final bool showHand, switchCellOnMove;
+  final bool showHand, switchCellOnMove, showWaypoints;
   final DrawerView drawerView;
   final String searchTerm;
   final bool showDuplicates;
@@ -36,6 +36,7 @@ final class ClientWorldState with ClientWorldStateMappable {
     this.selectedDeck,
     this.showHand = false,
     this.switchCellOnMove = false,
+    this.showWaypoints = false,
     this.drawerView = DrawerView.chat,
     this.searchTerm = '',
     this.showDuplicates = false,

app/lib/bloc/world/state.dart

@@ -4,6 +4,7 @@ import 'package:flame/collisions.dart';
 import 'package:flame/components.dart';
 import 'package:flame/effects.dart';
 import 'package:flame/events.dart';
+import 'package:flame/text.dart';
 import 'package:flame_bloc/flame_bloc.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
@@ -38,6 +39,7 @@ class GameCell extends PositionComponent
         ScrollCallbacks {
   late final SpriteComponent _selectionComponent;
   SpriteComponent? _cardComponent, _boardComponent;
+  TextElementComponent? _waypointComponent;
   late final BoardGrid grid;
   List<Effect>? _effects;
 
@@ -61,6 +63,66 @@ class GameCell extends PositionComponent
     }
   }
 
+  void _buildWaypointComponent(ClientWorldState state) {
+    final visible = state.showWaypoints;
+    _waypointComponent?.removeFromParent();
+    _waypointComponent = null;
+    if (!visible) {
+      return;
+    }
+    final global = toGlobalDefinition(state);
+    final globalWaypoints = state.info.waypoints
+        .where((waypoint) => waypoint.position == global)
+        .map<InlineTextNode>((e) => PlainTextNode(e.name))
+        .toList();
+    final teamWaypoints = state.world.getTeams().expand((name) {
+      final team = state.info.teams[name];
+      if (team == null) return Iterable<InlineTextNode>.empty();
+      return team.waypoints
+          .where((waypoint) => waypoint.position == global)
+          .map<InlineTextNode>(
+            (e) => CustomInlineTextNode(
+              PlainTextNode(e.name),
+              styleName: 'team-$name',
+            ),
+          );
+    }).toList();
+    if (globalWaypoints.isEmpty && teamWaypoints.isEmpty) {
+      return;
+    }
+    final blocks = <BlockNode>[
+      ParagraphNode.group(globalWaypoints),
+      ParagraphNode.group(teamWaypoints),
+    ];
+    final document = DocumentRoot(blocks);
+    final component = _waypointComponent = TextElementComponent.fromDocument(
+      document: document,
+      size: size,
+      priority: 2,
+      style: DocumentStyle(
+        paragraph: BlockStyle(textAlign: TextAlign.center),
+        customStyles: {
+          for (final entry in state.world.getTeams())
+            'team-$entry': InlineTextStyle(
+              color:
+                  state.info.teams[entry]?.color?.color ??
+                  state.colorScheme.primary,
+            ),
+        },
+        text: InlineTextStyle(
+          shadows: [
+            Shadow(
+              color: Colors.black,
+              offset: const Offset(0, 0),
+              blurRadius: 2,
+            ),
+          ],
+        ),
+      ),
+    );
+    add(component);
+  }
+
   @override
   void onLoad() {
     super.onLoad();
@@ -82,7 +144,8 @@ class GameCell extends PositionComponent
         previousState.table.cells[definition] !=
             newState.table.cells[definition] ||
         previousState.teamMembers != newState.teamMembers ||
-        previousState.colorScheme != newState.colorScheme;
+        previousState.colorScheme != newState.colorScheme ||
+        previousState.showWaypoints != newState.showWaypoints;
   }
 
   bool get isSelected => isMounted && bloc.state.selectedCell == toDefinition();
@@ -134,6 +197,7 @@ class GameCell extends PositionComponent
   @override
   void onInitialState(ClientWorldState state) {
     if (state.selectedCell != toDefinition()) _selectionComponent.opacity = 0;
+    _buildWaypointComponent(state);
   }
 
   bool isClaimed(ClientWorldState state) => state.info.teams.entries.any(
@@ -178,6 +242,7 @@ class GameCell extends PositionComponent
         ),
       ]);
     }
+    _buildWaypointComponent(state);
   }
 
   Future<void> _updateTop() async {