JasonHoku-ComfyUI-Ultimate-Auto-Sampler-Config-Grid-Testing-Suite/resources/logic_init.js

/**
 * INITIALIZATION
 * Runs on startup to bind inputs and start the pipeline.
 */

function init() {

    try {

        // Bind Column Input
        const colInput = document.getElementById('col-count');
        if (colInput) {
            // Load saved column preference
            const savedCols = localStorage.getItem('ultimate_grid_cols');
            if (savedCols) {
                const val = parseInt(savedCols);
                if (val > 0) colInput.value = val;
            }

            let colInputTimeout = null;

            colInput.addEventListener('input', (e) => {
                // Clear previous timeout
                if (colInputTimeout) clearTimeout(colInputTimeout);

                // Debounce the recalculation
                colInputTimeout = setTimeout(() => {
                    const val = parseInt(e.target.value);
                    if (val > 0) {
                        localStorage.setItem('ultimate_grid_cols', val);
                    } else {
                        localStorage.removeItem('ultimate_grid_cols');
                    }

                    // Recalculate layout and re-render
                    if (typeof recalcColumns === 'function') {
                        recalcColumns();
                    }
                }, 600);
            });
        }

        // Load sort preference from localStorage
        if (typeof loadSortPreference === 'function') {
            loadSortPreference();
        }

        // Load label mode preferences from localStorage
        if (typeof loadLabelPreferences === 'function') {
            loadLabelPreferences();
        }

        // Start
        refreshIndices();

        if (typeof initFilters === 'function') initFilters();
        
        // Initialize search filter UI
        if (typeof renderSearchFilters === 'function') renderSearchFilters();

        // IMPORTANT: Calculate grid dimensions BEFORE running pipeline
        if (typeof updateGridDimensions === 'function') {
            updateGridDimensions();
        }

        updateDataPipeline();

        // Initialize the virtual scroller (pan/zoom/keyboard controls)
        if (typeof initVirtualScroller === 'function') {
            initVirtualScroller();
        }

        // Try to restore saved viewport position BEFORE auto-fit
        let restoredPosition = false;
        if (typeof restoreViewportPosition === 'function') {
            restoredPosition = restoreViewportPosition();
        }

        // Only auto-fit if we didn't restore a saved position
        if (!restoredPosition) {
            setTimeout(() => {
                if (typeof autoFitZoom === 'function') {
                    autoFitZoom();
                }
            }, 100);
        }

        // Show session landing page if no data loaded, populate session picker
        if (typeof showSessionLandingIfEmpty === 'function') {
            showSessionLandingIfEmpty();
        } else if (typeof fetchAndShowSessions === 'function') {
            fetchAndShowSessions();
        }

    } catch (e) {
        console.error("Init Error", e);
    }
}

// Ensure init fires after DOM is ready
if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', init);
} else {
    init();
}