MediaWiki:Common.js: Perbedaan antara revisi

   🧠 MIPPEDIA DATA - SMART CONTEXT + AUTO THUMBNAIL

   Features: Smart Sync, Auto-Age, Auto-Bold, Smart Links,

             Dynamic Context, AND NEW: Auto Thumbnail Image

   ========================================================== */

    $(document).ready(function() {

        var $descSection = $('#mip-desc-section'), $descBox = $('#mip-auto-description'),

            $sourceInfo = $('#mip-source-info'), $portalLinks = $('#mip-portal-links'),

            $projectPortal = $('#mip-project-portal');

        if (!$descBox.length) return;

        var pageTitle = mw.config.get('wgPageName').replace(/_/g, ' '),

            cacheKey = 'mip_smart_context_thumb_' + pageTitle, now = new Date().getTime(),

            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' }

        ];

        // --- SEMUA FUNGSI AWAL (TETAP UTUH) ---

        function applyDynamicContext(text) {

            var date = new Date();

            var bulan = ["Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember"];

            var tglSkrg = hari[date.getDay()] + ", " + date.getDate() + " " + bulan[date.getMonth()] + " " + date.getFullYear();

                .replace(/(hari ini|saat ini|sekarang)/gi, '$1 (' + tglSkrg + ')')

                .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>"; 

                    var gap = currentYear - parseInt(y);

                    if (gap > 0 && gap < 100) return k + " " + y + " <small style='color: #888;'>(" + gap + " thn lalu)</small>";

        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>';

        }

        function buildSmartLinks(currentId) {

            $portalLinks.empty();

            var validLinks = [];

            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) { validLinks.push('<a href="' + p.base + encodeURIComponent(pageTitle) + '" target="_blank" style="color: #6a5acd; text-decoration: underline; font-weight: bold;">' + p.label + '</a>'); } });

            });

                if (validLinks.length > 0) { $portalLinks.html(validLinks.join(' <span style="color:#ccc; margin: 0 5px;">•</span> ')); $projectPortal.fadeIn(); }

            });

        }

        // --- SISTEM SMART CHECK DENGAN SUPPORT THUMBNAIL ---

        var cached = JSON.parse(localStorage.getItem(cacheKey) || "{}");

        function init() {

            var pCheck = projects[Math.floor(Math.random() * projects.length)];

            $.ajax({

                url: pCheck.url,

                data: { action: 'query', prop: 'revisions|pageimages', rvprop: 'timestamp', piprop: 'thumbnail', pithumbsize: 150, titles: pageTitle, format: 'json', origin: '*' },

                dataType: 'json',

                success: function(res) {

                    var pg = res.query.pages, id = Object.keys(pg)[0];

                    var latestTS = (id != "-1") ? pg[id].revisions[0].timestamp : "0";

                    var thumbUrl = (id != "-1" && pg[id].thumbnail) ? pg[id].thumbnail.source : "";

                    if (cached.content && cached.ts === latestTS) {

                        renderAll(cached.p, cached.content, cached.isTrans, cached.orig, cached.img);

                error: function() { if (cached.content) renderAll(cached.p, cached.content, cached.isTrans, cached.orig, cached.img); }

            });

        function fetchFreshData(newTS, img) {

            var found = false;

            var shuffled = projects.sort(() => Math.random() - 0.5);

                $.ajax({

                    url: p.url,

                    data: { action: 'query', prop: 'extracts', exintro: 1, explaintext: 1, titles: pageTitle, format: 'json', origin: '*' },

                    success: function(data) {

                        var pages = data.query.pages, pageId = Object.keys(pages)[0];

                        if (pageId != "-1" && pages[pageId].extract) {

                            var extract = cleanExtract(pages[pageId].extract);

                            if (p.id === 'en') {

                                $.ajax({ url: "https://translate.googleapis.com/translate_a/single?client=gtx&sl=en&tl=id&dt=t&q=" + encodeURIComponent(extract), success: function(res) { 

                                    var trans = ""; res[0].forEach(s => { if (s[0]) trans += s[0]; });

                                finalize(p, extract, false, "", newTS, img); 

            });

        function finalize(p, c, t, o, ts, img) {

            localStorage.setItem(cacheKey, JSON.stringify({p:p, content:c, isTrans:t, orig:o, ts:ts, img:img}));

            renderAll(p, c, t, o, img);

        }

        function renderAll(p, currentText, isTranslated, originalText, img) {

            var processedText = applyAutoBold(applyDynamicContext(currentText));

            // Layouting Thumbnail (Tetap ringan: hanya render jika gambar ada)

            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>' : '';

            $descSection.show();

            // Masukkan thumbnail ke dalam konten box

            $descBox.show().html(thumbHtml + applySummary(processedText) + '<div style="clear:both;"></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>';

            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>'; }

            $sourceInfo.show().html(footer);

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

                var isOrig = ($(this).text() === 'Tampilkan versi asli');

                $descBox.html(thumbHtml + applySummary(textToDisplay) + '<div style="clear:both;"></div>');

                $(this).text(isOrig ? 'Tampilkan terjemahan' : 'Tampilkan versi asli');

        init();

    });