MediaWiki:Common.js: Perbedaan antara revisi

/* ==========================================================
   🧠 MIPPEDIA DATA - SMART NAVIGATOR (FINAL)
   Features: Chaining, Translate, Toggle, Auto-Age, 
             Smart Check Links (NEW), Clean UI (NEW)
   ========================================================== */
(function() {
    $(document).ready(function() {
        var $descSection = $('#mip-desc-section');
        var $descBox = $('#mip-auto-description');
        var $sourceInfo = $('#mip-source-info');
        var $portalLinks = $('#mip-portal-links');
        var $projectPortal = $('#mip-project-portal');
        
        if (!$descBox.length) return;

        var pageTitle = mw.config.get('wgPageName');
        var currentYear = 2026;

        var projects = [
            { id: 'id', name: 'Mippedia bahasa Indonesia', url: 'https://id.mippedia.org/api.php', base: 'https://id.mippedia.org/wiki/', label: 'Bahasa Indonesia' },
            { id: 'en', name: 'Mippedia bahasa Inggris', url: 'https://en.mippedia.org/api.php', base: 'https://en.mippedia.org/wiki/', label: 'Bahasa Inggris' },
            { id: 'concise', name: 'Mippedia bahasa Indonesia ringkas', url: 'https://concise.mippedia.org/api.php', base: 'https://concise.mippedia.org/wiki/', label: 'Versi Ringkas' }
        ];

        function applyAutoAge(text) {
            return text.replace(/(\d{1,2}\s(?:Januari|Februari|Maret|April|Mei|Juni|Juli|Agustus|September|Oktober|November|Desember)\s(\d{4}))/gi, function(match, fullDate, year) {
                return fullDate + " – usia " + (currentYear - parseInt(year)) + " tahun";
            });
        }

        function cleanExtract(text) {
            return text.replace(/\[\d+\]/g, '').replace(/\{\{[^}]+\}\}/g, '').replace(/\(\s*\)/g, '').replace(/\s\s+/g, ' ').trim();
        }

        function applySummary(text) {
            var limit = 250;
            if (text.length <= limit) return '<span>' + text + '</span>';
            return '<span>' + text.substring(0, limit) + '</span>' +
                   '<span class="mip-dots">... </span>' +
                   '<span class="mip-more" style="display:none;">' + text.substring(limit) + '</span>' +
                   '<span class="mip-read-btn" style="color: #6a5acd; cursor: pointer; font-weight: bold; margin-left: 5px;">Baca selengkapnya</span>';
        }

        // FUNGSI CERDAS: Cek apakah artikel ada di proyek lain
        function buildSmartLinks(currentId) {
            $portalLinks.empty();
            var validLinks = [];

            var requests = projects.filter(p => p.id !== currentId).map(function(p) {
                return $.ajax({
                    url: p.url,
                    data: { action: 'query', titles: pageTitle, format: 'json', origin: '*' },
                    dataType: 'json'
                }).then(function(data) {
                    if (data.query.pages["-1"] === undefined) {
                        validLinks.push('<a href="' + p.base + encodeURIComponent(pageTitle) + '" target="_blank" style="color: #6a5acd; text-decoration: underline; font-weight: bold;">' + p.label + '</a>');
                    }
                });
            });

            $.when.apply($, requests).then(function() {
                if (validLinks.length > 0) {
                    $portalLinks.html(validLinks.join(' <span style="color:#ccc; font-weight:normal; margin: 0 5px;">•</span> '));
                    $projectPortal.fadeIn();
                } else {
                    $projectPortal.hide();
                }
            });
        }

        function translateText(text, callback) {
            var url = "https://translate.googleapis.com/translate_a/single?client=gtx&sl=en&tl=id&dt=t&q=" + encodeURIComponent(text);
            $.ajax({ url: url, success: function(res) {
                var translated = "";
                res[0].forEach(function(s) { if (s[0]) translated += s[0]; });
                callback(translated);
            }, error: function() { callback(text); } });
        }

        function renderAll(p, currentText, isTranslated, originalText) {
            var sourceLink = p.base + encodeURIComponent(pageTitle);
            $descBox.html(applySummary(applyAutoAge(currentText)));
            
            var footer = '<div style="font-size: 0.9em; color: #777;">Sumber Dari : <a href="' + sourceLink + '" target="_blank" style="color: #6a5acd; font-weight: bold; text-decoration: none;">' + p.name + '.</a>';
            if (isTranslated) {
                footer += '<br><span style="font-size: 0.85em; font-style: italic;">(Diterjemahkan secara otomatis)</span> ' +
                          '<span id="mip-toggle-orig" style="color: #6a5acd; cursor: pointer; text-decoration: underline; margin-left: 5px;">Tampilkan versi asli</span>';
            }
            footer += '</div>';
            $sourceInfo.html(footer);

            buildSmartLinks(p.id);

            $(document).off('click', '.mip-read-btn').on('click', '.mip-read-btn', function() {
                $(this).hide(); $('.mip-dots').hide(); $('.mip-more').fadeIn();
            });

            $(document).off('click', '#mip-toggle-orig').on('click', '#mip-toggle-orig', function() {
                var isOrig = ($(this).text() === 'Tampilkan versi asli');
                $descBox.html(applySummary(applyAutoAge(isOrig ? originalText : currentText)));
                $(this).text(isOrig ? 'Tampilkan terjemahan' : 'Tampilkan versi asli');
            });
        }

        function fetchDescription(index) {
            if (index >= projects.length) { $descSection.hide(); return; }
            var p = projects[index];
            $descBox.html('<div class="mip-loading-shimmer"></div>');
            $sourceInfo.empty();
            $projectPortal.hide();
            $descSection.show();

            $.ajax({
                url: p.url,
                data: { action: 'query', prop: 'extracts', exintro: true, explaintext: true, titles: pageTitle, format: 'json', origin: '*' },
                dataType: 'json',
                success: function(data) {
                    var pages = data.query.pages;
                    var pageId = Object.keys(pages)[0];
                    if (pageId != "-1") {
                        var extract = cleanExtract(pages[pageId].extract);
                        if (extract !== "") {
                            if (p.id === 'en') {
                                translateText(extract, function(trans) { renderAll(p, trans, true, extract); });
                            } else { renderAll(p, extract, false); }
                            return;
                        }
                    }
                    fetchDescription(index + 1);
                },
                error: function() { fetchDescription(index + 1); }
            });
        }

        fetchDescription(0);
    });
})();