feat: support updating cursor position via spacebar

lib/src/editor/editor_component/service/ime/delta_input_on_floating_cursor_update.dart

@@ -0,0 +1,64 @@
+import 'dart:io';
+
+import 'package:appflowy_editor/appflowy_editor.dart';
+import 'package:appflowy_editor/src/editor/editor_component/service/selection/mobile_selection_service.dart';
+import 'package:appflowy_editor/src/render/selection/mobile_basic_handle.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+
+Offset? _cursorOffset;
+
+Future<void> onFloatingCursorUpdate(
+  RawFloatingCursorPoint point,
+  EditorState editorState,
+) async {
+  Log.input.debug('onFloatingCursorUpdate: ${point.state}, ${point.offset}');
+
+  // support updating the cursor position via the space bar on iOS.
+  if (!Platform.isIOS) {
+    return;
+  }
+
+  final selectionService = editorState.service.selectionService;
+
+  switch (point.state) {
+    case FloatingCursorDragState.Start:
+      final collapsedCursor = HandleType.collapsed.key;
+      final context = collapsedCursor.currentContext;
+      if (context == null) {
+        return;
+      }
+
+      // get global offset of the cursor.
+      final renderBox = context.findRenderObject() as RenderBox;
+      final offset = renderBox.localToGlobal(Offset.zero);
+      final size = renderBox.size;
+      _cursorOffset = offset + Offset(size.width / 2, size.height / 2);
+      disableMagnifier = true;
+      selectionService.onPanStart(
+        DragStartDetails(
+          globalPosition: _cursorOffset!,
+          localPosition: Offset.zero,
+        ),
+        MobileSelectionDragMode.cursor,
+      );
+      break;
+    case FloatingCursorDragState.Update:
+      disableMagnifier = true;
+      selectionService.onPanUpdate(
+        DragUpdateDetails(
+          globalPosition: _cursorOffset! + point.offset!,
+        ),
+        MobileSelectionDragMode.cursor,
+      );
+      break;
+    case FloatingCursorDragState.End:
+      _cursorOffset = null;
+      disableMagnifier = false;
+      selectionService.onPanEnd(
+        DragEndDetails(),
+        MobileSelectionDragMode.cursor,
+      );
+      break;
+  }
+}

lib/src/editor/editor_component/service/ime/non_delta_input_service.dart

@@ -12,6 +12,7 @@
     required super.onReplace,
     required super.onNonTextUpdate,
     required super.onPerformAction,
+    super.onFloatingCursor,
   });
 
   @override
@@ -134,11 +135,14 @@
 
   @override
   Future<void> performAction(TextInputAction action) async {
+    Log.editor.debug('performAction: $action');
     return onPerformAction(action);
   }
 
   @override
-  void performPrivateCommand(String action, Map<String, dynamic> data) {}
+  void performPrivateCommand(String action, Map<String, dynamic> data) {
+    Log.editor.debug('performPrivateCommand: $action, $data');
+  }
 
   @override
   void removeTextPlaceholder() {}
@@ -150,7 +154,9 @@
   void showToolbar() {}
 
   @override
-  void updateFloatingCursor(RawFloatingCursorPoint point) {}
+  void updateFloatingCursor(RawFloatingCursorPoint point) {
+    onFloatingCursor?.call(point);
+  }
 
   @override
   void didChangeInputControl(
@@ -159,7 +165,9 @@
   ) {}
 
   @override
-  void performSelector(String selectorName) {}
+  void performSelector(String selectorName) {
+    Log.editor.debug('performSelector: $selectorName');
+  }
 
   @override
   void insertContent(KeyboardInsertedContent content) {}

lib/src/editor/editor_component/service/ime/text_input_service.dart

@@ -8,6 +8,7 @@ abstract class TextInputService {
     required this.onReplace,
     required this.onNonTextUpdate,
     required this.onPerformAction,
+    this.onFloatingCursor,
   });
 
   Future<void> Function(TextEditingDeltaInsertion insertion) onInsert;
