script.js

let allApps = [];
let currentSort = { type: 'name', isAsc: true };
let isAllExpanded = false;
let expandedApps = new Set(); 

async function init() {
    setupThemeToggle(); 
    
    try {
        const response = await fetch('data.json');
        allApps = await response.json();
        
        try {
            const patchesResponse = await fetch('patches.json');
            if (patchesResponse.ok) {
                const patchesData = await patchesResponse.json();
                allApps.forEach(app => {
                    if (patchesData[app.id]) {
                        app.patches = patchesData[app.id];
                        app.patchCount = app.patches.length;
                    }
                });
            }
        } catch (e) {
        }

        setupSearchAndSort(); 
        updateDisplay();      
        
        setTimeout(() => {
            handleUrlHash();
        }, 100);

    } catch (error) {
        document.getElementById('app-list').innerHTML = '<p style="text-align:center; color: #FF5252;">Error: Failed to load data.json. Ensure you are running a local server.</p>';
    }
}

function setupThemeToggle() {
    const themeToggleBtn = document.getElementById('theme-toggle');
    const body = document.body;
    const savedTheme = localStorage.getItem('charm-theme');
    
    if (savedTheme === 'light') {
        body.classList.add('light-mode');
        themeToggleBtn.textContent = '🌙';
    }

    themeToggleBtn.addEventListener('click', () => {
        body.classList.toggle('light-mode');
        if (body.classList.contains('light-mode')) {
            themeToggleBtn.textContent = '🌙';
            localStorage.setItem('charm-theme', 'light');
        } else {
            themeToggleBtn.textContent = '☀️';
            localStorage.setItem('charm-theme', 'dark');
        }
    });
}

function setupSearchAndSort() {
    const searchInput = document.getElementById('search-input');
    const sortDropdownBtn = document.getElementById('sort-dropdown-btn');
    const sortDropdownContent = document.getElementById('sort-dropdown-content');
    const sortNameBtn = document.getElementById('sort-name-btn');
    const sortPatchBtn = document.getElementById('sort-patch-btn');
    const toggleAllBtn = document.getElementById('toggle-all-btn');
    const clearSearchBtn = document.getElementById('clear-search-btn');
    const sortPackageBtn = document.getElementById('sort-package-btn');

    sortDropdownBtn.addEventListener('click', (e) => {
        e.stopPropagation(); 
        sortDropdownContent.classList.toggle('show');
    });

    window.addEventListener('click', () => {
        if (sortDropdownContent.classList.contains('show')) {
            sortDropdownContent.classList.remove('show');
        }
    });

    sortNameBtn.addEventListener('click', () => {
        currentSort.type = 'name';
        currentSort.isAsc = sortNameBtn.textContent === 'A-Z';

        sortNameBtn.textContent = currentSort.isAsc ? 'Z-A' : 'A-Z';
        sortDropdownBtn.textContent = `Sort: ${currentSort.isAsc ? 'A-Z' : 'Z-A'} ▼`;
        sortPatchBtn.textContent = 'Patches Increasing';
        if (sortPackageBtn) sortPackageBtn.textContent = 'Package A-Z';
        
        updateDisplay();
    });

    sortPatchBtn.addEventListener('click', () => {
        currentSort.type = 'patch';
        currentSort.isAsc = sortPatchBtn.textContent === 'Patches Increasing';

        sortPatchBtn.textContent = currentSort.isAsc ? 'Patches Decreasing' : 'Patches Increasing';
        sortDropdownBtn.textContent = `Sort: ${currentSort.isAsc ? 'Patches Increasing' : 'Patches Decreasing'} ▼`;
        sortNameBtn.textContent = 'Z-A';
        if (sortPackageBtn) sortPackageBtn.textContent = 'Package A-Z';
        
        updateDisplay();
    });

    if (sortPackageBtn) {
        sortPackageBtn.addEventListener('click', () => {
            currentSort.type = 'package';
            currentSort.isAsc = sortPackageBtn.textContent === 'Package A-Z';

            sortPackageBtn.textContent = currentSort.isAsc ? 'Package Z-A' : 'Package A-Z';
            sortDropdownBtn.textContent = `Sort: ${currentSort.isAsc ? 'Package A-Z' : 'Package Z-A'} ▼`;
            sortNameBtn.textContent = 'Z-A';
            sortPatchBtn.textContent = 'Patches Increasing';
            
            updateDisplay();
        });
    }

    searchInput.addEventListener('input', () => {
        updateDisplay();
    });

    if (clearSearchBtn) {
        clearSearchBtn.classList.add('show');
        
        clearSearchBtn.addEventListener('click', () => {
            searchInput.value = '';
            updateDisplay();
            searchInput.focus();
        });
    }

    toggleAllBtn.addEventListener('click', () => {
        const isExpanding = toggleAllBtn.textContent === 'Expand All';
        isAllExpanded = isExpanding;

        if (isExpanding) {
            allApps.forEach(app => expandedApps.add(app.id));
        } else {
            expandedApps.clear();
        }

        document.querySelectorAll('#app-list .version-list').forEach(list => isExpanding ? list.classList.add('show') : list.classList.remove('show'));
        document.querySelectorAll('#app-list .expand-btn').forEach(btn => isExpanding ? btn.classList.add('open') : btn.classList.remove('open'));
        toggleAllBtn.textContent = isExpanding ? 'Collapse All' : 'Expand All';
    });
}

