Implement WidgetFactory.buildListMarker

[daohoangson]

Refactor tag_li.dart to make it possible to customize marker widget.

[github-actions]

Demo app

Deployed 9d23de5 to https://example-4w9ln1ia2-flutter-widget-from-html.vercel.app.

Quick links:

• supported/tags.html
• Hello World
• Hello World (core)
• Wordpress
• --web-renderer canvaskit
• --web-renderer html

[codecov]

Codecov Report

Merging #511 (45d7372) into master (e83dd4d) will increase coverage by 0.16%.
The diff coverage is 97.80%.

@@            Coverage Diff             @@
##           master     #511      +/-   ##
==========================================
+ Coverage   97.75%   97.91%   +0.16%     
==========================================
  Files          46       47       +1     
  Lines        2979     2979              
==========================================
+ Hits         2912     2917       +5     
+ Misses         67       62       -5     

Impacted Files	Coverage Δ
...ackages/core/lib/src/widgets/html_list_marker.dart	97.10% <97.10%> (ø)
packages/core/lib/src/core_helpers.dart	100.00% <100.00%> (ø)
packages/core/lib/src/core_widget_factory.dart	99.55% <100.00%> (+0.01%)	⬆️
packages/core/lib/src/internal/ops/tag_li.dart	100.00% <100.00%> (+5.03%)	⬆️
packages/core/lib/src/widgets/css_sizing.dart	94.53% <100.00%> (ø)
packages/core/lib/src/widgets/html_list_item.dart	100.00% <100.00%> (ø)
packages/core/lib/src/widgets/html_table.dart	99.20% <100.00%> (ø)

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update e83dd4d...45d7372. Read the comment docs.

[daohoangson]

It's now possible to use image as marker:

main.dart

class ImageListMarkerScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) => Scaffold(
        appBar: AppBar(
          title: Text('ImageListMarkerScreen'),
        ),
        body: Padding(
          padding: const EdgeInsets.all(8.0),
          child: HtmlWidget(
            kHtml,
            factoryBuilder: () => _ImageListMarkerFactory(),
          ),
        ),
      );
}

class _ImageListMarkerFactory extends WidgetFactory {
  @override
  Widget buildListMarker(
    BuildMetadata meta,
    TextStyleHtml tsh,
    String listStyleType,
    int index,
  ) {
    if (index == 2) {
      final style = tsh.styleWithHeight;
      return Image.asset(
        'logos/android.png',
        height: style.fontSize,
        width: style.fontSize,
      );
    }

    return super.buildListMarker(meta, tsh, listStyleType, index);
  }
}

const kHtml = '''
<ol style="font-size: larger; line-height: 2">
  <li>One</li>
  <li>Flutter</li>
  <li>Three</li>
</ol>
''';