make buildEventOptions an extension
This commit is contained in:
parent
6ad4657d76
commit
529a2e35c4
SSH key fingerprint:
SHA256:VKQUdS31Q90KvX7EkKMHMBpUspcmItAh86a+v7PGiIs
3 changed files with 277 additions and 269 deletions
|
|
@ -1,256 +0,0 @@
|
||||||
import "package:fast_immutable_collections/fast_immutable_collections.dart";
|
|
||||||
import "package:material_ui/material_ui.dart";
|
|
||||||
import "package:flutter/services.dart";
|
|
||||||
import "package:flutter_hooks/flutter_hooks.dart";
|
|
||||||
import "package:hooks_riverpod/hooks_riverpod.dart";
|
|
||||||
import "package:nexus/controllers/client.dart";
|
|
||||||
import "package:nexus/controllers/pinned_ids.dart";
|
|
||||||
import "package:nexus/controllers/power_level.dart";
|
|
||||||
import "package:nexus/controllers/recent_emoji.dart";
|
|
||||||
import "package:nexus/controllers/rooms.dart";
|
|
||||||
import "package:nexus/controllers/room_chat.dart";
|
|
||||||
import "package:nexus/controllers/via.dart";
|
|
||||||
import "package:nexus/models/content/message.dart";
|
|
||||||
import "package:nexus/models/event.dart";
|
|
||||||
import "package:nexus/models/relation_type.dart";
|
|
||||||
import "package:nexus/widgets/emoji_picker.dart";
|
|
||||||
import "package:nexus/main.dart";
|
|
||||||
|
|
||||||
IList<PopupMenuEntry> buildEventOptions({
|
|
||||||
required BuildContext context,
|
|
||||||
required WidgetRef ref,
|
|
||||||
required String roomId,
|
|
||||||
required String userId,
|
|
||||||
required Event event,
|
|
||||||
required void Function(Event, RelationType) onRelation,
|
|
||||||
}) {
|
|
||||||
final theme = Theme.of(context);
|
|
||||||
final danger = theme.colorScheme.error;
|
|
||||||
|
|
||||||
final notifier = ref.read(RoomChatController.provider(roomId).notifier);
|
|
||||||
final client = ref.read(ClientController.provider.notifier);
|
|
||||||
|
|
||||||
final isPinned = ref
|
|
||||||
.watch(PinnedIdsController.provider(roomId))
|
|
||||||
.contains(event.eventId);
|
|
||||||
|
|
||||||
Future<void> sendReaction(String emoji) async {
|
|
||||||
await notifier.sendReaction(emoji, event).onError(showError);
|
|
||||||
|
|
||||||
await ref
|
|
||||||
.read(RecentEmojiController.provider.notifier)
|
|
||||||
.add(emoji)
|
|
||||||
.onError(showError);
|
|
||||||
}
|
|
||||||
|
|
||||||
void showReasonDialog({
|
|
||||||
required String title,
|
|
||||||
required String description,
|
|
||||||
required String action,
|
|
||||||
required Future<void> Function(String reason) onConfirm,
|
|
||||||
}) {
|
|
||||||
showDialog(
|
|
||||||
context: context,
|
|
||||||
builder: (context) => HookBuilder(
|
|
||||||
builder: (context) {
|
|
||||||
final reasonController = useTextEditingController();
|
|
||||||
|
|
||||||
return AlertDialog(
|
|
||||||
title: Text(title),
|
|
||||||
content: Column(
|
|
||||||
mainAxisSize: .min,
|
|
||||||
crossAxisAlignment: .start,
|
|
||||||
children: [
|
|
||||||
Text(description),
|
|
||||||
const SizedBox(height: 12),
|
|
||||||
TextField(
|
|
||||||
controller: reasonController,
|
|
||||||
textCapitalization: .sentences,
|
|
||||||
decoration: .new(labelText: "Reason (optional)"),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
actions: [
|
|
||||||
TextButton(
|
|
||||||
onPressed: Navigator.of(context).pop,
|
|
||||||
child: const Text("Cancel"),
|
|
||||||
),
|
|
||||||
TextButton(
|
|
||||||
onPressed: () {
|
|
||||||
final reason = reasonController.text;
|
|
||||||
Navigator.of(context).pop();
|
|
||||||
|
|
||||||
onConfirm(reason).onError(showError);
|
|
||||||
},
|
|
||||||
child: Text(action),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
);
|
|
||||||
},
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
return .new([
|
|
||||||
if (ref.watch(
|
|
||||||
PowerLevelController.provider(.new(eventType: .reaction, roomId: roomId)),
|
|
||||||
))
|
|
||||||
PopupMenuItem(
|
|
||||||
enabled: false,
|
|
||||||
child: IconTheme(
|
|
||||||
data: theme.iconTheme,
|
|
||||||
child: Row(
|
|
||||||
children: [
|
|
||||||
for (final emoji in {
|
|
||||||
...ref
|
|
||||||
.watch(RecentEmojiController.provider)
|
|
||||||
.map((entry) => entry.emoji),
|
|
||||||
"👍",
|
|
||||||
"🤣",
|
|
||||||
"😭",
|
|
||||||
"🤔",
|
|
||||||
}.take(4))
|
|
||||||
IconButton(
|
|
||||||
icon: Text(emoji),
|
|
||||||
onPressed: () {
|
|
||||||
Navigator.of(context).pop();
|
|
||||||
sendReaction(emoji);
|
|
||||||
},
|
|
||||||
),
|
|
||||||
IconButton(
|
|
||||||
icon: const Icon(Icons.emoji_emotions),
|
|
||||||
onPressed: () {
|
|
||||||
Navigator.of(context).pop();
|
|
||||||
|
|
||||||
showModalBottomSheet(
|
|
||||||
context: context,
|
|
||||||
isScrollControlled: true,
|
|
||||||
builder: (context) => EmojiPicker(
|
|
||||||
allowFreeText: true,
|
|
||||||
onSelection: (emoji) {
|
|
||||||
Navigator.of(context).pop();
|
|
||||||
sendReaction(emoji);
|
|
||||||
},
|
|
||||||
),
|
|
||||||
);
|
|
||||||
},
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
|
|
||||||
if (ref.watch(
|
|
||||||
PowerLevelController.provider(.new(eventType: .message, roomId: roomId)),
|
|
||||||
))
|
|
||||||
PopupMenuItem(
|
|
||||||
onTap: () => onRelation(event, .reply),
|
|
||||||
child: const ListTile(leading: Icon(Icons.reply), title: Text("Reply")),
|
|
||||||
),
|
|
||||||
|
|
||||||
if (event.content is MessageContent && event.sender == userId)
|
|
||||||
PopupMenuItem(
|
|
||||||
onTap: () => onRelation(event, .edit),
|
|
||||||
child: const ListTile(leading: Icon(Icons.edit), title: Text("Edit")),
|
|
||||||
),
|
|
||||||
|
|
||||||
if (ref.watch(
|
|
||||||
PowerLevelController.provider(
|
|
||||||
.state(eventType: .pinnedEvents, roomId: roomId),
|
|
||||||
),
|
|
||||||
))
|
|
||||||
PopupMenuItem(
|
|
||||||
onTap: () async {
|
|
||||||
try {
|
|
||||||
final pins = ref.read(
|
|
||||||
PinnedIdsController.provider(roomId).notifier,
|
|
||||||
);
|
|
||||||
|
|
||||||
if (isPinned) {
|
|
||||||
await pins.removePin(event.eventId);
|
|
||||||
} else {
|
|
||||||
await pins.addPin(event.eventId);
|
|
||||||
}
|
|
||||||
} catch (error, stackTrace) {
|
|
||||||
showError(error, stackTrace);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
child: ListTile(
|
|
||||||
leading: const Icon(Icons.push_pin),
|
|
||||||
title: Text(isPinned ? "Unpin Event" : "Pin Event"),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
|
|
||||||
PopupMenuItem(
|
|
||||||
onTap: () async {
|
|
||||||
final room = ref.read(
|
|
||||||
RoomsController.provider.select((rooms) => rooms[roomId]),
|
|
||||||
);
|
|
||||||
if (room == null) return;
|
|
||||||
|
|
||||||
final vias = ref.read(ViaController.provider(room));
|
|
||||||
|
|
||||||
await Clipboard.setData(
|
|
||||||
ClipboardData(
|
|
||||||
text:
|
|
||||||
"matrix:roomid/${room.metadata?.id.substring(1)}/e/${event.eventId}$vias",
|
|
||||||
),
|
|
||||||
);
|
|
||||||
},
|
|
||||||
child: const ListTile(
|
|
||||||
leading: Icon(Icons.link),
|
|
||||||
title: Text("Copy Link"),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
|
|
||||||
if (event.content case MessageContent(:final body?))
|
|
||||||
PopupMenuItem(
|
|
||||||
onTap: () => Clipboard.setData(ClipboardData(text: body)),
|
|
||||||
child: const ListTile(
|
|
||||||
leading: Icon(Icons.copy),
|
|
||||||
title: Text("Copy Text"),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
|
|
||||||
if (ref.watch(
|
|
||||||
PowerLevelController.provider(
|
|
||||||
.redaction(targetUser: event.sender, roomId: roomId),
|
|
||||||
),
|
|
||||||
))
|
|
||||||
PopupMenuItem(
|
|
||||||
onTap: () => showReasonDialog(
|
|
||||||
title: "Delete Message",
|
|
||||||
description:
|
|
||||||
"Are you sure you want to delete this message? "
|
|
||||||
"This cannot be reversed.",
|
|
||||||
action: "Delete",
|
|
||||||
onConfirm: (reason) => notifier.deleteMessage(event, reason: reason),
|
|
||||||
),
|
|
||||||
child: ListTile(
|
|
||||||
leading: Icon(Icons.delete, color: danger),
|
|
||||||
title: Text("Delete", style: .new(color: danger)),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
|
|
||||||
PopupMenuItem(
|
|
||||||
onTap: () => showReasonDialog(
|
|
||||||
title: "Report",
|
|
||||||
description:
|
|
||||||
"Report this event to your server administrators, "
|
|
||||||
"who can take action like banning this server or room.",
|
|
||||||
action: "Report",
|
|
||||||
onConfirm: (reason) => client.reportEvent(
|
|
||||||
.new(
|
|
||||||
roomId: roomId,
|
|
||||||
eventId: event.eventId,
|
|
||||||
reason: reason.isEmpty ? null : reason,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
child: ListTile(
|
|
||||||
leading: Icon(Icons.report, color: danger),
|
|
||||||
title: Text("Report", style: .new(color: danger)),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
]);
|
|
||||||
}
|
|
||||||
264
lib/helpers/extensions/build_event_options.dart
Normal file
264
lib/helpers/extensions/build_event_options.dart
Normal file
|
|
@ -0,0 +1,264 @@
|
||||||
|
import "package:fast_immutable_collections/fast_immutable_collections.dart";
|
||||||
|
import "package:material_ui/material_ui.dart";
|
||||||
|
import "package:flutter/services.dart";
|
||||||
|
import "package:flutter_hooks/flutter_hooks.dart";
|
||||||
|
import "package:hooks_riverpod/hooks_riverpod.dart";
|
||||||
|
import "package:nexus/controllers/client.dart";
|
||||||
|
import "package:nexus/controllers/pinned_ids.dart";
|
||||||
|
import "package:nexus/controllers/power_level.dart";
|
||||||
|
import "package:nexus/controllers/recent_emoji.dart";
|
||||||
|
import "package:nexus/controllers/rooms.dart";
|
||||||
|
import "package:nexus/controllers/room_chat.dart";
|
||||||
|
import "package:nexus/controllers/via.dart";
|
||||||
|
import "package:nexus/models/content/message.dart";
|
||||||
|
import "package:nexus/models/event.dart";
|
||||||
|
import "package:nexus/models/relation_type.dart";
|
||||||
|
import "package:nexus/widgets/emoji_picker.dart";
|
||||||
|
import "package:nexus/main.dart";
|
||||||
|
|
||||||
|
extension BuildEventOptions on Event {
|
||||||
|
IList<PopupMenuEntry> buildEventOptions({
|
||||||
|
required BuildContext context,
|
||||||
|
required WidgetRef ref,
|
||||||
|
required String roomId,
|
||||||
|
required String userId,
|
||||||
|
required void Function(Event, RelationType) onRelation,
|
||||||
|
}) {
|
||||||
|
final theme = Theme.of(context);
|
||||||
|
final danger = theme.colorScheme.error;
|
||||||
|
|
||||||
|
final notifier = ref.read(RoomChatController.provider(roomId).notifier);
|
||||||
|
final client = ref.read(ClientController.provider.notifier);
|
||||||
|
|
||||||
|
final isPinned = ref
|
||||||
|
.watch(PinnedIdsController.provider(roomId))
|
||||||
|
.contains(eventId);
|
||||||
|
|
||||||
|
Future<void> sendReaction(String emoji) async {
|
||||||
|
await notifier.sendReaction(emoji, this).onError(showError);
|
||||||
|
|
||||||
|
await ref
|
||||||
|
.read(RecentEmojiController.provider.notifier)
|
||||||
|
.add(emoji)
|
||||||
|
.onError(showError);
|
||||||
|
}
|
||||||
|
|
||||||
|
void showReasonDialog({
|
||||||
|
required String title,
|
||||||
|
required String description,
|
||||||
|
required String action,
|
||||||
|
required Future<void> Function(String reason) onConfirm,
|
||||||
|
}) {
|
||||||
|
showDialog(
|
||||||
|
context: context,
|
||||||
|
builder: (context) => HookBuilder(
|
||||||
|
builder: (context) {
|
||||||
|
final reasonController = useTextEditingController();
|
||||||
|
|
||||||
|
return AlertDialog(
|
||||||
|
title: Text(title),
|
||||||
|
content: Column(
|
||||||
|
mainAxisSize: .min,
|
||||||
|
crossAxisAlignment: .start,
|
||||||
|
children: [
|
||||||
|
Text(description),
|
||||||
|
const SizedBox(height: 12),
|
||||||
|
TextField(
|
||||||
|
controller: reasonController,
|
||||||
|
textCapitalization: .sentences,
|
||||||
|
decoration: .new(labelText: "Reason (optional)"),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
actions: [
|
||||||
|
TextButton(
|
||||||
|
onPressed: Navigator.of(context).pop,
|
||||||
|
child: const Text("Cancel"),
|
||||||
|
),
|
||||||
|
TextButton(
|
||||||
|
onPressed: () {
|
||||||
|
final reason = reasonController.text;
|
||||||
|
Navigator.of(context).pop();
|
||||||
|
|
||||||
|
onConfirm(reason).onError(showError);
|
||||||
|
},
|
||||||
|
child: Text(action),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return .new([
|
||||||
|
if (ref.watch(
|
||||||
|
PowerLevelController.provider(
|
||||||
|
.new(eventType: .reaction, roomId: roomId),
|
||||||
|
),
|
||||||
|
))
|
||||||
|
PopupMenuItem(
|
||||||
|
enabled: false,
|
||||||
|
child: IconTheme(
|
||||||
|
data: theme.iconTheme,
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
for (final emoji in {
|
||||||
|
...ref
|
||||||
|
.watch(RecentEmojiController.provider)
|
||||||
|
.map((entry) => entry.emoji),
|
||||||
|
"👍",
|
||||||
|
"🤣",
|
||||||
|
"😭",
|
||||||
|
"🤔",
|
||||||
|
}.take(4))
|
||||||
|
IconButton(
|
||||||
|
icon: Text(emoji),
|
||||||
|
onPressed: () {
|
||||||
|
Navigator.of(context).pop();
|
||||||
|
sendReaction(emoji);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
IconButton(
|
||||||
|
icon: const Icon(Icons.emoji_emotions),
|
||||||
|
onPressed: () {
|
||||||
|
Navigator.of(context).pop();
|
||||||
|
|
||||||
|
showModalBottomSheet(
|
||||||
|
context: context,
|
||||||
|
isScrollControlled: true,
|
||||||
|
builder: (context) => EmojiPicker(
|
||||||
|
allowFreeText: true,
|
||||||
|
onSelection: (emoji) {
|
||||||
|
Navigator.of(context).pop();
|
||||||
|
sendReaction(emoji);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
|
||||||
|
if (ref.watch(
|
||||||
|
PowerLevelController.provider(
|
||||||
|
.new(eventType: .message, roomId: roomId),
|
||||||
|
),
|
||||||
|
))
|
||||||
|
PopupMenuItem(
|
||||||
|
onTap: () => onRelation(this, .reply),
|
||||||
|
child: const ListTile(
|
||||||
|
leading: Icon(Icons.reply),
|
||||||
|
title: Text("Reply"),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
|
||||||
|
if (content is MessageContent && sender == userId)
|
||||||
|
PopupMenuItem(
|
||||||
|
onTap: () => onRelation(this, .edit),
|
||||||
|
child: const ListTile(leading: Icon(Icons.edit), title: Text("Edit")),
|
||||||
|
),
|
||||||
|
|
||||||
|
if (ref.watch(
|
||||||
|
PowerLevelController.provider(
|
||||||
|
.state(eventType: .pinnedEvents, roomId: roomId),
|
||||||
|
),
|
||||||
|
))
|
||||||
|
PopupMenuItem(
|
||||||
|
onTap: () async {
|
||||||
|
try {
|
||||||
|
final pins = ref.read(
|
||||||
|
PinnedIdsController.provider(roomId).notifier,
|
||||||
|
);
|
||||||
|
|
||||||
|
if (isPinned) {
|
||||||
|
await pins.removePin(eventId);
|
||||||
|
} else {
|
||||||
|
await pins.addPin(eventId);
|
||||||
|
}
|
||||||
|
} catch (error, stackTrace) {
|
||||||
|
showError(error, stackTrace);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
child: ListTile(
|
||||||
|
leading: const Icon(Icons.push_pin),
|
||||||
|
title: Text(isPinned ? "Unpin Event" : "Pin Event"),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
|
||||||
|
PopupMenuItem(
|
||||||
|
onTap: () async {
|
||||||
|
final room = ref.read(
|
||||||
|
RoomsController.provider.select((rooms) => rooms[roomId]),
|
||||||
|
);
|
||||||
|
if (room == null) return;
|
||||||
|
|
||||||
|
final vias = ref.read(ViaController.provider(room));
|
||||||
|
|
||||||
|
await Clipboard.setData(
|
||||||
|
ClipboardData(
|
||||||
|
text:
|
||||||
|
"matrix:roomid/${room.metadata?.id.substring(1)}/e/$eventId$vias",
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
child: const ListTile(
|
||||||
|
leading: Icon(Icons.link),
|
||||||
|
title: Text("Copy Link"),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
|
||||||
|
if (content case MessageContent(:final body?))
|
||||||
|
PopupMenuItem(
|
||||||
|
onTap: () => Clipboard.setData(ClipboardData(text: body)),
|
||||||
|
child: const ListTile(
|
||||||
|
leading: Icon(Icons.copy),
|
||||||
|
title: Text("Copy Text"),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
|
||||||
|
if (ref.watch(
|
||||||
|
PowerLevelController.provider(
|
||||||
|
.redaction(targetUser: sender, roomId: roomId),
|
||||||
|
),
|
||||||
|
))
|
||||||
|
PopupMenuItem(
|
||||||
|
onTap: () => showReasonDialog(
|
||||||
|
title: "Delete Message",
|
||||||
|
description:
|
||||||
|
"Are you sure you want to delete this message? "
|
||||||
|
"This cannot be reversed.",
|
||||||
|
action: "Delete",
|
||||||
|
onConfirm: (reason) => notifier.deleteMessage(this, reason: reason),
|
||||||
|
),
|
||||||
|
child: ListTile(
|
||||||
|
leading: Icon(Icons.delete, color: danger),
|
||||||
|
title: Text("Delete", style: .new(color: danger)),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
|
||||||
|
PopupMenuItem(
|
||||||
|
onTap: () => showReasonDialog(
|
||||||
|
title: "Report",
|
||||||
|
description:
|
||||||
|
"Report this this to your server administrators, "
|
||||||
|
"who can take action like banning this server or room.",
|
||||||
|
action: "Report",
|
||||||
|
onConfirm: (reason) => client.reportEvent(
|
||||||
|
.new(
|
||||||
|
roomId: roomId,
|
||||||
|
eventId: eventId,
|
||||||
|
reason: reason.isEmpty ? null : reason,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: ListTile(
|
||||||
|
leading: Icon(Icons.report, color: danger),
|
||||||
|
title: Text("Report", style: .new(color: danger)),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -18,7 +18,7 @@ import "package:nexus/widgets/room_appbar.dart";
|
||||||
import "package:nexus/main.dart";
|
import "package:nexus/main.dart";
|
||||||
import "package:super_sliver_list/super_sliver_list.dart";
|
import "package:super_sliver_list/super_sliver_list.dart";
|
||||||
import "package:nexus/widgets/room_chat/chat_timeline.dart";
|
import "package:nexus/widgets/room_chat/chat_timeline.dart";
|
||||||
import "package:nexus/helpers/build_event_options.dart";
|
import "package:nexus/helpers/extensions/build_event_options.dart";
|
||||||
|
|
||||||
final class const RoomChat({
|
final class const RoomChat({
|
||||||
required final String? roomId,
|
required final String? roomId,
|
||||||
|
|
@ -193,18 +193,18 @@ final class const RoomChat({
|
||||||
},
|
},
|
||||||
);
|
);
|
||||||
|
|
||||||
IList<PopupMenuEntry> getEventOptions(Event event) => buildEventOptions(
|
IList<PopupMenuEntry> getEventOptions(Event event) =>
|
||||||
context: context,
|
event.buildEventOptions(
|
||||||
ref: ref,
|
context: context,
|
||||||
roomId: roomId,
|
ref: ref,
|
||||||
userId: userId,
|
roomId: roomId,
|
||||||
event: event,
|
userId: userId,
|
||||||
onRelation: (event, type) {
|
onRelation: (event, type) {
|
||||||
relatedEvent.value = event;
|
relatedEvent.value = event;
|
||||||
relationType.value = type;
|
relationType.value = type;
|
||||||
composerNode.requestFocus();
|
composerNode.requestFocus();
|
||||||
},
|
},
|
||||||
);
|
);
|
||||||
|
|
||||||
return Scaffold(
|
return Scaffold(
|
||||||
endDrawer: PinnedEventsDrawer(
|
endDrawer: PinnedEventsDrawer(
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue