allow copying messages when on desktop without mobile mode on

lib/helpers/extensions/show_about_dialog.dart

@@ -5,7 +5,7 @@ import "package:m3e_card_list/m3e_card_list.dart";
 import "package:nexus/helpers/launch_helper.dart";
 import "package:package_info_plus/package_info_plus.dart";
 
-extension ShowContextMenu on BuildContext {
+extension ShowAboutDialog on BuildContext {
   Future<void> showAboutDialog(WidgetRef ref) async {
     final packageInfo = await PackageInfo.fromPlatform();
 
@@ -50,8 +50,8 @@ extension ShowContextMenu on BuildContext {
               M3ECardColumn(
                 onTap: (index) =>
                     ref.watch(LaunchHelper.provider).launchUrl(switch (index) {
-                      0 => Uri.https("git.federated.nexus", "nexus/nexus"),
-                      _ => Uri.https("liberapay.com", "QuadRadical"),
+                      0 => .https("git.federated.nexus", "nexus/nexus"),
+                      _ => .https("liberapay.com", "QuadRadical"),
                     }),
                 children: [
                   ListTile(

lib/helpers/extensions/show_context_menu.dart

@@ -9,7 +9,7 @@ extension ShowContextMenu on BuildContext {
 
     showMenu(
       context: this,
-      constraints: .loose(Size.infinite),
+      constraints: .loose(.infinite),
       position: .fromLTRB(
         globalPosition.dx,
         globalPosition.dy,

lib/widgets/html/html.dart

@@ -1,7 +1,10 @@
+import "dart:io";
+
 import "package:fast_immutable_collections/fast_immutable_collections.dart";
 import "package:material_ui/material_ui.dart";
 import "package:flutter_riverpod/flutter_riverpod.dart";
 import "package:flutter_widget_from_html_core/flutter_widget_from_html_core.dart";
+import "package:nexus/controllers/settings.dart";
 import "package:nexus/helpers/extensions/link_to_mention.dart";
 import "package:nexus/helpers/launch_helper.dart";
 import "package:nexus/helpers/mxc_image.dart";
@@ -18,132 +21,152 @@ class const Html(
   super.key,
 }) extends ConsumerWidget {
   @override
-  Widget build(BuildContext context, WidgetRef ref) =>
-      // needed until https://github.com/daohoangson/flutter_widget_from_html/issues/1618 is resolved
-      MaterialUiCompatibilityBridge(
-        child: HtmlWidget(
-          html,
-          buildAsync: false,
-          textStyle: textStyle,
-          customWidgetBuilder: (element) {
-            if (element.attributes.keys.contains("data-mx-profile-fallback")) {
-              return SizedBox.shrink();
-            }
+  Widget build(BuildContext context, WidgetRef ref) {
+    // needed until https://github.com/daohoangson/flutter_widget_from_html/issues/1618 is resolved
+    final htmlWidget = MaterialUiCompatibilityBridge(
+      child: HtmlWidget(
+        html,
+        buildAsync: false,
+        textStyle: textStyle,
+        customWidgetBuilder: (element) {
+          if (element.attributes.keys.contains("data-mx-profile-fallback")) {
+            return SizedBox.shrink();
+          }
 
-            if (element.attributes.keys.contains("data-mx-spoiler")) {
-              return InlineCustomWidget(child: SpoilerText(element.text));
-            }
+          if (element.attributes.keys.contains("data-mx-spoiler")) {
+            return InlineCustomWidget(child: SpoilerText(element.text));
+          }
 
-            final height =
-                int.tryParse(element.attributes["height"] ?? "") ??
-                (element.attributes.keys.contains("data-mx-emoticon")
-                    ? 32
-                    : null) ??
-                300;
-            final width = int.tryParse(element.attributes["width"] ?? "");
-            final src = Uri.tryParse(element.attributes["src"] ?? "");
+          final height =
+              int.tryParse(element.attributes["height"] ?? "") ??
+              (element.attributes.keys.contains("data-mx-emoticon")
+                  ? 32
+                  : null) ??
+              300;
+          final width = int.tryParse(element.attributes["width"] ?? "");
+          final src = Uri.tryParse(element.attributes["src"] ?? "");
 
-            return switch (element.localName) {
-              "code" =>
-                element.parent?.localName == "pre"
-                    ? CodeBlock(
-                        element.text,
-                        lang: element.className.replaceAll("language-", ""),
-                      )
-                    : null,
+          return switch (element.localName) {
+            "code" =>
+              element.parent?.localName == "pre"
+                  ? CodeBlock(
+                      element.text,
+                      lang: element.className.replaceAll("language-", ""),
+                    )
+                  : null,
 
-              "blockquote" => Quoted(
-                Html(element.innerHtml, textStyle: textStyle, roomId: roomId),
-              ),
+            "blockquote" => Quoted(
+              Html(element.innerHtml, textStyle: textStyle, roomId: roomId),
+            ),
 
-              "a" =>
-                element.attributes["href"]?.mention == null
-                    ? null
-                    : InlineCustomWidget(
-                        child: MentionChip(element.attributes["href"]!, roomId),
-                      ),
+            "a" =>
+              element.attributes["href"]?.mention == null
+                  ? null
+                  : InlineCustomWidget(
+                      child: MentionChip(element.attributes["href"]!, roomId),
+                    ),
 
-              "img" =>
-                src == null
-                    ? SizedBox.shrink()
-                    : InlineCustomWidget(
-                        alignment: PlaceholderAlignment.middle,
-                        child: ExpandableImage(
-                          .new(mxc: src),
-                          child: Image(
-                            image: MxcImage(ref, .new(mxc: src)),
-                            errorBuilder: (_, error, _) => Text(
-                              "Image Failed to Load",
-                              style: .new(
-                                color: Theme.of(context).colorScheme.error,
-                              ),
+            "img" =>
+              src == null
+                  ? SizedBox.shrink()
+                  : InlineCustomWidget(
+                      alignment: PlaceholderAlignment.middle,
+                      child: ExpandableImage(
+                        .new(mxc: src),
+                        child: Image(
+                          image: MxcImage(ref, .new(mxc: src)),
+                          errorBuilder: (_, error, _) => Text(
+                            "Image Failed to Load",
+                            style: .new(
+                              color: Theme.of(context).colorScheme.error,
                             ),
-                            height: height.toDouble(),
-                            width: width?.toDouble(),
-                            loadingBuilder: (_, child, loadingProgress) =>
-                                loadingProgress == null
-                                ? child
-                                : CircularProgressIndicator(),
                           ),
+                          height: height.toDouble(),
+                          width: width?.toDouble(),
+                          loadingBuilder: (_, child, loadingProgress) =>
+                              loadingProgress == null
+                              ? child
+                              : CircularProgressIndicator(),
                         ),
                       ),
+                    ),
 
-              // Allowed elements list
-              ("del" ||
-                  "h1" ||
-                  "h2" ||
-                  "h3" ||
-                  "h4" ||
-                  "h5" ||
-                  "h6" ||
-                  "p" ||
-                  "ul" ||
-                  "ol" ||
-                  "sup" ||
-                  "sub" ||
-                  "li" ||
-                  "b" ||
-                  "i" ||
-                  "u" ||
-                  "strong" ||
-                  "em" ||
-                  "s" ||
-                  "code" ||
-                  "hr" ||
-                  "br" ||
-                  "div" ||
-                  "table" ||
-                  "thead" ||
-                  "tbody" ||
-                  "tr" ||
-                  "th" ||
-                  "td" ||
-                  "caption" ||
-                  "pre" ||
-                  "span" ||
-                  "details" ||
-                  "summary") =>
-                null,
+            // Allowed elements list
+            ("del" ||
+                "h1" ||
+                "h2" ||
+                "h3" ||
+                "h4" ||
+                "h5" ||
+                "h6" ||
+                "p" ||
+                "ul" ||
+                "ol" ||
+                "sup" ||
+                "sub" ||
+                "li" ||
+                "b" ||
+                "i" ||
+                "u" ||
+                "strong" ||
+                "em" ||
+                "s" ||
+                "code" ||
+                "hr" ||
+                "br" ||
+                "div" ||
+                "table" ||
+                "thead" ||
+                "tbody" ||
+                "tr" ||
+                "th" ||
+                "td" ||
+                "caption" ||
+                "pre" ||
+                "span" ||
+                "details" ||
+                "summary") =>
+              null,
 
-              _ => SizedBox.shrink(),
-            };
-          },
-          customStylesBuilder: (element) => {
-            "width": "auto",
-            ...Map.fromEntries(
-              element.attributes
-                  .mapTo<MapEntry<String, String>?>(
-                    (key, value) => switch (key) {
-                      "data-mx-color" => .new("color", value),
-                      "data-mx-bg-color" => .new("background-color", value),
-                      _ => null,
-                    },
-                  )
-                  .nonNulls,
-            ),
-          },
-          onTapUrl: (url) =>
-              ref.watch(LaunchHelper.provider).launchUrl(.parse(url)),
-        ),
-      );
+            _ => SizedBox.shrink(),
+          };
+        },
+        customStylesBuilder: (element) => {
+          "width": "auto",
+          ...Map.fromEntries(
+            element.attributes
+                .mapTo<MapEntry<String, String>?>(
+                  (key, value) => switch (key) {
+                    "data-mx-color" => .new("color", value),
+                    "data-mx-bg-color" => .new("background-color", value),
+                    _ => null,
+                  },
+                )
+                .nonNulls,
+          ),
+        },
+        onTapUrl: (url) =>
+            ref.watch(LaunchHelper.provider).launchUrl(.parse(url)),
+      ),
+    );
+
+    final shouldBeSelectable =
+        ref
+            .watch(SettingsController.provider)
+            .when(
+              data: (data) => !data.linuxMobileMode,
+              error: (_, _) => false,
+              loading: () => false,
+            ) ||
+        Platform.isIOS ||
+        Platform.isAndroid;
+    return shouldBeSelectable
+        ? SelectableRegion(
+            contextMenuBuilder: (context, selectableRegionState) =>
+                Text("data"),
+            selectionControls: materialTextSelectionControls,
+            child: htmlWidget,
+          )
+        : htmlWidget;
+  }
 }