SpenEmbed configuration

Author: amantoux

packages/fleather/lib/src/widgets/editable_text_block.dart

@@ -25,6 +25,7 @@ class EditableTextBlock extends StatelessWidget {
   final bool enableInteractiveSelection;
   final bool hasFocus;
   final FleatherEmbedBuilder embedBuilder;
+  final Map<String, FleatherSpanEmbedConfiguration> spanEmbedConfigurations;
   final LinkActionPicker linkActionPicker;
   final ValueChanged<String?>? onLaunchUrl;
   final EdgeInsets? contentPadding;
@@ -42,6 +43,7 @@ class EditableTextBlock extends StatelessWidget {
     required this.enableInteractiveSelection,
     required this.hasFocus,
     required this.embedBuilder,
+    required this.spanEmbedConfigurations,
     required this.linkActionPicker,
     this.onLaunchUrl,
     this.contentPadding,
@@ -84,6 +86,7 @@ class EditableTextBlock extends StatelessWidget {
             readOnly: readOnly,
             controller: controller,
             embedBuilder: embedBuilder,
+            spanEmbedConfigurations: spanEmbedConfigurations,
             linkActionPicker: linkActionPicker,
             onLaunchUrl: onLaunchUrl,
             textWidthBasis: textWidthBasis,

packages/fleather/lib/src/widgets/editor.dart

@@ -79,6 +79,19 @@ Widget defaultSpellCheckMenuBuilder(
 typedef FleatherEmbedBuilder = Widget Function(
     BuildContext context, EmbedNode node);
 
+/// Special configuration for [SpanEmbed]s
+class FleatherSpanEmbedConfiguration {
+  const FleatherSpanEmbedConfiguration(this.embedBuilder,
+      {this.placeholderAlignment = PlaceholderAlignment.bottom,
+      this.textBaseline,
+      this.textStyle});
+
+  final FleatherEmbedBuilder embedBuilder;
+  final PlaceholderAlignment placeholderAlignment;
+  final TextBaseline? textBaseline;
+  final TextStyle? textStyle;
+}
+
 /// Default implementation of a builder function for embeddable objects in
 /// Fleather.
 ///
@@ -255,6 +268,13 @@ class FleatherEditor extends StatefulWidget {
   /// Defaults to [defaultFleatherEmbedBuilder].
   final FleatherEmbedBuilder embedBuilder;
 
+  /// Available configuration for [SpanEmbed]s.
+  /// If no configuration of found for a [SpanEmbed], builder will fallback to
+  /// [embedBuilder].
+  ///
+  /// Defaults to `{}`
+  final Map<String, FleatherSpanEmbedConfiguration> spanEmbedConfigs;
+
   /// Configuration that details how spell check should be performed.
   ///
   /// Specifies the [SpellCheckService] used to spell check text input and the
@@ -331,6 +351,7 @@ class FleatherEditor extends StatefulWidget {
       this.clipboardStatus,
       this.contextMenuBuilder = defaultContextMenuBuilder,
       this.embedBuilder = defaultFleatherEmbedBuilder,
+      this.spanEmbedConfigs = const {},
       this.linkActionPickerDelegate = defaultLinkActionPickerDelegate,
       this.textSelectionControls});
 
@@ -505,6 +526,7 @@ class _FleatherEditorState extends State<FleatherEditor>
       scrollPhysics: widget.scrollPhysics,
       onLaunchUrl: widget.onLaunchUrl,
       embedBuilder: widget.embedBuilder,
+      spanEmbedConfigurations: widget.spanEmbedConfigs,
       spellCheckConfiguration: widget.spellCheckConfiguration,
       linkActionPickerDelegate: widget.linkActionPickerDelegate,
       clipboardManager: widget.clipboardManager,
@@ -618,6 +640,7 @@ class RawEditor extends StatefulWidget {
     this.contextMenuBuilder = defaultContextMenuBuilder,
     this.spellCheckConfiguration,
     this.embedBuilder = defaultFleatherEmbedBuilder,
+    this.spanEmbedConfigurations = const {},
     this.linkActionPickerDelegate = defaultLinkActionPickerDelegate,
   })  : assert(maxHeight == null || maxHeight > 0),
         assert(minHeight == null || minHeight >= 0),
@@ -800,6 +823,8 @@ class RawEditor extends StatefulWidget {
   /// Defaults to [defaultFleatherEmbedBuilder].
   final FleatherEmbedBuilder embedBuilder;
 
+  final Map<String, FleatherSpanEmbedConfiguration> spanEmbedConfigurations;
+
   final LinkActionPickerDelegate linkActionPickerDelegate;
 
   final ClipboardManager clipboardManager;
@@ -1835,6 +1860,7 @@ class RawEditorState extends EditorState
               readOnly: widget.readOnly,
               controller: widget.controller,
               embedBuilder: widget.embedBuilder,
+              spanEmbedConfigurations: widget.spanEmbedConfigurations,
               linkActionPicker: _linkActionPicker,
               onLaunchUrl: widget.onLaunchUrl,
               textWidthBasis: widget.textWidthBasis,
@@ -1862,6 +1888,7 @@ class RawEditorState extends EditorState
                 ? const EdgeInsets.all(16.0)
                 : null,
             embedBuilder: widget.embedBuilder,
+            spanEmbedConfigurations: widget.spanEmbedConfigurations,
             linkActionPicker: _linkActionPicker,
             onLaunchUrl: widget.onLaunchUrl,
           ),

packages/fleather/lib/src/widgets/text_line.dart

@@ -24,6 +24,7 @@ class TextLine extends StatefulWidget {
   final bool readOnly;
   final FleatherController controller;
   final FleatherEmbedBuilder embedBuilder;
+  final Map<String, FleatherSpanEmbedConfiguration> spanEmbedConfigurations;
   final ValueChanged<String?>? onLaunchUrl;
   final LinkActionPicker linkActionPicker;
   final TextWidthBasis textWidthBasis;
@@ -34,6 +35,7 @@ class TextLine extends StatefulWidget {
     required this.readOnly,
     required this.controller,
     required this.embedBuilder,
+    required this.spanEmbedConfigurations,
     required this.onLaunchUrl,
     required this.linkActionPicker,
     required this.textWidthBasis,
@@ -174,6 +176,16 @@ class _TextLineState extends State<TextLine> {
 
   InlineSpan _segmentToTextSpan(Node segment, FleatherThemeData theme) {
     if (segment is EmbedNode) {
+      final spanConfiguration =
+          widget.spanEmbedConfigurations[segment.value.type];
+      if (spanConfiguration != null) {
+        return WidgetSpan(
+            child: EmbedProxy(
+                child: spanConfiguration.embedBuilder(context, segment)),
+            alignment: spanConfiguration.placeholderAlignment,
+            baseline: spanConfiguration.textBaseline,
+            style: spanConfiguration.textStyle);
+      }
       return WidgetSpan(
           child: EmbedProxy(child: widget.embedBuilder(context, segment)));
     }