MediaWiki:Common.js: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/ | // ── Load Sanscript.js first, then init everything ──────────────── | ||
(function () { | (function() { | ||
function loadScript(url, callback) { | |||
var s = document.createElement('script'); | |||
s.src = url; | |||
s.onload = callback; | |||
document.head.appendChild(s); | |||
} | |||
loadScript( | |||
'https://cdn.jsdelivr.net/npm/sanscript.js@1.1.2/sanscript.min.js', | |||
function() { initScriptSwitcher(); } | |||
); | |||
// ── Character maps for Kannada and Tamil ───────────────────── | |||
var SCRIPT_MAP = { | |||
kn: { | |||
'अ':'ಅ','आ':'ಆ','इ':'ಇ','ई':'ಈ','उ':'ಉ','ऊ':'ಊ','ऋ':'ಋ', | |||
'ए':'ಏ','ऐ':'ಐ','ओ':'ಓ','औ':'ಔ','ऽ':'ಽ', | |||
'क':'ಕ','ख':'ಖ','ग':'ಗ','घ':'ಘ','ङ':'ಙ', | |||
'च':'ಚ','छ':'ಛ','ज':'ಜ','झ':'ಝ','ञ':'ಞ', | |||
'ट':'ಟ','ठ':'ಠ','ड':'ಡ','ढ':'ಢ','ण':'ಣ', | |||
'त':'ತ','थ':'ಥ','द':'ದ','ध':'ಧ','न':'ನ', | |||
'प':'ಪ','फ':'ಫ','ब':'ಬ','भ':'ಭ','म':'ಮ', | |||
'य':'ಯ','र':'ರ','ल':'ಲ','व':'ವ', | |||
'श':'ಶ','ष':'ಷ','स':'ಸ','ह':'ಹ', | |||
'ा':'ಾ','ि':'ಿ','ी':'ೀ','ु':'ು','ू':'ೂ', | |||
'ृ':'ೃ','े':'ೇ','ै':'ೈ','ो':'ೋ','ौ':'ೌ', | |||
'ं':'ಂ','ः':'ಃ','्':'್', | |||
'०':'೦','१':'೧','२':'೨','३':'೩','४':'೪', | |||
'५':'೫','६':'೬','७':'೭','८':'೮','९':'೯' | |||
}, | |||
ta: { | |||
'अ':'அ','आ':'ஆ','इ':'இ','ई':'ஈ','उ':'உ','ऊ':'ஊ', | |||
'ए':'ஏ','ऐ':'ஐ','ओ':'ஓ','औ':'ஔ', | |||
'क':'க','ख':'க','ग':'க','घ':'க','ङ':'ங', | |||
'च':'ச','छ':'ச','ज':'ஜ','झ':'ஜ','ञ':'ஞ', | |||
'ट':'ட','ठ':'ட','ड':'ட','ढ':'ட','ण':'ண', | |||
'त':'த','थ':'த','द':'த','ध':'த','न':'ந', | |||
'प':'ப','फ':'ப','ब':'ப','भ':'ப','म':'ம', | |||
'य':'ய','र':'ர','ल':'ல','व':'வ', | |||
'श':'ஶ','ष':'ஷ','स':'ஸ','ह':'ஹ', | |||
'ा':'ா','ि':'ி','ी':'ீ','ु':'ு','ू':'ூ', | |||
'े':'ே','ै':'ை','ो':'ோ','ौ':'ௌ', | |||
'ं':'ம்','ः':':','्':'்','ॐ':'ௐ', | |||
'०':'0','१':'1','२':'2','३':'3','४':'4', | |||
'५':'5','६':'6','७':'7','८':'8','९':'9' | |||
} | |||
}; | |||
var PRE_PROCESS = [ | |||
[/ङ्क/g,'ंक'],[/ङ्ख/g,'ंख'],[/ङ्ग/g,'ंग'],[/ङ्घ/g,'ंघ'], | |||
[/ञ्च/g,'ंच'],[/ञ्ज/g,'ंज'],[/ण्ट/g,'ंट'],[/ण्ड/g,'ंड'], | |||
[/न्त/g,'ंत'],[/न्द/g,'ंद'],[/म्ब/g,'ंब'],[/म्भ/g,'ंभ'] | |||
]; | |||
function preProcess(text) { | |||
PRE_PROCESS.forEach(function(pair) { | |||
text = text.replace(pair[0], pair[1]); | |||
}); | }); | ||
return text; | |||
} | } | ||
function transliterateText(text, script) { | |||
if (script === 'en') { | |||
return Sanscript.t(text, 'devanagari', 'iast'); | |||
function transliterateText(text | } | ||
var map = SCRIPT_MAP[script]; | |||
if (!map) return text; | |||
var processed = preProcess(text); | |||
return Array.from(processed).map(function(ch) { | |||
return map[ch] !== undefined ? map[ch] : ch; | |||
}).join(''); | |||
} | } | ||
function applyScript(script) { | function applyScript(script) { | ||
var content = document.querySelector('.mw-parser-output'); | |||
if (!content) return; | |||
// Restore original devanagari | |||
content.querySelectorAll('[data-deva]').forEach(function(el) { | |||
el.textContent = el.getAttribute('data-deva'); | |||
el.removeAttribute('data-deva'); | |||
}); | |||
if (script === 'deva') return; | |||
var walker = document.createTreeWalker(content, NodeFilter.SHOW_TEXT); | |||
var nodes = []; | |||
while (walker.nextNode()) nodes.push(walker.currentNode); | |||
nodes.forEach(function(node) { | |||
var orig = node.textContent; | |||
var trans = transliterateText(orig, script); | |||
if (trans !== orig) { | |||
var span = document.createElement('span'); | |||
span.setAttribute('data-deva', orig); | |||
span.textContent = trans; | |||
node.parentNode.replaceChild(span, node); | |||
} | |||
}); | |||
} | |||
function initScriptSwitcher() { | |||
mw.hook('wikipage.content').add(function() { | |||
// Only add on doc pages (pages with gr-doc-title) | |||
var title = document.querySelector('.gr-doc-title'); | |||
if (!title) 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(); | |||
bar.querySelectorAll('.gr-script-btn').forEach(function(b) { | |||
b.classList.remove('active'); | |||
}); | |||
btn.classList.add('active'); | |||
applyScript(btn.getAttribute('data-script')); | |||
}); | |||
}); | |||
}); | }); | ||
} | } | ||
}); | |||
})(); | |||