**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.
25 lines
872 B
JavaScript
25 lines
872 B
JavaScript
importScripts('https://www.gstatic.com/firebasejs/10.7.0/firebase-app-compat.js');
|
|
importScripts('https://www.gstatic.com/firebasejs/10.7.0/firebase-messaging-compat.js');
|
|
|
|
firebase.initializeApp({
|
|
apiKey: 'AIzaSyAAuhnp5MGcXjdwe_dWi93sy1LOuV7ADYg',
|
|
authDomain: 'sojorn-a7a78.firebaseapp.com',
|
|
projectId: 'sojorn-a7a78',
|
|
storageBucket: 'sojorn-a7a78.firebasestorage.app',
|
|
messagingSenderId: '486753572104',
|
|
appId: '1:486753572104:web:d3e6ab825d1e008f9fc8bd',
|
|
measurementId: 'G-702W5531Z3',
|
|
});
|
|
|
|
const messaging = firebase.messaging();
|
|
|
|
messaging.onBackgroundMessage((payload) => {
|
|
const notification = payload.notification || {};
|
|
const title = notification.title || 'New Message';
|
|
const options = {
|
|
body: notification.body || 'Encrypted message received',
|
|
data: payload.data || {},
|
|
};
|
|
self.registration.showNotification(title, options);
|
|
});
|