function updateDisplay() {
    const searchTerm = document.getElementById('search-input').value.toLowerCase();
    const isPatchesPage = window.location.pathname.includes('patches'); 

    const dpiMap = {
        'ldpi': 120,
        'mdpi': 160,
        'tvdpi': 213,
        'hdpi': 240,
        'xhdpi': 320,
        'xxhdpi': 480,
        'xxxhdpi': 640
    };

    let targetDpiValue = null;
    const searchWords = searchTerm.split(/\s+/); 
    for (const word of searchWords) {
        if (dpiMap[word] !== undefined) {
            targetDpiValue = dpiMap[word];
            break;
        }
    }

    let filteredApps = allApps.filter(app => {
        const nameMatch = app.name.toLowerCase().includes(searchTerm);
        const packageMatch = (app.packageName && app.packageName.toLowerCase().includes(searchTerm)) ||
                             (app.secondaryPackageName && app.secondaryPackageName.toLowerCase().includes(searchTerm)) ||
                             (app.thirdPackageName && app.thirdPackageName.toLowerCase().includes(searchTerm));

        let versionMatch = false;
        let versionCodeMatch = false;
        let archMatch = false;
        let dpiMatch = false;
        let typeMatch = false;

        if (app.versions) {
            app.versions.forEach(ver => {
                if (ver.version && ver.version.toLowerCase().includes(searchTerm)) versionMatch = true;
                if (ver.versionCode && ver.versionCode.toString().toLowerCase().includes(searchTerm)) versionCodeMatch = true;
                
                if (ver.links && Array.isArray(ver.links)) {
                    ver.links.forEach(linkObj => {
                        if (typeof linkObj === 'object') {
                            let providers = [];
                            if (linkObj['github-url']) providers.push('github');
                            if (linkObj['buzzheavier-url']) providers.push('buzzheavier');
                            if (linkObj['fdroid-url']) {
                                providers.push('fdroid');
                                providers.push('f-droid'); 
                            }
                            
                            if (providers.some(p => p.includes(searchTerm))) {
                                versionMatch = true;
                            }
                        }
                    });
                }
                
                if (!isPatchesPage) {
                    if (ver.arch && ver.arch.toLowerCase().includes(searchTerm)) archMatch = true;
                    
                    if (ver.dpi) {
                        const verDpiLower = ver.dpi.toString().toLowerCase();
                        
                        if (verDpiLower.includes(searchTerm)) {
                            dpiMatch = true;
                        } 
                        else if (targetDpiValue !== null) {
                            const numbers = verDpiLower.match(/\d+/g);
                            if (numbers && numbers.length > 0) {
                                const minDpi = parseInt(numbers[0], 10);
                                const maxDpi = numbers.length > 1 ? parseInt(numbers[1], 10) : minDpi;
                                
                                if (targetDpiValue >= minDpi && targetDpiValue <= maxDpi) {
                                    dpiMatch = true;
                                }
                            }
                        }
                    }
                    
                    if (ver.type) {
                        const typeLower = ver.type.toLowerCase();
                        let displayType = typeLower;
                        
                        if (typeLower === 'apkm') displayType = 'apk(m)';
                        else if (typeLower === 'xapk') displayType = '(x)apk';
                        
                        if (typeLower.includes(searchTerm) || displayType.includes(searchTerm)) {
                            typeMatch = true;
                        }
                    }
                }
            });
        }

        let patchMatch = false;
        if (isPatchesPage && app.patches) {
            patchMatch = app.patches.some(patch => {
                const pName = typeof patch === 'string' ? patch : patch.name;
                const pDesc = typeof patch === 'object' && patch.description ? patch.description : '';
                const pSupp = typeof patch === 'object' && patch.supported ? patch.supported : '';
                const pDef = typeof patch === 'object' && patch.default ? 'picked by default' : '';
                const pConf = typeof patch === 'object' && patch.configurable ? 'configurable' : '';
                
                return pName.toLowerCase().includes(searchTerm) || 
                       pDesc.toLowerCase().includes(searchTerm) || 
                       pSupp.toLowerCase().includes(searchTerm) ||
                       pDef.includes(searchTerm) ||
                       pConf.includes(searchTerm);
            });
        }
        
        if (isPatchesPage) {
            return nameMatch || packageMatch || versionMatch || versionCodeMatch || patchMatch;
        } else {
            return nameMatch || packageMatch || versionMatch || versionCodeMatch || archMatch || dpiMatch || typeMatch;
        }
    });

    filteredApps.sort((a, b) => {
        if (currentSort.type === 'name') {
            const nameA = a.name.toLowerCase();
            const nameB = b.name.toLowerCase();
            if (nameA < nameB) return currentSort.isAsc ? -1 : 1;
            if (nameA > nameB) return currentSort.isAsc ? 1 : -1;
            return 0;
        } else if (currentSort.type === 'package') { 
            const packA = (a.packageName || '').toLowerCase();
            const packB = (b.packageName || '').toLowerCase();
            if (packA < packB) return currentSort.isAsc ? -1 : 1;
            if (packA > packB) return currentSort.isAsc ? 1 : -1;
            return 0;
        } else {
            const patchA = Number(a.patchCount) || 0;
            const patchB = Number(b.patchCount) || 0;
            return currentSort.isAsc ? (patchA - patchB) : (patchB - patchA);
        }
    });

    renderApps(filteredApps);
}

