56a9dd032f
- Add VideoProcessor service to PostHandler for frame-based video moderation - Implement multi-frame extraction and Azure OpenAI Vision analysis for video content - Enhance VideoStitchingService with filters, speed control, and text overlays - Add image upload dialogs for group avatar and banner in GroupCreationModal - Implement navigation placeholders for mentions, hashtags, and URLs in sojornRichText
602 lines
17 KiB
Dart
602 lines
17 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
import 'package:sojorn/models/repost.dart';
|
|
import 'package:sojorn/models/post.dart';
|
|
import 'package:sojorn/services/repost_service.dart';
|
|
import 'package:sojorn/providers/api_provider.dart';
|
|
import '../../theme/app_theme.dart';
|
|
|
|
class RepostWidget extends ConsumerWidget {
|
|
final Post originalPost;
|
|
final Repost? repost;
|
|
final VoidCallback? onRepost;
|
|
final VoidCallback? onBoost;
|
|
final bool showAnalytics;
|
|
|
|
const RepostWidget({
|
|
super.key,
|
|
required this.originalPost,
|
|
this.repost,
|
|
this.onRepost,
|
|
this.onBoost,
|
|
this.showAnalytics = false,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final repostController = ref.watch(repostControllerProvider);
|
|
final analyticsAsync = ref.watch(amplificationAnalyticsProvider(originalPost.id));
|
|
|
|
return Container(
|
|
margin: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
|
decoration: BoxDecoration(
|
|
color: Colors.grey[900],
|
|
borderRadius: BorderRadius.circular(12),
|
|
border: Border.all(
|
|
color: repost != null ? Colors.blue.withOpacity(0.3) : Colors.transparent,
|
|
width: 1,
|
|
),
|
|
),
|
|
child: Column(
|
|
children: [
|
|
// Repost header
|
|
if (repost != null)
|
|
_buildRepostHeader(repost),
|
|
|
|
// Original post content
|
|
_buildOriginalPost(),
|
|
|
|
// Engagement actions
|
|
_buildEngagementActions(repostController),
|
|
|
|
// Analytics section
|
|
if (showAnalytics)
|
|
_buildAnalyticsSection(analyticsAsync),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildRepostHeader(Repost repost) {
|
|
return Container(
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
color: Colors.blue.withOpacity(0.1),
|
|
borderRadius: const BorderRadius.only(
|
|
topLeft: Radius.circular(12),
|
|
topRight: Radius.circular(12),
|
|
),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
// Repost type icon
|
|
Container(
|
|
width: 32,
|
|
height: 32,
|
|
decoration: BoxDecoration(
|
|
color: repost.type == RepostType.boost
|
|
? Colors.orange
|
|
: repost.type == RepostType.amplify
|
|
? Colors.purple
|
|
: Colors.blue,
|
|
shape: BoxShape.circle,
|
|
),
|
|
child: Icon(
|
|
repost.type.icon,
|
|
color: Colors.white,
|
|
size: 16,
|
|
),
|
|
),
|
|
|
|
const SizedBox(width: 12),
|
|
|
|
// Reposter info
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Text(
|
|
repost.authorHandle,
|
|
style: const TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
const SizedBox(width: 4),
|
|
Text(
|
|
repost.type.displayName,
|
|
style: TextStyle(
|
|
color: repost.type == RepostType.boost
|
|
? Colors.orange
|
|
: repost.type == RepostType.amplify
|
|
? Colors.purple
|
|
: Colors.blue,
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Text(
|
|
repost.timeAgo,
|
|
style: TextStyle(
|
|
color: Colors.grey[400],
|
|
fontSize: 12,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
|
|
// Amplification indicator
|
|
if (repost.isAmplified)
|
|
Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
|
|
decoration: BoxDecoration(
|
|
color: Colors.purple,
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
child: const Text(
|
|
'Amplified',
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 10,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildOriginalPost() {
|
|
return Container(
|
|
padding: const EdgeInsets.all(16),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
// Original post author
|
|
Row(
|
|
children: [
|
|
CircleAvatar(
|
|
radius: 20,
|
|
backgroundImage: originalPost.authorAvatar != null
|
|
? NetworkImage(originalPost.authorAvatar!)
|
|
: null,
|
|
child: originalPost.authorAvatar == null
|
|
? const Icon(Icons.person, color: Colors.white)
|
|
: null,
|
|
),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
originalPost.authorHandle,
|
|
style: const TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
Text(
|
|
originalPost.timeAgo,
|
|
style: TextStyle(
|
|
color: Colors.grey[400],
|
|
fontSize: 12,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
|
|
const SizedBox(height: 12),
|
|
|
|
// Original post content
|
|
if (originalPost.body.isNotEmpty)
|
|
Text(
|
|
originalPost.body,
|
|
style: const TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 16,
|
|
height: 1.4,
|
|
),
|
|
),
|
|
|
|
// Original post media
|
|
if (originalPost.imageUrl != null) ...[
|
|
const SizedBox(height: 12),
|
|
ClipRRect(
|
|
borderRadius: BorderRadius.circular(12),
|
|
child: Image.network(
|
|
originalPost.imageUrl!,
|
|
height: 200,
|
|
width: double.infinity,
|
|
fit: BoxFit.cover,
|
|
errorBuilder: (context, error, stackTrace) {
|
|
return Container(
|
|
height: 200,
|
|
color: Colors.grey[800],
|
|
child: const Center(
|
|
child: Icon(Icons.image_not_supported, color: Colors.grey),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
],
|
|
|
|
if (originalPost.videoUrl != null) ...[
|
|
const SizedBox(height: 12),
|
|
Container(
|
|
height: 200,
|
|
decoration: BoxDecoration(
|
|
color: Colors.grey[800],
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
child: const Center(
|
|
child: Icon(Icons.play_circle_filled, color: Colors.white, size: 48),
|
|
),
|
|
),
|
|
],
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildEngagementActions(RepostController repostController) {
|
|
return Container(
|
|
padding: const EdgeInsets.all(16),
|
|
decoration: BoxDecoration(
|
|
border: Border(
|
|
top: BorderSide(
|
|
color: Colors.grey[700]!,
|
|
width: 1,
|
|
),
|
|
),
|
|
),
|
|
child: Column(
|
|
children: [
|
|
// Engagement stats
|
|
Row(
|
|
children: [
|
|
_buildEngagementStat(
|
|
icon: Icons.repeat,
|
|
count: originalPost.repostCount ?? 0,
|
|
label: 'Reposts',
|
|
onTap: onRepost,
|
|
),
|
|
const SizedBox(width: 16),
|
|
_buildEngagementStat(
|
|
icon: Icons.rocket_launch,
|
|
count: originalPost.boostCount ?? 0,
|
|
label: 'Boosts',
|
|
onTap: onBoost,
|
|
),
|
|
const SizedBox(width: 16),
|
|
_buildEngagementStat(
|
|
icon: Icons.favorite,
|
|
count: originalPost.likeCount ?? 0,
|
|
label: 'Likes',
|
|
),
|
|
const SizedBox(width: 16),
|
|
_buildEngagementStat(
|
|
icon: Icons.comment,
|
|
count: originalPost.commentCount ?? 0,
|
|
label: 'Comments',
|
|
),
|
|
],
|
|
),
|
|
|
|
const SizedBox(height: 12),
|
|
|
|
// Action buttons
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: _buildActionButton(
|
|
icon: Icons.repeat,
|
|
label: 'Repost',
|
|
color: Colors.blue,
|
|
onPressed: onRepost,
|
|
),
|
|
),
|
|
const SizedBox(width: 8),
|
|
Expanded(
|
|
child: _buildActionButton(
|
|
icon: Icons.rocket_launch,
|
|
label: 'Boost',
|
|
color: Colors.orange,
|
|
onPressed: onBoost,
|
|
),
|
|
),
|
|
const SizedBox(width: 8),
|
|
Expanded(
|
|
child: _buildActionButton(
|
|
icon: Icons.trending_up,
|
|
label: 'Amplify',
|
|
color: Colors.purple,
|
|
onPressed: () => _showAmplifyDialog(context),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
|
|
if (repostController.isLoading)
|
|
const Padding(
|
|
padding: EdgeInsets.only(top: 12),
|
|
child: LinearProgressIndicator(color: Colors.blue),
|
|
),
|
|
|
|
if (repostController.error != null)
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 8),
|
|
child: Text(
|
|
repostController.error!,
|
|
style: const TextStyle(color: Colors.red, fontSize: 12),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildEngagementStat({
|
|
required IconData icon,
|
|
required int count,
|
|
required String label,
|
|
VoidCallback? onTap,
|
|
}) {
|
|
return GestureDetector(
|
|
onTap: onTap,
|
|
child: Column(
|
|
children: [
|
|
Icon(
|
|
icon,
|
|
color: Colors.grey[400],
|
|
size: 20,
|
|
),
|
|
const SizedBox(height: 4),
|
|
Text(
|
|
count.toString(),
|
|
style: const TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
Text(
|
|
label,
|
|
style: TextStyle(
|
|
color: Colors.grey[400],
|
|
fontSize: 10,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildActionButton({
|
|
required IconData icon,
|
|
required String label,
|
|
required Color color,
|
|
VoidCallback? onPressed,
|
|
}) {
|
|
return GestureDetector(
|
|
onTap: onPressed,
|
|
child: Container(
|
|
padding: const EdgeInsets.symmetric(vertical: 8),
|
|
decoration: BoxDecoration(
|
|
color: color.withOpacity(0.1),
|
|
borderRadius: BorderRadius.circular(8),
|
|
border: Border.all(
|
|
color: color.withOpacity(0.3),
|
|
),
|
|
),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Icon(
|
|
icon,
|
|
color: color,
|
|
size: 16,
|
|
),
|
|
const SizedBox(width: 4),
|
|
Text(
|
|
label,
|
|
style: TextStyle(
|
|
color: color,
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildAnalyticsSection(AsyncValue<AmplificationAnalytics?> analyticsAsync) {
|
|
return analyticsAsync.when(
|
|
data: (analytics) {
|
|
if (analytics == null) return const SizedBox.shrink();
|
|
|
|
return Container(
|
|
margin: const EdgeInsets.all(16),
|
|
padding: const EdgeInsets.all(16),
|
|
decoration: BoxDecoration(
|
|
color: Colors.grey[800],
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
const Icon(
|
|
Icons.analytics,
|
|
color: Colors.purple,
|
|
size: 20,
|
|
),
|
|
const SizedBox(width: 8),
|
|
const Text(
|
|
'Amplification Analytics',
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
|
|
const SizedBox(height: 12),
|
|
|
|
// Stats grid
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: _buildAnalyticsItem(
|
|
'Total Reach',
|
|
analytics.totalAmplification.toString(),
|
|
Icons.visibility,
|
|
),
|
|
),
|
|
Expanded(
|
|
child: _buildAnalyticsItem(
|
|
'Engagement Rate',
|
|
'${(analytics.amplificationRate * 100).toStringAsFixed(1)}%',
|
|
Icons.trending_up,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
|
|
const SizedBox(height: 12),
|
|
|
|
// Repost breakdown
|
|
Text(
|
|
'Repost Breakdown',
|
|
style: const TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
const SizedBox(height: 8),
|
|
|
|
...analytics.repostCounts.entries.map((entry) {
|
|
return Padding(
|
|
padding: const EdgeInsets.only(bottom: 4),
|
|
child: Row(
|
|
children: [
|
|
Icon(
|
|
entry.key.icon,
|
|
color: _getRepostTypeColor(entry.key),
|
|
size: 16,
|
|
),
|
|
const SizedBox(width: 8),
|
|
Text(
|
|
'${entry.key.displayName}: ${entry.value}',
|
|
style: const TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 12,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}).toList(),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
loading: () => const Center(
|
|
child: Padding(
|
|
padding: EdgeInsets.all(16),
|
|
child: CircularProgressIndicator(color: Colors.purple),
|
|
),
|
|
),
|
|
error: (error, stack) => Padding(
|
|
padding: const EdgeInsets.all(16),
|
|
child: Text(
|
|
'Failed to load analytics',
|
|
style: TextStyle(color: Colors.red[400]),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildAnalyticsItem(String label, String value, IconData icon) {
|
|
return Column(
|
|
children: [
|
|
Icon(
|
|
icon,
|
|
color: Colors.purple,
|
|
size: 20,
|
|
),
|
|
const SizedBox(height: 4),
|
|
Text(
|
|
value,
|
|
style: const TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
Text(
|
|
label,
|
|
style: TextStyle(
|
|
color: Colors.grey[400],
|
|
fontSize: 10,
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Color _getRepostTypeColor(RepostType type) {
|
|
switch (type) {
|
|
case RepostType.standard:
|
|
return Colors.blue;
|
|
case RepostType.quote:
|
|
return Colors.green;
|
|
case RepostType.boost:
|
|
return Colors.orange;
|
|
case RepostType.amplify:
|
|
return Colors.purple;
|
|
}
|
|
}
|
|
|
|
void _showAmplifyDialog(BuildContext context) {
|
|
showDialog(
|
|
context: context,
|
|
builder: (context) => AlertDialog(
|
|
title: const Text('Amplify Post'),
|
|
content: const Text('Choose amplification level:'),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.pop(context),
|
|
child: const Text('Cancel'),
|
|
),
|
|
ElevatedButton(
|
|
onPressed: () {
|
|
Navigator.pop(context);
|
|
// Handle amplify action
|
|
},
|
|
child: const Text('Amplify'),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|