Motherless.com - Sort Videos by Views Across All Pages

Sorts videos on motherless.com by views across all pages with a loading indicator

// ==UserScript==
// @name         Motherless.com - Sort Videos by Views Across All Pages
// @namespace    http://tampermonkey.net/
// @version      1.11
// @description  Sorts videos on motherless.com by views across all pages with a loading indicator
// @author       Grok (xAI)
// @match        *://*.motherless.com/*
// @require      http://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js
// @grant        none
// @license MIT
// ==/UserScript==

(function($) {
    'use strict';

    // Parse view counts (e.g., 78.4K -> 78400, 1.2M -> 1200000)
    function parseViews(text) {
        text = text.trim().toLowerCase();
        let multiplier = 1;
        if (text.includes('k')) multiplier = 1000;
        if (text.includes('m')) multiplier = 1000000;
        let number = parseFloat(text.replace(/[^0-9.]/g, ''));
        return isNaN(number) ? 0 : Math.round(number * multiplier);
    }

    // Sort videos in a specific container
    function sortVideos($container, $items) {
        let videoData = [];

        console.log('Sorting video items:', $items.length);

        $items.each(function() {
            let $this = $(this);
            let $viewsElement = $this.find('*').filter(function() {
                return $(this).text().trim().match(/^\d+(\.\d+)?[km]?$/i);
            }).first();

            let viewsText = $viewsElement.length ? $viewsElement.text() : 'Not found';
            let views = viewsText !== 'Not found' ? parseViews(viewsText) : 0;

            console.log('Video:', $this.find('a').attr('href'), 'Views Text:', viewsText, 'Parsed Views:', views);

            videoData.push({ element: $this, views: views });
        });

        if (videoData.length === 0) {
            console.log('No videos found.');
            return;
        }

        // Sort by views in descending order
        videoData.sort((a, b) => b.views - a.views);

        // Clear and re-append all sorted videos
        $container.empty();
        videoData.forEach(item => $container.append(item.element));
        console.log('Sorting complete! All videos displayed.');
        $('#loading-indicator').remove(); // Remove loading indicator when done
    }

    // Fetch and sort videos from all pages
    function sortAllPages($container, $initialVideos) {
        // Add loading indicator
        let $loadingIndicator = $('<div id="loading-indicator">Loading...</div>')
            .css({
                position: 'fixed',
                top: '50%',
                left: '50%',
                transform: 'translate(-50%, -50%)',
                backgroundColor: 'rgba(0, 0, 0, 0.8)',
                color: '#ffffff',
                padding: '20px',
                borderRadius: '5px',
                zIndex: 10000,
                fontSize: '20px'
            });
        $('body').append($loadingIndicator);

        // Find the highest page number
        let $pageLinks = $('a[href*="page="], .page, .page-item').filter(function() {
            return $(this).text().match(/^\d+$/) || $(this).attr('href')?.match(/page=(\d+)/);
        });
        let totalPages = 1;

        if ($pageLinks.length) {
            let maxPage = 0;
            $pageLinks.each(function() {
                let pageNum = parseInt($(this).text()) || parseInt($(this).attr('href')?.match(/page=(\d+)/)?.[1]);
                if (pageNum && pageNum > maxPage) maxPage = pageNum;
            });
            totalPages = maxPage;
            console.log('Pagination elements found:', $pageLinks.length);
            console.log('Highest page detected:', totalPages);
            console.log('Sample pagination element:', $pageLinks.last().prop('outerHTML'));
        } else {
            console.log('No pagination elements found.');
        }

        let baseUrl = window.location.href.split('?')[0];
        let allVideos = $initialVideos.clone();

        console.log('Total pages detected:', totalPages);
        console.log('Initial videos:', $initialVideos.length);

        if (totalPages <= 1) {
            console.log('Only one page detected or pagination not found, sorting current videos only.');
            sortVideos($container, allVideos);
            return;
        }

        let pagesFetched = 1;

        function fetchPage(page) {
            if (page > totalPages) {
                console.log('All pages fetched. Total videos collected:', allVideos.length);
                sortVideos($container, allVideos);
                return;
            }

            console.log('Fetching page:', page);
            $.get(`${baseUrl}?page=${page}`, function(data) {
                let $pageContent = $(data);
                let $videos = $pageContent.find('.thumb.video, .media-item, .thumb-container');
                console.log('Videos from page', page, ':', $videos.length);
                allVideos = allVideos.add($videos);
                pagesFetched++;
                fetchPage(page + 1);
            }).fail(function(xhr, status, error) {
                console.log('Failed to fetch page:', page, 'Status:', status, 'Error:', error);
                pagesFetched++;
                fetchPage(page + 1);
            });
        }

        fetchPage(2);
    }

    // Wait for videos to load
    function waitForVideos(callback) {
        let attempts = 0;
        const maxAttempts = 10;
        const interval = setInterval(function() {
            let $videos = $('.thumb.video, .media-item, .thumb-container');
            if ($videos.length > 0 || attempts >= maxAttempts) {
                clearInterval(interval);
                callback($videos);
            }
            attempts++;
        }, 500);
    }

    $(document).ready(function() {
        waitForVideos(function($videos) {
            let $container = $videos.parent('.thumbs, .media-list, .video-list');
            if ($container.length === 0) $container = $videos.parent();

            console.log('Container found:', $container.length);
            console.log('Videos found:', $videos.length);

            if ($videos.length > 0 && $container.length > 0) {
                let sortButton = $('<button>Sort All Pages by Views</button>')
                    .css({
                        position: 'fixed',
                        top: '10px',
                        right: '10px',
                        zIndex: 9999,
                        backgroundColor: '#ffffff',
                        color: '#000000',
                        padding: '5px 10px',
                        border: '1px solid #000000',
                        cursor: 'pointer'
                    })
                    .click(function() {
                        sortAllPages($container, $videos);
                    });

                $('body').append(sortButton);

                if ($videos.length > 0) {
                    console.log('HTML of first video item:', $videos.first().prop('outerHTML'));
                }
            } else {
                console.log('No video gallery detected on this page.');
            }
        });
    });

})(jQuery);