Commit Graph

1307 Commits

Author SHA1 Message Date
sebastjanartic
f74d73860c Remove the video counter display from the modal
Remove the client-side display of the video index from the modal component, specifically within bunny-video-modal.tsx.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/b1kgyQd
2025-08-28 20:46:43 +00:00
sebastjanartic
8d30c2a6f8 Allow loading all videos at once instead of limiting to 20
Increase the video limit to 1000 and remove pagination, refactoring the data fetching and state management to load all videos at once on the home page.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/5ujAjpj
2025-08-28 20:45:10 +00:00
sebastjanartic
6dfb575232 Add a central play button for videos that initiates playback
Update the video modal to include a central play button that, when clicked, attempts to initiate video playback via an iframe postMessage. This addresses an issue where the play button was not functioning in the center of the video.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/LnCNXGk
2025-08-28 20:42:59 +00:00
sebastjanartic
d6f440dfbc Improve video player controls to enhance user interaction
Adjusted video player control visibility, timeouts, and click event handling to refine user interaction and ensure smoother navigation between videos.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/dJ1Skxc
2025-08-28 20:40:15 +00:00
sebastjanartic
b8c741977f Improve video player interaction and visibility of controls
Refactors the BunnyVideoModal component to move the click and hover event handlers from the video player container to an invisible overlay div, ensuring controls are properly managed and visible.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/9841b0K
2025-08-28 20:39:11 +00:00
sebastjanartic
b643ba2a2c Show video playback controls when user interacts with the video
Implement logic to temporarily display video playback controls on click and hover events within the BunnyVideoModal component. Add new state variables `showControls` and `controlsTimeout` to manage the visibility and auto-hiding of controls. Update the video player container's className to include `cursor-pointer` and an `onClick` handler `handleVideoClick` which triggers `showControlsTemporarily`. The `onMouseEnter` and `onMouseLeave` handlers on the video player container also manage control visibility and timeouts. Navigation buttons now conditionally render with `opacity-100` or `opacity-0 pointer-events-none` based on the `showControls` state.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/dDOZBYz
2025-08-28 20:37:41 +00:00
sebastjanartic
e081f95816 Remove interactive video swiping functionality from the modal
Refactors the `BunnyVideoModal` component by removing all touch and mouse drag event handlers related to video swiping.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/wFqZzfa
2025-08-28 20:36:24 +00:00
sebastjanartic
2d09b42c16 Improve video player responsiveness and navigation experience
Update `BunnyVideoModal` to refine drag and swipe detection areas, ensuring better interaction with video controls and enhancing mobile navigation.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/af5i6pm
2025-08-28 20:34:08 +00:00
sebastjanartic
c573c8c385 Improve video modal dragging for smoother navigation between videos
Refine drag-to-navigate functionality in the video modal component by introducing a drag threshold, delaying the start of dragging until a certain pixel movement is detected, and adjusting transition properties for smoother visual feedback.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/rZ9IVzA
2025-08-28 20:33:03 +00:00
sebastjanartic
4cb0d4d5d9 Improve video modal touch and drag navigation for smoother transitions
Refine touch event handling in `BunnyVideoModal` to improve horizontal drag responsiveness and control swipe gestures, adjusting drag limits and transition properties for a more fluid user experience.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/MGNP7gF
2025-08-28 20:31:20 +00:00
sebastjanartic
38fafb0e50 Improve video player dragging and add visual feedback for navigation
Refine horizontal drag limits and transition animations in the video modal component, enhancing the user experience for navigating between videos.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/plzfVnD
2025-08-28 20:28:48 +00:00
sebastjanartic
b751bf93d1 Add swipe gesture navigation between videos in modal
Implement touch and mouse drag event handlers for horizontal swiping within the video modal to allow navigation between videos, utilizing Video.js player with HLS.js and Bunny.net CDN integration.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/NpZDdK4
2025-08-28 20:26:16 +00:00
sebastjanartic
22aac877b9 Add video navigation and translate UI elements to Slovenian
Introduce left/right arrow navigation for videos and translate several UI strings to Slovenian.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/14Urb47
2025-08-28 20:24:30 +00:00
sebastjanartic
b9fa335300 Add swipe gesture to navigate between videos within the player
Implement touch and mouse drag gestures for seamless video navigation, allowing users to swipe left or right to move to the next or previous video, respectively.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/aSWZcEZ
2025-08-28 20:20:12 +00:00
sebastjanartic
19c1358391 Improve video modal layout and text display for better viewing
Adjusted flex properties in `bunny-video-modal.tsx` to ensure proper rendering of the video player and sidebar. Modified text display for video titles to allow for normal wrapping and breaking of long words, preventing content truncation.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/ahY6QGR
2025-08-28 20:08:36 +00:00
sebastjanartic
bc85481929 Improve video modal display for better readability
Update client/src/components/bunny-video-modal.tsx to adjust text styling for video titles and descriptions, improving their presentation within the modal.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/r4YOUN9
2025-08-28 20:06:25 +00:00
sebastjanartic
8804f34b8c Improve video card interaction by passing click events to parent components
Update the `VideoCard` component in `client/src/components/video-card.tsx` to pass video click events to a parent handler via an `onClick` prop, instead of directly navigating using `window.location.href`. This change decouples the card's navigation logic and allows for more flexible handling of clicks.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/PjBvWAg
2025-08-28 20:03:22 +00:00
sebastjanartic
914510612a Improve video loading speed by optimizing data fetching and caching
Update data fetching configurations to enable aggressive caching, increase staleTime to 5 minutes, and gcTime to 10 minutes. Disable refetching on window focus and reconnect events. Modify the useEffect hook to only trigger refetch on searchQuery changes, not offset changes.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/clVZrpf
2025-08-28 19:58:13 +00:00
sebastjanartic
4cdad54178 Improve mobile search experience with updated animation and icon
Update the mobile search component in client/src/components/search-header.tsx to use a slide-in-from-top animation and toggle the search icon to an X icon when the mobile menu is open.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/FYWyElj
2025-08-28 19:55:13 +00:00
sebastjanartic
c17c51c82c Remove the back button and add a search icon to the video page
Replaces the desktop "Back" button on the VideoPage with a search icon, and removes the button entirely.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/mzoDqOY
2025-08-28 19:53:20 +00:00
sebastjanartic
e8fbff8a8b Update mobile button to navigate back to previous page
Replaces the mobile menu button with a back navigation button in the VideoPage component, and updates its data-testid.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/bJSx96m
2025-08-28 19:52:07 +00:00
sebastjanartic
9885905652 Adjust the display of mobile menus and add a navigation button
Update the animation for the mobile menu on the video page and add a mobile navigation button to the 404 page.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/jevPZgI
2025-08-28 19:50:53 +00:00
sebastjanartic
9ffc51b5d9 Update mobile search functionality to slide in from the right
Modify the mobile search component to slide in from the right instead of the top, and add autofocus to the search input.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/amXgzfS
2025-08-28 19:46:46 +00:00
sebastjanartic
67fd934269 Adjust header to reposition search and remove library title
Remove the video library title and description from the header and adjust layout for search bar positioning.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/R8bHwWC
2025-08-28 19:44:38 +00:00
sebastjanartic
f21ee8e01a Improve search header by hiding grid view on smaller screens
Hide the grid view button in the search header component on small screen sizes by adding the `hidden sm:flex` class to the container div.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/IG0thRZ
2025-08-28 19:43:42 +00:00
sebastjanartic
b4ee310ea3 Remove grid view option from mobile search header
Removes the mobile-specific grid view toggle from the search header component in client/src/components/search-header.tsx.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/hDXW7gU
2025-08-28 19:41:54 +00:00
sebastjanartic
346f4a16fb Add social media and mobile-friendly meta tags to the website
Added Open Graph, Twitter Card, and mobile-specific meta tags to client/index.html to improve social sharing and mobile application integration.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/PHPrYKk
2025-08-28 19:40:09 +00:00
sebastjanartic
6cb28870a2 Improve footer design by repositioning and resizing decorative triangles
Refactor CSS for footer triangle elements in VideoPage, Home, and NotFound components, adjusting positioning and dimensions for better visual appeal and to prevent text overlap.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/GLdjeU9
2025-08-28 19:19:41 +00:00
sebastjanartic
e3b00c1c2c Remove unused category and tag information from video displays
Removes the rendering of video categories and tags from the modal, video card, and video page components in the client.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/BjeofQf
2025-08-28 19:10:40 +00:00
sebastjanartic
3e1220da4e Improve data freshness on the home page by always fetching new information
Update query options in the home page component to disable caching (staleTime: 0, gcTime: 0) and enable background refetching on window focus and reconnection.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/BiCW5yE
2025-08-28 19:06:38 +00:00
sebastjanartic
bbe9afe48f Remove category extraction from Bunny.net video metadata
Modify `server/bunny.ts` to remove the logic for extracting video category from Bunny.net metadata, defaulting to an empty string.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
2025-08-28 19:02:52 +00:00
sebastjanartic
51d67a88ff Remove Bunny.net tags extraction from video metadata
Modify server/bunny.ts to remove logic for extracting tags from Bunny.net metaTags, as they are not present or relevant for the platform's tagging system.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
2025-08-28 19:01:13 +00:00
sebastjanartic
91e349dead Improve video tag display for better visual appeal and clarity
Update the styling for video tags in the video card component.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
2025-08-28 18:59:34 +00:00
sebastjanartic
43390116b7 Add mobile menu and display video categories and tags
Integrates a mobile-friendly menu with search functionality and displays video categories and tags fetched from Bunny.net metadata, enhancing content discoverability and user experience on all devices.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/wsHCZ4W
2025-08-28 18:27:23 +00:00
sebastjanartic
d1948a7523 Update website branding to use the correct domain name
Update meta tags and title in client/index.html to reflect the change from "g4.video" to "go4.video".

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
2025-08-28 17:56:35 +00:00
sebastjanartic
8a8a94b8fd Ensure all videos are consistently stored in the database by fetching and synchronizing them
Implement a paginated fetching mechanism for all videos from an external service and synchronize them to the PostgreSQL database, handling both new insertions and updates for existing video records.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
2025-08-28 17:55:46 +00:00
sebastjanartic
42883d8409 Restored to '44d6f571a5a2b8bce0fd4e8a9eae76204284885b'
Replit-Restored-To: 44d6f571a5
2025-08-28 17:43:16 +00:00
sebastjanartic
8fe4a6f7f6 Saved your changes before rolling back
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
2025-08-28 17:43:09 +00:00
sebastjanartic
b744eb1bf5 Integrate Bunny.net iframe player for video playback
Replace HLS.js video player with Bunny.net iframe embed in VideoPage.tsx to utilize their CDN for video streaming.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/52uJ2fJ
2025-08-28 17:43:05 +00:00
sebastjanartic
eb29cb0b7e Improve video playback by integrating HLS.js for adaptive streaming
Replace the iframe embed with a video player utilizing HLS.js for adaptive streaming and update the hls.js dependency to version 1.6.11.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/52uJ2fJ
2025-08-28 17:41:55 +00:00
sebastjanartic
506bd52dc3 Revert to original Bunny.net player for video playback
Reverts client-side video player to use Bunny.net's iframe embed and updates server storage to reflect the original Bunny.net iframe URLs instead of HLS stream URLs.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/Biq0lDI
2025-08-28 17:39:36 +00:00
sebastjanartic
ece04e8891 Update video player to use Video.js and HLS streaming
Integrate Video.js for improved video playback and switch to HLS streaming from Bunny.net CDN. Update server storage to reflect new video URL format for HLS compatibility.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/M1DfQp9
2025-08-28 17:36:25 +00:00
sebastjanartic
9a13f7a813 Migrate video data to PostgreSQL and implement direct video embedding
Migrated 100 video metadata records to PostgreSQL, implemented iframe-based video playback via Bunny.net, and improved synchronization and search functionality.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/k4pa29Y
2025-08-28 17:35:11 +00:00
sebastjanartic
e0f349703f Update video player to use Bunny.net embed for improved streaming
Integrates Bunny.net's iframe embed for video playback on the client-side and updates the video URL format in the database storage to reflect this change.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/k4pa29Y
2025-08-28 17:34:38 +00:00
sebastjanartic
45c141d1ae Update video playback to use HLS streaming URLs
Modify `DatabaseStorage` to map video rows to objects with HLS streaming URLs (`playlist.m3u8`) instead of direct Bunny.net iframe URLs in `server/storage.ts`.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/qTAUKD2
2025-08-28 17:33:20 +00:00
sebastjanartic
146e5fd25c Update video playback to use direct iframe links
Replaced signed URLs with direct iframe URLs for video playback and updated the token generation method in the Bunny service.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/tr3vokF
2025-08-28 17:32:26 +00:00
sebastjanartic
3481a92615 Improve video view count display and optimize Bunny service integration
Update `formatViews` to handle undefined view counts and instantiate `BunnyService` in `bunny.ts`.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/eEXLcyA
2025-08-28 17:30:37 +00:00
sebastjanartic
65a86b9f65 Add secure video playback links using CDN signed URLs
Update database storage to use Bunny.net CDN and generate signed URLs for video playback, ensuring secure and time-limited access.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/nodk9hG
2025-08-28 17:29:30 +00:00
sebastjanartic
6a20747a32 Improve video metadata synchronization with automatic database updates
Implement periodic synchronization for video metadata to ensure the database remains up-to-date with Bunny.net, including initial migration and recurring checks every 5 minutes.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/yjIG1wi
2025-08-28 17:27:43 +00:00
sebastjanartic
f77c0da28a Improve database video retrieval and update operations
Refactors video data handling to use raw SQL queries for improved performance and flexibility. Updates the `getVideos`, `getVideo`, and `updateVideoViews` methods to execute SQL directly, improving efficiency and error handling.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/KMT7BRC
2025-08-28 17:24:05 +00:00