fixup select
This commit is contained in:
parent
ed761d6071
commit
f2efbbeb9f
2 changed files with 229 additions and 290 deletions
|
|
@ -1,5 +1,4 @@
|
|||
import "package:fast_immutable_collections/fast_immutable_collections.dart";
|
||||
import "package:flutter/rendering.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";
|
||||
|
|
@ -19,9 +18,10 @@ class const Html(
|
|||
super.key,
|
||||
}) extends ConsumerWidget {
|
||||
@override
|
||||
Widget build(BuildContext context, WidgetRef ref) {
|
||||
Widget
|
||||
build(BuildContext context, WidgetRef ref)
|
||||
// needed until https://github.com/daohoangson/flutter_widget_from_html/issues/1618 is resolved
|
||||
final htmlWidget = MaterialUiCompatibilityBridge(
|
||||
=> MaterialUiCompatibilityBridge(
|
||||
child: HtmlWidget(
|
||||
html,
|
||||
buildAsync: false,
|
||||
|
|
@ -147,12 +147,4 @@ class const Html(
|
|||
ref.watch(LaunchHelper.provider).launchUrl(.parse(url)),
|
||||
),
|
||||
);
|
||||
|
||||
return RendererBinding.instance.mouseTracker.mouseIsConnected
|
||||
? SelectableRegion(
|
||||
selectionControls: materialTextSelectionControls,
|
||||
child: htmlWidget,
|
||||
)
|
||||
: htmlWidget;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
import "package:collection/collection.dart";
|
||||
import "package:flutter/rendering.dart";
|
||||
import "package:material_ui/material_ui.dart";
|
||||
import "package:flutter_riverpod/flutter_riverpod.dart";
|
||||
import "package:linkify/linkify.dart";
|
||||
|
|
@ -40,6 +41,111 @@ class const MessageRenderer(
|
|||
fontStyle: event.content is EmoteMessageContent ? .italic : null,
|
||||
);
|
||||
|
||||
final rendered = switch (event.content) {
|
||||
EncryptedContent() => Text("Unable to decrypt event", style: errorStyle),
|
||||
StickerContent(:final body, :final url, :final info) =>
|
||||
textOnly
|
||||
? Text(body, maxLines: maxLines, overflow: .ellipsis)
|
||||
: ConstrainedBox(
|
||||
constraints: .loose(.square(200)),
|
||||
child: MessageImage(url, info: info, encrypted: false),
|
||||
),
|
||||
// TODO: Handle locations
|
||||
// LocationMessageContent(:final body , :final geoUri) =>
|
||||
TextMessageContent(:final body, :final formattedBody, :final format) ||
|
||||
NoticeMessageContent(:final body, :final formattedBody, :final format) ||
|
||||
EmoteMessageContent(:final body, :final formattedBody, :final format) ||
|
||||
ImageMessageContent(:final body, :final formattedBody, :final format) ||
|
||||
VideoMessageContent(:final body, :final formattedBody, :final format) ||
|
||||
AudioMessageContent(:final body, :final formattedBody, :final format) ||
|
||||
FileMessageContent(
|
||||
:final body,
|
||||
:final formattedBody,
|
||||
:final format,
|
||||
) => Column(
|
||||
crossAxisAlignment: .start,
|
||||
children: [
|
||||
format == .html && !textOnly
|
||||
? Html(
|
||||
roomId: event.roomId,
|
||||
textStyle: textStyle,
|
||||
formattedBody!.replaceAllMapped(
|
||||
RegExp(
|
||||
r"(<a\b[^>]*>.*?<\/a>)|(\bhttps?:\/\/[^\s<]+)",
|
||||
caseSensitive: false,
|
||||
dotAll: true,
|
||||
),
|
||||
(m) {
|
||||
// If it's already an <a> tag, leave it unchanged
|
||||
if (m.group(1) != null) {
|
||||
return m.group(1)!;
|
||||
}
|
||||
|
||||
// Otherwise, wrap the bare URL
|
||||
final url = m.group(2)!;
|
||||
return "<a href=\"$url\">$url</a>";
|
||||
},
|
||||
),
|
||||
)
|
||||
: LinkifiedText(body, style: textStyle, maxLines: maxLines),
|
||||
|
||||
if (!textOnly) ...[
|
||||
if (event.content
|
||||
case ImageMessageContent(:final url) ||
|
||||
FileMessageContent(:final url) ||
|
||||
VideoMessageContent(:final url) ||
|
||||
AudioMessageContent(:final url))
|
||||
ConstrainedBox(
|
||||
constraints: .loose(.square(500)),
|
||||
child: switch (event.content) {
|
||||
VideoMessageContent(:final info, :final file) => VideoPlayer(
|
||||
url,
|
||||
info,
|
||||
encrypted: file != null,
|
||||
),
|
||||
AudioMessageContent(:final info, :final file) => AudioPlayer(
|
||||
url,
|
||||
info,
|
||||
|
||||
encrypted: file != null,
|
||||
),
|
||||
FileMessageContent(:final info, :final filename) => FileCard(
|
||||
url,
|
||||
info,
|
||||
filename: filename,
|
||||
),
|
||||
ImageMessageContent(:final info, :final file) => MessageImage(
|
||||
url,
|
||||
info: info,
|
||||
encrypted: file != null,
|
||||
),
|
||||
_ => SizedBox.shrink(),
|
||||
},
|
||||
),
|
||||
|
||||
if (event.lastEditRowId != 0)
|
||||
Text("(edited)", style: theme.textTheme.labelSmall),
|
||||
|
||||
if (linkify(body)
|
||||
.firstWhereOrNull((element) => element is UrlElement)
|
||||
case final UrlElement link?)
|
||||
if (Uri.tryParse(link.url) case final Uri url?) UrlPreview(url),
|
||||
],
|
||||
],
|
||||
),
|
||||
MessageContent(:final body) =>
|
||||
body == null
|
||||
? Text("This message is redacted", style: errorStyle)
|
||||
: Wrap(
|
||||
spacing: 8,
|
||||
children: [
|
||||
Text("Unknown message type:", style: errorStyle),
|
||||
Text(body),
|
||||
],
|
||||
),
|
||||
_ => throw Exception("This is impossible"),
|
||||
};
|
||||
|
||||
return Row(
|
||||
crossAxisAlignment: .start,
|
||||
mainAxisSize: .min,
|
||||
|
|
@ -113,172 +219,13 @@ class const MessageRenderer(
|
|||
),
|
||||
),
|
||||
),
|
||||
switch (event.content) {
|
||||
EncryptedContent() => Text(
|
||||
"Unable to decrypt event",
|
||||
style: errorStyle,
|
||||
),
|
||||
StickerContent(:final body, :final url, :final info) =>
|
||||
textOnly
|
||||
? Text(
|
||||
body,
|
||||
maxLines: maxLines,
|
||||
overflow: .ellipsis,
|
||||
|
||||
RendererBinding.instance.mouseTracker.mouseIsConnected
|
||||
? SelectableRegion(
|
||||
selectionControls: materialTextSelectionControls,
|
||||
child: rendered,
|
||||
)
|
||||
: ConstrainedBox(
|
||||
constraints: .loose(.square(200)),
|
||||
child: MessageImage(
|
||||
url,
|
||||
info: info,
|
||||
encrypted: false,
|
||||
),
|
||||
),
|
||||
// TODO: Handle locations
|
||||
// LocationMessageContent(:final body , :final geoUri) =>
|
||||
TextMessageContent(
|
||||
:final body,
|
||||
:final formattedBody,
|
||||
:final format,
|
||||
) ||
|
||||
NoticeMessageContent(
|
||||
:final body,
|
||||
:final formattedBody,
|
||||
:final format,
|
||||
) ||
|
||||
EmoteMessageContent(
|
||||
:final body,
|
||||
:final formattedBody,
|
||||
:final format,
|
||||
) ||
|
||||
ImageMessageContent(
|
||||
:final body,
|
||||
:final formattedBody,
|
||||
:final format,
|
||||
) ||
|
||||
VideoMessageContent(
|
||||
:final body,
|
||||
:final formattedBody,
|
||||
:final format,
|
||||
) ||
|
||||
AudioMessageContent(
|
||||
:final body,
|
||||
:final formattedBody,
|
||||
:final format,
|
||||
) ||
|
||||
FileMessageContent(
|
||||
:final body,
|
||||
:final formattedBody,
|
||||
:final format,
|
||||
) => Column(
|
||||
crossAxisAlignment: .start,
|
||||
children: [
|
||||
format == .html && !textOnly
|
||||
? Html(
|
||||
roomId: event.roomId,
|
||||
textStyle: textStyle,
|
||||
formattedBody!.replaceAllMapped(
|
||||
RegExp(
|
||||
r"(<a\b[^>]*>.*?<\/a>)|(\bhttps?:\/\/[^\s<]+)",
|
||||
caseSensitive: false,
|
||||
dotAll: true,
|
||||
),
|
||||
(m) {
|
||||
// If it's already an <a> tag, leave it unchanged
|
||||
if (m.group(1) != null) {
|
||||
return m.group(1)!;
|
||||
}
|
||||
|
||||
// Otherwise, wrap the bare URL
|
||||
final url = m.group(2)!;
|
||||
return "<a href=\"$url\">$url</a>";
|
||||
},
|
||||
),
|
||||
)
|
||||
: LinkifiedText(
|
||||
body,
|
||||
style: textStyle,
|
||||
maxLines: maxLines,
|
||||
),
|
||||
|
||||
if (!textOnly) ...[
|
||||
if (event.content
|
||||
case ImageMessageContent(:final url) ||
|
||||
FileMessageContent(:final url) ||
|
||||
VideoMessageContent(:final url) ||
|
||||
AudioMessageContent(:final url))
|
||||
ConstrainedBox(
|
||||
constraints: .loose(.square(500)),
|
||||
child: switch (event.content) {
|
||||
VideoMessageContent(
|
||||
:final info,
|
||||
:final file,
|
||||
) =>
|
||||
VideoPlayer(
|
||||
url,
|
||||
info,
|
||||
encrypted: file != null,
|
||||
),
|
||||
AudioMessageContent(
|
||||
:final info,
|
||||
:final file,
|
||||
) =>
|
||||
AudioPlayer(
|
||||
url,
|
||||
info,
|
||||
|
||||
encrypted: file != null,
|
||||
),
|
||||
FileMessageContent(
|
||||
:final info,
|
||||
:final filename,
|
||||
) =>
|
||||
FileCard(url, info, filename: filename),
|
||||
ImageMessageContent(
|
||||
:final info,
|
||||
:final file,
|
||||
) =>
|
||||
MessageImage(
|
||||
url,
|
||||
info: info,
|
||||
encrypted: file != null,
|
||||
),
|
||||
_ => SizedBox.shrink(),
|
||||
},
|
||||
),
|
||||
|
||||
if (event.lastEditRowId != 0)
|
||||
Text(
|
||||
"(edited)",
|
||||
style: theme.textTheme.labelSmall,
|
||||
),
|
||||
|
||||
if (linkify(body).firstWhereOrNull(
|
||||
(element) => element is UrlElement,
|
||||
)
|
||||
case final UrlElement link?)
|
||||
if (Uri.tryParse(link.url) case final Uri url?)
|
||||
UrlPreview(url),
|
||||
],
|
||||
],
|
||||
),
|
||||
MessageContent(:final body) =>
|
||||
body == null
|
||||
? Text(
|
||||
"This message is redacted",
|
||||
style: errorStyle,
|
||||
)
|
||||
: Wrap(
|
||||
spacing: 8,
|
||||
children: [
|
||||
Text(
|
||||
"Unknown message type:",
|
||||
style: errorStyle,
|
||||
),
|
||||
Text(body),
|
||||
],
|
||||
),
|
||||
_ => throw Exception("This is impossible"),
|
||||
},
|
||||
: rendered,
|
||||
if (!textOnly) ReactionRow(event),
|
||||
],
|
||||
),
|
||||
|
|
|
|||
Loading…
Reference in a new issue