MediaWiki:Common.js: відмінності між версіями

Версія за 14:24, 15 лютого 2026

$(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 wikiToPlainText(wikitext) {
    if (!wikitext) return '';
    return wikitext
        .replace(/\[\[Файл:[^\]]*\]\]/gi, '')
        .replace(/\[\[File:[^\]]*\]\]/gi, '')
        .replace(/\[\[Зображення:[^\]]*\]\]/gi, '')
        .replace(/\[\[Image:[^\]]*\]\]/gi, '')
        .replace(/\[\[Категорія:[^\]]*\]\]/gi, '')
        .replace(/\[\[Category:[^\]]*\]\]/gi, '')
        .replace(/{{[^}]*}}/g, '')
        .replace(/\[\[(?:[^\|\]]*\|)?([^\]]+)\]\]/g, '$1')
        .replace(/'{2,3}/g, '')
        .replace(/={2,6}[^=]+=+/g, '')
        .replace(/<[^>]+>/g, '')
        .replace(/^\s*[*#:;]\s*/gm, '')
        .replace(/\s+/g, ' ')
        .trim();
}

/* Знайти перше зображення у тексті статті */
function findFirstImage(wikitext) {
    if (!wikitext) return null;
    var patterns = [
        /\[\[(?:Файл|File|Зображення|Image):([^\|\]]+)/i
    ];
    for (var i = 0; i < patterns.length; i++) {
        var m = wikitext.match(patterns[i]);
        if (m) return m[1].trim();
    }
    return null;
}

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: випадкові статті (виключаємо Головну сторінку)
    fetch(apiBase + '?action=query&list=random&rnnamespace=0&rnlimit=6&format=json')
        .then(function(r) { return r.json(); })
        .then(function(data) {
            var pages = data.query.random.filter(function(p) {
                return p.title !== 'Головна сторінка';
            }).slice(0, 3);

            var titles = pages.map(function(p) { return p.title; }).join('|');

            // Крок 2: отримати вміст статей через revisions
            return fetch(
                apiBase +
                '?action=query' +
                '&titles=' + encodeURIComponent(titles) +
                '&prop=revisions|images' +
                '&rvprop=content' +
                '&imlimit=5' +
                '&format=json'
            );
        })
        .then(function(r) { return r.json(); })
        .then(function(data) {
            var pages = Object.values(data.query.pages);
            list.innerHTML = '';

            // Для кожної сторінки отримати зображення асинхронно
            var promises = pages.map(function(page) {
                var title = page.title;
                var pageUrl = mw.config.get('wgArticlePath').replace(
                    '$1', encodeURIComponent(title.replace(/ /g, '_'))
                );

                // Текст
                var content = '';
                if (page.revisions && page.revisions[0]) {
                    content = page.revisions[0]['*'] || page.revisions[0].slots && page.revisions[0].slots.main['*'] || '';
                }
                var plain = wikiToPlainText(content);
                var excerpt = plain.substring(0, 150);
                if (plain.length > 150) excerpt += '…';
                if (!excerpt) excerpt = 'Немає опису.';

                // Знайти назву зображення в тексті
                var imgName = findFirstImage(content);

                // Якщо немає в тексті — взяти з prop=images
                if (!imgName && page.images && page.images.length > 0) {
                    var candidates = page.images.filter(function(img) {
                        var t = img.title.toLowerCase();
                        return t.endsWith('.jpg') || t.endsWith('.jpeg') ||
                               t.endsWith('.png') || t.endsWith('.webp');
                    });
                    if (candidates.length > 0) {
                        imgName = candidates[0].title.replace(/^(Файл|File|Image|Зображення):/i, '');
                    }
                }

                if (imgName) {
                    var fileTitle = 'File:' + imgName;
                    return fetch(
                        apiBase +
                        '?action=query' +
                        '&titles=' + encodeURIComponent(fileTitle) +
                        '&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;
                        }
                        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 });
            });

            return Promise.all(promises);
        })
        .then(function(results) {
            var list2 = document.getElementById('random-articles-list');
            if (!list2) return;
            list2.innerHTML = '';

            results.forEach(function(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>';

                list2.appendChild(card);
            });
        })
        .catch(function(err) {
            var list3 = document.getElementById('random-articles-list');
            if (list3) list3.innerHTML = '<div class="random-articles-loading">Не вдалося завантажити статті.</div>';
            console.error('[RA] error:', err);
        });
}

/* Запуск */
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();
        });
    }
});