**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.
176 lines
4.8 KiB
Dart
176 lines
4.8 KiB
Dart
import 'dart:async';
|
|
import 'package:flutter/foundation.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_localizations/flutter_localizations.dart';
|
|
import 'package:flutter_quill/flutter_quill.dart' as flutter_quill;
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
import 'package:firebase_core/firebase_core.dart';
|
|
import 'package:firebase_messaging/firebase_messaging.dart';
|
|
import 'package:app_links/app_links.dart';
|
|
import 'config/firebase_web_config.dart';
|
|
import 'services/notification_service.dart';
|
|
import 'services/auth_service.dart';
|
|
import 'services/secure_chat_service.dart';
|
|
import 'services/simple_e2ee_service.dart';
|
|
import 'services/sync_manager.dart';
|
|
import 'theme/app_theme.dart';
|
|
import 'providers/theme_provider.dart' as theme_provider;
|
|
import 'providers/auth_provider.dart';
|
|
import 'routes/app_routes.dart';
|
|
|
|
Future<void> _firebaseMessagingBackgroundHandler(RemoteMessage message) async {
|
|
await Firebase.initializeApp();
|
|
}
|
|
|
|
void main() async {
|
|
WidgetsFlutterBinding.ensureInitialized();
|
|
|
|
if (kIsWeb) {
|
|
await Firebase.initializeApp(options: FirebaseWebConfig.options);
|
|
} else {
|
|
await Firebase.initializeApp();
|
|
}
|
|
FirebaseMessaging.onBackgroundMessage(_firebaseMessagingBackgroundHandler);
|
|
|
|
runApp(
|
|
const ProviderScope(
|
|
child: sojornApp(),
|
|
),
|
|
);
|
|
}
|
|
|
|
class sojornApp extends ConsumerStatefulWidget {
|
|
const sojornApp({super.key});
|
|
|
|
@override
|
|
ConsumerState<sojornApp> createState() => _sojornAppState();
|
|
}
|
|
|
|
class _sojornAppState extends ConsumerState<sojornApp> {
|
|
late AppLinks _appLinks;
|
|
StreamSubscription<Uri>? _linkSub;
|
|
StreamSubscription<AuthState>? _authSub;
|
|
late final AuthService _authService = AuthService();
|
|
SyncManager? _syncManager;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_initDeepLinks();
|
|
_initE2ee();
|
|
_initNotifications();
|
|
_listenForAuth();
|
|
_initSyncManagerIfAuthenticated();
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_linkSub?.cancel();
|
|
_authSub?.cancel();
|
|
_syncManager?.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
Future<void> _initDeepLinks() async {
|
|
_appLinks = AppLinks();
|
|
|
|
try {
|
|
final initialUri = await _appLinks.getInitialLink();
|
|
if (initialUri != null) {
|
|
_handleUri(initialUri);
|
|
}
|
|
} catch (_) {}
|
|
|
|
_linkSub = _appLinks.uriLinkStream.listen(
|
|
_handleUri,
|
|
onError: (_) {},
|
|
);
|
|
}
|
|
|
|
void _handleUri(Uri uri) {
|
|
if (uri.scheme != 'sojorn') return;
|
|
if (uri.host == 'beacon') {
|
|
final lat = double.tryParse(uri.queryParameters['lat'] ?? '');
|
|
final long = double.tryParse(uri.queryParameters['long'] ?? '');
|
|
if (lat != null && long != null) {
|
|
AppRoutes.router.go(
|
|
'/beacon?lat=${lat.toStringAsFixed(6)}&long=${long.toStringAsFixed(6)}',
|
|
);
|
|
}
|
|
} else if (uri.host == 'verified') {
|
|
// Trigger verification success UI
|
|
ref.read(emailVerifiedEventProvider.notifier).state = true;
|
|
|
|
// If already authenticated, refresh session to update status
|
|
if (_authService.isAuthenticated) {
|
|
_authService.refreshSession();
|
|
}
|
|
}
|
|
}
|
|
|
|
void _initE2ee() {
|
|
if (_authService.isAuthenticated) {
|
|
SimpleE2EEService().initialize();
|
|
}
|
|
}
|
|
|
|
void _initNotifications() {
|
|
if (_authService.isAuthenticated) {
|
|
NotificationService.instance.init();
|
|
}
|
|
}
|
|
|
|
void _listenForAuth() {
|
|
_authSub = _authService.authStateChanges.listen((data) {
|
|
if (data.event == AuthChangeEvent.signedIn ||
|
|
data.event == AuthChangeEvent.tokenRefreshed) {
|
|
SimpleE2EEService().initialize();
|
|
NotificationService.instance.init();
|
|
_ensureSyncManager();
|
|
} else if (data.event == AuthChangeEvent.signedOut) {
|
|
_syncManager?.dispose();
|
|
_syncManager = null;
|
|
}
|
|
});
|
|
}
|
|
|
|
void _initSyncManagerIfAuthenticated() {
|
|
if (_authService.isAuthenticated) {
|
|
_ensureSyncManager();
|
|
}
|
|
}
|
|
|
|
void _ensureSyncManager() {
|
|
if (_syncManager != null) return;
|
|
_syncManager = SyncManager(
|
|
secureChatService: SecureChatService.instance,
|
|
authService: _authService,
|
|
);
|
|
_syncManager!.init();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final WidgetRef ref = this.ref;
|
|
// Watch theme changes
|
|
final themeMode = ref.watch(theme_provider.themeProvider);
|
|
|
|
// Update AppTheme based on selected theme
|
|
AppTheme.setThemeType(themeMode == theme_provider.ThemeMode.pop
|
|
? AppThemeType.pop
|
|
: AppThemeType.basic);
|
|
|
|
return MaterialApp.router(
|
|
title: 'sojorn',
|
|
theme: AppTheme.lightTheme,
|
|
debugShowCheckedModeBanner: false,
|
|
localizationsDelegates: const [
|
|
GlobalWidgetsLocalizations.delegate,
|
|
GlobalMaterialLocalizations.delegate,
|
|
flutter_quill.FlutterQuillLocalizations.delegate,
|
|
],
|
|
routerConfig: AppRoutes.router,
|
|
);
|
|
}
|
|
}
|