MediaWiki:Common.js: Perbedaan antara revisi

Tidak ada ringkasan suntingan
Tanda: Suntingan perangkat seluler Suntingan peramban seluler
Tidak ada ringkasan suntingan
Tanda: Suntingan perangkat seluler Suntingan peramban seluler
Baris 1: Baris 1:
/* ==========================================================
/* ==========================================================
   🧠 MIPPEDIA DATA - ULTIMATE CLEAN LINKER (v5)
   🧠 MIPPEDIA DATA - ULTIMATE CLEAN ENGINE (FINAL FIX)
   ========================================================== */
   ========================================================== */
(function() {
(function() {
     $(document).ready(function() {
     $(document).ready(function() {
         var $descSection = $('#mip-desc-section'), $descBox = $('#mip-auto-description'),
         var $descBox = $('#mip-auto-description'),
             $sourceInfo = $('#mip-source-info'), $portalLinks = $('#mip-portal-links'),
             $sourceInfo = $('#mip-source-info'),
            $portalLinks = $('#mip-portal-links'),
             $projectPortal = $('#mip-project-portal');
             $projectPortal = $('#mip-project-portal');
          
          
Baris 11: Baris 12:


         var pageTitle = mw.config.get('wgPageName').replace(/_/g, ' '),
         var pageTitle = mw.config.get('wgPageName').replace(/_/g, ' '),
             cacheKey = 'mip_clean_v5_' + pageTitle,  
             cacheKey = 'mip_final_v6_' + pageTitle,  
             currentYear = 2026;
             currentYear = 2026;


Baris 20: Baris 21:
         ];
         ];


         // --- FUNGSI AUTO-LINKER (ANTI-BERANTAKAN) ---
         // --- ANTI-ACAK-ACAKAN LINKER ---
         function applyInstantLinks(text, callback) {
         function applyInstantLinks(text, callback) {
             var words = text.split(/\s+/);
             var words = text.split(/\s+/);
             // Filter: Minimal 4 huruf, bukan bagian dari judul, bukan kata umum
             // Hanya ambil kata unik > 3 huruf & BUKAN bagian dari judul halaman
            var stopWords = ["adalah", "sebuah", "dengan", "dalam", "untuk", "dari"];
             var candidates = [...new Set(words.map(w => w.replace(/[.,\/#!$%\^&\*;:{}=\-_`~()]/g, "")))].filter(w => {
             var candidates = [...new Set(words.map(w => w.replace(/[.,\/#!$%\^&\*;:{}=\-_`~()]/g, "")))].filter(w => {
                 return w.length > 3 &&  
                 return w.length > 3 && !pageTitle.toLowerCase().includes(w.toLowerCase());
                      !pageTitle.toLowerCase().includes(w.toLowerCase()) &&
                      !stopWords.includes(w.toLowerCase());
             });
             });
              
              
             if (candidates.length === 0) return callback(text);
             if (candidates.length === 0) return callback(text);


            // Cek ke API mana yang beneran ADA halamannya
             $.getJSON(mw.util.wikiScript('api'), {
             $.getJSON(mw.util.wikiScript('api'), {
                 action: 'query',
                 action: 'query',
Baris 39: Baris 38:
             }, function(res) {
             }, function(res) {
                 var pages = res.query.pages;
                 var pages = res.query.pages;
                 var existingTitles = [];
                 var validTitles = [];
                 for (var id in pages) { if (id !== "-1") existingTitles.push(pages[id].title); }
                 for (var id in pages) {
                    if (id !== "-1") validTitles.push(pages[id].title);
                }


                 var linkedText = text;
                 var linkedText = text;
                 // Urutkan dari kata terpanjang biar nggak salah timpa
                 // Urutkan dari yang terpanjang biar nggak salah ganti
                 existingTitles.sort((a, b) => b.length - a.length).forEach(function(title) {
                 validTitles.sort((a, b) => b.length - a.length).forEach(function(title) {
                     var regex = new RegExp('\\b(' + title + ')\\b', 'gi');
                    // Regex presisi: ganti kata tapi jangan ganggu yang udah jadi link
                     var regex = new RegExp('\\b(' + title + ')\\b(?![^<]*>|[^<>]*<\/a>)', 'gi');
                     linkedText = linkedText.replace(regex, function(match) {
                     linkedText = linkedText.replace(regex, function(match) {
                        // Link Biru Biasa (Gak Tebal)
                         return '<a href="/wiki/' + match.replace(/ /g, '_') + '" style="color: #0645ad; text-decoration: none;">' + match + '</a>';
                         return '<a href="/wiki/' + match.replace(/ /g, '_') + '" style="color: #0645ad; text-decoration: none;">' + match + '</a>';
                     });
                     });
Baris 55: Baris 56:
         }
         }


         // --- FITUR LAMA (TETAP UTUH) ---
         // --- FUNGSI PENDUKUNG (TETAP AMAN) ---
         function applyAutoBold(text) {  
         function applyAutoBold(text) {  
             var regex = new RegExp('(' + pageTitle + ')', 'gi');
             var regex = new RegExp('(' + pageTitle + ')', 'gi');
Baris 65: Baris 66:
         function applyDynamicContext(text) {
         function applyDynamicContext(text) {
             var date = new Date(), bulan = ["Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember"];
             var date = new Date(), bulan = ["Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember"];
             var tglSkrg = date.getDate() + " " + bulan[date.getMonth()] + " " + date.getFullYear();
             var tgl = date.getDate() + " " + bulan[date.getMonth()] + " " + date.getFullYear();
             return text
             return text
                 .replace(/(hari ini|saat ini|sekarang)/gi, '$1 (' + tglSkrg + ')')
                 .replace(/(hari ini|saat ini|sekarang)/gi, '$1 (' + tgl + ')')
                 .replace(/(\d{1,2}\s(?:Januari|Februari|Maret|April|Mei|Juni|Juli|Agustus|September|Oktober|November|Desember)\s(\d{4}))/gi, function(m, f, y) {  
                 .replace(/(\d{1,2}\s(?:Januari|Februari|Maret|April|Mei|Juni|Juli|Agustus|September|Oktober|November|Desember)\s(\d{4}))/gi, function(m, f, y) {  
                     return f + " <span style='color: #444; font-weight: bold;'>– usia " + (currentYear - parseInt(y)) + " tahun</span>";  
                     return f + " <span style='color: #444; font-weight: bold;'>– usia " + (currentYear - parseInt(y)) + " tahun</span>";  
                })
                .replace(/(sejak|tahun)\s(\d{4})/gi, function(m, k, y) {
                    var gap = currentYear - parseInt(y);
                    if (gap > 0 && gap < 100) return k + " " + y + " <small style='color: #888;'>(" + gap + " thn lalu)</small>";
                    return m;
                 });
                 });
         }
         }


        function applySummary(text) {
         function renderAll(p, currentText, img) {
            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>';
        }
 
        function buildSmartLinks(currentId) {
            $portalLinks.empty();
            var checkRequests = 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) {
                        $portalLinks.append('<a href="' + p.base + encodeURIComponent(pageTitle) + '" target="_blank" style="color: #6a5acd; text-decoration: underline; font-weight: bold;">' + p.label + '</a> ');
                    }});
            });
            $.when.apply($, checkRequests).done(function() { if ($portalLinks.children().length > 0) $projectPortal.fadeIn(); });
        }
 
        // --- RENDER CORE ---
         function renderAll(p, currentText, isTranslated, originalText, img) {
             applyInstantLinks(currentText, function(linkedText) {
             applyInstantLinks(currentText, function(linkedText) {
                 var processedText = applyAutoBold(applyDynamicContext(linkedText));
                 var finalOutput = applyAutoBold(applyDynamicContext(linkedText));
                 var thumbHtml = img ? '<div style="float: right; margin-left: 15px; margin-bottom: 10px; border: 1px solid #ddd; padding: 3px; background: #fff; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);"><img src="'+img+'" style="max-width: 100px; display: block; height: auto;"></div>' : '';
                 var thumb = img ? '<div style="float: right; margin-left: 15px;"><img src="'+img+'" style="max-width: 100px; border-radius: 4px; border: 1px solid #ddd; padding: 2px;"></div>' : '';


                 $descSection.show();
                 $('#mip-desc-section').show();
                 $descBox.show().html(thumbHtml + applySummary(processedText) + '<div style="clear:both;"></div>');
                 $descBox.show().html(thumb + '<span>' + finalOutput + '</span><div style="clear:both;"></div>');
                $sourceInfo.show().html('<div style="font-size: 0.9em; color: #777; margin-top: 10px;">Sumber : <a href="' + p.base + encodeURIComponent(pageTitle) + '" target="_blank" style="color: #6a5acd; font-weight: bold;">' + p.name + '</a></div>');
                  
                  
                 var footer = '<div style="font-size: 0.9em; color: #777;">Sumber Dari : <a href="' + p.base + encodeURIComponent(pageTitle) + '" target="_blank" style="color: #6a5acd; font-weight: bold; text-decoration: none;">' + p.name + '.</a>';
                 // Portal links
                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>'; }
                $portalLinks.empty();
                $sourceInfo.show().html(footer);
                projects.filter(pr => pr.id !== p.id).forEach(function(pr) {
                 buildSmartLinks(p.id);
                    $.getJSON(pr.url + '?action=query&titles=' + encodeURIComponent(pageTitle) + '&format=json&origin=*', function(d) {
                        if (d.query.pages["-1"] === undefined) {
                            $portalLinks.append('<a href="' + pr.base + encodeURIComponent(pageTitle) + '" target="_blank" style="color: #6a5acd; font-weight: bold; margin-right: 10px;">' + pr.label + '</a>');
                            $projectPortal.fadeIn();
                        }
                    });
                 });
             });
             });
           
            $(document).off('click', '.mip-read-btn').on('click', '.mip-read-btn', function() { $(this).hide(); $('.mip-dots').hide(); $('.mip-more').fadeIn(); });
         }
         }


         // --- INIT DATA ---
         // --- SISTEM CACHE & FETCH ---
         var cached = JSON.parse(localStorage.getItem(cacheKey) || "{}");
         var cached = JSON.parse(localStorage.getItem(cacheKey) || "{}");
         var pCheck = projects[Math.floor(Math.random() * projects.length)];
         var pCheck = projects[0]; // Prioritas bahasa Indonesia
 
         $.ajax({
         $.ajax({
             url: pCheck.url,
             url: pCheck.url,
             data: { action: 'query', prop: 'revisions|pageimages', rvprop: 'timestamp', piprop: 'thumbnail', pithumbsize: 150, titles: pageTitle, format: 'json', origin: '*' },
             data: { action: 'query', prop: 'extracts|revisions|pageimages', exintro: 1, explaintext: 1, rvprop: 'timestamp', piprop: 'thumbnail', pithumbsize: 150, titles: pageTitle, format: 'json', origin: '*' },
            dataType: 'json',
             success: function(res) {
             success: function(res) {
                 var pg = res.query.pages, id = Object.keys(pg)[0];
                 var pg = res.query.pages, id = Object.keys(pg)[0];
                 var ts = (id != "-1") ? pg[id].revisions[0].timestamp : "0";
                 if (id !== "-1") {
                var img = (id != "-1" && pg[id].thumbnail) ? pg[id].thumbnail.source : "";
                    var ext = cleanExtract(pg[id].extract), ts = pg[id].revisions[0].timestamp, img = pg[id].thumbnail ? pg[id].thumbnail.source : "";
                if (cached.content && cached.ts === ts) { renderAll(cached.p, cached.content, cached.isTrans, cached.orig, cached.img); }
                     renderAll(pCheck, ext, img);
                else {
                     $.ajax({
                        url: pCheck.url,
                        data: { action: 'query', prop: 'extracts', exintro: 1, explaintext: 1, titles: pageTitle, format: 'json', origin: '*' },
                        dataType: 'json',
                        success: function(d) {
                            var pages = d.query.pages, pid = Object.keys(pages)[0];
                            if (pid != "-1") {
                                var ext = cleanExtract(pages[pid].extract);
                                localStorage.setItem(cacheKey, JSON.stringify({p:pCheck, content:ext, isTrans:false, orig:"", ts:ts, img:img}));
                                renderAll(pCheck, ext, false, "", img);
                            }
                        }
                    });
                 }
                 }
             }
             }