fluffychat/lib/widgets/html_message.dart

134 lines
4.5 KiB
Dart
Raw Normal View History

2020-05-09 13:36:41 +02:00
import 'package:famedlysdk/famedlysdk.dart';
import 'package:flutter_matrix_html/flutter_html.dart';
import 'package:flutter/material.dart';
2021-05-22 08:53:52 +02:00
import '../utils/url_launcher.dart';
import '../config/setting_keys.dart';
2020-05-09 13:36:41 +02:00
import 'matrix.dart';
class HtmlMessage extends StatelessWidget {
final String html;
final int maxLines;
2020-05-14 07:43:21 +02:00
final Room room;
2020-05-15 07:47:32 +02:00
final TextStyle defaultTextStyle;
final TextStyle linkStyle;
2020-09-20 11:35:28 +02:00
final double emoteSize;
2020-05-09 13:36:41 +02:00
2020-05-22 12:21:16 +02:00
const HtmlMessage(
{this.html,
this.maxLines,
this.room,
this.defaultTextStyle,
2020-09-20 11:35:28 +02:00
this.linkStyle,
this.emoteSize});
2020-05-09 13:36:41 +02:00
@override
Widget build(BuildContext context) {
// riot-web is notorious for creating bad reply fallback events from invalid messages which, if
// not handled properly, can lead to impersination. As such, we strip the entire `<mx-reply>` tags
// here already, to prevent that from happening.
// We do *not* do this in an AST and just with simple regex here, as riot-web tends to create
// miss-matching tags, and this way we actually correctly identify what we want to strip and, well,
// strip it.
final renderHtml = html.replaceAll(
RegExp('<mx-reply>.*<\/mx-reply>',
caseSensitive: false, multiLine: false, dotAll: true),
'');
2020-05-09 13:36:41 +02:00
// there is no need to pre-validate the html, as we validate it while rendering
2020-05-22 12:21:16 +02:00
2020-10-28 10:15:06 +01:00
final matrix = Matrix.of(context);
2020-05-15 07:47:32 +02:00
final themeData = Theme.of(context);
2020-05-09 13:36:41 +02:00
return Html(
data: renderHtml,
2020-05-15 07:47:32 +02:00
defaultTextStyle: defaultTextStyle,
2020-09-20 11:35:28 +02:00
emoteSize: emoteSize,
2020-05-22 12:21:16 +02:00
linkStyle: linkStyle ??
themeData.textTheme.bodyText2.copyWith(
color: themeData.accentColor,
decoration: TextDecoration.underline,
),
2020-05-09 13:36:41 +02:00
shrinkToFit: true,
maxLines: maxLines,
2020-09-05 13:45:03 +02:00
onLinkTap: (url) => UrlLauncher(context, url).launchUrl(),
onPillTap: (url) => UrlLauncher(context, url).launchUrl(),
getMxcUrl: (String mxc, double width, double height,
{bool animated = false}) {
2020-05-09 13:36:41 +02:00
final ratio = MediaQuery.of(context).devicePixelRatio;
2021-04-21 14:19:54 +02:00
return Uri.parse(mxc)
?.getThumbnail(
matrix.client,
width: (width ?? 800) * ratio,
height: (height ?? 800) * ratio,
method: ThumbnailMethod.scale,
animated: animated,
)
.toString();
2020-05-09 13:36:41 +02:00
},
2020-10-28 10:15:06 +01:00
setCodeLanguage: (String key, String value) async {
await matrix.store.setItem('${SettingKeys.codeLanguage}.$key', value);
2020-10-28 10:15:06 +01:00
},
getCodeLanguage: (String key) async {
return await matrix.store.getItem('${SettingKeys.codeLanguage}.$key');
2020-10-28 10:15:06 +01:00
},
getPillInfo: (String url) async {
2020-05-14 07:43:21 +02:00
if (room == null) {
return null;
}
final identityParts = url.parseIdentifierIntoParts();
final identifier = identityParts?.primaryIdentifier;
if (identifier == null) {
return null;
}
if (identifier.sigil == '@') {
2020-05-14 07:43:21 +02:00
// we have a user pill
final user = room.getState('m.room.member', identifier);
if (user != null) {
return user.content;
}
// there might still be a profile...
final profile = await room.client.getProfileFromUserId(identifier);
if (profile != null) {
return {
'displayname': profile.displayname,
'avatar_url': profile.avatarUrl.toString(),
};
}
return null;
}
if (identifier.sigil == '#') {
2020-05-14 07:43:21 +02:00
// we have an alias pill
for (final r in room.client.rooms) {
final state = r.getState('m.room.canonical_alias');
2020-05-22 12:21:16 +02:00
if (state != null &&
((state.content['alias'] is String &&
state.content['alias'] == identifier) ||
(state.content['alt_aliases'] is List &&
state.content['alt_aliases'].contains(identifier)))) {
2020-05-14 07:43:21 +02:00
// we have a room!
return {
'displayname': identifier,
'avatar_url': r.getState('m.room.avatar')?.content['url'],
};
}
}
return null;
}
if (identifier.sigil == '!') {
2020-05-14 07:43:21 +02:00
// we have a room ID pill
final r = room.client.getRoomById(identifier);
if (r == null) {
return null;
}
return {
'displayname': r.canonicalAlias,
'avatar_url': r.getState('m.room.avatar')?.content['url'],
};
}
return null;
},
2020-05-09 13:36:41 +02:00
);
}
}