Lompat ke isi

MediaWiki:Common.js: Perbedaan antara revisi

Dari Mippedia Data
← Revisi sebelumnyaRevisi selanjutnya →
Admin (bicara | kontrib)
Birokrat, Pengurus antarmuka, Pengurus
811 suntingan
Tidak ada ringkasan suntingan
Tanda: Suntingan perangkat seluler Suntingan peramban seluler
Tidak ada ringkasan suntingan
Tanda: Suntingan perangkat seluler Suntingan peramban seluler
Baris 530: Baris 530:
});
});


/* MIPPEDIA DATA CENTER - ENGINE */
/* MIPPEDIA DATA CENTER - ENGINE V2 (ISO) */
$(document).ready(function() {
(function($, mw) {
     var ns = mw.config.get('wgNamespaceNumber');
     "use strict";
    var pageName = mw.config.get('wgPageName');


     if (ns === 0 && !mw.config.get('wgIsMainPage')) {
    var mipConfig = {
         // Render Kotak Input di atas Infobox
        ns: mw.config.get('wgNamespaceNumber'),
        var html = `
        page: mw.config.get('wgPageName'),
            <div id="mippedia-manager" style="border: 2px solid #36c; padding: 15px; background: #fff; margin-bottom: 20px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
        isMain: mw.config.get('wgIsMainPage')
                 <div style="font-weight: bold; color: #36c; margin-bottom: 10px; display: flex; justify-content: space-between;">
    };
 
     if (mipConfig.ns === 0 && !mipConfig.isMain) {
         $(function() {
            var $ui = $('<div id="mippedia-manager">').css({
                'border': '2px solid #36c',
                'padding': '15px',
                'background': '#fff',
                'margin-bottom': '20px',
                'border-radius': '8px'
            }).html(`
                 <div style="font-weight:bold; color:#36c; margin-bottom:10px; display:flex; justify-content:space-between;">
                     <span>🌐 Mippedia Central Description</span>
                     <span>🌐 Mippedia Central Description</span>
                     <button id="btn-edit-mip" style="padding: 2px 8px; cursor: pointer;">Edit Data</button>
                     <button id="btn-edit-mip" style="padding:2px 8px; cursor:pointer;">Edit Data</button>
                 </div>
                 </div>
                 <div id="mip-display" style="font-style: italic; color: #555; font-size: 0.9em;">Memuat data dari database...</div>
                 <div id="mip-display" style="font-style:italic; color:#555; font-size:0.9em;">Memuat database...</div>
               
                 <div id="mip-form" style="display:none; margin-top:10px; border-top:1px solid #eee; padding-top:10px;">
                 <div id="mip-form" style="display:none; margin-top: 10px; border-top: 1px solid #eee; pt: 10px;">
                     <input type="text" id="mip-id" placeholder="ID (Indonesia)" style="width:100%; margin-bottom:8px; padding:4px;">
                    <label style="display:block; font-size:12px;">ID (Bahasa Indonesia):</label>
                     <input type="text" id="mip-en" placeholder="EN (English)" style="width:100%; margin-bottom:8px; padding:4px;">
                     <input type="text" id="mip-id" style="width:100%; margin-bottom:8px; padding:4px;">
                     <input type="text" id="mip-concise" placeholder="Concise (Ringkas)" style="width:100%; margin-bottom:12px; padding:4px;">
                   
                     <button id="mip-save" style="background:#36c; color:#fff; border:none; padding:6px 12px; border-radius:4px; cursor:pointer;">Simpan Permanen</button>
                    <label style="display:block; font-size:12px;">EN (English):</label>
                     <input type="text" id="mip-en" style="width:100%; margin-bottom:8px; padding:4px;">
                   
                    <label style="display:block; font-size:12px;">Concise (Ringkas):</label>
                     <input type="text" id="mip-concise" style="width:100%; margin-bottom:12px; padding:4px;">
                   
                     <button id="mip-save" style="background: #36c; color: #fff; border: none; padding: 6px 12px; border-radius: 4px; cursor: pointer;">Simpan Permanen</button>
                 </div>
                 </div>
             </div>`;
             `);


        $('.mw-parser-output').prepend(html);
            $('.mw-parser-output').prepend($ui);


        // Load Data Existing dari API
            // Fetch Data
        $.getJSON(mw.util.wikiScript('api'), {
            new mw.Api().get({
            action: 'query',
                action: 'query',
            prop: 'revisions',
                prop: 'revisions',
            titles: pageName,
                titles: mipConfig.page,
            rvprop: 'content',
                rvprop: 'content',
            format: 'json'
                format: 'json'
        }, function(data) {
            }).done(function(data) {
            var page = Object.values(data.query.pages)[0];
                var page = Object.values(data.query.pages)[0];
            if (page.revisions) {
                if (page && page.revisions) {
                var content = page.revisions[0]['*'];
                    var content = page.revisions[0]['*'];
                var match = content.match(/<mipdata>([\s\S]*?)<\/mipdata>/);
                    var match = content.match(/<mipdata>([\s\S]*?)<\/mipdata>/);
                if (match) {
                    if (match) {
                    var json = JSON.parse(match[1]);
                        try {
                    $('#mip-id').val(json.id);
                            var json = JSON.parse(match[1]);
                    $('#mip-en').val(json.en);
                            $('#mip-id').val(json.id);
                    $('#mip-concise').val(json.concise);
                            $('#mip-en').val(json.en);
                    $('#mip-display').html(`<b>ID:</b> ${json.id || '-'} | <b>EN:</b> ${json.en || '-'} | <b>Concise:</b> ${json.concise || '-'}`);
                            $('#mip-concise').val(json.concise);
                            $('#mip-display').html(`<b>ID:</b> ${json.id || '-'} | <b>EN:</b> ${json.en || '-'}`);
                        } catch(e) { console.error("Mippedia JSON Error"); }
                    }
                 }
                 }
             }
             });
        });
 
            $('#btn-edit-mip').on('click', function() { $('#mip-form').slideToggle(); });


        $('#btn-edit-mip').click(function() { $('#mip-form').slideToggle(); });
            $('#mip-save').on('click', function() {
                var api = new mw.Api();
                var newData = {
                    id: $('#mip-id').val(),
                    en: $('#mip-en').val(),
                    concise: $('#mip-concise').val()
                };
               
                api.get({
                    action: 'query',
                    titles: mipConfig.page,
                    prop: 'revisions',
                    rvprop: 'content'
                }).done(function(d) {
                    var p = Object.values(d.query.pages)[0];
                    var oldContent = p.revisions ? p.revisions[0]['*'] : "";
                    // Hapus tag lama jika ada, ganti dengan yang baru
                    var cleanContent = oldContent.replace(/<mipdata>[\s\S]*?<\/mipdata>/g, "");
                    var finalContent = cleanContent + "\n<mipdata>" + JSON.stringify(newData) + "</mipdata>";


        // Simpan Data
                    api.postWithToken('csrf', {
        $('#mip-save').click(function() {
                        action: 'edit',
            var newData = {
                        title: mipConfig.page,
                id: $('#mip-id').val(),
                        text: finalContent,
                en: $('#mip-en').val(),
                        summary: 'Update Mippedia Central Metadata'
                concise: $('#mip-concise').val()
                    }).done(function() {
            };
                        location.reload();
            var tag = "\n<mipdata>" + JSON.stringify(newData) + "</mipdata>";
                    });
           
                 });
            new mw.Api().postWithToken('csrf', {
                action: 'edit',
                title: pageName,
                summary: 'Update Mippedia Central Metadata',
                appendtext: tag, // Menyimpan secara permanen di akhir halaman
                nocreate: true
            }).done(function() {
                alert('Data berhasil disimpan permanen!');
                 location.reload();
             });
             });
         });
         });
     }
     }
});
})(jQuery, mediaWiki);

Revisi per 19 April 2026 18.44

/* ==========================================================
   🧠 MIPPEDIA DATA - SMART CONTEXT + AUTO THUMBNAIL
   Features: Smart Sync, Auto-Age, Auto-Bold, Smart Links,
             Dynamic Context, AND NEW: Auto Thumbnail Image
   ========================================================== */
(function() {
    $(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 applyAutoBold(text) { return text.replace(new RegExp('(' + pageTitle + ')', 'gi'), '<strong>$1</strong>'); }
        function cleanExtract(text) { return text.replace(/\[\d+\]/g, '').replace(/\{\{[^}]+\}\}/g, '').replace(/\(\s*\)/g, '').replace(/\s\s+/g, ' ').trim(); }
        
        function applyDynamicContext(text) {
            var date = new Date();
            var hari = ["Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu"];
            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();

            return text
                .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>"; 
                })
                .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) {
            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>'); } });
            });
            $.when.apply($, checkRequests).done(function() {
                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";
                    // Ambil thumbnail kalau ada
                    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);
                    } else { 
                        fetchFreshData(latestTS, thumbUrl); 
                    }
                },
                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);
            shuffled.forEach(function(p) {
                if (found) return;
                $.ajax({
                    url: p.url,
                    data: { action: 'query', prop: 'extracts', exintro: 1, explaintext: 1, titles: pageTitle, format: 'json', origin: '*' },
                    dataType: 'json',
                    success: function(data) {
                        if (found) return;
                        var pages = data.query.pages, pageId = Object.keys(pages)[0];
                        if (pageId != "-1" && pages[pageId].extract) {
                            found = true;
                            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, trans, true, extract, newTS, img);
                                }});
                            } else { 
                                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);
            
            buildSmartLinks(p.id);
            
            // Handlers
            $(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');
                var textToDisplay = applyAutoBold(applyDynamicContext(isOrig ? originalText : currentText));
                // Pastikan thumbnail tetap ada saat toggle versi asli
                $descBox.html(thumbHtml + applySummary(textToDisplay) + '<div style="clear:both;"></div>');
                $(this).text(isOrig ? 'Tampilkan terjemahan' : 'Tampilkan versi asli');
            });
        }

        init();
    });
})();

/* ==========================================================
   🚀 MIPPEDIA DATA - CORE SYSTEM (ULTIMATE BUNDLE)
   Status: FINAL & REVISED (Visual Fix + Permission Logic)
   Fix: Mobile Responsive Notification Position
   ========================================================== */

(function() {
    $(document).ready(function() {
        // --- 1. FILTER GLOBAL (Namespace 0 & Bukan Halaman Utama) ---
        if (mw.config.get('wgNamespaceNumber') !== 0 || 
            mw.config.get('wgIsMainPage') || 
            mw.config.get('wgAction') !== 'view') return;

        var pageTitle = mw.config.get('wgPageName');
        var dataPage = 'MediaWiki:Sitelinks-Data.json';
        var userGroups = mw.config.get('wgUserGroups');
        var isAdmin = userGroups.includes('sysop') || userGroups.includes('interface-admin');

        var projects = {
            'id': { name: 'ID', url: 'https://id.mippedia.org/api.php', base: 'https://id.mippedia.org/wiki/', color: '#6a5acd' },
            'en': { name: 'EN', url: 'https://en.mippedia.org/api.php', base: 'https://en.mippedia.org/wiki/', color: '#4169e1' },
            'concise': { name: 'Concise', url: 'https://concise.mippedia.org/api.php', base: 'https://concise.mippedia.org/wiki/', color: '#20b2aa' }
        };

        // --- 2. KOTAK NOTIFIKASI INFORMASI MODERN (FIXED MOBILE POSITION) ---
        function showBoxNotif(title, msg, type) {
            $('.mip-box-notif').remove();
            var theme = type === 'success' ? {bg:'#e6fffa', border:'#38b2ac', text:'#234e52', icon:''} : 
                        {bg:'#fff5f5', border:'#f56565', text:'#742a2a', icon:''};
            
            // Logika CSS Responsif untuk posisi
            var isMobile = window.innerWidth <= 768;
            var desktopStyle = "top:25px; right:25px; width:350px;";
            var mobileStyle = "top:15px; left:50%; transform:translateX(-50%); width:90%; max-width:400px;";
            var finalPos = isMobile ? mobileStyle : desktopStyle;

            var $notif = $('<div class="mip-box-notif" style="position:fixed; ' + finalPos + ' background:'+theme.bg+'; border-left:6px solid '+theme.border+'; padding:18px; z-index:10001; border-radius:12px; box-shadow:0 15px 35px rgba(0,0,0,0.2); font-family:sans-serif; animation:mipSlideIn 0.4s ease-out;">' +
                '<div style="display:flex; align-items:center; gap:12px; margin-bottom:8px;">' +
                    '<span style="font-size:20px;">'+theme.icon+'</span>' +
                    '<strong style="color:'+theme.text+'; font-size:15px; letter-spacing:-0.3px;">'+title+'</strong>' +
                '</div>' +
                '<p style="margin:0; font-size:13px; color:'+theme.text+'; line-height:1.6; opacity:0.9;">'+msg+'</p>' +
            '</div>').appendTo('body');

            setTimeout(function() { $notif.fadeOut(function(){ $(this).remove(); }); }, 5500);
        }

        // --- 3. UI GENERATOR (DIPERTEBAL) ---

      // A. Header Pro
        var headerHtml = '<div id="mip-header" style="background:#f8f9fa; border:1px solid #ddd; border-left:6px solid #6a5acd; padding:18px; margin-bottom:25px; border-radius:6px; box-shadow:inset 0 0 10px rgba(0,0,0,0.02);">' +
            '<div style="display:flex; align-items:center; gap:10px; margin-bottom:8px;">' +
            '<span style="background:#6a5acd; color:white; padding:3px 10px; border-radius:4px; font-size:11px; font-weight:bold; text-transform:uppercase; letter-spacing:0.5px;">Basis Data Terstruktur</span>' +
            '<strong style="color:#111; font-size:16px;"></strong></div>' +
            '<p style="margin:0; font-size:13px; color:#444; line-height:1.6;">' +
            'Halaman ini adalah metadata entitas repositori pusat yang disinkronisasi secara otomatis lintas ekosistem. ' +
            'Informasi di bawah ini bersifat teknis dan bebas digunakan sebagai referensi data terbuka bagi semua orang di seluruh dunia berdasarkan lisensi atribusi yang sesuai.' +
            '</p></div>';

        // B. Connector Box
        var editBtn = '<span id="mip-open-editor" style="cursor:pointer; font-size:20px; color:#6a5acd; opacity:0.8; transition:0.3s;" onmouseover="this.style.opacity=1" onmouseout="this.style.opacity=0.8">✎</span>';
        var connectorHtml = '<div id="mip-connector" style="background:#fff; border:1px solid #e2e8f0; border-radius:16px; padding:22px; margin-top:30px; box-shadow:0 10px 25px rgba(0,0,0,0.04);">' +
            '<div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;">' +
            '<strong style="font-size:15px; color:#1a202c; display:flex; align-items:center; gap:8px;">ID situs</strong>'+editBtn+'</div>' +
            '<div id="mip-display" style="display:flex; gap:12px; flex-wrap:wrap;"><small style="color:#a0aec0;">Mensinkronisasi basis data...</small></div>' +
            '<div id="mip-editor" style="display:none; margin-top:20px; border-top:2px solid #f7fafc; padding-top:20px;">' +
                Object.keys(projects).map(p => '<div style="margin-bottom:12px; display:flex; gap:10px;"><span style="width:75px; font-size:11px; font-weight:bold; background:#edf2f7; display:flex; align-items:center; justify-content:center; border-radius:8px; color:#4a5568;">'+projects[p].name+'</span><input type="text" id="in-'+p+'" placeholder="Judul artikel di '+projects[p].name+'..." style="flex:1; padding:10px; font-size:13px; border:1.5px solid #e2e8f0; border-radius:10px; outline:none; transition:0.2s;" onfocus="this.style.borderColor=\'#6a5acd\'"></div>').join('') +
                '<button id="mip-save" style="width:100%; padding:14px; background:#6a5acd; color:white; border:none; border-radius:12px; font-size:14px; font-weight:bold; cursor:pointer; box-shadow:0 4px 12px rgba(106,90,205,0.3); transition:0.3s;">Terbitkan</button>' +
            '</div></div>';

        // C. Footer Lisensi Lengkap
        var footerHtml = '<div id="mip-footer" style="background:#fafafa; border:1px solid #eee; border-radius:10px; padding:20px; margin-top:30px; text-align:center;">' +
            '<div style="font-size:11px; color:#718096; font-weight:800; text-transform:uppercase; letter-spacing:1px; margin-bottom:10px;">Lisensi, Atribusi & Penggunaan Data</div>' +
            '<p style="margin:0 0 10px; font-size:13px; color:#4a5568; line-height:1.6;">' +
            'Seluruh data terstruktur yang tersaji dalam repositori ini merupakan milik publik dan tersedia di bawah lisensi resmi ' +
            '<a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" style="color:#6a5acd; text-decoration:none; font-weight:700;">Creative Commons Attribution-ShareAlike 4.0 International</a>.' +
            '</p>' +
            '<p style="margin:0; font-size:12px; color:#a0aec0;">Akses API dan penggunaan data secara massal wajib mencantumkan atribusi kepada <strong>Mippedia Community</strong> selaku pengelola proyek.</p></div>';

        // Injeksi
        $('#mw-content-text').prepend(headerHtml);
        $('#mw-content-text').append(connectorHtml).append(footerHtml);

        // --- 4. LOGIC ENGINE ---
        function loadLinks() {
            new mw.Api().get({ action: 'query', prop: 'revisions', titles: dataPage, rvprop: 'content', formatversion: 2 }).done(function(d) {
                var json = d.query.pages[0].revisions ? JSON.parse(d.query.pages[0].revisions[0].content) : {};
                var data = json[pageTitle] || {};
                var $box = $('#mip-display').empty();
                var found = false;
                Object.keys(projects).forEach(p => {
                    if (data[p]) {
                        found = true;
                        $box.append('<a style="background:'+projects[p].color+'; color:white; padding:8px 16px; border-radius:10px; font-size:12px; font-weight:bold; text-decoration:none; border-bottom:3px solid rgba(0,0,0,0.15);" href="'+projects[p].base+encodeURIComponent(data[p])+'" target="_blank">Mippedia '+projects[p].name+': '+data[p]+'</a>');
                        $('#in-' + p).val(data[p]);
                    }
                });
                if (!found) $box.html('<em style="color:#cbd5e0; font-size:13px;">Entitas ini belum terhubung ke cabang Mippedia manapun.</em>');
            });
        }

        $(document).on('click', '#mip-save', function() {
            // CEK IZIN: Tolak user biasa
            if (!isAdmin) {
                showBoxNotif('Suntingan anda tidak di terbitkan', 'Halaman ini dilindungi. Hanya <b>Pengurus</b> yang memiliki otoritas untuk memodifikasi metadata ekosistem secara langsung.', 'error');
                return;
            }

            var $btn = $(this).text('Sedang Memvalidasi...').prop('disabled', true);
            var api = new mw.Api();
            var newData = {}, promises = [], invalid = [], isDel = true;

            Object.keys(projects).forEach(p => {
                var v = $('#in-' + p).val().trim();
                if (v) {
                    isDel = false;
                    promises.push($.ajax({ url: projects[p].url, data: { action: 'query', titles: v, format: 'json', origin: '*' }, dataType: 'json' }).done(function(res){
                        if (res.query.pages["-1"]) invalid.push(projects[p].name); else newData[p] = v;
                    }));
                }
            });

            $.when.apply($, promises).then(function() {
                if (invalid.length > 0) {
                    showBoxNotif('Suntingan anda tidak di terbitkan', 'Artikel dengan judul tersebut tidak ditemukan di basis data Mippedia cabang: ' + invalid.join(', ') + '. Periksa kembali ejaan dan kapitalisasi.', 'error');
                    $btn.text('Terbitkan').prop('disabled', false); return;
                }
                
                api.get({ action: 'query', prop: 'revisions', titles: dataPage, rvprop: 'content', formatversion: 2 }).done(function(r) {
                    var full = r.query.pages[0].revisions ? JSON.parse(r.query.pages[0].revisions[0].content) : {};
                    if (isDel) delete full[pageTitle]; else full[pageTitle] = newData;
                    
                    api.postWithEditToken({ action: 'edit', title: dataPage, text: JSON.stringify(full, null, 2), summary: 'Sync Metadata: ' + pageTitle })
                    .done(function() {
                        showBoxNotif('Suntingan anda berhasil di terbitkan!', 'Metadata entitas berhasil disinkronisasi ke seluruh jaringan ekosistem Mippedia.', 'success');
                        setTimeout(function(){ location.reload(); }, 1500);
                    }).fail(function(c) {
                        showBoxNotif('Gagal Menyimpan', 'Terjadi kesalahan pada token API atau koneksi server. Kode: ' + c, 'error');
                        $btn.text('Simpan & Sinkronkan Data').prop('disabled', false);
                    });
                });
            });
        });

        $(document).on('click', '#mip-open-editor', function() { $('#mip-editor').slideToggle(); });
        loadLinks();
    });
})();

(function() {
    // Fungsi utama suntik teks
    function forcePreload() {
        var ns = mw.config.get('wgNamespaceNumber');
        var pageExists = mw.config.get('wgArticleId') > 0;
        
        // Cek Namespace Utama & Halaman Baru
        if (ns === 0 && !pageExists) {
            // Cari textarea secara spesifik (Desktop & Mobile punya selector beda)
            var $textbox = $('#wpTextbox1, textarea.mw-ui-input, .editor-container textarea');
            
            if ($textbox.length && $textbox.val().trim() === "") {
                var pageName = mw.config.get('wgTitle');
                $textbox.val('{{Infobox umum\n|nama = ' + pageName + '\n}}');
                console.log("Mippedia: Infobox injected!");
            }
        }
    }

    // 1. Jalankan pas halaman beres load
    $(document).ready(forcePreload);

    // 2. Jalankan tiap ada klik (karena mobile buka editor pake klik tanpa refresh)
    $(document).on('click', function() {
        setTimeout(forcePreload, 800); // Kasih delay dikit nunggu overlay muncul
    });

    // 3. Pake MutationObserver buat mantau elemen yang baru muncul secara gaib
    var observer = new MutationObserver(function() {
        forcePreload();
    });
    observer.observe(document.body, { childList: true, subtree: true });
})();

