feat: Improvements v0.0.5 #30

Merged

rdenadai merged 1 commit from rdenadai/improvements-v0.0.5 into main

2025-11-14 00:52:00 +00:00

rdenadai commented

2025-11-10 11:00:16 +00:00

Owner

Theme System Implementation

Added dark mode support with theme toggle functionality
Created useTheme composable for theme management with localStorage persistence
Implemented CSS custom properties for light and dark color schemes
Added ThemeToggle component with sun/moon icons for switching between themes
Theme preferences are stored in IndexedDB using the useIndexedDB composable

UI/UX Improvements

Updated all components to use CSS variables for dynamic theming
Improved color consistency across the application using the new theme system
Added theme-aware styling for:
- Background colors (primary, secondary, tertiary)
- Text colors (primary, secondary, tertiary)
- Input fields
- Buttons (primary, secondary, disabled states)
- Error and success messages
- Borders and separators

Post Creation Enhancements

Refactored post creation to use applyWrites API instead of createPost
Added support for quoted posts (quotes) with reference post parameter
Added reply functionality with proper parent/root thread references
Implemented TID (Timestamp Identifier) generation for post IDs following ATProtocol specifications
Added drag-and-drop image support for post creation
Improved image handling with paste functionality
Post creation modal now uses Teleport for better rendering

Component Updates

CreatePostView: Refactored to support quotes and replies with proper thread handling
PostView: Added reply functionality and post creation events
EmojisView: Changed scoped styles to global for better emoji picker integration
NotificationsList: Updated with theme-aware colors and improved pull-to-refresh indicator
ParsedPost: Added URL shortening for long links (truncates at 50 characters)
Added new Select component for custom dropdown inputs with theme support

Service Layer Changes

Implemented generateTID() function for ATProtocol-compliant timestamp identifiers
Added applyWrites() function for atomic post creation with support for:
- Multiple images (up to 4)
- Quote posts with embedded media
- Reply threading with root and parent references
- Combined quote and reply functionality
Fixed repost deletion logic to use proper rkey extraction

Updated capivara-stone color palette for better dark mode compatibility
Improved pull-to-refresh indicators across feed, timeline, and notifications
Enhanced button styling with theme-aware hover states
Updated form inputs with theme-aware backgrounds and borders
Fixed text color contrasts for better readability in both themes

Meta Tags and PWA

Added Twitter Card meta tags for better social media sharing
Added apple-touch-icon for iOS home screen
Added cover image for social media previews
Updated PWA manifest with window-controls-overlay display mode
Adjusted service worker settings (clientsClaim: true, cleanupOutdatedCaches: false)

Code Quality

Removed unused imports and dead code
Improved component organization and structure
Better separation of concerns with composables
Enhanced type safety with proper prop definitions

### Theme System Implementation - Added dark mode support with theme toggle functionality - Created `useTheme` composable for theme management with localStorage persistence - Implemented CSS custom properties for light and dark color schemes - Added `ThemeToggle` component with sun/moon icons for switching between themes - Theme preferences are stored in IndexedDB using the `useIndexedDB` composable ### UI/UX Improvements - Updated all components to use CSS variables for dynamic theming - Improved color consistency across the application using the new theme system - Added theme-aware styling for: - Background colors (primary, secondary, tertiary) - Text colors (primary, secondary, tertiary) - Input fields - Buttons (primary, secondary, disabled states) - Error and success messages - Borders and separators ### Post Creation Enhancements - Refactored post creation to use `applyWrites` API instead of `createPost` - Added support for quoted posts (quotes) with reference post parameter - Added reply functionality with proper parent/root thread references - Implemented TID (Timestamp Identifier) generation for post IDs following ATProtocol specifications - Added drag-and-drop image support for post creation - Improved image handling with paste functionality - Post creation modal now uses Teleport for better rendering ### Component Updates - `CreatePostView`: Refactored to support quotes and replies with proper thread handling - `PostView`: Added reply functionality and post creation events - `EmojisView`: Changed scoped styles to global for better emoji picker integration - `NotificationsList`: Updated with theme-aware colors and improved pull-to-refresh indicator - `ParsedPost`: Added URL shortening for long links (truncates at 50 characters) - Added new `Select` component for custom dropdown inputs with theme support ### Service Layer Changes - Implemented `generateTID()` function for ATProtocol-compliant timestamp identifiers - Added `applyWrites()` function for atomic post creation with support for: - Multiple images (up to 4) - Quote posts with embedded media - Reply threading with root and parent references - Combined quote and reply functionality - Fixed repost deletion logic to use proper rkey extraction ### Visual Refinements - Updated capivara-stone color palette for better dark mode compatibility - Improved pull-to-refresh indicators across feed, timeline, and notifications - Enhanced button styling with theme-aware hover states - Updated form inputs with theme-aware backgrounds and borders - Fixed text color contrasts for better readability in both themes ### Meta Tags and PWA - Added Twitter Card meta tags for better social media sharing - Added apple-touch-icon for iOS home screen - Added cover image for social media previews - Updated PWA manifest with window-controls-overlay display mode - Adjusted service worker settings (clientsClaim: true, cleanupOutdatedCaches: false) ### Code Quality - Removed unused imports and dead code - Improved component organization and structure - Better separation of concerns with composables - Enhanced type safety with proper prop definitions

rdenadai added 1 commit

2025-11-10 11:00:17 +00:00