MediaWiki:Common.js
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
(function () {
var currentScript = 'deva';
// ── IAST transliteration (inline, no external library) ─────────
function devanagariToIAST(text) {
var CONSONANTS = {
'क':'k','ख':'kh','ग':'g','घ':'gh','ङ':'ṅ',
'च':'c','छ':'ch','ज':'j','झ':'jh','ञ':'ñ',
'ट':'ṭ','ठ':'ṭh','ड':'ḍ','ढ':'ḍh','ण':'ṇ',
'त':'t','थ':'th','द':'d','ध':'dh','न':'n',
'प':'p','फ':'ph','ब':'b','भ':'bh','म':'m',
'य':'y','र':'r','ल':'l','ळ':'ḷ','व':'v',
'श':'ś','ष':'ṣ','स':'s','ह':'h'
};
var DIACRITICS = {
'ा':'ā','ि':'i','ी':'ī','ु':'u','ू':'ū',
'ृ':'ṛ','ॄ':'ṝ','े':'e','ै':'ai','ो':'o','ौ':'au'
};
var VOWELS = {
'अ':'a','आ':'ā','इ':'i','ई':'ī','उ':'u','ऊ':'ū',
'ऋ':'ṛ','ॠ':'ṝ','ए':'e','ऐ':'ai','ओ':'o','औ':'au','ऽ':"'"
};
var MISC = {
'ं':'ṃ','ः':'ḥ','ँ':'m̐','ॐ':'oṃ',
'०':'0','१':'1','२':'2','३':'3','४':'4',
'५':'5','६':'6','७':'7','८':'8','९':'9'
};
var HALANTA = '्';
var chars = Array.from(text);
var result = '';
var i = 0;
while (i < chars.length) {
var ch = chars[i];
if (CONSONANTS[ch]) {
var base = CONSONANTS[ch];
var next = chars[i + 1];
if (next === HALANTA) {
result += base; i += 2;
} else if (DIACRITICS[next]) {
result += base + DIACRITICS[next]; i += 2;
} else if (next === 'ं' || next === 'ः') {
result += base + 'a' + MISC[next]; i += 2;
} else {
result += base + 'a'; i++;
}
} else if (VOWELS[ch]) { result += VOWELS[ch]; i++; }
else if (DIACRITICS[ch]) { result += DIACRITICS[ch]; i++; }
else if (MISC[ch]) { result += MISC[ch]; i++; }
else { result += ch; i++; }
}
return result;
}
// ── Character maps for Kannada / Tamil ─────────────────────────
var SCRIPT_MAP = {
kn: {
'अ':'ಅ','आ':'ಆ','इ':'ಇ','ई':'ಈ','उ':'ಉ','ऊ':'ಊ','ऋ':'ಋ',
'ए':'ಏ','ऐ':'ಐ','ओ':'ಓ','औ':'ಔ','ऽ':'ಽ',
'क':'ಕ','ख':'ಖ','ग':'ಗ','घ':'ಘ','ङ':'ಙ',
'च':'ಚ','छ':'ಛ','ज':'ಜ','झ':'ಝ','ञ':'ಞ',
'ट':'ಟ','ठ':'ಠ','ड':'ಡ','ढ':'ಢ','ण':'ಣ',
'त':'ತ','थ':'ಥ','द':'ದ','ध':'ಧ','न':'ನ',
'प':'ಪ','फ':'ಫ','ब':'ಬ','भ':'ಭ','म':'ಮ',
'य':'ಯ','र':'ರ','ल':'ಲ','व':'ವ',
'श':'ಶ','ष':'ಷ','स':'ಸ','ह':'ಹ',
'ा':'ಾ','ि':'ಿ','ी':'ೀ','ु':'ು','ू':'ೂ',
'ृ':'ೃ','े':'ೇ','ै':'ೈ','ो':'ೋ','ौ':'ೌ',
'ं':'ಂ','ः':'ಃ','्':'್',
'०':'೦','१':'೧','२':'೨','३':'೩','४':'೪',
'५':'೫','६':'೬','७':'೭','८':'೮','९':'೯'
},
ta: {
'अ':'அ','आ':'ஆ','इ':'இ','ई':'ஈ','उ':'உ','ऊ':'ஊ',
'ए':'ஏ','ऐ':'ஐ','ओ':'ஓ','औ':'ஔ',
'क':'க','ख':'க','ग':'க','घ':'க','ङ':'ங',
'च':'ச','छ':'ச','ज':'ஜ','झ':'ஜ','ञ':'ஞ',
'ट':'ட','ठ':'ட','ड':'ட','ढ':'ட','ण':'ண',
'त':'த','थ':'த','द':'த','ध':'த','न':'ந',
'प':'ப','फ':'ப','ब':'ப','भ':'ப','म':'ம',
'य':'ய','र':'ர','ல':'ல','व':'வ',
'श':'ஶ','ष':'ஷ','स':'ஸ','ह':'ஹ',
'ा':'ா','ि':'ி','ी':'ீ','ु':'ு','ू':'ூ',
'े':'ே','ै':'ை','ो':'ோ','ौ':'ௌ',
'ं':'ம்','ः':':','्':'்','ॐ':'ௐ',
'०':'0','१':'1','२':'2','३':'3','४':'4',
'५':'5','६':'6','७':'7','८':'8','९':'9'
}
};
var PRE = [
[/ङ्क/g,'ंक'],[/ङ्ख/g,'ंख'],[/ङ्ग/g,'ंग'],[/ङ्घ/g,'ंघ'],
[/ञ्च/g,'ंच'],[/ञ्ज/g,'ंज'],[/ण्ट/g,'ंट'],[/ण्ड/g,'ंड'],
[/न्त/g,'ंत'],[/न्द/g,'ंद'],[/म्ब/g,'ंब'],[/म्भ/g,'ंभ']
];
function transliterateText(text, script) {
if (script === 'en') return devanagariToIAST(text);
var map = SCRIPT_MAP[script];
if (!map) return text;
var t = text;
PRE.forEach(function (p) { t = t.replace(p[0], p[1]); });
return Array.from(t).map(function (ch) {
return map[ch] !== undefined ? map[ch] : ch;
}).join('');
}
// ── Collect all transliteratable text nodes once ────────────────
// Store originals as data-deva on a wrapper span.
// On script switch, update textContent of those spans — never
// touch innerHTML of the whole content block.
var translatableSpans = [];
function tagTextNodes() {
var content = document.querySelector('.mw-parser-output');
if (!content) return;
var walker = document.createTreeWalker(content, NodeFilter.SHOW_TEXT);
var nodes = [];
while (walker.nextNode()) nodes.push(walker.currentNode);
nodes.forEach(function (node) {
var p = node.parentNode;
if (!p) return;
// Skip already tagged
if (p.hasAttribute && p.hasAttribute('data-deva')) return;
// Skip UI elements
if (p.closest) {
if (p.closest('.gr-script-bar') ||
p.closest('.vector-toc') ||
p.closest('#toc') ||
p.closest('.mw-editsection')) return;
}
var orig = node.textContent;
if (!orig.trim()) return;
// Wrap in span with original stored
var span = document.createElement('span');
span.setAttribute('data-deva', orig);
span.textContent = orig;
p.replaceChild(span, node);
translatableSpans.push(span);
});
}
function applyScript(script) {
currentScript = script;
translatableSpans.forEach(function (span) {
if (!span.parentNode) return; // detached
var orig = span.getAttribute('data-deva');
if (script === 'deva') {
span.textContent = orig;
} else {
span.textContent = transliterateText(orig, script);
}
});
// Update active button
var bar = document.querySelector('.gr-script-bar');
if (bar) {
bar.querySelectorAll('.gr-script-btn').forEach(function (b) {
b.classList.toggle('active', b.getAttribute('data-script') === script);
});
}
}
// ── Build switcher bar ─────────────────────────────────────────
function buildBar() {
var title = document.querySelector('.gr-doc-title');
if (!title) return;
if (document.querySelector('.gr-script-bar')) return;
var bar = document.createElement('div');
bar.className = 'gr-script-bar';
bar.innerHTML =
'<span class="gr-script-label">change script to</span>' +
'<a class="gr-script-btn active" data-script="deva">देवनागरी</a>' +
'<a class="gr-script-btn" data-script="kn">ಕನ್ನಡ</a>' +
'<a class="gr-script-btn" data-script="ta">தமிழ்</a>' +
'<a class="gr-script-btn" data-script="en">English</a>';
title.after(bar);
bar.querySelectorAll('.gr-script-btn').forEach(function (btn) {
btn.addEventListener('click', function (e) {
e.preventDefault();
applyScript(btn.getAttribute('data-script'));
});
});
}
// ── TOC active highlight (CSS-driven, MutationObserver backup) ──
function watchTocActive() {
var toc = document.querySelector('.vector-toc');
if (!toc || toc._grObserved) return;
toc._grObserved = true;
var observer = new MutationObserver(function (mutations) {
mutations.forEach(function (m) {
if (m.attributeName !== 'class') return;
var li = m.target;
var link = li.querySelector(':scope > .vector-toc-link');
if (!link) return;
if (li.classList.contains('vector-toc-list-item-active')) {
link.style.color = '#f57c00';
link.style.fontWeight = '700';
} else {
link.style.color = '';
link.style.fontWeight = '';
}
});
});
toc.querySelectorAll('.vector-toc-list-item').forEach(function (li) {
observer.observe(li, { attributes: true, attributeFilter: ['class'] });
});
}
// ── Init ───────────────────────────────────────────────────────
function init() {
var content = document.querySelector('.mw-parser-output');
var alreadyTagged = content && content.querySelector('[data-deva]');
if (!alreadyTagged) {
translatableSpans = [];
tagTextNodes();
}
buildBar();
watchTocActive();
}
if (window.mw) {
mw.hook('wikipage.content').add(function () {
setTimeout(function () {
var oldBar = document.querySelector('.gr-script-bar');
if (oldBar) oldBar.remove();
// Check if content is already tagged from a previous hook fire
var content = document.querySelector('.mw-parser-output');
var alreadyTagged = content && content.querySelector('[data-deva]');
if (!alreadyTagged) {
translatableSpans = [];
tagTextNodes();
}
buildBar();
watchTocActive();
}, 150);
});
}
// Fallback for non-MW environments
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', init);
} else {
init();
}
})();