/* ==========================================================
   🚀 MIPPEDIA DATA - CONTENT GUARD (MODIFIED FOR RELATED)
   ========================================================== */
(function() {
    function handleBlock(e) {
        var ns = mw.config.get('wgNamespaceNumber');
        if (ns !== 0 || mw.config.get('wgIsMainPage')) return;

        var $el = $(e.currentTarget);
        
        if ($el.closest('.mw-parser-output').length && $el.text().toLowerCase().includes('buat item')) {
            return; 
        }

        var $textbox = $('#wpTextbox1, .editor-container textarea, textarea.mw-ui-input');
        
        if ($textbox.length) {
            var content = $textbox.val() || "";
            
            // Pengecekan: Harus ada {{Infobox ATAU setidaknya ada kode #related
            var hasInfobox = content.includes('{{Infobox');
            var hasRelated = content.includes('#related:');

            if (!hasInfobox && !hasRelated) {
                e.preventDefault();
                e.stopPropagation();
                e.stopImmediatePropagation();

                window.alert("SUNTINGAN ANDA TIDAK BISA DI TERBITKAN!\n\nMippedia Data bukan tempat untuk menulis artikel ensiklopedia, Jika anda ingin membuat artikel ensiklopedia bukan di sini tempat nya.\n");
                return false;
            }
        }
    }

    $(document).on('click mousedown touchstart', 
        '#wpSave, .editor-save, .mw-ui-button.primary, button[type="submit"], .save-button, .header-action button', 
        function(e) {
            handleBlock(e);
        }
    );

    window.addEventListener('submit', function(e) {
        handleBlock(e);
    }, true);
})();