function renderApps(appsToDisplay) {
    const appListContainer = document.getElementById('app-list');
    const toggleAllBtn = document.getElementById('toggle-all-btn');
    appListContainer.innerHTML = '';

    const isPatchesPage = window.location.pathname.includes('patches');

    let countDisplay = document.getElementById('app-count-badge');
    if (!countDisplay) {
        const searchWrapper = document.querySelector('.search-input-wrapper');
        const searchInput = document.getElementById('search-input');
        
        if (searchWrapper && searchInput) {
            searchWrapper.style.position = 'relative';
            searchInput.style.paddingRight = '110px'; 
            
            countDisplay = document.createElement('span');
            countDisplay.id = 'app-count-badge';
            countDisplay.style.position = 'absolute';
            countDisplay.style.right = '55px'; 
            countDisplay.style.top = '50%';
            countDisplay.style.transform = 'translateY(-50%)';
            countDisplay.style.fontSize = '0.85em';
            countDisplay.style.opacity = '0.6';
            countDisplay.style.pointerEvents = 'none'; 
            
            searchWrapper.appendChild(countDisplay);
        }
    }
    
    if (countDisplay) {
        countDisplay.textContent = `(${appsToDisplay.length} app${appsToDisplay.length === 1 ? ')' : 's)'}`;
    }

    if (appsToDisplay.length === 0) {
        appListContainer.innerHTML = '<p style="text-align:center;">No apps or patches found.</p>';
        return;
    }

    appsToDisplay.forEach(app => {
        const card = document.createElement('div');
        card.className = 'app-card';
        card.id = `app-${app.id}`;

        let contentHTML = '';
        let subtitleHTML = '';

        if (!isPatchesPage) {
            if (app.versions && app.versions.length > 0) {
                app.versions.forEach(ver => {
                    let buttonsHTML = '';
                    
                    if (ver.links && ver.links.length > 0) {
                        ver.links.forEach((linkItem, index) => {
                            let linkUrl = typeof linkItem === 'string' ? linkItem : linkItem.url;
                            
                            if (!linkUrl && typeof linkItem === 'object') {
                                if (linkItem['github-url']) linkUrl = linkItem['github-url'];
                                else if (linkItem['buzzheavier-url']) linkUrl = linkItem['buzzheavier-url'];
                                else if (linkItem['fdroid-url']) linkUrl = linkItem['fdroid-url'];
                            }

                            let linkText = typeof linkItem === 'object' && linkItem['url-name'] ? linkItem['url-name'] : (linkItem.name ? linkItem.name : (ver.links.length === 1 ? 'Download' : `Mirror ${index + 1}`));
                            
                            if (linkUrl) {
                                buttonsHTML += `<a href="${linkUrl}" class="download-btn" target="_blank">${linkText}</a>`;
                            }
                        });
                    }
                    
                   const sizeHTML = ver.size ? `<span class="version-size"><strong>Size:</strong> ${ver.size}</span>` : '';

                    let archStyle = '';
                    if (ver.arch) {
                        const archLower = ver.arch.toLowerCase();
                        if (archLower === 'universal') {
                            archStyle = 'color: #4CAF50; font-weight: bold;'; 
                        } else if (archLower === 'arm64-v8a') {
                            archStyle = 'color: #FFC107; font-weight: bold;'; 
                        } else if (archLower === 'armeabi-v7a') {
                            archStyle = 'color: #FF5252; font-weight: bold;';
                        }
                    }

                    const archHTML = ver.arch ? `<span class="version-architecture"><strong>Architecture:</strong> <span style="${archStyle}">${ver.arch}</span></span>` : '';
                    const dpiHTML = ver.dpi ? `<span class="version-dpi"><strong>Screen DPI:</strong> ${ver.dpi}</span>` : '';
                    
                    let typeHTML = '';
                    if (ver.type) {
                        const typeUpper = ver.type.toUpperCase();
                        let typeText = typeUpper;
                        let typeClass = '';
                        
                        if (typeUpper === 'APK') {
                            typeClass = 'type-apk';
                            typeText = 'APK';
                        } else if (typeUpper === 'APKM') {
                            typeClass = 'type-apkm';
                            typeText = 'APK(M)';
                        } else if (typeUpper === 'XAPK') {
                            typeClass = 'type-xapk';
                            typeText = '(X)APK';
                        }
                        
                        typeHTML = `<span class="version-type"><strong>Type:</strong> <span class="${typeClass}">${typeText}</span></span>`;
                    }

                    const sha256HTML = ver.sha256 ? `<span class="version-hash"><strong>SHA-256:</strong> <code>${ver.sha256}</code></span>` : '';
                    
                    const warningHTML = ver.warning ? `<div class="version-warning"><strong>⚠️ Warning:</strong><br><br>${ver.warning}</div>` : '';
                    const noteHTML = ver.note ? `<div class="version-note"><strong>ℹ️ Note:</strong><br><br>${ver.note}</div>` : '';
                    
                    const versionCodeHTML = ver.versionCode ? ` <span style="font-size: 0.9em; opacity: 0.8;">(${ver.versionCode})</span>` : '';

                    contentHTML += `
                        <div class="version-item">
                            ${warningHTML}
                            ${noteHTML}
                            <div class="version-details">
                                <span class="version-number"><strong>Version:</strong> ${ver.version}${versionCodeHTML}</span>
                                ${sizeHTML}
                                ${archHTML}
                                ${dpiHTML}
                                ${typeHTML}
                                ${sha256HTML}
                            </div>
                            <div class="button-group">
                                ${buttonsHTML}
                            </div>
                        </div>
                    `;
                });
            }

            const pCount = Number(app.patchCount) || 0;
            let patchText;
            if (pCount === 0) patchText = '<span style="color: #FF5252;">Error loading patches!</span>'; 
            else if (pCount === 1) patchText = '(1 patch available)';
            else patchText = `(${pCount} patches available)`;

            subtitleHTML = `<a href="patches.html#${app.id}" class="version-count-link" onclick="event.stopPropagation()">${patchText}</a>`;
            
        } else {
            if (app.patches && app.patches.length > 0) {
                app.patches.forEach(patch => {
                    const patchName = typeof patch === 'string' ? patch : patch.name;
                    const patchDesc = (typeof patch === 'object' && patch.description) ? `<div class="patch-desc">${patch.description}</div>` : '';
                    const patchSupported = (typeof patch === 'object' && patch.supported) ? `<div class="patch-supported"><strong>Supported on:</strong> ${patch.supported}</div>` : '';
                    
                    let tagsHTML = '';
                    if (typeof patch === 'object') {
                        if (patch.default) tagsHTML += ' <span class="patch-tag default-tag">(Picked by default)</span>';
                        if (patch.configurable) tagsHTML += ' <span class="patch-tag config-tag">(Configurable)</span>';
                    }

                    contentHTML += `
                        <div class="version-item">
                            <div class="version-details" style="max-width: 100%;">
                                <span class="version-number"><strong>${patchName}</strong>${tagsHTML}</span>
                                ${patchDesc}
                                ${patchSupported}
                            </div>
                        </div>
                    `;
                });
            } else {
                contentHTML = `
                    <div class="version-item">
                        <div class="version-details">
                            <span class="version-number"><em>No specific patches listed in database.</em></span>
                        </div>
                    </div>
                `;
            }

            let versionText;
            if (app.versions && app.versions.length > 0) {
                versionText = `(Version ${app.versions[0].version} available)`;
            } else {
                versionText = '<span style="color: #FF5252;">No versions available!</span>';
            }

            subtitleHTML = `<a href="index.html#${app.id}" class="version-count-link" onclick="event.stopPropagation()">${versionText}</a>`;
        }

        const isExpanded = isAllExpanded || expandedApps.has(app.id);
        const expandClass = isExpanded ? 'open' : '';
        const showClass = isExpanded ? 'show' : '';

        let importantText = app.important;
        
        if (app.redirectUri) {
            importantText = `You need to create a client ID from <a href='https://reddit.com/prefs/apps'>https://reddit.com/prefs/apps</a>.<br> Click on 'installed app', and type '<b>${app.redirectUri}</b>' in the redirect URI area. <br> <br> Creating new applications now result in status:500 error message. <br> Deleting older applications to create new ones no longer work. <br> Creating a new account to create new applications no longer work.`;
        }

        const importantHTML = importantText ? `
            <div class="app-important">
                <strong>‼️ Important:</strong><br><br>${importantText}
            </div>
        ` : '';

        const appWarningHTML = app.warning ? `
            <div class="app-warning">
                <strong>⚠️ Warning:<br><br></strong><br><br>${app.warning}
            </div>
        ` : '';

        const hasAnyVersion = app.versions && app.versions.some(ver => ver.any === 'yes');
        const anyVersionNoteHTML = hasAnyVersion && !isPatchesPage ? `
            <div class="version-note" style="margin-bottom: 16px;">
                <strong>ℹ️ Note:</strong><br><br> You can use <b>any version</b> of this app for ReVanced Manager.
            </div>
        ` : '';

        const formatPackageName = (pkg) => pkg ? pkg.replace(/\./g, '.<wbr>') : 'Unknown Package';

        let packageHTML = `<div class="package-name">${formatPackageName(app.packageName)}</div>`;
        if (app.secondaryPackageName) {
            packageHTML += `<div class="package-name secondary-package-name">${formatPackageName(app.secondaryPackageName)}</div>`;
        }
        
        if (app.thirdPackageName) {
            packageHTML += `<div class="package-name third-package-name">${formatPackageName(app.thirdPackageName)}</div>`;
        }

        card.innerHTML = `
            <div class="app-header" onclick="toggleVersions(this)">
                <div class="app-header-left">
                    <img src="${app.icon}" alt="${app.name} icon" class="app-icon" onerror="this.src='icons/missing.png'">
                    <div class="app-title">
                        <h2>${app.name}</h2>
                        ${packageHTML}
                        <div class="patch-count-wrapper">${subtitleHTML}</div>
                    </div>
                </div>
                <div class="app-header-right">
                    <button class="share-btn" onclick="copyAppLink(event, '${app.id}')" title="Copy Link" aria-label="Copy Link">🔗</button>
                    <button class="expand-btn ${expandClass}">▼</button>
                </div>
            </div>
            <div class="version-list ${showClass}">
                ${importantHTML}
                ${appWarningHTML}
                ${anyVersionNoteHTML}
                ${contentHTML}
            </div>
        `;

        appListContainer.appendChild(card);
    });

    const anyOpen = document.querySelectorAll('#app-list .version-list.show').length > 0;
    toggleAllBtn.textContent = anyOpen ? 'Collapse All' : 'Expand All';
}

