MediaWiki:Common.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.
Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.
const wikihome = 'http://localhost/wikidef';

$(document).ready(function() {
    $('.cs-comment-form').show();
});



(function() {
    function shuffleArray(array) {
        for (let i = array.length - 1; i > 0; i--) {
            const j = Math.floor(Math.random() * (i + 1));
            [array[i], array[j]] = [array[j], array[i]];
        }
        return array;
    }

    fetch(`${wikihome}/api.php?action=query&list=random&rnnamespace=0&rnlimit=50&format=json`) // Increased limit to get more articles
        .then(response => response.json())
        .then(data => {
            const articles = data.query.random;
            const container = document.getElementById('random-articles');
            container.innerHTML = '';

            const pageIds = articles.map(article => article.id).join('|');

            return fetch(`${wikihome}/api.php?action=query&prop=categories&pageids=${pageIds}&format=json`);
        })
        .then(response => response.json())
        .then(data => {
            const container = document.getElementById('random-articles');
            const pages = data.query.pages;
            const categories = {};
            const uncategorizedArticles = [];

            Object.values(pages).forEach(page => {
                if (page.categories) {
                    page.categories.forEach(cat => {
                        const categoryName = cat.title.replace('Category:', '');
                        if (!categories[categoryName]) {
                            categories[categoryName] = [];
                        }
                        categories[categoryName].push(page.title);
                    });
                } else if (page.title !== 'Main Page') { // Exclude "Main Page"
                    uncategorizedArticles.push(page.title);
                }
            });

            const shuffledCategories = shuffleArray(Object.keys(categories));

            shuffledCategories.forEach(category => {
                // Shuffle and limit articles per category to 10
                const shuffledArticles = shuffleArray(categories[category]).slice(0, 10);

                const div = document.createElement('div');
                div.className = 'category-group';

                const categoryTitle = document.createElement('h2');
                categoryTitle.textContent = category;
                div.appendChild(categoryTitle);

                shuffledArticles.forEach(articleTitle => {
                    const articleTitleElement = document.createElement('h3');
                    const link = document.createElement('a');
                    link.href = `${wikihome}/index.php/${articleTitle.replace(/ /g, "_")}`;
                    link.textContent = articleTitle;
                    articleTitleElement.appendChild(link);
                    div.appendChild(articleTitleElement);
                });

                container.appendChild(div);
            });

            if (uncategorizedArticles.length > 0) {
                const div = document.createElement('div');
                div.className = 'category-group';

                const moreEncyclopediaTitle = document.createElement('h2');
                moreEncyclopediaTitle.textContent = 'More Encyclopedia';
                div.appendChild(moreEncyclopediaTitle);

                uncategorizedArticles.forEach(articleTitle => {
                    const articleTitleElement = document.createElement('h3');
                    const link = document.createElement('a');
                    link.href = `${wikihome}/index.php/${articleTitle.replace(/ /g, "_")}`;
                    link.textContent = articleTitle;
                    articleTitleElement.appendChild(link);
                    div.appendChild(articleTitleElement);
                });

                container.appendChild(div);
            }
        })
        .catch(error => {
            console.error('Error fetching data:', error);
        });
})();