/* ==========================================================
   🛡️ MIPPEDIA CORE SYSTEM - NEURAL ENGINE V12
   Update: Brain Upgrade - Semantic Search & Anti-Duplicate
   Semua fitur asli (Patroli, Promo, Kategori) tetap UTUH.
   ========================================================== */
mw.hook('postEdit').add(function() {
    var rawUser = mw.config.get('wgUserName');
    var userName = rawUser ? rawUser.replace(/_/g, ' ') : 'Anonim';
    var isPatroli = (userName === 'Admin');
    
    if (mw.config.get('wgNamespaceNumber') !== 0) return;

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

    api.get({
        action: 'query',
        titles: pageTitle,
        prop: 'revisions|categories|links',
        rvprop: 'content',
        clshow: '!hidden',
        pllimit: 'max'
    }).done(function(resData) {
        var page = resData.query.pages[Object.keys(resData.query.pages)[0]];
        if (!page || !page.revisions) return;

        var rawContent = page.revisions[0]['*'];
        var content = rawContent;
        var summaryParts = [];

        // --- 2. SUPER INTELLIGENCE RELATED (UPGRADE OTAK V12) ---
        // Cek jumlah related saat ini
        var currentRelatedMatch = content.match(/\{\{#related:.*?\}\}/g) || [];
        
        // Jika kurang dari 3, kita jalankan otak pencarian canggih
        if (currentRelatedMatch.length < 3) {
            // Hapus yang lama dulu agar tidak ada duplikat atau "pake yang bekas"
            content = content.replace(/\n*\{\{#related:.*?\}\}/g, '');

            // Langkah A: Ambil kandidat dari Search Engine (Ranking Skor)
            api.get({
                action: 'query',
                list: 'search',
                srsearch: pageTitle, // Gunakan judul sebagai basis pencarian semantic
                srlimit: 15,
                srprop: ''
            }).done(function(searchRes) {
                var candidates = {};

                // Masukkan hasil pencarian ke pool skor
                if (searchRes.query && searchRes.query.search) {
                    searchRes.query.search.forEach(function(item, index) {
                        if (item.title === pageTitle) return;
                        candidates[item.title] = (15 - index); // Skor berdasarkan urutan relevansi
                    });
                }

                // Langkah B: Tambah skor jika artikel ada di daftar Link Internal
                if (page.links) {
                    page.links.forEach(function(link) {
                        if (link.title === pageTitle) return;
                        candidates[link.title] = (candidates[link.title] || 0) + 5; // Bonus skor link
                    });
                }

                // Langkah C: Urutkan berdasarkan skor tertinggi (yang paling nyambung)
                var sortedTitles = Object.keys(candidates).sort(function(a, b) {
                    return candidates[b] - candidates[a];
                });

                // Ambil TOP 3
                var finalRelated = sortedTitles.filter(t => t.indexOf(':') === -1).slice(0, 3);

                if (finalRelated.length > 0) {
                    var relatedTags = '\n\n' + finalRelated.map(t => '{{#related: ' + t + '}}').join('\n');
                    content += relatedTags;
                    summaryParts.push('NeuralRelated');
                }
                
                runPatroliAndSave();
            });
        } else {
            runPatroliAndSave();
        }

        function runPatroliAndSave() {
            // --- 3. PATROLI ENGINE (FITUR ASLI - TETAP BERFUNGSI) ---
            if (isPatroli) {
                var placeholders = [];
                // Lindungi Brankas: Template, Header, Kategori, Ref, dan Kalimat Pembuka
                content = content.replace(/(\{\{[\s\S]*?\}\}|==+.*?==+|\[\[Kategori:.*?\]\]|<ref[\s\S]*?<\/ref>|^.*?adalah)/gi, function(match) {
                    placeholders.push(match);
                    return '___MIP_SKIP_' + (placeholders.length - 1) + '___';
                });

                // Proses Auto-Link (Wajib ambil daftar AllPages dulu)
                api.get({ action: 'query', list: 'allpages', apnamespace: 0, aplimit: 'max' }).done(function(apData) {
                    var allTitles = apData.query.allpages.map(p => p.title);
                    var lowerTitles = allTitles.map(t => t.toLowerCase());

                    var tokens = content.split(/(\s+|\[\[|\]\])/);
                    var inLink = false;
                    for (var i = 0; i < tokens.length; i++) {
                        if (tokens[i] === '[[' ) { inLink = true; continue; }
                        if (tokens[i] === ']]' ) { inLink = false; continue; }
                        if (inLink || tokens[i].trim().length < 3 || tokens[i].includes('___MIP_SKIP_')) continue;

                        var wordsInToken = tokens[i].match(/\b\w+\b/g);
                        if (wordsInToken) {
                            wordsInToken.forEach(function(word) {
                                var idx = lowerTitles.indexOf(word.toLowerCase());
                                if (idx !== -1 && allTitles[idx] !== pageTitle) {
                                    tokens[i] = tokens[i].replace(new RegExp('\\b' + word + '\\b', 'g'), '[[' + allTitles[idx] + '|' + word + ']]');
                                }
                            });
                        }
                    }
                    content = tokens.join('');
                    
                    // Kembalikan dari Brankas
                    content = content.replace(/___MIP_SKIP_(\d+)___/g, function(match, id) { return placeholders[id]; });

                    // Bersihkan Link Merah
                    content = content.replace(/\[\[([^|\]:]+)\]\]/g, function(match, p1) {
                        return lowerTitles.includes(p1.toLowerCase()) ? match : p1;
                    });

                    saveAction();
                });
            } else {
                saveAction();
            }
        }

        function saveAction() {
            // --- 4. EKSEKUSI ---
            if (content.trim() !== rawContent.trim()) {
                api.postWithToken('edit', {
                    action: 'edit',
                    title: pageTitle,
                    text: content,
                    summary: 'Mippedia Neural Engine V12: ' + summaryParts.join(', '),
                    bot: true, markasbot: true
                }).done(function() { location.reload(); });
            }
        }
    });
});

/* MIPPEDIA DATA CENTER - ENGINE V2 (ISO) */
(function($, mw) {
    "use strict";

    var mipConfig = {
        ns: mw.config.get('wgNamespaceNumber'),
        page: mw.config.get('wgPageName'),
        isMain: mw.config.get('wgIsMainPage')
    };

    if (mipConfig.ns === 0 && !mipConfig.isMain) {
        $(function() {
            var $ui = $('<div id="mippedia-manager">').css({
                'border': '2px solid #36c',
                'padding': '15px',
                'background': '#fff',
                'margin-bottom': '20px',
                'border-radius': '8px'
            }).html(`
                <div style="font-weight:bold; color:#36c; margin-bottom:10px; display:flex; justify-content:space-between;">
                    <span>🌐 Mippedia Central Description</span>
                    <button id="btn-edit-mip" style="padding:2px 8px; cursor:pointer;">Edit Data</button>
                </div>
                <div id="mip-display" style="font-style:italic; color:#555; font-size:0.9em;">Memuat database...</div>
                <div id="mip-form" style="display:none; margin-top:10px; border-top:1px solid #eee; padding-top:10px;">
                    <input type="text" id="mip-id" placeholder="ID (Indonesia)" style="width:100%; margin-bottom:8px; padding:4px;">
                    <input type="text" id="mip-en" placeholder="EN (English)" style="width:100%; margin-bottom:8px; padding:4px;">
                    <input type="text" id="mip-concise" placeholder="Concise (Ringkas)" style="width:100%; margin-bottom:12px; padding:4px;">
                    <button id="mip-save" style="background:#36c; color:#fff; border:none; padding:6px 12px; border-radius:4px; cursor:pointer;">Simpan Permanen</button>
                </div>
            `);

            $('.mw-parser-output').prepend($ui);

            // Fetch Data
            new mw.Api().get({
                action: 'query',
                prop: 'revisions',
                titles: mipConfig.page,
                rvprop: 'content',
                format: 'json'
            }).done(function(data) {
                var page = Object.values(data.query.pages)[0];
                if (page && page.revisions) {
                    var content = page.revisions[0]['*'];
                    var match = content.match(/<mipdata>([\s\S]*?)<\/mipdata>/);
                    if (match) {
                        try {
                            var json = JSON.parse(match[1]);
                            $('#mip-id').val(json.id);
                            $('#mip-en').val(json.en);
                            $('#mip-concise').val(json.concise);
                            $('#mip-display').html(`<b>ID:</b> ${json.id || '-'} | <b>EN:</b> ${json.en || '-'}`);
                        } catch(e) { console.error("Mippedia JSON Error"); }
                    }
                }
            });

            $('#btn-edit-mip').on('click', function() { $('#mip-form').slideToggle(); });

            $('#mip-save').on('click', function() {
                var api = new mw.Api();
                var newData = {
                    id: $('#mip-id').val(),
                    en: $('#mip-en').val(),
                    concise: $('#mip-concise').val()
                };
                
                api.get({
                    action: 'query',
                    titles: mipConfig.page,
                    prop: 'revisions',
                    rvprop: 'content'
                }).done(function(d) {
                    var p = Object.values(d.query.pages)[0];
                    var oldContent = p.revisions ? p.revisions[0]['*'] : "";
                    // Hapus tag lama jika ada, ganti dengan yang baru
                    var cleanContent = oldContent.replace(/<mipdata>[\s\S]*?<\/mipdata>/g, "");
                    var finalContent = cleanContent + "\n<mipdata>" + JSON.stringify(newData) + "</mipdata>";

                    api.postWithToken('csrf', {
                        action: 'edit',
                        title: mipConfig.page,
                        text: finalContent,
                        summary: 'Update Mippedia Central Metadata'
                    }).done(function() {
                        location.reload();
                    });
                });
            });
        });
    }
})(jQuery, mediaWiki);
Diperoleh dari "https://data.mippedia.org/index.php?title=MediaWiki:Common.js&oldid=678"