PAINTROID-759: Add Text Tool

lib/core/commands/command_factory/command_factory.dart

@@ -1,11 +1,13 @@
-import 'dart:ui';
+import 'package:flutter/material.dart';
 
 import 'package:paintroid/core/commands/command_implementation/graphic/line_command.dart';
 import 'package:paintroid/core/commands/command_implementation/graphic/path_command.dart';
 import 'package:paintroid/core/commands/command_implementation/graphic/shape/circle_shape_command.dart';
 import 'package:paintroid/core/commands/command_implementation/graphic/shape/square_shape_command.dart';
 import 'package:paintroid/core/commands/path_with_action_history.dart';
 
+import 'package:paintroid/core/commands/command_implementation/add_text_command.dart';
+
 class CommandFactory {
   const CommandFactory();
 
@@ -38,4 +40,12 @@ class CommandFactory {
     Offset center,
   ) =>
       CircleShapeCommand(paint, radius, center);
+
+  AddTextCommand createAddTextCommand(
+    Offset point,
+    String text,
+    TextStyle style,
+    Paint paint,
+  ) =>
+      AddTextCommand(point, text, style, paint);
 }

lib/core/commands/command_implementation/add_text_command.dart

@@ -0,0 +1,49 @@
+import 'package:flutter/cupertino.dart';
+import 'package:paintroid/core/commands/command_implementation/graphic/graphic_command.dart';
+import 'package:paintroid/core/json_serialization/converter/paint_converter.dart';
+import 'package:equatable/equatable.dart';
+
+class AddTextCommand extends GraphicCommand with EquatableMixin {
+  final Offset point;
+  final String text;
+  final TextStyle style;
+
+  AddTextCommand(
+    this.point,
+    this.text,
+    this.style,
+    Paint paint,
+  ) : super(paint);
+
+  @override
+  void call(Canvas canvas) {
+    final textPainter = TextPainter(
+      text: TextSpan(text: text, style: style),
+      textDirection: TextDirection.ltr,
+    );
+
+    textPainter.layout(minWidth: 0, maxWidth: double.infinity);
+    final textOffset =
+        point - Offset(textPainter.width / 2, textPainter.height / 2);
+    textPainter.paint(canvas, textOffset);
+  }
+
+  void undo(Canvas canvas) {
+    // TODO
+  }
+
+  @override
+  List<Object?> get props => [point, text, paint];
+
+  @override
+  bool? get stringify => true;
+
+  @override
+  Map<String, dynamic> toJson() {
+    return {
+      'point': {'dx': point.dx, 'dy': point.dy},
+      'text': text,
+      'paint': const PaintConverter().toJson(paint),
+    };
+  }
+}

lib/core/commands/command_manager/command_manager.dart

@@ -1,5 +1,6 @@
 import 'dart:ui';
 
+import 'package:paintroid/core/commands/command_implementation/add_text_command.dart';
 import 'package:paintroid/core/commands/command_implementation/command.dart';
 import 'package:paintroid/core/commands/command_implementation/graphic/graphic_command.dart';
 import 'package:paintroid/core/commands/command_implementation/graphic/line_command.dart';
@@ -109,6 +110,8 @@ class CommandManager {
       return ToolData.SHAPES;
     } else if (command.runtimeType == CircleShapeCommand) {
       return ToolData.SHAPES;
+    } else if (command.runtimeType == AddTextCommand) {
+      return ToolData.TEXT;
     } else {
       return ToolData.BRUSH;
     }

lib/core/commands/command_painter.dart

@@ -7,6 +7,7 @@ import 'package:paintroid/core/providers/state/paint_provider.dart';
 import 'package:paintroid/core/providers/state/toolbox_state_provider.dart';
 import 'package:paintroid/core/tools/implementation/shapes_tool/shapes_tool.dart';
 import 'package:paintroid/core/tools/line_tool/line_tool.dart';
+import 'package:paintroid/core/tools/text_tool/text_tool.dart';
 import 'package:paintroid/core/tools/tool.dart';
 
 class CommandPainter extends CustomPainter {
@@ -32,6 +33,8 @@ class CommandPainter extends CustomPainter {
           ..drawShape(canvas, ref.read(paintProvider))
           ..drawGuides(canvas);
         break;
+      case ToolType.TEXT:
+        (currentTool as TextTool).drawGuides(canvas);
       default:
         commandManager.executeLastCommand(canvas);
         break;

lib/core/commands/graphic_factory/graphic_factory.dart

@@ -16,6 +16,20 @@ class GraphicFactory {
     ..color = const Color.fromARGB(220, 117, 117, 117)
     ..style = PaintingStyle.fill;
 
+  static Paint boundingBoxPaint = Paint()
+    ..color = const Color.fromARGB(121, 55, 55, 55)
+    ..style = PaintingStyle.stroke
+    ..strokeWidth = 10;
+
+  static Paint circumferencePaint = Paint()
+    ..color = const Color.fromARGB(121, 55, 55, 55)
+    ..style = PaintingStyle.stroke
+    ..strokeWidth = 10;
+
+  static Paint anchorPointPaint = Paint()
+    ..color = const Color.fromARGB(121, 117, 117, 117)
+    ..style = PaintingStyle.fill;
+
   PathWithActionHistory createPathWithActionHistory() =>
       PathWithActionHistory();
 

lib/core/extensions/offset_extension.dart

@@ -8,7 +8,7 @@ extension OffsetExtensions on Offset {
 
   Offset moveTowards({
     required Offset towards,
-    required double distance, 
+    required double distance,
     Offset? from,
     double rotation = 0,
   }) =>

lib/core/providers/object/tools/text_tool_provider.dart

@@ -0,0 +1,40 @@
+import 'dart:ui';
+
+import 'package:paintroid/core/commands/graphic_factory/graphic_factory_provider.dart';
+import 'package:paintroid/core/enums/tool_types.dart';
+import 'package:paintroid/core/providers/state/canvas_state_provider.dart';
+import 'package:paintroid/core/tools/text_tool/bounding_box.dart';
+import 'package:paintroid/core/tools/text_tool/text_tool.dart';
+import 'package:riverpod_annotation/riverpod_annotation.dart';
+import 'package:paintroid/core/commands/command_factory/command_factory_provider.dart';
+import 'package:paintroid/core/commands/command_manager/command_manager_provider.dart';
+
+part 'text_tool_provider.g.dart';
+
+@riverpod
+class TextToolProvider extends _$TextToolProvider {
+  @override
+  TextTool build() {
+    Rect initialBoundingBox = Rect.fromCenter(
+      center: ref.read(canvasStateProvider).size.center(Offset.zero),
+      width: 300,
+      height: 200,
+    );
+    return TextTool(
+      graphicFactory: ref.watch(graphicFactoryProvider),
+      commandManager: ref.watch(commandManagerProvider),
+      commandFactory: ref.watch(commandFactoryProvider),
+      type: ToolType.TEXT,
+      boundingBox: BoundingBox(
+        initialBoundingBox.topLeft,
+        initialBoundingBox.topRight,
+        initialBoundingBox.bottomLeft,
+        initialBoundingBox.bottomRight,
+      ),
+    );
+  }
+
+  void updateText(String newText) {
+    state.currentText = newText;
+  }
+}

lib/core/providers/state/toolbox_state_provider.dart

@@ -1,6 +1,7 @@
 import 'dart:ui';
 import 'package:paintroid/core/providers/object/canvas_painter_provider.dart';
 import 'package:paintroid/core/providers/object/tools/shapes_tool_provider.dart';
+import 'package:paintroid/core/providers/object/tools/text_tool_provider.dart';
 import 'package:riverpod_annotation/riverpod_annotation.dart';
 import 'package:paintroid/core/commands/command_manager/command_manager_provider.dart';
 import 'package:paintroid/core/enums/tool_types.dart';
@@ -64,6 +65,9 @@ class ToolBoxStateProvider extends _$ToolBoxStateProvider {
         state = state.copyWith(currentTool: ref.read(shapesToolProvider));
         ref.read(canvasPainterProvider.notifier).repaint();
         break;
+      case ToolType.TEXT:
+        state = state.copyWith(currentTool: ref.read(textToolProvider));
+        break;
       default:
         state = state.copyWith(currentTool: ref.read(brushToolProvider));
         break;