TF-2047 [Link] Can not see the link when type is text/plain in email view

contact/pubspec.lock

@@ -520,6 +520,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "6.6.1"
+  linkify:
+    dependency: transitive
+    description:
+      name: linkify
+      sha256: "4139ea77f4651ab9c315b577da2dd108d9aa0bd84b5d03d33323f1970c645832"
+      url: "https://pub.dev"
+    source: hosted
+    version: "5.0.0"
   lints:
     dependency: transitive
     description:

core/lib/presentation/utils/html_transformer/dom/add_target_blank_in_tag_a_transformers.dart

@@ -14,6 +14,10 @@ class AddTargetBlankInTagATransformer extends DomTransformer {
     final elements = document.querySelectorAll('a');
     await Future.wait(elements.map((element) async {
       element.attributes['target'] = '_blank';
+      final rel = element.attributes['rel'];
+      if (rel == null || (!rel.contains('noopener') && !rel.contains('noreferrer'))) {
+        element.attributes['rel'] = 'noreferrer';
+      }
     }));
   }
 }

core/lib/presentation/utils/html_transformer/sanitize_autolink_filter.dart

@@ -0,0 +1,65 @@
+
+import 'dart:convert';
+
+import 'package:core/utils/app_logger.dart';
+import 'package:linkify/linkify.dart';
+
+class SanitizeAutolinkFilter {
+
+  final HtmlEscape htmlEscape;
+  final _linkifyOption = const LinkifyOptions(
+    humanize: true,
+    looseUrl: true,
+    defaultToHttps: true,
+    removeWww: true
+  );
+  final _linkifier = <Linkifier>[
+    const EmailLinkifier(),
+    const UrlLinkifier()
+  ];
+
+  SanitizeAutolinkFilter(this.htmlEscape);
+
+  String process(String inputText) {
+    if (inputText.isEmpty) {
+      return '';
+    }
+
+    final elements = linkify(
+      inputText,
+      options: _linkifyOption,
+      linkifiers: _linkifier
+    );
+    log('AutolinkFilter::process:elements: $elements');
+    final htmlTextBuffer = StringBuffer();
+
+    for (var element in elements) {
+      if (element is TextElement) {
+        final escapedHtml = htmlEscape.convert(element.text);
+        htmlTextBuffer.write(escapedHtml);
+      } else if (element is EmailElement) {
+        final emailLinkTag = _buildEmailLinkTag(
+          mailToLink: element.url,
+          value: element.text
+        );
+        htmlTextBuffer.write(emailLinkTag);
+      } else if (element is UrlElement) {
+        final urlLinkTag = _buildUrlLinkTag(
+          urlLink: element.url,
+          value: element.text
+        );
+        htmlTextBuffer.write(urlLinkTag);
+      }
+    }
+
+    return htmlTextBuffer.toString();
+  }
+
+  String _buildUrlLinkTag({required String urlLink, required String value}) {
+    return '<a href="$urlLink" target="_blank" rel="noreferrer">$value</a>';
+  }
+
+  String _buildEmailLinkTag({required String mailToLink, required String value}) {
+    return '<a href="$mailToLink">$value</a>';
+  }
+}

core/lib/presentation/utils/html_transformer/text/sanitize_autolink_html_transformers.dart

@@ -0,0 +1,15 @@
+
+import 'dart:convert';
+
+import 'package:core/presentation/utils/html_transformer/sanitize_autolink_filter.dart';
+import 'package:core/presentation/utils/html_transformer/base/text_transformer.dart';
+
+class SanitizeAutolinkHtmlTransformers extends TextTransformer {
+
+  final HtmlEscape htmlEscape;
+
+  SanitizeAutolinkHtmlTransformers(this.htmlEscape);
+
+  @override
+  String process(String text) => SanitizeAutolinkFilter(htmlEscape).process(text);
+}

core/pubspec.lock

@@ -320,6 +320,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "0.6.7"
+  linkify:
+    dependency: "direct main"
+    description:
+      name: linkify
+      sha256: "4139ea77f4651ab9c315b577da2dd108d9aa0bd84b5d03d33323f1970c645832"
+      url: "https://pub.dev"
+    source: hosted
+    version: "5.0.0"
   lints:
     dependency: transitive
     description:

core/pubspec.yaml

@@ -73,6 +73,8 @@ dependencies:
 
   flutter_typeahead: 4.6.0
 
+  linkify: 5.0.0
+
 dev_dependencies:
   flutter_test:
     sdk: flutter

core/test/sanitize_autolink_filter_test.dart

@@ -0,0 +1,55 @@
+import 'dart:convert';
+
+import 'package:core/presentation/utils/html_transformer/sanitize_autolink_filter.dart';
+import 'package:flutter_test/flutter_test.dart';
+
+void main() {
+  group('SanitizeAutolinkFilter test', () {
+
+    final sanitizeAutolinkFilter = SanitizeAutolinkFilter(const HtmlEscape());
+
+    test(
+      'SanitizeAutolinkFilter should return html a tag with href="urlLink" when input text contain https',
+      () {
+        final htmlValidate = sanitizeAutolinkFilter.process('See https://linagora.com at Hanoi');
+        expect(
+          htmlValidate,
+          equals('See <a href="https://linagora.com" target="_blank" rel="noreferrer">linagora.com</a> at Hanoi')
+        );
+      }
+    );
+
+    test(
+      'SanitizeAutolinkFilter should return html a tag with href="urlLink" when input text contain http',
+      () {
+        final htmlValidate = sanitizeAutolinkFilter.process('See http://linagora.com at Hanoi');
+        expect(
+          htmlValidate,
+          equals('See <a href="http://linagora.com" target="_blank" rel="noreferrer">linagora.com</a> at Hanoi')
+        );
+      }
+    );
+
+    test(
+      'SanitizeAutolinkFilter should return html a tag with href="urlLink" when input text contain www',
+      () {
+        final htmlValidate = sanitizeAutolinkFilter.process('See www.linagora.com at Hanoi');
+        expect(
+          htmlValidate,
+          equals('See <a href="https://www.linagora.com" target="_blank" rel="noreferrer">linagora.com</a> at Hanoi')
+        );
+      }
+    );
+
+    test(
+      'SanitizeAutolinkFilter should return html a tag with href="mailToLink" when input text contain email address',
+      () {
+        final htmlValidate = sanitizeAutolinkFilter.process('See tdvu@linagora.com at Hanoi');
+        expect(
+          htmlValidate,
+          equals('See <a href="mailto:tdvu@linagora.com">tdvu@linagora.com</a> at Hanoi')
+        );
+      }
+    );
+  });
+}