Sync fork commits #77
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Switch to typescript-node:20-bullseye base image for better performance - Remove unused features (MariaDB, Renovate CLI, Claude Code) - Add volume mounts for node_modules to improve rebuild times - Implement updateContentCommand for faster dependency installation - Switch from root to node user for better security - Streamline setup script to only install required PostgreSQL client - Update VSCode extensions to match actual project needs Co-authored-by: Ona <no-reply@ona.com>
- Switch to postgres:15-alpine for smaller image size (~200MB reduction) - Add comprehensive healthcheck with proper timing - Implement security hardening with no-new-privileges and scram-sha-256 auth - Add tmpfs mounts for /tmp and /var/run/postgresql to improve performance - Set restart policy to unless-stopped for better reliability - Make migrations volume read-only for security Co-authored-by: Ona <no-reply@ona.com>
- Add custom Dockerfile with layer caching for dependencies - Remove redundant updateContentCommand from devcontainer.json - Add .dockerignore to reduce build context size - Use BuildKit cache mounts for npm cache - Install system dependencies in Dockerfile instead of setup.sh - Add npm cache volume mount for faster rebuilds Co-authored-by: Ona <no-reply@ona.com>
- Add comprehensive search API endpoints with full-text search and filtering - Create SearchBar component with real-time autocomplete and debounced queries - Implement advanced filtering UI (genres, year, rating, duration) - Add search results display with relevance scoring - Enhance database schema with search metadata and indexes - Integrate search functionality into main navigation - Add search service layer with caching and suggestion algorithms - Fix frontend syntax errors and component integration Features: - Real-time search with 300ms debouncing - Smart autocomplete suggestions from titles, directors, actors, genres - Advanced filters: genre multi-select, year/rating/duration ranges - Search result caching and performance optimization - Responsive design with smooth animations - Search history management Co-authored-by: Ona <no-reply@ona.com>
- Replace gray box placeholder with actual profile image - Add professional headshot avatar from Unsplash - Enhance profile image with hover effects (red ring) - Use rounded-full styling for circular profile picture - Improve user experience with visual profile representation Co-authored-by: Ona <no-reply@ona.com>
- Create UserProfileDropdown component with rich user information display - Add mock user data with stats, preferences, and activity tracking - Integrate profile dropdown with Navbar click functionality - Include user stats: movies watched, watchlist count, hours watched - Add quick action buttons: My List, Continue Watching, Viewing Activity - Implement preference toggles: auto-play, HD quality, notifications - Add account management options: profiles, settings, help, sign out - Style with Netflix-like dark theme, hover effects, and smooth transitions - Add ProfileTest component for development and testing - Include click-outside-to-close functionality Features: - Professional profile header with avatar and user details - Interactive stats dashboard with color-coded metrics - Quick access to common Netflix-like features - Preference toggles with visual switch components - Account management with proper iconography - Responsive design with smooth animations - Mock data structure ready for real API integration Co-authored-by: Ona <no-reply@ona.com>
- Create VideoPlayer component with full Netflix-style controls - Implement MovieModal for rich movie information display - Add movie click handlers throughout the application - Update database schema with trailer and video URL support - Enhance MovieRow with hover effects and play buttons - Add custom CSS for video player styling and animations VideoPlayer Features: - Auto-play with muted start for better UX - Custom progress bar with seeking functionality - Volume control with mute/unmute toggle - Fullscreen support with proper event handling - Auto-hiding controls after 3 seconds of inactivity - Keyboard shortcuts (Space for play/pause, Escape to close) - Professional Netflix-like control styling - Smooth animations and transitions MovieModal Features: - Rich movie information display with backdrop image - Action buttons: Play, Add to List, Like - Detailed movie metadata: cast, director, genres, rating - Responsive design with proper information hierarchy - Seamless integration with VideoPlayer component Database Enhancements: - Add trailer_url and video_url columns to movies table - Include sample video URLs using Google's test content - Create indexes for video content optimization - Update seed data with demo video links UI/UX Improvements: - Enhanced MovieRow with hover effects and scaling - Movie info overlay on hover with rating and description - Smooth transitions and professional animations - Click handlers for seamless movie selection - Custom CSS for video controls and sliders Testing: - VideoPlayerTest component for development testing - Comprehensive feature demonstration - Sample movie data with all required fields - Build verification and component integration testing Co-authored-by: Ona <no-reply@ona.com>
- Create YouTubePlayer component for embedded YouTube videos - Add YouTube URL parsing utilities with multiple format support - Update VideoPlayer to automatically detect and handle YouTube URLs - Enhance database schema with YouTube-specific video ID columns - Add real movie trailer URLs from official YouTube channels YouTubePlayer Features: - Automatic YouTube URL detection and video ID extraction - Embedded iframe player with custom Netflix-like overlay - Auto-play with muted start for better user experience - Custom controls overlay with movie information - Direct 'Watch on YouTube' link for full experience - Loading states and error handling for missing videos - Responsive design with proper aspect ratio handling YouTube Utilities: - Support for multiple YouTube URL formats: * youtube.com/watch?v=VIDEO_ID * youtu.be/VIDEO_ID * youtube.com/embed/VIDEO_ID * youtube.com/v/VIDEO_ID - Automatic video ID extraction with regex patterns - YouTube thumbnail URL generation - Embed URL creation with custom parameters - URL validation and format detection Database Enhancements: - Add youtube_trailer_id and youtube_video_id columns - PostgreSQL function for YouTube ID extraction - Automatic ID extraction from existing URLs - Proper indexing for YouTube video content Real Movie Trailers: - The Godfather (1972) - Official trailer - The Matrix (1999) - Official trailer - The Dark Knight (2008) - Official trailer - Inception (2010) - Official trailer - Pulp Fiction (1994) - Official trailer - Fight Club (1999) - Official trailer - The Shawshank Redemption (1994) - Official trailer - And more popular movies with official YouTube trailers Testing Components: - YouTubePlayerTest for development and demonstration - Comprehensive utility function testing - Thumbnail preview generation - URL parsing validation - Interactive movie grid with real trailers Integration: - Seamless fallback between YouTube and MP4 videos - Automatic format detection in VideoPlayer component - Consistent user experience across video types - Professional Netflix-like styling maintained Example Usage: - Click any movie with YouTube trailer URL - Player automatically detects YouTube format - Embeds video with custom controls and branding - Provides direct YouTube link for full experience Co-authored-by: Ona <no-reply@ona.com>
- Enable sound in YouTube embeds by setting mute: 0 - Show YouTube native controls for full audio functionality - Fix iframe dimensions to prevent control cropping - Remove overflow-hidden that was hiding volume controls - Add proper aspect ratio handling for responsive design - Enable fullscreen, captions, and keyboard controls - Update YouTube embed parameters for better audio experience Audio Fixes: - Volume controls now fully visible and functional - Sound enabled by default (respects browser autoplay policies) - YouTube's native volume slider and mute button accessible - Closed captions available when provided - Keyboard volume controls (↑↓ arrows) enabled - Right-click context menu for audio settings - Fullscreen mode with audio controls Player Improvements: - Proper 16:9 aspect ratio with padding-bottom technique - No control cropping or visibility issues - Minimal custom overlay that doesn't interfere with YouTube controls - Clean movie info display at top - Direct YouTube link button for full experience - Responsive design that works on all screen sizes Testing Components: - AudioTest component for testing audio functionality - VideoPlayerDebug for troubleshooting video URLs - QuickTest for simple player verification - Database migration with real YouTube trailer URLs Browser Compatibility: - Handles browser autoplay policies gracefully - Works with all modern browsers - Respects user preferences for autoplay - Provides clear feedback about audio state Example Usage: - Main app: Click any movie → Full audio experience - Audio test: /audio → Dedicated audio testing page - Debug page: /debug → Troubleshoot video URLs - Quick test: /test → Simple functionality test Co-authored-by: Ona <no-reply@ona.com>
- Add 'Award Winners' category featuring Oscar Best Picture winners - Add 'Modern Blockbusters' category with recent high-grossing films - Enhance database schema with complete movie metadata - Update frontend to display 5 movie categories total New Movies Added: AWARD WINNERS (Oscar Best Picture Winners): - Parasite (2019) - Bong Joon-ho masterpiece, first foreign language Best Picture - Nomadland (2020) - Chloé Zhao's contemplative drama with Frances McDormand - Green Book (2018) - Peter Farrelly's biographical comedy-drama - Moonlight (2016) - Barry Jenkins' coming-of-age drama - The Shape of Water (2017) - Guillermo del Toro's fantasy romance MODERN BLOCKBUSTERS (Recent High-Grossing Films): - Avatar: The Way of Water (2022) - James Cameron's long-awaited sequel - Top Gun: Maverick (2022) - Tom Cruise's triumphant return as Maverick - Black Panther: Wakanda Forever (2022) - Marvel's tribute to Chadwick Boseman - Spider-Man: No Way Home (2021) - Multiverse-spanning Spider-Man epic - Avengers: Endgame (2019) - Epic conclusion to the Infinity Saga Database Enhancements: - Add genres array field for multi-genre classification - Add director field for filmmaker information - Add movie_cast array field for main cast members (renamed from 'cast' due to SQL reserved word) - Add duration field for runtime in minutes - Create proper indexes for search performance - Update all existing movies with complete metadata Frontend Updates: - Expand movie categorization logic with genre-based filtering - Add Award Winners row with Oscar Best Picture winners - Add Modern Blockbusters row with recent hits - Improve movie organization with rating-based trending - Enhanced filtering for sci-fi movies using genre metadata Complete Movie Metadata: - All movies now include: title, description, year, rating, poster, trailer - Genre classification for better categorization - Director and cast information for movie details - Runtime duration for user information - Real YouTube trailer URLs for all new movies Testing Features: - CategoryTest component at /categories for detailed category view - Complete movie statistics and metadata display - Visual genre tags and movie information - Responsive grid layouts for different screen sizes Movie Collection Now Includes: - Classic films (The Godfather, The Matrix, etc.) - Modern sci-fi (Dune, Blade Runner 2049, Interstellar) - Award-winning dramas (Parasite, Moonlight, Nomadland) - Blockbuster entertainment (Marvel, Avatar, Top Gun) - Diverse genres: Action, Drama, Sci-Fi, Thriller, Comedy, Fantasy Co-authored-by: Ona <no-reply@ona.com>
Co-authored-by: Ona <no-reply@ona.com>
- Fix PostgreSQL initialization error (cast -> movie_cast column rename) - Fix broken Moonlight movie image URL - Add missing database columns (trailer_url, youtube_trailer_id, categories, video_url) - Consolidate 9 scattered seed files into single optimized movies_complete.sql - Add categories column for proper movie categorization instead of hardcoded filtering - Update frontend to use new categories column for efficient filtering - Update seed database automation task to use optimized structure - Remove obsolete seed files and update documentation references - Ensure all 5 homepage categories display correctly with proper data Database now contains 20 movies with complete metadata across all categories: - Trending: 4 movies - Popular: 4 movies - Sci-Fi: 4 movies - Award Winners: 4 movies - Modern Blockbusters: 4 movies Co-authored-by: Ona <no-reply@ona.com>
- Replace broken TMDB image URL with working Amazon image URL - Verified URL returns HTTP 200 and displays correctly - Re-seeded database with corrected image Co-authored-by: Ona <no-reply@ona.com>
Frontend improvements: - Change grid from 4 to 5 movies per row for better space utilization - Add proper aspect-[2/3] ratio for movie poster proportions - Use object-top positioning to keep heads/important parts visible - Reduce gap spacing to accommodate 5 movies per row - Update category limits from 4 to 5 movies each Database improvements: - Add The Shawshank Redemption to trending category - Add Nomadland to award winners category - Fix Nomadland broken image URL with working Amazon image - Now have 5 movies per category for complete rows Visual fixes: - Neo's head and other character faces now properly visible - Portrait movie posters maintain correct aspect ratio - Better image cropping with object-top positioning - More content displayed per category row Co-authored-by: Ona <no-reply@ona.com>
- Add handleBackdropClick function to close modal when clicking outside - Add handleModalContentClick to prevent event bubbling from modal content - Preserve existing close button and other modal interactions - Improves user experience with intuitive modal dismissal Co-authored-by: Ona <no-reply@ona.com>
- Add startup.sh: Automated service orchestration with dependency management - Add health-check.sh: Comprehensive service monitoring and diagnostics - Update .gitpod/automations.yaml: Fix PostgreSQL service and add proper error handling - Update .devcontainer/devcontainer.json: Add postStartCommand for automatic startup - Update .devcontainer/setup.sh: Install required tools and make scripts executable - Update README.md: Complete documentation with troubleshooting guide Features: - Automatic service startup on environment creation - Port conflict resolution and cleanup - Service dependency management (DB → Backend → Frontend) - Health checks with detailed status reporting - Error recovery and troubleshooting guidance - Colored output and progress indicators Co-authored-by: Ona <no-reply@ona.com>
- Add error suppression and head -1 to prevent infinite loop in kill_port function - Resolves startup script hanging when checking for processes on ports Co-authored-by: Ona <no-reply@ona.com>
- Replace problematic lsof commands with netstat + timeout to prevent hanging - Add comprehensive database readiness checks (container health, connection, schema) - Enhance database seeding with better error handling and fallback options - Increase timeout values for PostgreSQL initialization (90s for health check) - Add schema verification before seeding to ensure migrations completed - Improve logging and error reporting throughout startup process Co-authored-by: Ona <no-reply@ona.com>
- Change health check grep pattern from 'healthy' to '(healthy)' - Resolves timeout issue where container was healthy but pattern didn't match - Ensures proper detection of PostgreSQL container health status Co-authored-by: Ona <no-reply@ona.com>
- Configure Jira MCP server to auto-install on environment startup - Add devcontainer setup script integration for seamless deployment - Include Gitpod automations for manual setup and service management - Use environment variable for JIRA_API_TOKEN to avoid secret exposure - Pre-configure for coakley.atlassian.net MBA project - Enable AI assistants to create, search, and manage Jira tickets - Support all MCP tools: create-ticket, get-ticket, search-tickets, update-ticket, link-tickets, get-test-steps, add-test-steps Co-authored-by: Ona <no-reply@ona.com>
- Add missing 'fi' statement to close conditional block in setupJiraMCP task - Fix file path expansion in ready check (~/ to $HOME/) - Resolve 'unexpected end of file' error preventing MCP server setup - Automation now runs successfully and tests MCP server functionality Co-authored-by: Ona <no-reply@ona.com>
- Remove Cline VSCode extension specific MCP configuration - Focus on generic MCP client setup at ~/.config/mcp/client-config.json - Remove emojis from all automation output messages for professional appearance - Maintain Jira MCP server functionality and testing - Update verification script to reflect generic client configuration Co-authored-by: Ona <no-reply@ona.com>
- Add .mcp/config.json with comprehensive server configuration - Add mcp.json for root-level MCP discovery - Add .mcp.yaml for YAML-preferring tools - Extract configuration from gitpod/automations.yaml - Enable automatic Jira MCP detection for AI assistants Co-authored-by: Ona <no-reply@ona.com>
- Remove redundant config file generation from automation - Use standardized .mcp/config.json, mcp.json, .mcp.yaml instead - Focus automation on server installation only - Eliminate hardcoded configuration values - Improve separation of concerns between installation and configuration Co-authored-by: Ona <no-reply@ona.com>
Co-authored-by: Ona <no-reply@ona.com>
Co-authored-by: Ona <no-reply@ona.com>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
No description provided.