[flutter_markdown] Custom fontfeature superscript

packages/flutter_markdown/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 0.6.18+4
+
+* Allow for choosing custom font feature to create superscript in footnotes when the font does not support `supr` font feature. Use `superscriptFontFeatureTag` property in `MarkdownStyleSheet`. For example for `Roboto` font you can set `numr`.
+
 ## 0.6.18+3
 
 * Updates minimum supported SDK version to Flutter 3.10/Dart 3.0.

packages/flutter_markdown/lib/src/builder.dart

@@ -530,6 +530,8 @@ class MarkdownBuilder implements md.NodeVisitor {
               style: textSpan.style?.copyWith(
                 fontFeatures: <FontFeature>[
                   const FontFeature.enable('sups'),
+                  if (styleSheet.superscriptFontFeatureTag != null)
+                    FontFeature.enable(styleSheet.superscriptFontFeatureTag!),
                 ],
               ),
             ),

packages/flutter_markdown/lib/src/style_sheet.dart

@@ -60,6 +60,7 @@ class MarkdownStyleSheet {
     this.blockquoteAlign = WrapAlignment.start,
     this.codeblockAlign = WrapAlignment.start,
     this.textScaleFactor,
+    this.superscriptFontFeatureTag,
   }) : _styles = <String, TextStyle?>{
           'a': a,
           'p': p,
@@ -381,6 +382,7 @@ class MarkdownStyleSheet {
     WrapAlignment? blockquoteAlign,
     WrapAlignment? codeblockAlign,
     double? textScaleFactor,
+    String? superscriptFontFeatureTag,
   }) {
     return MarkdownStyleSheet(
       a: a ?? this.a,
@@ -436,6 +438,8 @@ class MarkdownStyleSheet {
       blockquoteAlign: blockquoteAlign ?? this.blockquoteAlign,
       codeblockAlign: codeblockAlign ?? this.codeblockAlign,
       textScaleFactor: textScaleFactor ?? this.textScaleFactor,
+      superscriptFontFeatureTag:
+          superscriptFontFeatureTag ?? this.superscriptFontFeatureTag,
     );
   }
 
@@ -497,6 +501,7 @@ class MarkdownStyleSheet {
       blockquoteAlign: other.blockquoteAlign,
       codeblockAlign: other.codeblockAlign,
       textScaleFactor: other.textScaleFactor,
+      superscriptFontFeatureTag: other.superscriptFontFeatureTag,
     );
   }
 
@@ -653,6 +658,10 @@ class MarkdownStyleSheet {
   /// The text scale factor to use in textual elements
   final double? textScaleFactor;
 
+  /// Custom font feature tag for font which does not support `sups'
+  /// feature to create superscript in footnotes.
+  final String? superscriptFontFeatureTag;
+
   /// A [Map] from element name to the corresponding [TextStyle] object.
   Map<String, TextStyle?> get styles => _styles;
   Map<String, TextStyle?> _styles;
@@ -717,7 +726,8 @@ class MarkdownStyleSheet {
         other.orderedListAlign == orderedListAlign &&
         other.blockquoteAlign == blockquoteAlign &&
         other.codeblockAlign == codeblockAlign &&
-        other.textScaleFactor == textScaleFactor;
+        other.textScaleFactor == textScaleFactor &&
+        other.superscriptFontFeatureTag == superscriptFontFeatureTag;
   }
 
   @override
@@ -775,6 +785,7 @@ class MarkdownStyleSheet {
       blockquoteAlign,
       codeblockAlign,
       textScaleFactor,
+      superscriptFontFeatureTag,
     ]);
   }
 }

packages/flutter_markdown/pubspec.yaml

@@ -4,7 +4,7 @@ description: A Markdown renderer for Flutter. Create rich text output,
   formatted with simple Markdown tags.
 repository: https://github.com/flutter/packages/tree/main/packages/flutter_markdown
 issue_tracker: https://github.com/flutter/flutter/issues?q=is%3Aissue+is%3Aopen+label%3A%22p%3A+flutter_markdown%22
-version: 0.6.18+3
+version: 0.6.18+4
 
 environment:
   sdk: ">=3.0.0 <4.0.0"

packages/flutter_markdown/test/footnote_test.dart

@@ -158,7 +158,7 @@ void defineTests() {
     'superscript textstyle replacing',
     () {
       testWidgets(
-        'superscript has correct fontfeature',
+        'superscript has correct default fontfeature',
         (WidgetTester tester) async {
           const String data = 'Foo[^a]\n[^a]: Bar';
           await tester.pumpWidget(
@@ -184,6 +184,35 @@ void defineTests() {
         },
       );
 
+      testWidgets(
+        'superscript has correct custom fontfeature',
+        (WidgetTester tester) async {
+          const String data = 'Foo[^a]\n[^a]: Bar';
+          await tester.pumpWidget(
+            boilerplate(
+              MarkdownBody(
+                data: data,
+                styleSheet:
+                    MarkdownStyleSheet(superscriptFontFeatureTag: 'numr'),
+              ),
+            ),
+          );
+
+          final Iterable<Widget> widgets = tester.allWidgets;
+          final RichText richText = widgets
+              .firstWhere((Widget widget) => widget is RichText) as RichText;
+
+          final TextSpan span = richText.text as TextSpan;
+          final List<InlineSpan>? children = span.children;
+
+          expect(children, isNotNull);
+          expect(children!.length, 2);
+          expect(children[1].style, isNotNull);
+          expect(children[1].style!.fontFeatures?.length, 2);
+          expect(children[1].style!.fontFeatures?[1].feature, 'numr');
+        },
+      );
+
       testWidgets(
         'superscript index has the same font style like text',
         (WidgetTester tester) async {