MediaWiki:Common.js

Увага: Після публікування слід очистити кеш браузера, щоб побачити зміни.

• Firefox / Safari: тримайте Shift, коли натискаєте Оновити, або натисніть Ctrl-F5 чи Ctrl-Shift-R (⌘-R на Apple Mac)
• Google Chrome: натисніть Ctrl-Shift-R (⌘-Shift-R на Apple Mac)
• Edge: тримайте Ctrl, коли натискаєте Оновити, або натисніть Ctrl-F5.

$(function() {
    $('.category-card').each(function() {
        var $card = $(this);
        var href = $card.attr('data-href');
        
        if (href) {
            $card.css('cursor', 'pointer');
            
            $card.on('click', function(e) {
                if ($(e.target).closest('a').length === 0) {
                    window.location.href = href;
                }
            });
            
            $card.hover(
                function() { $card.addClass('card-hover'); },
                function() { $card.removeClass('card-hover'); }
            );
        }
    });
});
/* ── Випадкові статті на головній сторінці ── */

function loadRandomArticles() {
    var list = document.getElementById('random-articles-list');
    if (!list) return;

    list.innerHTML = '<div class="random-articles-loading">Завантаження...</div>';

    var apiBase = mw.config.get('wgScriptPath') + '/api.php';

    // Крок 1: отримати 3 випадкові статті
    fetch(apiBase + '?action=query&list=random&rnnamespace=0&rnlimit=3&format=json')
        .then(function(r) { return r.json(); })
        .then(function(data) {
            var pages = data.query.random;
            var titles = pages.map(function(p) { return p.title; }).join('|');

            console.log('[RandomArticles] titles:', titles);

            // Крок 2: текст через revisions (найнадійніший спосіб)
            return fetch(
                apiBase +
                '?action=query' +
                '&titles=' + encodeURIComponent(titles) +
                '&prop=revisions|pageimages|images' +
                '&rvprop=content' +
                '&rvslots=main' +
                '&rvlimit=1' +
                '&piprop=thumbnail&pithumbsize=120' +
                '&imlimit=3' +
                '&format=json'
            );
        })
        .then(function(r) { return r.json(); })
        .then(function(data) {
            console.log('[RandomArticles] page data:', JSON.stringify(data).substring(0, 500));

            var pages = Object.values(data.query.pages);
            list.innerHTML = '';

            var promises = pages.map(function(page) {
                return resolvePageData(apiBase, page);
            });

            return Promise.all(promises).then(function(results) {
                results.forEach(function(item) {
                    var card = buildCard(item);
                    list.appendChild(card);
                });
            });
        })
        .catch(function(err) {
            list.innerHTML = '<div class="random-articles-loading">Не вдалося завантажити статті.</div>';
            console.error('[RandomArticles] error:', err);
        });
}

/* Витягнути чистий текст з вікі-розмітки */
function extractPlainText(wikitext) {
    if (!wikitext) return '';
    return wikitext
        .replace(/\[\[Файл:[^\]]+\]\]/gi, '')       // прибрати файли
        .replace(/\[\[File:[^\]]+\]\]/gi, '')         // прибрати файли (англ)
        .replace(/\[\[Категорія:[^\]]+\]\]/gi, '')    // прибрати категорії
        .replace(/\[\[Category:[^\]]+\]\]/gi, '')
        .replace(/{{[^}]+}}/g, '')                    // прибрати шаблони
        .replace(/\[\[([^\|\]]+\|)?([^\]]+)\]\]/g, '$2') // вікі-посилання → текст
        .replace(/'{2,3}/g, '')                       // прибрати жирний/курсив
        .replace(/==+[^=]+=+/g, '')                   // прибрати заголовки
        .replace(/<[^>]+>/g, '')                      // прибрати HTML теги
        .replace(/\s+/g, ' ')
        .trim();
}

/* Отримати дані сторінки */
function resolvePageData(apiBase, page) {
    var title = page.title;
    var pageUrl = mw.config.get('wgArticlePath').replace('$1', encodeURIComponent(title.replace(/ /g, '_')));

    // Витягнути текст з revisions
    var excerpt = '';
    try {
        var content = page.revisions && page.revisions[0] && page.revisions[0].slots
            ? page.revisions[0].slots.main['*']
            : (page.revisions && page.revisions[0] ? page.revisions[0]['*'] : '');
        var plain = extractPlainText(content);
        excerpt = plain.substring(0, 140);
        if (plain.length > 140) excerpt += '…';
    } catch(e) {
        console.log('[RandomArticles] extract error for', title, e);
    }
    if (!excerpt) excerpt = 'Немає опису.';

    console.log('[RandomArticles]', title, '| excerpt:', excerpt.substring(0, 60));

    // Якщо є thumbnail від pageimages
    if (page.thumbnail && page.thumbnail.source) {
        return Promise.resolve({
            title: title, excerpt: excerpt, pageUrl: pageUrl,
            imgSrc: page.thumbnail.source
        });
    }

    // Спробувати взяти перше зображення зі статті
    if (page.images && page.images.length > 0) {
        // Шукаємо перший файл який є реальним зображенням (не іконка)
        var imgCandidates = page.images.filter(function(img) {
            var t = img.title.toLowerCase();
            return !t.includes('icon') && !t.includes('logo') &&
                   (t.endsWith('.jpg') || t.endsWith('.jpeg') || t.endsWith('.png') || t.endsWith('.webp'));
        });

        var imgTitle = imgCandidates.length > 0 ? imgCandidates[0].title : page.images[0].title;

        return fetch(
            apiBase +
            '?action=query&titles=' + encodeURIComponent(imgTitle) +
            '&prop=imageinfo&iiprop=url&iiurlwidth=120&format=json'
        )
        .then(function(r) { return r.json(); })
        .then(function(imgData) {
            var imgPages = Object.values(imgData.query.pages);
            var imgSrc = null;
            if (imgPages[0] && imgPages[0].imageinfo && imgPages[0].imageinfo[0]) {
                imgSrc = imgPages[0].imageinfo[0].thumburl || imgPages[0].imageinfo[0].url;
            }
            console.log('[RandomArticles]', title, '| imgSrc:', imgSrc);
            return { title: title, excerpt: excerpt, pageUrl: pageUrl, imgSrc: imgSrc };
        })
        .catch(function() {
            return { title: title, excerpt: excerpt, pageUrl: pageUrl, imgSrc: null };
        });
    }

    return Promise.resolve({ title: title, excerpt: excerpt, pageUrl: pageUrl, imgSrc: null });
}

/* Побудувати HTML-картку */
function buildCard(item) {
    var thumbHtml = item.imgSrc
        ? '<img class="random-article-thumb" src="' + item.imgSrc + '" alt="">'
        : '<div class="random-article-thumb-placeholder">📄</div>';

    var card = document.createElement('a');
    card.href = item.pageUrl;
    card.className = 'random-article-card';
    card.innerHTML =
        thumbHtml +
        '<div class="random-article-info">' +
            '<div class="random-article-title">' + mw.html.escape(item.title) + '</div>' +
            '<div class="random-article-excerpt">' + mw.html.escape(item.excerpt) + '</div>' +
        '</div>';

    return card;
}

/* Запуск */
mw.hook('wikipage.content').add(function() {
    var panel = document.getElementById('random-articles-panel');
    if (!panel) return;

    loadRandomArticles();

    var btn = document.getElementById('random-articles-refresh');
    if (btn) {
        btn.addEventListener('click', function() {
            loadRandomArticles();
        });
    }
});