fixup select
This commit is contained in:
parent
ed761d6071
commit
f2efbbeb9f
SSH key fingerprint:
SHA256:VKQUdS31Q90KvX7EkKMHMBpUspcmItAh86a+v7PGiIs
2 changed files with 229 additions and 290 deletions
|
|
@ -1,5 +1,4 @@
|
||||||
import "package:fast_immutable_collections/fast_immutable_collections.dart";
|
import "package:fast_immutable_collections/fast_immutable_collections.dart";
|
||||||
import "package:flutter/rendering.dart";
|
|
||||||
import "package:material_ui/material_ui.dart";
|
import "package:material_ui/material_ui.dart";
|
||||||
import "package:flutter_riverpod/flutter_riverpod.dart";
|
import "package:flutter_riverpod/flutter_riverpod.dart";
|
||||||
import "package:flutter_widget_from_html_core/flutter_widget_from_html_core.dart";
|
import "package:flutter_widget_from_html_core/flutter_widget_from_html_core.dart";
|
||||||
|
|
@ -19,9 +18,10 @@ class const Html(
|
||||||
super.key,
|
super.key,
|
||||||
}) extends ConsumerWidget {
|
}) extends ConsumerWidget {
|
||||||
@override
|
@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
|
// needed until https://github.com/daohoangson/flutter_widget_from_html/issues/1618 is resolved
|
||||||
final htmlWidget = MaterialUiCompatibilityBridge(
|
=> MaterialUiCompatibilityBridge(
|
||||||
child: HtmlWidget(
|
child: HtmlWidget(
|
||||||
html,
|
html,
|
||||||
buildAsync: false,
|
buildAsync: false,
|
||||||
|
|
@ -147,12 +147,4 @@ class const Html(
|
||||||
ref.watch(LaunchHelper.provider).launchUrl(.parse(url)),
|
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:collection/collection.dart";
|
||||||
|
import "package:flutter/rendering.dart";
|
||||||
import "package:material_ui/material_ui.dart";
|
import "package:material_ui/material_ui.dart";
|
||||||
import "package:flutter_riverpod/flutter_riverpod.dart";
|
import "package:flutter_riverpod/flutter_riverpod.dart";
|
||||||
import "package:linkify/linkify.dart";
|
import "package:linkify/linkify.dart";
|
||||||
|
|
@ -40,6 +41,111 @@ class const MessageRenderer(
|
||||||
fontStyle: event.content is EmoteMessageContent ? .italic : null,
|
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(
|
return Row(
|
||||||
crossAxisAlignment: .start,
|
crossAxisAlignment: .start,
|
||||||
mainAxisSize: .min,
|
mainAxisSize: .min,
|
||||||
|
|
@ -113,172 +219,13 @@ class const MessageRenderer(
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
switch (event.content) {
|
|
||||||
EncryptedContent() => Text(
|
RendererBinding.instance.mouseTracker.mouseIsConnected
|
||||||
"Unable to decrypt event",
|
? SelectableRegion(
|
||||||
style: errorStyle,
|
selectionControls: materialTextSelectionControls,
|
||||||
),
|
child: rendered,
|
||||||
StickerContent(:final body, :final url, :final info) =>
|
|
||||||
textOnly
|
|
||||||
? Text(
|
|
||||||
body,
|
|
||||||
maxLines: maxLines,
|
|
||||||
overflow: .ellipsis,
|
|
||||||
)
|
)
|
||||||
: ConstrainedBox(
|
: rendered,
|
||||||
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"),
|
|
||||||
},
|
|
||||||
if (!textOnly) ReactionRow(event),
|
if (!textOnly) ReactionRow(event),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue