MediaWiki:Common.js
Catatan: Setelah menerbitkan, Anda mungkin perlu melewati tembolok peramban web Anda untuk melihat perubahan.
- Firefox/Safari: Tekan dan tahan Shift sembari mengeklik Reload, atau tekan Ctrl-F5 atau Ctrl-R (⌘-R di Mac)
- Google Chrome: Tekan Ctrl-Shift-R (⌘-Shift-R di Mac)
- Edge: Tahan Ctrl sembari mengeklik Refresh, atau tekan Ctrl-F5
/* ==========================================================
🧠 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;"></div>' +
'<p style="margin:0; font-size:13px; color:#444; line-height:1.6;">' +
'Halaman ini adalah metadata entitas yang disinkronisasi secara otomatis lintas ekosistem. ' +
'Informasi di bawah ini bersifat teknis dan digunakan sebagai referensi data terbuka bagi pengembang dan komunitas Mippedia di seluruh dunia.' +
'</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();
});
})();