sojorn/sojorn_app/lib/services/feed_navigation_service.dart
Patrick Britton 3c4680bdd7 Initial commit: Complete threaded conversation system with inline replies
**Major Features Added:**
- **Inline Reply System**: Replace compose screen with inline reply boxes
- **Thread Navigation**: Parent/child navigation with jump functionality
- **Chain Flow UI**: Reply counts, expand/collapse animations, visual hierarchy
- **Enhanced Animations**: Smooth transitions, hover effects, micro-interactions

 **Frontend Changes:**
- **ThreadedCommentWidget**: Complete rewrite with animations and navigation
- **ThreadNode Model**: Added parent references and descendant counting
- **ThreadedConversationScreen**: Integrated navigation handlers
- **PostDetailScreen**: Replaced with threaded conversation view
- **ComposeScreen**: Added reply indicators and context
- **PostActions**: Fixed visibility checks for chain buttons

 **Backend Changes:**
- **API Route**: Added /posts/:id/thread endpoint
- **Post Repository**: Include allow_chain and visibility fields in feed
- **Thread Handler**: Support for fetching post chains

 **UI/UX Improvements:**
- **Reply Context**: Clear indication when replying to specific posts
- **Character Counting**: 500 character limit with live counter
- **Visual Hierarchy**: Depth-based indentation and styling
- **Smooth Animations**: SizeTransition, FadeTransition, hover states
- **Chain Navigation**: Parent/child buttons with visual feedback

 **Technical Enhancements:**
- **Animation Controllers**: Proper lifecycle management
- **State Management**: Clean separation of concerns
- **Navigation Callbacks**: Reusable navigation system
- **Error Handling**: Graceful fallbacks and user feedback

This creates a Reddit-style threaded conversation experience with smooth
animations, inline replies, and intuitive navigation between posts in a chain.
2026-01-30 07:40:19 -06:00

80 lines
1.9 KiB
Dart

import 'package:flutter/material.dart';
import '../models/post.dart';
/// Navigation service for opening different feeds based on post type
class FeedNavigationService {
static void openQuipsFeed(BuildContext context, Post post) {
// Navigate to Quips feed with the specific video
Navigator.of(context).push(
MaterialPageRoute(
builder: (context) => QuipsFeedScreen(
initialPostId: post.id,
initialVideoUrl: post.videoUrl,
),
),
);
}
static void openThreadedConversation(BuildContext context, String postId) {
// Navigate to threaded conversation for regular posts
Navigator.of(context).push(
MaterialPageRoute(
builder: (context) => ThreadedConversationScreen(
rootPostId: postId,
),
),
);
}
}
/// Placeholder for QuipsFeedScreen (would be implemented separately)
class QuipsFeedScreen extends StatelessWidget {
final String? initialPostId;
final String? initialVideoUrl;
const QuipsFeedScreen({
super.key,
this.initialPostId,
this.initialVideoUrl,
});
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.black,
appBar: AppBar(
backgroundColor: Colors.black,
title: const Text('Quips'),
),
body: Center(
child: Text(
'Quips Feed\n(Initial Post: $initialPostId)',
style: const TextStyle(color: Colors.white),
),
),
);
}
}
/// Placeholder for ThreadedConversationScreen (already implemented)
class ThreadedConversationScreen extends StatelessWidget {
final String rootPostId;
const ThreadedConversationScreen({
super.key,
required this.rootPostId,
});
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('Thread'),
),
body: Center(
child: Text('Threaded Conversation: $rootPostId'),
),
);
}
}