jacuzzi/frontend/js/main.js

window.App = window.App || {};

(function() {
    // App bootstrap: initialize storage, render UI, and load the first page.
    async function initApp() {
        await App.storage.ensureDefaults();
        App.ui.applyTheme();
        App.ui.applyPreferredQuality();
        App.ui.applyFeedEndBehavior();
        App.ui.applyDensity();
        App.ui.renderMenu();
        App.favorites.renderBar();
        App.ui.bindGlobalHandlers();

        App.videos.observeSentinel();

        const loadMoreBtn = document.getElementById('load-more-btn');
        if (loadMoreBtn) {
            loadMoreBtn.onclick = () => {
                App.videos.loadVideos();
            };
        }

        const errorToastClose = document.getElementById('error-toast-close');
        if (errorToastClose) {
            errorToastClose.onclick = () => {
                const toast = document.getElementById('error-toast');
                if (toast) toast.classList.remove('show');
            };
        }

        window.addEventListener('resize', () => {
            App.videos.ensureViewportFilled();
        });

        await App.videos.loadVideos();
        App.favorites.syncButtons();

        // The UI above is rendered entirely from the last known status cached in
        // localStorage, so startup never blocks on (or breaks because of) a slow
        // or failing status endpoint. Now fetch fresh status in the background and
        // reconcile the UI with whatever comes back.
        App.storage.refreshServerStatusInBackground();

        // Watch for frontend deploys and seamlessly reload/hot-swap changed assets.
        if (App.version && App.version.start) {
            App.version.start();
        }
    }

    initApp();
})();