function toggleVersions(headerElement) {
    const versionList = headerElement.nextElementSibling;
    const expandBtn = headerElement.querySelector('.expand-btn');
    const toggleAllBtn = document.getElementById('toggle-all-btn');
    const appId = headerElement.parentElement.id.replace('app-', '');
    
    versionList.classList.toggle('show');
    expandBtn.classList.toggle('open');

    if (versionList.classList.contains('show')) {
        expandedApps.add(appId);
    } else {
        expandedApps.delete(appId);
        isAllExpanded = false; 
    }

    const anyOpen = document.querySelectorAll('#app-list .version-list.show').length > 0;
    toggleAllBtn.textContent = anyOpen ? 'Collapse All' : 'Expand All';
}

function copyAppLink(event, appId) {
    event.stopPropagation();
    
    const url = window.location.origin + window.location.pathname + '#' + appId;
    
    navigator.clipboard.writeText(url).then(() => {
        const btn = event.target;
        const originalText = btn.textContent;
        btn.textContent = '✅';
        setTimeout(() => btn.textContent = originalText, 1500);
    }).catch(err => {});
}

function handleUrlHash() {
    const hash = window.location.hash.substring(1);
    if (hash) {
        let targetId = hash;
        
        const matchedApp = allApps.find(app => 
            app.packageName === hash || 
            app.secondaryPackageName === hash || 
            app.thirdPackageName === hash 
        );
        
        if (matchedApp) {
            targetId = matchedApp.id;
        }

        const targetCard = document.getElementById(`app-${targetId}`);
        if (targetCard) {
            const header = targetCard.querySelector('.app-header');
            const versionList = targetCard.querySelector('.version-list');
            
            if (versionList && !versionList.classList.contains('show')) {
                toggleVersions(header);
            }
            
            targetCard.scrollIntoView({ behavior: 'smooth', block: 'center' });
            targetCard.style.transition = 'box-shadow 0.4s ease-in-out';
            targetCard.style.boxShadow = '0 0 20px var(--md-sys-color-primary)';
            setTimeout(() => targetCard.style.boxShadow = 'none', 2000);
        }
    }
}

init();