From b275b8328d1f0712d442767397ee08c815f27b35 Mon Sep 17 00:00:00 2001 From: LittleSheep Date: Wed, 25 Jun 2025 15:32:12 +0800 Subject: [PATCH] :bricks: Share feature basis --- assets/i18n/en-US.json | 19 +- assets/i18n/zh-CN.json | 19 +- assets/i18n/zh-TW.json | 19 +- lib/pods/theme.dart | 2 +- lib/screens/tabs.dart | 2 +- lib/widgets/post/post_item.dart | 18 +- lib/widgets/share/share_sheet.dart | 940 +++++++++++++++++++++++++++++ 7 files changed, 1013 insertions(+), 6 deletions(-) create mode 100644 lib/widgets/share/share_sheet.dart diff --git a/assets/i18n/en-US.json b/assets/i18n/en-US.json index 1528157..5fc779d 100644 --- a/assets/i18n/en-US.json +++ b/assets/i18n/en-US.json @@ -543,5 +543,22 @@ "orderId": "Order ID", "enterOrderId": "Enter your order ID", "restore": "Restore", - "keyboardShortcuts": "Keyboard Shortcuts" + "keyboardShortcuts": "Keyboard Shortcuts", + "share": "Share", + "sharePost": "Share Post", + "quickActions": "Quick Actions", + "post": "Post", + "copy": "Copy", + "sendToChat": "Send to Chat", + "failedToShareToPost": "Failed to share to post: {}", + "shareToChatComingSoon": "Share to chat functionality coming soon", + "failedToShareToChat": "Failed to share to chat: {}", + "shareToSpecificChatComingSoon": "Share to {} coming soon", + "directChat": "Direct Chat", + "systemShareComingSoon": "System share functionality coming soon", + "failedToShareToSystem": "Failed to share to system: {}", + "failedToCopy": "Failed to copy: {}", + "noChatRoomsAvailable": "No chat rooms available", + "failedToLoadChats": "Failed to load chats", + "unknownChat": "Unknown Chat" } diff --git a/assets/i18n/zh-CN.json b/assets/i18n/zh-CN.json index a5d5266..8695909 100644 --- a/assets/i18n/zh-CN.json +++ b/assets/i18n/zh-CN.json @@ -335,5 +335,22 @@ "justNow": "刚刚", "minutesAgo": "{} 分钟前", "hoursAgo": "{} 小时前", - "postContentEmpty": "帖子内容不能为空" + "postContentEmpty": "帖子内容不能为空", + "share": "分享", + "quickActions": "快捷操作", + "post": "帖子", + "copy": "复制", + "sendToChat": "发送到聊天", + "failedToShareToPost": "分享到帖子失败：{}", + "shareToChatComingSoon": "聊天分享功能即将推出", + "failedToShareToChat": "分享到聊天失败：{}", + "shareToSpecificChatComingSoon": "分享到 {} 即将推出", + "directChat": "私聊", + "systemShareComingSoon": "系统分享功能即将推出", + "failedToShareToSystem": "系统分享失败：{}", + "copiedToClipboard": "已复制到剪贴板", + "failedToCopy": "复制失败：{}", + "noChatRoomsAvailable": "没有可用的聊天室", + "failedToLoadChats": "加载聊天失败", + "unknownChat": "未知聊天" } \ No newline at end of file diff --git a/assets/i18n/zh-TW.json b/assets/i18n/zh-TW.json index 3aea04e..69f2a31 100644 --- a/assets/i18n/zh-TW.json +++ b/assets/i18n/zh-TW.json @@ -350,5 +350,22 @@ "justNow": "剛剛", "minutesAgo": "{} 分鐘前", "hoursAgo": "{} 小時前", - "postContentEmpty": "貼文內容不能為空" + "postContentEmpty": "貼文內容不能為空", + "share": "分享", + "quickActions": "快速操作", + "post": "貼文", + "copy": "複製", + "sendToChat": "傳送到聊天", + "failedToShareToPost": "分享到貼文失敗：{}", + "shareToChatComingSoon": "聊天分享功能即將推出", + "failedToShareToChat": "分享到聊天失敗：{}", + "shareToSpecificChatComingSoon": "分享到 {} 即將推出", + "directChat": "私人聊天", + "systemShareComingSoon": "系統分享功能即將推出", + "failedToShareToSystem": "系統分享失敗：{}", + "copiedToClipboard": "已複製到剪貼簿", + "failedToCopy": "複製失敗：{}", + "noChatRoomsAvailable": "沒有可用的聊天室", + "failedToLoadChats": "載入聊天失敗", + "unknownChat": "未知聊天" } \ No newline at end of file diff --git a/lib/pods/theme.dart b/lib/pods/theme.dart index 421ecc1..016029f 100644 --- a/lib/pods/theme.dart +++ b/lib/pods/theme.dart @@ -102,7 +102,7 @@ Future createAppTheme( ), snackBarTheme: SnackBarThemeData( behavior: useM3 ? SnackBarBehavior.floating : SnackBarBehavior.fixed, - width: 560, + width: 480, ), appBarTheme: AppBarTheme( centerTitle: true, diff --git a/lib/screens/tabs.dart b/lib/screens/tabs.dart index 89ae258..932bb7c 100644 --- a/lib/screens/tabs.dart +++ b/lib/screens/tabs.dart @@ -144,7 +144,7 @@ class TabbedFabLocation extends FloatingActionButtonLocation { scaffoldGeometry.floatingActionButtonSize.height - scaffoldGeometry.bottomSheetSize.height - safeAreaPadding.bottom - - (isWideScreen(context) ? 24 : 80) + + (isWideScreen(context) ? 32 : 80) + 16; return Offset(fabX, fabY); diff --git a/lib/widgets/post/post_item.dart b/lib/widgets/post/post_item.dart index 9732c05..3c701c5 100644 --- a/lib/widgets/post/post_item.dart +++ b/lib/widgets/post/post_item.dart @@ -21,6 +21,7 @@ import 'package:island/widgets/content/cloud_files.dart'; import 'package:island/widgets/content/embed/link.dart'; import 'package:island/widgets/content/markdown.dart'; import 'package:island/widgets/post/post_replies_sheet.dart'; +import 'package:island/widgets/share/share_sheet.dart'; import 'package:material_symbols_icons/symbols.dart'; import 'package:styled_widget/styled_widget.dart'; import 'package:super_context_menu/super_context_menu.dart'; @@ -124,6 +125,18 @@ class PostItem extends HookConsumerWidget { context.router.push(PostComposeRoute(forwardedPost: item)); }, ), + MenuAction( + title: 'share'.tr(), + image: MenuImage.icon(Symbols.share), + callback: () { + showShareSheetLink( + context: context, + link: 'https://solsynth.dev/posts/${item.id}', + title: 'sharePost'.tr(), + toSystem: true, + ); + }, + ), ], ); }, @@ -163,7 +176,10 @@ class PostItem extends HookConsumerWidget { Text( isFullPost ? item.publishedAt?.formatSystem() ?? '' - : item.publishedAt?.formatRelative(context) ?? '', + : item.publishedAt?.formatRelative( + context, + ) ?? + '', ).fontSize(11).alignment(Alignment.bottomRight), const Gap(4), ], diff --git a/lib/widgets/share/share_sheet.dart b/lib/widgets/share/share_sheet.dart new file mode 100644 index 0000000..19e69fb --- /dev/null +++ b/lib/widgets/share/share_sheet.dart @@ -0,0 +1,940 @@ +import 'package:flutter/material.dart'; +import 'package:flutter/services.dart'; +import 'package:hooks_riverpod/hooks_riverpod.dart'; +import 'package:island/widgets/content/sheet.dart'; +import 'package:material_symbols_icons/symbols.dart'; +import 'package:cross_file/cross_file.dart'; +import 'dart:io'; +import 'package:path/path.dart' as path; +import 'package:island/models/chat.dart'; +import 'package:island/screens/chat/chat.dart'; +import 'package:island/widgets/content/cloud_files.dart'; +import 'package:easy_localization/easy_localization.dart'; + +enum ShareContentType { text, link, file } + +class ShareContent { + final ShareContentType type; + final String? text; + final String? link; + final List? files; + + const ShareContent({required this.type, this.text, this.link, this.files}); + + ShareContent.text(String this.text) + : type = ShareContentType.text, + link = null, + files = null; + + ShareContent.link(String this.link) + : type = ShareContentType.link, + text = null, + files = null; + + ShareContent.files(List this.files) + : type = ShareContentType.file, + text = null, + link = null; + + String get displayText { + switch (type) { + case ShareContentType.text: + return text ?? ''; + case ShareContentType.link: + return link ?? ''; + case ShareContentType.file: + return files?.map((f) => f.name).join(', ') ?? ''; + } + } +} + +class ShareSheet extends ConsumerStatefulWidget { + final ShareContent content; + final String? title; + final bool toSystem; + final VoidCallback? onClose; + + const ShareSheet({ + super.key, + required this.content, + this.title, + this.toSystem = false, + this.onClose, + }); + + // Convenience constructors + ShareSheet.text({ + Key? key, + required String text, + String? title, + bool toSystem = false, + VoidCallback? onClose, + }) : this( + key: key, + content: ShareContent.text(text), + title: title, + toSystem: toSystem, + onClose: onClose, + ); + + ShareSheet.link({ + Key? key, + required String link, + String? title, + bool toSystem = false, + VoidCallback? onClose, + }) : this( + key: key, + content: ShareContent.link(link), + title: title, + toSystem: toSystem, + onClose: onClose, + ); + + ShareSheet.files({ + Key? key, + required List files, + String? title, + bool toSystem = false, + VoidCallback? onClose, + }) : this( + key: key, + content: ShareContent.files(files), + title: title, + toSystem: toSystem, + onClose: onClose, + ); + + @override + ConsumerState createState() => _ShareSheetState(); +} + +class _ShareSheetState extends ConsumerState { + bool _isLoading = false; + + void _handleClose() { + if (widget.onClose != null) { + widget.onClose!(); + } else { + Navigator.of(context).pop(); + } + } + + Future _shareToPost() async { + setState(() => _isLoading = true); + try { + // TODO: Implement share to post functionality + // This would typically navigate to the post composer with pre-filled content + ScaffoldMessenger.of(context).showSnackBar( + const SnackBar( + content: Text('Share to post functionality coming soon'), + ), + ); + } catch (e) { + ScaffoldMessenger.of( + context, + ).showSnackBar(SnackBar(content: Text('failedToShareToPost'.tr(args: [e.toString()])))); + } finally { + setState(() => _isLoading = false); + } + } + + Future _shareToChat() async { + setState(() => _isLoading = true); + try { + // TODO: Implement share to chat functionality + // This would typically show a chat selection dialog + ScaffoldMessenger.of(context).showSnackBar( + SnackBar( + content: Text('shareToChatComingSoon'.tr()), + ), + ); + } catch (e) { + ScaffoldMessenger.of( + context, + ).showSnackBar(SnackBar(content: Text('failedToShareToChat'.tr(args: [e.toString()])))); + } finally { + setState(() => _isLoading = false); + } + } + + Future _shareToSpecificChat(SnChatRoom chatRoom) async { + setState(() => _isLoading = true); + try { + // TODO: Implement share to specific chat functionality + // This would send the content to the selected chat room + ScaffoldMessenger.of(context).showSnackBar( + SnackBar( + content: Text('shareToSpecificChatComingSoon'.tr(args: [chatRoom.name ?? 'directChat'.tr()])), + ), + ); + } catch (e) { + ScaffoldMessenger.of( + context, + ).showSnackBar(SnackBar(content: Text('Failed to share to chat: $e'))); + } finally { + setState(() => _isLoading = false); + } + } + + Future _shareToSystem() async { + if (!widget.toSystem) return; + + setState(() => _isLoading = true); + try { + // TODO: Implement system share functionality + // This would use platform-specific sharing APIs + ScaffoldMessenger.of(context).showSnackBar( + SnackBar(content: Text('systemShareComingSoon'.tr())), + ); + } catch (e) { + ScaffoldMessenger.of( + context, + ).showSnackBar(SnackBar(content: Text('failedToShareToSystem'.tr(args: [e.toString()])))); + } finally { + setState(() => _isLoading = false); + } + } + + Future _copyToClipboard() async { + try { + String textToCopy = ''; + switch (widget.content.type) { + case ShareContentType.text: + textToCopy = widget.content.text ?? ''; + break; + case ShareContentType.link: + textToCopy = widget.content.link ?? ''; + break; + case ShareContentType.file: + textToCopy = + widget.content.files?.map((f) => f.name).join('\n') ?? ''; + break; + } + + await Clipboard.setData(ClipboardData(text: textToCopy)); + ScaffoldMessenger.of( + context, + ).showSnackBar(SnackBar(content: Text('copyToClipboard'.tr()))); + } catch (e) { + ScaffoldMessenger.of( + context, + ).showSnackBar(SnackBar(content: Text('failedToCopy'.tr(args: [e.toString()])))); + } + } + + @override + Widget build(BuildContext context) { + return SheetScaffold( + titleText: widget.title ?? 'share'.tr(), + child: Column( + children: [ + // Content preview + Container( + margin: const EdgeInsets.all(16), + padding: const EdgeInsets.all(16), + decoration: BoxDecoration( + color: Theme.of(context).colorScheme.surfaceContainerHighest, + borderRadius: BorderRadius.circular(12), + ), + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Text( + 'Content to share:', + style: Theme.of(context).textTheme.labelMedium?.copyWith( + color: Theme.of(context).colorScheme.onSurfaceVariant, + ), + ), + const SizedBox(height: 8), + _ContentPreview(content: widget.content), + ], + ), + ), + + // Share options + Expanded( + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + // Quick actions row (horizontally scrollable) + Padding( + padding: const EdgeInsets.symmetric(horizontal: 16), + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Text( + 'quickActions'.tr(), + style: Theme.of(context).textTheme.titleSmall?.copyWith( + color: Theme.of(context).colorScheme.onSurfaceVariant, + ), + ), + const SizedBox(height: 12), + SizedBox( + height: 80, + child: ListView( + scrollDirection: Axis.horizontal, + children: [ + _CompactShareOption( + icon: Symbols.post_add, + title: 'post'.tr(), + onTap: _isLoading ? null : _shareToPost, + ), + const SizedBox(width: 12), + _CompactShareOption( + icon: Symbols.content_copy, + title: 'copy'.tr(), + onTap: _isLoading ? null : _copyToClipboard, + ), + if (widget.toSystem) ...[ + const SizedBox(width: 12), + _CompactShareOption( + icon: Symbols.share, + title: 'share'.tr(), + onTap: _isLoading ? null : _shareToSystem, + ), + ], + ], + ), + ), + ], + ), + ), + + const SizedBox(height: 24), + + // Chat section + Padding( + padding: const EdgeInsets.symmetric(horizontal: 16), + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Text( + 'sendToChat'.tr(), + style: Theme.of(context).textTheme.titleSmall?.copyWith( + color: Theme.of(context).colorScheme.onSurfaceVariant, + ), + ), + const SizedBox(height: 12), + _ChatRoomsList( + onChatSelected: _isLoading ? null : _shareToSpecificChat, + ), + ], + ), + ), + + const SizedBox(height: 16), + ], + ), + ), + + // Loading indicator + if (_isLoading) + Container( + padding: const EdgeInsets.all(16), + child: const CircularProgressIndicator(), + ), + ], + ), + ); + } +} + +class _ChatRoomsList extends ConsumerWidget { + final Function(SnChatRoom)? onChatSelected; + + const _ChatRoomsList({this.onChatSelected}); + + @override + Widget build(BuildContext context, WidgetRef ref) { + final chatRooms = ref.watch(chatroomsJoinedProvider); + + return chatRooms.when( + data: (rooms) { + if (rooms.isEmpty) { + return Container( + height: 80, + decoration: BoxDecoration( + color: Theme.of(context).colorScheme.surfaceContainerHighest, + borderRadius: BorderRadius.circular(12), + border: Border.all( + color: Theme.of(context).colorScheme.outline.withOpacity(0.2), + ), + ), + child: Center( + child: Text( + 'noChatRoomsAvailable'.tr(), + style: Theme.of(context).textTheme.bodyMedium?.copyWith( + color: Theme.of(context).colorScheme.onSurfaceVariant, + ), + ), + ), + ); + } + + return SizedBox( + height: 80, + child: ListView.separated( + scrollDirection: Axis.horizontal, + itemCount: rooms.length, + separatorBuilder: (context, index) => const SizedBox(width: 12), + itemBuilder: (context, index) { + final room = rooms[index]; + return _ChatRoomOption( + room: room, + onTap: onChatSelected != null ? () => onChatSelected!(room) : null, + ); + }, + ), + ); + }, + loading: () => SizedBox( + height: 80, + child: Center( + child: CircularProgressIndicator( + strokeWidth: 2, + color: Theme.of(context).colorScheme.primary, + ), + ), + ), + error: (error, stack) => Container( + height: 80, + decoration: BoxDecoration( + color: Theme.of(context).colorScheme.errorContainer, + borderRadius: BorderRadius.circular(12), + ), + child: Center( + child: Text( + 'failedToLoadChats'.tr(), + style: Theme.of(context).textTheme.bodyMedium?.copyWith( + color: Theme.of(context).colorScheme.onErrorContainer, + ), + ), + ), + ), + ); + } +} + +class _ChatRoomOption extends StatelessWidget { + final SnChatRoom room; + final VoidCallback? onTap; + + const _ChatRoomOption({ + required this.room, + this.onTap, + }); + + @override + Widget build(BuildContext context) { + final isDirect = room.type == 1; // Assuming type 1 is direct chat + final displayName = room.name ?? + (isDirect && room.members != null + ? room.members!.map((m) => m.account.nick).join(', ') + : 'unknownChat'.tr()); + + return GestureDetector( + onTap: onTap, + child: Container( + width: 72, + padding: const EdgeInsets.all(8), + decoration: BoxDecoration( + color: onTap != null + ? Theme.of(context).colorScheme.surfaceContainerHighest + : Theme.of(context).colorScheme.surfaceContainerHighest.withOpacity(0.5), + borderRadius: BorderRadius.circular(12), + border: Border.all( + color: Theme.of(context).colorScheme.outline.withOpacity(0.2), + ), + ), + child: Column( + mainAxisAlignment: MainAxisAlignment.center, + children: [ + // Chat room avatar + Container( + width: 32, + height: 32, + decoration: BoxDecoration( + color: Theme.of(context).colorScheme.primary.withOpacity(0.1), + borderRadius: BorderRadius.circular(16), + ), + child: room.picture != null + ? ClipRRect( + borderRadius: BorderRadius.circular(16), + child: CloudFileWidget( + item: room.picture!, + fit: BoxFit.cover, + ), + ) + : Icon( + isDirect ? Symbols.person : Symbols.group, + size: 20, + color: Theme.of(context).colorScheme.primary, + ), + ), + const SizedBox(height: 4), + // Chat room name + Text( + displayName, + style: Theme.of(context).textTheme.labelSmall?.copyWith( + color: onTap != null + ? Theme.of(context).colorScheme.onSurface + : Theme.of(context).colorScheme.onSurfaceVariant.withOpacity(0.5), + ), + textAlign: TextAlign.center, + maxLines: 1, + overflow: TextOverflow.ellipsis, + ), + ], + ), + ), + ); + } +} + +class _CompactShareOption extends StatelessWidget { + final IconData icon; + final String title; + final VoidCallback? onTap; + + const _CompactShareOption({ + required this.icon, + required this.title, + this.onTap, + }); + + @override + Widget build(BuildContext context) { + return GestureDetector( + onTap: onTap, + child: Container( + width: 72, + padding: const EdgeInsets.all(8), + decoration: BoxDecoration( + color: onTap != null + ? Theme.of(context).colorScheme.surfaceContainerHighest + : Theme.of(context).colorScheme.surfaceContainerHighest.withOpacity(0.5), + borderRadius: BorderRadius.circular(12), + border: Border.all( + color: Theme.of(context).colorScheme.outline.withOpacity(0.2), + ), + ), + child: Column( + mainAxisAlignment: MainAxisAlignment.center, + children: [ + Icon( + icon, + size: 24, + color: onTap != null + ? Theme.of(context).colorScheme.primary + : Theme.of(context).colorScheme.onSurfaceVariant.withOpacity(0.5), + ), + const SizedBox(height: 4), + Text( + title, + style: Theme.of(context).textTheme.labelSmall?.copyWith( + color: onTap != null + ? Theme.of(context).colorScheme.onSurface + : Theme.of(context).colorScheme.onSurfaceVariant.withOpacity(0.5), + ), + textAlign: TextAlign.center, + maxLines: 1, + overflow: TextOverflow.ellipsis, + ), + ], + ), + ), + ); + } +} + +class _ShareOption extends StatelessWidget { + final IconData icon; + final String title; + final String subtitle; + final VoidCallback? onTap; + + const _ShareOption({ + required this.icon, + required this.title, + required this.subtitle, + this.onTap, + }); + + @override + Widget build(BuildContext context) { + return Card( + margin: EdgeInsets.zero, + child: ListTile( + leading: Icon( + icon, + color: + onTap != null + ? Theme.of(context).colorScheme.primary + : Theme.of( + context, + ).colorScheme.onSurfaceVariant.withOpacity(0.5), + ), + title: Text( + title, + style: TextStyle( + color: + onTap != null + ? null + : Theme.of( + context, + ).colorScheme.onSurfaceVariant.withOpacity(0.5), + ), + ), + subtitle: Text( + subtitle, + style: TextStyle( + color: + onTap != null + ? Theme.of(context).colorScheme.onSurfaceVariant + : Theme.of( + context, + ).colorScheme.onSurfaceVariant.withOpacity(0.5), + ), + ), + trailing: onTap != null ? const Icon(Symbols.chevron_right) : null, + onTap: onTap, + enabled: onTap != null, + ), + ); + } +} + +class _ContentPreview extends StatelessWidget { + final ShareContent content; + + const _ContentPreview({required this.content}); + + @override + Widget build(BuildContext context) { + switch (content.type) { + case ShareContentType.text: + return _TextPreview(text: content.text ?? ''); + case ShareContentType.link: + return _LinkPreview(link: content.link ?? ''); + case ShareContentType.file: + return _FilePreview(files: content.files ?? []); + } + } +} + +class _TextPreview extends StatelessWidget { + final String text; + + const _TextPreview({required this.text}); + + @override + Widget build(BuildContext context) { + return Container( + constraints: const BoxConstraints(maxHeight: 120), + child: SingleChildScrollView( + child: Text(text, style: Theme.of(context).textTheme.bodyMedium), + ), + ); + } +} + +class _LinkPreview extends StatelessWidget { + final String link; + + const _LinkPreview({required this.link}); + + @override + Widget build(BuildContext context) { + return Container( + constraints: const BoxConstraints(maxHeight: 120), + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Row( + children: [ + Icon( + Symbols.link, + size: 16, + color: Theme.of(context).colorScheme.primary, + ), + const SizedBox(width: 8), + Text( + 'Link', + style: Theme.of(context).textTheme.labelSmall?.copyWith( + color: Theme.of(context).colorScheme.primary, + ), + ), + ], + ), + const SizedBox(height: 8), + SingleChildScrollView( + child: SelectableText( + link, + style: Theme.of(context).textTheme.bodyMedium?.copyWith( + color: Theme.of(context).colorScheme.primary, + decoration: TextDecoration.underline, + ), + ), + ), + ], + ), + ); + } +} + +class _FilePreview extends StatelessWidget { + final List files; + + const _FilePreview({required this.files}); + + bool _isImageFile(String fileName) { + final ext = path.extension(fileName).toLowerCase(); + return ['.jpg', '.jpeg', '.png', '.gif', '.bmp', '.webp'].contains(ext); + } + + bool _isVideoFile(String fileName) { + final ext = path.extension(fileName).toLowerCase(); + return ['.mp4', '.mov', '.avi', '.mkv', '.webm'].contains(ext); + } + + IconData _getFileIcon(String fileName) { + final ext = path.extension(fileName).toLowerCase(); + + if (_isImageFile(fileName)) return Symbols.image; + if (_isVideoFile(fileName)) return Symbols.video_file; + + switch (ext) { + case '.pdf': + return Symbols.picture_as_pdf; + case '.doc': + case '.docx': + return Symbols.description; + case '.xls': + case '.xlsx': + return Symbols.table_chart; + case '.ppt': + case '.pptx': + return Symbols.slideshow; + case '.zip': + case '.rar': + case '.7z': + return Symbols.folder_zip; + case '.txt': + return Symbols.text_snippet; + default: + return Symbols.attach_file; + } + } + + @override + Widget build(BuildContext context) { + return Container( + constraints: const BoxConstraints(maxHeight: 200), + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Row( + children: [ + Icon( + Symbols.attach_file, + size: 16, + color: Theme.of(context).colorScheme.primary, + ), + const SizedBox(width: 8), + Text( + '${files.length} file${files.length > 1 ? 's' : ''}', + style: Theme.of(context).textTheme.labelSmall?.copyWith( + color: Theme.of(context).colorScheme.primary, + ), + ), + ], + ), + const SizedBox(height: 8), + Expanded( + child: ListView.builder( + itemCount: files.length, + itemBuilder: (context, index) { + final file = files[index]; + final isImage = _isImageFile(file.name); + + return Container( + margin: const EdgeInsets.only(bottom: 8), + padding: const EdgeInsets.all(8), + decoration: BoxDecoration( + color: Theme.of(context).colorScheme.surface, + borderRadius: BorderRadius.circular(8), + border: Border.all( + color: Theme.of( + context, + ).colorScheme.outline.withOpacity(0.2), + ), + ), + child: Row( + children: [ + if (isImage) + ClipRRect( + borderRadius: BorderRadius.circular(4), + child: Image.file( + File(file.path), + width: 40, + height: 40, + fit: BoxFit.cover, + errorBuilder: (context, error, stackTrace) { + return Container( + width: 40, + height: 40, + color: + Theme.of( + context, + ).colorScheme.surfaceVariant, + child: Icon( + Symbols.broken_image, + size: 20, + color: + Theme.of( + context, + ).colorScheme.onSurfaceVariant, + ), + ); + }, + ), + ) + else + Container( + width: 40, + height: 40, + decoration: BoxDecoration( + color: + Theme.of(context).colorScheme.primaryContainer, + borderRadius: BorderRadius.circular(4), + ), + child: Icon( + _getFileIcon(file.name), + size: 20, + color: + Theme.of( + context, + ).colorScheme.onPrimaryContainer, + ), + ), + const SizedBox(width: 12), + Expanded( + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Text( + file.name, + style: Theme.of(context).textTheme.bodyMedium, + maxLines: 1, + overflow: TextOverflow.ellipsis, + ), + FutureBuilder( + future: file.length(), + builder: (context, snapshot) { + if (snapshot.hasData) { + final size = snapshot.data!; + final sizeStr = + size < 1024 + ? '${size}B' + : size < 1024 * 1024 + ? '${(size / 1024).toStringAsFixed(1)}KB' + : '${(size / (1024 * 1024)).toStringAsFixed(1)}MB'; + return Text( + sizeStr, + style: Theme.of( + context, + ).textTheme.bodySmall?.copyWith( + color: + Theme.of( + context, + ).colorScheme.onSurfaceVariant, + ), + ); + } + return const SizedBox.shrink(); + }, + ), + ], + ), + ), + ], + ), + ); + }, + ), + ), + ], + ), + ); + } +} + +// Helper functions to show the share sheet +void showShareSheet({ + required BuildContext context, + required ShareContent content, + String? title, + bool toSystem = false, + VoidCallback? onClose, +}) { + showModalBottomSheet( + context: context, + isScrollControlled: true, + builder: + (context) => ShareSheet( + content: content, + title: title, + toSystem: toSystem, + onClose: onClose, + ), + ); +} + +void showShareSheetText({ + required BuildContext context, + required String text, + String? title, + bool toSystem = false, + VoidCallback? onClose, +}) { + showShareSheet( + context: context, + content: ShareContent.text(text), + title: title, + toSystem: toSystem, + onClose: onClose, + ); +} + +void showShareSheetLink({ + required BuildContext context, + required String link, + String? title, + bool toSystem = false, + VoidCallback? onClose, +}) { + showShareSheet( + context: context, + content: ShareContent.link(link), + title: title, + toSystem: toSystem, + onClose: onClose, + ); +} + +void showShareSheetFiles({ + required BuildContext context, + required List files, + String? title, + bool toSystem = false, + VoidCallback? onClose, +}) { + showShareSheet( + context: context, + content: ShareContent.files(files), + title: title, + toSystem: toSystem, + onClose: onClose, + ); +}