@@ -16,6 +17,7 @@ abstract class TextInputService {
   Future<void> Function(TextEditingDeltaNonTextUpdate nonTextUpdate)
       onNonTextUpdate;
   Future<void> Function(TextInputAction action) onPerformAction;
+  Future<void> Function(RawFloatingCursorPoint point)? onFloatingCursor;
 
   TextRange? get composingTextRange;
   bool get attached;

lib/src/editor/editor_component/service/keyboard_service_widget.dart

@@ -1,4 +1,5 @@
 import 'package:appflowy_editor/appflowy_editor.dart';
+import 'package:appflowy_editor/src/editor/editor_component/service/ime/delta_input_on_floating_cursor_update.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
@@ -81,6 +82,10 @@
         action,
         editorState,
       ),
+      onFloatingCursor: (point) => onFloatingCursorUpdate(
+        point,
+        editorState,
+      ),
     );
 
     focusNode = widget.focusNode ?? FocusNode(debugLabel: 'keyboard service');

lib/src/editor/editor_component/service/selection/mobile_selection_service.dart

@@ -32,6 +32,7 @@
 
 // the value type is MobileSelectionDragMode
 const String selectionDragModeKey = 'selection_drag_mode';
+bool disableMagnifier = false;
 
 class MobileSelectionServiceWidget extends StatefulWidget {
   const MobileSelectionServiceWidget({
@@ -113,8 +114,6 @@
       onDoubleTapUp: _onDoubleTapUp,
       onTripleTapUp: _onTripleTapUp,
       onLongPressStart: _onLongPressStart,
-      // onLongPressMoveUpdate: _onLongPressMoveUpdate,
-      // onLongPressEnd: _onLongPressEnd,
       child: Stack(
         children: [
           widget.child,
@@ -135,7 +134,7 @@
     return ValueListenableBuilder(
       valueListenable: _lastPanOffset,
       builder: (_, offset, __) {
-        if (offset == null) {
+        if (offset == null || disableMagnifier) {
           return const SizedBox.shrink();
         }
         final renderBox = context.findRenderObject() as RenderBox;
@@ -260,6 +259,8 @@
       reason: SelectionUpdateReason.uiEvent,
       extraInfo: {
         selectionDragModeKey: dragMode,
+        selectionExtraInfoDoNotAttachTextService:
+            dragMode == MobileSelectionDragMode.cursor,
       },
     );
   }
@@ -490,7 +491,9 @@
     editorState.updateSelectionWithReason(
       editorState.selection,
       reason: SelectionUpdateReason.uiEvent,
-      extraInfo: null,
+      extraInfo: {
+        selectionExtraInfoDoNotAttachTextService: false,
+      },
     );
   }
 

lib/src/render/selection/mobile_basic_handle.dart

@@ -8,6 +8,10 @@
 import 'package:flutter/services.dart';
 import 'package:provider/provider.dart';
 
+GlobalKey _leftHandleKey = GlobalKey();
+GlobalKey _rightHandleKey = GlobalKey();
+GlobalKey _collapsedHandleKey = GlobalKey();
+
 enum HandleType {
   none,
   left,
@@ -39,6 +43,19 @@
         return CrossAxisAlignment.center;
     }
   }
+
+  GlobalKey get key {
+    switch (this) {
+      case HandleType.none:
+        throw UnsupportedError('Unsupported handle type');
+      case HandleType.left:
+        return _leftHandleKey;
+      case HandleType.right:
+        return _rightHandleKey;
+      case HandleType.collapsed:
+        return _collapsedHandleKey;
+    }
+  }
 }
 
 abstract class _IDragHandle extends StatelessWidget {
@@ -142,6 +159,7 @@
     Widget child;
     if (handleType == HandleType.collapsed) {
       child = Container(
+        key: handleType.key,
         width: handleWidth,
         color: handleColor,
         height: handleHeight,